@charset "UTF-8";

/*

※メディアクエリはレスポンシブサイトの場合はそのサイトに合わせたサイズを指定すること
※旧センティール系の非レスポンシブサイトは「PC：(min-widty:641)」「SP：(max-width:640px)」で指定

*/

/* .センティール旧サイト用ユニークスタイル ※階層指定深めにしてこっちが優先的に反映されるようにする
============================================================================= */

@media (max-width:640px) {
/* SP時の全体的にサイズを縮小する */
}
/* リストスタイルリセット */
ul,ol {
	list-style:none;
}

/* Noto Serif 読み込み（Android対策） */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600&display=swap');
/* .共通
============================================================================= */
/* 各サイトのグロナビによって変動 */
@media (min-width:641px) {
	body {
		padding-top:120px;
	}
}
@media (max-width:640px) {
	body {
		padding-top:50px;
	}
}
/* 主に改行用sp/pcで出し分けする */
@media (min-width:641px) {
	[data-sc-sp] {
		display:none;
	}
}
@media (max-width:640px) {
	[data-sc-pc] {
		display:none;
	}
}
#main_contents {
	max-width:100%;
	background-color:#fff;
}
@media (max-width:640px) {
	#main_contents {
	}
}

@media (max-width:640px) {
	._sp-mg01 {
		margin-left:30px;
		margin-right:30px;
	}
	._sp-mg02 {
		margin-left:20px;
		margin-right:20px;
	}
	._sp-mg03 {
		margin-left:10px;
		margin-right:10px;
	}
}

@media (min-width:641px) {
	.headerArea {
		position:fixed !important;
		top:0 !important;
	}
}

._mincho {
	font-family:YuMincho, 'Yu Mincho', 'Noto Serif JP', serif;
	font-weight:600;
}

:root {
	--basecolor-yellow01:#C2952E;
	--basecolor-green01:#A2CB65;
}

/* .zeromile_wrap
============================================================================= */
.feature_wrap {
	display:block;
	color:#666666;
	font-size:1.3rem;
	line-height:2;
	letter-spacing: .04em;
	font-feature-settings: "palt";
}
@media (max-width:640px) {
	.feature_wrap {
	}
}
@media (max-width:640px) {
	.feature_wrap {
		font-size:1.1rem;
		line-height:1.75;
	}
}
.feature_wrap img {
	max-width:100%;
	height:auto;
	vertical-align: bottom;
}

/* .feature_heading
============================================================================= */


/* .feature-header
============================================================================= */
.feature-intro {
	padding-bottom:56px;
	box-sizing: border-box;
}
@media (min-width:641px) {
	.feature-intro {
		padding-top:36px;
		text-align: center;
		background-image:url(../img/intro-bg_pc.jpg);
		background-position:center top;
		background-repeat:repeat;
	}
}
@media (max-width:640px) {
	.feature-intro {
		padding-bottom:24px;
	}
	.feature-intro .intro_sp_wrap {
		padding-top:36px;
		padding-bottom:24px;
		background-size:auto 100%;
		background-image:url(../img/intro-bg_pc.jpg);
		background-position:center top;
		background-repeat:repeat;
	}
}
.feature-intro .intro-heading {
}
.feature-intro .intro-catch {
	margin-top:-60px;
}
.feature-intro .intro-description {
	margin-top:20px;
}
@media (max-width:640px) {
	.feature-intro .intro-heading {
		text-align: center;
	}
	.feature-intro .intro-heading img {
		width:calc((480 / 640) * 100%);
	}
	.feature-intro .intro-catch {
		margin-top:-10%;
		text-align: center;
	}
	.feature-intro .intro-catch img {
		width:calc((348 / 640) * 100%);
	}
	.feature-intro .intro-description {
		margin-top:5%;
		padding:0 20px;
	}
}

.intro-pickup {
}
@media (min-width:641px) {
	.intro-pickup {
		display:flex;
		flex-direction: row-reverse;
		align-items: flex-end;
		justify-content: center;
		margin-top:48px;
	}
}
@media (max-width:640px) {
	.intro-pickup {
		padding-bottom:15px;
	}
}
.intro-pickup .pickup-text {
	padding-bottom:70px;
	background-color:#F9F9F7;
	position:relative;
}
.intro-pickup .pickup-text > * {
	z-index:1;
	position:relative;
}
.intro-pickup .pickup-text:before,
.intro-pickup .pickup-text:after {
	content:"";
	display:block;
	box-sizing: border-box;
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	pointer-events:none;
}
.intro-pickup .pickup-text:before {
	border: 20px solid #fff;
}
.intro-pickup .pickup-text:after {
	border: 1px solid #E3DFD6;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
}
@media (min-width:641px) {
	.intro-pickup .pickup-img {
		margin-bottom:50px;
	}
	.intro-pickup .pickup-text {
		margin-right:-35px;
		width:470px;
	}
}
@media (max-width:640px) {
	.intro-pickup {
	}
	.intro-pickup .pickup-text {
		margin:-15px 5px;
		padding-bottom:36px;
	}
	.intro-pickup .pickup-text:before {
		border: 12px solid #fff;
	}
	.intro-pickup .pickup-text:after {
		width:calc(100% - 12px);
		height:calc(100% - 12px);
	}
}

