@charset "UTF-8";
/* Entry Common */
.entry .container {width: calc(100% - 40px); max-width: 1300px; margin: 0 auto;}
.mainVisual__title{position: absolute; bottom: 0; left: 5%; width: 26.042%;}
.blockTopPage{padding: 100px 0 60px;}
.blockTopPage .page__title img{width: 80%; max-width: 310px;}

@media screen and (max-width: 768px) {
    .mainVisual__title{width: 56.640625%;}
    .blockTopPage{padding: 50px 0;}
}

/* Limited */
.limited-list{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 60px 0 0 0;}
.limited-list .item{width: 22.693%; position: relative;}
.limited-list .inner{position: absolute; top: 29%; left: 0; width: 100%; text-align: center; color: #fff;}
.limited-list .txtEn{font-size: 16px; line-height: 1; display: inline-block; font-family: "Bodoni Moda", serif; font-weight: 500;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.2), 0 0 9px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.2), 0 0 18px rgba(0, 0, 0, 0.2);}
.limited-list .txtEn span{font-size: 40px; display: block; border-top: 1px solid #fff; margin: 10px 0 0 0; padding: 10px 0 0 0; letter-spacing: 0.2em;}
.limited-list .txtJp{font-size: 28px; line-height: 1.3; margin: 0.3em 0 0 0; font-weight: 500;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.2), 0 0 9px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.2), 0 0 18px rgba(0, 0, 0, 0.2);}

@media screen and (min-width: 769px) {
    .limited-list .item img{height: 295px; object-fit: cover; object-position: center;}
}

@media screen and (max-width: 768px) {
    .limited-list{margin: 50px 0 0 0;}
    .limited-list .item{width: 49%; margin: 0 2% 2% 0;}
    .limited-list .item:nth-of-type(2n){margin-right: 0;}
    .limited-list .inner{top: 26%;}
    .limited-list .txtEn{font-size: 10px;}
    .limited-list .txtEn span{font-size: 25px;}
    .limited-list .txtJp{font-size: 17px;}
}

/* Entry CV */
.entryCv{background: #548e80; color: #fff; text-align: center; padding: 40px 20px 50px; font-size: 18px; line-height: 1.7;}
.entryCv-txt:after{content: ''; margin: 0 0 0 10px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #fff; line-height: 1; display: inline-block; position: relative; top: -1px;}
.entryCv-btn{max-width: 540px; width: 100%; margin: 20px auto 0; border-radius: 4px; overflow: hidden;}
.entryCv-btn a{display: block;}
.entryCv-btn a:hover{opacity: .8;}

@media screen and (max-width: 768px) {
    .entryCv{font-size: 15px;}
    .entryCv-txt:after{border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 6px solid #fff; margin: 0 0 0 6px;}
}

/* Step */
.step{padding: 70px 0 80px; background: url("../imgs/bg01.jpg") no-repeat center center/cover; text-align: center;}
.step .page__title{color: #fff; margin: 0 0 50px;}

.step-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
.step-list .item{width: 30.154%; background: #fff; color: #3e3a39; padding: 30px; position: relative;}
.step-list .txtEn{font-size: 16px; line-height: 1; display: inline-block; font-family: "Bodoni Moda", serif; font-weight: 500; color: #548e80;}
.step-list .txtEn span{font-size: 40px; display: block; border-top: 1px solid #548e80; margin: 10px 0 0 0; padding: 10px 0 0 0; letter-spacing: 0.2em;}
.step-list .txtJp{font-size: 24px; line-height: 1.4; margin: 15px 0 0 0; font-weight: 500;}
.step-list .btn{display: block; background: #548e80; color: #fff; font-size: 20px; line-height: 1; margin: 25px 0 0 0; padding: 14px 0 16px;}
.step-list .btn:after{content:'›'; font-size: 80%; display: inline-block; margin: 0 0 0 10px; position: relative; top: -3px;}
.step-list .btn:hover{background: #333333;}

@media screen and (min-width: 769px) {
    .step-list .item:not(:last-of-type):after{content: ''; position: absolute; top: 90px; right: -10%; width: 0; height: 0; border-top: 12px solid transparent; border-left: 12px solid #c2b2ad; border-bottom: 12px solid transparent; display: block; margin-left: -12px;}    
}

@media screen and (max-width: 768px) {
    .step{padding: 50px 0;}
    .step .page__title{margin: 0 0 30px;}
    
    .step-list .item{width: 100%; padding: 20px;}
    .step-list .item:not(:last-of-type){margin: 0 0 52px;}
    .step-list .item:not(:last-of-type):after{content: ''; position: absolute; bottom: -32px; left: 50%; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #c2b2ad; display: block; margin-left: -12px;}
    
    .step-list .txtEn{font-size: 13px;}
    .step-list .txtEn span{font-size: 32px;}
    .step-list .txtJp{font-size: 19px;}
    .step-list .btn{font-size: 17px;}
}