/*
Version:1.0.9
*/
/* CSS Document */

@font-face {
	font-family: 'FuturaPTHeavy';
	src:url('../webfonts/FuturaPTHeavy.woff') format('woff'),
		url('../webfonts/FuturaPTHeavy.ttf') format('truetype');
}
@font-face {
	font-family: 'FuturaPTLight';
	src:url('../webfonts/FuturaPTLight.woff') format('woff'),
		url('../webfonts/FuturaPTLight.ttf') format('truetype');
}
@font-face {
	font-family: "YuGothMWEB";
	src: url("../webfonts/YuGothMWEB.eot?")  format('eot'),
	url("../webfonts/YuGothMWEB.woff")  format('woff');
}
@font-face {
	font-family: 'LigatureSymbols';
	src: url('../webfonts/LigatureSymbols-2.11.eot');
	src: url('../webfonts/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
		url('../webfonts/LigatureSymbols-2.11.woff') format('woff'),
		url('../webfonts/LigatureSymbols-2.11.ttf') format('truetype'),
		url('../webfonts/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
	src: url('../webfonts/LigatureSymbols-2.11.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.numeric,.furuta{
	font-family: 'FuturaPTLight';
}
.numeric.bold,.furuta.bold{
	font-family: 'FuturaPTHeavy';
}

.lsf, .lsf-icon:before {
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

.lsf-icon:before {
	content:attr(title);
	margin-right:0.3em;
	font-size:130%;
}
.lsf-icon.line:before {
	content: '\E157';
	color: #06c755;
}
.lsf-icon.twitter:before {
	content: '\E12f';
	color: #1DA1F2;
}
.lsf-icon.instagram:before {
	content: '\E155';
	color: #CF2E92;
}

/*------------------------------------------------------------*/
html,body{
	width:100%;
	padding:0;
	margin:0 auto;
	text-align:center;
	font-family: "YuGothMWEB","游ゴシック",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
main {
	max-width: unset;
	padding: 0;
}
.mincho{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
h2[class*="fukidashi"],h3[class*="fukidashi"]{
	font-weight:normal;
}
h1.site-title,p.site-title{
	margin:0;
}
h2{
	font-size:36px;
}
h3{
	font-size:28px;
}
p:not(.normal){
	margin:0;
	padding:0;
}
img{
	max-width:100%;
	height:auto;
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
iframe{ vertical-align: bottom; }

*{ box-sizing: border-box; }
@media only screen and (max-width:768px){
	h1{ font-size:26px; }
	h2{ font-size:21px; }
	h3{ font-size:18px; }
}

.Cashless{
	font-size:9pt;
	text-align:left;
	max-width:728px;
	margin:1em auto;
}

.wrap{
	width:100%;
	max-width:1080px;
	margin:0 auto;
	box-sizing: border-box;
}

header{
	width:100%;
	box-shadow: 0px -1px #eee inset;
	padding: .5em 0;
}
.header{
	width:100%;
	max-width:1080px;
	margin:0 auto;
	box-sizing: border-box;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
}
.HeaderLogo{
	width:40%;
	max-width:200px;
}
.HeaderZenkoku{
	width:50%;
	max-width:100px;
}
.HeaderZenkoku p{
	color:#FFF;
	background-color:#EC7AA0;
	font-size:14pt;
}
.HeaderCatch{
	max-width: 100%;
	position:relative;
	right:0;
	margin-left: auto;
}

.sp-menu{
	display:none;
}
.menu-togle{
	width:30px;
	height:20px;
	position:fixed;
	top:15px;
	right:15px;
	z-index:100;
}
.menu-togle span{
	display:block;
	width:100%;
	height:2px;
	background:#b7b7b7;
	position:absolute;
	transition: all .2s;
}
.menu-togle span:nth-child(1){ top:0px; }
.menu-togle span:nth-child(2){ top:10px; }
.menu-togle span:nth-child(3){ top:20px; }

.menu-togle.open span:nth-child(1){
	top:10px;
	transform:rotate(135deg);
}
.menu-togle.open span:nth-child(2){ display:none; }
.menu-togle.open span:nth-child(3){
	top:10px;
	transform:rotate(-135deg);
}

.sp-menu-content{
	width:0;
	display:block;
	transition: all .5s;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	background:#FCECED;
	z-index:99;
	text-align: left;
}
.sp-menu-content ul{
	padding:0;
	list-style:none;
	padding: 30px 15px;
	width:300px;
}
.sp-menu-content ul li{
	margin:10px auto;
}
.sp-menu-content ul li a{
	padding:5px;
	color:#000;
	text-decoration:none;
}
.menu-togle.open + .sp-menu-content{
	width:80%;
}

.sp-sns-links {
	display: flex;
	justify-content: center;
	margin: 30px auto;
	font-size: 40px;
	width:300px;
}
.sp-sns-links a{
	display:block;
	margin:10px;
	text-decoration:none;
}
.sp-sns-links i.lsf-icon {
	font-style: normal;
	width: 40px;
	height: 40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.sp-sns-links i.lsf-icon:before{
	margin-right:0;
}
@media only screen and (max-width:768px){
	.HeaderCatch{
		display:none;
	}
	.sp-menu{
		display:block;
	}
}


.FvWrap{
	background-image:url('../img/fv-bg.webp');
	background-size:100% 100%;
}
.FvWrap img{
	width:100%;
	max-width:1200px;
}

.CartWrap{
	max-width:1000px;
	position:relative;
}
.BtnWeb{
	right:2%;
	bottom: 10%;
	width: 100%;
	max-width: 250px;
}
.BtnWeb:hover { opacity: .8; }
.BtnWrap{
	max-width:1000px;
	margin:1em auto;
}
/**/
.section_wrap{
	width: 96%;
	max-width: 980px;
	margin:30px auto;
	position: relative;
}
/* CTA */
.NewCartWrap.wrap {
	background: #EC7AA0;
	padding:0 5px 10px;
}

p.CartBand {
	padding:10px 0;
	font-size: 46px;
	color: #FFF;
}
span.emphasis {
	-webkit-text-emphasis: filled;
	-moz-text-emphasis: filled;
	-ms-text-emphasis: filled;
	-o-text-emphasis: filled;
	text-emphasis: filled;
}

.NewCartContent {
	background: #FFF;
	display: flex;
}
.aquabank-server-img {
	width: 15%;
}
.aquabank-server-info {
	width: 85%;
	padding:5px;
}
.aquabank-server-info-main {
	display: flex;
}
.aquabank-server-info-data{
	width: 65%;
}
.aquabank-server-info-main div.aquabank-btn{
	width: 35%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aquabank-server-info-data .logo-svg{
	width:50%;
}

p.appeal-box {
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	background: linear-gradient(0deg, #e52c80, #e8597c);
}
.aquabank-server-info-bottom {
	display: flex;
	margin: 50px auto 0;
	padding: 5px 0;
	border:2px solid #EC7AA0;
	color:#EC7AA0;
}
.aquabank-server-info-bottom div{
	display: flex;
	justify-content: center;
	align-items:center;
	border-right: 2px solid #EC7AA0;
	font-size: 24px;
	width: 33%;
}
.aquabank-server-info-bottom div span:nth-child(1){
	width:30%;
}
.aquabank-server-info-bottom div span:nth-child(2){
	width:calc(70% - 5px);
	line-height:1.2;
}
.aquabank-server-info-bottom div:last-child{
	border-right:none;
}

@media only screen and (max-width:768px){
	p.CartBand {
		font-size: 18px;
		font-weight:bold;
	}
	.aquabank-server-info-data .logo-svg{
		max-width:100px;
	}
	p.appeal-box {
		font-size: 18px;
	}
	.aquabank-server-info-bottom{
		margin: 5px auto 0;
	}
	.aquabank-server-info-bottom div{
		font-size: 14px;
	}

}
/* Coupon */
.coupon-box {
	border: 5px solid #F3EFEA;
	box-sizing: border-box;
}
.coupon-box h2 {
	font-weight: normal;
	margin: 0 auto 50px;
	padding: 10px 0;
	background: #F3EFEA;
	font-size: 38px;
	position: relative;
}
.coupon-box h2:after {
	content: "";
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 35px solid #F3EFEA;
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	margin: auto;
}
.attention-box {
	text-align: left;
	padding: 30px;
	font-size: 16px;
	max-width: 600px;
	margin: auto;
}
@media only screen and (max-width:768px){
	.coupon-box h2 {
		font-size: 21px;
		margin: 0 auto 30px;
	}
	.coupon-box h2:after{
		border: 10px solid transparent;
		border-top: 15px solid #F3EFEA;
		bottom: -25px;
	}
	.attention-box {
		padding: 15px;
		font-size: 12px;
	}
}
/* NEWS */
.news-block{
	border-top: 10px solid #E85A8F;
	border-bottom: 10px solid #E85A8F;
}
.news-block h2 {
	font-size: 38px;
	border-bottom: 1px solid #E85A8F;
	padding-bottom: 1em;
}
ul.news-list {
	list-style: none;
	padding: 0;
	text-align: left;
	max-height: 200px;
	overflow-y: scroll;
	font-size:16px;
}
ul.news-list li a,ul.news-list li div {
	display: flex;
	align-items: flex-start;
	text-decoration: none;
	color: #4D4D4D;
	padding: 5px;
	border-bottom: 1px dashed;
}
ul.news-list li a span,ul.news-list li div span {
	background: #FDF2F6;
	padding: 0 4px;
	margin-right: .5em;
}
@media only screen and (max-width:768px){
	.news-block{
		border-top: 5px solid #E85A8F;
		border-bottom: 5px solid #E85A8F;
	}
	.news-block h2 {
		font-size: 21px;
	}
	ul.news-list {
		font-size:14px;
	}
}
/* 乗り換えドキ */
.transferring-block{
	background:url('../img/norikae-bg.webp');
	background-size:100% 100%;
	margin:auto;
	padding:0 30px 30px;
}
.transferring-point {
	margin: 15px auto;
	padding: 0;
	padding-left: 80px;
	border: 2px solid #E85A8F;
	width: 90%;
	max-width: 860px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: #FFF;
	box-sizing: border-box;
	text-align: left;
	position: relative;
	font-size: 32px;
	line-height:1.2;
}
.transferring-point:before, .transferring-point:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.transferring-point:before {
	width: 30px;
	height: 30px;
	border: 2px solid;
	left: 40px;
}
.transferring-point:after {
	width: 0;
	height: 0;
	border-top: 34px solid transparent;
	border-right: 8px solid #E85A8F;
	border-bottom: 6px solid #E85A8F;
	border-left: 12px solid transparent;
	transform: rotate(35deg);
	top: 0;
	bottom: 25px;
	left: 50px;
}
.transferring-point img {
	max-width: 180px;
}
@media only screen and (max-width:768px){
	.transferring-point {
		font-size:16px;
		padding-left: 30px;
	}
	.transferring-point img {
		max-width: 80px;
	}
	.transferring-point:before, .transferring-point:after {
	}
	.transferring-point:before {
		width: 15px;
		height: 15px;
		border: 1px solid;
		left: 10px;
	}
	.transferring-point:after {
		border-top: 14px solid transparent;
		border-right: 4px solid #E85A8F;
		border-bottom: 3px solid #E85A8F;
		border-left: 6px solid transparent;
		top: 5px;
		bottom: 15px;
		left: 15px;
	}
}
/* osusume-box */
.fukidashi ,.flat-fukidashi,.fukidashi-upper-pink{
	background: #FFF;
	width: 90%;
	margin: 30px auto 50px;
	border: 2px solid;
	padding: .5em 0;
	box-sizing: border-box;
	position: relative;
	line-height: 1.4;
}
.fukidashi:before, .fukidashi:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 24px solid transparent;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.fukidashi:before{
	border-top-color: #000;
	bottom: -50px;
}
.fukidashi:after{
	border-top-color: #FFF;
	bottom: -48px;
}
.fukidashi-upper-pink {
	border-color: #f4b9ce;
}
.fukidashi-upper-pink:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -28px;
	left: 100px;
	right: 0;
	margin: auto;
	border: 14px solid transparent;
	border-bottom-color: #f4b9ce;
	border-left: 10px solid transparent;
	transform: skewX(-70deg);
}

.osusume-block {
	background: #FFF;
	border: 2px solid;
	width: calc(50% - 14px);
	box-sizing: border-box;
	margin: 15px auto;
}
.osusume-block h3 {
	font-size: 24px;
}
.osusume-box{
	display:flex;
}
.osusume-box div{
	padding:10px;
}
.osusume-box div:nth-child(1){
	width:35%;
}
.osusume-box div:nth-child(2){
	width:65%;
	text-align:left;
	font-size:18px;
}
.scene-variation-box {
	background: #FCECF0;
	margin: 15px;
	padding: 15px;
	box-sizing: border-box;
	display:none;
}
.scene-variation {
	width: calc(33% - 10px);
	margin: 5px;
	background: #FFF;
	border: 1px solid;
	box-sizing: border-box;
}
@media only screen and (max-width:768px){
	.fukidashi ,.flat-fukidashi{
		border:2px solid;
		margin: 30px auto;
	}
	.fukidashi:before, .fukidashi:after {
		border-width: 16px;
	}
	.fukidashi:before{
		bottom: -32px;
	}
	.fukidashi:after{
		bottom: -29px;
	}
	.osusume-block{
		width:calc(100% - 14px);
	}
	.osusume-block h3 {
		font-size: 18px;
		margin-bottom:0;
	}
	.osusume-box{
		padding:10px 0;
	}
	.osusume-box div:nth-child(1){
		width:35%;
	}
	.osusume-box div:nth-child(2){
		width:65%;
		font-size:14px;
	}
	.scene-variation-box{
		display:block;
		padding:10px;
	}
	.scene-variation-box h4 {
		-webkit-font-feature-settings: "palt";
		font-feature-settings: "palt";
	}
}

/* 使い方も簡単*/
.easy-use-block{
	background-image:url('../img/tsukaikata-bg.webp');
	background-size: 100% 100%;
	padding: 50px;
	position: relative;
}
p.sosogudake-img {
	width: 50%;
	max-width: 300px;
	margin: auto;
}
.easy-use-absolute {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.easy-use-curve{
	position:relative;
}
.easy-use-curve span:nth-child(5),
.easy-use-curve span:nth-child(6),
.easy-use-curve span:nth-child(7),
.easy-use-curve span:nth-child(8),
.easy-use-curve span:nth-child(9),
.easy-use-curve span:nth-child(10){
	color:#E85A8F;
}
@media only screen and (max-width:768px){
	.easy-use-block{
		padding:15px;
	}
	.easy-use-absolute{
		bottom:20px;
	}
}
/* 選べるサーバー */
.server-type {
	background: #FFF;
	width: calc(50% - 10px);
	margin: 5px;
	padding:10px;
	border:2px solid;

}
.server-type-img {
	width: 30%;
	padding: 5px;
	box-sizing: border-box;
}
.server-detail {
	width: 70%;
	padding: 5px;
	box-sizing: border-box;
}
.server-detail p{
	text-align: left;
}
.server-type table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid;
	margin: 10px auto;
}
.server-type table th,.server-type table td{
	border: 1px solid;
	padding:5px;
}
@media only screen and (max-width:768px){
	.server-type {
		width: calc(100% - 10px);
	}
}
/**/
.aquabank-himitsu-block {
	border: 2px solid;
	background: #FFF;
}
.aquabank-himitsu-block h3 {
	color: #FFF;
	background: #000;
	margin: 0 auto 30px;
	padding: 10px 0;
}
.himitsu-img {
	width: calc(25% - 10px);
}
.himitsu-detail{
	width:calc(70% - 10px);
	margin-left:auto;
	margin-right:auto;
}
.himitsu-title{
	border: 1px solid;
	padding:15px;
	background: #CCCCCC;
	position: relative;
	padding-left:50px;
	margin: 30px auto;
	line-height: 1;
	font-size:24px;
}
.himitsu-title:first-child {
	margin-top: 0;
}
.himitsu-title span {
	width:40px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-right: 1px solid;
	padding:0 15px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.himitsu-detail p {
	text-align: left;
	line-height: 1.2;
	font-size: 16px;
	margin:1em auto;
}
.blend-block{
	margin-bottom:15px;
	margin-left:-10px;
}
.blend-box {
	width:calc(33.3% - 5px);
	margin:5px auto 0;
}
.blend-box h5 {
	font-size: 14px;
	margin: 5px auto;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	color:#00466C;
	height:2.4em;
	display:flex;
	justify-content: center;
	align-items: center;
	line-height: 1.2;
	border-bottom: 2px solid;
}
.blend-box p{
	font-size:16px;
}
.blend-box img {
	width: 80%;
}
@media only screen and (max-width:768px){
	.himitsu-title{
		font-size: 16px;
		margin:10px auto;
		padding:2px 10px;
	}
	.himitsu-img {
		width: 30%;
	}
	.himitsu-detail{
			width: calc(70% - 5px);
	}
	.blend-box h5 {
		font-size: 10px;
		padding-bottom: 5px;
	}
	.blend-box p{
		font-size:10px;
		margin:0;
	}
}

/**/
.kodawari-block{
	background-image:url('../img/kodawari-bg.webp');
	background-size:100% 100%;
}
.kodawari_wrap{
	display:flex;
	flex-wrap:wrap;
}
.kodawari_wrap .flat-fukidashi{
	width:calc(50% - 10px);
	margin: 5px;
}
.kodawari-block h3 {
	margin:5px auto;
}
.kodawari-box{
	display:flex;
	margin: 10px auto;
}
.kodawari-img{
	width:35%;
}
.kodawari-box p{
	width:65%;
	text-align:left;
	font-size:14px;
	padding:5px;
}
@media only screen and (max-width:768px){
	.kodawari_wrap .flat-fukidashi{
		width:calc(100% - 10px);
	}
}
/* 安全性 */
.anzensei-block{
	display:flex;
	flex-wrap:wrap
}
.anzensei-block .flat-fukidashi{
	width:calc(50% - 10px);
}
.anzensei-block h3 {
	border-bottom: 2px solid;
	display: inline-block;
	padding-bottom: 5px;
}
.koukinsayou-box {
	width: calc(50% - 10px);
}
.koukin-img {
	width: 40%;
}
.koukin-text {
	width: 60%;
	text-align: left;
	padding:0 5px;
}
.koukinsayou-box h4 {
	color: #005EAD;
	background: #B6DEF3;
	margin-bottom: 0;
}
.koukinsayou-box p {
	font-size: 14px;
}
.anzensei-block table{
	border-collapse:collapse;
	border:1px solid;
	width:100%;
	margin:30px auto;
}
.anzensei-block th,.anzensei-block td{
	border:1px solid;
	padding:5px;
	font-size:14px;
}
.tokkyo-text {
	width: 65%;
	padding:0 10px;
}
.tokkyo-img {
	width: 35%;
}
@media only screen and (max-width:768px){
	.anzensei-block .flat-fukidashi{
		width:calc(100% - 10px);
	}
	.koukinsayou-box {
		width: calc(50% - 10px);
	}
	.koukinsayou-box p{
		font-size:12px;
	}
}

/**/
.tokkyo_box {
	padding-left: 65px;
	padding-right:15px;
}
p.tokkyo-aquabank {
	position: absolute;
	width: 20%;
	top: 0;
	margin: auto;
}
p.tokkyo-aquabank img {
	max-height: 500px;
}

/* voice-box */
.voice-box {
	margin: 30px auto;
	display: flex;
	align-items: flex-start;
}
.voice-author {
	width: 25%;
	max-width: 200px;
	border-radius: 100px;
	overflow: hidden;
	position:relative;
}
.voice-author:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.voice-author img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.voice-data {
	width: 75%;
	text-align: left;
	margin: 0 5px;
	padding: 10px;
	background: #F2F2F2;
	border: 1px solid;
}
p.author-info {
	border-bottom: 1px solid;
	margin-bottom: 10px;
}
.voice_pagination ul{
	padding:0;
	list-style:none;
	display: flex;
	justify-content: center;
}
.voice_pagination .page-numbers {
	width: 30px;
	height: 30px;
	color:#000;
	background: #F4B9CE;
	border-radius: 50%;
	margin: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
.voice_pagination .page-numbers:not(.current){
	cursor:pointer;
}
.page-numbers.current{
	color: #FFF;
	background: #E85A8F;
	cursor:default;
}
.nenbarai-box{
	background-image:url('../img/aquabank-fujii-back.webp');
	background-size:100% 100%;
	max-width: 1000px;
	margin:auto;
}
.contact-box,.customer-contact-box {
	max-width: 680px;
	padding: 10px;
	border: 1px solid;
}
.contact-box{
	margin: 30px auto 15px;
}
.customer-contact-box {
	margin: 15px auto 30px;
}
.contact-box {
	color: #604C3F;
}
.contact-box a{
	text-decoration:none;
	color: #604C3F;
}
.customer-contact-box {
	color: #00466C;
}
.customer-contact-box a{
	text-decoration:none;
   color: #00466C;
}
.contact-box span.phone-number ,.customer-contact-box span.phone-number {
	font-size: 40px;
	font-weight: bold;
	margin: 5px 0;
}

.contact-info {
	font-size: 21px;
}
.contact-info p.normal {
	line-height: 1.2;
}
.contact-info .bold {
	font-size: 24px;
	line-height: 1.2;
	margin-top: 15px;
}
.contact-box a img {
	filter: invert(72%) sepia(56%) saturate(6318%) hue-rotate(341deg) brightness(40%) contrast(30%);
}
.customer-contact-box a img {
	filter: invert(8%) sepia(89%) saturate(1801%) hue-rotate(173deg) brightness(120%) contrast(145%);
}
.customer-contact-box .contact-tel p.small {
	margin-top: 1em;
	margin-bottom: -10px;
}
@media only screen and (max-width:768px){
	.contact-info {
		font-size: 16px;
	}
	.contact-info .bold {
		font-size: 18px;
	}
	.contact-box span.phone-number ,.customer-contact-box span.phone-number {
		font-size: 24px;
	}
}
/**/
.hikaku-block{
	background-image:url('../img/hikaku-bg.webp');
	background-size:100% 100%;
	max-width: 1000px;
	margin:auto;
}

/**/
.notepad p {
	text-align: left;
	background: linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%);
	background-color: #fff;
	background-image: linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
	background-size: 8px 100%,100% 2em;
	line-height: 2em;
	padding: 0em 1em 0.2em 1em;
}

.norikaetai {
	background: #0071BC;
	color: #FFF;
}
.norikaetai .section_wrap {
	display: flex;
	align-items: center;
}
.norikaetai .section_wrap div {
	max-width: 100px;
	width: 20%;
}
.norikaetai .section_wrap h2{
	width: 60%;
	font-size: 18px;
}
/**/
.side-slash {
	display:inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 15px auto;
}
.side-slash:before, .side-slash:after {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	bottom: 0;
}
.side-slash:before {
	left: -15px;
	transform: rotate(160deg);
}
.side-slash:after {
	right: -15px;
	transform: rotate(20deg);
}
.kantan-secchi {
	align-items: center;
	margin: 30px auto;
}
.kantan-secchi .circle-cream {
	width: 40%;
	background:#FFFBC6;
	border-radius:50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.kantan-secchi .aquabank-server {
	width: 20%;
}
.kantan-secchi .circle-cream:before {
	content: "";
	display: block;
	padding-top:100%;
}
.kantan-secchi .circle-cream p {
	line-height: 1;
}
.kantan-secchi .circle-cream p span.pink {
	text-align-last: justify;
	-webkit-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	display: inline-block;
	margin: 10px auto;
}
.kantan-secchi .circle-cream:first-child p span.pink {
	width: 3em;
}
hr {
	margin: 15px;
	border: none;
	border-top: solid 2px;
}
.installation-course {
	width: calc(50% - 10px);
	margin: 15px auto;
	padding-bottom:15px;
}
.yamato-box {
	width: 90%;
	margin: auto;
	color: #FAED00;
	background: #278b80;
	padding: 15px;
	text-align: left;
}
.ryoukin-hikaku	p{
	width:calc(50% - 10px);
}

.flex-box.fujii-okamase {
	align-items: center;
}
.fujii-okamase .fujii-img,.fujii-okamase .omakase-txt{
	width:calc(50% - 10px);
}
.fujii-okamase .omakase-txt{
	text-align: left;
}
.free-maintenance-block {
	background: #77cbf1;
	background: linear-gradient(45deg, #77cbf1 0%, #bee4f3 60% ,#77cbf1 100%);
}
.free-maintenance-img {
	width: 30%;
}
.free-maintenance-text {
	width: 70%;
}
.free-maintenance-text div {
	display: flex;
	flex-wrap: wrap;
}
.free-maintenance-text div span {
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	text-align:left;
	white-space:nowrap;
}
@media only screen and (max-width:768px){
	.installation-course {
		width: calc(100% - 10px);
	}
	.ryoukin-hikaku	p{
		width:calc(100% - 10px);
	}
	.fujii-okamase .fujii-img{
		width:calc(45% - 10px);
	}
	.fujii-okamase .omakase-txt{
		width:calc(55% - 10px);
		font-size: 14px;
	}
	.free-maintenance-img {
		width: 40%;
	}
	.free-maintenance-text {
		width: 60%;
	}
	.free-maintenance-text div span {
		font-size: 12px;
		margin-bottom: 5px;
	}
}

/**/

.NagareWrap{
	margin:30px auto 0;
	padding-bottom:50px;
	background:#CAE9FA;
}
.NagareWrap h2{
	font-weight:bold;
	padding: 1em 0;
	color:#00466B;
}

.NagareTtl,p.NagareTtl{
	font-size: 26pt;
	font-weight:bold;
	padding: 1em 0;
	color:#00466B;
}
.NagareBlock{
	max-width:850px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.NagareBox{
	text-align:left;
	color:#00466B;
	position: relative;
	background-color:#fffef0;
	padding-bottom:1.2em;
}
.NagareLeft,.NagareRight{
	width:calc(50% - 20px);
	background:#FFFEF5;
	box-sizing: border-box;
}
.nagaretitle,p.nagaretitle{
	background: #2EA7E0;
	color: #FFF;
	padding: 15px;
	position:relative;
	margin-bottom: 30px;
}
.nagaretitle span{
	font-size:21px;
	font-weight:bold;
	display:block;
}
.nagaretitle:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	bottom: -30px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	border: 15px solid #2EA7E0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.NagareRight .nagaretitle{
	background: #F39800;
}
.NagareRight .nagaretitle:after {
	border: 15px solid #F39800;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

.NagareBlockUnder{
	width:calc(100% - 20px);
	max-width:850px;
	margin:auto;
	background: #fffef5;
}


.NagareBox p{ padding:0 20px; }

.NBTtl{
	font-size:21pt;
	text-align:center;
	margin:1.2em 0 1em;
	padding:.2em;
	background:#e7397b;
	color:#FFF;
}
.NagareBox:first-of-type .NBTtl{ margin-top:0; }
.NagareArrow { margin: 1em 0; }

@media only screen and (max-width:768px){
	.NagareBlock{
		justify-content: center;
	}
	.NagareLeft,.NagareRight{
		width:calc(100% - 20px);
	}
}

/**/
.new-article {
	display: flex;
	flex-wrap: wrap;
}
.article-box {
	display: flex;
	margin: 10px 5px;
	width:calc(50% - 10px);
	text-decoration:none;
	color:#000;
}
.article-thumbnail {
	width: 30%;
	max-width: 150px;
}
p.article-title {
	text-align: left;
	padding: 0 10px;
	width: 70%;
	box-sizing: border-box;
}
.bnr-list-wrap {
	margin: 30px auto;
	display: flex;
	flex-wrap: wrap;
}
.bnr-list {
	width: calc(50% - 10px);
	margin: 5px;
}
.bnr-list img {
	width: 100%;
	height: auto;
}
@media only screen and (max-width:768px){
	.article-box {
		width:calc(100% - 10px);
	}
	.bnr-list {
		width: calc(100% - 10px);
		margin-bottom:15px;
	}
}
/**/

.QuestionWrap{
	margin:0 0 30px ;
	padding-bottom:30px;
	background:#FADAE3;
}

.QuestionBlock{
	max-width:1000px;
	margin:0 auto;
}

.QuestionWrap h2{
	color:#00466B;
	font-weight: bold;
	margin:0;
	padding:1em 0;
}
.QuestionTtl{
	color:#00466B;
	font-size: 26pt;
	font-weight: bold;
	padding:1em 0;
}

.QuestionBox{
	width:96%;
	margin:1.2em auto;
	text-align:left;
	color:#00466B;
	position: relative;
	background-color:#fffef0;
}


.QBTtl{
	font-size:21pt;
	margin:0;
	padding:.2em 20px;
	background:#e7397b;
	color:#FFF;
	cursor:pointer;
}
.Question:first-of-type .QBTtl{ margin-top:0; }

.AnswerWrap{
	padding:20px;
}

@media only screen and (max-width:768px){
	.QBTtl{
		font-size:18px;
	}

}
.FooterWrap{
	max-width:1000px;
	margin:auto;
}

.FooterLink{
	padding:0;
	list-style-type:none;
}
.FooterLink li{
	display: inline-block;
	margin: 0 1em;
}

.CopyWrap{
	color:#FFF;
	background-color:#E95678;
	font-size:10pt;
	padding:10px 0;
}
.flex{
	display:flex;
	align-items:center;
}
.flex1{ flex:1; }
.flex2{ flex:2; }
.flex3{ flex:3; }
.flex4{ flex:4; }
.flex5{ flex:5; }


.m0{ margin:0!important; }
.mt15{ margin-top:15px; }
.mt30{ margin-top:30px; }
.mb15{ margin-bottom:15px; }
.mb30{ margin-bottom:30px; }
.mb60{ margin-bottom:60px; }
.m_auto{ margin:auto!important; }
.mx_auto{
	margin-left:auto!important;
	margin-right:auto!important;
}
.m30_auto{ margin:30px auto!important; }
.m30_auto0{ margin:30px auto 0!important; }

.p10{ padding:10px; }
.p15{ padding:15px; }
.p30{ padding:30px; }

.py15{ padding:15px 0; }
.px15{ padding:0 15px; }

.pb15{ padding-bottom:15px; }
.pb30{ padding-bottom:30px; }

.strong{
	font-size:1.2em;
	font-weight:bold;
}
.bold{ font-weight:bold; }
.small{ font-size:.8em; }

.hidden{ display:none; }

.ta_c{ text-align:center!important; }
.ta_l{ text-align:left; }

.border{ border:1px solid; }
.rounded{ border-radius:30px; }

.red{ color:#FF0000; }
.pink{ color:#E85A8F; }
.blue{ color:#005EAD; }
.navy{ color:#00466C; }
.cream{ color:#FFF471; }
.bg-white{ background:#FFF; }
.bg-pink{
	color:#FFF;
	background:#E85A8F;
}
span.bg-pink{ display:inline-block; }
.bg-lightpink{ background:#F4B9CE; }
.bg-highlight-pink{ background:#FBE4EE; }
.bg-lightgray{ background:#F9F7F6; }
.bg-navy { background:#00466C; }
.bg-aqua{ background:#CCE7F8; }
.bg-mossgreen{
	color:#FFF;
	background:#23B6BC;
}

.stripe_pink {
	background-color: #FADEE9;
	background-image: linear-gradient(-90deg, #fff 50%, transparent 50%);
	background-size: 14px 14px;
}

[class*="marker_"]{
	transition: background-position 1.5s ease-out;
	-webkit-transition: background-position 1.5s ease-out;
}
.marker_line{
	background: -webkit-linear-gradient(left, #FCEE21 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, #FCEE21 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_start { background-position: 0% bottom; }

/*---------reflection---------------*/
.reflection-box{
	overflow:hidden;
}

.reflection {
	height:100%;
	width:30px;
	top:-180px;
	left:0;
	background-color: #fff;
	opacity	 :0;
	transform: rotate(45deg);
	animation: reflection 2s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 2s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-moz-animation: reflection 2s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-ms-animation: reflection 2s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
	0% { transform: scale(0) rotate(45deg); opacity: 0; }
	80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { transform: scale(4) rotate(45deg); opacity: 1; }
	100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
	0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
	0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


/*---離脱防止モーダル--------------------------*/
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	left:0;
	bottom:0;
	right:0;
	width: 100%;
}
.modal_bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal_content{
	left: 50%;
	position: absolute;
	top:45%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 320px;
}
.modal-close-btn {
	position: relative;
	width: 25px;
	height: 25px;
	background: transparent;
	margin-left: auto;
	cursor: pointer;
}
.modal-close-btn span.dp-modal-close {
	display: inline-block;
	position: relative;
	margin: 0 20px 0 7px;
	padding: 0;
	width: 4px;
	height: 20px;
	background: #FFF;
	transform: rotate(45deg);
}
.modal-close-btn span.dp-modal-close:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -8px;
	width: 20px;
	height: 4px;
	margin-top: -2px;
	background: #FFF;
}


/*-------------------------*/
.flex-box{
	display:flex;
	flex-wrap:wrap;
}
.justify-content-center{ justify-content:center; }
.justify-content-between{ justify-content: space-between; }
.justify-content-around{ justify-content: space-around; }
.align-items-center{ align-items:center; }
.align-items-start{ align-items:flex-start; }

.nowrap{ white-space:nowrap; }

.font-big{ font-size:32px; }
.font-normal{ font-size:32px; }
.font-small{ font-size:26px; }
.font-mini{ font-size:14px; }

.palt{
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}

.order1{ order:1; }
.order2{ order:2; }
.order3{ order:3; }
.order4{ order:4; }
.w_auto{ width:auto!important; }
.w50{ width:50%!important; }
.w80{ width:80%!important; }
.w100{ width:100%!important; }
.sp-only{ display:none; }

@media only screen and (max-width:768px){
	.font-big{ font-size:21px; }
	.font-normal{ font-size:16px; }
	.font-small,.sp-font-small{ font-size:14px; }
	.font-mini{ font-size:12px; }
	.sp-order1{ order:1; }
	.sp-order2{ order:2; }
	.sp-order3{ order:3; }
	.sp-order4{ order:4; }
	.sp-w100{ width:100%!important; }
	.sp-none{ display:none; }
	.sp-only{ display:block; }
}


/*--------------------------------------------
	YouTube動画表示高速化
--------------------------------------------*/

.YouTubeWrap { /* 動画をレスポンシブ表示、無駄な余白出さないようにパディング設定 */
	position: relative;
	width: 90%;
	margin:auto auto 30px;
	padding-top: 56.25%;
}

.YouTubeWrap iframe { /* 親要素内100%で動画を表示する */
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.YouTubeVideo { /* 親要素内100%でサムネイル画像を表示する */
	position: absolute;
	width:100%;
	height:auto;
	top:0;
	padding:.5em;
}

.YouTubeVideo img { /* 親要素内100%でサムネイル画像を表示する */
	width:100%;
	height:auto;
}

.YouTubeVideo::before { /* FontAwesomeで再生ボタンを画像上に。あっても無くても可 */
	position: absolute;
	content: "";
	font-size: 70px;
	top: 50%;
	left: 50%;
	transform : translate(-50%,-50%);
	opacity: .90;
	transition:.5s;
	border-top: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 30px solid #fc0d1c;
}

.YouTubeVideo img:hover{ /* ホバー時にカーソル変える */
	cursor: pointer;
	width:100%;
	height:auto;
	box-sizing: border-box;
}

.YouTubeVideo:hover::before { /* ホバー時アイコンの色変える */
	color:#32cd32;
	transition:.5s;
}


/* アクアドーレ追加分 */
@media only screen and (min-width:768px){
	.dore-disk{
		background-image: url(../img/dore-disk-bg.jpg);
		background-size: cover;
	}
}