@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}


html {
	line-height: 1;
	overflow-y: scroll;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

html {
	font-size: 62.5%;
}

body {
	-webkit-text-size-adjust: none;
}

input, textarea, select {
	font-family: inherit;
	font-weight: inherit;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

@media screen and (min-width: 768px) {
	.spOnly {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.pcOnly {
		display: none;
	}
}

/* mouseover
--------------------------------------------------*/
.over:hover {
	-webkit-transition: opacity;
	transition: opacity;
	opacity: 0.7;
}

/* link
--------------------------------------------------*/
a {
	color: #3CA4C9;
	transition: 0.5s;
}
a:link, a:active, a:visited {
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
	transition: 0.5s;
}

/* outline
--------------------------------------------------*/

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: #222222;
	min-width: 1000px;
	background: #fff;
	overflow: hidden;
}

.container {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

/* {
	margin: 0 auto;
	width: 700px;
	position: relative;
} */

body p {
	font-size: 16px;
}

@media screen and (max-width: 767px) {
	body {
	min-width: 1%;
	line-height: 1.5;
	position: relative;
	overflow-x: hidden;
	}

	body.open {
	position: fixed;
	width: 100%;
	}

	.container
	{
	width: calc(100% - 26px);
	}
}

/* 文字設定
--------------------------------------------------*/
.text_center {
	text-align: center !important;
}
.text_right {
	text-align: right !important;
}
.text_left {
	text-align: left !important;
}
.text_bold {
	font-weight: bold !important;
}
.linkOff {
	pointer-events: none;
}
.text_blue {
	color: #0066CC !important;
}
.text_gray {
	color: #777777 !important;
}
.text_underLine {
	text-decoration: underline !important;
}

.lead {
	font-size: 20px;
	font-size: 2rem;
	text-align: center;
	padding: 20px 0;
	background: #fff;
}
.mscs-title-ajst{
	font-size: 5rem;
	font-size: 50px;
	top:20px;
}
@media screen and (max-width: 767px) {
	.lead {
	font-size: 16px;
	font-size: 1.6rem;
		text-align: left;
		padding: 10px 0;
	}
	.mscs-title-ajst{
	font-size: 1.6rem;
	font-size: 16px;
	line-height: 1.5;
	top:0px !important;
	}

}


/* 基本のmargin、padding
.mg：マージン
.pd：パディング
_tb：上下、_t：上、_b：下
↑+S、M、L：サイズ
--------------------------------------------------*/
.mg_t10 {
	margin-top: 10px !important;
}
.mg_t20 {
	margin-top: 20px !important;
}
.mg_t30 {
	margin-top: 30px !important;
}
.mg_t40 {
	margin-top: 40px !important;
}
.mg_t50 {
	margin-top: 50px !important;
}
.mg_t60 {
	margin-top: 60px !important;
}
.mg_t70 {
	margin-top: 70px !important;
}
.mg_t80 {
	margin-top: 80px !important;
}
.mg_t90 {
	margin-top: 90px !important;
}
.mg_t100 {
	margin-top: 100px !important;
}
.mg_t120 {
	margin-top: 120px !important;
}
.mg_b10 {
	margin-bottom: 10px !important;
}
.mg_b20 {
	margin-bottom: 20px !important;
}
.mg_b30 {
	margin-bottom: 30px !important;
}
.mg_b40 {
	margin-bottom: 40px !important;
}
.mg_b50 {
	margin-bottom: 50px !important;
}
.mg_b60 {
	margin-bottom: 60px !important;
}
.mg_b70 {
	margin-bottom: 70px !important;
}
.mg_b80 {
	margin-bottom: 80px !important;
}
.mg_b90 {
	margin-bottom: 90px !important;
}
.mg_b100 {
	margin-bottom: 100px !important;
}
.mg_b120 {
	margin-bottom: 120px !important;
}

.pd_tbS {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.pd_tbM {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
.pd_tbL {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}
.pd_tS {
	padding-top: 30px !important;
}
.pd_tM {
	padding-top: 70px !important;
}
.pd_tL {
	padding-top: 100px !important;
}
.pd_bS {
	padding-bottom: 30px !important;
}
.pd_bM {
	padding-bottom: 70px !important;
}
.pd_bL {
	padding-bottom: 100px !important;
}

@media screen and (max-width: 767px) {
	.mg_t10 {
		margin-top: 5px !important;
	}
	.mg_t20 {
		margin-top: 15px !important;
	}
	.mg_t30 {
		margin-top: 20px !important;
	}
	.mg_t40 {
		margin-top: 30px !important;
	}
	.mg_t50 {
		margin-top: 40px !important;
	}
	.mg_t60 {
		margin-top: 50px !important;
	}
	.mg_t70 {
		margin-top: 60px !important;
	}
	.mg_t80 {
		margin-top: 70px !important;
	}
	.mg_t90 {
		margin-top: 80px !important;
	}
	.mg_t100 {
		margin-top: 90px !important;
	}
	.mg_t120 {
		margin-top: 100px !important;
	}	
	.mg_b10 {
		margin-bottom: 5px !important;
	}
	.mg_b20 {
		margin-bottom: 15px !important;
	}
	.mg_b30 {
		margin-bottom: 20px !important;
	}
	.mg_b40 {
		margin-bottom: 30px !important;
	}
	.mg_b50 {
		margin-bottom: 40px !important;
	}
	.mg_b60 {
		margin-bottom: 50px !important;
	}
	.mg_b70 {
		margin-bottom: 60px !important;
	}
	.mg_b80 {
		margin-bottom: 70px !important;
	}
	.mg_b90 {
		margin-bottom: 80px !important;
	}
	.mg_b100 {
		margin-bottom: 90px !important;
	}
	.mg_b120 {
		margin-bottom: 100px !important;
	}

	.pd_tbS {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	}
	.pd_tbM {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	}
	.pd_tbL {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
	}
	.pd_tS {
	padding-top: 15px !important;
	}
	.pd_tM {
	padding-top: 30px !important;
	}
	.pd_tL {
	padding-top: 60px !important;
	}
	.pd_bS {
	padding-bottom: 15px !important;
	}
	.pd_bM {
	padding-bottom: 30px !important;
	}
	.pd_bL {
	padding-bottom: 60px !important;
	}
}


/* タイトル関係
--------------------------------------------------*/

.c-heading-module{
	position: relative;
	padding-bottom: 16px;
	border-bottom: 1px solid #DDDDDD;
}

.c-heading-module h2{
	font-size: 32px;
	line-height: 1.5;
	font-weight: 500;
	color: #3CA4C9;
}

/* h1
--------------------------------------------------*/
.c-heading-pri{
	position: relative;
	padding-bottom: 16px;
}

.c-heading-pri::before{
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background-color: #3CA4C9;
	position: absolute;
	bottom: 0;
	left: 0;
}

.c-heading-pri > *{
	font-size: 40px;
	line-height: 1.5;
	font-weight: 400;
}

@media screen and (max-width: 767px) {
	.c-heading-pri > *{
		font-size: 28px;
	}
}


/* h2
--------------------------------------------------*/
.c-heading-seco{
	position: relative;
	padding-bottom: 16px;
}

.c-heading-seco::before{
	content: '';
	display: block;
	width: 60px;
	height: 4px;
	background-color: #3CA4C9;
	position: absolute;
	bottom: 0;
	left: 0;
}

.c-heading-seco::after{
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #A7C93E;
	position: absolute;
	bottom: 0;
	left: 66px;

}

.c-heading-seco > *{
	font-size: 32px;
	line-height: 1.5;
	font-weight: 400;
}

.c-heading-seco.c-heading-seco__center{
	position: relative;
	padding-bottom: 16px;
	text-align: center;
}

.c-heading-seco.c-heading-seco__center::before{
	content: '';
	display: block;
	width: 60px;
	height: 4px;
	background-color: #3CA4C9;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.c-heading-seco.c-heading-seco__center::after{
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #A7C93E;
	position: absolute;
	bottom: 0;
	left: 70px;
	right: 0;
	margin: auto;

}


@media screen and (max-width: 767px) {
	.c-heading-seco > *{
		font-size: 24px;
	}
}



/* h3
--------------------------------------------------*/
.c-heading-tert{
	position: relative;
	padding-left: 16px;
	padding-bottom: 10px;
}

.c-heading-tert::before{
	content: '';
	display: block;
	width: 4px;
	height: 30px;
	background-color: #3CA4C9;
	position: absolute;
	bottom: 0;
	top: -10px;
	margin: auto;
	left: 0;
}

.c-heading-tert::after{
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #EEEEEE;
	position: absolute;
	bottom: 0;
	left: 0;

}

.c-heading-tert > *{
	font-size: 24px;
	line-height: 1.5;
	font-weight: 400;
}

@media screen and (max-width: 767px) {
	.c-heading-tert > *{
		font-size: 20px;
	}
}


/* h4
--------------------------------------------------*/
.c-heading-quat{
	position: relative;
	background-color: #F3F3F3;
	padding: 14px 17px;
	box-sizing: border-box;
}

.c-heading-quat > *{
	font-size: 22px;
	line-height: 1.5;
	font-weight: 400;
}

@media screen and (max-width: 767px) {
	.c-heading-quat > *{
		font-size: 18px;
	}
}


/* h5
--------------------------------------------------*/
.c-heading-quin{
}

.c-heading-quin > *{
	font-size: 20px;
	line-height: 1.5;
	font-weight: 600;
}

@media screen and (max-width: 767px) {
	.c-heading-quin > *{
		font-size: 16px;
	}
}



/* カラム
--------------------------------------------------*/
.c-column{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.c-column a{
	color: #222 !important;
}

/* 2カラム
--------------------------------------------------*/
.c-column.c-column--2up > *{
	width: calc(50% - 20px);
}
.c-column.c-column--2up > *:nth-child(even){
	margin-left: 40px;
}
.c-column.c-column--2up > *:nth-child(n + 3){
	margin-top: 40px;
}

/* 3カラム
--------------------------------------------------*/
.c-column.c-column--3up > *{
	width: calc(33.3333% - 20px);
}
.c-column.c-column--3up > *:nth-child(3n + 2){
	margin-left: 30px;
	margin-right: 30px;
}
.c-column.c-column--3up > *:nth-child(n + 4){
	margin-top: 30px;
}

/* 4カラム
--------------------------------------------------*/
.c-column.c-column--4up > *{
	width: calc(25% - 20px);
}
.c-column.c-column--4up > *:nth-child(n + 2){
	margin-left: 26.5px;
}
.c-column.c-column--4up > *:nth-child(4n + 1){
	margin-left: 0;
}
.c-column.c-column--4up > *:nth-child(n + 5){
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.c-column.c-column--2up {
		flex-direction: column;
	}
	.c-column.c-column--2up > *,
	.c-column.c-column--3up > *,
	.c-column.c-column--4up > *{
		width: 100%;
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0;
	}
	.c-column.c-column--2up > * img,
	.c-column.c-column--3up > * img,
	.c-column.c-column--4up > * img{
		width: 100%;
	}
	
	.c-column.c-column--2up > *:last-child,
	.c-column.c-column--3up > *:last-child,
	.c-column.c-column--4up > *:nth-last-child(2),
	.c-column.c-column--4up > *:last-child{
		margin-bottom: 0;
	}

	.c-column.c-column--2up > *:nth-child(n + 2),
	.c-column.c-column--3up > *:nth-child(n + 2){
		margin-left: 0;
		margin-right: 0;
	}

	.c-column.c-column--4up{
		justify-content: space-between;
	}

	.c-column.c-column--4up > *{
		width: calc(50% - 10px);
		margin-bottom: 20px;
		margin-top: 0;
	}

	.c-column.c-column--4up > *:nth-child(n + 2){
		margin-left: 0;
	}
	.c-column.c-column--2up > *:nth-child(n + 3),
	.c-column.c-column--3up > *:nth-child(n + 4),
	.c-column.c-column--4up > *:nth-child(n + 5){
		margin-top: 0;
	}


}


/* テキスト関連
--------------------------------------------------*/
.c-text{
	font-size: 16px;
	line-height: 1.8;
}
.c-text_s{
	font-size: 14px;
	line-height: 1.8;
	color: #777777;
}

.c-text_lead{
	font-size: 20px;
	line-height: 1.8;
}

.p-red{
	color: #F9423A !important;
}
.p-blue{
	color: #0066CC !important;
}


/* リンク関連
--------------------------------------------------*/

.c-iconlink{
	padding-left: 24px;
	position: relative;
}
.c-iconlink a{
	color: #222222;
}
.c-iconlink::before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-position: center center;
	background-repeat: no-repeat;
}


.c-iconlink.icn_right{
	padding-left: 0;
	vertical-align: middle;
}

.c-iconlink.icn_right p span{
	position: relative;
}
.c-iconlink.icn_right p span::after{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -30px;
	margin: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-arrow_lb.svg);
	transition: 0.5s;
}

.c-iconlink.icn_right p span::before{
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 10px;
	position: absolute;
	top: 0;
	bottom: -1px;
	right: -27px;
	margin: auto;
	background-color: #3CA4C9;
	transition: 0.5s;
}

.c-iconlink.icn_right:hover p span::after{
	transition: 0.5s;
	right: -40px;
}

.c-iconlink.icn_right:hover p span::before{
	width: 30px;
	right: -37px;
	transition: 0.5s;
}


.c-iconlink.icn_right::before{
	content: none;
}

.c-iconlink.icn-chev::before{
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-chev.svg);
}
.c-iconlink.icn-chev-btm::before{
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-chev.svg);
	transform: rotate(90deg);
}
.c-iconlink.icn-file::before{
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-file.svg);
}

.c-iconlink.icn-list::before{
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-list.svg);
}

