@charset "utf-8";


/* commmon
-------------------------------------------------------------------*/
.section{
	position: relative;
	z-index: 0;
}


/* home
-------------------------------------------------------------------*/
.home .mv_wrap{
	background-size: cover;
	background-position: center;
	height: 100vh;
	margin-bottom: 6em;
}
.home .mv_wrap .mv_bg{
	max-height: 100%;
	position: relative;
	display: block;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	pointer-events: none;
	background: #061d4f;
}
.home .mv_wrap .mv_bg .video-bg{
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: cover;
	transform: translate(-50%, -50%);
	transition: opacity 2s linear;
}
.home .mv_wrap .text_area{
	color: #fff;
	font-weight: 600;
	position: absolute;
	z-index: 1;
	margin: auto;
	inset: 33% auto auto 50%;
	max-width: 720px;
	margin-right: 15px;
}
.home .mv_wrap .text_area .mv_title{
	font-size: min(2.375rem , 2.6vw);
	font-weight: 600;
	line-height: 1.8;
	padding-bottom: 0.25em;
	border-bottom: 1px solid;
	margin-bottom: 0.75em;
	filter: drop-shadow(2px 2px 10px #00000075);
	letter-spacing: 2px;
}
.home .mv_wrap .text_area .mv_title em{
	font-size: 1.75em;
	font-weight: 600;
}
.home .mv_wrap .text_area .mv_subtitle{
	font-size: 1.45rem;
	font-size: min(1.45rem , 1.65vw);
	font-feature-settings: 'palt';
	margin-bottom: 1em;
}
.home .mv_btn_area{
	display: flex;
	gap: 1em 4%;
}
.home .mv_btn_area .common_btn2{
	width: 48%;
}
@media screen and (max-width:1200px){
	.home .mv_wrap{
		min-height: auto;
	}
}
@media screen and (max-width: 767px){
	.home .mv_wrap{
		margin-bottom: 4em;
		height: calc(100vh - 60px);
		height: 600px;
	}
	.home .mv_wrap .mv_bg{
		height: calc(100vh - 60px);
				height: 600px;
	}
	.home .mv_wrap .text_area{
		inset: 26% auto auto 30%;
	}
	.home .mv_wrap .text_area .mv_title{
		font-size: min(3.375rem , 4.2vw);
		letter-spacing: 1px;
	}
	.home .mv_wrap .text_area .mv_title em{
		font-size: 1.5em;
	}
	.home .mv_wrap .text_area .mv_subtitle{
		font-size: min(2.45rem , 3.65vw);
	}
	.home .mv_btn_area{
		flex-direction: column;
	}
	.home .mv_btn_area .common_btn2{
		width: 100%;
	}
}
.home .lead_wrap{
	margin-bottom: 8em;
}
.home .lead_wrap .lead_list{
	max-width: 1100px;
	margin-inline: auto;
	display: flex;
	justify-content: space-between;
	gap: 2em 5%;
}
.home .lead_wrap .lead_list .lead_item{
	width: 47.5%;
}
.home .lead_wrap .lead_list .lead_item a{
	display: block;
	overflow: hidden;
	position: relative;
	z-index:0;
}
.home .lead_wrap .lead_list .lead_item a::before{
	position: absolute;
	z-index: 1;
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	background: #0064ba;
	background-size: contain;
	margin: auto;
	inset: auto 0 0 auto;
}
.home .lead_wrap .lead_list .lead_item a::after{
	position: absolute;
	z-index: 2;
	display: block;
	color: #fff;
	content: "→";
	font-size: 1.125rem;
	width: 20px;
	height: 20px;
	margin: auto;
	inset: auto 0.75em 1em auto;
	transition: .3s;
}
.home .lead_wrap .lead_list .lead_item a img{
	transition: .5s;
	object-fit: cover;
	width: auto;
	height: auto;
	object-position: center;
}
.home .lead_wrap .lead_list .lead_item .lead_text{
	position: absolute;
	z-index: 0;
	margin: auto;
	inset: auto 0 0;
	padding: .5em 1em;
	color: #fff;
	font-size: min(2.4vw , 1.6rem);
	text-align: center;
	letter-spacing: 0.5px;
}
@media (any-hover: hover) {
	.home .lead_wrap .lead_list .lead_item a:hover::after{
		inset: auto 0.5em 1em auto;
	}
	.home .lead_wrap .lead_list .lead_item a:hover img{
		transform: scale(1.05);
	}
}
@media screen and (max-width:767px) {
	.home .lead_wrap{
		margin-bottom: 4em;
	}
	.home .lead_wrap .lead_list{
		flex-direction: column;
	}
	.home .lead_wrap .lead_list .lead_item{
		width: 100%;
	}
	.home .lead_wrap .lead_list .lead_item a{

	}
	.home .lead_wrap .lead_list .lead_item a::before{
		width: 50px;
		height: 50px;
	}
	.home .lead_wrap .lead_list .lead_item .lead_text{
		font-size: min(5vw , 1.8rem);
		text-align: left;
	}
}
.home .news_wrap{
	margin-bottom: 10em;
	min-height: 28em;
}
.home .news_inner{
	max-width: 1100px;
	margin-inline: auto;
}
.home .news_wrap .news_title{
	width: 27%;
	margin-bottom: 3em;
	position: absolute;
	z-index: 0;
	margin: auto;
	inset: 0 auto auto 0;
}
.home .news_wrap .tab_list{
	position: absolute;
	z-index: 0;
	margin: auto;
	inset: 10em auto auto 0;
}
.home .news_wrap .news_title .sub_text{
	font-size: 3.75rem;
	font-weight: 600;
	color: #404040;
}
.home .news_wrap .news_title .sub_text span{
	color: #0064ba;
}
.home .news_wrap .tab_views{
	margin: 0 0 auto auto;
	width: 67%;
	max-width: calc(100% - 350px);
}
@media screen and (max-width: 1150px) {
	.home .news_wrap .news_title,
	.home .news_wrap .tab_list{
		left: 2%;
	}
}
@media screen and (max-width:767px) {
	.home .news_wrap{
		margin-bottom: 4em;
		min-height: unset;
	}
	.home .news_inner{
	}
	.home .news_wrap .news_title{
		width: 100%;
		margin-bottom: 2em;
		position: relative;
		inset: unset;
	}
	.home .news_wrap .tab_list{
		position: relative;
		inset: unset;
		margin: 0 0 2em;
		width: 100%;
	}
	.home .news_wrap .news_title .sub_text{
		font-size: 2.75rem;
	}
	.home .news_wrap .tab_views{
		margin: 0 0 auto auto;
		width: 100%;
		max-width: none;
	}
}

/* page-en
-------------------------------------------------------------------*/
.home.page-en .mv_wrap .text_area{
	inset: 29% auto auto 50%;
}
.home.page-en .mv_wrap .text_area .mv_title em{
	line-height: 1.4;
	font-size: 2.3em;
}
.home.page-en .mv_wrap .text_area .mv_title{
	font-size: min(1.75rem , 2.2vw);
}
@media screen and (max-width:767px) {
	.home.page-en .mv_wrap .text_area{
		inset: 26% auto auto 30%;
	}
	.home.page-en .mv_wrap .text_area .mv_title em{
		line-height: 1.4;
		font-size: 2.3em;
	}
	.home.page-en .mv_wrap .text_area .mv_title{
		font-size: min(1.75rem , 3.2vw);
	}
}