@charset "UTF-8";











/* ****************************************
care-detail
**************************************** */
/*detail09*/
/*sec1*/
.care-detail .detail09 .sec1 {}
.care-detail .detail09 .sec1 .inWrap {
	max-width: 670px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 50px 0;
}
.care-detail .detail09 .sec1 .title {
	margin-bottom: 30px;
}
.care-detail .detail09 .sec1 .title h1 {
	text-align: center;
	font-size: 2.0em;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0.5em;
}
.care-detail .detail09 .sec1 .title h1 span {
	font-size: 0.75em;
}
.care-detail .detail09 .sec1 .title figure {
	margin-top: 1.0em;
}
@media screen and (max-width: 740px) {
	.care-detail .detail09 .sec1 .inWrap {
		padding: 30px 20px;
	}
}
@media screen and (max-width: 670px) {
	.care-detail .detail09 .sec1 .title h1 {
		font-size: 1.75em;
	}
}
.care-detail .detail09 .sec1 .flex {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}
.care-detail .detail09 .sec1 .flex .text {
	flex: 1;
}
.care-detail .detail09 .sec1 .flex .text h2 {
	font-size: 1.75em;
	font-weight: 700;
}
.care-detail .detail09 .sec1 .flex figure {
	width: 45%;
	margin-left: 5%;
}
@media screen and (max-width: 670px) {
	.care-detail .detail09 .sec1 .flex {
		flex-direction: column;
		margin-bottom: 30px;
	}
	.care-detail .detail09 .sec1 .flex .text {
		margin-bottom: 10px;
	}
	.care-detail .detail09 .sec1 .flex .text h2 {
		font-size: 1.5em;
	}
	.care-detail .detail09 .sec1 .flex figure {
		width: 100%;
		margin-left: 0;
	}
}
.care-detail .detail09 .sec1 .flow {
	background: url("../../assets/img/care/detail09/bg_flow.png") no-repeat center top;
	background-size: 100% auto;
	margin-bottom: 40px;
}
.care-detail .detail09 .sec1 .flow .-box {
	position: relative;
	background: #f0e9a6;
	border-radius: 10px;
	padding: 15px;
}
.care-detail .detail09 .sec1 .flow .-box.box1 {
	max-width: 400px;
	margin-bottom: 40px;
}
.care-detail .detail09 .sec1 .flow .-box.box2 {
	max-width: 400px;
	margin-left: auto;
	margin-bottom: 40px;
}
.care-detail .detail09 .sec1 .flow .-box .ico {
	display: none;
}
.care-detail .detail09 .sec1 .flow .-box h3 {
	color: #5a9db0;
	font-size: 1.75em;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
}
.care-detail .detail09 .sec1 .flow .-box h3 span {
	font-size: 0.75em;
	background: #fff;
	padding: 0 5px;
	border-radius: 5px;
	margin-left: 10px;
}
.care-detail .detail09 .sec1 .flow .-box dl {
	display: flex;
	align-items: center;
	padding: 7px 0;
	border-bottom: 2px dotted #fff;
}
.care-detail .detail09 .sec1 .flow .-box dl.top {
	border-top: 2px dotted #fff;
	margin-top: 10px;
}
.care-detail .detail09 .sec1 .flow .-box dt {
	font-size: 1.25em;
	font-weight: 700;
	color: #5a9db0;
	width: 8em;
}
.care-detail .detail09 .sec1 .flow .-box dd {
	flex: 1;
}
@media screen and (max-width: 670px) {
	.care-detail .detail09 .sec1 .flow {
		background: url("../../assets/img/care/detail09/bg_flow_sp.png") repeat-y center top;
		background-size: 100% auto;
	}
	.care-detail .detail09 .sec1 .flow .-box.box1 {
		max-width: none;
		margin-bottom: 40px;
	}
	.care-detail .detail09 .sec1 .flow .-box.box2 {
		max-width: none;
		margin-bottom: 100px;
	}
	.care-detail .detail09 .sec1 .flow .-box .ico {
		display: block;
		position: absolute;
		max-width: 80px;
		top: 0;
		left: 0;
		transform: translateY(-90%);
	}
	.care-detail .detail09 .sec1 .flow .-box h3 {
		font-size: 1.5em;
	}
	.care-detail .detail09 .sec1 .flow .-box dl {
		flex-direction: column;
		align-items: flex-start;
		padding: 10px 0;
	}
	.care-detail .detail09 .sec1 .flow .-box dt {
		font-size: 1.125em;
	}
}
.care-detail .detail09 .sec1 .point {
	position: relative;
}
.care-detail .detail09 .sec1 .point .ico {
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	transform: translateX(100%);
}
.care-detail .detail09 .sec1 .point h2 {
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
}
.care-detail .detail09 .sec1 .point dl {
	display: flex;
	align-items: center;
	padding: 7px 0;
	border-bottom: 2px dotted #e2e2e2;
}
.care-detail .detail09 .sec1 .point dt {
	font-size: 1.125em;
	font-weight: 700;
	color: #5a9db0;
	width: 13em;
}
.care-detail .detail09 .sec1 .point dd {
	flex: 1;
}
@media screen and (max-width: 1000px) {
	.care-detail .detail09 .sec1 .point .ico {
		position: static;
		width: 32%;
		text-align: center;
		margin: 0 auto;
		margin-top: 20px;
		transform: translateX(0);
	}
}
@media screen and (max-width: 670px) {
	.care-detail .detail09 .sec1 .point dl {
		flex-direction: column;
		align-items: flex-start;
		padding: 10px 0;
	}
}
/*sec2*/
.care-detail .detail09 .sec2 {
	background: #f7f7f7;
}
.care-detail .detail09 .sec2 .inWrap {
	max-width: 670px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 50px 0;
}
.care-detail .detail09 .sec2 h2 {
	font-size: 2.0em;
	font-weight: 700;
}
.care-detail .detail09 .sec2 h3 {
	font-size: 1.75em;
	font-weight: 700;
	margin-top: 1.0em;
	margin-bottom: 0.25em;
}
.care-detail .detail09 .sec2 h3.mizu {
	color: #5a9db0;
}
.care-detail .detail09 .sec2 h3.fire {
	color: #d6b16d;
}
.care-detail .detail09 .sec2 dl {}
.care-detail .detail09 .sec2 dl dt {
	color: #fff;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
	padding: 15px;
	border-radius: 5px;
}
.care-detail .detail09 .sec2 dl.mizu dt {
	background: #5a9db0;
}
.care-detail .detail09 .sec2 dl.fire dt {
	background: #d6b16d;
}
.care-detail .detail09 .sec2 dl dd {
	padding: 10px;
	padding-bottom: 20px;
}
.care-detail .detail09 .sec2 ul.image {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin-top: 1.0em;
}
.care-detail .detail09 .sec2 ul.image li {
	width: 50%;
}
@media screen and (max-width: 740px) {
	.care-detail .detail09 .sec2 .inWrap {
		padding: 30px 20px;
	}
}
@media screen and (max-width: 670px) {
	.care-detail .detail09 .sec2 h2 {
		font-size: 1.75em;
	}
	.care-detail .detail09 .sec2 h3 {
		font-size: 1.5em;
		margin-top: 0.7em;
	}
	.care-detail .detail09 .sec2 dl dt {
		font-size: 1.25em;
	}
	.care-detail .detail09 .sec2 dl dd {
		padding: 10px 0;
		padding-bottom: 20px;
	}
	.care-detail .detail09 .sec2 ul.image li {
		width: 100%;
	}
}











