@charset "utf-8";

@media (min-width: 768px) {
    .header .logo .logo-white{display: none !important;}
    .header .logo .logo-black{display: block !important;}
}

.mv{position: relative; overflow: hidden; line-height: 0;}
.mv video{width: 100%;}
.mv-txt{position: absolute;width: 100%;text-align: center;left: 0%;top: 17.67%;}
.mv-txt_jp{color: #211714;font-size: min(2.2vw, 4rem);font-weight: 500;margin-top: 15px;}
.mv-txt_en{width: 33.85416666666667%; margin: 0 auto;}
#mvImage{display: none;}
#mvImage picture img{width: 100%;}
.mv .m-cap{position: absolute;}
#btn-control{position: absolute; top: 100px; right: 7rem;}
#btn-control>div{background: #425c49; color: #fff; cursor: pointer; line-height: 1.6; padding: 0.3rem 0; font-size: 1.2rem; opacity: 0.6; width: 8rem; text-align: center;}
#btn-control>div:hover{opacity: 1;}
@media (max-width: 767px) {
    #btn-control{top: 20px; right: 20px;}
    .mv-txt{left: 0%;text-align: center;top: 31%;}
    .mv-txt span{text-shadow: #ffffff 1px 1px 2px, #ffffff -1px 1px 2px, #ffffff 1px -1px 2px, #ffffff -1px -1px 2px;}
    .mv-txt_en{width: 64.0127%;}
    .mv-txt_jp{font-size: 4.15vw;margin-top: -10px;}
}
@media (min-width: 1180px) {
    /* #btn-control{right: 20%;} */
}
#btn-replay{display: none;}

.toppage .header .logo a{pointer-events: none;}

.box01{position: relative; background: #69928d; color: #fff; padding: 30px 0; text-align: center;}
@media (max-width: 767px) {
    .box01 ul li{padding-bottom: 5.215vw; margin-bottom: 5.215vw; border-bottom: solid 1px #fff;}
    .box01 ul li:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
    /* .box01 li:nth-of-type(1) img{max-width: 70.563961485557%;width: 513px;}
    .box01 li:nth-of-type(2) img{max-width: 81.2929848693%;width: 591px;}
    .box01 li:nth-of-type(3) img{max-width: 58.459422283%;width: 425px;}
    .box01 li:nth-of-type(4) img{max-width: 61.3580055021%;width: 446px;}
    .box01 li:nth-of-type(5) img{max-width: 51.0316368638239%;width: 371px;} */
    .box01 li:nth-of-type(1) img{width: 86.17021276595745%;}
    .box01 li:nth-of-type(2) img{width: 89.05775075987842%;}
    .box01 li:nth-of-type(3) img{width: 89.05775075987842%;}
    .box01 li:nth-of-type(4) img{width: 78.72340425531915%;}
    .box01 li:nth-of-type(5) img{width: 72.34042553191489%;}

    .box01{padding: 5.215vw 0;margin-top: 5px;}
}

.box02{position: relative; padding: 100px 0; background: #fff;}
.box02 .tit{font-size: min(5vw,5.2rem); text-align: center; color: #782423; font-weight: 500; letter-spacing: 0.2em;}
.box02 .tit span{font-size: 0.7em; display: inline-block; vertical-align: middle; position: relative; top: -0.3em; margin-left: 0.5em;}
.box02 .btn{max-width: 290px; margin: 40px auto 0px;}
.box02 .btn a{font-size: 2.2rem; line-height: 1; display: block; background: #782423; color: #fff; padding: 16px; width: 100%; text-align: center; transition: all 0.5s ease; letter-spacing: 0.2em;}
.box02 .btn a:hover{background: #4d0f12;}
.box02 .info-box{margin-top: 7px; font-size: 1.3rem;color: #000;max-width: 290px;margin: 7px auto 0;}
.box02 .bnr{display: block; text-align: center;}
.box02 .bnr:hover img{opacity: 0.6;}
@media (max-width: 767px) {
    .box02{padding: 9vw 0 10vw;}
    .box02 .tit{font-size: 7.5vw;}
    .box02 .tit span{font-size: 80%; margin: 0;}
    .box02 .btn a{font-size: 4.172vw;}
    .box02 .info-box{text-align: center;font-size: 3.129vw;max-width: 100%;margin-top: 3.9vw;}
    .box02 .btn{margin: 4.28735vw auto  0; max-width: 66vw;}
}

.box03{background: #edf5f3; padding: 100px 0;}
.box03 .tit{font-size: 3.4rem; color: #040000; text-align: center; margin: 50px 0 30px; letter-spacing: 0.1em; line-height: 1.45;font-weight: 400;}
.box03 .desc{font-size: 1.8rem; line-height:2.2;  color: #040000; text-align: center;}
.box03 .list{margin-top: 120px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.box03 .list li{width: 23.6%;}
.box03 .list li p{font-size: 1.5rem; line-height: 1.6; color: #040000; text-align: center; margin-top: 5px; letter-spacing: 0.02em;}
.box03 .list li p span{display: block;font-size: 0.77em;}
.box03 .data-note{position: relative;}
.box03 .data-note:before{content: attr(data-note); position: absolute; top: -1em; left: 50%; transform: translateX(-50%); text-align: center; font-size:0.387em; color: inherit;font-weight: bold;}
.box03 .img{text-align: center;}
@media (max-width: 767px) {
    .box03{padding: 50px 0;}
    .box03 .list{row-gap: 20px; margin-top: 40px;}
    .box03 .list li{width: 48%;}
    .box03 .list img{width: 100%;}
    .box03 .tit{margin: 8.6vw 0 20px;font-size:6.2vw;}
    .box03 .desc{text-align: left; font-size: 1.8rem; line-height: 1.6; }
    .box03 .data-note:before{font-size:max(2.5vw,12px); top: -1em;}
    .box03 .img img{max-width: 81.2929848693%;width: auto;}
    .box03 .list li p{font-size: 2rem;}
}
@media (max-width: 480px) {
    .box03 .list li{width: 100%;}
     .box03 .img img{max-width: 81.292%;}
     .box03 .tit{margin: 40px 0 20px;font-size: 3.1rem;}
}

.box-link{background: #edf5f3; padding: 0 0 30px;}
.box-link .item{margin-bottom: 10px; position: relative; display: block; overflow: hidden;}
.box-link .item:last-child{margin-bottom: 0;}
.box-link .tit{z-index: 2;font-family: 'EB Garamond'; font-weight: 400; font-size: min(8vw,8.5rem); line-height: 1; color: #fff; position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%); text-shadow: 0 0 10px #000; letter-spacing: 0.1em;}
.box-link .more{transition: all 0.4s;position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); font-size: min(2vw,2.4rem); line-height: 1.3; color: #fff; letter-spacing: 0.17em; border: 1px solid #fff; padding: 1rem; width: 80%; max-width: 500px; text-align: center; background: rgba(0,0,0,0.8);}
/* .box-link .more::after{content: ''; width: 8px; height: 32px; display: inline-block; position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); background: #fff; mask: url(../img/common/ic-arrow.svg) no-repeat top left / 100% 100%; transition: all 0.3s ease;} */
.box-link .more:hover{background: #7CAB91;}
.box-link .more:hover::after{right: 1rem;}
.comming{pointer-events: none;position: relative;}
.comming::after{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);content: "";top: 0;left: 0;}
.comming .more{background: #dcdddd;position: absolute;color: #585757;
  z-index: 2;}
  .comming .m-cap{z-index: 2;}
.comming .more::after{display: none;}
.box-link .m-cap{right: 2rem;}
@media (max-width: 767px) {
    .box-link .item>img{min-height: 250px; object-fit: cover;}
    .box-link .tit{font-size: min(10vw, 8.5rem);}
    .box-link .more{font-size: 16px; max-width: 250px;}
    .box-link .more::after{height: 17px;}
}