@charset "UTF-8";

.f-lato {font-family: "lato", sans-serif; font-style: normal;}

@media screen and (min-width: 768px),print {
main {width: 100% !important; max-width: 1920px; margin: 0 auto; line-height: 1.9; }
main .seo_bread_list a{color: #A4A4A4; position: relative; z-index: 1;}
main .seo_bread_list {color: #A4A4A4; position: relative; z-index: 1;}

#con1 {margin: -99px auto 147px;}
#con1 .bx{width: 100%; max-width: 1920px; position: relative; background: url(../images/contact/con1-bg.png) no-repeat top center; padding: 121px 0;;}
#con1 .bx .inner{width: 1100px; margin: 0 auto 147px; position: relative;}
#con1 .bx .inner .ttl{font-weight: 600; color: #fff; letter-spacing: 2px; text-align: center; margin-bottom: 30px; position: relative;}
#con1 .bx .inner .ttl .ss1{position: relative; font-size: 34px;}
#con1 .bx .inner .ttl .ss1::before{content: ""; width: 315px; height: 1px; background: #fff; position: absolute; left: 0; right: 0; bottom: -6px;}
#con1 .bx .inner .ttl .ss2{position: relative; font-size: 46px;}
#con1 .bx .inner .ttl .ss2::before{content: ""; width: 432px; height: 1px; background: #fff; position: absolute; left: 0; right: 0; bottom: -6px;}
#con1 .bx .inner .ttl1{font-size: 28px; font-weight: 400; color: #fff; text-align: center; letter-spacing: 1.4px; margin-bottom: 45px;}

#con1 .in-bx{width: 100%; max-width: 1920px;margin: 0 auto; background: linear-gradient(180deg, #fff 0%, #fff 240px, #F2F2F2 240px, #F2F2F2 100%); position: relative; padding-bottom: 100px;}
#con1 .in-bx::before{content: ""; width: 1px; height: 104px; margin: 0 auto; background: #5F5E5E; position: absolute; left: 0; right: 0; top: -200px;}
#con1 .in-bx .in-inner{width: 1280px; margin: 0 auto;}
#con1 .in-bx .in-inner .in-ttl{font-size: 26px; font-weight: 500; letter-spacing: 1.3px; text-align: center; margin-bottom: 17px;}
#con1 .in-bx .in-inner .in-txt{font-size: 16px; font-weight: 200; letter-spacing: 1px; text-align: center; margin-bottom: 63px;}

#con1 .in-bx .in-inner .img-list{margin-bottom: 80px; 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 .in-bx .in-inner .img-list li{width: 308px; margin-right: 16px; }
#con1 .in-bx .in-inner .img-list li:last-child{margin-right: 0; }

#con1 .in-bx .in-inner .link-list{margin-bottom: 40px; 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 .in-bx .in-inner .link-list li{width: 380px; margin-right: 28px; }
#con1 .in-bx .in-inner .link-list li:last-child{margin-right: 0; }
#con1 .in-bx .in-inner .tel{text-align: center;}


#con2 {}
#con2 .bx{width: 1201px;margin: 0 auto 151px;}
#con2 .bx .ttl{font-size: 32px; font-weight: 500; letter-spacing: 1.3px; text-align: center; margin-bottom: 40px;}

#con2 .bx .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;}
#con2 .bx .list li{width: 390px; margin-right: 15.5px; border: 1px solid #DEDEDE; padding: 25px 40px 32px; position: relative;}
#con2 .bx .list li::after{content: "";width: 50px;height: 50px;margin: 0 auto;background: url(../images/contact/con2-icon.svg) no-repeat center;position: absolute;right: -32px;top: 191px;z-index: 1;}
#con2 .bx .list li:last-child{ margin-right: 0;}
#con2 .bx .list li:last-child::after{background: none; }
#con2 .bx .list li .ttl1{font-size: 22px; font-weight: 400; text-align: center; letter-spacing: 1px; position: relative; margin-bottom: 40px;}
#con2 .bx .list li .ttl1::after{content: ""; width: 44px; height: 1px; margin: 0 auto; background: #1C1C1C; position: absolute; left: 0; right: 0; bottom: 0;}
#con2 .bx .list li .img{text-align: center; margin-bottom: 24px;}
#con2 .bx .list li .txt{font-size: 16px; letter-spacing: 0.8px; text-align: center; line-height: 1.7;}




}


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

main {width: 100%; max-width: 1920px; margin: 0 auto; line-height: 1.9; }
main .seo_bread_list a{color: #A4A4A4; position: relative; z-index: 1;}
main .seo_bread_list {color: #A4A4A4; position: relative; z-index: 1;}

main#contact .seo_bread_list{
	padding-top: 0;
	left: 10px;
	top: -12px;
	position: relative;
}


#con1 {margin: 0.6vw auto 22vw;}
#con1 .bx{width: 100%;margin-bottom: 6.5vw;position: relative;background: url(../images/contact/sp-con1-bg.png) no-repeat top center;padding: 20.5vw 0;background-size: 100%;}
#con1 .bx .inner{width: 100%; margin: 0 auto 15vw; position: relative; padding-left: 1vw;}
#con1 .bx .inner .ttl{font-weight: 600; color: #fff; letter-spacing: 1vw; text-align: center; margin-bottom: 4vw; line-height: 2; position: relative;}
#con1 .bx .inner .ttl .ss1{position: relative; font-size: 4.1vw;}
#con1 .bx .inner .ttl .ss1::before{content: ""; width: 97%; height: 1px; background: #fff; position: absolute; left: 0; right: 0; bottom: -1.5vw;}
#con1 .bx .inner .ttl .ss2{position: relative; font-size: 6.2vw;}
#con1 .bx .inner .ttl .ss2::before{content: ""; width: 99%; height: 1px; background: #fff; position: absolute; left: 0; right: 0; bottom: -1.5vw;}
#con1 .bx .inner .ttl1{font-size: 3.9vw; font-weight: 400; color: #fff; text-align: center; letter-spacing: 0.15vw; margin-bottom: 5vw; padding-right: 2vw;}

#con1 .in-bx{width: 100%; margin: 0 auto; background: linear-gradient(180deg, #fff 0%, #fff 90vw, #F2F2F2 90vw, #F2F2F2 100%); position: relative; padding-bottom: 19vw;}
#con1 .in-bx::before{content: ""; width: 1px; height: 19vw; margin: 0 auto; background: #5F5E5E; position: absolute; left: 0; right: 0; top: -31vw;}
#con1 .in-bx .in-inner{width: 100%; margin: 0 auto;}
#con1 .in-bx .in-inner .in-ttl{font-size: 5.3vw; font-weight: 500; letter-spacing: 0.3vw; text-align: center; margin-bottom: 3vw;}
#con1 .in-bx .in-inner .in-txt{font-size: 3.3vw;font-weight: 200;letter-spacing: 0.2vw;text-align: center;margin-bottom: 8vw;line-height: 2.1;}

#con1 .in-bx .in-inner .img-list{width: 92%; margin: 0 auto 13vw; 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 .in-bx .in-inner .img-list li{width: 49.5%; margin-right: 0.8vw; margin-bottom: 1vw;}
#con1 .in-bx .in-inner .img-list li:nth-child(2n){margin-right: 0; }
#con1 .in-bx .in-inner .img-list li:last-child{margin-bottom: 0; }

#con1 .in-bx .in-inner .link-list{width: 87%; margin: 0 auto 5vw; }
#con1 .in-bx .in-inner .link-list li{width: 100%; margin: 0 auto 5vw; }
#con1 .in-bx .in-inner .link-list li:last-child{margin-bottom: 0; }
#con1 .in-bx .in-inner .tel{width: 92%; margin: 0 auto; text-align: center;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto 23vw;}
#con2 .bx .ttl{font-size: 6.4vw; font-weight: 500; letter-spacing: 0.2vw; text-align: center; margin-bottom: 7vw;}

#con2 .bx .list{width: 87%; margin: 0 auto;}
#con2 .bx .list li{width: 100%; margin: 0 auto 5vw; border: 1px solid #DEDEDE; padding: 5vw 8vw 9vw; position: relative;}
#con2 .bx .list li::after{content: ""; width: 15vw; height: 15vw; margin: 0 auto; background: url(../images/contact/con2-icon.svg) no-repeat center; position: absolute; left: 0; right: 0; bottom: -9vw; transform: rotate(90deg); z-index: 1;}
#con2 .bx .list li:last-child{ margin-bottom: 0;}
#con2 .bx .list li:last-child::after{background: none; }
#con2 .bx .list li .ttl1{font-size: 5.6vw; font-weight: 400; text-align: center; letter-spacing: 0.2vw; position: relative; margin-bottom: 7vw;}
#con2 .bx .list li .ttl1::after{content: ""; width: 10vw; height: 1px; margin: 0 auto; background: #1C1C1C; position: absolute; left: 0; right: 0; bottom: 0;}
#con2 .bx .list li .img{text-align: center; margin-bottom: 4vw;}
#con2 .bx .list li .txt{font-size: 3.85vw; letter-spacing: 0.2vw; text-align: center; line-height: 1.7;}



}