.c-iconlink.icn-outer::before{
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-outer.svg);
}

.c-iconlink.icn-pdf::before{
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-pdf.svg);
}

.c-iconlink.icn-zoom::before{
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-zoom.svg);
}

.c-iconlink.icn-arrow::before{
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-arrow.svg);
}

.c-iconlink.icn-arrow_lb::before{
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-arrow_lb.svg);
}




.c-boxlink{
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #DDDDDD;
}
.c-boxlink a{
	color: #222222;
	line-height: 1.5;
	position: relative;
	display: block;
}
.c-boxlink a::after{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-arrow_lb.svg);
	transition: 0.5s;
}

.c-boxlink a::before{
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 13px;
	margin: auto;
	background-color: #3CA4C9;
	transition: 0.5s;
}

.c-boxlink a:hover::after{
	transition: 0.5s;
	right: 0;}

.c-boxlink a:hover::before{
	width: 30px;
	right: 3px;
	transition: 0.5s;
}

.c-btn {
	border: 1px solid #3CA4C9;
	color: #fff;
	text-align: center;
	max-width: 370px;
	position: relative;
	background-color: #3CA4C9;
	transition: 0.5s;
}
.c-btn:hover {
	border: 1px solid #3CA4C9;
	background-color: #fff;
	transition: 0.5s;
}
.c-btn.c-btn__center{
	margin: 0 auto;
}
.c-btn.c-btn__right {
    margin: 0 0 0 auto;
}

