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

#con01{width: 100%;max-width: 1920px;margin: 40px auto 75px;background: url(../images/ob/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: 41px; line-height: 108px; letter-spacing: 6.6px; }
#con01 .inner-Box .ttl::before{content: url(../images/ob/con01-icon01.png);position: absolute;top: -30px;left: 56px;}
#con01 .inner-Box .ttl::after{content: url(../images/ob/con01-line01.png);position: absolute;bottom: -26px;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);}
#con01 .inner-Box .pic{position: relative;margin-bottom: 10px;}
#con01 .inner-Box .pic::before{content: url(../images/ob/con01-icon02.png);position: absolute;top: -100px;left: 23px;transform: scale(1);}
#con01 .inner-Box .txt-box{width: 1100px;margin: 0 auto 0;background-color: #fff;padding: 45px 30px;position: relative;}
#con01 .inner-Box .txt-box::before{content: url(../images/ob/con01-icon03.png);position: absolute;top: 120px;left: -231px;transform: scale(1);}
#con01 .inner-Box .txt-box::after{content: url(../images/ob/con01-icon03.png);position: absolute;bottom: -47px;right: -232px;transform: scale(1);}
#con01 .inner-Box .txt-box .txt{text-align: center;font-size: 34px;font-weight: 500;line-height: 65px;letter-spacing: 3.4px;margin-bottom: 39px;}
#con01 .inner-Box .txt-box .txt span{ background:linear-gradient(transparent 96%, #A62121 0%); }
#con01 .inner-Box .txt-box .txt1{ text-align: center; font-size: 20px;line-height: 50px; letter-spacing: 1px; }

#con02{width: 100%;max-width: 1920px;margin: 0px auto 119px;background: url(../images/ob/con02-bg01.jpg) no-repeat center top;}
#con02 .inner-Box{width: 1100px;margin: 0 auto;padding-top: 77px;}
#con02 .ttl{text-align: center;font-size: 40px;font-weight: 500;line-height: 60px;letter-spacing: 4px;margin-bottom: 42px;}
#con02 .list{width: 780px;margin: 0 auto 80px;}
#con02 .list li{padding: 10px 10px 36px;background-color: #fff;position: relative;margin-bottom: 40px; box-shadow: 0 0 10px #A2A2A2;}
#con02 .list li::before{content: url(../images/ob/con02-icon01.png);position: absolute;top: -19px;left: -40px;transform: scale(1);}
#con02 .list li .pic{margin-bottom: 19px;}
#con02 .list li .txt{ text-align: center; font-size: 16px; font-weight: 500; line-height: 26px; letter-spacing: 1.6px; }
#con02 .list li .txt1{ text-align: center; font-size: 20px; font-weight: 500; line-height: 32px; letter-spacing: 1.6px; }
#con02 .txt-box{width: 1020px;margin: 0 auto;box-shadow: 0 0 10px #A2A2A2;background-color: #fff;padding: 76px 30px 50px;}
#con02 .txt-box h3{font-size: 40px;font-weight: 500;line-height: 64px;letter-spacing: 4px;text-align: center;margin-bottom: 38px;}
#con02 .txt-box h3 span{ background:linear-gradient(transparent 96%, #A62121 0%); }
#con02 .txt-box .txt2{font-size: 24px;font-weight: 700;line-height: 38px;letter-spacing: 2.4px;text-align: center;}

#con03{width: 100%;max-width: 1920px;margin: 0 auto 124px;padding-bottom: 86px;background: url(../images/ob/con03-bg01.jpg) no-repeat center top;}
#con03 .inner-Box{width: 1100px;margin: 0 auto;padding: 36px 0 0 0;position: relative;}
#con03 .ttl{ text-align: center; position: relative; }
#con03 .ttl::before{content: url(../images/ob/con03-icon01.png);position: absolute;top: -76px;left: 140px;transform: scale(1);}
#con03 .list{background-color: #fff;padding: 48px 50px 3px;position: relative;}
#con03 .list::before{content: url(../images/ob/con03-icon02.png);position: absolute;bottom: -70px;right: -90px;transform: scale(1);z-index: 10;}
#con03 .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;}
#con03 .list li::before{content: url(../images/ob/check.jpg);position: absolute;top: 6px;left: 12px;transform: scale(1);}