/* ****************************************
special-detail
**************************************** */
/*detail25*/
.special-detail .inner.detail25 {
	background: url("../../assets/img/special/detail25/bg_inner.png") repeat-y center top;
	background-size: 100% auto;
}
@media screen and (max-width: 700px) {
	.special-detail .inner.detail25 {
		background: url("../../assets/img/special/detail25/bg_inner.png") repeat-y center top;
		background-size: 110% auto;
	}
}
/*sec1*/
.special-detail .detail25 .sec1 {}
.special-detail .detail25 .sec1 .inWrap {
	max-width: 700px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 50px 0;
	padding-top: 0;
}
.special-detail .detail25 .sec1 h1 {
	margin-top: -70px;
	margin-bottom: 10px;
}
.special-detail .detail25 .sec1 p {
	font-weight: 700;
}
.special-detail .detail25 .sec1 .point {
	margin-top: 30px;
	background: #f8f7f3;
	border-radius: 15px;
	padding: 30px 25px;
	text-align: center;
}
.special-detail .detail25 .sec1 .point h3 {
	background: #04bdbb;
	color: #fff;
	font-size: 1.5em;
	font-weight: 700;
	border-radius: 50px;
	margin-bottom: 15px;
}
@media screen and (max-width: 770px) {
	.special-detail .detail25 .sec1 .inWrap {
		padding: 30px 20px;
	}
}
@media screen and (max-width: 700px) {
	.special-detail .detail25 .sec1 h1 {
		margin-top: -60px;
	}
	.special-detail .detail25 .sec1 .point {
		margin-top: 20px;
		padding: 25px 15px;
	}
}

