@charset "utf-8";

.SPdisplayNone {
	display:none!important;
}
.fea_ww img {
    width: 100%;
}
.fea_hover a{
	transition: 0.3s;
}
.fea_hover a:hover{
	opacity: 0.6;
}
#SiteIdentityP{
	height:50px;
}
#PageTopBottom{
	display:none!important;
}
#Footer p{
	text-align:left!important;
	padding-left:0!important;
}
.mt_35{
	margin-top:20px;
}
.fea_noteS{
	font-size: 0.75rem;
	line-height: 1.6;
}
.fea_tac{
	text-align: center;
}
.fea_mb10{
	margin-bottom:10px!important;
}
.fea_mb20{
	margin-bottom:20px!important;
}
.fea_mb30{
	margin-bottom:30px!important;
}
.fea_mb40{
	margin-bottom:40px!important;
}
.fea_mb50{
	margin-bottom:50px!important;
}
.fea_mb60{
	margin-bottom:60px!important;
}
.fea_mb10sp{
	margin-bottom:10px!important;
}
.fea_mb20sp{
	margin-bottom:20px!important;
}
.fea_mb30sp{
	margin-bottom:30px!important;
}
.fea_mb40sp{
	margin-bottom:40px!important;
}
.fea_mb50sp{
	margin-bottom:50px!important;
}
.fea_mb60sp{
	margin-bottom:60px!important;
}

.page_top_mgn{
	margin-top:30px;
}


.cp_wideMZ{
	max-width: none !important;
	width: auto !important;
}
.cp_main_wp{
	position: relative;
	margin-bottom: 35px;
	overflow: hidden;
}
.cp_main_wp img{
	max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
}
.cp_video_kv{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
	overflow: hidden;
}
.cp_video_kv>div{
	margin-right: -2px;
	margin-bottom: -2px;
	line-height: 0;
}
.cp_video_kv video{
	position: relative;
	width: 100%;
}

