@charset "utf-8";
/* =======================================

	pg_top

======================================= */

#main > .section:first-of-type {
	padding-top: 10px;
}

@media (max-width: 768px) {
	/* sp時のフォントサイズ */
	:root {
		--sp14: 3.74vw;/*  375px時14px */
		--sp15: 4vw;/*  375px時15px */
		--sp18: 4.8vw;/*  375px時15px */
	}
}

.top_en,
#main .section .top_en {
	font-family: 'Montserrat', sans-serif;
}

@media (min-width: 769px) {
	.top_fadeOver {
		transition: 0.3s opacity;
		cursor: pointer;
	}
	.top_fadeOver:hover {
		opacity: 0.6;
	}

}

.top_bg01 {
	background-color: #D2F5FA;
}
.top_mb00 {
	margin-bottom: 0 !important;
}
.top_iBlock {
	display: inline-block !important;
}
@media only screen and (max-width: 1400px) {
}
#main .section h2 {
	font-size: 1.6rem;
	margin-bottom: 0;
	line-height: 1.2;
}
#main .section h3:not(.title_label) {
	font-size: 1.6rem;
	margin-bottom: 0;
	line-height: 1.2;
}
#main .section h3:not(.title_label)::before {
	display: none;;
}

#main .section .top_section_title01 {
	text-align: center;
}
#main .section .top_section_title01_main {
	display: block;
}
#main .section .top_section_title01_sub {
	display: block;
	font-weight: bold;
	font-size: 1.5rem;
	margin-top: 7px;
	color: var(--logo-blue);
}
.top_section_title02 {
	font-size: 2.4rem;
	font-weight: bold;
	color: var(--logo-blue);
	margin-top: 40px;
	margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
	.top_section_title02 {
		font-size: var(--sp18);
		margin-top: 25px;
		margin-bottom: 15px;
	}
	#main .section .top_section_title01_sub {
		font-size: var(--sp14);
	}
}

#main .section .top_section_title03 {
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.38;
	margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
	#main .section .top_section_title03 {
		font-size: 6.93vw;
	}
}
#main .section .top_section_title04:not(.title_label) {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-align: center;
	line-height: 1.71;
	margin-bottom: 25px;;
}
@media only screen and (max-width: 768px) {
	#main .section .top_section_title04:not(.title_label) {
		font-size: var(--sp18);
		padding-bottom: 0;
	}
}
.top_section_text01 {
	font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
	.top_section_text01 {
		font-size: var(--sp14);
	}
}
.top_section_btn01 {
	display: flex;
	align-items: center;
	min-height: 60px;;
	border: 1px solid var(--logo-blue);
	border-radius: 7px;
	background-color: #fff;
	color: var(--logo-blue);
	max-width: 300px;
	width: 100%;
	padding: 5px 60px 5px 25px;
	font-weight: bold;
	position: relative;
	font-size: 1.6rem;
	box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.12);

}
.top_section_btn01:link,
.top_section_btn01:visited {
	color: var(--logo-blue);
}
.top_section_btn01.s_arrow01::before,
.top_section_btn01.s_arrow01::after {
	content: "";
	display: block;
	top: 0;
	bottom: 0;
	margin: auto 0;
	position: absolute;
	transition: 0.5s transform;

}
.top_section_btn01.s_arrow01::before {
	width: 35px;
	height: 1px;
	background-color: var(--logo-blue);
	right: 32px;
}
.top_section_btn01.s_arrow01::after {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 7px solid var(--logo-blue);
	right: 25px
}

.top_section_btn01.s_blank01::before {
	content: "";
	display: block;;
	width: 16px;
	height: 13px;
	background: url(/img/icon_blank.svg) left top;
	background-size: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 25px;
	margin: auto;
	transition: 0.5s transform;

}
.top_section_btn01 + .top_section_btn01 {
	margin-top: 7px;
}
.top_section_btn01:hover {
	text-decoration: none;;
}
@media (min-width: 769px) {
	.top_section_btn01.s_blank01:hover::before,
	.top_section_btn01.s_arrow01:hover::before,
	.top_section_btn01.s_arrow01:hover::after {
		transform: translateX(10px);
	}
}
@media only screen and (max-width: 768px) {
	.top_section_btn01 {
		font-size: var(--sp14);
		max-width: none;
		min-height: 4.3em;
	}
}
.top_section_box01 {
	border-radius: 30px;
	padding: 75px 0 85px 54px;
	background-color: #F8F9F7;
}
@media only screen and (max-width: 768px) {
	.top_section_box01 {
		border-radius: 14px;
		padding: 40px 30px 24.63%;

	}
}
.top_section_box01_col2 {
	display: flex;
}
.top_section_box01_col2_left {
	width: 43.24%;
}
.top_section_btn_wrap {
	margin-top: 35px;
}
.top_section_box01_col2_right {
	width: 58.24%;
}

