@charset "UTF-8";
@media screen and (min-width: 768px) {
.seo_bread_list{margin-bottom: 0;}

#con01{width: 100%;max-width: 1920px;margin: 40px auto 115px;background: url(../images/contact/con01-bg01.jpg) no-repeat center top;}
#con01 .inner-Box{width: 1100px;margin: 0 auto 29px;padding: 75px 0 0 0;position: relative;}
#con01 .inner-Box .ttl{text-align: center;color: #fff;font-size: 30px;font-weight: 500;line-height: 46px;letter-spacing: 1.5px;position: relative;margin-bottom: 26px;}
#con01 .inner-Box .ttl span{ font-size: 67px; line-height: 108px; letter-spacing: 6.6px; }
#con01 .inner-Box .ttl::before{content: url(../images/contact/con01-icon01.png);position: absolute;top: -13px;left: 69px;}
#con01 .inner-Box .ttl::after{content: url(../images/contact/con01-line01.png);position: absolute;bottom: -26px;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);}
#con01 .inner-Box .txt-box{width: 724px;margin: -104px auto 0;background-color: #fff;padding: 45px 30px;position: relative;}
#con01 .inner-Box .txt-box .txt{text-align: center;font-size: 28px;font-weight: 500;line-height: 45px;letter-spacing: 2.8px;margin-bottom: 29px;}
#con01 .inner-Box .txt-box .txt1{ text-align: center; font-size: 22px; font-weight: 700; line-height: 24px; letter-spacing: 2.2px; }

#con01 .inner-Box2{ width: 1280px; margin: 0 auto; }
#con01 .inner-Box2 .list{width: 1100px;margin: -169px auto 0;background-color: #fff;padding: 74px 30px 50px;position: relative;box-shadow: 0 0 10px #eee;}
#con01 .inner-Box2 .list::before{content: url(../images/contact/con01-icon02.png);position: absolute;top: -35px;left: 13px;transform: scale(1);}
#con01 .inner-Box2 .list li{width: 1002px;margin: 0 auto;border-bottom: 2px dotted;margin-bottom: 36px;padding-left: 172px;padding-bottom: 36px; position: relative;}
#con01 .inner-Box2 .list li:nth-child(3){border-bottom: 0px;margin-bottom: 0;padding-bottom: 0;}
#con01 .inner-Box2 .list li:nth-child(1)::before{content: url(../images/contact/con01-num01.png);position: absolute;top: -25px;left: 15px;transform: scale(1);}
#con01 .inner-Box2 .list li:nth-child(2)::before{content: url(../images/contact/con01-num02.png);position: absolute;top: -16px;left: 15px;transform: scale(1);}
#con01 .inner-Box2 .list li:nth-child(3)::before{content: url(../images/contact/con01-num03.png);position: absolute;top: 1px;left: 15px;transform: scale(1);}
#con01 .inner-Box2 .list li h3{font-size: 28px;font-weight: 500;line-height: 45px;letter-spacing: 2.8px;margin-bottom: 5px;}
#con01 .inner-Box2 .list li h3 span{background:linear-gradient(transparent 90%, #F5EAC4 0%);display: inline-block;margin-right: 9px;}
#con01 .inner-Box2 .list li h3 .line{background:linear-gradient(transparent 90%, #F5EAC4 0%);display: inline-block; margin-right: 0;}
#con01 .inner-Box2 .list li p{ font-size: 18px; line-height: 29px; letter-spacing: 1.8px; }

#con02{width: 100%;max-width: 1920px;margin: 0 auto 94px;padding-bottom: 86px;background: url(../images/contact/con02-bg01.jpg) no-repeat center top;}
#con02 .inner-Box{width: 1100px;margin: 0 auto;padding: 36px 0 0 0;position: relative;}
#con02 .ttl{ text-align: center; }
#con02 .list{background-color: #fff;padding: 48px 50px 3px;position: relative;}
#con02 .list::before{content: url(../images/contact/con02-icon01.png);position: absolute;bottom: -60px;right: -20px;transform: scale(1);z-index: 9;}
#con02 .list li{width: 856px;margin: 0 auto;padding-left: 50px;position: relative;border-bottom: 2px dotted;padding-bottom: 16px;margin-bottom: 16px;font-size: 20px;font-weight: 700;letter-spacing: 1px;}
#con02 .list li::before{content: url(../images/contact/check.jpg);position: absolute;top: 6px;left: 12px;transform: scale(1);}

#con03{width: 1100px;margin: 0 auto 100px;}
#con03 .ttl{ text-align: center; font-size: 40px; font-weight: 500; line-height: 64px; letter-spacing: 4px; }
#con03 .ttl span{ color: #A62121; }
#con03 h3{text-align: center;font-size: 18px;font-weight: 700;line-height: 29px;letter-spacing: 1.8px;margin-bottom: 15px;}
#con03 .txt{text-align: center;font-size: 14px;line-height: 26px;letter-spacing: 1.4px;margin-bottom: 36px;}
#con03 .btn{ text-align: center; position: relative; }
#con03 .btn::before{content: url(../images/contact/con03-icon01.png);position: absolute;top: -187px;left: 106px;transform: scale(1);z-index: -1;}

.form-inner{width: 100%;background-color: #F6F6F6;padding: 50px 0 80px;}
.form-Box p.sub-title{padding: 10px 0;margin-bottom: 40px;}
.form-Box .form-list li{ line-height: 32px; margin-bottom: 0; }
h2.sub-title{font-weight: 500;}
.form-Box .attention-color{padding: 4px 4px;}
.address-txt{ font-size: 16px; padding: 6px 0 0 0; }

}

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

#con01{margin: 8vw auto 12vw;background: url(../images/contact/sp-con01-bg01.jpg) no-repeat center top; background-size: 100% auto;}
#con01 .inner-Box{margin: 0 5vw 3vw;padding: 14vw 0 0 0;position: relative;}
#con01 .inner-Box .ttl{text-align: center;color: #fff;font-size: 4.3vw;font-weight: 500;line-height: 2;letter-spacing: 0.19vw;position: relative;margin-bottom: 3vw;}
#con01 .inner-Box .ttl span{font-size: 9vw;line-height: 1.6;letter-spacing: 1vw;}
#con01 .inner-Box .ttl::before{content: url(../images/contact/sp-con01-icon01.png);position: absolute;top: -39vw;left: -17vw;transform: scale(0.4);}
#con01 .inner-Box .txt-box{width: 100%;margin: 0px auto;background-color: #fff;padding: 5vw 0;position: relative;}
#con01 .inner-Box .txt-box .txt{text-align: center;font-size: 4.2vw;font-weight: 500;line-height: 1.8;letter-spacing: 0.5vw;margin-bottom: 3vw;}
#con01 .inner-Box .txt-box .txt1{ text-align: center; font-size: 3.8vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.4vw; }

#con01 .inner-Box2{ margin: 0 auto; }
#con01 .inner-Box2 .list{width: 94%;margin: -8vw auto 0;background-color: #fff;padding: 11vw 3vw 5vw;position: relative;box-shadow: 0 0 10px #eee;}
#con01 .inner-Box2 .list::before{content: url(../images/contact/con01-icon02.png);position: absolute;top: -8vw;left: -8vw;transform: scale(0.6);}
#con01 .inner-Box2 .list li{width: 100%;margin: 0 auto;border-bottom: 2px dotted;margin-bottom: 4vw; padding: 1vw 0px 0 17vw; position: relative;}

#con01 .inner-Box2 .list li:nth-child(3){border-bottom: 0px;margin-bottom: 0;padding-bottom: 0;}
#con01 .inner-Box2 .list li:nth-child(1)::before{content: url(../images/contact/con01-num01.png);position: absolute;top: -7vw;left: -8vw;transform: scale(0.5);}
#con01 .inner-Box2 .list li:nth-child(2)::before{content: url(../images/contact/con01-num02.png);position: absolute;top: -7vw;left: -8vw;transform: scale(0.5);}
#con01 .inner-Box2 .list li:nth-child(3)::before{content: url(../images/contact/con01-num03.png);position: absolute;top: -7vw;left: -8vw;transform: scale(0.5);}
#con01 .inner-Box2 .list li h3{font-size: 4.4vw;font-weight: 500;line-height: 1.8;letter-spacing: 0.5vw;margin-bottom: 1vw;}
#con01 .inner-Box2 .list li h3 span{background:linear-gradient(transparent 90%, #F5EAC4 0%);display: inline-block;margin-right: 1vw;}
#con01 .inner-Box2 .list li h3 .line{background:linear-gradient(transparent 90%, #F5EAC4 0%);display: inline-block; margin-right: 0;}
#con01 .inner-Box2 .list li p{ font-size: 3.6vw; line-height: 1.8; letter-spacing: 0.19vw; }

#con02{margin: 0 auto 18vw;padding-bottom: 8vw;background: url(../images/contact/con02-bg01.jpg) no-repeat center top;}
#con02 .inner-Box{margin: 0 5vw;padding: 6vw 0 0 0;position: relative;}
#con02 .ttl{ text-align: center; }
#con02 .list{background-color: #fff;padding: 5vw 5vw 3vw;position: relative;}
#con02 .list::before{content: url(../images/contact/sp-con02-icon01.png);position: absolute;bottom: -48vw;right: -50vw;transform: scale(0.38);z-index: 10;}
#con02 .list li{width: 100%;margin: 0 auto;padding-left: 6vw;position: relative;border-bottom: 2px dotted;padding-bottom: 3.6vw;margin-bottom: 3vw;font-size: 4vw;font-weight: 700;letter-spacing: 0.19vw;}
#con02 .list li::before{content: url(../images/contact/check.jpg);position: absolute;top: 0vw;left: -1vw;transform: scale(0.6);}

#con03{margin: 0 5vw 10vw;}
#con03 .ttl{ text-align: center; font-size: 6vw; font-weight: 500; line-height: 1.6; margin: 0 0 2vw 0; letter-spacing: 1.2vw; }
#con03 .ttl span{ color: #A62121; }
#con03 h3{text-align: center;font-size: 3.9vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.2vw;margin-bottom: 3vw;}
#con03 .txt{text-align: center;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.5vw;margin-bottom: 20vw;}
#con03 .btn{ text-align: center; position: relative; }
#con03 .btn::before{content: url(../images/contact/con03-icon01.png);position: absolute;top: -40vw;left: -9vw;transform: scale(0.5);z-index: -1;}

.sub-title{font-weight: 500;color: #fff;background-color: #214459;text-align: center;}

.from-btn-02{ overflow: hidden; }
.from-btn-02 .left{ float: left; width: 32%;}
.from-btn-02 .right{ float: right; width: 60%; }
.address-txt{ font-size: 3.4vw; padding: 1vw 0 0 0; }



}