@charset "UTF-8";

.contents .align-right {
	text-align: right;
}

.contents .align-center {
	text-align: center;
}

.cat-campaign {
	background-color: #de6448;
}

.cat-notice {
	background-color: #21445b;
}

.cat-media {
	background: #86417f;
}

.cat-event {
	background: #019e97;
}

.cat-notice-mom {
	background-color: #21445b;
}

.cat-event-mom {
	background-color: #019e97;
}

.cat-recipe {
	background: #b4986f;
}

.cat-living {
	background: #2982aa;
}

.cat-voice {
	background-color: #eb6877;
}

.cat-user-interview {
	background-color: #21445b;
}

.contents .btn-large a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	height: 44px;
	padding: 0 22px;
	overflow: hidden;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	background-position: 75% 15px;
	-webkit-background-size: 480px auto;
	-o-background-size: 480px auto;
	background-size: 480px auto;
	background-repeat: no-repeat;
	color: #21405b;
	font: 700 1.3rem/1.6 "Noto Sans CJK JP", sans-serif;
	text-decoration: none;
}

.contents .btn-wave-light a {
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480%22%20height%3D%22100%22%20viewBox%3D%220.5%2022.5%20480%20100%22%20enable-background%3D%22new%200.5%2022.5%20480%20100%22%3E%3Cpath%20opacity%3D%22.4%22%20fill%3D%22%23cfdae3%22%20d%3D%22M480.5%20122.32l-.09-86.373c-21.336%203.017-42.849%204.598-64.397%204.732-25.419.091-50.766-2.705-75.554-8.334-33.323-7.794-72.415-9.835-96.36-9.845l-3.559.08-3.549-.08c-23.995%200-63.067%202.051-96.35%209.815-24.787%205.642-50.134%208.448-75.554%208.364-21.58-.118-43.127-1.685-64.497-4.692l-.09%2086.513h244.549v-.18h235.451z%22%2F%3E%3C%2Fsvg%3E');
	-webkit-box-shadow: 0 0 16px rgba(26,58,78,.14);
	box-shadow: 0 0 16px rgba(26,58,78,.14);
}

.contents .btn-wave-dark a {
	background-color: #21405b;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480%22%20height%3D%22100%22%20viewBox%3D%220.5%2022.5%20480%20100%22%20enable-background%3D%22new%200.5%2022.5%20480%20100%22%3E%3Cpath%20opacity%3D%22.4%22%20fill%3D%22%23358cc3%22%20d%3D%22M480.5%20122.32l-.09-86.373c-21.336%203.017-42.849%204.598-64.397%204.732-25.419.091-50.766-2.705-75.554-8.334-33.323-7.794-72.415-9.835-96.36-9.845l-3.559.08-3.549-.08c-23.995%200-63.067%202.051-96.35%209.815-24.787%205.642-50.134%208.448-75.554%208.364-21.58-.118-43.127-1.685-64.497-4.692l-.09%2086.513h244.549v-.18h235.451z%22%2F%3E%3C%2Fsvg%3E');
	color: #fff;
}

.contents .btn-large a span {
	width: 100%;
	padding: 0 26px;
	line-height: 1.2;
}

.contents .btn-wave-light a span {
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%2321445b%22%20d%3D%22M16%207c0-.252-.162-.467-.392-.557l-9.076-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602s.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') 100% 50% no-repeat;
}

.contents .btn-wave-dark a span {
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') 100% 50% no-repeat;
}

@media only screen and (min-width: 769px) {
	.contents .btn-large a {
		display: -ms-inline-flexbox;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: inline-flex;
		min-width: 340px;
		max-width: 360px;
		height: 60px;
		padding: 0 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		background-position: 50% 18px;
		font: 700 1.6rem/1.6 "Noto Sans CJK JP", sans-serif;
		-webkit-transition: background-position .8s cubic-bezier(.250,.460,.450,.940);
		-moz-transition: background-position .8s cubic-bezier(.250,.460,.450,.940);
		-ms-transition: background-position .8s cubic-bezier(.250,.460,.450,.940);
		-o-transition: background-position .8s cubic-bezier(.250,.460,.450,.940);
		transition: background-position .8s cubic-bezier(.250,.460,.450,.940);
	}

	.contents .btn-wave-light a, .contents .btn-wave-dark a {
		background-position: -120px 25px;
	}

	.contents .btn-wave-light a:hover, .contents .btn-wave-dark a:hover {
		background-position: 0 -20px;
	}
}

.header {
	background: url(../../img/page/home/header/bg.png) 50% 0 repeat-x;
}

@media only screen and (max-width: 768px) {
	.main {
		margin-top: 0;
	}
}

.contents {
	z-index: 1;
	position: relative;
	margin-top: -210px;
	background: url(../../img/page/home/bg-contents.jpg) 50% 210px no-repeat;
}

.contents::before {
	z-index: -1;
	position: absolute;
	top: 65px;
	display: block;
	content: "";
	width: 100%;
	height: 210px;
	background: url(../../img/page/home/bg-contents-top.png) 50% 0 repeat-x;
}

@media only screen and (max-width: 768px) {
	.contents {
		margin-top: 0;
		background: #68bad5 url(../../img/sp/page/home/bg-contents.png) 50% 0 / contain no-repeat;
	}

	.contents::before {
		z-index: -1;
		position: absolute;
		top: -4.6875vw;
		width: 100%;
		height: 4.6875vw;
		background: url(../../img/sp/page/home/bg-contents-top.png) 50% 0 / cover no-repeat;
	}
}

.slider {
	z-index: 0;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	/*background: #f5f5f5;コメントアウトする*/
	background: #ffffff;
	padding-bottom: 1.5em;
}

.slider .owl-carousel-item a {
	display: block;
	width: 100%;
	height: 100%;
}

.slider .owl-dots {
	/* top: 89.714285714%; コメントアウトする　*/
	top: 100%;
	left: 50%;
	width: auto;
	/* margin: 0;　*/
	margin: 0.5em 0 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-tap-highlight-color: transparent;
}

.slider .owl-dots .owl-dot:not(:first-child) {
	margin-left: 10px;
}

.slider .owl-dots .owl-dot span {
	display: block;
	width: 8px;
	height: 12px;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-backface-visibility: visible;
}

@media only screen and (min-width: 769px) {
	.slider {
		height: 770px;
		padding: 0;
	}

	.slider .owl-carousel-item {
		width: 100%;
		height: 770px;
		padding: 0;
		background-position: 50% 0;
		opacity: 1;
		-webkit-transition: opacity .5s ease;
		-moz-transition: opacity .5s ease;
		-ms-transition: opacity .5s ease;
		-o-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}

	.slider .owl-carousel-item:hover {
		opacity: .55;
	}

	.slider .owl-carousel-item img {
		display: none;
	}

	.slider .owl-dots {
		top: 460px;
		/*  margin-left: -580px;  コメントアウトする */
        margin: 0 0 0 -580px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}

	.slider .owl-dots .owl-dot:not(:first-child) {
		margin-left: 20px;
	}

	.slider .owl-dots .owl-dot span {
		width: 17px;
		height: 24px;
		opacity: .4;
		-webkit-transition: opacity .5s ease;
		-moz-transition: opacity .5s ease;
		-ms-transition: opacity .5s ease;
		-o-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}

	.slider .owl-dots .owl-dot:hover span, .slider .owl-dots .owl-dot.active span {
		opacity: 1;
	}
}