@media only screen and (max-width: 768px) {
	.top_section_box01_col2 {
		display: block;;
	}
	.top_section_box01_col2_left {
		width: 100%;
	}
	.top_section_box01_col2_right {
		width: auto;
		margin-left: -15px;
		margin-right: -15px;
		margin-top: 30px;
	}
}

.top_kv {
	margin: 0 20px;
	position: relative;
	padding: 12.85vw 0;
	z-index: 1;
}

.top_kv_inn {
	background: linear-gradient(
		to bottom,
		rgba(0,93,183,1) 0%,
		rgba(0,204,228,1) 100%);
	border-radius: 50%;
	width: 72.37%;
	margin: auto;
	padding: 4.89vw 0 4.66vw;
	position: relative;
	z-index: 1;
}
.top_kv_title {
	text-align: center;
	color: #fff;
	font-size: 4.16vw;
	font-weight: bold;
	line-height: 1.359375;
}
.top_kv_lead {
	text-align :center;
	line-height: 2.5;
	color: #fff;
	margin-top: 2.43vw;
	margin-bottom: 2.77vw;
	font-size: 1.43vw;
}
.top_kv_lead02 {
	font-size: 2.638vw;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin-top: 2.43vw;
}
.top_kv_btn {
	margin-top: 3.47vw;
}
.top_kv_btn .top_section_btn01 {
	margin: 0 auto;
	width: 21.42vw;
	font-size: 1.14vw;
	/* justify-content: center; */
	height: 4.17vw;
	min-height: 0;
	line-height: 1.2;
	padding-left: 20px;
}