.c-btn::after{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-chev_wt.svg);}

.c-btn:hover::after{
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-chev.svg);}

.c-btn a{
	display: block;
	padding: 15px 0;
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
}

.c-btn:hover a{
	color: #3CA4C9;
}


/* テーブル
--------------------------------------------------*/

.c-table table{
	font-size: 16px;
	line-height: 1.8;
	width: 100%;
	table-layout: fixed;
	border-collapse: separate;
}

.c-table th,.c-table td{
	padding: 15px 20px;
	vertical-align: top;
}

.c-table thead th {
	background-color: #3CA4C9;
	color: #fff;
	border-left: 1px solid #4D94DB;
}

.c-table thead tr:first-child th,
.c-table tbody tr:first-child th{
	width: 30%;
}

.c-table tbody th {
	background-color: #FAFAFA;
	color: #222222;
}

.c-table tbody th,
.c-table tbody td{
	border-bottom: 1px solid #DDDDDD;
}
.c-table tbody tr:first-child th,
.c-table tbody tr:first-child td{
	border-top: 1px solid #DDDDDD;}

@media screen and (max-width: 767px) {
	.c-table.c-table__scroll{
		overflow: scroll;
	}
	.c-table.c-table__scroll table{
		width: 1000px;
	}
	.c-table.c-table__scroll thead tr:first-child th,
	.c-table.c-table__scroll tbody tr:first-child th {
		width: 10%;
	}

	/* テーブル（SPスクロール）
	--------------------------------------------------*/
	.c-table.c-table-scroll {
		overflow-x: scroll;
	}

	.c-table.c-table-scroll table {
		width: 200%;
	}


}

/* カラム
--------------------------------------------------*/
.c-media{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.c-media.c-media--2up_big {
	display: block;
	overflow: hidden;
}

.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__images {
	float: left;
	margin-right: 40px;
}

.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text {
	width: 100%;
}

.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text .c-heading-pri:first-child , 
.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text .c-heading-seco:first-child , 
.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text .c-heading-tert:first-child , 
.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text .c-heading-quat:first-child , 
.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text .c-heading-quin:first-child , 
.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text .c-heading-module:first-child {
	width: 400px;
	float: right;
}

@media screen and (max-width: 767px) {
	.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__images {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text .c-heading-pri:first-child , 
	.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text .c-heading-seco:first-child , 
	.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text .c-heading-tert:first-child , 
	.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text .c-heading-quat:first-child , 
	.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text .c-heading-quin:first-child , 
	.c-media.c-media--2up_big .c-media--2up_big__inner .c-media--2up__text .c-heading-module:first-child {
		width: 100%;
		float: none;
	}
	
}


/* 2カラム
--------------------------------------------------*/
.c-media.c-media--2up .c-media--2up__text{
	width: calc(70% - 60px);
}
.c-media.c-media--2up	.c-media--2up__images{
	width: 30%;
}

@media screen and (max-width: 767px) {
	.c-media{
		flex-direction: column;
	}
	.c-media.c-media--2up .c-media--2up__text{
		margin-top: 20px;
	}
	.c-media.c-media--2up .c-media--2up__text,
	.c-media.c-media--2up	.c-media--2up__images{
		width: 100%;
	}
}


/* ステップ
--------------------------------------------------*/
.c-step .c-step__item{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 30px;
	border: 1px solid #DDDDDD;
}
.c-step .c-step__item .c-step__text{
	width: calc(90% - 20px);
}
.c-step .c-step__item .c-step__num{
	width: 80px;
	height: 80px;
	border-radius: 50px;
	background-color: #95A9B3;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	line-height: 1.2;
	color: #fff;
}
.c-step .c-step__item .c-step__num span{
	display: block;
	font-size: 26px;
}

@media screen and (max-width: 767px) {
	.c-step .c-step__item{
		flex-direction: column;
	}
	.c-step .c-step__item .c-step__text{
		width: 100%;
		margin-top: 20px;
	}
	.c-step .c-step__item .c-step__num{
		width: 60px;
		height: 60px;
		font-size: 14px;
		line-height: 1.1;
	}
	.c-step .c-step__item .c-step__num span{
		display: block;
		font-size: 20px;
	}
}



/* 数字付きリスト
--------------------------------------------------*/
.c-list__num li {
	margin-bottom: 10px;
	padding-left: 1.8em;
	text-indent: -1.8em;
}

.c-list__num li span{
	padding-right: 14px;
}


/* アンカー
--------------------------------------------------*/

.c-anchorlink ul {
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
}

.c-anchorlink li {
	width: calc(50% - 1px);
	padding: 20px 0;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	position: relative;
	overflow: hidden;
}
.c-anchorlink li .c-anchorlinkbox {
	height: 100%;
	width: 100%;
}
.c-anchorlink li a {
	background-color: #fff;
	font-size: 16px;
	position: relative;
	text-align: left;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #000000;
}
.c-anchorlink li a::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-chev.svg);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	transform: rotate(90deg);
}
.c-anchorlink li a span {
	display: block;
	width: 100%;
	padding: 0 50px 0 20px;
}


@media screen and (max-width: 767px) {
	.c-anchorlink li {
		width: 100%;
		height: auto;
		padding: 0;
	}

	.c-anchorlink li a span{
		padding: 10px 40px 10px 10px;
		font-size: 14px;
	}
	.c-anchorlink li a::after{
		right: 10px;
	}
}


/* アンカー
--------------------------------------------------*/



.cts .ctsInner{
	max-width: 1200px !important;
	margin: 0 auto;
}
.l-sustainability_main{
	font-size: 16px;
	margin-top: 60px;
}

.l-sustainability_main > *{
	box-sizing: border-box;
}

.l-sustainability_main > a,
.l-sustainability_main > a:hover,
.l-sustainability_main > a:focus{
	text-decoration: none !important;
}

.l-sustainability_content{
	width:	calc(100% - 360px);
}

.l-sustainability_content.w100{
	width:	100%;
}

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

	.l-sustainability_content{
		padding: 0 20px;
		width: 100%;
	}
}

