@charset "utf-8";

/* common
-----------------------------------------------*/
.main_contents{
	width:min(144rem,1440px);
	margin:0 auto;
	font-size:min(1.6rem,16px);
	line-height:1.7;
}
.main_contents section{
	padding:6em 0;
}
/*.main_contents .inner{
	width:min(115.2rem,1152px);
	margin:0 auto;
}*/
.main_contents h2{
	line-height: 1.3;
	letter-spacing: 0.04em;
	margin:0;
}
.main_contents h2 sup{
	font-size:0.4em;
	top:-1.3em;
}
/*flex*/
.main_contents .flex_content{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.main_contents .flex_content.reverse{
	flex-direction: row-reverse;
}
.main_contents .flex_content > div{
	width:50%;
}
.main_contents .flex_content .text{
	padding:0 4% 0 6%;
}
.main_contents .flex_content.reverse .text{
	padding:0 6% 0 5%;
}

/*margin*/
.main_contents .mt-1em {margin-top:1em !important}
.main_contents .mt-2em {margin-top:2em !important}
.main_contents .mt-3em {margin-top:3em !important}
.main_contents .mt-4em {margin-top:4em !important}
.main_contents .mt-5em {margin-top:5em !important}
.main_contents .mt-6em {margin-top:6em !important}
.main_contents .mt-7em {margin-top:7em !important}
.main_contents .mt-8em {margin-top:8em !important}

@media screen and (max-width: 768px) {
	.main_contents{
		width:100%;
		font-size:1.3rem;
	}

	.main_contents section{
		padding:5rem 0;
	}
	.main_contents .inner{
		width:32.4rem;
	}
	.main_contents h2{
		font-size:2.2rem;
		/*text-align: center;*/
	}

	/*flex*/
	.main_contents .flex_content{
		flex-direction:column;
	}
	.main_contents .flex_content.reverse{
		flex-direction: column;
	}
	.main_contents .flex_content > div{
		width:100%;
	}
	.main_contents .flex_content .text{
		padding:0 5%;
	}
	.main_contents .flex_content.reverse .text{
		padding:0 5%;
	}
	.main_contents .flex_content .image{
		margin-top:4rem;
		padding:0 5%;
	}
}

/* Main Visual
-----------------------------------------------*/
.main_contents #mv{
	width:min(115.2rem,1152px);/*キービジサイズ何にあわせるか*/
	margin:2em auto 0;
}

@media screen and (max-width: 768px) {
	.main_contents #mv{
		margin-top:0;
		width:100%;
	}
}

/* 訴求①
-----------------------------------------------*/
.main_contents #feature01 {
	background-color:#fff
}

/* 訴求②
-----------------------------------------------*/
.main_contents #feature02 {
	background-color:#f5f5f5;
}

/* 訴求③
-----------------------------------------------*/
.main_contents #feature03 {
	background-color: #f0f3f5;
	background-color: #fff;
}
.main_contents .subcontent {
	width:min(65rem,650px);
	margin:auto;
}
.main_contents .subcontent h3{
	font-size: 1.3em;
	margin-bottom: 0.5em;
	font-weight: 500;
}
.main_contents .subcontent .image {
	width:min(42rem,420px);
	margin:auto;
}
@media screen and (max-width: 768px) {
	.main_contents .subcontent {
		width:auto;
		padding: 0 5%;
	}
	.main_contents .subcontent h3{
		font-size: 1.3em;
		font-weight: 400;
	}
	.main_contents .subcontent .image {
		width:22rem;
		margin:auto;
	}
}

/* 注釈
-----------------------------------------------*/
.main_contents .annotation{
	max-width:min(115.2rem,1152px);
	margin:0 auto;
}
.main_contents .notes li{
	font-size: 0.875em;
	color:#666;
	text-indent:-1.8em;
	padding-left:1.8em;
}
@media screen and (max-width: 768px) {
	.main_contents .annotation{
		padding: 0 1.5rem;
	}
}