#tpl_container{
    width:100%;
    max-width:100vw;
    margin:0 auto;
    overflow:hidden;
}
.tpl_content{
    position:relative;
    padding:0 5.067vw;
}
.tpl_content > .content_div{
    position:relative;
    padding-top: 14.4vw;
}
.dataroom .study_link{
    display:flex;
    justify-content: space-around;
    align-items: flex-start;
    gap:3.067vw;
    margin-top: 7vw;
}
.event{
    padding-bottom:11.733vw;
}
.event_list{
    height: 45vw;
    margin:0 0 5.333vw;
    overflow:hidden;
}
.event_list li{
    width:100%;
    height: 28.0000vw;
    margin:0 0 2.667vw;
    background:url('/mobile/images/tpl_img/common/event_bn/event9.png') center /contain no-repeat;
}
.event_list li a{
    display: flex;
    justify-content: left;
    align-items: center;
    width:100%;
    height:100%;
    padding:5.333vw 5.733vw;
    border-radius: 2.3333vw;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    overflow: hidden;
    margin: 0;
    background-size: 100% auto;
    box-sizing:border-box;
}
.event_list li a > *{
}
.event_list li .event_title{
    width: 45.2vw;
    margin-bottom:2.933vw;
    word-break: keep-all;
    white-space: pre-line;
}
.exampass {
    background:#f9f9f9;
}
.exampass .content_div{
    padding:12.667vw 0;
}
.exampass_list{
    position:relative;
    margin: 6.533vw auto 6.667vw;
    height: 34.8vw;
    overflow:hidden;
}
.exampass_list ul{
    margin-bottom: 4vw;
    transition-timing-function: linear !important;
}
.exampass_list:after{
    position:absolute;
    display:block;
    content:'';
    width:100%;
    height: 12.4vw;
    bottom:0;
    left:0;
    background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(249,249,249,0) 130%);
    z-index: 1;
}
.exampass_list ul li{
    display:flex;
    width:100%;
    height:2.933vw;
    justify-content:space-between;
    align-items:center;
    padding-left: 15.8vw;
    margin: 0 0 2.8vw;
    background: url('/mobile/images/tpl_img/common/star.png') -3.1vw center  / 20.0000vw
    no-repeat;
    font-size:2.8vw;
    letter-spacing:-1px;
}
.exampass_list ul li b{
    width: 66%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.exampass_list ul li span{
    font-weight:100;
}

.exampass_review {
	position: relative;
	width: 100vw;
	height: 112.8vw;
	margin: 0 0 0 -5.067vw;
	text-align: center;
	overflow: hidden;
	background: url('/mobile/images/tpl_img/common/hugi_box.png') no-repeat 0 18.667vw / contain;
}

.exampass_review::before,
.exampass_review::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 20vw;
	z-index: 2;
}

