@charset "utf-8";
/* KV*/
#bg-fixed{position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1;}
#video-fixed{position: absolute; top: 50px; left: 0; width: 100%; height: auto; transform: scale(1.1,1.1);
transition: 1s ease;}
#bg-fixed.is-view #video-fixed{transform: scale(1,1); -webkit-transform: scale(1,1);}

#kv{height: calc(38vw + 50px); position: relative;}
#kv-wrap{position: absolute; top: calc(4vw + 100px); left: 0; width: 100%; text-align: center;}
#kv-tit{width: 62.5%; margin: 0 auto; opacity: 0; transform: translateY(-20%); -webkit-transform: translateY(-20%); transition: .8s ease .5s;}
#kv-txt{width: 40%; margin: -5.2% auto 0; position: relative; opacity: 0; transform: translateY(10%); -webkit-transform: translateY(10%); transition: .6s ease 1s;}

#kv.is-view #kv-tit{opacity: .56; transform: translateY(0); -webkit-transform: translateY(0);}
#kv.is-view #kv-txt{opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}

@media (max-width: 1199px){
    #video-fixed{top: 100px;}
    
    #kv{height: calc(47vw + 100px);}
    #kv-wrap{top: calc(8vw + 100px);}
}
@media (max-width: 767px){
    #video-fixed{top: 60px; width: auto; height: 80vw; left: -22%;}
    
    #kv{height: calc(80vw + 60px);}
    #kv-wrap{top: calc(5vw + 60px);}
    #kv-tit{width: 90%;}
    #kv-txt{width: 78%; margin: -9.5% auto 0;}
}

/* Top */
#top{background: #fff; position: relative; z-index: 90; padding: 40px 0 140px;}

