/* = home
-------------------------------------------------------------- */

.eventSlide{
	display:block !important;
	opacity:0;
}
.eventSlideSP{
	display:none !important;
}

#event{
	padding-top:85px;
}

#event .contentWrap{
	padding-bottom:120px;
	background-color:#ffffff;
}

.keyVisual{
	position:relative;
	z-index:0;
}

.keyVisualWave{
	position:absolute;
	left:0;
	height:44px;
	top:-44px;
	width:100%;
	background-image:url(/share/imgs/cp/images/pageWaveWhite@2x.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	z-index:1000;
}
.keyVisualWave::after{
	content:"";
	position:absolute;
	left:0;
	bottom:-2px;
	width:100%;
	height:4px;
	background-color:#ffffff;
	z-index:1000;
}
.eventCatchWrap{
	background-color:#ffffff;
	padding-top:46px;
	padding-bottom:37px;
}
.titleEvent{
	text-align:center;
}
.titleEvent img{
	width:344.5px;
}
.textEvent{
	font-size:16px;
	line-height:1.875em;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	margin-top:35px;
}

.eventWrap{
	padding-top:98px;
	padding-bottom:112px;
}
.eventWrap.gray{
	background-color:#F7F5F5;
}
.eventWrap.white{
	background-color:#ffffff;
}

.round{
	float:left;
	width:517px;
	position:relative;
}
.round p{
	position:absolute;
	top:64%;
	left:-20px;
	width:100%;
	font-size:16px;
	line-height:30px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}
	
.keyPhoto{
	float:right;
	width:517px;
}
.keyPhoto img{
	width:100%;
	border-radius:5px;
}
.keyPhoto p{
	width:100%;
	font-size:16px;
	line-height:30px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	margin-top:8px;
}
.keyPhoto p a{
	text-decoration:underline;
}

.thumWrap{
	width:100%;
	display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
            flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
            justify-content:space-between;
    margin-top:52px;
}
.thumWrap li{
	width:250.5px;
	margin-bottom:16px;
}
.thumWrap li a{
	width:100%;
	height:100%;
}

.thumWrap li a img{
	width:100%;
	border-radius:5px;
}

/* 2025年 ADD */
.thumWrap li p{
    text-align: center;
}
.thumWrap li p a{
	width:100%;
	font-size:14px;
	line-height:26px;
	letter-spacing:.01em;
	font-weight:normal;
	text-align:center;
	text-decoration:underline;
	margin-top:8px;
}

/* = Media (Responsive Setting)
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1079px) {

#event{
	padding-top:58px;
}
#event .contentWrap{
	padding-bottom:64px;
}
.keyVisualWave{
	height:30.8px;
	top:-30.8px;
}
.eventCatchWrap{
	background-color:#ffffff;
	padding-top:32.2px;
	padding-bottom:25.9px;
}
.titleEvent img{
	width:241.15px;
}
.textEvent{
	font-size:13px;
	margin-top:24.5px;
}
.eventWrap{
	padding-top:68.6px;
	padding-bottom:78.4px;
}
.round{
	width:340px;
}
.round p{
	left:-8px;
	font-size:12px;
	line-height:21px;
}
.round img{
	width:100%;
}
.keyPhoto{
	width:361.9px;
}
.keyPhoto p{
	font-size:11.2px;
	line-height:21px;
	margin-top:5.6px;
}
.thumWrap{
    margin-top:36.4px;
}
.thumWrap li{
	width:175.35px;
	margin-bottom:11.2px;
}
.thumWrap li p a{
	font-size:12px;
	line-height:18.2px;
	margin-top:5.6px;
}
	
} /*Query End*/
@media only screen and (max-width: 767px) {

.eventSlide{
	display:none !important;
}
.eventSlideSP{
	display:block !important;
}
	
#event{
	padding-top:47px;
}
#event .contentWrap{
	padding-bottom:32px;
}
.keyVisualWave{
	height:30.8px;
	top:-30.8px;
}
.eventCatchWrap{
	background-color:#ffffff;
	padding-top:32.2px;
	padding-bottom:25.9px;
}
.titleEvent img{
	width:241.15px;
}
.textEvent{
	font-size:13px;
	margin-top:24.5px;
}
.eventWrap{
	padding-top:34.3px;
	padding-bottom:39.2px;
}
.round{
	width:320px;
	margin-bottom:24px;
}
.round p{
	left:-2.4px;
	font-size:11px;
	line-height:21px;
}
.round img{
	width:100%;
}
.keyPhoto{
	width:320px;
}
.keyPhoto p{
	font-size:11.2px;
	line-height:21px;
	margin-top:5.6px;
}
.thumWrap{
    margin-top:36.4px;
}
.thumWrap li{
	width:48%;
	margin-bottom:11.2px;
}
.thumWrap li p a{
	font-size:12px;
	line-height:18.2px;
	margin-top:5.6px;
}

} /*Query End*/
@media only screen and (min-width: 768px) {
.keyPhoto a:hover{
	opacity:.7;
	color:#058DBF;
}
.thumWrap li a:hover{
	opacity:.7;
	color:#058DBF;
}


} /*Query End*/