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

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto;}
#con1 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl{text-align: center; margin-bottom: 20px;}
#con1 .bx .inner .ttl1{font-size: 31px; letter-spacing: 3px; line-height: 1.6; text-align: center; margin-bottom: 63px;}
#con1 .bx .inner .btn{text-align: center; margin-bottom: 52px;}
#con1 .bx .inner .icon{position: absolute; left: 152px; top: 274px;}
#con1 .bx .inner .tel{text-align: center; margin-bottom: 73px;}
#con1 .bx .img{width: 100%; margin: 0 auto;}
#con1 .bx .img img{width: 100%; margin: 0 auto;}

#all-bx {background: #F7F7F2; padding: 100px 0 100px;}

#con2 {}
#con2 .bx{width: 100%; max-width: 1920px; margin: -280px auto 90px;}
#con2 .bx .inner{width: 800px; margin: 0 auto 70px; background: #fff; padding: 43px 0 43px 113px; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner .list{}
#con2 .bx .inner .list li{font-size: 16px; font-weight: bold; letter-spacing: 1.6px; line-height: 3.5; padding-left: 67px; position: relative;}
#con2 .bx .inner .list li:nth-of-type(1)::before{content: ""; width: 46px; height: 46px; margin: 0 auto; background: url(../images/contact/con1-li-icon1.svg) no-repeat top center; position: absolute; left: 0; top: 2;}
#con2 .bx .inner .list li:nth-of-type(2)::before{content: ""; width: 46px; height: 46px; margin: 0 auto; background: url(../images/contact/con1-li-icon2.svg) no-repeat top center; position: absolute; left: 0; top: 2;}
#con2 .bx .inner .list li:nth-of-type(3)::before{content: ""; width: 46px; height: 46px; margin: 0 auto; background: url(../images/contact/con1-li-icon3.svg) no-repeat top center; position: absolute; left: 0; top: 2;}
#con2 .bx .inner .list li:nth-of-type(4)::before{content: ""; width: 46px; height: 46px; margin: 0 auto; background: url(../images/contact/con1-li-icon4.svg) no-repeat top center; position: absolute; left: 0; top: 2;}
#con2 .bx .inner .list li:nth-of-type(5)::before{content: ""; width: 46px; height: 46px; margin: 0 auto; background: url(../images/contact/con1-li-icon5.svg) no-repeat top center; position: absolute; left: 0; top: 2;}
#con2 .bx .txt{font-size: 16px; letter-spacing: 1.6px; line-height: 2; text-align: center; margin-bottom: 30px;}

}


@media screen and (max-width: 767px) {
main {letter-spacing: 0.2vw; line-height: 1.8;}
.seo_bread_list { margin-bottom: -3vw;}

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto;}
#con1 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl{text-align: center; margin-bottom: 6vw;}
#con1 .bx .inner .ttl img{width: 46%; margin: 0 auto;}
#con1 .bx .inner .ttl1{font-size: 5.2vw; letter-spacing: 0.4vw; line-height: 1.6; text-align: center; margin-bottom: 8vw;}
#con1 .bx .inner .btn{text-align: center; margin-bottom: 33vw;}
#con1 .bx .inner .btn img{width: 82%; margin: 0 auto;}
#con1 .bx .inner .icon{position: absolute; left: 4vw; top: 65vw;}
#con1 .bx .inner .icon img{width: 51%;}
#con1 .bx .inner .tel{text-align: center; margin-bottom: 16vw;}
#con1 .bx .inner .tel img{width: 87%; margin: 0 auto;}
#con1 .bx .img{width: 100%; margin: 0 auto;}
#con1 .bx .img img{width: 100%; margin: 0 auto;}

#all-bx { padding: 24vw 0 24vw; background: linear-gradient(180deg, #fff 0%, #fff 35vw, #F7F7F2 35vw, #F7F7F2 100%)}

#con2 {}
#con2 .bx{width: 92%; margin: -35vw auto 8vw;}
#con2 .bx .inner{width: 100%; margin: 0 auto 11vw; background: #fff; padding: 8vw 8vw; position: relative; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#con2 .bx .inner .list{}
#con2 .bx .inner .list li{font-size: 3.8vw; font-weight: bold; letter-spacing: 0.45vw; line-height: 1.65; padding-left: 10.5vw; position: relative; margin-bottom: 4vw;}
#con2 .bx .inner .list li:nth-of-type(5){padding-top: 3vw;}
#con2 .bx .inner .list li:nth-of-type(1)::before{content: ""; width: 15vw; height: 15vw; margin: 0 auto; background: url(../images/contact/con1-li-icon1.svg) no-repeat top center; position: absolute; left: -6vw; top: 0vw; background-size: 11vw;}
#con2 .bx .inner .list li:nth-of-type(2)::before{content: ""; width: 15vw; height: 15vw; margin: 0 auto; background: url(../images/contact/con1-li-icon2.svg) no-repeat top center; position: absolute; left: -6vw; top: 0vw; background-size: 11vw;}
#con2 .bx .inner .list li:nth-of-type(3)::before{content: ""; width: 15vw; height: 15vw; margin: 0 auto; background: url(../images/contact/con1-li-icon3.svg) no-repeat top center; position: absolute; left: -6vw; top: 0vw; background-size: 11vw;}
#con2 .bx .inner .list li:nth-of-type(4)::before{content: ""; width: 15vw; height: 15vw; margin: 0 auto; background: url(../images/contact/con1-li-icon4.svg) no-repeat top center; position: absolute; left: -6vw; top: 0vw; background-size: 11vw;}
#con2 .bx .inner .list li:nth-of-type(5)::before{content: ""; width: 15vw; height: 15vw; margin: 0 auto; background: url(../images/contact/con1-li-icon5.svg) no-repeat top center; position: absolute; left: -6vw; top: 0vw; background-size: 11vw;}
#con2 .bx .txt{font-size: 3.8vw; letter-spacing: 0.45vw; line-height: 2; margin-bottom: 8vw; padding: 0 4vw;}


}