@charset "utf-8";
/* --------------- common --------------- */
/* --- base --- */

.btn.base {
	max-width: 480px;
	text-align: center;
	margin: 0 auto;
	padding: 0.725em 0;
	background: #fff;
	border: solid 1px #cfe5e2;
	transition: all 0.3s 0s ease-out;}

.btn.base:hover {
	opacity: 1;
	background: #fffde5;}

.btn.blog {
	max-width: 360px;
	font-size: 1em;
	margin-top: 2.667em;
	background: #7d8b89;
	border-radius: 6px;
	border: solid 2px #7d8b89;}
.btn.blog:hover {
	opacity: 1;
	background: #a5b9b6;
	border-color: #d9e3e1;}

/* --- img center size auto --- */
.topics .icon_waku span,
[class^="sku"] .icon_waku span,
.ctg_wk span,
.img_wk span,
.slick_rfm-dtl a,
.gallery a {
	position: relative;
	display: block;}
.topics .icon_waku span img,
[class^="sku"] .icon_waku img,
.ctg_wk span img,
.img_wk span img,
.slick_rfm-dtl a img,
.gallery a img {
	position: absolute;
	top: 0;	bottom: 0; left: 0; right: 0;
	max-width: 100%; max-height: 100%;
	margin: auto;}


@media (min-width:641px) {
	#container {min-width: 1080px;}
}
@media (max-width:640px) {}

/* --------------- header --------------- */
/* --- reset --- */
header [href*="contact"] span img {width: 100%;}

/* --- base --- */
header {padding-top: 2.667em;}
header h1 {
	position: relative;
	width: 230px;}
header h1 img {width: 100%;}

header .mds:not(.nav_switch) {display: none;}

@media (min-width:1121px) {
	header h1 {margin-bottom: 1em;}
}
@media (max-width:1120px) {
	header {
		margin-top: 10px;
		padding-top: 1.334em;}
}
@media (min-width:641px) {
	header h1 {margin-left: 3.125%;}
	header h1::before {
	position: absolute;
	top: 50%; left: 100%;
	transform: translateY(-50%);
	content: '';
	display: block;
	width: 100%; height: 172%;
	background: url("../img/chara/mascot-ktm.png") no-repeat;
	background-size: auto 90%;
	background-position: center;}
}
@media (max-width:640px) {
	header {padding-top: 1.905em;}
	header h1 {margin-left: 20px;}
}

/* --------------- footer --------------- */
/* --- reset --- */
footer ul {max-width: none;}

/* --- base --- */
footer {}
footer .nav_waku {
	background: url("../img/reform/pattern02.png") repeat;
	background-size: 36px auto;}

#f-nav {justify-content: center;}

#f-nav li {
	width: 25%;
	margin: 0 2.5%;}
#f-nav li a {
	position: relative;
	display: block;
	width: 100%;
	padding: 50% 0;
	border: solid 1px #dce5cf;
	background: rgba(255,255,255,0.9);
	border-radius: 50%;}

	#f-nav li a > * {
		position: absolute;
		top: 50%; left: 50%;
		display: block;}

		#f-nav .icon_waku {
			transform: translate(-50%,-75%);
			width: 3em; height: 3em;}
		#f-nav a b {
			width: 100%;
			font-size: 1.334rem;
			text-align: center;
			transform: translate(-50%,50%);}


footer .hirt {background: #d8f0ed;}
footer .hirt p {color: #121626;}
footer .copyright {background: #d8f0ed;}
footer .copyright p {
	color: #fff;
	background: #36c2af;}

@media (min-width:641px) {
	#f-nav li {width: 8.334%;}
}
@media (max-width:640px) {}

/* --------------- globalnav → g-nav --------------- */
/* --- reset --- */
#g-nav li,
#g-nav span + b {margin: 0;}

/* --- base --- */
#g-nav {transition: all 0.3s 0s ease-out;}
#g-nav li {margin-bottom: 1.334em;}

#g-nav li a {
	position: relative;
	display: block;
	width: 100%;
	padding: 50% 0;
	border: solid 1px #dce5cf;
	background: rgba(255,255,255,0.9);
	border-radius: 50%;}

	#g-nav li a > * {
		position: absolute;
		top: 50%; left: 50%;
		display: block;}

		#g-nav .icon_waku {
			transform: translate(-50%,-75%);
			width: 3em; height: 3em;}
		#g-nav a b {
			width: 100%;
			font-size: 1.334rem;
			text-align: center;
			transform: translate(-50%,50%);}

