@charset "UTF-8"; @media screen and (min-width: 768px),print {
 .aaa { margin-bottom: 0; }
main#catalog { width: 100%; }
.all-bg { width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/catalog/all-bg01.png) repeat-y center top; }
#con01 { width: 100%; max-width: 1920px; margin: 0 auto 70px; padding-top: 405px; background: url(../images/catalog/con01-bg01.png) no-repeat center top; }
#con01 .inner-Box { width: 100%; max-width: 1388px; margin: 0 auto; background-color: #fff; padding: 80px 50px 78px; }
#con01 .ttl { width: 300px; margin: 0 auto; text-align: center; font-size: 30px; font-weight: 700; line-height: 41px; letter-spacing: 7.5px; position: relative; }
#con01 .ttl::before { content: url(../images/catalog/con01-icon01.png); position: absolute; top: -120px; right: -250px; }
#con01 .txt0 { margin: 0 auto 40px; text-align: center; }
#con01 .txt1 { margin: 0 auto 40px; text-align: center; font-size: 20px; line-height: 42px; letter-spacing: 1px; }
#con01 .txt2 { margin: 0 auto 30px; text-align: center; }
#con01 .txt { margin: 0 auto 93px; text-align: center; font-size: 14px; line-height: 33px; letter-spacing: 1.4px; }
#con01 .box1 { width: 1100px; margin: 0 auto; border: 1px solid #5B9385; padding: 88px 194px 88px; position: relative; }
#con01 .box1 .ttl1 { font-size: 24px; font-weight: 700; line-height: 41px; letter-spacing: 6px; line-height: 41px; background-color: #fff; padding: 0 20px; position: absolute; top: -23px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con01 .box1 .list { width: 715px; margin: 0 auto; }
#con01 .box1 .list li { background-color: #F4F4E6; position: relative; padding: 46px 70px 40px 102px; margin-bottom: 25px; position: relative; }
#con01 .box1 .list li:nth-child(1)::before { content: url(../images/catalog/con01-icon02.png); position: absolute; top: 48px; left: 46px; }
#con01 .box1 .list li:nth-child(2)::before { content: url(../images/catalog/con01-icon03.png); position: absolute; top: 48px; left: 46px; }
#con01 .box1 .list li .ttl2 { color: #5B9385; font-size: 14px; font-weight: 700; line-height: 30px; letter-spacing: 5px; width: 260px; text-align: center; float: left; margin-right: 40px; border-right: 2px dotted #707070; }
#con01 .box1 .list li .ttl2 span { font-size: 22px; font-weight: 700; line-height: 26px; letter-spacing: 3.5px; }
#con01 .box1 .list li .txt3 { font-size: 14px; line-height: 32px; letter-spacing: 1.4px; }
#con01 .box1 .list li:nth-child(2) { margin-bottom: 0; }
#con02 { width: 640px; margin: 0 auto 111px; padding-bottom: 70px; position: relative; }
#con02::before { content: url(../images/catalog/con02-icon01.png); position: absolute; bottom: -10px; right: -130px; }
#con02 .ttl { text-align: center; margin-bottom: 40px; }
#con02 .txt { text-align: center; margin-bottom: 35px; font-size: 18px; line-height: 42px; letter-spacing: 1.8px; }
#con02 .tel { margin-bottom: 32px; }
#con02 .txt2 { text-align: center; font-size: 14px; line-height: 24px; letter-spacing: 1.4px; }
 }
@media screen and (max-width: 767px) {
 .aaa { margin-bottom: 0; }
.all-bg { margin: 0 auto; background: url(../images/catalog/sp-all-bg01.png) repeat-y center top; background-size: 100%; }
#con01 { margin: 0 auto 12vw; padding-top: 51vw; background: url(../images/catalog/sp-con01-bg01.png) no-repeat center top; background-size: 100%; }
#con01 .inner-Box { margin: 0 5vw; background-color: #fff; padding: 15vw 5vw 15vw; }
#con01 .ttl { margin: 0 auto; text-align: center; font-size: 5.5vw; font-weight: 700; line-height: 1.6; letter-spacing: 0.8vw; position: relative; }
#con01 .ttl::before { content: url(../images/catalog/sp-con01-icon01.png); position: absolute; top: -36vw; right: -17vw; transform: scale(0.5); }
#con01 .txt0 { margin: 0 auto 9.66vw; text-align: center; width: 20vw; }
#con01 .txt1 { margin: 0 auto 9.66vw; text-align: center; font-size: 4.2vw; line-height: 1.6; letter-spacing: 0.24vw; }
#con01 .txt2 { margin: 0 auto 7.24vw; text-align: center; }
#con01 .txt { margin: 0 auto 22.46vw; text-align: center; font-size: 3.38vw; line-height: 1.6; letter-spacing: 0.24vw; }
#con01 .box1 { margin: 0 auto; border: 0.24vw solid #5B9385; padding: 21.25vw 5vw 11vw; position: relative; }
#con01 .box1 .ttl1 { font-size: 4.4vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.24vw; background-color: #fff; padding: 0 4.83vw; text-align: center; position: absolute; top: -7.55vw; left: 12vw; }
#con01 .box1 .list { margin: 0 auto; }
#con01 .box1 .list li { background-color: #F4F4E6; position: relative; padding: 11vw 5vw 8vw 5vw; margin-bottom: 12vw; position: relative; }
#con01 .box1 .list li:nth-child(1)::before { content: url(../images/catalog/sp-con01-icon02.png); position: absolute; top: -11vw; left: 23vw; transform: scale(0.5); }
#con01 .box1 .list li:nth-child(2)::before { content: url(../images/catalog/sp-con01-icon03.png); position: absolute; top: -11vw; left: 23vw; transform: scale(0.5); }
#con01 .box1 .list li .ttl2 { color: #5B9385; font-size: 3.4vw; font-weight: 700; line-height: 1.6; letter-spacing: 0.24vw; text-align: center; border-bottom: 0.48vw dotted #707070; padding-bottom: 2.5vw; margin-bottom: 4vw; }
#con01 .box1 .list li .ttl2 span { font-size: 5.31vw; font-weight: 700; line-height: 1.6; letter-spacing: 0.24vw; }
#con01 .box1 .list li .txt3 { font-size: 3.38vw; line-height: 1.6; letter-spacing: 0.24vw; text-align: center; }
#con01 .box1 .list li:nth-child(2) { margin-bottom: 0; }
#con02 { margin: 0 auto; padding: 0 16vw 17vw; position: relative; margin-bottom: 14vw; }
#con02::before { content: url(../images/catalog/sp-con02-icon01.png); position: absolute; bottom: -14vw; right: -10vw; transform: scale(0.55); }
#con02 .ttl { text-align: center; margin: 0 auto 7vw; width: 16vw; }
#con02 .txt { text-align: center; margin-bottom: 8.45vw; font-size: 4.34vw; line-height: 1.6; letter-spacing: 0.24vw; }
#con02 .tel { margin-bottom: 7.72vw; }
#con02 .txt2 { text-align: center; font-size: 3.38vw; line-height: 1.6; letter-spacing: 0.24vw; }
 }