@charset "utf-8";
.values .kv article p:first-of-type {
	background: url("../img/kv_values_sp.jpg") no-repeat;
	height: 210px;
	background-size: cover;
	position: relative;
	background-position: center;
}
main .kv article .catch {
	position: static;
}
main .kv article .catch span {
	background: url("../img/kv_values_txt_sp.png") no-repeat;
	height: 108px;
	width: 81%;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	max-width: 608px;
	max-height: 216px;
	background-position: center;
}
@media screen and (min-width:769px) {
	.values .kv article p:first-of-type {
		background: url("../img/kv_values_pc.jpg") no-repeat;
		height: 405px;
		background-size: cover;
		background-position: center;
	}
	main .kv article .catch span {
		background: url("../img/kv_values_txt_pc.png") no-repeat;
		height: 123px;
		width: 645px;
		background-size: cover;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		max-width: none;
		max-height: none;
	}
}
/* 7つのコト */
main section.values article {
	padding: 45px 5% !important;
}
main section.values h2::after {
	display: none;
}
section.values article > p {
	margin: 0 auto;
}
section.values article > .sp_only {
	max-width: 720px;
}
@media screen and (min-width:769px) {
	section.values article > .pc_only {
		max-width: 864px;
	}
	main section.values article {
		padding: 45px 2% !important;
	}
	main section.values article:last-of-type {
		margin: 75px auto 0 !important;
		padding: 45px 2% 90px !important;
	}
}
@media screen and (min-width:1000px) {
	main section.values article {
		padding: 45px 0 !important;
	}
}
/* 7つのコト共通 */
section.values article > div {
	position: relative;
	padding: 65px 10% 40px;
	border-radius: 25px;
	margin: 135px auto 0;
	color: #fff;
}
section.values article > div:first-of-type {
	margin: 45px auto 0;
}
section.values article > div > .photo {
	margin-top: -200px;
	padding-top: 200px;
}
section.values article div h2 {
	text-align: center !important;
	margin-top: 30px;
	letter-spacing: 2px;
	font-size: 160% !important;
}
@media screen and (min-width:769px) {
	section.values article > div {
		display: flex;
		justify-content: space-between;
		padding: 65px;
		border-radius: 50px;
		max-width: 1064px;
		width: 83.5% !important;
		margin: 130px auto 0;
	}
	section.values article > div:not(:first-of-type) {
		margin: 240px auto 0;
	}
	section.values article > div:nth-of-type(odd) {
		margin-left: 150px;
	}
	section.values article > div:nth-of-type(even) {
		margin-right: 150px;
	}
	section.values article > div > .photo {
		margin-top: -120px;
		padding-top: 120px;
		position: absolute;
		width: 40%;
	}
	section.values article div div {
		margin-top: 90px;
	}
	section.values article div:nth-of-type(odd) div {
		margin-left: auto;
	}
	section.values article div:nth-of-type(even) div {
		margin-right: auto;
	}
	section.values article > div:nth-of-type(even) h2,
	section.values article > div h2 + p {
		text-align: left;
	}
	section.values article > div:nth-of-type(odd) h2 {
		text-align: right;
	}
	section.values article div:nth-of-type(odd) > .photo {
		width: 46%;
		left: -150px;
		top: -110px;
		max-width: 630px;
	}
	section.values article div:nth-of-type(odd) div {
		margin-left: auto;
		min-width: 450px;
		margin-top: 0;
	}
	section.values article div:nth-of-type(even) > .photo {
		width: 46%;
		right: -150px;
		top: -110px;
		max-width: 630px;
	}
	section.values article div:nth-of-type(even) div {
		margin-right: auto;
		width: 63%;
		min-width: 450px;
		margin-top: 0;
	}
	section.values article div h2 {
		font-size: 162.5% !important;
	}
}
section.values article .value_01 {
	background-color: #f19a5a;
}
section.values article .value_01::before {
	background: url("../img/value_01.png") no-repeat;
	content: "";
	height: 64px;
	display: block;
	position: absolute;
	top: -62px;
	width: 260px;
	background-size: contain;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
@media screen and (min-width:769px) {
	section.values article .value_01::before {
		height: 105px;
		top: -95px;
		width: 400px;
		left: auto;
		transform: none;
		right: 40px;
	}
}
@media screen and (min-width:1000px) {
	section.values article > div:nth-of-type(odd) {
		margin-left: 14.5%;
	}
	section.values article > div:nth-of-type(even) {
		margin-right: 14.5%;
	}
	section.values article div:nth-of-type(odd) > .photo {
		width: 49%;
	}
		section.values article div:nth-of-type(even) > .photo {
		width: 49%;
	}
	section.values article div:nth-of-type(odd) div {
		margin-left: auto;
		width: 63%;
		margin-top: 0;
	}
}
section.values article .value_02 {
	background-color: #f4be3a;
}
section.values article .value_02::before {
	background: url("../img/value_02.png") no-repeat;
	content: "";
	height: 88px;
	display: block;
	position: absolute;
	top: -59px;
	width: 260px;
	background-size: contain;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
@media screen and (min-width:769px) {
	section.values article .value_02::before {
		height: 105px;
		top: -91px;
		width: 400px;
		left: auto;
		transform: none;
		left: 40px;
	}
}
section.values article .value_03 {
	background-color: #9ecf4f;
}
section.values article .value_03::before {
	background: url("../img/value_03.png") no-repeat;
	content: "";
	height: 88px;
	display: block;
	position: absolute;
	top: -58px;
	width: 260px;
	background-size: contain;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
@media screen and (min-width:769px) {
	section.values article .value_03::before {
		height: 105px;
		top: -89px;
		width: 400px;
		left: auto;
		transform: none;
		right: 40px;
	}
}
section.values article .value_04 {
	background-color: #3cb7a9;
}
section.values article .value_04::before {
	background: url("../img/value_04.png") no-repeat;
	content: "";
	height: 88px;
	display: block;
	position: absolute;
	top: -62px;
	width: 260px;
	background-size: contain;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
@media screen and (min-width:769px) {
	section.values article .value_04::before {
		height: 105px;
		top: -93px;
		width: 400px;
		left: auto;
		transform: none;
		left: 40px;
	}
}
section.values article .value_05 {
	background-color: #73bfef;
}
section.values article .value_05::before {
	background: url("../img/value_05.png") no-repeat;
	content: "";
	height: 88px;
	display: block;
	position: absolute;
	top: -58px;
	width: 260px;
	background-size: contain;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
@media screen and (min-width:769px) {
	section.values article .value_05::before {
		height: 105px;
		top: -88px;
		width: 400px;
		left: auto;
		transform: none;
		right: 40px;
	}
}
section.values article .value_06 {
	background-color: #5573d5;
}
section.values article .value_06::before {
	background: url("../img/value_06.png") no-repeat;
	content: "";
	height: 88px;
	display: block;
	position: absolute;
	top: -60px;
	width: 260px;
	background-size: contain;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
@media screen and (min-width:769px) {
	section.values article .value_06::before {
		height: 105px;
		top: -91px;
		width: 400px;
		left: auto;
		transform: none;
		left: 40px;
	}
}
section.values article .value_07 {
	background-color: #eb779a;
}
section.values article .value_07::before {
	background: url("../img/value_07.png") no-repeat;
	content: "";
	height: 88px;
	display: block;
	position: absolute;
	top: -58px;
	width: 260px;
	background-size: contain;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
@media screen and (min-width:769px) {
	section.values article .value_07::before {
		height: 105px;
		top: -87px;
		width: 400px;
		left: auto;
		transform: none;
		right: 40px;
	}
}
/* column */
.column {
	background-color: #97dce8;
}
.column article {
	background-color: #def4f8;
}
.column h2 {
	text-align: center !important;
}
.column h2::before {
	background: url(../img/img_column.png) no-repeat;
	content: "";
	height: 32px;
	display: block;
	position: absolute;
	top: 30px;
	width: 61%;
	background-size: contain;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	max-width: 138px;
}
@media screen and (min-width:769px) {
	.column h2 {
		text-align: left !important;
	}
}
@media screen and (min-width:1000px) {
	.column h2::before {
		height: 35px;
		left: 0;
		transform: none;
		top: 0;
		max-width: none;
		width: 150px;
	}
}
@media screen and (min-width:769px) {
	.policy {
		margin-top: 110px;
	}
}