@charset "utf-8";

h2{
	margin-bottom:25px;
	font-family:var(--font_serif);
	font-size:3.4rem;
	font-weight:600;
	line-height:4.9rem;
}
.slick-arrow{
	position:absolute;
	top:0;
	bottom:0;
	width:20px;
	height:20px;
	margin:auto;
	background:no-repeat center !important;
	transform:none;
}
.slick-prev{
	left:0;
	background-image:url(/img/common/arrow_slide_l_black.svg) !important;
}
.slick-next{
	right:0;
	background-image:url(/img/common/arrow_slide_r_black.svg) !important;
}
.slick-arrow::before{display:none !important;}
.slick-dots{
	display:flex;
	align-items:center;
	gap:6px;
	position:static;
}
.slick-dots li{
	width:6px;
	height:6px;
	margin:0;
}
.slick-dots li button{
	width:100%;
	height:100%;
	padding:0;
	background:#ddd;
	transition:background 0.3s;
}
.slick-dots .slick-active button{background:#007F4D;}
.slick-dots li button::before{display:none;}
.slide_btn{
	width:25px;
	height:20px;
	padding:0;
	background:url(/img/common/icon_stop_black.svg) no-repeat center;
	font-size:0;
	cursor:pointer;
}
.slide_btn.paused{background-image:url(/img/common/icon_play_black.svg);}

.mv_area{
	position:relative;
	padding:0 15px;
}
.mv_title{display:none;}
.mv_slide{margin:0 !important;}
.mv_slide_img{
	width:100%;
	max-height:770px;
	height:calc(100svh - 140px);
	object-fit:cover;
}
.mv_slide_txt{
	margin-top:12px;
	font-size:1.3rem;
	letter-spacing:0.52px;
	line-height:1.9rem;
}
.mv_control{
	display:flex;
	align-items:center;
	gap:10px;
	position:absolute;
	right:18px;
	bottom:0;
}
.mv_control .slick-dots{position:static;}

.intro_area{
	display:grid;
	grid-template-columns:1fr 270px;
	gap:65px;
	max-width:1160px;
	padding:90px 30px 100px;
	margin:auto;
}
.intro_head{margin-bottom:10px;}
.intro_copy{
	margin-bottom:25px;
	font-family:var(--font_serif);
	font-size:1.9rem;
	font-weight:bold;
	line-height:2.7rem;
}
.intro_copy br{display:none;}
.intro_txt{
	margin-bottom:15px;
	line-height:2.9rem;
}
.intro_r{margin-top:10px;}
.intro_subhead{
	font-family:var(--font_serif);
	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:0.72px;
	line-height:2.3rem;
}
.intro_site_title{
	margin:25px 0 5px;
	font-weight:bold;
	line-height:2.4rem;
}
.intro_site_txt{
	margin-bottom:20px;
	font-size:1.4rem;
	font-weight:500;
	line-height:2.1rem;
}
.intro_site_link{
	display:block;
	position:relative;
	padding:24px 45px 25px 20px !important;
	background:#fff !important;
	border:1px solid #007F4D;
	border-radius:20px;
	box-shadow:0px 0px 15px rgba(0, 69, 42, 0.15);
	color:#007F4D !important;
	font-size:1.6rem;
	font-weight:bold;
	line-height:2.4rem;
	text-decoration:none !important;
	transition:background 0.3s, color 0.3s;
}
.intro_site_link:hover{
	background:#007F4D !important;
	color:#fff !important;
}
.intro_site_link::before, .intro_site_link::after{
	content:'';
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	width:12px;
	height:12px;
	margin:auto;
	background:no-repeat center/cover;
	transition:opacity 0.3s;
}
.intro_site_link::before{background-image:url(/img/common/popup.svg);}
.intro_site_link:hover::before{opacity:0;}
.intro_site_link::after{
	background-image:url(/img/common/popup_white.svg);
	opacity:0;
}
.intro_site_link:hover::after{opacity:1;}

.research_area{
	display:flex;
	flex-direction:column-reverse;
}
.research_box{
	position:relative;
	z-index:1;
	max-width:1160px;
	width:100%;
	padding:0 30px;
	margin:-145px auto 55px;
}
.research_head{
	color:#fff;
	font-size:2.8rem;
	letter-spacing:1.12px;
	line-height:4rem;
	text-align:center;
}
.research_list{
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	gap:40px 20px;
	margin-bottom:25px;
}
.research_link{
	display:block;
	padding:0 !important;
	background:none !important;
	color:#333 !important;
	text-decoration:none !important;
}
.research_thumb{
	position:relative;
	margin-bottom:12px;
}
.research_thumb::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid #007F4D;
	opacity:0;
	transition:opacity 0.3s;
}
a:hover .research_thumb::after{opacity:1;}
.research_img{
	display:block;
	max-width:100%;
	width:100%;
}
.research_title{
	margin-bottom:8px;
	font-weight:500;
	line-height:2.4rem;
}
a:hover .research_title{text-decoration:underline;}
a[target="_blank"] .research_title::after{
	content:url(/img/common/popup.svg);
	margin-left:5px;
}
.research_date{
	display:block;
	font-size:1.3rem;
	line-height:1.8rem;
}
.research_btn{text-align:right;}
.research_bg_pic{position:relative;}
.research_bg_pic::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50%;
	background:linear-gradient(0, #000 0%, rgba(0,0,0,0) 100%);
	opacity:0.8;
}
.research_bg_img{
	display:block;
	width:100%;
	object-fit:cover;
}