/*sec2*/
.special-detail .detail25 .sec2 {}
.special-detail .detail25 .sec2 .inWrap {
	max-width: 700px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 50px 0;
	padding-bottom: 0;
}
.special-detail .detail25 .sec2 h2 {
	margin-bottom: 10px;
}
.special-detail .detail25 .sec2 .next {
	margin: 20px 0;
}
.special-detail .detail25 .sec2 ul.flow {}
.special-detail .detail25 .sec2 ul.flow li {
	background: url("../../assets/img/special/detail25/ico_flow-arrow.png") no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: 55px;
	margin-bottom: 10px;
}
.special-detail .detail25 .sec2 ul.flow li.end {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.special-detail .detail25 .sec2 ul.flow li figure {
	margin: 10px 0;
}
.special-detail .detail25 .sec2 ul.flow li .pt {
	color: #8bc53f;
	font-weight: 700;
}
@media screen and (max-width: 770px) {
	.special-detail .detail25 .sec2 .inWrap {
		padding: 30px 20px;
	}
	.special-detail .detail25 .sec2 h2 {
		margin: 0 -10px;
		margin-bottom: 10px;
	}
	.special-detail .detail25 .sec2 ul.flow li {
		background: url("../../assets/img/special/detail25/ico_flow-arrow.png") no-repeat center bottom;
		background-size: 70% auto;
		padding-bottom: 40px;
	}
}
.special-detail .detail25 .sec2 .step1 {}
.special-detail .detail25 .sec2 .step1 .flex {
	display: flex;
	flex-wrap: wrap;
}
.special-detail .detail25 .sec2 .step1 .flex .text {
	flex: 1;
}
.special-detail .detail25 .sec2 .step1 .flex figure {
	width: 50%;
	margin-left: 5%;
}
@media screen and (max-width: 700px) {
	.special-detail .detail25 .sec2 .step1 .flex figure {
		width: 100%;
		margin: 0;
		margin-top: 10px;
	}
}
.special-detail .detail25 .sec2 .step2 {}
.special-detail .detail25 .sec2 .step2 .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.special-detail .detail25 .sec2 .step2 .flex .left {
	width: 44%;
}
.special-detail .detail25 .sec2 .step2 .flex .right {
	width: 44%;
}
@media screen and (max-width: 700px) {
	.special-detail .detail25 .sec2 .step2 .flex .left {
		width: 100%;
	}
	.special-detail .detail25 .sec2 .step2 .flex .right {
		width: 100%;
	}
}
.special-detail .detail25 .sec2 .step3 {}
.special-detail .detail25 .sec2 .step3 .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.special-detail .detail25 .sec2 .step3 .flex .left {
	width: 44%;
}
.special-detail .detail25 .sec2 .step3 .flex .right {
	width: 44%;
}
@media screen and (max-width: 700px) {
	.special-detail .detail25 .sec2 .step3 .flex .left {
		width: 100%;
	}
	.special-detail .detail25 .sec2 .step3 .flex .right {
		width: 100%;
	}
}
.special-detail .detail25 .sec2 .check {
	display: flex;
	margin-top: 30px;
}
.special-detail .detail25 .sec2 .check .text {
	flex: 1;
}
.special-detail .detail25 .sec2 .check .text p.catch {
	font-size: 1.5em;
	font-weight: 700;
	color: #04bdbb;
}
.special-detail .detail25 .sec2 .check .text p.catch span {
	border-bottom: 2px dotted #cccccc;
}
.special-detail .detail25 .sec2 .check .text p.caution {
	font-size: 1.125em;
	font-weight: 700;
	color: #3c0000;
	margin-top: 20px;
	display: flex;
	align-items: center;
}
.special-detail .detail25 .sec2 .check .text p.caution img {
	width: 70px;
	margin-right: 10px;
}
.special-detail .detail25 .sec2 .check .text p.caution span {
	flex: 1;
}
.special-detail .detail25 .sec2 .check figure {
	width: 50%;
	margin-right: -30px;
}
@media screen and (max-width: 700px) {
	.special-detail .detail25 .sec2 .check {
		flex-direction: column;
		margin-top: 30px;
	}
	.special-detail .detail25 .sec2 .check .text p.caution {
		margin-top: 10px;
	}
	.special-detail .detail25 .sec2 .check figure {
		width: 100%;
		margin: 0;
		margin-top: 10px;
	}
}