@charset "utf-8";
#location {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "MS Pゴシック", "MS PGothic", sans-serif;
}
/* tab02 */
.sect2 {justify-content: center; gap: 10px 20px;}
.row{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sect2{margin: 80px auto 0px;max-width: 960px;}
.sect2 button{background: #fff;border: 1px solid #5c5a59;width: 200px;padding: 10px 0;cursor: pointer;color: #5c5a59;}
.sect2 button:nth-of-type(1){width: 270px;}
.sect2 button:nth-of-type(3){width: 220px;}
.sect2 button span{display: block;letter-spacing: 0.05em;}
.sect2 button .btn-en{font-size: 16px;}
.sect2 button .btn-jp{font-size: 12px;}
.sect2 button:hover,.sect2 button.active{background: #5c5a59;color: #fff;}
.tit-tab{text-align: center;margin: 60px 0 40px;}
.tit-tab .fs-40{line-height: 1.375;}
@media screen and (max-width: 1000px){
.sect2 button{width: 48% !important;}
}
@media screen and (max-width: 768px){
.sect2{margin-top: 40px;}
.tit-tab{margin: 40px 0 20px;}
.tit-tab .fs-40{margin-bottom: 10px;}
}
@media screen and (max-width: 540px){
.sect2 button{width: 100% !important;}

}
.cap-bottom{font-size: 10px;margin: 80px 0 0;}

.ttl-col{font-weight: bold;font-size: 22px;line-height: 1.3;margin: 5px 0;}
.ttl-col span{font-weight: 400;font-size: 12px;}
@media screen and (max-width: 768px){
.ttl-col{font-size: 18px;line-height: 1.3;margin: 5px 0 5px;}
.cap-bottom{margin: 40px 0 0;}
}


/* tab1 */

#tab1 .row01 .col{width: 66%;}
#tab1 .row01 .col02{width: 32%;display: flex;flex-direction: column;row-gap: 20px;}


#tab1 .row02 .col{width: 32%;}
#tab1 .row03 .col{width: 66%;display: flex;justify-content: space-between;flex-wrap: wrap;} 
#tab1 .row03 .col .item{width: 48.4848%;position: relative;margin-bottom: 5px;}
#tab1 .row03 .col .item p{position: absolute;bottom: 0;width: 100%;left: 0;background: rgba(0, 0, 0, 0.7);color: #fff;text-align: right;height: 30px;padding-right: 5px;display: flex;
  justify-content: flex-end;
  align-items: center;}
#tab1 .row03 .col02{width: 32%;font-size: 18px;}

#tab1 .row04 .col-txt{width: 52%;} 
#tab1 .row04 .col-txt .fs-10{margin: 15px 0 0;}
#tab1 .row04 .col-img{width: 44.9%;}

@media screen and (max-width: 768px){
#tab1 .row01 .col{width: 100%;}
#tab1 .row01 .col02{flex-direction: row;width: 100%;margin-top: 20px;flex-wrap: wrap;justify-content: space-between;}
#tab1 .row01 .col02 .item{width: 49%;}

#tab1 .row02{row-gap: 20px;}
#tab1 .row02 .col{width: 49%;}

#tab1 .row03 .col{width: 100%;margin-bottom: 20px;}
#tab1 .row03 .col02{width: 100%;}
#tab1 .row03 .col02 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
#tab1 .row03 .col02 ul li{width:48%;}
#tab1 .row03 .col02{font-size: 1.6rem;}
#tab1 .row03 .col .item img{width: 100%;}
#tab1 .row03 .col .item{width: 49%;}

#tab1 .row04 .col-img{width: 100%;order: -1;margin: 0 0 20px;text-align: center;}
#tab1 .row04 .col-txt{width: 100%;}
}
@media screen and (max-width: 576px){
#tab1 .row03 .col02 ul li{width: 49%;}

}
@media screen and (max-width: 440px) {
  #tab1 .row03 .col02 {
    font-size: 13px;
  }
}


#tab2 .row01{margin-bottom: 30px;}
#tab2 .row01 .col{width: 66%;}
#tab2 .row01 .col02{width: 32%;display: flex;flex-direction: column;row-gap: 20px;}

#tab2 .row02 .col{width: 49%;}
#tab2 .row-tbl .tbl{width: 32%;}
#tab2 .row-tbl .tbl .desc{margin: 10px 0;}
#tab2 .row-tbl .tbl .ttl-col{line-height: 1.3;margin-bottom: 15px;}
#tab2 .row-tbl .tbl .cap{font-size: 10px;line-height: 1.5;}
.space-half{padding-left: 10px;}
@media screen and (max-width: 768px){
#tab2 .row01 .col{width: 100%;}
#tab2 .row01 .col02{flex-direction: row;width: 100%;margin-top: 20px;flex-wrap: wrap;justify-content: space-between;}
#tab2 .row01 .col02 .item{width: 49%;}
#tab2 .row-tbl .tbl{width: 49%;margin-bottom: 20px;}
#tab2 .row01{margin: 0 0 20px;}
}
@media screen and (max-width:576px) {
  #tab2 .row-tbl .tbl {
    width: 100%;
  }
}
@media screen and (max-width: 768px){
    #tab2 .row01 .col02 .item{width: 100%;}
}
@media screen and (max-width: 445px){
    .fs-40{font-size: 26px;}
}

