@charset "UTF-8";

.intro {
	padding: 60px 0;
	overflow-x: hidden;
}

.intro_cnt {
	max-width: 675px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.intro_cnt:before,
.intro_cnt:after {
	content: "";
	position: absolute;
	top: 50%;
	background-repeat: repeat;
	background-size: cover;
	width: 100%;
	height: 107%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.intro_cnt:before {
	background-image: url(/img/concept/img-bg-left.png);
	right: 100%;
}

.intro_cnt:after {
	background-image: url(/img/concept/img-bg-right.png);
	left: 100%;
}

.intro_cnt_ttl {
}

.intro_cnt_lead {
	font-weight: bold;
	color: #E6930D;
	margin-top: 30px;
}

.intro_cnt_catch {
	font-size: 30px;
	font-weight: 500;
	color: #E6930D;
	margin-top: 15px;
}

.intro_cnt_text {
	margin-top: 30px;
	line-height: 2.26;
}

.intro_note {
	margin: 60px auto 0;
}

.intro_note_wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	padding: 20px 10px 35px;
	background-color: #FFFCF0;
	border-radius: 10px;
}

.intro_note_img {
}

.intro_note_cnt {
	margin-left: 35px;
}

.intro_note_logos {
}

.intro_note_char {
	display: none;
}

.intro_note_logo {
}

.intro_note_text {
	margin-top: 15px;
}

.outline {
}

.outline:before,
.outline:after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-image: url(/img/common/img-line-bg.png);
	background-repeat: no-repeat;
	background-position: center;
}

.outline:before {
	margin-bottom: 60px;
}

.outline:after {
	margin-top: 85px;
}

.outline_row {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	align-items: center;
	margin-top: 60px;
}

.outline_row:first-child {
	margin-top: 0;
}

.outline_img {
	width: 49%;
}

.outline_img > img {
	border-radius: 20px;
}

.outline_cnt {
	width: 43%;
}

.outline_cnt_catch {
	font-size: 26px;
	font-weight: 500;
	color: #E6930D;
	line-height: 1;
}

.outline_cnt_catch > span {
	font-size: 20px;
}

.outline_row.-reverse .outline_cnt_catch {
	color: #82C1B7;
}

.outline_cnt_text {
	margin-top: 25px;
}

.outline_cnt_links {
	margin-top: 20px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.outline_links_link {
	width: 200px;
	color: #FFF;
	background-color: #82C1B7;
	border-radius: 50px;
}

.outline_links_link:first-child {
	margin-left: 0;
}

.outline_links_link > a {
	display: block;
	padding: 15px 0;
	text-align: center;
	position: relative;
}

.outline_links_link > a:after {
	content: "\e903";
	font-family: icomoon;
	font-size: 13px;
	position: absolute;
	top: 49%;
	right: 25px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}



/*.concept_slide {
padding: 85px 0;
position: relative;
}

.concept_slide_list {
}

.concept_slide_item {
max-width: 800px;
margin: 0 auto;
padding: 0 10px;
}

.concept_slide_img {
}

.concept_slide_img > img {
max-width: 100%;
height: auto;
border-radius: 20px;
}

.concept_slide_img > figcaption {
text-align: left;
}

.concept_slide_ttl {
font-size: 17px;
font-weight: 500;
color: #82C1B7;
margin-top: 20px;
}

.concept_slide_text {
margin-top: 10px;
}

.slick-dots {
bottom: -80px;
}

.slick-dots li button {
display: inline-block;
padding: 8px;
font-size: 0;
background: none;
border: none;
cursor: pointer;
-webkit-appearance: none;
}

.slick-dots > li button:before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #F4C51E;
-webkit-transition: background .6s;
transition: background .6s;
border-radius: 50%;
}

.slick-dots > li:hover button:before,
.slick-dots > li.slick-active button:before {
background: #F4C51E;
-webkit-transition: background .2s;
transition: background .2s;
}

.concept_slide_button {
font-size: 30px;
color: #F4C51E;
line-height: 1;
position: absolute;
display: block;
text-align: center;
cursor: pointer;
bottom: 37px;
}

.concept_slide_button.-prev {
left: 35%;
}

.concept_slide_button.-next {
right: 35%;
}*/
@media screen and (max-width:1030px) {
}

@media screen and (max-width:640px) {
	.intro {
		padding: 40px 0;
	}

	.intro_cnt {
	}

	.intro_cnt:before,
	.intro_cnt:after {
		display: none;
	}

	.intro_cnt:before {
	}

	.intro_cnt:after {
	}

	.intro_cnt_ttl {
		width: 70%;
		margin: 0 auto;
	}

	.intro_cnt_catch {
		font-size: 20px;
	}

	.intro_cnt_text {
		margin-top: 15px;
	}

	.intro_note {
		margin: 30px auto 0;
	}

	.intro_note_wrap {
		display: block;
	}

	.intro_note_img {
		display: none;
	}

	.intro_note_cnt {
		margin-left: 0;
	}

	.intro_note_logos {
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		align-items: center;
	}

	.intro_note_char {
		display: block;
		width: 47%;
	}

	.intro_note_logo {
		width: 47%;
	}

	.intro_note_text {
	}

	.outline {
	}

	.outline:before,
	.outline:after {
	}

	.outline:before {
		margin-bottom: 40px;
	}

	.outline:after {
		margin-top: 40px;
	}

	.outline_row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
		margin-top: 30px;
	}

	.outline_row:first-child {
		margin-top: 0;
	}

	.outline_row.-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		flex-direction: column-reverse;
	}

	.outline_img {
		width: 100%;
		text-align: center;
	}

	.outline_img > img {
	}

	.outline_cnt {
		width: 100%;
		margin-top: 20px;
	}

	.outline_cnt_catch {
		font-size: 18px;
	}

	.outline_row.-reverse .outline_cnt_catch {
	}

	.outline_cnt_text {
		margin-top: 10px;
	}

	.outline_cnt_links {
		-webkit-box-pack: center;
		justify-content: center;
	}

	.outline_links_link {
		margin-left: 15px;
	}

	.outline_links_link:first-child {
	}

	.outline_links_link > a {
	}

	.outline_links_link > a:after {
	}

	/*.concept_slide {
		padding: 40px 0;
	}

	.concept_slide_item {
		max-width: 360px;
	}

	.concept_slide_img {
	}

	.concept_slide_ttl {
	}

	.concept_slide_text {
	}

	.slick-dots {
		bottom: -50px;
	}

	.concept_slide_button {
		bottom: 20px;
	}

	.concept_slide_button.-prev {
		left: 15%;
	}

	.concept_slide_button.-next {
		right: 15%;
	}*/
}



@media print {
}