@charset "UTF-8";

.und_main_bottom .und_main_img{max-width: 1280px; margin: 40px auto;position: relative;}

.und_sttl{max-width: 1020px;margin: -100px auto 100px;position: relative;}
.und_sttl_inner{position: absolute;z-index: 1;width: 100%;}

.und_sttl_img01{max-width: 1020px; margin: 00px auto 40px;position: relative;}
.und_sttl_img02{max-width: 1280px; margin: 40px auto;display: flex;}
.und_sttl_img02_li01{position: relative;width: 50%;}



/* コンテンツ */
.des_sec0101{max-width: 1020px;margin: 0 auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.des_sec0101l{width: 54%;position: relative;}
.des_sec0101l_icon{position: absolute;display: flex;justify-content: space-between;width: 29%;left:0;top:0}
.des_sec0101l_icon_li{width: 48%;background: #7daac8;padding: 15px 7px;outline: 1px solid rgb(255, 255, 255 ,0.8);outline-offset: -5px;font-size: 20px;color: #FFF;text-align: center;}
.des_sec0101l_cap{font-size: 10px;margin: 5px 0 0 0; text-align: right;}
.des_sec0101r{width: 44%;background: rgba(176,214,220,0.2);padding: 25px;}
.des_sec0101r dt{font-size: 18px;border-bottom: 1px solid #ccc;padding: 0 0 5px 0;margin: 0 0 8px 0;line-height: 1;}
.des_sec0101r dt::before{width: 30px;height: 30px;text-align: center;line-height: 1.5;display: inline-block;background: rgba(35,24,21,0.85);color: #FFF;margin: 5px 5px 0 0;}
.des_sec0101r dt:nth-child(1)::before{content: "1";}
.des_sec0101r dt:nth-child(3)::before{content: "2";}
.des_sec0101r dt:nth-child(5)::before{content: "3";}
.des_sec0101r dd{font-size: 14px;margin: 0 0 20px 0;line-height: 1.6;}
.des_sec0102{max-width: 1020px;margin: 40px auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;padding-bottom: 80px}
.des_sec0102l{width: 61.5%;position: relative;order: 2;margin-top: 12px;}
.des_sec0102l h2{font-size: 20px;margin-bottom: 15px;border-bottom: 1px solid #CCC;padding-bottom: 8px;line-height: 1.6}
.des_sec0102l h3{font-size: 14px;line-height: 1.8;}
.des_sec0102r{width: 36%;order: 1;}
.des_sec0102r ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.des_sec0102r li{width: 32%;}
.des_sec0102r li:first-child{width: 32%;margin: 0 0 2%;}
.des_sec0102r_cap{font-size: 12px;margin-top: 3px;}
.des_sec0102r_cap2{font-size: 10px;text-align: right;}

.des_sec02wrap{max-width: 1020px; padding: 40px;margin: 40px auto 0;background: rgba(204,190,155,0.15);box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);}
.des_sec0201{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 40px;}
.des_sec0201ttl{width: 100%;text-align: center;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #ccc;font-size: 22px;letter-spacing: 0.15em;}
.des_sec0201l{width: 48%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.des_sec0201l01{width: 40%;}
.des_sec0201l02{width: 56%;}
.des_sec0201l02 h6{font-size: 14px;margin-bottom: 10px}
.des_sec0201l02 h3{font-size: 26px;letter-spacing: 0.2em;margin-bottom: 10px;}
.des_sec0201l02 h4{font-size: 14px;letter-spacing: 0.05em;}
.des_sec0201r h5{font-size: 14px;letter-spacing: 0.05em;line-height: 1.8;margin-bottom: 20px;}
.des_sec0201r{width: 48%;}
.des_sec0201r ul{display: flex;justify-content: space-between;}
.des_sec0201r li{width: 32%;}
.des_sec0201r_cap{font-size: 10px;text-align: right;}
.des_sec0201_cap{font-size: 12px;margin: -50px 0 30px 0;}
.des_sec0202{background:rgba(55,44,17,0.35);padding: 40px;text-align: center;color: #FFF;  box-shadow: inset 0px 0 15px 5px rgba(0, 0, 0, 0.3);}
.des_sec0202 h2{font-size: 20px;line-height: 1.5;margin-bottom: 15px;letter-spacing: 0.1em;}
.des_sec0202 h3{font-size: 16px;line-height: 1.5;margin-bottom: 10px;letter-spacing: 0.1em;}
.des_sec0202 h4{font-size: 12px;line-height: 1.5;margin-bottom: 0;letter-spacing: 0.1em;}
.des_sec0202btn{max-width: 400px;margin:0 auto 15px;}
.des_sec0202btn a{display: block;background: rgba(255,255,255,0.9);padding: 15px 20px;font-size: 18px;box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);border: 1px solid #FFF;box-sizing: border-box;transition: background 0.3s ease-in-out , color 0.3s ease-in-out , color 0.3s ease-in-out , box-shadow 0.3s ease-in-out;}
.des_sec0202btn a:hover{display: block;background: rgba(175,168,158,0.60);padding: 15px 20px;font-size: 18px;box-shadow: 0px 10px 3px -6px rgba(0, 0, 0, 0.3);color: #FFF;border: 1px solid #FFF;box-sizing: border-box;}

.addbottom{padding-bottom: 100px;}

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


}

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

.und_main_bottom .und_main_img{max-width: 1280px; margin: 40px auto 0;position: relative;}
.und_main_bottom{padding-bottom: 0;}

.und_sttl{max-width: 1020px;margin: 0 auto 60px;position: relative;}
.und_sttl_inner{position: absolute;z-index: 1;width: 100%;}
    
.und_sttl_img01{max-width: 1020px; margin: 30px auto;position: relative;}
.und_sttl_img02{max-width: 1280px; margin: 30px auto 0;display: flex;flex-wrap: wrap;}
.und_sttl_img02_li01{position: relative;width: 100%;}

/* コンテンツ */
.des_sec0101{max-width: 1020px;margin: 40px auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.des_sec0101l{width: 100%;position: relative;margin: 0 auto;}
.des_sec0101l_icon{position: absolute;display: flex;justify-content: space-between;width: 27%;left:2%;top:5px}
.des_sec0101l_icon_li{width: 48%;background: #7daac8;padding: 11% 0%;outline: 1px solid rgb(255, 255, 255 ,0.8);outline-offset: -2%;font-size: 3vw;color: #FFF;text-align: center;}
.des_sec0101l_cap{font-size: 10px;margin: 5px 0 0 5%; text-align: left;}
.des_sec0101r{width: 90%;background: rgba(176,214,220,0.2);padding: 15px 5%;margin: 20px auto;}
.des_sec0101r dt{font-size: 4vw;border-bottom: 1px solid #ccc;padding: 0 0 5px 0;margin: 0 0 8px 0;line-height: 1.2;}
.des_sec0101r dt::before{width: 10%;height: auto;text-align: center;line-height: 1.5;display: inline-block;background: #333;color: #FFF;margin: 5px 5px 0 0;padding: 1% 0}
.des_sec0101r dt:nth-child(1)::before{content: "1";}
.des_sec0101r dt:nth-child(3)::before{content: "2";}
.des_sec0101r dt:nth-child(5)::before{content: "3";}
.des_sec0101r dd{font-size: 3vw;margin: 0 0 10px 0;line-height: 1.6;}
.des_sec0102{max-width: 1020px;margin: 20px auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;padding-bottom: 80px}
.des_sec0102l{width: 90%;position: relative;order: 1;margin: 0 auto 15px;}
.des_sec0102l h2{font-size: 20px;margin-bottom: 15px;border-bottom: 1px solid #CCC;padding-bottom: 8px;line-height: 1.6}
.des_sec0102l h3{font-size: 14px;line-height: 1.8;}
.des_sec0102r{width: 90%;order: 2;margin: 0 auto 15px;}
.des_sec0102r ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.des_sec0102r li{width: 32%;}
.des_sec0102r li:first-child{width: 32%;margin: 0 0 2%;}
.des_sec0102r_cap{font-size: 10px;margin-top: 3px;}
.des_sec0102r_cap2{font-size: 10px;text-align: right;}

.des_sec02wrap{max-width: 1020px; padding: 5%;margin: 20px 5% 0;background: rgba(204,190,155,0.0);box-shadow: none;}
.des_sec0201{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 30px;}
.des_sec0201ttl{width: 100%;text-align: center;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #ccc;font-size: 4.5vw;letter-spacing: 0.15em;}
.des_sec0201l{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.des_sec0201l01{width: 40%;}
.des_sec0201l02{width: 56%;}
.des_sec0201l02 h6{font-size: 2.6vw;margin-bottom: 10px}
.des_sec0201l02 h3{font-size: 5vw;letter-spacing: 0.2em;margin-bottom: 10px;}
.des_sec0201l02 h4{font-size: 2.6vw;letter-spacing: 0.05em;}
.des_sec0201r h5{font-size: 3vw;letter-spacing: 0.05em;line-height: 1.8;margin-bottom: 20px;}
.des_sec0201r{width: 100%;}
.des_sec0201r ul{display: flex;justify-content: space-between;}
.des_sec0201r li{width: 32%;}
.des_sec0201_cap{font-size: 10px;margin: -30px 0 40px 0;line-height: 1.8;padding-left: 1em;text-indent: -1em;}
.des_sec0202{background:rgba(55,44,17,0.5);padding: 20px 7%;text-align: center;color: #FFF;  box-shadow: inset 0px 0 15px 5px rgba(0, 0, 0, 0.3);}
.des_sec0202 h2{font-size: 3.5vw;line-height: 1.5;margin-bottom: 10px;letter-spacing: 0.1em;}
.des_sec0202 h3{font-size: 3.2vw;line-height: 1.5;margin-bottom: 10px;letter-spacing: 0.1em;}
.des_sec0202 h4{font-size: 3vw;line-height: 1.5;margin-bottom: 0;letter-spacing: 0.1em;}
.des_sec0202btn{max-width: 400px;margin:0 auto 15px;}
.des_sec0202btn a{display: block;background: rgba(255,255,255,0.9);padding: 15px 5%;font-size: 3.4vw;box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);}

.addbottom{padding-bottom: 100px;}

.adj_cap{left:5px;bottom:-7px;text-align: left}
.und_sttl.adj_txt h3{text-align: left;}
    
.cropbottom{margin-bottom: 0!important;}
    
}