.exampass_review::before {
	top: 0;
	background: linear-gradient(to top, rgba(249, 249, 249, 0), #f9f9f9 80%);
}

.exampass_review::after {
	bottom: 0;
	background: linear-gradient(to bottom, rgba(249, 249, 249, 0), #f9f9f9 67%);
}

.exampass_review .swiper-wrapper {
	width: 100vw;
	margin-top: -21.333vw;
	z-index: 1;
}

.exampass_review .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 21.333vw;
}

.exampass_review .swiper-slide-active {
	height: 63.133vw;
}

.exampass_review .review_text {
	display: block;
	line-height: 1.3;
	letter-spacing: -0.025em;
	color: #000;
	font-size: 4.267vw;
	font-family: 'noto4';
	font-weight: 400;
	word-break: keep-all;
	opacity: 0.5;
	transition: 0.3s;
}

.exampass_review .swiper-slide-active .review_text {
	margin-top: 1.6vw;
	color: #fff;
	font-size: 5.333vw;
	font-family: 'noto5';
	opacity: 1;
}

.exampass_review .review_name {
	height: 0;
	letter-spacing: -0.025em;
	color: #fff;
	font-size: 3.867vw;
	font-family: 'noto3';
	background: url('/mobile/images/tpl_img/common/hugi_star.png') no-repeat center top / 17.867vw auto;
	overflow: hidden;
	opacity: 0;
}

.exampass_review .swiper-slide-active .review_name {
	height: auto;
	margin-top: 4vw;
    padding-top: 4.4vw;
	opacity: 1;
}

.hashtag{
    margin:14vw auto 9.733vw;
    overflow:hidden;
}
.hashtag a{
    float:left;
    display:inline-block;
    padding: 2.933vw 3.467vw;
    margin: 0 3vw 3.6vw 0;
    border:1px solid #cacaca;
    border-radius:6.667vw;
    font-size:4vw;
    line-height: 2.933vw;
    font-weight:600;
}
.book{
    padding-top: 0;
    padding-bottom:12.133vw;
    background:#e8ebf4;
}
.book .section_title{
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 3.2vw;
}
.book_category_list{
    display:flex;
    justify-content:left;
    align-items:center;
    gap:2.933vw;
    margin-bottom:5.333vw;
    margin-top: 8.333vw;
}
.book_category_list li{
    padding:2.533vw 4.267vw;
    background:#ffffff;
    border-radius:6.667vw;
    font-size:3.467vw;
    font-family:'spoqa4';
    line-height: 3.467vw;
}
.book_category_list li.is_active{
    background:#343439;
    color: #ffffff;
}
.evidence_popup_area {
    z-index: 3;
    display: none;
    position: absolute;
    top: inherit;
    right: 0;
    transform: translateX(0);
    left:inherit;
    width: 100%;
    height:auto;
    border: 1px solid #000000;
    background: #ffffff;
    letter-spacing: -0.045em;
}
.evidence_popup_wrap {
    position: relative;
    padding: 4.8vw 3.2vw;
}
.evidence_popup_area .x_btn {
    position: absolute;
    top: 1.867vw;
    right: 2.667vw;
    font-size: 5.667vw;
    cursor: pointer;
}
.evidence_popup_area li {
    position: relative;
    font-size: 2.767vw;
    line-height: 1.4;
    text-align: left;
    word-break: keep-all;
    color: #000;
    font-family: 'spoqa3';
    margin-bottom: 2vw;
}
.evidence_popup_area li:not(:first-child) {
    font-family: 'spoqa4';
    text-indent: 1.333vw;
}
.evidence_popup_area li:not(:first-child)::before {
    clear: both;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 1.6vw;
    content: '';
    width: 0.4vw;
    height: 0.4vw;
    border-radius: 50%;
    background-color: red;
}
.evidence_popup_area li:nth-child(odd)::before {
    background-color: transparent;
}
.evidence_popup_area li:first-child {
    margin-bottom: 1.333vw;
    font-size: 3.767vw;
    font-weight: bold;
    color: #000000;
}
.evidence_popup_area li:nth-child(even) {
    color: red;
}
.book_visual {
	width: 93.067vw;
	margin: -2.267vw 0 2.533vw;
}
.marketing{
    min-height:73.467vw;
    background: url('/mobile/images/tpl_img/common/bottom_sidea.png') center / cover no-repeat;
}
.marketing .bottom_ad_banner{
    padding-top:10.667vw;
}
.marketing .bottom_ad_banner p{
    margin-bottom:5.067vw;
    color:#dcffa9;
    font-size:5.067vw;
    line-height:6.933vw;
}
.marketing .bottom_ad_banner h1{
    color:#ffffff;
    font-size:9.333vw;
    line-height:10.933vw;
}
.sd_notice{
    padding:4.933vw 5.067vw;
}
.notice_slide{
    background:#ffffff;
    height:5.733vw;
    overflow:hidden;
}
.notice_slide a{
    display: flex;
    justify-content: left;
    align-items:center;
    width: 100%;
    height:100%;
    gap: 1.4vw;
    font-size:3.2vw;
    letter-spacing: -1px;
}
.notice_slide a p{
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
}