@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; background: url(../images/contact/con1-bg.png) no-repeat top center;; padding: 47px 0 50px; }
#con1 .bx .inner{width: 1000px; margin: 0 auto 30px; position: relative; }
#con1 .bx .inner .icon{position: absolute; right: 88px; top: 0;}
#con1 .bx .inner .ttl{font-size: 22px; color: #FCCF00; text-align: center; letter-spacing: 1px; line-height: 1.8; margin-bottom: 2px;}
#con1 .bx .inner .ttl1{font-size: 29px; color: #fff; text-align: center; letter-spacing: 0; line-height: 2.05; margin-bottom: 7px;}


#con1 .bx .in-inner{width: 1000px; margin: 0 auto 33px;  background: #fff; padding: 50px 47px;}
#con1 .bx .in-inner .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; margin-bottom: 26px;}

#con1 .bx .in-inner .list{width: 900px; margin: 0 auto; background: #F2F2F2; padding: 23px 44px; 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;}
#con1 .bx .in-inner .list .list-in1{margin-right: 75px;}
#con1 .bx .in-inner .list .list-in1 li{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; position: relative;}
#con1 .bx .in-inner .list .list-in1 li::before{content: ""; width: 6px; height: 6px; margin: 0 auto; background: url(../images/contact/con1-li-icon.png) no-repeat top center;; position: absolute; left: -15px; top: 12px;}
#con1 .bx .in-inner .list .list-in2{}
#con1 .bx .in-inner .list .list-in2 li{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; position: relative;}
#con1 .bx .in-inner .list .list-in2 li::before{content: ""; width: 6px; height: 6px; margin: 0 auto; background: url(../images/contact/con1-li-icon.png) no-repeat top center;; position: absolute; left: -15px; top: 12px;}

#con1 .bx .in-inner1{width: 560px; margin: 0 auto 82px; color: #fff;}
#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/contact/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;}


#con2 {}
#con2 .bx{margin-bottom: 124px;}
#con2 .bx .ttl{font-size: 29px; letter-spacing: 1.5px; line-height: 2.05; margin-bottom: 20px; text-align: center;}
#con2 .bx .txt{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; text-align: center;}



}




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

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

#con1 {}
#con1 .bx{width: 100%; margin: 0 auto; background: url(../images/contact/sp-con1-bg.png) no-repeat top center;; padding: 17vw 0 6vw; background-size: 100%;}
#con1 .bx .inner{width: 100%; margin: 0 auto 5vw; position: relative; }
#con1 .bx .inner .icon{position: absolute; right: 4vw; top: -23vw;}
#con1 .bx .inner .icon img{width: 39vw;}
#con1 .bx .inner .ttl{font-size: 5.2vw; color: #FCCF00; letter-spacing: 0.2vw; line-height: 2.1; margin-bottom: 0vw; text-align: center;}
#con1 .bx .inner .ttl1{font-size: 4.78vw; color: #fff; letter-spacing: 0.3vw; line-height: 2.0; margin-bottom: 1vw; text-align: center;}


#con1 .bx .in-inner{width: 100%; margin: 0 auto 12vw;  background: #fff; padding: 8vw 9vw;}
#con1 .bx .in-inner .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 5vw;}

#con1 .bx .in-inner .list{width: 100%; margin: 0 auto; background: #F2F2F2; padding: 6vw 8vw; }
#con1 .bx .in-inner .list .list-in1{}
#con1 .bx .in-inner .list .list-in1 li{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 0vw; position: relative;}
#con1 .bx .in-inner .list .list-in1 li::before{content: ""; width: 2vw; height: 2vw; margin: 0 auto; background: url(../images/contact/con1-li-icon.png) no-repeat top center;; position: absolute; left: -3.5vw; top: 1.5vw;}
#con1 .bx .in-inner .list .list-in2{}
#con1 .bx .in-inner .list .list-in2 li{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 0vw; position: relative;}
#con1 .bx .in-inner .list .list-in2 li::before{content: ""; width: 2vw; height: 2vw; margin: 0 auto; background: url(../images/contact/con1-li-icon.png) no-repeat top center;; position: absolute; left: -3.5vw; top: 1.5vw;}


#con1 .bx .in-inner1{width: 82%; margin: 0 auto 10vw; color: #fff;}
#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; color: #fff; 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/contact/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;}

#con2 {}
#con2 .bx{margin-bottom: 10vw;}
#con2 .bx .ttl{font-size: 5vw; letter-spacing: 0.1vw; line-height: 1.7; margin-bottom: 4vw; text-align: center;}
#con2 .bx .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.9; margin-bottom: 0vw; padding: 0 9vw;}


}