@charset "UTF-8";
/* index.css */


/* ===== サイト読み込み時のfadeinアニメーション ===== */
body {
	opacity: 1;
	transition: opacity 1.5s ease;
}
body.loaded {
	opacity: 1;
}



/* ===== footer contact に背景色を追加（ページ個別の記述） ===== */
.footer_contact {
	background-color: #f5f5f5;
}


/* =====  スクロールするとheaderを表示（PCのみ） ===== */
@media screen and (min-width:769px) {
	header {
		visibility: hidden;
		transform: translateY(-100%);
		transition: visibility 0.3s ease, transform 0.3s ease;
	}
	header.header_scroll {
		visibility: visible;
		transform: translateY(0);
	}
	header.hide-on-scroll {
		transform: translateY(-100%);
	}

}



/* =====  MV header ===== */
#mv_wrap {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	position: relative;
	margin-top: 90px;
	margin-top: clamp(45px,4.688vw,90px);
}
#mv_wrap,
#mv video,
#mv .uk-slideshow-items {
	height: calc(100vh - 90px);
	height: calc(100vh - clamp(45px,4.688vw,90px));
}
#mv_slide_wrap video {
	width:  100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	top:  0;
	left: 0;
}
#mv_video_sp {
	display: none !important;
}




/* --- MV サイドバー --- */
#mv_wrap {
	min-height: 510px;
	min-height: clamp(510px,51vw,600px);
}
#mv_wrap aside {
	width: 20vw;
	max-width: 280px;
	min-width: 200px;
}
#mv_wrap .hnav_scroll {
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: stretch;
	align-items: center;
}
#mv {
	width: calc(100% - 280px);
	width: calc(100% - clamp(200px,20vw,280px));
}
/* サイドバー ロゴ */
.aside_logo {
	width: 60%;
	position: relative;
	margin: 0 auto;
}
.aside_logo:before {
	content: "";
	width:  100%;
	height: 100%;
	display: block;
	position: absolute;
	top:  0;
	left: 0;
	pointer-events: none;
}
.aside_logo a {
	width:  100% !important;
	height: 100% !important;
	display: block;
}





/* サイドバー メニュー */
.aside_nav {
	width: 65%;
	margin-top: auto;
}
.aside_nav li a,
.aside_nav li p {
	width: 100%;
	font-size: 1em;
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 1em 0 1em 10px;
}
.aside_nav li a:before,
.aside_nav li p:before {
	content: "";
	width:  7px;
	height: 7px;
	min-width:  7px;
	min-height: 7px;
	display: block;
	position: absolute;
	left: 0;
	border-radius: 50px;
	background-color: #009e96;
	pointer-events: none;
	opacity: 0;
}
.aside_nav li.aside_active a:before,
.aside_nav li.aside_active p:before {
	opacity: 1;
}
.aside_nav li + li a {
	border-top: 1px solid #e3e0de;
}
.aside_nav li:last-of-type {
	margin-bottom: 1.5em;
}
/* 動き */
.aside_nav li a:before {
	transition: opacity .3s;
}
.aside_nav li a:hover:before {
	opacity: 1;
}




/* --- MV スライドショー --- */
#mv_slide_wrap {
	height: 100%;
	overflow: hidden;
	border-radius: 20px 0 0 20px;
}
/* 不使用 */
#mv .uk-slideshow-items {
	min-height: clamp(480px,48vw,570px);
	aspect-ratio: unset !important;
}
#mv .uk-slideshow-items img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}


/* ===== Scroll text ===== */
.scroll_text {
	font-size: 14px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	right:  20px;
	bottom: 0;
	color: #fff !important;
}
.scroll_text:after {
	content: "";
	width:  1.5px;
	height: 4.3em;
	min-height: 4.3em;
	display: block;
	margin-top: .5em;
	background-color: #fff !important;
}

@media screen and (max-width:768px) {
	.scroll_text {
		display: none !important;
	}
}