.top_kv_btn .top_section_btn01 +  .top_section_btn01 {
	margin-top: 1.38vw;
}
@keyframes rotation{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg); }
}
.top_kv_bg {
	background: url(/sustainability/img/index_kv_bg.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 2;
	animation: 160s linear infinite rotation;
}
.s_stop .top_kv_bg {
	animation-play-state: paused;
}
.top_anime_ctrl {
	width: 154px;
	height: 40px;
	display: flex;
	align-items: center;
	border: 1px solid var(--logo-blue);
	border-radius: 7px;
	color: var(--logo-blue);
	background-color: #fff;
	padding: 0 15px;
	font-size: 1.4rem;
	font-weight: bold;
	cursor: pointer;
	z-index: 10;
}
.top_kv_ctrl {
	position: absolute;
	top: 20px;
	right: 20px;
}
.s_fixed.top_anime_ctrl {
	position: fixed;
	top: 100px;
}
.top_anime_ctrl_text::before,
.top_anime_ctrl_text::after {
	content: "";
	display: block;
	width: 3px;
	height: 12px;
	background-color: var(--logo-blue);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.top_anime_ctrl_text::before {
	right: 22px;
}
.top_anime_ctrl_text::after {
	right: 15px;
}
.top_anime_ctrl_check:checked + .top_anime_ctrl_text::before {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 13px solid var(--logo-blue);
	background: none;
	right: 12px;
}
.top_anime_ctrl_check:checked + .top_anime_ctrl_text::after {
	display: none;
}
.top_anime_ctrl_check,
.top_anime_ctrl_check:after {
	display: none !important;
}

@media only screen and (min-width: 1440px) {
	.top_kv {
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
		padding: 150px 0;
	}
	.top_kv_title {
		font-size: 6.0rem;
	}
	.top_kv_inn {
		width: 72.17%;
		margin: auto;
		padding: 80px 0 94px;
	}
	.top_kv_lead {
		font-size: 2.0rem;
		margin-top: 35px;
		margin-bottom: 40px;
	}
	.top_kv_lead02 {
		font-size: 3.8rem;
		margin-top: 35px;
	}
	.top_kv_btn {
		margin-top: 50px;
	}
	.top_kv_btn .top_section_btn01 {
		width: 300px;
		font-size: 1.6rem;
		height: 60px;
	}
	.top_kv_btn .top_section_btn01 +  .top_section_btn01 {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 1100px) {
/* 	.top_kv_inn {
		padding: 6.2vw 0 14.95vw;
	} */
}
@media only screen and (max-width: 768px) {
	.top_kv {
		overflow: hidden;
		margin: 0;
		padding: 26.75vw 0;
	}
	.top_kv_inn {
		/* width: 153%; */
		width: 149.4vw;
		margin-left: -26.4vw;
		/* margin-left: -27.3%; */
		padding-left: 27.7vw;
		padding-right: 27.7vw;
		padding-top: 5.333vw;
		padding-bottom: 11.73vw;
	}
	.top_kv_bg {
		/* width: 213%;
		left: -57%;
		right: -50%; */
		width: 206vw;
		left: -55vw;
		/* right: -50vw; */
	}
	.top_kv_lead {
		/* text-align: left;; */
		font-size: var(--sp14);
		padding: 0 20px;
		margin: 5.76vw 0 5.33vw;
		line-height: 2.1;
	}
	.top_kv_lead02 {
		font-size: 4.8vw;
	}
	.top_kv_title {
		padding: 0 5px;
		font-size: 6.93vw;
		line-height: 1.4615;
	}
	.top_kv_btn {
		padding: 0 45px;
		margin-top: 5.33vw;
	}
	.top_kv_btn .top_section_btn01 {
		font-size: var(--sp15);
		width: 100%;
		height: 16vw;
	}
	.top_kv_btn .top_section_btn01.s_arrow01::before {
		right: 22px;
	}
	.top_kv_btn .top_section_btn01.s_arrow01::after {
		right: 16px;
	}
	.top_kv_btn .top_section_btn01 +  .top_section_btn01 {
		margin-top: 4vw;
	}
	.top_anime_ctrl  {
		width: 40px;

	}
}
.top_message {
	background-color: #fff;
	box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.12);
	border-radius: 15px;
	padding: 60px 55px 40px;
	margin-top: 100px;
}
#main .section .top_message_title {
	font-size: 2.8rem;
	line-height: 1.64;
	color: var(--logo-blue);
	font-weight: bold;;
}
.top_message_text01 {
	font-size: 1.6rem;
	margin-top: 1em;
}
.top_message_text02 {
	font-size: 2.0rem;;
}
.top_message_btn {
	margin-top: 15px;
}
.top_message_col2 {
	display: flex;;
	flex-direction: row-reverse;
}
.top_message_col2_right {
	text-align: center;
	flex: 1;
}
.top_message_col2_left {
	flex: 1;
	padding-right: 20px;
}
@media only screen and (max-width: 768px) {
	.top_message {
		border-radius: 14px;
		padding: 20px 30px;
		margin-top: 50px;
	}
	.top_message_col2 {
		display: block;;
	}
	.top_message_col2_left {
		padding-left: 0;
		padding-right: 0;
		margin-top: 20px;
	}
	#main .section .top_message_title {
		font-size: var(--sp18);
	}
	.top_message_text01 {
		font-size: 3.2vw;
	}
	.top_message_text02 {
		font-size: 4.26vw;
	}
}

.top_news {
	background-color: #fff;
	box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.12);
	border-radius: 15px;
	padding: 60px 55px 40px;
	margin-top: 85px;
}
#main .section .top_news_title {
	font-size: 4.4rem;
	color: var(--logo-blue);
	font-weight: bold;
	line-height: 1.2;

}
.top_news_col2 {
	display: flex;
}
.top_news_col2_left {
	width: 190px;
}
.top_news_col2_left_link {
	margin-top: 20px;
}
.top_news_col2_left_link .btn_more {
	justify-content: flex-start;
	font-size: 1.6rem
}
.top_news_col2_right {
	width: calc(100% - 190px)
}
.top_news_list_item {
	display: flex;
	font-size: 1.6rem;
	padding-bottom: 20px;
}
.top_news_list_item + .top_news_list_item {
	border-top: 1px solid rgba(152,166,181,0.3);
	padding-top: 20px;
}
.top_news_list_item_head {
	color: var(--m-gray);
	font-weight: bold;
	width: 115px;
}
.top_news_list_item_body {
	width: calc(100% - 115px);
	line-height: 1.42;
}
.top_news_list_item_body_text.s_pdf01::after {
	content: "";
	display: inline-block;;
	width: 14px;
	height: 19px;
	background: url(/sustainability/img/ico_pdf.png) no-repeat left top;
	background-size: 100%;
	margin-left: 12px;
}
@media only screen and (max-width: 768px) {
	.top_news {
		border-radius: 14px;
		padding: 30px 15px;
		margin-top: 30px;
	}
	#main .section .top_news_title {
		font-size: 8.8vw;
	}
	.top_news_col2 {
		display: block;
	}
	.top_news_col2_left {
		width: 100%;
	}
	.top_news_col2_left_link {
		margin-top: 10px;
	}
	.top_news_col2_left_link .btn_more {
		font-size: var(--sp14);
	}
	.top_news_col2_right {
		width: 100%;
		margin-top: 15px;
	}
	.top_news_list_item {
		display: block;
		font-size: var(--sp14);
	}
	.top_news_list_item:last-child {
		padding-bottom: 0;
	}
	.top_news_list_item_head {
		width: 100%;
	}
	.top_news_list_item_body {
		width: 100%;
		display: block;;
	}
}

