@charset "utf-8";

.layout{

	max-width: 1110px;

	width: 90%;

	margin: 0 auto;

}



.top_page{

	position: relative;

	z-index: 1;

}

.top_page .part_mv{

	position: relative;

}

.top_page .part_mv .backdrop{

	position: absolute;

	top: -30%;

	left: 0;

	bottom: 0;

	width: 36%;

	background-image: linear-gradient(132deg, #0dae90 2%, #1a8981 96%);

	z-index: -1;

}

.top_page .part_mv .mv_carousel{

	display: flex;

	justify-content: flex-end;

	position: relative;

}

.top_page .part_mv .mv_carousel .swiper01{

	width: 90%;

	max-width: 1329px;

	margin: 0;

	position: relative;

	z-index: 1;

}

.top_page .part_mv .mv_carousel .swiper01 .swiper-wrapper .swiper-slide{

	width: 100% !important;

}

.top_page .part_mv .mv_carousel .swiper01 .swiper-wrapper .swiper-slide img{

	display: block;

	width: 100%;

}

.top_page .part_mv .container{

	width: 90%;

	max-width: 1220px;

	margin: auto;

}

.top_page .part_mv .mv_carousel .container01{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	z-index: 2;

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.top_page .part_mv .mv_carousel .container01 h1{

	width: 100%;

	max-width: 652px;

}

.top_page .part_mv .mv_carousel .container01 h1 img{

	display: block;

	width: 100%;

}

.top_page .part_mv .container02{

	display: flex;

	justify-content: flex-end;

}

.top_page .part_mv .container02 .contLis{

	width: 100%;

	max-width: 865px;

	display: flex;

	justify-content: flex-end;

	padding: 35px 0 15px;

	background-color: #fff;

}

.top_page .part_mv .container02 .contLis .cont:not(:last-of-type){

	padding-right: 5.3%;

	margin-right: 5.3%;

	border-right: 2px solid #e7e5e5;

}

.top_page .part_mv .container02 .contLis .cont span{

	font-size: 1.8rem;

	color: #fff;

	font-weight: bold;

	text-align: center;

	display: inline-block;

	line-height: 1;

	background-color: #a58660;

	letter-spacing: 1px;

	padding: 9px 15px 8px;

	margin-bottom: 10px;

}

.top_page .part_mv .container02 .contLis .cont p{

	font-size: 1.8rem;

	font-weight: bold;

}

.top_page .partParts h2{

	width: 100%;

	text-align: center;

}

.top_page .partParts h2 img{

	display: inline-block;

	width: 80%;

	max-width: 450px;

}

.top_page .part_news{

	padding: 100px 0 113px;

}

.top_page .part_news h2{

	margin-bottom: 32px;

}

.top_page .part_news .cont{

	width: 100%;

	background-color: #eef0f0;

	padding: 40px 6.3% 18px;

	text-align: right;

}

.top_page .part_news .cont ul{

	margin-bottom: 14px;

}

.top_page .part_news .cont ul li{

	list-style-type: none;

	text-align: left;

	display: flex;

	background-color: #fff;

	padding: 13px 22px;

	margin-bottom: 7px;

}

.top_page .part_news .cont ul li:last-of-type{

	margin-bottom: 0;

}

.top_page .part_news .cont ul li.hide{

	display: none;

}

.top_page .part_news .cont ul li span{

	font-size: 1.2rem;

	color: #a58660;

	white-space: nowrap;

	line-height: 2.2;

	padding-right: 25px;

	border-right: 1px solid #1a8981;

	margin-right: 25px;

}

.top_page .part_news .cont ul li p{

	font-size: 1.6rem;

	color: #30302f;

}

.top_page .part_news .cont a.btn_news_more{

	display: none;

	font-size: 1.4rem;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	color: #fff;

	position: relative;

	background-image: linear-gradient(144deg, #0dae90 2%, #1a8981 96%);

	z-index: 2;

	padding: 5px 8px 5px 12px;

}

.top_page .part_news .cont a.btn_news_more:hover{

	background: #fff;

}

.top_page .part_news .cont a::after{

	content: '';

	position: absolute;

	left: 1px;

	right: 1px;

	top: 1px;

	bottom: 1px;

	z-index: -1;

	background: #fff;

	opacity: 0;

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

}

.top_page .part_news .cont a:hover{

	color: #1a8981;

}

.top_page .part_news .cont a:hover::after{

	opacity: 1;

}

.top_page .part_news .cont a.news_link{
	font-size: 1.6rem;
	padding: 0;
	font-weight: normal;
	color: #30302f;
	background-image: none;
	text-decoration: underline;
}

.top_page .part_news .cont a.news_link::after{
	display: none;
}

.top_page .part_news .cont a.news_link:hover{
	color: #1a8981;
}

.top_page .part_guidance{

	padding: 110px 0 0;

	background: url('../img/guidance_bg01.png') no-repeat top left;

	position: relative;

	background-size: 100% 38%;

}

.top_page .part_guidance h2{

	margin-bottom: 39px;

}

.top_page .part_guidance .cont{

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	position: relative;

	z-index: 2;

	margin-top: -40px;

}

.top_page .part_guidance .cont a{

	display: block;

	width: 48%;

	max-width: 530px;

	position: relative;

	margin-top: 40px;

}

.top_page .part_guidance .cont a:nth-of-type(2n){

	margin-left: 40px;

}

.top_page .part_guidance .cont a img{

	display: block;

	width: 100%;

}

.top_page .part_guidance .cont a::before{

	content: '';

	width: 2px;

	height: 4vw;

	max-height: 60px;

	background-color: #fff;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	margin: auto;

	opacity: 0;

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

}

.top_page .part_guidance .cont a::after{

	content: '';

	width: 2px;

	height: 4vw;

	max-height: 60px;

	background-color: #fff;

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	opacity: 0;

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

}

.top_page .part_guidance .cont a:hover::before{

	opacity: 1;

}

.top_page .part_guidance .cont a:hover::after{

	opacity: 1;

}

.top_page .part_asr{

	padding: 112px 0;

}

.top_page .part_asr h2{

	margin-bottom: 47px;

}

.top_page .part_asr .cont{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}

.top_page .part_asr .cont a{

	display: block;

	width: 48%;

	max-width: 530px;

	position: relative;

	background-image: linear-gradient(129deg, #0dae90 2%, #149c89 49%, #1a8981 100%);

	z-index: 2;

	border-radius: 71px;

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 54px 20px;

}

.top_page .part_asr .cont a::after{

	content: '';

	position: absolute;

	left: 5px;

	right: 5px;

	top: 5px;

	bottom: 5px;

	z-index: -1;

	background: #fff;

	opacity: 0;

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out;	

	border-radius: 71px;

}

.top_page .part_asr .cont a:hover{

	color: #1a8981;

}

.top_page .part_asr .cont a:hover::after{

	opacity: 1;

}

.top_page .part_asr .cont a img{

	display: block;

	max-width: 142px;

	width: 55%;

}

.top_page .part_sponsor{

	padding: 110px 0;

	/* background-image: linear-gradient(53deg, #0dae90 2%, #1a8981 96%); */
	background-color: #ddedec;

}

.top_page .part_sponsor h2{

	margin-bottom: 53px;

}

.top_page .part_sponsor ul{

	display: flex;

	justify-content: flex-start;

	align-items: flex-start;

	flex-wrap: wrap;

	margin-top: -24px;

	margin-bottom: 50px;

}

.top_page .part_sponsor ul li{

	list-style-type: none;

	margin-top: 24px;

	width: 23.064%;

	margin-right: calc( (100% - 23.064% * 4) / 3 );

}

.top_page .part_sponsor ul li:nth-of-type(4n){

	margin-right: 0;

}

.top_page .part_sponsor ul li a, 

.top_page .part_sponsor ul li a img{

	display: block;

	width: 100%;

}

.top_page .part_sponsor ul li:hover{

	opacity: 0.8;

}

.top_page .part_sponsor .cont{

	width: 40%;

	max-width: 190px;

	margin: auto;

}

.top_page .part_sponsor .cont img{

	display: block;

	width: 100%;

}



@media screen and (max-width:1600px){

	.top_page .part_mv .container02 .contLis{

		max-width: 755px;

	}

}

@media screen and (max-width:1130px){

	.top_page .part_guidance .cont a:nth-of-type(2n){
	
		margin-left: 4%;
	
	}

}

@media screen and (max-width:1024px){

	.top_page .part_news{

		padding: 100px 0;

	}

	.top_page .part_news .cont{

		padding: 35px 6% 18px;;

	}

	.top_page .part_news .cont ul li{

		padding: 13px 20px;

	}

	.top_page .part_news .cont ul li span{

		padding-right: 20px;

		margin-right: 20px;

	}

	.top_page .part_guidance{

		padding: 100px 0 0;

	}

	.top_page .part_asr{

		padding: 100px 0;

	}

	.top_page .part_asr .cont a{

		padding: 40px 20px;

		border-radius: 60px;

	}

	.top_page .part_asr .cont a::after{

		border-radius: 60px;

	}

	.top_page .part_sponsor{

		padding: 100px 0;

	}

	.top_page .part_sponsor ul{

		margin-bottom: 45px;

	}

}

@media screen and (max-width:915px){

	.top_page .part_mv{

		background-image: linear-gradient(132deg, #0dae90 2%, #1a8981 96%);

	}

	.top_page .part_mv .container02{

		justify-content: center;

	}

	.top_page .part_mv .container02 .contLis{

		max-width: 100%;

		justify-content: center;

		padding: 30px 5% 15px;

	}

	.top_page .part_mv .container02 .contLis .cont:not(:last-of-type){

		padding-right: 4%;

		margin-right: 4%;

	}

	.top_page .part_mv .container02 .contLis .cont span{

		font-size: 1.6rem;

		padding: 8px 10px;

		margin-bottom: 8px;

		white-space: nowrap;

	}

	.top_page .part_mv .container02 .contLis .cont p{

		font-size: 1.6rem;

	}

	

}

@media screen and (max-width:768px){

	.top_page .part_news{

		padding: 80px 0;

	}

	.top_page .part_news .cont{

		padding: 30px 5% 18px;;

	}

	.top_page .part_news .cont ul li{

		padding: 13px 15px;

	}

	.top_page .part_news .cont ul li span{

		padding-right: 15px;

		margin-right: 15px;

	}

	.top_page .part_guidance{

		padding: 80px 0 0;

	}

	.top_page .part_guidance .cont{

		margin-top: -20px;

	}

	.top_page .part_guidance .cont a{

		margin-top: 20px;

	}

	.top_page .part_asr{

		padding: 80px 0;

	}

	.top_page .part_asr .cont a{

		padding: 30px 20px;

		border-radius: 50px;

	}

	.top_page .part_asr .cont a::after{

		border-radius: 50px;

	}

	.top_page .part_sponsor{

		padding: 80px 0;

	}

	.top_page .part_sponsor ul{

		margin-top: -20px;

	}

	.top_page .part_sponsor ul li{

		width: 32%;

		margin-right: calc( (100% - 32% * 3) / 2 );

		margin-top: 20px;

	}

	.top_page .part_sponsor ul li:nth-of-type(4n){

		margin-right: calc( (100% - 32% * 3) / 2 );

	}

	.top_page .part_sponsor ul li:nth-of-type(3n){

		margin-right: 0;

	}

	.top_page .part_sponsor ul{

		margin-bottom: 40px;

	}

}

@media screen and (max-width:480px){

	.top_page .part_mv .container02 .contLis{

		padding: 20px 5% 15px;

		flex-direction: column;

	}

	.top_page .part_mv .container02 .contLis .cont{

		display: flex;

		align-items: flex-start;

		margin-bottom: 10px;

	}

	.top_page .part_mv .container02 .contLis .cont:last-of-type{

		margin-bottom: 0;

	}

	.top_page .part_mv .container02 .contLis .cont:not(:last-of-type){

		padding-right: 0;

		margin-right: 0;

		border-right: none;

	}

	.top_page .part_mv .container02 .contLis .cont span{

		padding: 5px;

		margin-right: 8px;

		margin-bottom: 0;

		font-size: 1.5rem;

	}

	.top_page .part_mv .container02 .contLis .cont p{

		font-size: 1.5rem;

	}

	.top_page .partParts h2{

		margin-bottom: 30px !important;

	}

	.top_page .part_news{

		padding: 60px 0;

	}

	.top_page .part_news .cont{

		padding: 25px 5% 15px;;

	}

	.top_page .part_news .cont ul li{

		padding: 10px;

	}

	.top_page .part_news .cont ul li span{

		padding-right: 10px;

		margin-right: 10px;

		line-height: 2;

	}

	.top_page .part_news .cont ul li p{

		font-size: 1.4rem;

	}

	.top_page .part_news .cont a{

		font-size: 1.2rem;

		padding: 5px 6px 5px 8px;

	}

	.top_page .part_news .cont a.news_link{

		font-size: 1.4rem;

	}

	.top_page .part_guidance{

		padding: 60px 0 0;

	}

	.top_page .part_guidance .cont{

		flex-direction: column;

		align-items: center;

	}

	.top_page .part_guidance .cont a{

		width: 100%;

	}

	.top_page .part_guidance .cont a:nth-of-type(2n){
	
		margin-left: 0;
	
	}

	.top_page .part_asr{

		padding: 60px 0;

	}

	.top_page .part_asr .cont a{

		padding: 20px 10px;

		border-radius: 40px;

	}

	.top_page .part_asr .cont a::after{

		border-radius: 40px;

	}

	.top_page .part_sponsor{

		padding: 60px 0;

	}

	.top_page .part_sponsor ul li{

		width: 48%;

		margin-right: 4%;

	}

	.top_page .part_sponsor ul li:nth-of-type(4n){

		margin-right: 4%;

	}

	.top_page .part_sponsor ul li:nth-of-type(3n){

		margin-right: 4%;

	}

	.top_page .part_sponsor ul li:nth-of-type(2n){

		margin-right: 0;

	}

	.top_page .part_sponsor ul{

		margin-bottom: 35px;

	}	

}