/* =====  ABOUTUS 私たちについて ===== */
.head_sankaku {
	font-size: 50px;
	line-height: 1;
	margin-bottom: 1.25em;
	/* add tablet */
	font-size: clamp(40px,2.604vw,50px);
	margin-bottom: min(3.906vw,75px);
}
.head_sankaku img,
.head_maskanim .img_mask {
	width: 100%;
	height: 1em;
	object-fit: contain;
	object-position: left center;
	margin-bottom: .45em;
}
.head_sankaku small {
	font-size: 16px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	color: #009e96;
	margin-left: 32px;
}
.head_sankaku small:before {
	content: "";
	width: 2.5em;
	height: 1px;
	display: block;
	margin-right: .5em;
	background-color: #009e96;
}
#sec_about h3 {
	font-size: 30px;
	font-weight: 500;
	line-height: 1.8;
	margin-bottom: 1em;
	color: #009e96;
	/* add tablet */
	font-size: clamp(20px,1.563vw,30px);
}
/* 色つき本文 */
.color_cont {
	line-height: 2;
	font-weight: normal;
	margin-bottom: 60px;
	color: #000;
	/* add tablet */
	margin-bottom: min(3.125vw,60px);
}
/* ABOUT デザイン */
section {
	margin: 200px 0;
	/* add tablet */
	margin-top:    clamp(100px,10.417vw,200px);
	margin-bottom: clamp(100px,10.417vw,200px);
}
#sec_about {
	position: relative;
}
#sec_about:after {
	content: "";
	width:  calc(100% - 130px);
	height: 100%;
	display: block;
	position: absolute;
	top:   0;
	right: 0;
	border-radius: 50px 0 0 50px;
	background-color: #f5f5f5;
	z-index: -1;
	/* add tablet */
	width: calc(100% - min(6.771vw,130px));
	border-radius: min(2.604vw,50px) 0 0 min(2.604vw,50px);
}
/* ABOUT contents */
.about_flex {
	width:  calc(100% - 130px);
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-end;
	margin-left:  auto;
	margin-right: 0;
	padding: 150px 0 150px 120px;
	/* add tablet */
	width: calc(100% - min(6.771vw,130px));
	padding: min(7.813vw,150px) 0 min(7.813vw,150px) min(6.25vw,120px);
}
.about_flex .img_wrap {
	width: 58%;
	overflow: hidden;
	border-radius: 20px 0 0 20px;
}
.about_flex .img_wrap img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.about_flex .cont_wrap {
	width: 42%;
	padding-right: 100px;
	/* add tablet */
	min-width: 360px;
	align-self: center;
	padding-right: min(5.208vw,100px);
}
.about_flex .cont_wrap h3,
.about_flex .cont_wrap p,
.about_flex .cont_wrap .btn_more {
	padding-left: 32px;
	/* add tablet */
	padding-left: min(1.667vw,32px);
}
.cont_wrap p {
	text-align: justify;
}
.about_flex .cont_wrap p {
	max-width: 405px;
}


@media screen and (min-width:1366px) {
	.about_flex .cont_wrap {
		width: 36%;
	}
	.about_flex .img_wrap {
		width: 64%;
	}
}




/* =====  MOVIE 事業紹介動画 ===== */
.cont_flex {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.cont_flex .cont_wrap {
	max-width: 300px;
	margin-right: 80px;
	/* add tablet */
	width: 15.625vw;
	max-width: 300px;
	min-width: 270px;
	margin-right: min(4.167vw,80px);
}
.cont_flex h2 {
	margin-bottom: 1.25em;
	/* add tablet */
	margin-bottom: clamp(30px,3.125vw,60px);
}
.cont_flex p,
.cont_flex .btn_more {
	padding-left: 32px;
	/* add tablet */
	padding-left: min(1.667vw,32px);
}
#sec_movie .cont_flex .img_wrap {
	width: calc(100% - 380px);
	align-self: flex-start;
	overflow: hidden;
	border-radius: 20px;
	/* add tablet */
	width: calc(100% - clamp(290px,19.792vw,380px));
}