.top_section01 {
	margin: 110px 20px 0;
	padding: 50px 20px 140px;
	border-radius: 10px;
	background-image: url(/sustainability/img/index_section01_02_pc.png),
					  linear-gradient(
						to bottom,
						rgba(0,93,183,1) 0%,
						rgba(0,204,228,1) 100%);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	color: #fff;
}
.top_section01_text01 {
	text-align: center;
}
.top_section01_img01_col2 {
	margin-top: 35px;
	display: flex;
	justify-content: center;
	max-width: 1360px;
}
.top_section01_img01_col2_item {
	width: 50%;
}
.top_section01_btn_wrap {
	margin-top: 40px;
}
.top_section01_btn_wrap .top_section_btn01 {
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (min-width: 1440px) {
	.top_section01 {
		max-width: 1400px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (max-width: 768px) {
	.top_section01 {
		margin-top: 40px;
		margin-left: 4.1%;
		margin-right: 4.1%;
		padding: 50px 30px 29.56%;
		background-image: url(/sustainability/img/index_section01_02_sp.png),
							linear-gradient(
							to bottom,
							rgba(0,93,183,1) 0%,
							rgba(0,204,228,1) 100%);
	}
	.top_section01_img01_col2 {
		display: block;
		margin-left: -15px;
		margin-right: -15px;
	}
	.top_section01_img01_col2_item {
		width: 100%;
		text-align: center;
	}
	.top_section01_img01_col2_item + .top_section01_img01_col2_item {
		margin-top: 10px;
	}
}

.top_section02 {
	margin-top: 110px;
}
.top_section02_box01_title {
	width: 48.38%;
	max-width: 506px;;
}
.top_section02_box01 {
	background: url(/sustainability/img/index_section02_02_pc.png) no-repeat bottom right #F8F9F7;
	background-size: 100%;
	padding-bottom: 0;
}
.top_section02 .top_section_box01_col2_left  {
	width: 37.47%;
	padding-bottom: 112px;
}
.top_section02 .top_section_box01_col2_right  {
	width: 61.19%;
	max-width: 640px;
	margin-top: -3.276%;
}
@media only screen and (max-width: 768px) {
	.top_section02 {
		margin-top: 40px;
	}
	.top_section02_box01_title {
		width: 100%;
		text-align: center;
	}
	.top_section02_box01 {
		background: url(/sustainability/img/index_section02_02_sp.png) no-repeat bottom right #F8F9F7;
		background-size: 100%;
		padding-bottom: 16.81%;
	}
	.top_section02 .top_section_box01_col2_left {
		padding-bottom: 0;
		width: 100%;
	}
	.top_section02 .top_section_box01_col2_right {
		width: auto;
		text-align: center;
		margin-top: 10px;
		margin-left: -6%;
		margin-right: -6%;
	}
	.top_section02 .top_section_box01_col2_right > img {
		max-width: 103%;
	}
}

.top_section03 {
	padding: 65px 0 115px;
}
.top_section03_box01_title {
	width: 48.95%;
	max-width: 512px;;
}
.top_section03_box01 {
	background: url(/sustainability/img/index_section03_02_pc.png) no-repeat bottom right #F8F9F7;
	background-size: 100%;
}
.top_section03 .top_section_box01_col2_left {
	width: 41.58%;
}
.top_section03 .top_section_box01_col2_right {
	width: 65.547%;
	max-width: 640px;
	margin-top: -4.237%;
}
@media only screen and (max-width: 768px) {
	.top_section03 {
		padding: 40px 0;
	}
	.top_section03_box01_title {
		width: 100%;
		text-align: center;
	}
	.top_section03_box01 {
		background: url(/sustainability/img/index_section03_02_sp.png) no-repeat bottom right #F8F9F7;
		background-size: 100%;
		padding-bottom: 18.555%;
	}
	.top_section03 .top_section_box01_col2_left {
		width: 100%;
	}
	.top_section03 .top_section_box01_col2_right {
		width: auto;
		text-align: center;
		/* margin-top: 30px; */
		margin-left: -12.5%;
		margin-right: -3%;
	}
	.top_section03 .top_section_box01_col2_right > img {
		max-width: 110.5%;
	}
}

.top_section04 {
	margin-top: 290px;
	margin-bottom: 184px;
	background-color: #B4E3ED;
	position: relative;
	max-width: 2560px;
	margin-left: auto;
	margin-right: auto;
}
.top_section04::before {
	content: "";
	display: block;
	width: 2560px;
	height: 294px;
	margin: 0 auto;
	background: url(/sustainability/img/index_section04_bg_01_pc.png) no-repeat center bottom;
	background-size: 100%;
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.top_section04::after {
	content: "";
	display: block;
	width: 2560px;
	height: 184px;
	background: url(/sustainability/img/index_section04_bg_02_pc.png) no-repeat center top;
	background-size: 100%;
	position: absolute;
	top: 100%;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
}
.top_section04_box01 {
	background-color: #fff;	
	box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.12);
	border-radius: 7px;
	position: relative;
	padding: 50px 20px 30px;
}
.top_section04_title01 {
	border-bottom: 1px solid #F0F3F5;
	padding-bottom: 25px;
	position: relative;
	
}
.top_section04_title01::after {
	content: "";
	display: block;;
	width: 168px;
	height: 78px;
	background: url(/sustainability/img/index_section04_title_bg.png) no-repeat center top;
	background-size: 100%;
	position: absolute;
	bottom: calc(100% + 15px);
	left: 0;
	right: 0;
	margin: 0 auto;
}
#main .section .top_section04_title01 .top_section_title01_main {
	font-size: 3.6rem;
	font-weight: bold;
	color: var(--logo-blue);
	display: inline-flex;
	align-items: center;
	padding-left: 25px;
	position: relative;
	line-height: 1.1;
}
#main .section .top_section04_title01 .top_section_title01_main::before {
	content: "";
	display: block;;
	width: 10px;
	height: 10px;
	border-top: 1px solid var(--logo-blue);
	border-right: 1px solid var(--logo-blue);
	position: absolute;
	top: 0.42em;
	left: 0;
	transform: rotate(45deg);
}

.top_section04 a {
	display: block;;
}
.top_section04 a:hover {
	text-decoration: none;
}

.top_section04_box01_list01 {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
.top_section04_box01_list01 .top_section_link01 + .top_section_link01 {
	margin-left: 40px;
}
.top_section_link01_text {
	display: inline-block;
	position: relative;
	padding-left: 20px;
	font-size: 1.6rem;
	line-height: 1.5;
}
.top_section_link01_text::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-bottom: 1px solid var(--logo-blue);
	border-right: 1px solid var(--logo-blue);
	transform: rotate(-45deg);
	position: absolute;
	top: 0.52em;;
	left: 0;
}
.top_section_link01_text.s_pdf01::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 20px;
	background: url(/sustainability/img/ico_pdf.png) no-repeat left top;
	background-size: 100%;
	vertical-align: middle;
	margin-left: 7px;
}
@media only screen and (max-width: 768px) {
	.top_section04 {
		padding-top: 80px;
		padding-bottom: 90px;
		margin-top: 17.33%;
		margin-bottom: 4.53%;
	}
	.top_section04::before {
		background: url(/sustainability/img/index_section04_bg_01_sp.png) no-repeat center bottom;
		background-size: 100%;
		height: 0;
		padding-top: 17.33%;
		width: 100%;
	}
	.top_section04::after {
		background: url(/sustainability/img/index_section04_bg_02_sp.png) no-repeat center top;
		background-size: 100%;
		height: 0;
		padding-top: 4.53%;
		width: 100%;
	}
	.top_section04_box01 {
		padding: 14.6% 10px 10px;
		border-radius: 14px;
	}
	.top_section04_box01_list01 {
		display: block;
		margin-top: 30px;
	}
	.top_section04_title01 {
		border-bottom: none;
		padding-bottom: 0;
	}
	.top_section04_title01::after {
		width: 46.3%;
		height: 0;
		padding-top: 22.23%;
	}
	#main .section .top_section04_title01 .top_section_title01_main {
		font-size: 8vw;
	}
	#main .section .top_section04_title01 .top_section_title01_main::before {
		top: 0.42em;
	}
	.top_section_link01 {
		display: block;
		padding: 20px;
		border-top: 1px solid #F0F3F5;
	}
	.top_section04_box01_list01 .top_section_link01 + .top_section_link01 {
		margin-left: 0;
	}
	.top_section_link01_text {
		font-size: var(--sp14);
	}
}
.top_section04_box02_wrap {
	display: flex;
	margin-top: 70px;
}
.top_section04_box02 {
	width: calc(33.33% - 15px);
	border-radius: 7px;
	background-color: #fff;
}
.top_section04_box02 + .top_section04_box02 {
	margin-left: 20px;
}
.top_section04_box02_top {
	border-radius: 7px 7px 0 0;
	text-align: center;
	position: relative;
	padding: 50px 10px 25px;
	display: block;
	position: relative;
}
.top_section04_box02_top::before {
	content: "";
	display: block;;
	width: 150px;
	height: 100px;
	position: absolute;
	top: -55px;
	left: 0;
	right: 0;
	margin: 0 auto;

}
.top_section04_box02_top.s_item01 {
	background-color: #20A686;
}
.top_section04_box02_top.s_item01::before {
	background: url(/sustainability/img/index_section04_01_bg.png) no-repeat center top;
	background-size: 100%;
}
.top_section04_box02_top.s_item02 {
	background-color: #8F90CE;
}
.top_section04_box02_top.s_item02::before {
	background: url(/sustainability/img/index_section04_02_bg.png) no-repeat center top;
	background-size: 100%;
}
.top_section04_box02_top.s_item03 {
	background-color: #088EBC;
}
.top_section04_box02_top.s_item03::before {
	background: url(/sustainability/img/index_section04_03_bg.png) no-repeat center top;
	background-size: 100%;
}
#main .section h3.top_section04_box02_title {
	padding-bottom: 0;
}
.top_section04_box02_title_main {
	color: #fff;
	font-size: 3vw;
	font-weight: bold;
	display: inline-block;
	position: relative;
	padding-left: 20px;
}
@media only screen and (min-width: 1100px) {
	.top_section04_box02_title_main {
		font-size: 3.3rem
	}
}
.top_section04_box02_title_main::before {
	content: "";
	display: block;;
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 0.5em;
	left: 0;
}
.top_section04_box02_title_sub {
	color: #fff;
	display: block;;
	margin-top: 10px;
	font-size: 1.5rem;
}
.top_section04_box02_list01 {
	padding: 0 10px 10px;
}
.top_section04_box02_list01 .top_section_link01 {
	display: block;
	padding: 20px;
}
.top_section04_box02_list01 .top_section_link01 + .top_section_link01 {
	border-top: 1px solid #F0F3F5;
}
@media only screen and (max-width: 768px) {
	.top_section04_box02_wrap {
		display: block;;
		margin-top: 18.6vw;
	}
	.top_section04_box02 {
		width: 100%;
	}
	.top_section04_box02 + .top_section04_box02 {
		margin-left: 0;
		margin-top: 16vw;
	}
	.top_section04_box02_top {
		padding-top: 14.54%;
	}
	.top_section04_box02_top::before {
		width: 35.73%;
		height: 0;
		padding-top: 23.76%;
		top: -26%;
	}
	.top_section04_box02_title_main {
		font-size: 8vw;
	}
	.top_section04_box02_title_sub {
		font-size: var(--sp14);
	}
}
.top_section04_box03_wrap {
	display: flex;
	margin-top: 60px;
}
.top_section04_box03_wrap .top_section_link01 {
	display: flex;
	justify-content: center;
	background-color: #fff;
	border-radius: 7px;;
	min-height: 85px;
	align-items: center;
	box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.12);
	width: calc(25% - 5px);
	padding: 5px 30px;
}
.top_section04_box03_wrap .top_section_link01 + .top_section_link01 {
	margin-left: 20px;
}
@media only screen and (max-width: 768px) {
	.top_section04_box03_wrap {
		display: block;
		margin-top: 60px;
	}
	.top_section04_box03_wrap .top_section_link01 {
		width: 100%;
		padding: 5px 15px;
		min-height: 6.4em;
	}
	.top_section04_box03_wrap .top_section_link01 + .top_section_link01 {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
}

.top_section04_box04 {
	background: url(/sustainability/img/index_section04_bg_03_pc.png) no-repeat left top;
	background-size: 100% 100%;
	margin-top: 50px;
	padding: 27px 50px;
	border-radius: 7px;;
}
#main .section h3:not(.title_label).top_section04_box04_title {
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
}
.top_section04_box04_title01 {
	font-size: 2.5rem;
}
.top_section04_box04_title02 {
	font-size: 3.9rem;
}
.top_section04 a.top_section04_box04_btn {
	display: flex;;
}
.top_section04_box04_inner {
	display: flex;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
}
.top_section04_box04_left {
	width: 46.2%;
	margin-right: 9.2%;
}
.top_section04_box04_right {
	width: 44%;
}
@media only screen and (max-width: 768px) {
	.top_section04_box04 {
		background-image: url(/sustainability/img/index_section04_bg_03_sp.png);
		padding: 40px 16px;
	}
	.top_section04_box04_inner {
		display: block;;
	}
	#main .section h3:not(.title_label).top_section04_box04_title {
		margin-bottom: 15px;
		padding-bottom: 0;
	}
	.top_section04_box04_title01 {
		font-size: 5.06vw;
	}
	.top_section04_box04_title02 {
		font-size: 8vw;
	}
	.top_section04_box04_left {
		width: 100%;
		margin-right: auto;
	}
	.top_section04_box04_right {
		width: 100%;
		margin-top: 30px;
	}

}
.top_section05 {
	margin-top: 250px;
}
#main .section .top_section05 .top_section_title01_main {
	font-size: 4.0rem;
	font-weight: bold;
	line-height: 1.1;
}
/* .s_item01 .top_section05_list_item_bottom_title {
	color: var( --a-blue);
} */
.top_section05_list_item_bottom_title_blank {
	display: inline-block;
}
.top_section05_list_item_bottom_title_blank::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 12px;
	background: url("/img/icon_blank.svg") center center no-repeat;
	margin-left: 10px;
}
.top_section05_list {
	display: flex;
	margin-top: 40px;
}
.top_section05_list_item {
	width: calc(50% - 30px);
	box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.12);
	border-radius: 7px;
	background-color: #fff;
	overflow: hidden;
}
.top_section05_list_item + .top_section05_list_item {
	margin-left: 60px;
}
.top_section05_list_item_top {
	text-align: center;
}
.s_item01 .top_section05_list_item_top {
	background-color: #EF7C1B;
}
.s_item02 .top_section05_list_item_top {
	background-color: #FFFFFF;
}