#con04{width: 100%;max-width: 1920px;margin: 0 auto 101px;background: url(../images/ob/con04-bg01.jpg) no-repeat center top 43px;}
#con04 .inner-Box{ width: 1280px; margin: 0 auto; }
#con04 .ttl{text-align: center;font-size: 40px;font-weight: 500;line-height: 64px;letter-spacing: 4px;margin-bottom: 96px;}
#con04 .box1{width: 1280px;margin: 0 auto 80px;position: relative;}
#con04 .box1 .txt-box{width: 754px;margin-left: 90px;background-color: #fff;padding: 55px 30px 30px 40px;}
#con04 .box1 .txt-box .pic{position: absolute;top: 64px;right: 0;}
#con04 .box1 .txt-box h3{width: 550px;font-size: 24px;font-weight: 500;line-height: 40px;letter-spacing: 1.2px;margin-bottom: 28px;}
#con04 .box1 .txt-box .txt{width: 550px;font-size: 16px;line-height: 32px;letter-spacing: 0.8px;margin-bottom: 32px;}
#con04 .box1 .txt-box .txt1{ width: 550px; font-size: 16px; line-height: 32px; letter-spacing: 0.8px; font-weight: 700; }
#con04 .box2{width: 1280px;margin: 0 auto 95px;position: relative;}
#con04 .box2 .txt-box{width: 754px;margin-left: 90px;background-color: #fff;padding: 55px 30px 55px 40px;}
#con04 .box2 .txt-box .pic{position: absolute;top: 44px;right: 51px;}
#con04 .box2 .txt-box h3{width: 550px;font-size: 24px;font-weight: 500;line-height: 40px;letter-spacing: 1.2px;margin-bottom: 28px;}
#con04 .box2 .txt-box .txt{width: 550px;font-size: 16px;line-height: 32px;letter-spacing: 0.8px;margin-bottom: 32px;}
#con04 .box2 .txt-box .txt1{ width: 550px; font-size: 16px; line-height: 32px; letter-spacing: 0.8px; font-weight: 700; }
#con04 .box3{width: 963px;margin: 0 auto;border: 6px double;background-color: #fff;padding: 46px 50.5px 46px 81.5px;}
#con04 .box3 h3{text-align: center;font-size: 24px;font-weight: 500;line-height: 38px;letter-spacing: 2.4px;margin-bottom: 19px;padding-right: 30px;}
#con04 .box3 .txt{ tfont-size: 16px;line-height: 32px;letter-spacing: 0.8px;margin-bottom: 32px; }
#con04 .box3 .txt1{ tfont-size: 16px;line-height: 32px;letter-spacing: 0.8px; }

#con05{width: 1280px;margin: 0 auto 89px;background-color: #F6F6F6;padding: 60px 0 80px;}
#con05 .ttl{text-align: center;font-size: 32px;font-weight: 500;line-height: 51px;letter-spacing: 3.2px;margin-bottom: 42px;position: relative;}
#con05 .ttl::before{content: url(../images/ob/con05-icon01.png);position: absolute;top: -44px;left: 227px;transform: scale(1);}
#con05 .list{ width: 1007px; margin: 0 auto; display: flex; justify-content: space-between; }
#con05 .list li{width: 309px;background-color: #fff;position: relative;padding-bottom: 35px;box-shadow: 0 0 10px #A2A2A2;}
#con05 .list li::before{content: url(../images/ob/con05-line01.jpg);position: absolute;top: 106px;right: -40px;transform: scale(1);}
#con05 .list li:nth-child(3)::before{display: none;}
#con05 .list li h3{ text-align: center; color: #fff; background-color: #214459; font-size: 24px; font-weight: 500; line-height: 32px; letter-spacing: 1.2px; padding: 10px 0; position: relative; }
#con05 .list li:nth-child(1) h3::before{content: url(../images/ob/con05-num01.png);position: absolute;top: -6px;left: 10px;transform: scale(1);}
#con05 .list li:nth-child(2) h3::before{content: url(../images/ob/con05-num02.png);position: absolute;top: -6px;left: 10px;transform: scale(1);}
#con05 .list li:nth-child(3) h3::before{content: url(../images/ob/con05-num03.png);position: absolute;top: -6px;left: 10px;transform: scale(1);}
#con05 .list li .pic{margin-bottom: 14px;}
#con05 .list li .txt{ padding: 0 15px; font-size: 16px; line-height: 32px; letter-spacing: 0.8px; }

#con06{width: 898px;margin: 0 auto 101px;}
#con06 .ttl{text-align: center;font-size: 40px;font-weight: 500;line-height: 50px;letter-spacing: 4px;margin-bottom: 37px;}
#con06 .btn{ position: relative; }
#con06 .btn::before{content: url(../images/ob/con06-icon01.png);position: absolute;top: -187px;left: 5px;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: 3px 0px; */padding: 3px 8px 2px;}

}

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