/* ===== OUR BUSINESS 事業情報 ===== */
.head_flex {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
}
/* card */
.business_link {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.business_link li {
	width: calc(100%/3 - 2.5%);
	height: 600px;
	display: block;
	border-radius: 20px;
	overflow: hidden;
	/* add tablet */
	height: 31.25vw;
	max-height: 600px;
}
.business_link li a {
	width:  100%;
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction:  column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 30px;
	color: #fff;
	/* add tablet */
	padding: clamp(15px,1.563vw,30px);
}
.business_link li a:before {
	content: "";
	width:  100%;
	height: 100%;
	display: block;
	position: absolute;
	top:  0;
	left: 0;
	background-image: url(../../img/index/business_bio_pc.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 1;
}
li.card_fuel a:before { background-image:url(../../img/index/business_fuel_pc.jpg); }
li.card_sdgs a:before { background-image:url(../../img/index/business_sdgs_pc.jpg); }



/* 文字情報 */
.business_link li span {
	font-size: 50px;
	display: inline-block;
	/* add tablet */
	font-size: clamp(30px,2.604vw,50px);
}
.business_link li img  {
	width: 100%;
	height: 1em;
	font-size: 1em;
	line-height: 1;
	display: inline-block;
	object-fit: contain;
	object-position: left center;
}
.business_link li small {
	font-size: 18px;
	font-weight: 500;
	display: block;
	margin-top: .5em;
	/* add tablet */
	font-size: clamp(12px,0.938vw,18px);
}



/* ===== FACILITY 施設・設備紹介 ===== */
#sec_facility .cont_wrap {
	width: 380px;
	margin-right: 90px;
	/* add tablet */
	width: 19.792vw;
	max-width: 380px;
	min-width: 300px;
	margin-right: min(4.688vw,90px);
}
#sec_facility p {
	margin-bottom: 40px;
}
/* 画像 flex */
#sec_facility .img_flex {
	width: calc(100% - 470px);
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	/* add tablet */
	width: calc(100% - clamp(300px,24.479vw,470px));
}
#sec_facility .img_card {
	width: calc(100%/2 - 2.5%);
	padding: 35px;
	padding: clamp(12px,1.823vw,35px) clamp(12px,1.823vw,35px) clamp(12px,1.5vw,25px);
	background-color: #e0f3f2;
	border-radius: 20px;
	border-radius: clamp(10px,1.042vw,20px);
}
#sec_facility .img_card p {
	font-size: 18px;
	font-size: clamp(11px,.938vw,18px);
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0;
}

#sec_facility .img_card:nth-of-type(n+3) {
	margin-top: 5%;
}
/* pc・sp 表示切り替え */
#sec_facility .cont_sp {
	display: none;
}



/* ===== NEWS&TPICS お知らせ ===== */
#sec_news {
	padding-top: 140px;
	padding-top: clamp(100px,10vw,140px);
}
#sec_news .btn_more {
	margin-right: 100px;
	margin-right: min(5.208vw,100px);
}
.news_wrap {
	width: calc(100% - 310px);
	padding: 50px 60px 50px;
	border-radius: 20px;
	background-color: #fff;
	/* add tablet */
	padding: min(2.604vw,50px) min(3.125vw,60px) min(2.604vw,50px);
}
.news_wrap li > a {
	width: 100%;
	display: flex;
	position: relative;
	flex-wrap: nowrap;
	align-items:  center;
	justify-content: flex-start;
	padding: 40px 55px 40px 0;
	padding: clamp(20px,3vw,40px) clamp(25px,4vw,55px) clamp(20px,3vw,40px) 0;
	border-bottom: 1px solid rgba(179,179,179,.5);
}
.news_wrap li:last-of-type > a {
	padding-bottom: 0;
	border-bottom: none;
}
.news_wrap li > a:after {
	content: "";
	width:  15px;
	height: 15px;
	min-width:  15px;
	min-height: 15px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 40px;
	background-image: url(../../img/common/news_arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 0 0;
}
.news_wrap li:first-of-type > a {
	padding-top: 0;
}
.news_wrap .img_wrap {
	width: 50%;
	max-width: 260px;
	min-width: 190px;
	margin-right: 25px;
	border: 1px solid #009e96;
	aspect-ratio: 30 / 11;
	overflow: hidden;
}
.news_wrap .img_wrap img {
	width:  100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}


.news_wrap dl {
	width: 100%;
}

/* news 中身 */
.news_wrap p {
	font-weight: 500;
	padding-left: 0;
}
.news_wrap dt {
	font-size: 12px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: .5em;
}
.news_wrap dt p {
	line-height: 1;
}
.news_date {
	font-size: 1em;
	margin-right: 1em;
	color: #999999;
}
.news_tag {
	width: fit-content;
	font-size: 10px;
	line-height: 1;
	display: inline-block;
	padding: .35em .75em;
	color: #009e96 !important;
	border: 1px solid #009e96;
	border-radius: 50px;
}


@media screen and (max-width:949px) {
	/* news */
	#sec_news .cont_flex {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.news_wrap {
		width: 100%;
		padding: 40px;
	}
	.news_wrap li > a {
		padding: 40px 55px 40px 0;
	}
	.news_wrap li:last-of-type > a {
		padding-bottom: 0;
		border-bottom: none;
	}
	.news_wrap .img_wrap {
		min-width: 260px;
	}
	/* ボタン */
	#sec_news .btn_more {
		text-align: center;
		margin-top: 60px;
		margin-right: 0;
		padding-left: 0;
	}
}