.pickup_area{
	padding:50px 30px 0;
	background:linear-gradient(107deg, #007F4D 0%, #004027 100%);
}
.pickup_box{
	max-width:1100px;
	margin:auto;
}
.pickup_head{
	color:#fff;
	font-size:2.8rem;
	letter-spacing:1.12px;
	line-height:4rem;
	text-align:center;
}
.pickup_list{overflow:hidden;}
.pickup_list .slick-list{margin:0 -10px;}
.pickup_item{margin:0 10px;}
.pickup_link{
	display:block;
	padding:0 !important;
	background:none !important;
	color:#fff !important;
	text-decoration:none !important;
}
.pickup_thumb{
	position:relative;
	margin-bottom:12px;
}
.pickup_thumb::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid #007F4D;
	opacity:0;
	transition:opacity 0.3s;
}
a:hover .pickup_thumb::after{opacity:1;}
.pickup_img{width:100%;}
.pickup_title{
	font-weight:500;
	line-height:2.4rem;
}
a:hover .pickup_title{text-decoration:underline;}
a[target="_blank"] .pickup_title::after{
	content:url(/img/common/popup_white.svg);
	margin-left:5px;
}
.pickup_control{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:60px;
}
.pickup_control_in{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	position:relative;
	z-index:1;
	padding:0 35px 0 45px;
}
.pickup_dots .slick-dots li button{background:rgba(255,255,255,0.5);}
.pickup_dots .slick-dots li button:hover{background:#fff;}
.pickup_dots .slick-dots .slick-active button{background:#fff;}
.pickup_btn{background-image:url(/img/common/icon_stop_white.svg);}
.pickup_btn.paused{background-image:url(/img/common/icon_play_white.svg);}
.pickup_arrows{
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.pickup_arrows .slick-prev{background-image:url(/img/common/arrow_slide_l_white.svg) !important;}
.pickup_arrows .slick-next{background-image:url(/img/common/arrow_slide_r_white.svg) !important;}
.pickup_news{
	display:flex;
	gap:30px;
	padding:35px 0;
	border-top:1px solid #80B5A0;
}
.pickup_news_head{
	flex-shrink:0;
	width:230px;
	padding-right:30px;
	border-right:1px solid #80B5A0;
	color:#fff;
	font-family:var(--font_serif);
	font-weight:bold;
	letter-spacing:0.64px;
	line-height:2.3rem;
}
.pickup_news_list{
	padding-left:20px;
	margin-bottom:-10px;
}
.pickup_news_item{
	list-style:disc;
	margin-bottom:15px;
	color:#fff;
	line-height:2.4rem;
}
.pickup_news_link{color:#fff !important;}

.news_area{
	padding:50px 30px 55px;
	background:#333;
}
.news_box{
	max-width:1100px;
	margin:auto;
}
.news_head{
	color:#fff;
	font-size:2.8rem;
	letter-spacing:1.12px;
	line-height:4rem;
	text-align:center;
}
.news_list{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:30px 20px;
	margin-bottom:20px;
}
.news_link{
	display:flex;
	align-items:flex-start;
	gap:15px;
	padding:0 !important;
	background:none !important;
	color:#fff !important;
	text-decoration:none !important;
}
.news_thumb{
	flex-shrink:0;
	position:relative;
	width:200px;
}
.news_thumb::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid #007F4D;
	opacity:0;
	transition:opacity 0.3s;
}
a:hover .news_thumb::after{opacity:1;}
.news_img{display:block;}
.news_txt{width:100%;}
.news_title{
	margin-bottom:8px;
	letter-spacing:0.64px;
	line-height:2.4rem;
}
a:hover .news_title{text-decoration:underline;}
a[target="_blank"] .news_title::after{
	content:url(/img/common/popup_white.svg);
	margin-left:5px;
}
.news_info{
	display:flex;
	font-size:1.3rem;
	line-height:1.8rem;
}
.news_date{margin-right:12px;}
.news_btn{text-align:right;}
.news_btn .link_btn{
	background-image:url(/img/common/icon_link_white.svg) !important;
	color:#fff !important;
}

.about_box{position:relative;}
.about_box::before{
	content:'';
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	width:100%;
	height:50%;
	background:linear-gradient(0, #000 0%, rgba(0,0,0,0) 100%);
	opacity:0.8;
}
.about_box_in{
	position:absolute;
	z-index:1;
	bottom:7%;
	left:0;
	margin:0 4.5%;
}
.about_head{
	color:#fff;
	font-size:3.6rem;
	letter-spacing:3.6px;
	line-height:5.1rem;
}
.about_txt{
	color:#fff;
	letter-spacing:0.64px;
}
.about_img{
	display:block;
	width:100%;
	min-height:540px;
	object-fit:cover;
}
.about_list{
	display:grid;
	grid-template-columns:repeat(5, 1fr);
}
.about_item{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:45px 20px;
	color:#fff;
	font-family:var(--font_serif);
	font-size:1.7rem;
	font-weight:500;
	line-height:2.5rem;
	text-align:center;
}
.about_item:first-child{background:#007F4D;}
.about_item:nth-child(2){background:#006E43;}
.about_item:nth-child(3){background:#015E3A;}
.about_item:nth-child(4){background:#014D2F;}
.about_item:last-child{background:#003721;}
.about_item_in{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.about_term{
	margin-bottom:5px;
	font-weight:600;
}
.about_data_in{
	margin-right:2px;
	font-family:var(--font_lusitana);
	font-size:3.6rem;
	font-weight:normal;
	line-height:4.6rem;
}
.about_data_note{
	display:block;
	margin-top:10px;
	font-size:1.2rem;
	font-weight:600;
	line-height:1.7rem;
}
.about_btn{
	max-width:1160px;
	padding:0 30px;
	margin:25px auto 0;
	text-align:right;
}

.info_area{
	max-width:1160px;
	padding:0 30px 125px;
	margin:auto;
}
.info_head{
	margin:70px 0 20px;
	font-size:2.8rem;
	letter-spacing:1.12px;
	line-height:4rem;
	text-align:center;
}
.info_list, .event_list{overflow:hidden;}
.info_list .slick-list, .event_list .slick-list{margin:0 -10px;}
.info_item, .event_item{margin:0 10px;}
.info_link, .event_link{
	display:block;
	padding:0 !important;
	background:none !important;
	color:#333 !important;
	text-decoration:none !important;
}
.info_thumb, .event_link_in{
	position:relative;
	margin-bottom:12px;
}
.event_link_in{
	padding:10% 20% 22% 10%;
	background:#EBEFEC;
	color:#fff;
	transition:color 0.3s;
}
a:hover .event_link_in{color:#007F4D;}
.event_link_in::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(120deg, #007F4D 0%, #007F4D 22%, #004027 100%);
	transition:opacity 0.3s;
}
a:hover .event_link_in::before{opacity:0;}
.info_thumb::after, .event_link_in::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid #007F4D;
	opacity:0;
	transition:opacity 0.3s;
}
a:hover .info_thumb::after, a:hover .event_link_in::after{opacity:1;}
.info_img{width:100%;}
.event_info{
	position:relative;
	font-size:1.3rem;
	line-height:1.8rem;
}
.event_date{
	display:block;
	font-family:var(--font_lusitana);
	font-size:3.6rem;
	line-height:4.6rem;
}
.event_cat{
	position:absolute;
	top:23%;
	right:7%;
	font-size:1.3rem;
	font-weight:500;
	line-height:1.4rem;
	writing-mode:vertical-rl;
}
.info_title, .event_title{
	font-weight:500;
	line-height:2.4rem;
}
a:hover .info_title, a:hover .event_title{text-decoration:underline;}
a[target="_blank"] .info_title::after, a[target="_blank"] .event_title::after{
	content:url(/img/common/popup.svg);
	margin-left:5px;
}
.info_control, .event_control{
	display:flex;
	align-items:center;
	justify-content:center;
}
.info_control_in, .event_control_in{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	position:relative;
	z-index:1;
	padding:0 35px 0 45px;
}
.info_arrows, .event_arrows{
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.event_txt{
	margin-top:-28px;
	text-align:right;
}
.bnr_list{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	max-width:520px;
	margin:100px auto 0;
}
.bnr_link{
	display:block;
	position:relative;
}
.bnr_link::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:1px solid #007F4D;
	opacity:0;
	transition:opacity 0.3s;
}
.bnr_link:hover::after{opacity:1;}
.bnr_img{display:block;}


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

.intro_head{margin-bottom:8px;}
.research_head{
	margin-bottom:20px;
	font-size:2.4rem;
	letter-spacing:0.96px;
	line-height:3.5rem;
}
.pickup_area{padding:45px 0 0;}
.pickup_head{
	margin-bottom:20px;
	font-size:2.4rem;
	letter-spacing:0.96px;
	line-height:3.5rem;
}
.pickup_news{margin:0 30px;}
.news_area{padding-bottom:50px;}
.news_head{
	font-size:2.4rem;
	letter-spacing:0.96px;
	line-height:3.5rem;
}
.news_list{display:block;}
.about_head{
	margin-bottom:20px;
	font-size:2.8rem;
	letter-spacing:2.8px;
	line-height:4rem;
}
.about_item{
	font-size:1.5rem;
	line-height:2.1rem;
}
.about_data_in{
	font-size:3.2rem;
	line-height:4.2rem;
}
.about_data_note{margin-top:5px;}
.info_area{padding:0 0 120px;}
.info_head{
	font-size:2.4rem;
	letter-spacing:0.96px;
	line-height:3.5rem;
}
.event_txt{margin:25px 30px 0 0;}
.bnr_list{margin-top:80px;}

}


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

.mv_area{padding:0 10px;}
.mv_slide_img{max-height:470px;}
.mv_control{right:10px;}
.intro_area{
	padding-top:70px;
	padding-bottom:80px;
}
.research_box{
	margin-top:-110px;
	margin-bottom:65px;
}
.research_bg_img{min-height:320px;}
.pickup_news_head{width:200px;}
.news_area{padding-top:40px;}
.news_item{margin-bottom:25px;}
.about_box_in{
	bottom:9%;
	margin:0 4%;
}
.about_txt{line-height:2.9rem;}
.about_item{padding:30px 10px;}
.pickup_list .slick-list, .info_list .slick-list, .event_list .slick-list{padding:0 11.5%;}

}


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

.intro_area{display:block;}
.intro_r{margin-top:50px;}
.intro_site_link{width:270px;}

}


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

.research_list{grid-template-columns:1fr 1fr;}

}


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

h2{
	margin-bottom:20px;
	font-size:2.8rem;
	line-height:4rem;
}
.mv_area{padding:0 8px;}
.mv_slide_txt{
	padding:0 10px;
	font-size:1.2rem;
	letter-spacing:0.48px;
	line-height:1.7rem;
}
.mv_control{
	position:static;
	justify-content:flex-end;
	padding:10px 5px 0;
}
.intro_area{
	padding-top:60px;
	padding-bottom:60px;
}
.intro_copy{
	margin-bottom:20px;
	font-size:1.5rem;
	line-height:2.5rem;
}
.intro_copy br{display:block;}
.intro_txt{
	margin-bottom:10px;
	font-size:1.4rem;
	letter-spacing:0.56px;
	line-height:2.5rem;
}
.research_box{
	margin-top:-105px;
	margin-bottom:60px;
}
.research_thumb{margin-bottom:10px;}
.research_title{margin-bottom:6px;}
.research_date{
	font-size:1.2rem;
	line-height:1.7rem;
}
.research_bg_img{min-height:260px;}
.pickup_area{padding-top:35px;}
.pickup_control{margin-bottom:40px;}
.pickup_news{
	display:block;
	padding:40px 0 25px;
}
.pickup_news_head{
	width:auto;
	padding:0;
	margin-bottom:20px;
	border:none;
	text-align:center;
}
.pickup_news_list{margin:0;}
.pickup_news_item{
	font-size:1.4rem;
	line-height:2.1rem;
}
.news_area{padding-top:35px;}
.news_head{margin-bottom:20px;}
.news_item{margin-bottom:25px;}
.news_title{
	margin-bottom:5px;
	font-size:1.4rem;
	letter-spacing:0.56px;
	line-height:2.1rem;
}
.news_info{
	font-size:1.2rem;
	line-height:1.7rem;
}
.about_box::before{height:72%;}
.about_box_in{
	bottom:7.5%;
	margin:0 30px;
}
.about_txt{
	font-size:1.4rem;
	letter-spacing:0.56px;
	line-height:2.8rem;
}
.about_list{display:block;}
.about_item{
	display:block;
	padding:20px 20px 18px;
}
.about_item_in{
	flex-direction:row;
	align-items:center;
	gap:0 15px;
}
.about_term{margin:0;}
.about_data{
	display:flex;
	align-items:center;
}
.about_data_in{margin-right:5px;}
.about_data_note{width:100%;}
.info_list, .event_list{margin-bottom:25px !important;}
.event_info{
	font-size:1.2rem;
	line-height:1.7rem;
}
.pickup_list .slick-list, .info_list .slick-list, .event_list .slick-list{padding:0 15%;}

}


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

.bnr_list{
	display:block;
	max-width:250px;
}
.bnr_item{margin-top:20px;}

}


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

.research_list{
	display:block;
	margin-bottom:-15px;
}
.research_item{margin-bottom:40px;}
.news_thumb{
	width:110px;
	margin-top:2px;
}

}