@charset "UTF-8";
.mainv{position: relative;height: 1260px;}
.mainv_bg{height: 1260px;position: absolute;z-index: 1;width: 100%;}
.mainv_bg01{height: 50%;background-image: url("../../../common/imgs/bg01.jpg");background-size: cover;}
.mainv_bg02{height: 50%;background-image: url("../../../common/imgs/bg08.jpg");background-size: cover;}
.mainv_left{position:absolute;z-index: 2;left: calc(50vw - 640px);max-width:640px;top:200px;}
.mainv_right{position:absolute;z-index: 2;right: calc(50vw - 640px);max-width:740px;top:120px;}
.mainv_btn{position:absolute;z-index: 2;}
.mainv_txt01{text-align: center;margin: 0 0 120px 0;}
.mainv_txt02{text-align: center;margin: 0 0 40px 0;color: #8c702d;font-size: 34px;letter-spacing: 0.15em;}
.mainv_txt02 h3:first-child{margin: 0 0 30px;}
.mainv_obj_x{margin: 15px 0;}
.mainv_txt03{text-align: left;margin: 0 0 100px 0;color: #000;font-size: 24px;letter-spacing: 0.15em;line-height: 2;}
.mainv_txt04{text-align: left;margin: 0 0 0 0;color: #000;font-size: 16px;letter-spacing: 0.05em;line-height: 2.6;}
.mainv_btn{max-width: 1020px;top: auto;left: 50%;transform: translate(-50%, 0);position: absolute;bottom: 40px;}
.mainv_btn a{display: block;background: linear-gradient(to right,  rgba(0,36,79,1) 0%,rgba(0,78,162,1) 43%,rgba(0,36,79,1) 100%);width: 100%;padding: 35px;outline:1px solid #FFF;outline-offset: -15px;text-align: center;}
.mainv_txt05{margin: 0 0 10px 0;color: #dac397;font-size: 22px;letter-spacing: 0.05em;line-height: 1.2;}
.mainv_txt06{margin: 0 0 0 0;color: #FFF;font-size: 17px;letter-spacing: 0.05em;line-height: 1.2;}

.cap_shutten{font-size: 12px;line-height: 1.6;margin: 40px 0 0 0;}

.vis_caption{font-size: 12px;margin: 5px 0 0 0;letter-spacing: 0;line-height: 1.4;}

.sub_ttl{background-image:url("../../../common/imgs/bg06.png");background-size: 80%;background-position: center left; text-align: center;padding: 30px 0;}
.sub_ttl h6{}

.sub_ttl02{margin: 60px auto 0 auto;max-width: 1020px;}

.sec01{margin: 60px auto; width: 100%;}
.sec01_img{margin: 0 auto 0 auto;max-width: 1280px;position: relative;}

.sec01 h2{font-size: 24px;line-height: 1.6;margin: 0 0 20px 0;letter-spacing: 0.05em;}
.sec01 h3{font-size: 16px;line-height: 2.2;letter-spacing: 0.05em;margin: 0 0 20px 0;}

.sec02{margin: 60px auto 0 auto;width: 100%;background: #fbf7ee;padding: 0 0 60px;}

.sec02 h2{font-size: 28px;line-height: 1.4;margin: 0 0 20px 0;letter-spacing: 0.05em;text-align: center;color: rgba(0,28,63,1.00);}
.sec02 h3{font-size: 22px;line-height: 1.4;letter-spacing: 0.05em;margin: 0 0 20px 0;text-align: center;}
.sec02 h4{font-size: 16px;line-height: 1.4;letter-spacing: 0.05em;margin: 0 0 40px 0;text-align: center;}
.sec02 h5{font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;margin: 0 0 0 0;}
.sec02 h6{font-size: 12px;line-height: 1.6;letter-spacing: 0.05em;margin: 0 0 0 0;}
.sec02_ttl{width: 100%;padding: 15px 0;font-size: 24px;color: #00244f;background: linear-gradient(to bottom,  #FFF 0%,#FFF 49.4%,#333 49.5%,#333 50.4%,#FFF 50.5%,#FFF 100%);outline: 15px solid rgb(255, 255, 255);outline-offset: -15px;margin: 0 0 30px 0;}
.sec02_ttl span{background: #FFF;padding:0 15px 0 30px;}
.sec02_ttl02{width: 100%;padding: 15px 0;font-size: 16px;color: #00244f;background: linear-gradient(to right,  rgba(0,36,79,1) 0%,rgba(0,78,162,1) 43%,rgba(0,36,79,1) 100%);color: #FFF;text-align: center;letter-spacing: 0.05em;margin: 0 0 15px;}

.sec02_box01{max-width: 1020px;margin: 0 auto 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.sec02_box01 .sec02_box01_li:nth-child(2){width: 55%;}
.sec02_box01 .sec02_box01_li:nth-child(3){width: 40%;}
.sec02_cap{font-size: 16px;color: #00244f;text-align: center;font-weight: bold;margin: 10px 0 0 0;}

.sec02_box02{max-width: 1020px;margin: 0 auto 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}

.sec02_box03{max-width: 1020px;margin: 0 auto 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.sec02_box03 .sec02_box03_li:nth-child(2){width: 35%;}
.sec02_box03 .sec02_box03_li:nth-child(3){width: 60%;}
.sec02_box03 ul{font-size: 18px;color: #00244f;}
.sec02_box03 li{margin: 0 0 18px;font-weight: bold;}

.sec02_box04{max-width: 1020px;margin: 0 auto 40px;display: flex;flex-wrap: wrap;justify-content: space-between;}

.sec03{margin: 0 auto 0 auto;width: 100%;}

.sec03 h2{font-size: 24px;line-height: 1.6;margin: 0 0 20px 0;letter-spacing: 0.05em;}
.sec03 h3{font-size: 16px;line-height: 2.2;letter-spacing: 0.05em;margin: 0 0 40px 0;}

.sec03_box01{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1020px;margin: 0 auto 80px;}
.sec03_box01_li{width: 30%;}
.sec03_box01_icon{width: 29.1%;margin: 0 auto 20px;}
.sec03_box01_txt01{width: 100%;text-align: center;font-size: 14px;color: #00244f;margin: 0 0 8px 0;font-weight: bold;}
.sec03_box01_txt02{width: 100%;text-align: center;font-size: 20px;color: #00244f;margin: 0 0 20px;padding: 0 0 20px;border-bottom: 1px solid #999;font-weight: bold;}
.sec03_box01_txt03{width: 100%;font-size: 16px;line-height: 1.8;}

.sec04{margin: 0 auto 0 auto;width: 100%;}
.sec04 h2{font-size: 24px;line-height: 1.6;margin: 0 0 20px 0;letter-spacing: 0.05em;}
.sec04 h5{font-size: 18px;line-height: 0.8;margin: 10px 0 0 0;letter-spacing: 0.05em;}
.sec04_box01{background: #fbf7ee;padding: 60px 0;}
.sec04_box_inner{max-width: 1020px; margin: 0 auto;}
.sec02_box_img{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sec02_box_img_li{width: 48%;}
.sec02_box_img_li03{width: 31%;position: relative;}
.sec02_box_img_li03 h6{position: absolute;right: 0;top:-10px;background: #666;padding: 4px 8px;color: #FFF;}
.sec02_box_img_li03 span{}
.sec04_box02{background: #e2d4bd;padding: 60px 0;}

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

.mainv{position: relative;height: auto;padding-top: 315%;}
.mainv_bg{height: 100%;position: absolute;z-index: 1;width: 100%;top:0;}
.mainv_bg01{height: 70%;background-image: url("../../../common/imgs/bg01.jpg");background-size: cover;}
.mainv_bg02{height: 30%;background-image: url("../../../common/imgs/bg08.jpg");background-size: cover;background-position: right;}
.mainv_left{position:absolute;z-index: 2;left:5%;max-width:auto;top:6%;width: 90%;}
.mainv_right{position:absolute;z-index: 2;right:5%;max-width:740px;top:50%;}
.mainv_btn{position:absolute;z-index: 2;bottom: 2.5%;}
.mainv_txt01{text-align: center;margin: 0 0 10% 0;}
.mainv_txt01{width: 100%;}
.mainv_txt01 img{width: 50%;}
.mainv_txt02{text-align: center;margin: 0 0 8% 0;color: #8c702d;font-size: 6vw;letter-spacing: 0.15em;}
.mainv_txt02 h3:first-child{margin: 0 0 20px;}
.mainv_obj_x{margin: 15px 0;}
.mainv_txt03{text-align: left;margin: 0 0 3% 0;color: #000;font-size: 4vw;letter-spacing: 0.15em;line-height: 2;}
.mainv_txt04{text-align: left;margin: 0 0 0 0;color: #000;font-size: 3vw;letter-spacing: 0.05em;line-height: 1.8;}
.mainv_btn{max-width: auto;width: 90%; top: auto;left: 5%;transform: translate(0, 0);position: absolute;bottom: 20px;}
.mainv_btn a{display: block;background: linear-gradient(to right,  rgba(0,36,79,1) 0%,rgba(0,78,162,1) 43%,rgba(0,36,79,1) 100%);width: 100%;padding: 8% 0;outline:1px solid #FFF;outline-offset: -15px;text-align: center;}
.mainv_txt05{margin: 0 0 10px 0;color: #dac397;font-size: 3.5vw;letter-spacing: 0.05em;line-height: 1.2;}
.mainv_txt06{margin: 0 0 0 0;color: #FFF;font-size: 3vw;letter-spacing: 0.05em;line-height: 1.2;}

.cap_shutten{font-size: 10px;line-height: 1.2;margin: 15px 0 0 0;}

.vis_caption{font-size: 10px;margin: 5px 0 0 0;letter-spacing: 0;line-height: 1.4;}

.sub_ttl{background-image:url("../../../common/imgs/bg06.png");background-size: 80%;background-position: center left; text-align: center;padding: 25px 0;}
.sub_ttl h6 img{height: 15px;}

.sub_ttl02{margin: 30px 5% 0 5%;max-width: 1020px;}

.sec01{margin: 20px auto; width: 100%;}
.sec01_img{margin: 0 5% 0;max-width: 1280px;position: relative;}

.sec01 h2{font-size: 4.5vw;line-height: 1.6;margin: 0 0 15px 0;letter-spacing: 0.05em;}
.sec01 h3{font-size: 3vw;line-height: 2.2;letter-spacing: 0.05em;margin: 0 0 15px 0;}

.sec02{margin: 0 auto 0 auto;width: 100%;background: #fbf7ee;}

.sec02 h2{font-size: 4.5vw;line-height: 1.6;margin: 0 0 10px 0;letter-spacing: 0.05em;color: #8c702d;}
.sec02 h3{font-size: 3.5vw;line-height: 1.6;letter-spacing: 0.05em;margin: 0 0 10px 0;}
.sec02 h4{font-size: 3vw;line-height: 1.8;letter-spacing: 0.05em;margin: 0 0 0 0;text-align: center;}
.sec02 h5{font-size: 3vw;line-height: 1.8;letter-spacing: 0.05em;margin: 0 0 0 0;}
.sec02 h6{font-size: 10px;line-height: 1.6;letter-spacing: 0.05em;margin: 0 0 0 0;}
.sec02_ttl{width: 100%;padding: 10px 0;font-size: 4.2vw;color: #00244f;background: linear-gradient(to bottom,  #FFF 0%,#FFF 49.4%,#333 49.5%,#333 50.4%,#FFF 50.5%,#FFF 100%);outline: 10px solid rgb(255, 255, 255);outline-offset: -10px;margin: 0 auto 15px auto;}
.sec02_ttl span{background: #FFF;padding:0 10px 0 15px;}
.sec02_ttl02{width: 100%;padding: 7px 15px;font-size: 3vw;color: #00244f;background: linear-gradient(to right,  rgba(0,36,79,1) 0%,rgba(0,78,162,1) 43%,rgba(0,36,79,1) 100%);color: #FFF;text-align: center;letter-spacing: 0.05em;margin: 0 0 10px;line-height: 1.6;}

.sec02_box01{max-width: 1020px;margin: 40px auto 20px;display: flex;flex-wrap: wrap;justify-content: space-between;width: 90%;}
.sec02_box01 .sec02_box01_li:nth-child(2){width: 100%;}
.sec02_box01 .sec02_box01_li:nth-child(3){width: 70%;margin: 10px 0 0 15%}
.sec02_cap{font-size: 3.4vw;color: #00244f;text-align: center;font-weight: bold;margin: 5px 0 0 0;}

.sec02_box02{max-width: 1020px;margin: 0 auto 40px;display: flex;flex-wrap: wrap;justify-content: space-between;width: 90%;}

.sec02_box03{max-width: 1020px;margin: 0 auto 40px;display: flex;flex-wrap: wrap;justify-content: space-between;width: 90%;}
.sec02_box03 .sec02_box03_li:nth-child(2){width: 100%;margin: 0 0 20px;}
.sec02_box03 .sec02_box03_li:nth-child(3){width: 100%;}
.sec02_box03 ul{font-size: 3.8vw;color: #00244f;}
.sec02_box03 li{margin: 0 0 10px;font-weight: bold;}

.sec02_box04{max-width: 1020px;margin: 0 auto 40px;display: flex;flex-wrap: wrap;justify-content: space-between;width: 90%;}


.sec03{margin: 0 auto 0 auto;width: 100%;}

.sec03 h2{font-size: 4.5vw;line-height: 1.6;margin: 0 0 20px 0;letter-spacing: 0.05em;}
.sec03 h3{font-size: 3vw;line-height: 2.2;letter-spacing: 0.05em;margin: 0 0 20px 0;}

.sec03_box01{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1020px;margin: 0 auto 40px;width: 90%;}
.sec03_box01_li{width: 100%;margin: 0 0 30px;}
.sec03_box01_icon{width: 18.6%;margin: 0 auto 20px;}
.sec03_box01_txt01{width: 100%;text-align: center;font-size: 3vw;color: #00244f;margin: 0 0 8px 0;font-weight: bold;}
.sec03_box01_txt02{width: 100%;text-align: center;font-size: 4vw;color: #00244f;margin: 0 0 15px;padding: 0 0 15px;border-bottom: 1px solid #999;font-weight: bold;}
.sec03_box01_txt03{width: 100%;font-size: 3vw;line-height: 1.8;}

.sec04{margin: 0 auto 0 auto;width: 100%;}
.sec04 h2{font-size: 4vw;line-height: 1.6;margin: 0 0 20px 0;letter-spacing: 0.05em;}
.sec04 h5{font-size: 3vw;line-height: 1.4;margin: 5px 0 0 0;letter-spacing: 0.05em;}
.sec04_box01{background: #fbf7ee;padding: 30px 0;}
.sec04_box_inner{max-width: 1020px; margin: 0 5%;}
.sec02_box_img{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sec02_box_img_li{width: 49%;}
.sec02_box_img_li03 h6{position: absolute;right: 0;top:-5%;background: #666;padding: 3px 4px;color: #FFF;font-size: 3vw;}
.sec04_box02{background: #e2d4bd;padding: 30px 0;}

}