.top_section05_list_item_bottom {
	padding: 15px 20px;
}
.top_section05_list_item_bottom_title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.6rem
}
.top_section05_list_item_bottom_text {
	font-size: 1.5rem;
	line-height: 1.73;
}
.top_section05_bottom {
	margin-top: 60px;
	margin-bottom: -46vw;
	position: relative;
	padding: 11% 0;
}
.top_section05_bottom_text {
	font-size: calc(24 / 1280* 100vw);
	line-height: 1.11;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.top_section05_bottom_inn {
	background: linear-gradient(
		to bottom,
		rgba(0,93,183,1) 0%,
		rgba(0,204,228,1) 100%);
	border-radius: 50%;
	width: 69.557%;
	max-width: 704px;
	margin: auto;
	padding: 4.945vw 0 42.0729vw;
	position: relative;
	z-index: 1;
}
.top_section05_bottom_bg {
	background: url(/sustainability/img/index_kv_bg.png) no-repeat center center;
	background-size: 89%;
	position: absolute;
	/* inset: 0.5%; */
	inset: -0.6%;
	pointer-events: none;
	z-index: 2;
	animation: 160s linear infinite rotation;
}
.s_stop .top_section05_bottom_bg {
	animation-play-state: paused;
}
.top_section05_ctrl {
	position: absolute;
	top: 0;
	right: 0;
}
@media only screen and (min-width: 1280px) {
	.top_section05_ctrl {
		top: 250px;
		right: 0;
	}
}
@media only screen and (min-width: 1440px) {
	.top_section05_ctrl {
		top: 250px;
		right: -130px;
	}
}

@media only screen and (min-width: 1280px) {
	.top_section05_bottom_text {
		font-size: 2.7rem;
	}
	.top_section05_bottom {
		padding: 120px 0;
		margin-bottom: -610px;
	}
	.top_section05_bottom_inn {
		padding-top: 95px;
		padding-bottom: 576px;
	}
	.top_section05_bottom_bg {
		background-size: 87%;
	}
}
@media only screen and (max-width: 1279px) {
	.top_section05_bottom_inn {
		width: 52vw;
		padding: calc(86 / 1280* 100vw) 0 calc(564 / 1280* 100vw);
	}
	.top_section05_ctrl {
		top: 18vw;
	}
}
@media only screen and (min-width: 769px) {
	.top_section05_list_item .top_section05_list_item_top {
		overflow: hidden;
	}
	.top_section05_list_item .top_section05_list_item_top img {
		transition: 0.5s transform;
	}
	.top_section05_list_item:hover .top_section05_list_item_top img {
		transform: scale(1.1);
	}

}
@media only screen and (max-width: 768px) {
	.top_section05 {
		margin-top: 65px;
	}
	#main .section .top_section05 .top_section_title01_main {
		font-size: 8vw;
	}
	#main .section .top_section05_title01_main {
		font-size: 8vw;
	}
	#main .section .top_section05_title01_sub {
		font-size: var(--sp14);
	}
	.top_section05_list {
		display: block;
	}
	.top_section05_list_item {
		display: block;
		width: 100%
	}
	.top_section05_list_item + .top_section05_list_item {
		margin-left: auto;
		margin-top: 40px;
	}
	.top_section05_list_item_bottom {
		padding: 15px 20px 30px
	}
	.top_section05_list_item_bottom_title {
		font-size: var(--sp15);
	}
	.top_section05_list_item_bottom_text {
		font-size: var(--sp14);
	}
	.top_section05_bottom {
		margin-top: 90px;
		margin-bottom: -55vw;
	}
	.top_section05_bottom_inn {
		width: 76.34vw;
		padding: calc(62 / 375* 100vw) 0 calc(212 / 375* 100vw);
	}
	.top_section05_bottom_text {
		font-size: calc(13 / 375* 100vw);
	}
	.top_section05_bottom_bg {
		background-size: 100%;
		inset: -7vw;
	}
	.top_section05_ctrl {
		top: 23vw;
	}
}