.section .anchor {
	position: relative;
}

.special {
	width: auto;
	padding-top: 20px;
}

.special .owl-carousel-item {
	display: block;
	overflow: hidden;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.special .owl-nav .owl-prev, .special .owl-nav .owl-next {
	width: 44px;
	height: 44px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
}

.special .owl-nav .owl-prev {
	left: 15px;
}

.special .owl-nav .owl-next {
	right: 15px;
}

@media only screen and (min-width: 769px) {
	.special {
		width: 1170px;
		margin: 0 auto;
		padding: 0;
	}

	.special .owl-carousel-item {
		opacity: 1;
		-webkit-transition: opacity .5s;
		-moz-transition: opacity .5s;
		-ms-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s;
	}

	.special .owl-carousel-item:hover {
		opacity: .55;
	}

	.special .owl-nav .owl-prev, .special .owl-nav .owl-next {
		width: 52px;
		height: 52px;
		-webkit-border-radius: 26px;
		border-radius: 26px;
	}

	.special .owl-nav .owl-prev {
		left: -72px;
	}

	.special .owl-nav .owl-next {
		right: -72px;
	}
}

.section-announcement {
	margin-top: 20px;
}

.section-announcement .section-header {
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #d1626e;
}

.section-announcement .section-title {
	display: inline-block;
	margin: 0;
	padding-left: 36px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14%200c-7.732%200-14%206.268-14%2014s6.268%2014%2014%2014%2014-6.268%2014-14-6.268-14-14-14zm1.59%2020.962h-3.251v-3.216h3.251v3.216zm-.3-4.276h-2.651l-.424-9.648h3.569l-.494%209.648z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 28px;
	color: #fff;
	text-align: center;
}

.section-announcement .section-body {
	padding: 20px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background: #fff;
}

.announcement {
	margin: 0;
	font-weight: 700;
}

.announcement:not(:first-child) {
	margin-top: 20px;
}

.announcement, .announcement a {
	color: #21445b;
	text-decoration: none;
}

.announcement-date {
	font-size: 1.2rem;
}

.announcement-title {
	margin: 12px 0 0;
	font-size: 1.4rem;
}

@media only screen and (min-width: 769px) {
	.section-announcement {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		width: 1170px;
		margin: 30px auto 0;
	}

	.section-announcement .section-header {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: 270px;
		-webkit-border-radius: 10px 0 0 10px;
		border-radius: 10px 0 0 10px;
		background: #d1626e;
		text-align: center;
	}

	.section-announcement .section-title {
		font-weight: bold;
		font-size: 1.6rem;
		text-align: center;
	}

	.section-announcement .section-body {
		-webkit-flex: auto;
		-ms-flex: auto;
		flex: auto;
		padding: 20px 30px;
		-webkit-border-radius: 0 10px 10px 0;
		border-radius: 0 10px 10px 0;
	}

	.announcement {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}

	.announcement:not(:first-child) {
		margin-top: 15px;
	}

	.announcement a:hover {
		text-decoration: underline;
	}

	.announcement-title {
		margin: 0 0 0 20px;
		font-size: 1.6rem;
	}
}

@media only screen and (max-width: 768px) {
	.section-announcement {
		padding: 0 20px;
	}

	.section-announcement .section-header {
		padding: 15px 20px;
	}
}

.section-water-server {
	position: relative;
	margin-top: 0;
	background: #143357 url(../../img/sp/page/home/water-server/bg.jpg) 50% 0 / contain no-repeat;
}

.section-water-server .container {
	padding: 0 20px;
}

.section-water-server .anchor {
	top: 2px;
}

.section-water-server .section-title {
	margin: 0;
	color: #fff;
	font-weight: 700;
	font-size: 2.5rem;
	font-family: "Noto Serif CJK JP", serif;
	line-height: 1.619047619;
	text-align: center;
}

.section-water-server .section-title::after {
	display: block;
	margin-top: 5px;
	content: attr(data-en);
	font-weight: 300;
	font-size: 1.1rem;
	font-family: "Noto Sans CJK JP", sans-serif;
	line-height: 1;
	letter-spacing: 1px;
}

.section-water-server .servers {
	margin-top: 30px;
}

.section-water-server .server {
	overflow: hidden;
	background-image: linear-gradient(to top, #dde6ea 0%, white 85%);
}

.section-water-server .server:first-child {
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

.section-water-server .server:last-child {
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.section-water-server .server a {
	position: relative;
	width: 100%;
	padding: 20px;
	text-decoration: none;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-ms-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: background-color .5s;
}

.section-water-server .server-slimserver3 a {
	background: url(../../img/sp/page/home/water-server/slimserver3.png) top 20px left -15px / 85px auto no-repeat;
}

/* 20191211 追加*/
.section-water-server .server-slimserver3-short a {
	background: url(../../img/sp/page/home/water-server/slimserver3.png) top 20px left -15px / 85px auto no-repeat;
}

.section-water-server .server-amadana-new a {
	background: url(../../img/sp/page/home/water-server/amadana-new.png) top 20px right -12px / 82px auto no-repeat;
}
.section-water-server .server-cado a {
	background: url(../../img/sp/page/home/water-server/cado.png) top 20px left -27px / 97px auto no-repeat;
}

.section-water-server .server-amadana-old a {
	background: url(../../img/sp/page/home/water-server/amadana-old.png) top 20px right -47px / 117px auto no-repeat;
}

.section-water-server .server-quol a {
	background: url(../../img/sp/page/home/water-server/quol.png) top 20px left -27px / 97px auto no-repeat;
}

.section-water-server .server:nth-child(odd) a {
	padding-left: 90px;
	background-color: rgba(255,255,255,0);
}

.section-water-server .server:nth-child(even) a {
	padding-right: 90px;
	background-color: rgba(255,255,255,1);
}

/*.section-water-server .server-image {
	display: none;
}*/

.section-water-server .server-name {
	height: auto;
	margin: 0;
	color: #333;
	font-size: 1.6rem;
	line-height: 1.3125;
}

.section-water-server .server-tag {
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 11px 0 0;
	padding: 0;
	list-style: none;
}

.section-water-server .server-tag li {
	margin-top: 5px;
	padding: 0 12px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: rgba(48,61,86,.2);
	font-size: 1.1rem;
	line-height: 30px;
	color: #0a2442;
}

.section-water-server .server-tag li:not(:last-child) {
	margin-right: 6px;
}

.section-water-server .server-body {
	margin: 12px 0;
}

.section-water-server .server-description {
	margin: 0;
	color: #333;
	font-size: 1.3rem;
	line-height: 2;
}

.section-water-server .server-footer .btn {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	height: 44px;
	padding: 0 22px;
	overflow: hidden;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	background: #c4af90;
	color: #fff;
	font: 700 1.3rem/1.6 "Noto Sans CJK JP", sans-serif;
	text-decoration: none;
}

.section-water-server .server-footer .btn span {
	width: 100%;
	padding: 0 26px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.392-.557l-9.076-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602s.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') 100% 50% no-repeat;
	line-height: 1.2;
	text-align: center;
}

.section-water-server .section-footer {
	margin-top: 22px;
}

@media only screen and (min-width: 769px) {
	.section-water-server {
		margin-top: 122px;
		background: none;
	}

	.section-water-server .container {
		padding: 0 56px;
	}

	.section-water-server .anchor {
		top: -240px;
	}

	.section-water-server .section-title {
		font-size: 4.4rem;
	}

	.section-water-server .section-title::after {
		margin-top: 14px;
		font-size: 1.8rem;
	}

	.section-water-server .servers {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		margin-top: 125px;
	}

	.section-water-server .server {
		/*-webkit-flex: 0 0 20.2%;
		-ms-flex: 0 0 20.2%;
		flex: 0 0 20.2%;*/
		-webkit-flex: 0 0 33%;
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
	}

	.section-water-server .server:first-child {
		-webkit-border-radius: 10px 0 0 10px;
		border-radius: 10px 0 0 10px;
	}

	.section-water-server .server:last-child {
		-webkit-border-radius: 0 10px 10px 0;
		border-radius: 0 10px 10px 0;
	}

	.section-water-server .server {
		background-image: linear-gradient(to top, #dde6ea 0%, white 85%);
	}

	.section-water-server .server a {
		position: relative;
		background-image: none;
		text-decoration: none;
		-webkit-transition: background-color .5s;
		-moz-transition: background-color .5s;
		-ms-transition: background-color .5s;
		-o-transition: background-color .5s;
		transition: background-color .5s;
	}

	.section-water-server .server:nth-child(even) a {
		padding: 30px 15px;
		background-color: rgba(255,255,255,1);
	}

	.section-water-server .server:nth-child(odd) a {
		padding: 30px 15px;
		background-color: rgba(255,255,255,0);
	}

	.section-water-server .server a:hover {
		background-color: rgba(217,230,239,1);
	}

	.section-water-server .server-image {
		display: block;
		text-align: center;
	}

	.section-water-server .server-name {
		height: calc(3em * 1.272727273);
		margin: 22px 0 0;
		font-size: 2.2rem;
		line-height: 1.272727273;
		color: #333;
		text-align: center;/*20191211*/
	}

	.section-water-server .server-tag {
		margin: 15px 0 0;
		justify-content: center;/*20191211*/
	}

	.section-water-server .server-tag li {
		padding: 0 12px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: rgba(48,61,86,.2);
		font-size: 1.1rem;
		line-height: 30px;
		color: #0a2442;
	}

	.section-water-server .server-tag li:not(:last-child) {
		margin-right: 6px;
	}

	.section-water-server .server-body {
		margin: 18px 0;
	}

	.section-water-server .server-description {
		font-size: 1.4rem;
	}

	.section-water-server .server-footer {
		margin-top: auto;
		text-align: center;
	}

	.section-water-server .server-footer .btn {
		display: -ms-inline-flexbox;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: inline-flex;
		width: 190px;
		height: 50px;
		padding: 0 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
		font: 700 1.6rem/1.6 "Noto Sans CJK JP", sans-serif;
		-webkit-transition: background .5s;
		-moz-transition: background .5s;
		-ms-transition: background .5s;
		-o-transition: background .5s;
		transition: background .5s;
	}

	.section-water-server .server a:hover .server-footer .btn {
		background: #fff;
		color: #c4af90;
	}

	.section-water-server .server a:hover .server-footer .btn span {
		background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23c4af90%22%20d%3D%22M16%207c0-.252-.162-.467-.392-.557l-9.076-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602s.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') 100% 50% no-repeat;
	}

	.section-water-server .section-footer {
		margin-top: 60px;
	}

	.section-water-server .section-footer .btn {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 768px) {
	.section-water-server .section-header {
		padding-top: 104px;
	}
}

.section-why {
	margin-top: 124px;
}

.section-why .anchor {
	top: -240px;
}

.section-why .container {
	padding: 0 95px;
}

.section-why .section-title {
	margin: 0;
	color: #fff;
	font: 700 4.4rem/1.619047619 "Noto Serif CJK JP", serif;
	text-align: center;
}

.section-why .section-title span {
	display: block;
}

.section-why .section-title::after {
	display: block;
	margin-top: 20px;
	content: attr(data-en);
	font-weight: 300;
	font-size: 1.8rem;
	font-family: "Noto Sans CJK JP", sans-serif;
	line-height: 1;
	letter-spacing: 1px;
}

.section-why .section-body {
	margin-top: 30px;
}

.section-why .reasons {
	margin: 0;
	padding: 0;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	list-style: none;
}

.section-why .reason {
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.section-why .reason-01 {
	width: 266px;
	height: 262px;
	padding: 16px 18px 16px 18px;
	background-image: url(../../img/page/home/why/bg-outer-01.png);
}

.section-why .reason-02 {
	width: 266px;
	height: 262px;
	margin-top: 56px;
	padding: 14px 19px 18px 17px;
	background-image: url(../../img/page/home/why/bg-outer-02.png);
}

.section-why .reason-03 {
	width: 266px;
	height: 262px;
	margin-top: 66px;
	padding: 16px 18px 16px 18px;
	background-image: url(../../img/page/home/why/bg-outer-03.png);
}

.section-why .reason-04 {
	width: 266px;
	height: 262px;
	margin-top: 10px;
	padding: 16px 18px 16px 18px;
	background-image: url(../../img/page/home/why/bg-outer-04.png);
}

.section-why .reason a {
	position: relative;
	width: 230px;
	height: 230px;
	padding-bottom: 15px;
	overflow: hidden;
	-webkit-border-radius: 115px;
	border-radius: 115px;
	background-repeat: no-repeat;
	color: #23465e;
	font: 700 1.89rem/1.587301587 "Noto Sans CJK JP", serif;
	text-align: center;
	text-decoration: none;
	-webkit-transition: color .1s;
	-moz-transition: color .1s;
	-ms-transition: color .1s;
	-o-transition: color .1s;
	transition: color .1s;
}

.section-why .reason a:hover {
	color: #fff;
}

.section-why .reason-01 a {
	background-image: url(../../img/page/home/why/bg-inner-01.jpg);
}

.section-why .reason-02 a {
	background-image: url(../../img/page/home/why/bg-inner-02.jpg);
}

.section-why .reason-03 a {
	background-image: url(../../img/page/home/why/bg-inner-03.jpg);
}

.section-why .reason-04 a {
	background-image: url(../../img/page/home/why/bg-inner-04.jpg);
}

.section-why .reason a::before {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background-color: rgba(255,255,255,1);
	-webkit-transition: background-color 1s;
	-moz-transition: background-color 1s;
	-ms-transition: background-color 1s;
	-o-transition: background-color 1s;
	transition: background-color 1s;
}

.section-why .reason a:hover::before {
	background-color: rgba(255,255,255,0);
}

.section-why .reason a::after {
	z-index: 2;
	display: block;
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 16px;
	height: 14px;
	content: "";
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23c4af90%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	-webkit-transition: background-image .1s;
	-moz-transition: background-image .1s;
	-ms-transition: background-image .1s;
	-o-transition: background-image .1s;
	transition: background-image .1s;
}

.section-why .reason a:hover::after {
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
}

.section-why .reason a:hover::after {
	opacity: 1;
}

.section-why .reason .txt {
	z-index: 1;
}

.section-why .reason .txt > span {
	display: block;
}

.section-why .section-footer {
	margin-top: 50px;
}

.section-why .section-footer .btn {
	margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	.section-why {
		margin-top: 0;
		padding-top: 52px;
		background: #143357 url(../../img/sp/page/home/why/bg.png) 50% 100% / contain no-repeat;
	}

	.section-why .anchor {
		top: -40px;
	}

	.section-why .container {
		padding: 0 20px;
	}

	.section-why .section-title {
		font-size: 2.5rem;
		line-height: 1.416666667;
	}

	.section-why .section-title::after {
		margin-top: 8px;
		font-size: 1.1rem;
	}

	.section-why .section-body {
		margin-top: 27px;
	}

	.section-why .reasons {
		position: relative;
		display: block;
	}

	.section-why .reasons::before {
		content: "";
		display: block;
		padding-top: 120.625vw;
	}

	.section-why .reason {
		background-position: 50% 50%;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.section-why .reason-01 {
		position: absolute;
		top: 0;
		left: -1vw;
		width: 47.5vw;
		height: 46.5625vw;
		padding: 2.8125vw 3.2vw 2.5vw 3.2vw;
		background-image: url(../../img/page/home/why/bg-outer-01.png);
	}

	.section-why .reason-02 {
		position: absolute;
		top: 23.75vw;
		right: -1vw;
		width: 47.5vw;
		height: 46.5625vw;
		margin-top: 0;
		padding: 2.8125vw 3.2vw 2.5vw 3.2vw;
		background-image: url(../../img/page/home/why/bg-outer-02.png);
	}

	.section-why .reason-03 {
		position: absolute;
		top: 48.75vw;
		left: 0;
		width: 47.5vw;
		height: 46.5625vw;
		margin-top: 0;
		padding: 2.8125vw 3.2vw 2.5vw 3.2vw;
		background-image: url(../../img/page/home/why/bg-outer-03.png);
	}

	.section-why .reason-04 {
		position: absolute;
		top: 73.75vw;
		right: -1vw;
		width: 47.5vw;
		height: 46.5625vw;
		margin-top: 0;
		padding: 2.8125vw 3.2vw 2.5vw 3.2vw;
		background-image: url(../../img/page/home/why/bg-outer-04.png);
	}

	.section-why .reason a {
		width: 100%;
		height: 100%;
		padding-bottom: 3vw;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		color: #23465e;
		background: none;
		font: 700 3.4375vw/1.583333333 "Noto Sans CJK JP", serif;
	}

	.section-why .reason a::before {
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		content: "";
		background-color: rgba(255,255,255,1);
		-webkit-transition: background-color 1s;
		-moz-transition: background-color 1s;
		-ms-transition: background-color 1s;
		-o-transition: background-color 1s;
		transition: background-color 1s;
	}

	.section-why .reason a:hover::before {
		background-color: rgba(255,255,255,0);
	}

	.section-why .reason a::after {
		z-index: 2;
		display: block;
		position: absolute;
		bottom: 6vw;
		left: 50%;
		width: 5vw;
		height: 4.375vw;
		content: "";
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23c4af90%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') 50% 50% / contain no-repeat;
	}

	.section-why .reason a:hover::after {
		opacity: 1;
	}

	.section-why .reason .txt {
		z-index: 1;
	}

	.section-why .reason .txt span {
		display: block;
	}

	.section-why .section-footer {
		margin-top: 22px;
	}

	.section-why .section-footer .btn {
		margin: 0 auto;
	}
}

.section-price {
	background: #fff;
	color: #303d56;
}

.section-price .anchor {
	top: -30px;
}

.section-price .section-title {
	margin: 0;
	padding: 30px 0;
	background: url(../../img/sp/page/home/price/bg-section-title.png) 50% 50% / 261px auto no-repeat;
	color: #333;
	font: 700 2.5rem/1 "Noto Serif CJK JP", serif;
	text-align: center;
	letter-spacing: 8px;
}

.section-price .section-title::after {
	display: block;
	margin-top: 8px;
	color: #52778f;
	font: 300 1.1rem/1 "Noto Sans CJK JP", sans-serif;
	content: attr(data-en);
	letter-spacing: 1px;
}

.section-price .section-body {
	margin-top: 26px;
}

.section-rental-and-shipping .rental-fee, .section-rental-and-shipping .shipping-fee {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 20px;
}

.section-rental-and-shipping .rental-fee {
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	background: #e9ebee;
}

.section-rental-and-shipping .shipping-fee {
	position: relative;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	background: #d0d4dd;
}

.section-rental-and-shipping .rental-fee .title, .section-rental-and-shipping .shipping-fee .title {
	width: 80px;
	margin: 0;
	color: #303d56;
	text-align: center;
	font: 700 1.3rem/1 "Noto Sans CJK JP", sans-serif;
}

.section-rental-and-shipping .rental-fee .title {
	padding-bottom: 50px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2260%22%20viewBox%3D%220%200%2046%2060%22%3E%3Cpath%20fill%3D%22%23303d56%22%20d%3D%22M18.788%200h-16.925l-1.858%2019.694-.005%2040.306h20.65v-40.205l-1.862-19.795zm-14.947%202.171h12.969l1.553%2016.462h-16.075l1.553-16.462zm14.637%2055.658h-16.305v-37.387h16.304v37.387zm-2.14-16.799h-12.312v-13.262h.724v11.34h10.864v-11.159h.724v13.081zm-7.242-12.719h-2.173v6.512h2.173v-6.512zm-.725%205.788h-.724v-5.065h.724v5.065zm5.07-5.788h-2.173v6.512h2.173v-6.512zm-.724%205.788h-.724v-5.065h.724v5.065zm33.283-5.621l-1.863-19.795h-16.924l-1.858%2019.694-.005%2030.9h20.65v-30.799zm-16.81-17.624h12.97l1.553%2016.462h-16.076l1.553-16.462zm14.637%2046.252h-16.305v-27.981h16.304v27.981zm-2.139-7.394h-12.313v-13.262h.725v11.34h10.864v-11.158h.724v13.08zm-7.243-12.719h-2.173v6.512h2.173v-6.512zm-.724%205.789h-.724v-5.065h.724v5.065zm5.07-5.789h-2.173v6.512h2.173v-6.512zm-.724%205.789h-.724v-5.065h.724v5.065z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	background-position: 50% 20px;
	background-size: 32px;
}

.section-rental-and-shipping .shipping-fee .title {
	padding-bottom: 50px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%23303d56%22%20d%3D%22M39.419%2023.945c-.694-1.193-1.468-2.354-2.298-3.448l-.566-.766-.243-.325c-.077-.104-.171-.19-.287-.26-.436-.25-.99-.105-1.249.321l-.019.029c-.164.297-.363.63-.688%201.15-.72%201.18-1.371%202.416-1.939%203.676-.695%201.573-1.026%202.784-.986%203.595.048%201.258.605%202.466%201.529%203.322l.021.024c.847.842%202.008%201.319%203.199%201.319l.115-.001h.01c1.347-.092%202.599-.684%203.528-1.671.851-.947%201.293-2.219%201.215-3.488-.041-.815-.492-1.985-1.342-3.477zm-6.435%203.865c-.057-1.092%201.321-4.008%202.662-6.223v.001c1.583%202.122%203.216%204.84%203.273%205.935l.007.117c.055%201.613-1.211%202.969-2.825%203.025-.806.033-1.575-.236-2.176-.765-.58-.535-.922-1.294-.941-2.09zm2.938%201.856c-.12-.188-.157-.42-.104-.636.052-.209.179-.39.356-.511.258-.157.455-.365.586-.612.142-.253.215-.536.214-.821.01-.463.386-.83.838-.83h.001c.457.005.826.38.824.835.014.566-.127%201.133-.41%201.632-.262.495-.658.918-1.14%201.217-.112.075-.25.121-.394.128l-.058.002-.161-.016c-.232-.054-.426-.192-.552-.388zm12.12%200c-.12-.188-.157-.42-.104-.636.052-.209.178-.39.356-.511.258-.157.454-.365.586-.612.142-.253.215-.536.214-.821.01-.463.386-.83.838-.83h.001c.457.005.826.38.824.835.014.566-.127%201.133-.409%201.632-.262.495-.658.918-1.141%201.217-.112.075-.25.121-.394.128l-.058.002-.161-.016c-.232-.054-.426-.192-.552-.388zm3.497-5.721c-.694-1.193-1.468-2.354-2.298-3.448l-.566-.766-.243-.325c-.077-.104-.171-.19-.287-.26-.436-.25-.99-.105-1.249.321l-.019.029c-.164.297-.363.63-.688%201.15-.72%201.18-1.372%202.416-1.939%203.676-.695%201.573-1.026%202.784-.986%203.595.048%201.258.605%202.466%201.529%203.322l.021.024c.847.842%202.008%201.319%203.199%201.319l.115-.001h.01c1.347-.092%202.599-.684%203.528-1.671.851-.947%201.293-2.219%201.215-3.488-.041-.815-.492-1.985-1.342-3.477zm-6.435%203.865c-.057-1.092%201.321-4.008%202.662-6.223v.001c1.583%202.122%203.215%204.84%203.273%205.935l.007.117c.055%201.613-1.211%202.969-2.825%203.025-.806.033-1.575-.236-2.176-.765-.58-.535-.923-1.294-.941-2.09zm-24.743%2017.791h26.179c.591%202.92%202.71%205.399%205.788%205.399s5.599-2.367%206.191-5.288h4.208c.694.004%201.261-.555%201.265-1.25v-30.347c0-.708.121-1.116-.582-1.116h-39.558c-.703%200-1.745.461-1.745%201.164v1.747h-10.472c-2.451-.052-4.611%201.602-5.202%203.983l-2.361%208.824-3.437%202.367c-.393.231-.635.652-.635%201.108l.005%2012.254c-.042.596.406%201.113%201.002%201.155h7.138c.591%202.92%202.811%205.399%205.894%205.399%203.035-.008%205.647-2.151%206.249-5.128l.073-.271zm-8.726-27.361h2.909v10.479h-7.563l1.934-8.242c.302-1.273%201.415-2.188%202.72-2.237zm50.03%2015.718h-37.231l-.014-16.892.014-1.737h37.231v18.629zm-37.246%204.589l.014-2.261h37.231v6.986h-3.491c-.592-2.92-2.763-5.079-5.847-5.079s-5.197%202.159-5.788%205.079h-22.105l-.014-1.776m24.079%203.1c.008-2.117%201.729-3.826%203.844-3.818%202.115.008%203.823%201.73%203.815%203.847-.008%202.111-1.72%203.818-3.83%203.818-2.117-.006-3.831-1.727-3.829-3.847zm-38.288%200c.009-2.117%201.731-3.825%203.846-3.816%202.003.009%203.661%201.56%203.804%203.559-.032.17-.032.344%200%20.514-.153%202.111-1.986%203.699-4.096%203.546-1.996-.144-3.544-1.801-3.554-3.803zm11.896-1.324l-1.896-.087c-.581-2.938-3.179-5.04-6.171-4.992-2.962-.041-5.518%202.073-6.036%204.992l-5.677.087v-3.493l3.922.029c.713.012%201.305-.548%201.333-1.261v-3.789c.004-.692-.553-1.257-1.245-1.261h-3.806v-.844l2.526-1.688h10.942c.708%200%20.873-.956.873-1.664v-11.062h5.236l-.001%2025.033zm-19.779-7.568h2.909v1.747h-2.909v-1.747z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	background-position: 50% 15px;
	background-size: 50px;
}

.section-rental-and-shipping .rental-fee .price, .section-rental-and-shipping .shipping-fee .price {
	margin: 0 0 0 30px;
	padding-bottom: 4px;
	color: #d1626e;
	font: 700 3rem/1 "Noto Sans CJK JP", sans-serif;
}

.section-rental-and-shipping .shipping-fee::before {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	content: "＋";
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #385a78;
	font: 700 3.6rem/1 "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.section-rental-and-shipping .btn-delivery-area {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	height: 44px;
	padding: 0 22px;
	overflow: hidden;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	background: #c4af90;
	color: #fff;
	font: 700 1.4rem/1 "Noto Sans CJK JP", sans-serif;
	text-decoration: none;
}

.section-rental-and-shipping .btn-delivery-area span {
	padding: 0 26px;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') 100% 50% no-repeat;
	line-height: 1.3;
	text-align: center;
}

.section-price .section-footer {
	margin-top: 18px;
}

@media only screen and (min-width: 769px) {
	.section-price {
		/*margin: 116px 0 0; 191212 */
		margin: 116px 0;
	}

	.section-price .anchor {
		top: -180px;
	}

	.section-price .section-title {
		padding: 65px 0 31px;
		font-size: 4.4rem;
		background: url(../../img/page/home/price/bg-section-title.png) 50% 50% no-repeat;
	}

	.section-price .section-title::after {
		margin-top: 20px;
		font-size: 1.8rem;
	}

	.section-price .section-body {
		margin-top: 55px;
	}

	.section-rental-and-shipping {
		position: relative;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.section-rental-and-shipping > * {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.section-rental-and-shipping .rental-fee, .section-rental-and-shipping .shipping-fee {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		padding: 48px 50px;
	}

	.section-rental-and-shipping .rental-fee {
		-webkit-border-radius: 10px 0 0 10px;
		border-radius: 10px 0 0 10px;
	}

	.section-rental-and-shipping .shipping-fee {
		-webkit-border-radius: 0 10px 10px 0;
		border-radius: 0 10px 10px 0;
	}

	.section-rental-and-shipping .shipping-fee::before {
		top: 50%;
		left: 0;
		font-size: 7.2rem;
	}

	.section-rental-and-shipping .rental-fee .title, .section-rental-and-shipping .shipping-fee .title {
		width: 160px;
		font: 700 2.4rem/1 "Noto Sans CJK JP", sans-serif;
	}

	.section-rental-and-shipping .rental-fee .title {
		padding-bottom: 65px;
		background-position: 50% 35px;
		background-size: 40px;
	}

	.section-rental-and-shipping .shipping-fee .title {
		padding-bottom: 65px;
		background-position: 50% 30px;
		background-size: 70px;
	}

	.section-rental-and-shipping .rental-fee .price, .section-rental-and-shipping .shipping-fee .price {
		margin: 0 0 0 30px;
		font: 700 6rem/1 "Noto Sans CJK JP", sans-serif;
	}

	.section-rental-and-shipping .btn-delivery-area {
		position: absolute;
		bottom: 0;
		left: 75%;
		display: -ms-inline-flexbox;
		display: -webkit-inline-box;
		display: -webkit-inline-flex;
		display: inline-flex;
		-webkit-flex: none;
		-ms-flex: none;
		flex: none;
		width: 240px;
		height: 60px;
		padding: 0 30px;
		overflow: hidden;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		font-size: 1.6rem;
		-webkit-transform: translate(-50%,50%);
		-moz-transform: translate(-50%,50%);
		-ms-transform: translate(-50%,50%);
		-o-transform: translate(-50%,50%);
		transform: translate(-50%,50%);
		-webkit-transition: background .5s;
		-moz-transition: background .5s;
		-ms-transition: background .5s;
		-o-transition: background .5s;
		transition: background .5s;
	}

	.section-rental-and-shipping .btn-delivery-area:hover {
		background: #d8c7ad;
	}

	.section-rental-and-shipping .btn-delivery-area span {
		padding: 0 26px 0 13px;
		padding-bottom: 2px;
	}

	.section-price .section-footer {
		margin-top: 60px;
	}

	.section-price .section-footer .btn {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 768px) {
	.section-price {
		/*padding: 56px 0 62px;*/
		padding: 56px 0 141px;
	}

	.section-price .section-title {
		height: 90px;
	}

	.section-rental-and-shipping .rental-fee, .section-rental-and-shipping .shipping-fee {
		text-align: center;
	}

	.section-rental-and-shipping .btn-delivery-area {
		margin-top: 20px;
	}

	.section-rental-and-shipping .btn-delivery-area span {
		width: 100%;
	}
}

.section-feature {
	padding: 240px 0 120px;
	background: url(../../img/page/home/feature/bg-top.png) 50% 0 no-repeat, url(../../img/page/home/feature/bg.jpg) 50% 100% no-repeat;
}

.section-feature .anchor {
	top: -180px;
}

.section-feature .container {
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.section-feature .section-header {
	max-width: 400px;
	-webkit-flex: 0 0 400px;
	-ms-flex: 0 0 400px;
	flex: 0 0 400px;
	padding-top: 68px;
}

.section-feature .section-title {
	margin: 0;
	color: #21445b;
	font-weight: 700;
	font-size: 4.4rem;
	font-family: "Noto Serif CJK JP", serif;
	line-height: 1;
	letter-spacing: 8px;
}

.section-feature .section-title::after {
	display: block;
	margin-top: 26px;
	content: attr(data-en);
	font-weight: 300;
	font-size: 1.8rem;
	font-family: "Noto Sans CJK JP", sans-serif;
	line-height: 1;
	letter-spacing: 1px;
}

.section-feature .section-description {
	margin-top: 90px;
	font-weight: 700;
	font-size: 2rem;
	color: #21445b;
	line-height: 2;
}

.section-feature .section-description span {
	display: block;
}

.section-feature .section-body {
	max-width: 770px;
	-webkit-flex: 0 0 770px;
	-ms-flex: 0 0 770px;
	flex: 0 0 770px;
}

.section-feature .features > :first-child {
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	height: 955px;
}

.section-feature .features .feature {
	overflow: hidden;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.section-feature .features > :first-child > .feature {
	width: 370px;
	margin-top: auto;
}
.section-feature .features > :first-child > .feature:first-child{
    margin-top: unset;
}
/*.section-feature .features > :first-child > .feature:nth-child(2){
	margin-top: auto;
}*/

.section-feature .features > :first-child > .feature:not(:nth-child(-n+3)) {
	margin-left: auto;
	margin-top:unset;
}
.section-feature .features > :first-child > .feature:not(:nth-child(-n+4)) {
    margin-top: auto;
}
/*.section-feature .features > :first-child > .feature:not(:nth-child(-n+3)) {
	margin-top: auto;
}
*/

.section-feature .features > :last-child {
	margin-top: 30px;
}

.section-feature .features .feature a {
	position: relative;
	display: block;
	width: 100%;
	text-decoration: none;
}

.section-feature .feature-baby a::before, .section-feature .feature-business a::before {
	z-index: 1;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(41,94,133,0);
	-webkit-transition: background .5s cubic-bezier(.250,.460,.450,.940);
	-moz-transition: background .5s cubic-bezier(.250,.460,.450,.940);
	-ms-transition: background .5s cubic-bezier(.250,.460,.450,.940);
	-o-transition: background .5s cubic-bezier(.250,.460,.450,.940);
	transition: background .5s cubic-bezier(.250,.460,.450,.940);
}

.section-feature .feature-baby:hover a::before, .section-feature .feature-business:hover a::before {
	background: rgba(41,94,133,.15);
}

.section-feature .feature .card-header {
	position: relative;
	overflow: hidden;
}

.section-feature .feature .card-header::before {
	z-index: 1;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(41,94,133,0);
	-webkit-transition: background .5s cubic-bezier(.250,.460,.450,.940);
	-moz-transition: background .5s cubic-bezier(.250,.460,.450,.940);
	-ms-transition: background .5s cubic-bezier(.250,.460,.450,.940);
	-o-transition: background .5s cubic-bezier(.250,.460,.450,.940);
	transition: background .5s cubic-bezier(.250,.460,.450,.940);
}

.section-feature .feature:hover .card-header::before {
	background: rgba(41,94,133,.15);
}

.section-feature .feature .card-header img {
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform .5s cubic-bezier(.250,.460,.450,.940);
	-moz-transition: -moz-transform .5s cubic-bezier(.250,.460,.450,.940);
	-ms-transition: -ms-transform .5s cubic-bezier(.250,.460,.450,.940);
	-o-transition: -o-transform .5s cubic-bezier(.250,.460,.450,.940);
	transition: transform .5s cubic-bezier(.250,.460,.450,.940);
}

.section-feature .feature:hover .card-header img {
	top: 50%;
	-webkit-transform: translateY(-50%) scale(1.15);
	-moz-transform: translateY(-50%) scale(1.15);
	-ms-transform: translateY(-50%) scale(1.15);
	-o-transform: translateY(-50%) scale(1.15);
	transform: translateY(-50%) scale(1.15);
}

.section-feature .feature .card-body {
	height: 105px;
	padding: 20px;
	background: #fff;
}

.section-feature .feature .feature-date {
	font-weight: 700;
	font-size: 1.4rem;
	font-family: "Noto Sans CJK JP", sans-serif;
	line-height: 1;
	color: #21445b;
}

.section-feature .feature .feature-excerpt {
	margin-top: 6px;
	font-weight: 300;
	font-size: 1.6rem;
	font-family: "Noto Sans CJK JP", sans-serif;
	line-height: 1.40625;
	color: #000;
}

.section-feature .feature .feature-cat {
	position: absolute;
	top: 0;
	left: 0;
	width: 105px;
	height: 40px;
	-webkit-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.333333333;
	color: #fff;
	text-align: center;
}

.section-feature .feature .feature-cat span {
	display: block;
}

.section-feature .section-footer {
	width: 100%;
	margin-top: 40px;
	text-align: right;
}

.section-feature .section-footer .btn {
	display: inline-block;
	padding: 0 55px 0 35px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #21445b url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') top 50% right 30px no-repeat;
	color: #fff;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-ms-transition: background-color .5s;
	-o-transition: background-color .5s;
	transition: background-color .5s;
}

.section-feature .section-footer .btn:hover {
	background-color: #295e85;
}

@media only screen and (min-width: 769px) {
	.section-feature .feature .card-header {
		width: 370px;
		height: 200px;
	}
}

@media only screen and (max-width: 768px) {
	.section-feature {
		min-height: 0;
		padding: 0 0 55px;
		background-color: #edf2f6;
		background-image: url(../../img/sp/page/home/feature/bg-top.png), url(../../img/sp/page/home/feature/bg-bottom.jpg);
		background-position: 50% 0, 50% 100%;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.section-feature .anchor {
		top: 26px;
	}

	.section-feature .container {
		display: block;
	}

	.section-feature .section-header {
		width: auto;
		height: auto;
		min-width: 0;
	}

	.section-feature .section-title {
		color: #fff;
		font-size: 2.5rem;
		text-align: center;
	}

	.section-feature .section-title::after {
		margin-top: 14px;
		font-size: 1.1rem;
	}

	.section-feature .section-description {
		color: #fff;
		margin: 30px 0 0;
		font-size: 1.4rem;
		line-height: 1.928571429;
	}

	.section-feature .section-description span {
		display: inline;
	}

	.section-feature .section-body {
		display: block;
		min-width: 0;
		margin-top: 26px;
	}

	.section-feature .features > :first-child {
		display: block;
		height: auto;
	}

	.section-feature .features .feature {
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

/*	.section-feature .features .feature:not(:first-child) {
		margin-top: 15px;
	}*/

	.section-feature .features > :first-child > .feature {
		width: 48%;
		display: inline-flex;
	}

	.section-feature .features > :first-child > .feature:nth-child(even) {
	    margin-left: 4%;
	}

/*	.section-feature .features > :first-child > .feature:nth-child(2) {
		margin-top: 15px;
	}

	.section-feature .features > :first-child > .feature:not(:nth-child(-n+2)) {
		margin-left: auto;
	}
*/
	.section-feature .features > :first-child > .feature:not(:nth-child(-n+3)) {
		margin-top: 15px;
	}

	.section-feature .features > :last-child {
		margin-top: 15px;
	}

	.section-feature .feature-baby img, .section-feature .feature-business img {
		width: 100%;
		height: auto;
	}

	.section-feature .feature .card-header {
		height: 27.875vw;
	}

	.section-feature .feature .card-header img {
		width: 100%;
		height: auto;
	}

	.section-feature .feature .card-body {
		height: auto;
		padding: 15px;
		background: #fff;
	}

	.section-feature .feature .feature-date {
		font-size: 1.1rem;
	}

	.section-feature .feature .feature-excerpt {
		margin-top: 0px;
		font-size: 1.3rem;
		line-height: 1.285714286;
	}

	.section-feature .feature .feature-cat {
		width: 95px;
		height: 35px;
		-webkit-border-radius: 0 0 5px 0;
		border-radius: 0 0 5px 0;
		font-size: .9rem;
		line-height: 1.333333333;
	}

	.section-feature .section-footer .btn {
		position: relative;
		display: block;
		width: 100%;
		height: 44px;
		padding: 0 22px;
		-webkit-border-radius: 22px;
		border-radius: 22px;
		color: #fff;
		background: #21405b url(../../img/public/btn-dark.svg) 50% 18px / 110% auto no-repeat;
		font-size: 1.3rem;
		line-height: 44px;
		text-align: center;
		text-decoration: none;
		-webkit-transition: background-position .8s cubic-bezier(.250,.460,.450,.940);
		-moz-transition: background-position .8s cubic-bezier(.250,.460,.450,.940);
		-ms-transition: background-position .8s cubic-bezier(.250,.460,.450,.940);
		-o-transition: background-position .8s cubic-bezier(.250,.460,.450,.940);
		transition: background-position .8s cubic-bezier(.250,.460,.450,.940);
	}

	.section-feature .section-footer .btn:hover {
		background-position: 50% -10px;
	}

	.section-feature .section-footer .btn::after {
		display: block;
		position: absolute;
		right: 32px;
		top: 50%;
		width: 16px;
		height: 14px;
		content: "";
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E');
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

.section-news {
	padding-top: 94px;
}

.section-news .section-title {
	margin: 0;
	color: #21445b;
	font-weight: 700;
	font-size: 4.4rem;
	font-family: "Noto Serif CJK JP", serif;
	line-height: 1;
	letter-spacing: 8px;
}

.section-news .section-header .btn {
	display: block;
	margin-left: auto;
	padding: 0 55px 0 35px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #21445b url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') top 50% right 30px no-repeat;
	color: #fff;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	opacity: 1;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-ms-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s;
}

.section-news .section-header .btn:hover {
	background-color: #295e85;
}

.section-news .news-list {
	margin: 70px 0 0;
	padding: 0;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.section-news .news-item {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	position: relative;
	width: 270px;
	height: 220px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.section-news .news-item a {
	width: 100%;
	padding: 70px 30px 30px;
	background: #e9ebee url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23c4af90%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') right 30px bottom 30px / 26px auto no-repeat;
	text-decoration: none;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	-ms-transition: background .5s;
	-o-transition: background .5s;
	transition: background .5s;
}

.section-news .news-item a:hover {
	background: #cbd2d8 url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') right 30px bottom 30px / 26px auto no-repeat;
}

.section-news .news-cat {
	position: absolute;
	top: 0;
	left: 0;
	width: 134px;
	height: 50px;
	-webkit-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
	font-size: 1.2rem;
	line-height: 50px;
	color: #fff;
	text-align: center;
}

.section-news .news-date {
	margin-top: auto;
	color: #8597a4;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1;
}

.section-news .news-excerpt {
	overflow: hidden;
	color: #000;
	font-size: 1.4rem;
	line-height: 1.857142857;
}

.section-news .news-excerpt span {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	display: box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	-ms-line-clamp: 3;
	-o-line-clamp: 3;
	line-clamp: 3;
}

.section-news .section-footer {
	display: none;
}

@media only screen and (max-width: 768px) {
	.section-news {
		padding-top: 60px;
		background: #fff;
	}

	.section-news .section-header {
		display: block;
	}

	.section-news .section-title {
		font-size: 2.5rem;
		text-align: center;
	}

	.section-news .section-header .btn {
		display: none;
	}

	.section-news .news-list {
		display: block;
		margin-top: 35px;
	}

	.section-news .news-item {
		width: 100%;
		height: auto;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.section-news .news-item:not(:first-child) {
		margin-top: 10px;
	}

	.section-news .news-item a {
		width: 100%;
		padding: 46px 15px 15px;
		background: #e9ebee url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23c4af90%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') right 15px bottom 15px no-repeat;
	}

	.section-news .news-item a:hover {
		background: #cbd2d8 url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M16%207c0-.252-.162-.467-.391-.557l-9.077-6.328c-.282-.196-.673-.135-.877.134-.204.27-.141.646.139.842l7.612%205.307h-12.778c-.347-.001-.628.269-.628.602%200%20.333.281.603.628.603h12.777l-7.612%205.307c-.28.196-.343.573-.139.842.124.162.315.248.509.248.128%200%20.257-.037.369-.115l9.077-6.328c.229-.09.391-.305.391-.557z%22%2F%3E%3C%2Fsvg%3E') right 15px bottom 15px no-repeat;
	}

	.section-news .news-cat {
		width: 112px;
		height: 35px;
		-webkit-border-radius: 0 0 5px 0;
		border-radius: 0 0 5px 0;
		font-size: 1.1rem;
		line-height: 35px;
	}

	.section-news .news-date {
		margin-top: 8px;
	}

	.section-news .news-excerpt {
		height: calc(1em * 1.692307692 * 2);
		font-size: 1.3rem;
		line-height: 1.692307692;
	}

	.section-news .section-footer {
		display: block;
		margin-top: 20px;
	}
}


	.section-src {
	    height: auto;
	    padding: 54px 0 30px;
	    background: #fff;
	}
	.section-src .section-title {
		font-size: 2.5rem;
		color: #333;
	    margin: 0;
	    font-weight: 700;
	    font-family: "Noto Serif CJK JP", serif;
	    line-height: 1;
	    letter-spacing: 8px;
	    text-align: center;
	}
	.section-src .section-title::after {
		margin-top: 14px;
		font-size: 1.1rem;
	}

	.section-src .section-title::after {
		display: block;
		margin-top: 14px;
		content: attr(data-en);
		color: #52778f;
		font-weight: 300;
		font-size: 1.1rem;
		font-family: "Noto Sans CJK JP", sans-serif;
		line-height: 1;
		letter-spacing: 1px;
	}

	.src {
  	 	margin-top: 25px;
		padding: 26px 14px 32px;
		background: url(../../img/page/home/feature/bg-src.png) no-repeat;
		background-size: cover;
    	background-position: center;
    	border-radius: 7px;
	}

	.src-lead {
		font-size: 1.5rem;
		font-weight: bold;
	    text-align: center;
	    color: #fff;
	}

@media only screen and (min-width: 769px) {
	.section-src {
    	padding: 126px 0 0;
	}
	.section-src .section-title {
		font-size: 4.4rem;
	}
	.section-src .section-title::after {
		margin-top: 34px;
		font-size: 1.8rem;
	}
	.src{
		margin-top: 60px;
		height: 258px;
		border-radius: 0;
	}
	.src-lead {
	    font-size: 2.4rem;
	    padding: 20px 0 15px;
	}
}



.section-apply-inquiry {
	height: auto;
	padding: 54px 0 58px;
	background: linear-gradient(to top, #e3e9ef 50%, white 100%);
}

.section-apply-inquiry::before {
	content: none;
}

.section-apply-inquiry .section-title {
	color: #333;
	font-size: 2.5rem;
}

.section-apply-inquiry .section-title::after {
	display: block;
	margin-top: 14px;
	content: attr(data-en);
	color: #52778f;
	font-weight: 300;
	font-size: 1.1rem;
	font-family: "Noto Sans CJK JP", sans-serif;
	line-height: 1;
	letter-spacing: 1px;
}

@media only screen and (min-width: 769px) {
	.section-apply-inquiry {
		padding: 126px 0 100px;
	}

	.section-apply-inquiry .section-title {
		font-size: 4.4rem;
	}

	.section-apply-inquiry .section-title::after {
		margin-top: 34px;
		font-size: 1.8rem;
	}
}

.footer {
	background: url(../../img/sp/page/home/footer/bg-wave.png) 0 0 / contain no-repeat, url(../../img/sp/public/footer/bg.png) 50% 0 no-repeat;
}

@media only screen and (min-width: 769px) {
	.footer {
		background: url(../../img/page/home/footer/bg-wave.png) 0 0 / contain no-repeat, url(../../img/public/footer/bg.png) 50% 0 no-repeat;
	}
}

.slider .draw-wave {
	z-index: 1;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 240px;
	background: #fff;
	opacity: .9;
}

.slider .draw-wave canvas {
	position: absolute;
	top: -40px;
}

@media only screen and (max-width: 768px) {
	.slider .draw-wave {
		display: none;
	}
}

.owl-carousel .owl-item img {
	height: auto;
}

/* new area 天然水 */

.pc-none {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .pc-none {
    display: block !important;
  }
}

.sp-none {
 /* display: block;*/
}

@media screen and (max-width: 768px) {
  .sp-none {
    display: none !important;
  }
}

.Natural__water {
  width: 100%;
  margin: 125px auto 0;
}

.Natural__water ul {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0;
}

.Natural__water li {
  overflow: hidden;
  width: 100%;
  list-style-type: none;
  position: relative;
}

.Natural__water li img {
  width: 234px;
  height: 320px;
  display: block;
  object-fit: cover;
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.Natural__water li img:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  transition-duration: 0.5s;
  /*変化に掛かる時間*/
}

.Natural__water li span {
  display: block;
  color: #FFF;
  position: absolute;
  bottom: 10%;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.Natural__water li a {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.Natural__water li:first-child {
  -webkit-border-radius: 15px 0 0 15px;
  border-radius: 15px 0 0 15px;
}

.Natural__water li:last-child {
  -webkit-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
}

.Natural__water__sp {
  display: block;
}

.Natural__water__sp img {
  max-width: 100%;
  height: auto;
}

.Natural__water__sp li {
  width: 100%;
}

.Natural__water__sp li img {
  width: 100%;
  height: auto;
}

.Natural__water__sp li:first-child {
  -webkit-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

.Natural__water__sp li:last-child {
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
}

.Natural__water__sp li span {
  text-align: left;
  margin: 0.5em 1.5em;
  bottom: 20%;
}

.Natural__water__sp li a {
  font-size: 16px;
}

.water-tipe{
	margin-top: 122px;
}

.servers_col3{
	flex-wrap: wrap;
	max-width: 919px;
	margin: 0 auto;
	justify-content: center;
}

@media screen and (max-width: 768px) {
	.Natural__water {
	  margin: 62.5px auto 0;
	}
	.water-tipe{
	margin-top: 0;
	}
	.water-tipe .section-header{
		padding-top: 52px;
	}
	.servers_col3{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto;
		justify-content: center;
	}
	.server{
		width: 33.333%;
		display: block;
	}
	.server img{
		display: block;
		margin: 0 auto;
	}
	.section-water-server .server-slimserver3 a {
		background: none;
	}
	.section-water-server .server-slimserver3-short a {
		background: none;
	}
	.section-water-server .server-amadana-new a {
		background: none;
	}
	.section-water-server .server-cado a {
		background: none;
	}
	.section-water-server .server-amadana-old a {
		background: none;
	}
	.section-water-server .server-quol a {
		background: none;
	}
	.section-water-server .server:nth-child(odd) a {
		padding-left: 0;
	}
	.section-water-server .server:nth-child(even) a {
		padding-right: 0;
	}
	.section-water-server .server a{
		padding: 0;
		height: 100%;
	}
	.section-water-server .server-name{
		font-size: 1.1rem;
		text-align: center;
		margin: 1em 0.5em;
		height: 42px;
	}
	.section-water-server .server-footer .btn{
		padding: 0 11px;
		height: 24px;
		margin: 2em 0.5em;
	}
	.section-water-server .server-footer .btn span{
		padding: 0;
		background-size: 10px 10px;
	}
	.special{
	padding: 10em 0 0 !important;}

}/* //sp */

.section-water-server .server:nth-child(1) {
	border-radius: 10px 0 0 0;
}
.section-water-server .server:nth-child(3) {
	border-radius: 0 10px 0 0;
}
.section-water-server .server:nth-child(4) {
	border-radius: 0 0 0 10px;
}
.section-water-server .server:nth-child(6) {
	border-radius: 0 0 10px 0;
}
.special{
	padding: 15em 0 0;
}

/* fade */
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 100px);
    transition : all 500ms;
    }

/* 画面内に入った状態 */
.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

/* テキストh3化 20200709 */
.section-why .reason .txt > h3 span {
	display: block;
}

.section-feature .feature .feature-excerpt h3 {
	margin-top: 6px;
	font-weight: 300;
	font-size: 1.6rem;
	font-family: "Noto Sans CJK JP", sans-serif;
	line-height: 1.40625;
	color: #000;
}

@media only screen and (max-width: 768px) {
	.section-why .reason .txt h3 span {
		display: block;
	}

	.section-feature .feature .feature-excerpt h3 {
		margin-top: 0px;
		margin-bottom: 0;
		font-size: 1.3rem;
		line-height: 1.285714286;
	}

    .section-footer .btn h3 {
        margin: 0 auto;
    }
}