@charset "utf-8";
/* Entrance */
.entrance-wrap{max-width: 860px;}
.cap-note{color: #ff0000; font-weight: 500;}
.entrance-tit{font-size: 2rem; line-height: 1.5; background: #ff0000; color: #fff; padding: 4px 0 6px; text-align: center; margin: 0 0 40px;}
.entrance-tit2{margin: 0 0 3px;}
.entrance-row{margin: 0 0 35px;}

.entrance-tbl th,
.entrance-tbl td{font-weight: bold; vertical-align: top;}
.entrance-tbl th{text-align: right; padding-right: 1em; min-width: 10em;}

.entrance-list > li{padding-left: 1.3em; position: relative;}
.entrance-list > li:before{content: '◼'; position: absolute; top: 0; left: 0;}
.entrance-list ul.cap li{text-indent: -1em; margin-left: 1em;}

.entrance-btn{display: flex; flex-wrap: wrap; padding: 35px 0 0 0; text-align: center;}
.entrance-btn li{width: 48.6%; margin: 0 2.8% 3.5% 0;}
.entrance-btn li:nth-of-type(2n){margin-right: 0;}
.entrance-btn a{width: 100%; height: 164px; border-radius: 10px; border: 3px solid #fff; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; position: relative; color: #fff; font-size: 3rem; line-height: 1; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); font-family: 'Noto Sans JP', sans-serif; font-weight: bold;}
.entrance-btn .disable{pointer-events: none;}
.entrance-btn a span{width: 100%; font-size: 1.667em; line-height: 0.9; margin-bottom: 0.5em;}
.entrance-btn a:after{content: ''; position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; background: url("../img/common/ic-circle-arrow_red.png") no-repeat top left/100% 100%; transform: translateY(-50%);}
.entrance-btn p{font-size: 1.4rem; line-height: 1.3; margin: 10px 0 0 0; font-weight: 500; color: #ff0000;}
.entrance-btn small{font-size: 0.867em; border-radius: 5px; background: #fff000; color: #000; padding: 0.5em 1em 0.55em; margin-top: -0.2em;}
.entrance-btn .txtTop{font-size: 1.8rem; margin: 0 0 10px;}

.entrance-btn a.btn-regist{background: #eea234;}
.entrance-btn a.btn-regist:hover{background: #f0930b;}

.entrance-btn a.btn-regist2{background: #55a847;}
.entrance-btn a.btn-regist2:hover{background: #1ca904;}

.entrance-btn a.btn-press{background: #3476ee;}
.entrance-btn a.btn-press:hover{background: #0356ed;}

.entrance-btn a.btn-ambassador{background: #de586d;}
.entrance-btn a.btn-ambassador:hover{background: #de0427;}

html[lang="en"] .entrance-btn a{font-size: 2.4rem;}
html[lang="en"] .entrance-btn p{font-size: 1.2rem;}

html[lang="fr"] .entrance-btn a{font-size: 1.6rem;}
html[lang="fr"] .entrance-btn p{font-size: 1.2rem;}

@media (max-width: 767px){
    .entrance-tit{font-size: 1.8rem;}
    
    .entrance-btn{max-width: 480px; width: 100%; margin: 0 auto;}
	.entrance-btn li{width: 100%; margin: 0 0 20px;}
    .entrance-btn a{font-size: 2rem; height: 115px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3); border: 2px solid #fff; border-radius: 6px;}
    .entrance-btn a:after{right: 13px;}
    .entrance-btn p{font-size: 1.2rem; line-height: 1.4;}
    
    html[lang="en"] .entrance-btn a{font-size: 2rem;}

    html[lang="fr"] .entrance-btn a{font-size: 1.4rem;}
    
}