@media (min-width:1081px) {
	#g-nav {
		left: 95.3125%;
		width: 10em;}	
	#g-nav.resize,
	.page #g-nav {
		left: calc(100% - 30px);
		width: 8em;}
}
@media (max-width:1080px) {
	.nav_switch.active {background: #b8e573;}
}
@media (max-width:1080px) and (min-width:641px) {
	#g-nav {
		left: calc(100% - 30px);
		width: 8em;}
	
	#g-nav.resize,
	.page #g-nav {
		top: 150px;
		transform: translateX(25%);}
	#g-nav.resize.active,
	.page #g-nav.active {transform: translateX(-91.667%);}
	
	.resize + .nav_switch {display: block;}
		.nav_switch span.close {display: none; opacity: 0;}
		.nav_switch .close b {color: #fff;}
	
		.nav_switch.active {background: #26acd9;}
		.nav_switch.active span.close {display: block; opacity: 1;}
		.nav_switch.active span.open {display: none; opacity: 0;}
}
@media (min-width:641px) {
	#g-nav {
		display: block;
		position: fixed;
		z-index: 3000;
		top: 2.667em;
		transform: translateX(-100%);}	
	#g-nav ul {display: block;}
	#g-nav li:last-of-type {display: none;}
}
@media (max-width:640px) {
	#g-nav {background: rgba(216,240,237,0.93);}
	#g-nav.active {transform: translateY(90px);}

	#g-nav ul {margin-top: 0;}
	#g-nav li {
		width: 7.143em;
		margin: 0 3.125%;
		background: none;}
}

/* --------------- toiawase --------------- */

/* --- reset --- */
.top .toiawase {width: 93.75%;}