/* MV
--------------------------------------------------*/
.sust_kv {
	height: 100%;
	margin-bottom: 0;
	position: relative;
}

.sust_kv::before{
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	z-index: 1;
}
.sust_kv .sust_kvTitle__img img{
	width: 100%;
}

.sust_kvInner {
	position: absolute;
	height: 100%;
	width: 1200px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.sust_kvInner .sust_kvTitle {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 100%;
	position: relative;
	z-index: 1;
}

.sust_kvInner .sust_kvTitle h1 {
	font-size: 4rem;
	line-height: 1.5;
	color: #fff;
	text-shadow: 0px 0px 10px rgb(0 0 0);
}
.sust_kvInner .sust_kvTitle .en {
	position: relative;
	display: inline-block;
	padding: 4px;
	background-color: #000;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1;
	margin-bottom: 8px;
}

.sust_kvInner .sust_kvTitle .en::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: -7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 21px 7px 0 0;
	border-color: #000 transparent transparent transparent;
}

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

	.sust_kvInner {
		width: 100%;
	}

	.sust_kvInner .sust_kvTitle {
		margin: 0 20px;
	}
	.sust_kvInner .sust_kvTitle h1 {
		margin-bottom: 0;
		font-size: 28px;
		line-height: 1.5;
	}

	.sust_kvInner .sust_kvTitle .c-text{
		font-size: 12px;
	}
}

