@charset "UTF-8";
@media screen and (min-width: 768px),print {
main{width: 100%!important; max-width: 1920px!important; margin: 0 auto!important; letter-spacing: 1px; line-height: 1.8;}

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto 340px; background: #F2F2F2; padding: 124px 0 50px;}
#con1 .bx .inner{width: 1100px; margin: 0 auto 62px; position: relative; background: #fff; padding: 50px 50px 43px;box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 8px 8px rgba(10,10,10,0.02);}
#con1 .bx .inner .img1{position: absolute; left: 39px; top: -20px;}
#con1 .bx .inner .icon{position: absolute; right: -32px; top: -69px;}
#con1 .bx .inner .in-inner{width: 650px; margin-right: auto; margin-left: 390px;}
#con1 .bx .inner .in-inner .ttl{font-size: 18px; letter-spacing: 1px; line-height: 2.05; margin-bottom: 7px;}
#con1 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 1px; line-height: 2.05; margin-bottom: 10px;}

#con1 .bx .in-inner1{width: 560px; margin: 0 auto 62px;}
#con1 .bx .in-inner1 .tel{font-size: 16px; letter-spacing: 0; text-align: center; border-bottom: 1px solid #C1C1C1; padding-bottom: 21px; margin-bottom: 14px;}
#con1 .bx .in-inner1 .tel span{font-size: 32px; letter-spacing: 1.8px; line-height: 1.2; padding-left: 64px; position: relative; top: 7px; left: 2px;}
#con1 .bx .in-inner1 .tel span::before{content: ""; width: 27px; height: 30px; margin: 0 auto; background: url(../images/materials/con1-tel-icon.svg) no-repeat; position: absolute; left: 23px; top: 3px; } 
#con1 .bx .in-inner1 .store{font-size: 14px; letter-spacing: 0.8px; text-align: center;}

#con1 .bx .in-inner2{width: 1100px; margin: 0 auto -252px;}
#con1 .bx .in-inner2 .ttl1{font-size: 22px; letter-spacing: 0; text-align: center; background: #fff; padding: 1px 0; border-radius: 20px; width: 320px; margin: 0 auto;}
#con1 .bx .in-inner2 .ttl2{font-size: 29px; letter-spacing: 0; text-align: center; margin-bottom: 36px;}
#con1 .bx .in-inner2 .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .bx .in-inner2 .list li{width: 320px; margin-right: 40px; position: relative;}
#con1 .bx .in-inner2 .list li::after{content: ""; width: 320px; height: 160px; margin: 0 auto; background: url(../images/materials/con1-li-bg.png) no-repeat; position: absolute; left: 0; right: 0; bottom: 0; }
#con1 .bx .in-inner2 .list li:last-child{margin-right: 0;}
#con1 .bx .in-inner2 .list li .num{text-align: center; margin-bottom: -10px; position: relative; z-index: 1;}
#con1 .bx .in-inner2 .list li .in-ttl{font-size: 22px; letter-spacing: 0; padding: 10px 0 6px; text-align: center; background: #fff; width: 232px; margin: 0 auto -50px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 8px 8px rgba(10,10,10,0.02);}
#con1 .bx .in-inner2 .list li .in-img{text-align: center; margin-bottom: 16px;}
#con1 .bx .in-inner2 .list li .in-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.8; text-align: center; position: relative; z-index: 1; padding-bottom: 35px; padding-left: 9px;}



}




@media screen and (max-width: 767px) {

main{letter-spacing: 0.3vw; line-height: 1.8;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto 10vw; padding: 0 0 40vw; background: linear-gradient(180deg,#F2F2F2 0%,#F2F2F2 48%,#FFF 48%,#FFF 100%);}
#con1 .bx .inner{width: 100%; margin: 0 auto 15vw; position: relative; background: #fff; padding: 12vw 5vw 7vw;box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 8px 8px rgba(10,10,10,0.02);}
#con1 .bx .inner .img1{width: 91%; margin: 0 auto 6vw;}
#con1 .bx .inner .icon{ position: absolute; right: 4vw; top: 54vw;}
#con1 .bx .inner .icon img{ width: 39vw;}
#con1 .bx .inner .in-inner{width: 91%; margin: 0 auto;}
#con1 .bx .inner .in-inner .ttl{font-size: 4.38vw; letter-spacing: 0.2vw; line-height: 2.1; margin-bottom: 1vw;}
#con1 .bx .inner .in-inner .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 3vw;}

#con1 .bx .in-inner1{width: 82%; margin: 0 auto 15vw;}
#con1 .bx .in-inner1 .tel{font-size: 3.65vw; letter-spacing: 0.2vw; line-height: 1.9; text-align: center; border-bottom: 1px solid #C1C1C1; padding-bottom: 3vw; margin-bottom: 4vw;}
#con1 .bx .in-inner1 .tel span{font-size: 6.2vw; letter-spacing: 0.4vw; line-height: 1.2; padding-left: 8vw; position: relative; top: 2vw; left: 0vw;}
#con1 .bx .in-inner1 .tel span::before{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/materials/con1-tel-icon.svg) no-repeat; position: absolute; left: 0; top: 0; background-size: 5.5vw;} 
#con1 .bx .in-inner1 .store{font-size: 3.3vw; letter-spacing: 0.2vw; text-align: center;}

#con1 .bx .in-inner2{width: 100%; margin: 0 auto -25vw}
#con1 .bx .in-inner2 .ttl1{font-size: 5.3vw; letter-spacing: 0; text-align: center; background: #fff; padding: 1vw 0 0.5vw; border-radius: 25vw; width: 77%; margin: 0 auto;}
#con1 .bx .in-inner2 .ttl2{font-size: 6.95vw; letter-spacing: 0; text-align: center; margin-bottom: 7vw;}
#con1 .bx .in-inner2 .list{}
#con1 .bx .in-inner2 .list li{width: 80%; margin: 0 auto 12vw; position: relative;}
#con1 .bx .in-inner2 .list li::after{content: ""; width: 80vw; height: 40vw; margin: 0 auto; background: url(../images/materials/sp-con1-li-bg.png) no-repeat; position: absolute; left: 1vw; right: 0; bottom: -4vw; background-size: 97%;}
#con1 .bx .in-inner2 .list li:last-child{margin-bottom: 0;}
#con1 .bx .in-inner2 .list li .num{text-align: center; margin-bottom: -2vw; position: relative; z-index: 1;}
#con1 .bx .in-inner2 .list li .in-ttl{font-size: 5.38vw; letter-spacing: 0; padding: 2vw 0 2vw; text-align: center; background: #fff; width: 71%; margin: 0 auto -12vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 8px 8px rgba(10,10,10,0.02);}
#con1 .bx .in-inner2 .list li .in-img{text-align: center; margin-bottom: 0; padding: 0 4vw 4vw;}
#con1 .bx .in-inner2 .list li .in-txt{font-size: 3.7vw; letter-spacing: 0.3vw; line-height: 1.9; text-align: center; position: relative; z-index: 1; padding-bottom: 5vw; padding-left: 2vw;}



}