/* ===== MV ピックアップニュース ===== */
.pickup_news {
	position: absolute;
	right:  0;
	bottom: 0;
	transform: translateX(-60px);
}

.pickup_news ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: start;
	padding: 20px 20px 20px 25px;
	background-color: #fff;
	border-radius: 20px 20px 0 0;
	border-radius: clamp(15px,1.5vw,20px) clamp(15px,1.5vw,20px) 0 0;
}
.pickup_news ul:before {
	content: "";
	width:  50px;
	height: 50px;
	min-width:  50px;
	min-height: 50px;
	display: block;
	background-image:  url(../../img/index/news_logo.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: 30px;
	margin-right: clamp(15px,1.5vw,30px);
}


.pickup_news .news_date,
.pickup_news .news_cont {
	font-size: 16px;
	font-size: clamp(14px,1.4vw,16px);
	line-height: 1.5;
}
.pickup_news .news_date {
	font-weight: normal;
	line-height: 1;
	margin-right: 0;
	margin-bottom: .25em;
}
.pickup_news .news_cont {
	margin-bottom: 0 !important;
}
/* banner ばつボタン */
#close-btn {
	display: none;
}


/* ========== NEWS Tickerを実装 ========== */
.pickup_news .news-slider {
	position: relative;
	overflow: hidden;
	width: 40vw;
	max-width: 400px;
	min-width: 370px;
	height: 85px; /* 高さは調整 */
}
.pickup_news .news-slider .news-item {
	width: 100%;
	top: 100%;
	left: 0;
	padding: 20px 30px 20px 90px;
	position: absolute;
	transition: all .6s ease;
	opacity: 0;
}
.pickup_news .news-slider .news-item.active {
	top: 0;
	opacity: 1;
}
.pickup_news .news-slider .news-item.prev {
	top: -100%;
	opacity: 0;
}
/* 表示領域（タイトルがここではみ出したらスクロールさせる）*/
.pickup_news .news_cont {
	overflow: hidden;
	white-space: nowrap; /* モバイルで折返したくない場合に有効 */
	display: block;
}
/* 内部のテキストは幅取得しやすく inline-block */
.pickup_news .news_cont_box {
	display: inline-block;
	vertical-align: middle;
	/* 初期状態（スクロールは JS でトリガー） */
	transform: translateX(0);
	transition: none;
	will-change: transform;
}
/* スクロール中に付けるフラグ（JS で付与） */
.pickup_news .news-cont--scrolling {
	/* transition は JS で直接指定するためここでは空 */
}
/* モバイル限定で強制1行の扱い（必要に応じて） */
@media (max-width: 768px) {
	.pickup_news .news_cont { white-space: nowrap; }
}



/* ========== 背景のマル装飾 ================ */
.maru_deco {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: -1;
}
.maru_deco:before {
	content: "";
	width:  60%;
	height: 62.5vw;
	max-height: 1200px;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
}
.maru_deco.deco_left:before  {
	left:  0;
	background-image: url(../../img/index/bg_maruL_pc.svg);
	background-position: left center;
}
.maru_deco.deco_right:before {
	right: 0;
	background-image: url(../../img/index/bg_maruR_pc.svg);
	background-position: right center;
}


/* ===== ▼ 見出し アニメーション ===== */
.img_mask {
	width: fit-content !important;
}

/* セクションごとに画像を指定 */
#sec_about .img_mask:before    { background-image:url(../../img/index/anim_about.svg); }
#sec_movie .img_mask:before    { background-image:url(../../img/index/anim_movie.svg); }
#sec_business .img_mask:before { background-image:url(../../img/index/anim_business.svg); }
#sec_facility .img_mask:before { background-image:url(../../img/index/anim_facility.svg); }
#sec_news .img_mask:before     { background-image:url(../../img/index/anim_news.svg); }
/* ===== ▲ 見出し アニメーション ===== */