.l-breadcrumb{
	background-color: #FAFAFA;
	padding: 10px 0;
}
.l-breadcrumb .l-breadcrumb__items{
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	display: flex;
}

.l-breadcrumb .l-breadcrumb__item{
	position: relative;
	display: flex;
}
.l-breadcrumb .l-breadcrumb__item a{
	color: #222222;
}

.l-breadcrumb .l-breadcrumb__item + .l-breadcrumb__item{
	padding-left: 28px;
}

.l-breadcrumb .l-breadcrumb__item + .l-breadcrumb__item::before {
	content: '>';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 8px;
}

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

	.l-breadcrumb{
		overflow-x: scroll;
		padding: 10px;
	}
}

.btn_base.fill{
	background-image: repeating-linear-gradient(-30deg, #3CA4C9, #3CA4C9 4px, #6da5db 5px, #6da5db 5px, #3CA4C9 6px);
}


/* FAQパーツ */
.list-faq {
	border-top: 1px solid #ddd;
}
.list-faq > li {
	position: relative;
	border-bottom: 1px solid #ddd;
	z-index: 2;
}
.list-faq > li .list-faq_question {
	position: relative;
	display: table;
	width: 100%;
	padding: 20px 50px 20px 65px;
	cursor: pointer;
}
.list-faq > li .list-faq_question:before {
	content: "";
	position: absolute;
	top: 28px;
	right: 28px;
	display: block;
	width: 14px;
	height: 14px;
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-open.png);
	background-position: 0 0;
	background-size: 100% auto;
	pointer-events: none;
}
.list-faq > li .list-faq_question:after {
	content: "Q";
	position: absolute;
	top: 20px;
	left: 20px;
	box-sizing: border-box;
	display: block;
	width: 30px;
	height: 30px;
	color: #232426;
	border-radius: 30px;
	border: 1px solid #5EA8DD;
	background-color: #fff;
	color: #5EA8DD;
	text-align: center;
	line-height: 25px;
}
.list-faq > li .list-faq_question p {
	display: table-cell;
	vertical-align: middle;
	pointer-events: none;
}
.list-faq > li .list-faq_answer {
	box-sizing: border-box;
	display: none;
	padding: 0 20px 20px;
	background-color: #eff6fc;
}
.list-faq > li .list-faq_answer .inner_ans {
	position: relative;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 60px;
	background-color: #fff;
}
.list-faq > li .list-faq_answer .inner_ans:after {
	content: "A";
	position: absolute;
	top: 29px;
	left: 20px;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background-color: #5EA8DD;
	color: #fff;
	text-align: center;
	line-height: 25px;
}
.list-faq > li .list-faq_answer p + p,
.list-faq > li .list-faq_answer p + div,
.list-faq > li .list-faq_answer div + p,
.list-faq > li .list-faq_answer div + div {
 	margin-top: 20px;
}
.list-faq > li.open .list-faq_question {
	background-color: #eff6fc;
}
.list-faq > li.open .list-faq_question:before {
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-close.png);
	background-position: 0 0;
	background-size: 100% auto;
}
@media (max-width: 767px) {
	.list-faq > li .list-faq_question:before {
		top: 25px;
	}
}