#con01{margin: 8vw auto 12vw;background: url(../images/ob/sp-con01-bg01.jpg) no-repeat center top; background-size: 100% auto;}
#con01 .inner-Box{margin: 11vw 5vw 3vw;padding: 14vw 0 0 0;position: relative;}
#con01 .inner-Box .ttl{text-align: center;color: #fff;font-size: 4.5vw;font-weight: 500;line-height: 2;letter-spacing: 0.19vw;position: relative;margin-bottom: 3vw;}
#con01 .inner-Box .ttl span{font-size: 7vw;line-height: 1.6;letter-spacing: 1vw;}
#con01 .inner-Box .ttl::before{content: url(../images/ob/sp-con01-icon01.png);position: absolute;top: -16vw;right: -17vw;transform: scale(0.5);}
#con01 .inner-Box .pic{position: relative;margin-bottom: 10px;}
#con01 .inner-Box .pic::before{content: url(../images/ob/con01-icon02.png);position: absolute;top: -66vw;left: -9vw;transform: scale(0.6);}
#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: 5vw;font-weight: 500;line-height: 2.2;letter-spacing: 0.8vw;margin-bottom: 4vw;}
#con01 .inner-Box .txt-box .txt span{ background:linear-gradient(transparent 96%, #A62121 0%); }
#con01 .inner-Box .txt-box .txt1{ text-align: center; font-size: 3.6vw;line-height: 2.4; letter-spacing: 0.242vw; }

#con02{margin: 0px auto 12vw;background: url(../images/ob/sp-con02-bg01.jpg) no-repeat center top;background-size: 100% auto;padding-bottom: 12vw;}
#con02 .inner-Box{margin: 0 5vw;padding-top: 14vw;}
#con02 .ttl{text-align: center;font-size: 5vw;font-weight: 500;line-height: 1.6;letter-spacing: 0.6vw;margin-bottom: 10vw;}
#con02 .list{width: 100%;margin: 0 auto 8vw;}
#con02 .list li{padding: 2vw 2vw 4vw;background-color: #fff;position: relative;margin-bottom: 16vw;box-shadow: 0 0 10px #A2A2A2;}
#con02 .list li::before{content: url(../images/ob/con02-icon01.png);position: absolute;top: -5vw;left: -15vw;transform: scale(0.8);}
#con02 .list li .pic{margin-bottom: 2vw;}
#con02 .list li .txt{ text-align: center; font-size: 3.6vw; font-weight: 500; line-height: 1.8; letter-spacing: 0.3vw; }
#con02 .list li .txt1{ text-align: center; font-size: 4vw; font-weight: 500; line-height: 1.8; letter-spacing: 0.3vw; }
#con02 .txt-box{width: 94%;margin: 0 auto;box-shadow: 0 0 10px #A2A2A2;background-color: #fff;padding: 8vw 5vw 5vw;}
#con02 .txt-box h3{font-size: 5vw;font-weight: 500;line-height: 2;letter-spacing: 1vw;text-align: center;margin-bottom: 6vw;}
#con02 .txt-box h3 span{ background:linear-gradient(transparent 96%, #A62121 0%); }
#con02 .txt-box .txt2{font-size: 4.2vw;font-weight: 700;line-height: 1.8;letter-spacing: 0.5vw;text-align: center;}

#con03{margin: 0 auto 26vw;padding-bottom: 8vw;background: url(../images/ob/sp-con03-bg01.jpg) no-repeat center top; background-size: 100% auto;}
#con03 .inner-Box{margin: 0 5vw;padding: 6vw 0 0 0;position: relative;}
#con03 .ttl{text-align: center;padding: 0 8vw; position: relative;}
#con03 .ttl::before{content: url(../images/ob/con03-icon01.png);position: absolute;top: -18vw;left: -11vw;transform: scale(0.5);}
#con03 .list{background-color: #fff;padding: 5vw 3vw 3vw;position: relative;}
#con03 .list::before{content: url(../images/ob/sp-con03-icon02.png);position: absolute;bottom: -43vw;right: -41vw;transform: scale(0.38);z-index: 10;}
#con03 .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: 500;letter-spacing: 0.19vw;}
#con03 .list li::before{content: url(../images/ob/check.jpg);position: absolute;top: 0vw;left: -1vw;transform: scale(0.6);}