#tab3 .row01 .col{width: 49%;}
#tab3 .row02 .col{width: 49%;}
#tab3 .row02 .txt-bg{text-align: center;background: #7e4c1c;color: #fff;padding: 3px 0 6px;margin: 15px 0;}
#tab3 .row02 .fs-10{margin: 10px 0 0;}
#tab3 .line{margin: 80px 0 60px;height: 1px;background: #5c5a59;}

#tab3 .row03 .col{width: 60%;}
#tab3 .row03 .col02{width: 38%;display: flex;flex-direction: column;row-gap: 20px;}
#tab3 .row03 .col02 .ttl-col span{font-size: 16px;font-weight: bold;}

#tab3 .row04 .col-txt{width: 46%;}
#tab3 .row04 .col-img{width: 51%;display: flex;justify-content: space-between;}
#tab3 .row04 .col-img .item{width: 49%;}
#tab3 .row04 .fs-10{margin: 10px 0 0;}

@media screen and (max-width: 768px){
    #tab3 .line{margin: 50px 0 30px;}
    #tab3 .row01 ,#tab3 .row03  {row-gap: 20px;}
    #tab3 .row02{row-gap: 15px;}
    #tab3 .row01 .col{width: 100%;}
    #tab3 .row02 .col {width: 100%;}

    #tab3 .row03 .col{width: 100%;}
    #tab3 .row03 .col02{flex-direction: row;width: 100%;margin-top: 20px;flex-wrap: wrap;justify-content: space-between;}
    #tab3 .row03 .col02 .item{width: 49%;}
    #tab3 .row03 .col02 .ttl-col span{font-size: 12px;display: block;margin: 2px 0 0;}
    #tab3 .row04 .col-txt{width: 100%;}
    #tab3 .row04 .col-img{width: 100%;margin: 20px 0 0;}
    #tab3 .row04 .col-img .item img{width: 100%;}
}
/* tab4 */
#tab4 .box-bg{padding: 30px;background: #dddfe0;}
#tab4 .box-bg .area-detail:not(:last-child){margin: 0 0 50px;}
#tab4 .box-bg .area-tit{background: #687c86;text-align: center;color: #fff;padding:7px 0 4px;margin: 0 0 20px;}
#tab4 .box-bg .area-tit .fs-18{font-weight: bold;line-height: 1.4;}
#tab4 .box-bg .area-inner{display: flex;justify-content: space-between;flex-wrap: wrap;row-gap: 20px;}
#tab4 .box-bg .area-inner02{row-gap: 20px;}
#tab4 .box-bg .area-inner .area-info{width: 32%;}
#tab4 .box-bg .info-bg{text-align: center;background: #fff;}
#tab4 .box-bg .info-bg .bg-tit{padding: 10px 0;}
#tab4 .box-bg .info-bg .bg-rs.bg-tit{padding: 4px 0 16px;}
#tab4 .box-bg .txt-bg{background: #94a7b0;text-align: center;color: #fff;  font-family: 'HannariMincho';line-height: 1.5;border-top: 1px solid #d8d8d9;padding: 0 0 5px;}
#tab4 .txt-more{text-align: center;margin: 5px 0 0;}
#tab4 .cap-box-bg{text-align: right;margin-top: 40px;}
#tab4 .txt-leter{letter-spacing: -0.2em;}
#tab4 .fs-26{font-size: 26px;font-weight: bold;line-height: 1;}

#tab4 .row02 {row-gap: 25px;}
#tab4 .row02 .col{width: 30%;}
#tab4 .row02 .col .fs-10{margin: 10px 0 0;}
@media screen and (max-width: 768px){
    #tab4 .box-bg .area-inner .area-info{width:49%;}
    #tab4 .fs-26{font-size: 20px;}
    #tab4 .row02 {flex-wrap: wrap;}
    #tab4 .row02 .col{width: 49%;}

}
@media screen and (max-width:576px){
    #tab4 .box-bg .area-detail:not(:last-child) {margin: 0 0 40px;}
    #tab4 .box-bg{padding: 20px;}
    #tab4 .box-bg .area-inner .area-info{width:100%;}
}