/* ===== ▼ 画像 アニメーション ===== */
/* about */
.anim_rightimg {
	position: relative;
	clip-path:inset(0 100% 0 0);
}
.anim_rightimg img {
	transform: scale(1.1);
}
.anim_rightimg.is-active,
.is-active .anim_rightimg {
	animation: clip_img_mask cubic-bezier(.165,.84,.44,1) 1s forwards;
	animation-delay: .5s;
}
.anim_rightimg.is-active img,
.is-active .anim_rightimg img {
	animation: img_scaledown ease 1.5s forwards;
}
@keyframes img_scaledown {
	0%   {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
/* ===== ▲ 画像 アニメーション ===== */























@media screen and (max-width:768px) {
	/* =====  MV header ===== */
	#mv_wrap {
		min-height: inherit;
		margin-top: 70px;
	}
	#mv_wrap,
	#mv video,
	#mv .uk-slideshow-items {
		height: 113.333vw;
		max-height: inherit;
	}
	#mv_video_pc {
		display: none !important;
	}
	#mv_video_sp {
		display: block !important;
	}


	/* --- MV サイドバー --- */
	#mv_wrap .hnav_pc {
		display: none !important;
	}

	/* --- MV スライドショー --- */
	#mv {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#mv_slide_wrap {
		width: 100%;
		border-radius: 0;
	}


	/* ===== 共通設定 ===== */
	section {
		margin-top:    70px;
		margin-bottom: 70px;
	}


	/* =====  ABOUTUS 私たちについて ===== */
	/* 背景 */
	#sec_about {
		margin: 0;
		background-color: #f5f5f5;
	}
	#sec_about:after {
		content: none;
	}
	/* 枠 */
	.about_flex {
		width: 100%;
		flex-wrap: wrap;
		padding: 0;
	}
	.about_flex .cont_wrap,
	.about_flex .img_wrap   {
		width: 100%;
	}
	.about_flex .cont_wrap {
		padding-right: 0;
	}
	#sec_about .about_flex .img_wrap {
		width: calc(100% - 20px);
		width: calc(100% - clamp(20px,5.333vw,40px));
		max-width: inherit;
		margin-left:  auto;
		margin-right: 0;
		border-radius: 10px 0 0 10px;
	}
	/* contents 左余白 */
	#sec_about h2,
	#sec_about h3,
	#sec_about .color_cont,
	#sec_about .btn_more {
		padding-left:  20px;
		padding-right: 20px;
		padding-left:  clamp(20px,5.333vw,40px);
		padding-right: clamp(20px,5.333vw,40px);
	}
	#sec_about .cont_wrap > * {
		max-width: 680px;
		margin-left:  auto;
		margin-right: auto;
	}
	/* 見出し */
	#sec_about h3 {
		font-size: 20px;
		margin-top: 2em;
	}
	.head_sankaku {
		font-size: 40px;
		margin-bottom: 1em;
	}
	.head_sankaku small {
		font-size: 14px;
	}
	/* 文章 */
	.color_cont {
		margin-bottom: 30px;
	}
	/* ボタン */
	#sec_about .btn_more {
		text-align: center;
	}

	/* ----- 端っこにくっつく画像幅の調整 -----  */
	@media screen and (min-width:640px) {
		#sec_about .about_flex .img_wrap {
			width: calc(600px + (100% - 600px)/2);
		}
	}


	/* =====  MOVIE 事業紹介動画 ===== */
	.cont_flex {
		flex-wrap: wrap;
	}
	.cont_flex .cont_wrap,
	.cont_flex .img_wrap {
		width: 100%;
		margin:  0;
		padding: 0;
	}
	#sec_movie .cont_flex .img_wrap {
		width: 100%;
		margin-bottom: 30px;
		border-radius: 10px;
	}
	.cont_flex h2 {
		margin-bottom: 1em;
	}
	.cont_flex p {
		font-size: 14px;
		padding-left: 0;
	}


	/* ===== OUR BUSINESS 事業情報 ===== */
	.business_link {
		flex-wrap: wrap;
	}
	.business_link li {
		width:  100%;
		height: 200px;
		border-radius: 10px;
	}
	.business_link li + li {
		margin-top: 20px;
	}
	.business_link li a {
		padding: 20px;
	}
	/* card 見出し */
	.business_link li span {
		font-size: 40px;
	}
	.business_link li small {
		font-size: 14px;
	}
	/* card 写真 */
	li.card_bio a:before  {
		background-image: url(../../img/index/business_bio_sp.jpg);
	}
	li.card_fuel a:before {
		background-image: url(../../img/index/business_fuel_sp.jpg);
	}
	li.card_sdgs a:before {
		background-image: url(../../img/index/business_sdgs_sp.jpg);
	}
	/* ボタン */
	#sec_business .btn_more {
		text-align: center;
		margin-top: 30px;
	}


	/* ===== FACILITY 施設・設備紹介 ===== */
	#sec_facility .cont_wrap {
		width: 100%;
		margin-right: 0;
	}
	#sec_facility p {
		margin-bottom: 30px;
	}
	#sec_facility .img_flex {
		width: 100%;
	}
	/* pc・sp 表示切り替え */
	#sec_facility .cont_pc {
		display: none;
	}
	#sec_facility .cont_sp {
		display: block;
		margin-top: 30px;
	}
	#sec_facility .img_card {
		border-radius: 10px;
	}
	#sec_facility .img_card p {
		font-size: min(2.8vw,14px);
	}
	/* ボタン */
	#sec_facility .btn_more {
		text-align: center;
		padding-left: 0;
	}



	/* ===== NEWS&TPICS お知らせ ===== */
	#sec_news {
		padding-top: 70px;
	}
	.news_wrap {
		width: 100%;
		padding: 20px;
		border-radius: 10px;
	}

	/* ----- NEWS contents 更新 ----- */
	.news_wrap li > a {
		padding: 20px 20px 20px !important;
		flex-wrap: wrap;
	}
	.news_wrap li + li > a {
		padding-top: 30px !important;	
	}
	.news_wrap li > a:after {
		position: relative;
		margin-left:  auto;
		margin-right: 0;
	}
	.news_wrap .img_wrap {
		max-width: inherit;
		min-width: inherit;
		margin-bottom: 20px;
	}
	.news_wrap dl {
		width: 100%;
		padding-right: 30px;
	}
	/* NEWS 日付 */
	.news_wrap dt {
		margin-bottom: .25em;
	}
	.news_wrap dt p {
		font-size: 12px;
	}
	/* NEWS タグ */
	.news_tag {
		line-height: 1;
	}
	/* NEWS title */
	.news_cont {
		margin-bottom: .5em;
	}
	/* ボタン */
	#sec_news .btn_more {
		margin-top: 30px;
	}


	/* ===== MV ピックアップニュース ===== */
	.pickup_news {
		width: calc(100% - 40px);
		max-width: 400px;
		width: 80%;
		max-width: 280px;
		min-width: inherit;
		right: 0;
		transform: translateX(0);
	}
	.pickup_news ul {
		border-radius: 10px 0 0 0;
		padding: 20px 20px 20px 15px;
	}
	.pickup_news ul:before {
		content: none;
		width:  40px;
		height: 40px;
		min-width:  40px;
		min-height: 40px;
		margin-right: 15px;
	}
	.news_wrap li > a:after {
		bottom: 0;
	}
	.pickup_news .news_date,
	.pickup_news .news_cont  {
		font-size: 14px;
	}

	/* banner ばつボタン */
	#close-btn {
		width:  30px;
		height: 30px;
		min-width:  30px;
		min-height: 30px;
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		margin: 0 0 -15px auto;
		background-color: rgba(0,0,0,.8);
		border-radius: 50px;
		transform: translateX(10px);
		transform: translateX(-10px);
		z-index: 5;
	}
	#close-btn span {
		width: 12px;
		height: 1px;
		display: block;
		position: absolute;
		background-color: #fff;
		transform: rotate(45deg);
	}
	#close-btn span:nth-of-type(2) {
		transform: rotate(-45deg);
	}


	/* ========== NEWS Tickerを実装 ========== */
	.pickup_news .news-slider {
		width:  100%;
		height: 70px;
		max-width: inherit;
		min-width: inherit;
	}
	.pickup_news .news-slider .news-item   {
		padding: 15px 10px 15px 20px;
	}


	/* ========== 背景のマル装飾 ================ */
	.maru_deco:before {
		width:  70%;
		height: 88vw;
	}
	.maru_deco.deco_left:before {
		background-image: url(../../img/index/bg_maruL_sp.svg);
	}
	.maru_deco.deco_right:before {
		background-image: url(../../img/index/bg_maruR_sp.svg);
	}


}


@media screen and (min-width:769px) {
	.pickup_news {
		display: block !important;
	}
}