@charset "utf-8";

/* ========================================================
	concept.css
======================================================== */
.bg_block {
	background-color: #fdfad1;
}
.point_circle.color {
	border-color: #faf08c !important;
}

/* point_circle
============================================================================================================ */
.point_circle.c01 {
	right: calc(1240 / 1600 * 100%);
	top: calc(20 / 740 * 100%);
	width: 240px;
	height: 240px;
	border-width: 64px;
	border-color: #b1c5e1;
	opacity: 0.6;
}
.point_circle.c02 {
	right: calc(1240 / 1600 * 100%);
	top: calc(400 / 740 * 100%);
	width: 124px;
	height: 124px;
	border-width: 62px;
	border-color: #96d2a0;
	opacity: 0.6;
}
.point_circle.c03 {
	left: calc(1230 / 1600 * 100%);
	top: calc(340 / 740 * 100%);
	width: 190px;
	height: 190px;
	border-width: 52px;
	border-color: #f3c1d1;
	opacity: 0.6;
}
.point_circle.c04 {
	left: calc(1360 / 1600 * 100%);
	top: calc(50 / 740 * 100%);
	width: 116px;
	height: 116px;
	border-width: 58px;
	border-color: #faf08c;
}
.point_circle.c05 {
	right: calc(1430 / 1600 * 100%);
	top: calc(580 / 740 * 100%);
	width: 58px;
	height: 58px;
	border-width: 29px;
}
.point_circle.c06 {
	right: calc(1150 / 1600 * 100%);
	top: calc(2 / 740 * 100%);
	width: 30px;
	height: 30px;
	border-width: 15px;
}
.point_circle.c07 {
	left: calc(1180 / 1600 * 100%);
	top: calc(40 / 740 * 100%);
	width: 58px;
	height: 58px;
	border-width: 29px;
}
.point_circle.c08 {
	left: calc(1450 / 1600 * 100%);
	top: calc(600 / 740 * 100%);
	width: 30px;
	height: 30px;
	border-width: 15px;
}
.point_circle.c09 {
	left: -30px;
	top: 75px;
	width: 142px;
	height: 142px;
	border-width: 38px;
}
.point_circle.c10 {
	right: -50px;
	top: -150px;
	width: 390px;
	height: 390px;
	border-width: 110px;
}
.point_circle.c11 {
	left: 20px;
	bottom: -80px;
	width: 118px;
	height: 118px;
	border-width: 33px;
}
.point_circle.c12 {
	left: 0;
	top: -60px;
	width: 110px;
	height: 110px;
	border-width: 55px;
}
.point_circle.c13 {
	right: 70px;
	bottom: -50px;
	width: 70px;
	height: 70px;
	border-width: 35px;
}
@media screen and (min-width: 768px), print {
}
@media screen and (max-width: 767px) {
	.point_circle.c01 {
		right: 65%;
	}
	.point_circle.c02 {
		right: 85%;
	}
	.point_circle.c05 {
		display: none;
	}
	.point_circle.c09 {
		top: -10px;
		left: -50px;
	}
	.point_circle.c10 {
		right: -140px;
		top: -170px;
	}
}

/* page_title
============================================================================================================ */
.page_title .s {
	margin-top: 20px;
	font-size: 2rem;
	font-weight: 500;
	line-height: 2;
}
.page_title .img {
	position: absolute;
	top: calc(100% - 200px);
	right: 0;
	left: 0;
	display: flex;
	justify-content: center;
	z-index: 3;
}
.page_title .img img {
	max-width: none;
	filter: drop-shadow(0 50px 10px rgba(0,0,0,.1));
}
@media screen and (min-width: 768px), print {
	.page_title {
		padding-top: 20px;
	}
	.page_title .en {
		margin-bottom: 30px;
	}
	.page_title h1 {
		margin-bottom: 20px;
	}
	.page_title .img {
		padding-right: 100px;
	}
	.page_title .img li {
		margin: 0 20px;
	}
}
@media screen and (max-width: 767px) {
	.page_title {
		padding-bottom: 100px;
	}
	.page_title .s {
		font-size: 1.4rem;
	}
	.page_title .img {
		top: calc(100% - 80px);
		padding-right: 20px;
	}
	.page_title .img img {
		width: 100%;
	}
	.page_title .img li {
		width: 25%;
		margin: 0 -5px;
	}
}

/* bg_block
============================================================================================================ */
.bg_block {
	padding-top: 140px;
}
@media screen and (max-width: 767px) {
	.bg_block {
		padding-top: 70px;
	}
}

/* feature_contents
============================================================================================================ */
.feature_contents .box_contents {
	padding: 90px 40px;
}
.plaut_contents {
	margin-top: 100px;
}
@media screen and (max-width: 767px) {
	.feature_contents .box_contents {
		padding: 40px 0;
	}
	.plaut_contents {
		margin-top: 50px;
	}
}

/* concept_img_section
============================================================================================================ */
.concept_img_section {
	margin-top: 80px;
	line-height: 2;
}
.concept_img_section + .concept_img_section {
	margin-top: 90px;
}
.concept_img_section .img img {
	border-radius: 10px;
}
.concept_img_section ul.img {
	display: flex;
	justify-content: space-between;
}
.concept_img_section p + p {
	margin-top: 1.8em;
}
@media screen and (min-width: 768px), print {
	.concept_img_section {
		display: flex;
		justify-content: space-between;
	}
	.concept_img_section.img_r {
		flex-direction: row-reverse;
	}
	.concept_img_section .content {
		max-width: 50%;
		width: calc(100% - 520px);
	}
	.concept_img_section .img {
		width: 462px;
	}
}
@media screen and (max-width: 767px) {
	.concept_img_section {
		margin-top: 40px;
	}
	.concept_img_section + .concept_img_section {
		margin-top: 40px;
	}
	.concept_img_section > * + .img {
		margin-top: 15px;
	}
	.concept_img_section > * + .content {
		margin-top: 25px;
	}
	.concept_img_section .img img {
		border-radius: 4px;
	}
	.concept_img_section ul.img li {
		width: calc(50% - 10px);
	}
	.concept_img_section p + p {
		margin-top: 1.8em;
	}
}