.cp_main_lead{
	padding: 23vw 0 4vw;
	position: relative;
	margin: 0 auto;
	width: 100%;
	z-index: 9;
	text-align: center;
}
.cp_img_lead01{
	margin: 0 auto;
	width: 58%;
}
.cp_img_lead01_02{
	margin: 0 auto 4%;
	width: 58%;
}
.cp_img_lead02{
	margin: 0 auto 4%;
	width: 64%;
}
.cp_img_lead03{
	width: 45%;
	margin: 0 auto;
}
.cp_lead{
	margin-bottom: 35px !important;
	position: relative;
}
.cp_img03{
	position: absolute;
	z-index: 3;
	left: 9%;
	top: 5%;
	width: 82%;
}
.cp_bg_wp{
	width: auto !important;
	max-width: none!important;
	margin-bottom: 50px;
	padding: 40px 10px;
	background: url(../img/img_bg_pc.jpg) no-repeat;
	background-size: 100% 100%;
}
.cp_year_title{
	text-align: center;
	width: 72%;
	margin: 0 auto 40px;
}
.cp_year_box{
	position: relative;
	width: auto;
	margin: 0 10px;
}
.cp_year_line{
	position: absolute;
	top: 0;
	left: 69px;
	width: 4px;
	height: 100%;
	background: #00b0ee;
}
.cp_year_item{
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.cp_year_box .cp_year_item:last-child{
	margin-bottom: 0;
}
.cp_year_L{
	margin-top: 3px;
	position: relative;
	width: 60px;
	line-height: 0;
}
.cp_year_L::after{
	content: '';
	position: absolute;
	right: -17px;
	top: 50%;
	width: 12px;
	height: 12px;
	background: #00b0ee;
	border-radius: 6px;
	transform: translateY(-50%);
}
.cp_year_big{
	margin-top: 18px;
}
.cp_year_big::after{
	width: 20px;
	height: 20px;
	right: -21px;
	border-radius: 10px;
}
.cp_year_R{
	width: calc(100% - 100px);
}
.cp_year_info{
	position: relative;
	padding: 12px 7px 10px 12px;
	background: #fff;
	border: 2px solid #00b0ee;
	border-radius: 10px;
}
.cp_year_info::after{
	content: '';
	position: absolute;
	left: -19px;
	top: 19px;
	width: 20px;
	height: 12px;
	background: url(../img/img_arr_pc.png) no-repeat;
	background-size: 100% 100%;
}
.cp_year_mark{
	text-align: center;
	width: 125px;
	margin: -5px auto 5px;
}
.cp_img2018_01{
}
.cp_img10{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 115px;
}
.cp_year_big_last{
	margin-top: 24%;
}
.cp_lineup{
	max-width: none !important;
	width: auto !important;
	padding: 40px 20px 10px;
	background: #efefef;
}
.cp_lineup_tit{
	margin-top: 20px;
	margin-bottom: 20px;
}
.cp_lineup_list{
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cp_lineup .cp_lineup_list:last-child{
	margin-bottom: 0;
}
.cp_lineup_list li{
	margin-bottom: 40px;
	width: calc((100% - 30px)/2.0001);
}
.cp_lineup_pic{
	margin: 10px -5px 10px;
}
.cp_lineup_mod{
	margin-bottom: 7px;
	font-size: 1.25rem;
	color: #226942;
	border-bottom: 1px solid #226942;
}
.cp_lineup_list .cp_lineup_more{
	display: block;
	padding: 2px 10px 0;
	color: #226942;
	border: 1px solid #226942;
	text-align: center;
	text-decoration: none;
	font-size: 0.75rem;
	line-height: 1.6;
}
.cp_lineup_info{
	margin-right: -1em;
	font-size: 0.75rem;
}
.cp_lineup_info span{
	display: inline-block;
	margin-left: 5px;
	font-size: 0.9rem;
}
.cp_lineup_tit_c2{
	background: #0062a3;
}
.cp_lineup_list_c2 .cp_lineup_mod{
	color: #0062a3;
	border-color: #0062a3;
}
.cp_lineup_list_c2 .cp_lineup_more{
	color: #0062a3;
	border-color: #0062a3;
}
.cp_year_info_2011{
	padding-bottom: 0;
}
.cp_year_info_2014{
	padding-top: 12px;
	padding-bottom: 0;
}
.cp_year_info_2016{
	padding-bottom: 0;
	margin-bottom: 20px;
}
.cp_year_info_2020{
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.cp_img01{
	margin: 0 -1.6vw 0 -2vw;
}
.cp_year_item_last .cp_year_R{
	padding-top: 15px;
}
.cp_year_mark_img09{
	padding-top: 35px;
	width: 200px;
}
.btn_voice01{
	position: absolute;
	left: 50%;
	top: 46.8%;
	border: 1px #005aae solid;
	text-align: center;
	background: #fff;
	color: #005aae!important;
	text-decoration: none!important;
	transform: translateX(-50%);
	width: 45%;
	font-size: 0.875rem;
}
.btn_voice01::after{
	content: "＞";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
}




@media only screen and (min-width: 0) and (max-width: 390px) {

	.cp_lineup_info span{
		display: inline-block;
		margin-left: 5px;
		font-size: 0.8rem;
	}

}

.cp_kv_text_02{
	max-height: 0;
}
.cp_kv_text_02_01,.cp_kv_text_02_02,.cp_kv_text_02_03,.cp_kv_text_02_04,.cp_kv_text_02_05{
	opacity: 0;
	transform: translate(0px, 40px);
}
.ui_fadein_h .cp_kv_text_02_01{
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 0.8s ease-out;
}
.ui_fadein_h .cp_kv_text_02_02{
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 0.8s ease-out;
	transition-delay:0.9s;
}
.ui_fadein_h .cp_kv_text_02_03{
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 0.8s ease-out;
	transition-delay:1.75s;
}
.ui_fadein_h .cp_kv_text_02_04{
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 0.8s ease-out;
	transition-delay:2.55s;
}
.ui_fadein_h .cp_kv_text_02_05{
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 0.8s ease-out;
	transition-delay:3.3s;
}

.cp_kv_text{
	overflow: hidden;
	transition: all 1s;
}
.cp_kv_text li{
	line-height: 0;
}
.cp_kv_text_01{
	opacity: 0;
	transform: translate(0px, 0);
}
.cp_img_lead_fd .cp_kv_text_01{
	opacity: 1;
	transform: translate(0px, 0px);
	transition: all 1s;
	transition-delay:2.8s;
}
.ui_fade_i_h{
	transition: 0.5s;
	max-height: 0;
}
.ui_fadein_h{
	max-height: 300px !important;
	opacity: 1;
	transform: translate(0px, 0);
	transition: all 3.5s;
}

.cp_img_lead01,.cp_img_lead01_02,.cp_img_lead02,.cp_img_lead03{
	opacity: 0;
	transform: translate(0px, 0);
}
.cp_img_lead_fd .cp_img_lead02{
	opacity: 1;
	transform: translate(0px, 0);
}
.cp_img_lead_fd .cp_img_lead01{
	animation:kv_fadein 3s 2.6s forwards;
}
.cp_img_lead_fd .cp_img_lead01_02{
	animation:kv_fadein 3s 2.6s forwards;
}
.cp_img_lead_fd .cp_img_lead03{
	animation:kv_fadein 3s 2.6s forwards;
}
@keyframes kv_fadein{
	0%{opacity: 0;transform: translate(0px, 0);}
	100%{opacity: 1;transform: translate(0px, 0);}
}
/* .cp_img_lead_fd .cp_img_lead02{
	opacity: 0;
	transform: perspective(2500px) rotateX(-92deg);
	animation:kv_flipin 0.8s 3s forwards;
}
@keyframes kv_flipin{
	0%{opacity: 0;transform: perspective(2500px) rotateX(-92deg);}
	100%{opacity: 1;transform: perspective(2500px) rotateX(0);}
} */
.ui_fade,.ui_fade_i{
	transition: all 1s;
	opacity: 0;
	visibility: hidden;
	transform: translate(0px, 70px);
}
.ui_fadein{
	opacity: 1;
	visibility: visible;
	transform: translate(0px, 0px);
}

.ui_flip {
	opacity: 0;
    transform: perspective(2500px) rotateX(-92deg);
	transition: all 1s;
}
.ui_flipin {
	opacity: 1;
    transform: perspective(2500px) rotateX(0);
	transition: all 0.8s;
	transition-delay:0.2s;
}
.fea_mb0sp{
	margin-bottom: 0!important;
}
.cp_year_mark_img10{
	width: auto;
	margin: 15px 5.5% 0 7.2%;
}