#con04{margin: 0 auto 10vw;background: url(../images/ob/sp-con04-bg01.jpg) repeat center top 10vw; background-size: 100% auto; }
#con04 .inner-Box{margin: 0 auto; padding-bottom: 9vw; }
#con04 .ttl{ width: 100%; background-color: #fff; padding: 0 5vw; text-align: center;font-size: 5vw;font-weight: 500;line-height: 2.2;letter-spacing: 0.8vw;margin-bottom: 9vw;}
#con04 .box1{margin: 0 5vw 8vw;position: relative;}
#con04 .box1 .txt-box{background-color: #fff;padding: 5vw;}
#con04 .box1 .txt-box .pic{ margin-bottom: 3vw; }
#con04 .box1 .txt-box h3{font-size: 4.2vw;font-weight: 500;line-height: 2;letter-spacing: 0.3vw;margin-bottom: 3vw;}
#con04 .box1 .txt-box .txt{font-size: 3.6vw;line-height: 1.8;letter-spacing: 0.2vw;margin-bottom: 4vw;}
#con04 .box1 .txt-box .txt1{  font-size: 3.6vw; line-height: 1.8; letter-spacing: 0.2vw; font-weight: 700; }
#con04 .box2{margin: 0 5vw 8vw;position: relative;}
#con04 .box2 .txt-box{background-color: #fff;padding: 5vw;}
#con04 .box2 .txt-box .pic{ margin-bottom: 3vw; }
#con04 .box2 .txt-box h3{font-size: 4.2vw;font-weight: 500;line-height: 2;letter-spacing: 0.3vw;margin-bottom: 3vw;}
#con04 .box2 .txt-box .txt{font-size: 3.6vw;line-height: 1.8;letter-spacing: 0.2vw;margin-bottom: 4vw;}
#con04 .box2 .txt-box .txt1{  font-size: 3.6vw; line-height: 1.8; letter-spacing: 0.2vw; font-weight: 700; }
#con04 .box3{width: 90%;margin: 0 auto;border: 6px double;background-color: #fff;padding: 5vw;}
#con04 .box3 h3{text-align: center;font-size: 4.6vw;font-weight: 500;line-height: 2;letter-spacing: 0.5vw;margin-bottom: 3vw;}
#con04 .box3 .txt{ tfont-size: 3.6vw;line-height: 1.8;letter-spacing: 0.2vw;margin-bottom: 4vw; }
#con04 .box3 .txt1{ tfont-size: 3.6vw;line-height: 1.8;letter-spacing: 0.2vw; }

#con05{margin: 0 auto 9vw;background-color: #F6F6F6;padding: 9vw 0;}
#con05 .ttl{text-align: center;font-size: 5.5vw;font-weight: 500;line-height: 1.8;letter-spacing: 0.8vw;margin-bottom: 6vw;position: relative;}
#con05 .ttl::before{content: url(../images/ob/con05-icon01.png);position: absolute;top: -18vw;left: -10vw;transform: scale(0.6);}
#con05 .list{ margin: 0 5vw; }
#con05 .list li{width: 100%;background-color: #fff;position: relative;padding-bottom: 6vw; margin-bottom: 12vw; box-shadow: 0 0 10px #A2A2A2;}
#con05 .list li::before{content: url(../images/ob/con05-line01.jpg);position: absolute;bottom: -9vw;right: 39vw;transform: rotate(90deg);}
#con05 .list li:nth-child(3)::before{display: none;}
#con05 .list li h3{ text-align: center; color: #fff; background-color: #214459; font-size: 4.2vw; font-weight: 500; line-height: 2; letter-spacing: 0.8vw; padding: 2vw 0; position: relative; }
#con05 .list li:nth-child(1) h3::before{content: url(../images/ob/con05-num01.png);position: absolute;top: -1.8vw;left: 2vw;transform: scale(1);}
#con05 .list li:nth-child(2) h3::before{content: url(../images/ob/con05-num02.png);position: absolute;top: -1.8vw;left: 2vw;transform: scale(1);}
#con05 .list li:nth-child(3) h3::before{content: url(../images/ob/con05-num03.png);position: absolute;top: -1.8vw;left: 2vw;transform: scale(1);}
#con05 .list li .pic{margin-bottom: 3vw;}
#con05 .list li .txt{ padding: 0 3vw; font-size: 3.6vw; line-height: 1.8; letter-spacing: 0.19vw; }

#con06{margin: 0 5vw 15vw;}
#con06 .ttl{text-align: center;font-size: 5vw;font-weight: 500;line-height: 1.8;letter-spacing: 0.3vw;margin-bottom: 5vw;}
#con06 .btn{ position: relative; }
#con06 .btn::before{content: url(../images/ob/con06-icon01.png);position: absolute;top: -39vw;left: -10vw;transform: scale(0.4);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%; }

}