.intro-pickup .text-tag {
	margin-left:30px;
	text-align: left;
}

.intro-pickup .text-heading {
	margin-top:8px;
	font-size:2.8rem;
	letter-spacing: .11em;
	line-height:1;
	color:var(--basecolor-yellow01);
}
.intro-pickup .text-catch {
	margin-top:16px;
	font-size:2.2rem;
	letter-spacing: .11em;
	line-height:1.9;
}
.intro-pickup .text-description {
	margin-top:28px;
}
.intro-pickup .text-link {
	margin-top:24px;
}
.intro-pickup .text-link > a {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	width:300px;
	height:40px;
	font-size:2.2rem;
	letter-spacing: .04em;
	color:#fff;
	background-color:var(--basecolor-green01);
	transition:opacity .5s;
}
.no-touchevents .intro-pickup .text-link > a:hover {
	opacity:.7;
}
@media (max-width:640px) {
	.intro-pickup .text-tag {
		margin-left:20px;
	}
	.intro-pickup .text-tag > img {
		width:calc((116 / 640) * 100%);
	}
	.intro-pickup .text-heading {
		margin-top:8px;
		font-size:1.7rem;
		text-align: center;
	}
	.intro-pickup .text-catch {
		margin-top:8px;
		font-size:1.3rem;
		text-align: center;
	}
	.intro-pickup .text-description {
		margin:14px auto 0;
		width:calc((500 / 640) * 100%);
	}
	.intro-pickup .text-link {
		margin-top:12px;
		text-align: center;
	}
	.intro-pickup .text-link > a {
		width:calc((500 / 640) * 100%);
		font-size:1.3rem;
	}
}


/* .feature-links
============================================================================= */
.feature-links {
	padding-top:60px;
	padding-bottom:60px;
	background-color:#EFECE6;
	overflow:hidden;
}
.feature-links .links_list {

}
@media (min-width:641px) {
	.feature-links .links_list_wrap {
		margin:0 auto;
		width:1260px;
		max-width:100%;
	}
	.feature-links .links_list {
		display:flex;
		flex-wrap:wrap;
		margin:0 -21px -42px;
	}
	.feature-links .link {
		margin:0 21px 42px;
		width:calc(100% / 3 - 42px);
	}
}
@media (max-width:640px) {
	.feature-links {
		padding:30px 20px 40px;
	}
	.feature-links .link + .link {
		margin-top:6px;
	}
}
.feature-links .link > a {
	display:block;
	background-color:#fff;
	transition:opacity .5s;
}
.no-touchevents .feature-links .link > a:hover {
	opacity:.7;
}
.no-touchevents .feature-links .link > a:hover .text-arrow {
	transform:translateX(5px);
}
.feature-links .link-img > img {
	display:block;
	width:100%;
	height:auto;
}
.feature-links .link-text {
	display:flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	position:relative;
}
.feature-links .text-heading {
	font-size:2.1rem;
	line-height:1.4;
	letter-spacing: .15em;
	color:var(--basecolor-yellow01);
}
.feature-links .text-description {
	margin-top:12px;
}
.feature-links .text-arrow {
	position:absolute;
	right:16px;
	transition:transform .5s;
}
@media (min-width:641px) {
	.feature-links .link-text {
		align-items: center;
		text-align:center;
		padding-bottom:16px;
		height:180px;
	}
	.feature-links .text-arrow {
		bottom:16px;
	}
}
@media (max-width:640px) {
	.feature-links .link > a {
		display:flex;
	}
	.feature-links .link-img {
		flex-shrink: 0;
		width:calc((200 / 580) * 100%);
	}
	.feature-links .link-text {
		flex:1;
		padding-left:16px;
	}
	.feature-links .text-heading {
		font-size:1.3rem;
		letter-spacing: .10em;
	}
	.feature-links .text-description {
		margin-top:6px;
		font-size:1.0rem;
		line-height:1.5;
	}
	.feature-links .text-arrow {
		width:15px;
		right:8px;
	}
}