/* 汎用枠
--------------------------------------------------*/
.c-bg_box {
	margin-top: 40px;
	padding: 40px;
	background: #f5f5f5;
}

.c-bg_box_title {
	font-weight: 700;
}

.c-bg_box_title + * {
	margin-top: 10px !important;
}

.c-bg_box > *:first-child {
	margin-top: 0;
}

.c-bg_box > *:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.c-bg_box .c-list_circle {
	margin: 2rem 0;
}

.c-bg_box .c-list_circle:only-child {
	margin: 1rem 0;
}

.c-bg_box .c-list_circle li {
	margin: 0 0 0 2rem;
	text-indent: -2rem;
}

.c-bg_box .c-list_circle li::before {
	display: inline-block;
	content: '';
	margin-right: 1rem;
	width: 1rem;
	height: 1rem;
	background: #696969;
	border-radius: 50%;
	text-indent: 0;
}

@media screen and (max-width: 767px) {
	.c-bg_box {
		padding: 30px 20px;
	}
}


/* 矢印付きボックス
--------------------------------------------------*/
.c-arrowbox {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.c-arrowbox .c-arrowbox__item {
	flex: 0 0 36%;
	border: 1px solid #dddddd;
	position: relative;
}

.c-arrowbox .c-arrowbox__item + .c-arrowbox__item {
	flex: 0 0 58%;
}

.c-arrowbox .c-arrowbox__item + .c-arrowbox__item::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -9%;
	margin: auto;
	width: 40px;
	height: 40px;
	background-image: url(/-/media/image/msh/sustainability/common/icn/icn-arrow_bl.jpg);
	background-size: cover;
	z-index: -1;
}

.c-arrowbox .c-arrowbox__item .c-arrowbox__ttl {
	background-color: #969696;
	font-weight: 600;
	text-align: center;
	color: #fff;
	padding: 16px 0;
}

.c-arrowbox .c-arrowbox__item .c-arrowbox__tx {
	padding: 20px;
}

.c-arrowbox .c-arrowbox__item .c-arrowbox__tx ul{
	list-style-type: disc;
	padding-left: 16px;
}

@media (max-width: 767px) {
	.c-arrowbox {
		flex-direction: column;
	}

	.c-arrowbox .c-arrowbox__item {
		flex: 100%;
		width: 100%;
	}

	.c-arrowbox .c-arrowbox__item + .c-arrowbox__item {
		margin-top: 60px;
	}

	.c-arrowbox .c-arrowbox__item + .c-arrowbox__item::before {
		content: '';
		position: absolute;
		top: -12%;
		bottom: auto;
		left: 0;
		right: 0;
		margin: auto;
		transform: rotate(90deg);
	}
	

}


/* 画像に枠
--------------------------------------------------*/

img.p-border_img{
	border: 1px solid #dddddd;
}