.top_section06 {
	background-color: #fff;
	box-shadow: 0px 5px 15px 5px rgba(0, 0, 0, 0.12);
	border-radius: 15px;
	padding: 60px 28% 40px;
	margin-top: 60px;
	position: relative;
	overflow: hidden;
}
.top_section06::before {
	content: "";
	display: block;;
	width: 20.73%;
	height: 100%;
	background: url(/sustainability/img/index_section06_01_pc.png) no-repeat left top;
	background-size: 100%;
	position: absolute;
	top: 13%;
	left: 4.54%;
}
.top_section06::after {
	content: "";
	display: block;
	width: 22.54%;
	height: 100%;
	background: url(/sustainability/img/index_section06_02_pc.png) no-repeat right top;
	background-size: 100%;
	position: absolute;
	top: 13%;
	right: 4.54%;
}
#main .section h2.top_section06_title01 {
	font-size: 3.2rem;
	text-align: center;
}
.top_section06_text01 {
	font-size: 1.6rem;
	line-height: 1.875;
	margin-top: 20px;
	text-align :center;
}
.top_section06_btn {
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 768px) {
	.top_section06 {
		margin-top: 30px;
		padding: 30px 15px 60%;
		border-radius: 14px;;
	}
	.top_section06::before {
		background: url(/sustainability/img/index_section06_01_sp.png) no-repeat bottom center;
		background-size: 100%;
		width: calc(100% - 30px);
		height: calc(100% - 30px);
		top: auto;
		bottom: 30px;
	}
	.top_section06::after {
		display: none;;
	}
	#main .section h2.top_section06_title01 {
		font-size: 6.93vw;
	}
}