/* --- base --- */
.toiawase .mds > a::after {background: #fffde5;}

@media (min-width:961px) {
	/* --- reset --- */
	.top .toiawase {max-width: 960px;}
}
@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------------------- jytk common --------------------- */

.top section {
	width: 100%;
	max-width: none;}

.jytk h2.mdsdeco {
	position: relative;
	font-size: 1.6em;
	text-align: center;
	padding-top: 2.084em;}
	.jytk h2.mdsdeco::before {
		position: absolute;
		top: 0; left: calc(50% - 3.3335em);
		content: '';
		display: block;
		width: 6.667em; height: 3.125em;
		background: url("../img/reform/mdsdeco01.png") no-repeat;
		background-size: 100% auto;
		background-position: center;}

.jytk h2.mdsdeco small {
	display: block;
	font-size: 0.709em;
	margin-bottom: 0.272em;
	color: #0fb8a1;}

/* animation kakukaku */
.anima_kakukaku::before,
.gaikan .slick_kkk::after,
.naikan .slick_kkk::after,
.msct_wk.kenj {animation:kakukaku01 1.25s linear infinite; animation-delay:0s}

.msct_wk.moku {animation:kakukaku01 1s linear infinite; animation-delay:0s}
.msct_wk::before {animation:kakukaku01 1.5s linear infinite; animation-delay:0s}

@keyframes kakukaku01 { 
	0% {transform: rotate(0deg);}
	25% {transform: rotate(7deg);}
	75% {transform: rotate(-7deg);}
	100% {transform: rotate(0deg);}
}

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------------- jytk top --------------- */
.slick_wk + div {margin-top: 180px;}
.mdl-pln + .sekou {margin-top: 8em;}
.sekou + .jirei {margin-top: calc(8em + 6.334em);}

/* --------- slick slick_jireiの場合 --------- */
.slick_wk {}
.slick_wk > p {padding: 0 3.125% 0.959em 3.125%;}

.slick_wk p + ul {padding: 6em 0 8em 0;}
.slick_wk ul + .btn {margin-top: 4em;}

.slick_jirei {
	background: url("../img/reform/pattern04.png") repeat;
	background-size: 36px auto;}

.slick_jirei .slick-dots {
	line-height: 1rem;
	padding: 15px 0;
	background: #fff;}

.slick_wk .btn.base,
.srvc_wk .btn.base {position: relative;}
.slick_wk .btn.base::before,
.srvc_wk .btn.base::before {
	position: absolute;
	top: -2.75em; left: calc(50% + 6.5em);
	content: '';
	width: 8em; height: 8em;
	background: url("../img/chara/mascot_k.png") no-repeat;
	background-size: 100% auto;
	background-position: center;}

.srvc_wk .btn.base::before {background-image: url("../img/chara/mascot_t.png");}

.slick_jirei span {
	min-height: auto;
	padding: 38.136% 0;}

@media (min-width:641px) {
	.slick_wk .btn.base::before {
		position: absolute;
		top: -3.5em; left: calc(100% + 0.5em);}
}
@media (max-width:640px) {}

/* --------- slick slick_reformの場合 --------- */
.slick_reform span {
	width: 100%;
	max-width: 1200px;
	padding: 22.472% 0;}

.slick_reform.slick-dotted.slick-slider {margin-bottom: 60px;}
.slick_reform .slick-dots {line-height: 1rem;}

@media (min-width:641px) {
	.slick_reform {padding-bottom: 4em;}
	.slick_reform .slick-dots {bottom: 1.334em;}
}
@media (max-width:640px) {
	[class^="slick"] span img {
		max-width: 96.552%;
		max-height: 96.552%;}
	
	.slick_reform .slick-dots {bottom: 0.953em;}
}

/* --------- topics --------- */
.topics {
	position: relative;
	z-index: 100;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 6em;}

.topics .icon_waku {
	position: absolute;
	top: 0; left: calc(50% - 90px);
	z-index: -10;
	width: 180px;
	background: rgba(255,255,255,1);
	border-radius: 50%;}

	.topics .icon_waku span {padding: 50% 0;}

		.topics .icon_waku span > * {
			position: absolute;
			display: block;}
		.topics .icon_waku span img {}
		.topics .icon_waku span b {
			top: 50%; left: 0;
			transform: translateY(-125%);
			width: 100%;
			font-size: 1.6rem;
			letter-spacing: 0.125em;
			text-align: center;}

.topics > div + div {margin: 0 auto;}

.topics h2 {
	font-size: 2.667rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.0999em;}

	.topics h2 small {
		display: block;
		font-size: 0.49994em;
		margin-bottom: 1.499em;}
	.topics h2 small span {
		display: block;
		padding: 0 0.801em 0 0.999em;
		background: #fd8b8b;}

.topics h2 + p {
	font-size: 1.067em;
	margin-top: 1.4994em;}
.topics h2 + p small {
	display: block;
	font-size: 0.813em;
	margin-top: 0.701em;}

.topics .msct_wk {
	position: absolute;
	bottom: 0;
	width: 37.5%;}
	.topics .msct_wk img {width: 100%;}

	.topics .kenj {
		width: 34.375%;
		right: 52.734375%;}
	.topics .moku {right: 5.46875%;}
@media (min-width:1801px) {
	.topics .icon_waku {transform: translateY(-50%);}
}
@media (max-width:1800px) and (min-width:641px){
	.topics .icon_waku {transform: translateY(-87.5%);}
}
@media (min-width:1401px) {
	.topics .icon_waku span img {
		max-width: 62.5%;
		max-height: 62.5%;}
}	
@media (min-width:1201px) {	
	.topics > div + div {max-width: 1200px;}
	
		.topics h2 small span {display: inline-block;}
	
		.topics .kenj {right: 27.604%;}
		.topics .moku {right: 16.146%;}
}
@media (max-width:1200px) and (min-width:641px) {
	.topics > div + div {width: 90.625%;}
	
		.topics .kenj {right: 21.25%;}
		.topics .moku {right: 5%;}
}	
@media (min-width:641px) {
	.topics .icon_waku {
		left: 4.6875%;
		width: 16.667%;}
	
	.topics .msct_wk {
		width: 9.896%;
		min-width: 150px;}
}
@media (max-width:640px) {
	.topics {padding: 240px 4.6872%;}
	
	.topics .text_waku {margin-bottom: 40px;}
	.topics h2 small {text-align: center;}
}

/* --------- modelplan → mdl-pln --------- */
.mdl-pln {
	display: flex; flex-wrap: wrap; justify-content: space-between;
	padding: 5.334em 0 8em 0;
	background: url("../img/reform/pattern02.png") repeat;
	background-size: 36px auto;}

.mdl-pln > div {
	width: 90.625%;
	max-width: 660px;}
.mdl-pln > div + div {max-width: 930px;}

.mdl-pln .img_waku {text-align: center;}
.mdl-pln .img_waku img {width: 88.172%;}

.mdl-pln h2 {
	display: flex; justify-content: flex-start;
	align-items: center;}

	.mdl-pln h2 img {width: auto; max-height: 75px;}

	.mdl-pln h2 b {
		position: relative;
		display: block;
		width: 20.6897%;
		margin-left: 10.345%;
		padding: 10.345% 0;
		color: #fff;
		background: #3faafa;
		border-radius: 50%;}

		.mdl-pln h2 b > * {
			position: absolute;
			top: 50%; left: 50%;
			display: block;
			line-height: 1;}
		.mdl-pln h2 b > span {
			transform: translate(-50%,-87.5%);
			font-size: 1.715em;}
		.mdl-pln h2 b > small {
			transform: translate(-50%,50%);
			width: 100%;
			font-size: 0.635em;
			text-align: center;}

.mdl-pln h2 + p {
	font-size: 20px;
	font-weight: 600;
	color: #996a4c;}
.mdl-pln h2 + p b {color: #ff6666;}

.mdl-pln h2 + ul {margin-top: 4rem;}
.mdl-pln p + ul {margin-top: 4rem;}

.mdl-pln > div + a {margin-top: 2.963em;}
.mdl-pln > a {
	display: block;
	width: 84.375%;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0.0667em;
	margin: 0 auto;
	padding: 0.546em 0;
	color: #fff;
	background: #3faafa;
	border: solid 4px #abd9fb;
	transition: all 0.3s 0s ease-out;}
	.mdl-pln > a b {
		display: inline-block;
		font-size: 1.112em;
		margin-right: 0.556em;}

.mdl-pln > a:hover {
	opacity: 1;
	background: #84cbff;
	border-color: #f9cfcf;}

/* --- sample_list --- */
.sample_list li {
	position: relative;
	padding: 0.767em 0 0.967em 15.909%;
	background: #fff;
	border: solid 1px #dce5cf;
	border-radius: 6em;}

	.sample_list li::before {
		position: absolute;
		top: calc(50% - 0.6945em); left: 4.546%;
		display: block;
		width: 1.389em; height: 1.389em;
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.389;
		text-align: center;
		color: #fff;
		background: #3faafa;
		border-radius: 50%;}

	.sample_list li:first-of-type::before {content: '1';}
	.sample_list li:nth-of-type(2)::before {content: '2';}
	.sample_list li:nth-of-type(3)::before {content: '3';}

.sample_list li + li {margin-top: 1em;}

.sample_list h3 {
	display: flex; justify-content: flex-start;
	align-items: center;
	font-size: 2.4rem;
	line-height: 1.5;
	letter-spacing: 0.056em;}

	.sample_list h3 > * {display: block;}
	.sample_list h3 span {
		font-size: 0.75em;
		margin-top: 6px;}
	.sample_list h3 b small {
		font-size: 0.556em;
		margin-left: 3px;}

	.sample_list .grade {margin-left: 3.617%;}
	.sample_list .price {
		letter-spacing: 0;
		margin-left: 3.617%;}

	.sample_list .price + .kasho {
		position: relative;
		padding-left: 9.765%;}
	.sample_list .price + .kasho::before {
		position: absolute;
		top: 0; left: 8.065%;
		content: '×';}

.sample_list h3 + p {
	font-size: 1.067em;
	letter-spacing: 0.0625em;}

.sample_list .msct_wk {
	margin-top: 2em;
	padding: 1.701em 0 1.499em 36.364%;}
.sample_list .msct_wk::before {
	top: 15%; left: 6.897%;
	content: '';
	width: 25.862%;
	padding: 12.931% 0;
	background: url("../img/reform/mascot_taku.png") no-repeat;
	background-size: 100% auto;}

	.sample_list .msct_wk p {
		font-size: 1.334rem;
		line-height: 1.498;
		letter-spacing: 0.0625em;}

	.sample_list .msct_wk h3 {
		font-size: 3.6rem;
		line-height: 1.297;}
		
		.sample_list .msct_wk h3 span {
			font-size: 0.519em;
			font-weight: 700;}

.sample_list + p {
	font-size: 0.953em;
	text-align: right;
	padding-right: 9.091%;}

@media (min-width:1401px) {
	.mdl-pln > div {
		width: 38.597%;
		min-width: 560px;}
	.mdl-pln > div + div {width: 54.386%;}
}
@media (max-width:1400px) {
	.mdl-pln > div {margin: 0 auto;}
	.mdl-pln > div + div {margin-top: 40px;}
}
@media (min-width:641px) {
	.mdl-pln {padding: 5.334em 4.6875% 8em 6.25%;}
	
	.mdl-pln h2 b {
		width: 18.182%;
		margin-left: 13.637%;
		padding: 9.091% 0;}
	.mdl-pln h2 b > span {font-size: 2.4em;}
	.mdl-pln h2 b > small {font-size: 0.889em;}
	
	.mdl-pln > a {max-width: 640px;}
	
	/* --- sample_list --- */
	.sample_list .msct_wk::before {
		left: 11.364%;
		transform: translateY(-92.308%);
		width: 19.697%;
		padding: 9.849% 0;}
	
	.sample_list + p {font-size: 1.067em;}
}
@media (max-width:640px) {}

/* -------------- sekou -------------- */
/* --- reset --- */
[class^="sku"] a:hover {
	opacity: 1;
	color: #121626;}

/* --- base --- */
.sekou {
	display: flex; flex-wrap: wrap; justify-content: center;
	padding-bottom: 180px;}

.sekou > * {width: 100%;}

.sekou h2 + p {
	font-size: 1.067em;
	text-align: center;
	margin-top: 0.937em;}

[class^="sku"] {
	position: relative;
	margin: 2.93321em 2.084% 0 2.084%;
	padding-top: 3.25em;}
	[class^="sku"]::before,
	[class^="sku"]::after {
		position: absolute;
		top: 0; left: 0;
		content: '';
		display: block;
		width: 100%;
		padding: 50% 0;
		border-radius: 50%;}

	[class^="sku"]::before {
		z-index: -30;
		background: url("../img/reform/pattern01.png") repeat;
		background-size: 36px auto;}
	[class^="sku"]::after {
		z-index: -15;
		background: rgba(255,255,255,0.3);
		transition: all 0.3s 0s ease-out;}

[class^="sku"] h3 {
	font-size: 2em;
	font-weight: 700;
	letter-spacing: 0.134em;
	text-align: center;}
[class^="sku"] h3 small {font-size: 0.667em;}
[class^="sku"] h3 + p {
	font-size: 1.067em;
	line-height: 1.5;
	letter-spacing: 0.0625em;
	margin-top: 0.922em;
	padding: 0 18.75% 5.624em 18.75%;}

	.sku02 h3 + p {padding-bottom: 2.625em;}

[class^="sku"] .btn_list {display: flex; flex-wrap: wrap; justify-content: flex-end;}

[class^="sku"] .icon_waku {width: 37.5%;}
	[class^="sku"] .icon_waku span {
		width: 100%;
		padding: 50% 0;
		background: #d8f0ed;
		border-radius: 50%;
		border: solid 2px #c7ebe6;
		transition: all 0.4s 0s ease-out;}
	[class^="sku"] .icon_waku img {width: 50%;}

	[class^="sku"] .icon_waku p {
		position: absolute;
		top: 22.223%; left: 0;
		width: 100%;
		font-size: 1.2em;
		text-align: center;
		transition: all 0.4s 0.15s ease-out;}
	[class^="sku"] .icon_waku img {
		opacity: 1;
		transform: scale(1) rotateY(0);
		transition: all 0.3s 0s ease-out;}


/* --- sku01 ＆ sku02 ＆sku03  --- */
.sku01::before {background-image: url("../img/reform/pattern02.png");}
.sku01 .icon_waku span {
	border-color: #d3f7a0;
	background: #e6f5d0;}

.sku03::before {background-image: url("../img/reform/pattern03.png");}
.sku03::after {
	background: rgba(255,255,255,0.6);}
.sku03 .icon_waku span {
	border-color: #edd7f1;
	background: #eee4f0;}

/* --- sku03 color yellow
.sku03::before {background-image: url("../img/reform/pattern04.png");}
.sku03::after {background: rgba(255,255,255,0.1);}
.sku03 .icon_waku span {
	border-color: #f6f5d5;
	background: #f9f6c2;}

	.sku03 .icon_waku:hover span {
		border-color: #d3f7a0;
		background: #e6f5d0;}
--- */

@media (min-width:1301px) {
	.sekou > div {
		width: 25%;
		min-width: 400px;}
}
@media (max-width:1300px) and  (min-width:641px) {
	.sekou > div {max-width: 480px;}
	
	.sku03 {margin-top: 210px;}
}
@media (min-width:641px) {
	[class^="sku"] .icon_waku p {
		opacity: 0;
		transform: scale(0.5) rotateY(-180deg);}
	
	[class^="sku"] .icon_waku:hover::after {background: rgba(252,251,230,0.5);}
	[class^="sku"] .icon_waku:hover span {
		background: #fcfbe6;
		border-color: #f5e400;}
	[class^="sku"] .icon_waku:hover p {
		opacity: 1;
		transform: scale(1) rotateY(0);}
	[class^="sku"] .icon_waku:hover img {
		opacity: 0.7;
		transform: scale(0.625) rotateY(360deg) translateY(25%);}
}
@media (max-width:640px) {
	.sekou h2 + p {padding: 0 6.25%;}
	
	[class^="sku"] .icon_waku {margin: 0 auto;}
	[class^="sku"] .icon_waku img {transform: scale(0.625) translateY(25%);}
}


/* -------------- jirei -------------- */
.jirei {
	padding-bottom: 6em;
	background: url("../img/reform/pattern01.png") repeat;
	background-size: 36px auto;}

.jirei h2.mdsdeco {
	margin-top:8em;
	transform: translateY(-2.084em);
	padding-top: 0;}
.jirei h2.mdsdeco::before {top: -2.084em;}
.jirei h2.mdsdeco::after {
	position: absolute;
	z-index: -10;
	top: -3.959em; left: calc(50% - 5em);
	content: '';
	display: block;
	width: 10em; height: 10em;
	background: #fff;
	border-radius: 50%;}

.jirei h2 + ul {margin-top: 5em;}
.jirei ul + .btn {margin-top: 4em;}

/* --- slick_jirei --- */
.slick_jirei {}

.slick_jirei li a {
	display: block;
	width: 62.5%;
	margin: 0 auto;
	border-left: solid 4px #8bd41e;}

	.slick_jirei .text_waku {
		padding: 1.6665rem 1.934rem 2rem 1.934rem;
		background: #fff
			url("../img/reform/icon_renov.png") no-repeat;
		background-size: 20% auto;
		background-position: right 5% top 5%;
		border: solid 1px #cfe5e2;
		transition: all 0.3s 0s ease-out;}
		.slick_jirei .data {
			line-height: 1.667;
			margin-top: 0.334em;}
		.slick_jirei .data span {
			min-height: auto;
			padding: 0;}
		.slick_jirei .data + h3 {
			width: 10.278em;
			font-size: 1.2em;
			line-height: 1.5;
			letter-spacing: 0.0834em;}
		.slick_jirei h3 + span {margin-top: 0.7em;}

.slick_jirei div + p {
	position: relative;
	font-size: 1.2rem;
	margin-top: 1.667em;
	padding: 0.237em 0 0.237em 1.945em;}
.slick_jirei div + p::before,
.slick_jirei div + p::after {position: absolute;}

.slick_jirei div + p::before {
	z-index: 30;
	top: calc(50% - 0.5em); left: 0;
	transform: translateX(-50%);
	content: '';
	display: block;
	width:0; height:0;
	border-style:solid;
	border-width: 0.5em 0 0.5em 0.667em;
	border-color: transparent transparent transparent #FFFFFF;}
.slick_jirei div + p::after {
	z-index: 15;
	top: 0; left: 0;
	transform: translateX(-50%);
	content: '';
	display: block;
	width: 2.223em; height: 2.223em;
	background: #8bd41e;
	border-radius: 50%;}

.slick_jirei li .ctg04 {border-color: #36c2af;}
.slick_jirei .ctg04 div + p::after {background: #36c2af;}
.slick_jirei li .ctg05 {border-color: #c27fcb;}
.slick_jirei .ctg05 div + p::after {background: #c27fcb;}

.slick_jirei .ctg02 .text_waku {background-image: url("../img/reform/icon_ie04.png");}
.slick_jirei .ctg03 .text_waku {background-image: url("../img/reform/icon_ie01.png");}
.slick_jirei .ctg04 .text_waku {background-image: url("../img/reform/icon_ie02.png");}
.slick_jirei .ctg05 .text_waku {background-image: url("../img/reform/icon_ie03.png");}

.slick_jirei h3 + span {overflow: hidden;}
.slick_jirei h3 + span img {
	transition: all 0.3s 0s ease-out;
	transform: scale(1);}

.slick_jirei a:hover .text_waku {background-size: 25% auto;}
.slick_jirei a:hover h3 + span img {transform: scale(1.1);}

@media (min-width:641px) {
	.slick_jirei li a {min-width: 300px;}
}
@media (max-width:640px) {
	.slick_jirei .data {
		font-size: 1.2rem;
		margin-top: 0.499em;}
	.slick_jirei .data + h3 {
		font-size: 1.8rem;
		width: 10.185em;}
}


/* --- jirei_list --- */
.jirei_list { 
	display: flex; flex-wrap: wrap; justify-content: space-between;
	padding: 0 6.25%;}

/* --- 240425 準備中用のCSS
.jirei_list {justify-content: center;} --- */

.jirei_list li {width: 46.552%;}
.jirei_list li a {
	display: block;
	border-left: solid 4px #8bd41e;}

	.jirei_list .text_waku {
		padding: 2.25rem 1.934rem 1.634rem 1.934rem;
		background: #fff
			url("../img/reform/icon_renov.png") no-repeat;
		background-size: 20% auto;
		background-position: right 10% top 15%;
		border: solid 1px #cfe5e2;
		transition: all 0.3s 0s ease-out;}
		.jirei_list .data {line-height: 1.667;}
		.jirei_list .data span {display: block;}
		.jirei_list .data + h3 {
			font-size: 1.2rem;
			line-height: 1.5;
			letter-spacing: 0.0834em;
			margin-top: 0.584em;}

.jirei_list div + p {
	position: relative;
	font-size: 1.2rem;
	margin-top: 1.667em;
	padding: 0.237em 0 0.237em 1.945em;}
.jirei_list div + p::before,
.jirei_list div + p::after {position: absolute;}

.jirei_list div + p::before {
	z-index: 30;
	top: calc(50% - 0.5em); left: -0.3335em;
	content: '';
	display: block;
	width:0; height:0;
	border-style:solid;
	border-width: 0.5em 0 0.5em 0.667em;
	border-color: transparent transparent transparent #FFFFFF;}
.jirei_list div + p::after {
	z-index: 15;
	top: 0; left: -1.1115em;
	content: '';
	display: block;
	width: 2.223em; height: 2.223em;
	background: #8bd41e;
	border-radius: 50%;}

.jirei_list li .ctg04 {border-color: #36c2af;}
.jirei_list .ctg04 div + p::after {background: #36c2af;}
.jirei_list li .ctg05 {border-color: #c27fcb;}
.jirei_list .ctg05 div + p::after {background: #c27fcb;}

.jirei_list .ctg02 .text_waku {background-image: url("../img/reform/icon_ie04.png");}
.jirei_list .ctg03 .text_waku {background-image: url("../img/reform/icon_ie01.png");}
.jirei_list .ctg04 .text_waku {background-image: url("../img/reform/icon_ie02.png");}
.jirei_list .ctg05 .text_waku {background-image: url("../img/reform/icon_ie03.png");}

.jirei_list a:hover .text_waku {background-size: 25% auto;}

@media (min-width:641px) {
	/* --- jirei_list --- */
	.jirei_list {padding: 0 10.9375%;}
	.jirei_list li {
		width: 42.96875%;
		max-width: 300px;}
}
@media (max-width:640px) {
	.jirei_list li:nth-of-type(n+3) {margin-top: 4.286em;}
}