.btn-more a{width: 260px; height: 48px; border: 1px solid #333; position: relative; font-family: 'Josefin Sans', sans-serif; text-align: center; padding: 14px 0 0 0; display: block; letter-spacing: 0.1em; font-size: 1.5rem; transition: .5s;}
.btn-more a:after{content: ''; position: absolute; top: 50%; right: 20px; margin-top: -3px;
border: solid #000; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.btn-more a:hover{background: #333; color: #fff;}
.btn-more a:hover:after{border: solid #fff; border-width: 0 1px 1px 0;}

@media (max-width: 767px){
    #top{padding: 40px 0 100px;}
}

/* Info */
.info{margin-bottom: 160px;}
.info-tit{font-size: 3.2rem; text-align: center; color: #1F9042; margin: 0 0 15px;}
.info-item{border-bottom: 1px solid #D8D8D8;}
.info-time{display: flex; align-items: center; margin: 0 0 12px;}
.info-time time{font-size: 1.4rem; margin: 0 15px 0 0; font-family: 'Josefin Sans', sans-serif;}
.info-time span{font-size: 1.2rem; color: #9A9A9A; border: 1px solid #9A9A9A; width: 116px; text-align: center; height: 22px; line-height: 19px;}

.info-show{padding: 30px 40px 25px 0; position: relative; cursor: pointer; transition: .4s;}
.info-show:before,
.info-show:after{content: ''; position: absolute; background: #229244;}
.info-show:before{top: 60px; right: 20px; width: 15px; height: 1px;}
.info-show:after{top: 53px; right: 27px; width: 1px; height: 15px;}

.info-show.is-open:hover{box-shadow: none !important; background: #f9f9f9; padding-left: 0;}
.info-show.is-open:after{display: none;}

.info-hide{display: none; padding: 10px 0 15px;}
.info-hide p{margin: 0 0 1em 0;}

.info .btn-more a{margin: 40px auto 0;}

.info-hide a{text-decoration: underline; color: #1F9042; word-break: break-all;}
.info-hide a:hover{opacity: .8;}
.info-hide a[target="_blank"]:after{content: ''; background: url("../img/common/ic_exlink_green.svg") no-repeat top left/100% 100%; width: 12px; height: 12px; display: inline-block; margin: 0 2px 0 5px;}

@media (min-width: 768px){
    .info-show:hover{box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); padding-left: 20px;}    

}

@media (max-width: 767px){
    .info{margin-bottom: 100px;}
    .info-tit{margin: 0;}
    .info-show:before{top: 41px;}
    .info-show:after{top: 34px;}
}

/* section */
.block{position: relative; margin-bottom: 120px;}

.block-img{width: calc(((100vw - 1400px)/2) + 900px);}
.block-img img{width: 100%;}

.block-titEn{color: #479D63; font-size: 12.8rem; line-height: 1; margin-bottom: 20px;}
.block-titJp{font-size: 2rem; font-weight: 500; margin: 0 0 40px;}
.block-titJp:before{content: ''; width: 40px; height: 1px; background: #333333; margin: 0 18px 0 0; display: inline-block; vertical-align: middle;}

.business-list{display: flex; justify-content: flex-end; margin: 40px 0 0 0;}
.business-list a{width: 180px; height: 180px; display: flex; justify-content: center; align-items: center; color: #fff; background: #479D63; border-radius: 100%; text-align: center; line-height: 1.3; font-weight: 500; margin: 0 25px 0 0; box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.3);}
.business-list a:last-of-type{margin: 0;}

@media (min-width: 1024px){
	.block.odd{display: flex; justify-content: flex-end;}
    .block-inner{position: absolute; top: 50%; left: 0; right: 0; z-index: 50; max-width: 1400px; margin: 0 auto; width: 100%; transform: translateY(-50%);}
	
    .block.even .block-titEn{text-align: right;}
    .block.even .block-titJp,
    .block.even .btn-more{margin-left: 68%;}
    
	.block.odd .block-inner{transform: translate(-40px,-50%);}
	.block.odd .block-inner.is-view{transform: translate(0,-50%);}
	
	.block.even .block-inner{transform: translate(40px,-50%);}
	.block.even .block-inner.is-view{transform: translate(0,-50%);}
	
    .business-list a{transition: .5s;}
    .business-list a:hover{transform: translateY(-10px); -webkit-transform: translateY(-10px); background: #116132;}
}

@media (max-width: 1400px) and (min-width: 1024px){
    .block-img{width: 65%;}
    .block-img img{height: 460px; object-fit: cover;}
    .block-inner{padding: 30px 20px 0;}
    .block-titEn{font-size: 8.8vw;}
}

@media (max-width: 1023px){
    .block-img{position: relative; width: 100% !important;}
    .block-img:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; background: linear-gradient(to top, rgba(255,255,255,.9), rgba(255,255,255,0));}
    .block-inner{padding: 0 20px; display: flex; flex-wrap: wrap; transform: translateY(40px);}
	.block-inner.is-view{transform: translateY(0);}
    .block-titEn{font-size: 12vw; margin-top: -3.5vw; width: 100%; order: 1;}
    .block-titJp{margin: 0 0 20px; width: 100%; order: 1;}
    .block .btn-more{width: 100%; order: 3;}
    .block .btn-more a{margin: 0 auto;}
            
    .business-list{justify-content: center; width: 100%; order: 2; margin: 0 0 30px;}
}

@media (max-width: 767px){
    .block{margin-bottom: 100px;}    
    .block-titJp{font-size: 4.68vw;}
    
    .business-list{flex-wrap: wrap;}
    .business-list a{width: 100%; height: auto; border-radius: 8px; margin: 0 0 10px; box-shadow: none; padding: 10px; font-size: min(4.2vw,1.6rem);}
	.business-list a br{display: none;}
}

/* top-bnr */
.top-bnr{display: flex; justify-content: center; padding: 0 20px;}
.top-bnr li{margin: 0 10px;}

@media (max-width: 767px){
    .top-bnr{flex-wrap: wrap;}
    .top-bnr li{margin: 0 0 20px; text-align: center;}
}
@media (min-width: 1024px){
      .block  .block-titEn.tit-short{margin-left: 67%;text-align: left;}
}