@charset "UTF-8";


/* -------------------------------------------------------------------------- **
**  SUPPORT
** -------------------------------------------------------------------------- */
.mc-recommend {
	border-top: solid 1px #eaeaea;
	border-top: solid 1px rgba(51,51,51,.1);
}


#support.regist .localnav .ln-content ul li:nth-child(1) a,
#support.alter .localnav .ln-content ul li:nth-child(2) a,
#support.full .localnav .ln-content ul li:nth-child(3) a,
#support.self .localnav .ln-content ul li:nth-child(4) a,
#support.maypage .localnav .ln-content ul li:nth-child(5) a {
	-webkit-opacity: .58;
	-moz-opacity: .58;
	-ms-opacity: .58;
	-o-opacity: .58;
	opacity: .58;
	filter: alpha(opacity=58);
	-ms-filter: "alpha(opacity=58)";
	pointer-events: none;
	cursor: default;
}


.color-regist { color: #ff6666; }
.color-alter { color: #efb207; }
.color-full { color: #f27c41; }
.color-self { color: #96ad10; }
.color-mypage { color: #008ce4; }
.color-faq { color: #43a3f9; }
.color-faucet { color: #007ac2; }
.color-support { color: #3bb2e3; }


hr {
	border-color: transparent;
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, .1);
}

.sup-head {
	color: #3bb2e3;
	margin-bottom: .8em;
}

.sup-ttl {
	margin-bottom: .3em;
}
.sup-head abbr,
.sup-ttl abbr {
	border: none;
	cursor: auto;
	outline: none;
	text-decoration: none;
}
@media (max-width: 700px) {
	.sup-head br,
	.sup-ttl br { display: none; }
}


.sup-row {
	margin-left: -20px;
	margin-right: -20px;
}
.sup-row .sup-col {
	padding: 0 20px;
}
.sup-row .sup-col-large {
	max-width: 700px;
}

.sup-nav {}
	.sup-nav ul {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-left: -15px;
		margin-right: -15px;
	}
	.sup-nav ul::before,
	.sup-nav ul::after {
		display: none;
	}
		.sup-nav ul li {
			width: 20%;
			padding: 15px;
			text-align: center;
			line-height: 1;
		}

			.sup-nav ul li a {
				display: block;
				text-decoration: none;
				-webkit-transition: -webkit-opacity .28s;
				-moz-transition: -moz-opacity .28s;
				-ms-transition: -ms-opacity .28s;
				-o-transition: -o-opacity .28s;
				transition: opacity .28s;
			}
			.sup-nav ul li a:hover,
			.sup-nav ul li a:focus,
			.sup-nav ul li a:active,
			.sup-nav ul li a.active {
				-webkit-opacity: .65;
				-moz-opacity: .65;
				-ms-opacity: .65;
				-o-opacity: .65;
				opacity: .65;
				filter: alpha(opacity=65);
				-ms-filter: "alpha(opacity=65)";
			}
@media (max-width: 767px) {
	.sup-nav ul li {
		width: 33.33%;
	}
}
@media (max-width: 480px) {
	.sup-nav ul li {
		width: 100%;
	}
}
/** /
	.sup-nav ul {
		margin-left: -15px;
		margin-right: -15px;
	}
		.sup-nav ul li {
			float: left;
			width: 20%;
			padding: 15px;
			text-align: center;
			line-height: 1;
		}
			.sup-nav ul li a {
				display: block;
				text-decoration: none;
				-webkit-transition: -webkit-opacity .28s;
				-moz-transition: -moz-opacity .28s;
				-ms-transition: -ms-opacity .28s;
				-o-transition: -o-opacity .28s;
				transition: opacity .28s;
			}
			.sup-nav ul li a:hover,
			.sup-nav ul li a:focus,
			.sup-nav ul li a:active,
			.sup-nav ul li a.active {
				-webkit-opacity: .65;
				-moz-opacity: .65;
				-ms-opacity: .65;
				-o-opacity: .65;
				opacity: .65;
				filter: alpha(opacity=65);
				-ms-filter: "alpha(opacity=65)";
			}

@media (max-width: 767px) {
	.sup-nav ul li {
		float: none;
		width: auto;
	}
}
/**/
.img-sup-btn {
	max-width: 172px;
	margin: auto;
	margin-bottom: .8em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.img-sup-btn::before {
	content: "";
	display: block;
	padding-top: 87.209302325581395%;
}

.img-regist-btn { background-image: url(../images/support/index/sup-regist-btn.png?1678445315); }
.img-alter-btn { background-image: url(../images/support/index/sup-alter-btn.png?1678445547); }
.img-full-btn { background-image: url(../images/support/index/sup-full-btn.png?1678445432); }
.img-self-btn { background-image: url(../images/support/index/sup-self-btn.png?1678698462); }
.img-mypage-btn { background-image: url(../images/support/index/sup-mypage-btn.png); }
.img-faq-btn { background-image: url(../images/support/index/sup-faq-btn.png); }
.img-faucet-btn { background-image: url(../images/support/index/sup-faucet-btn.png); }
.img-faq-btn, .img-faucet-btn { padding: 0 20px }

@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
.img-regist-btn { background-image: url(../images/support/index/sup-regist-btn_2x.png?1678445315); }
.img-alter-btn { background-image: url(../images/support/index/sup-alter-btn_2x.png?1678445547); }
.img-full-btn { background-image: url(../images/support/index/sup-full-btn_2x.png?1678445432); }
.img-self-btn { background-image: url(../images/support/index/sup-self-btn_2x.png?1678698462); }
.img-mypage-btn { background-image: url(../images/support/index/sup-mypage-btn_2x.png); }
.img-faq-btn { background-image: url(../images/support/index/sup-faq-btn_2x.png); }
.img-faucet-btn { background-image: url(../images/support/index/sup-faucet-btn_2x.png); }
}


.sup-benefits {
	background-color: #ffffef;
}
.sup-benefits .container {
	padding-top: 50px;
	padding-bottom: 30px;
}
	.sup-benefits .sup-benefits-ttl {
		margin-bottom: 40px;
		color: #ff9300;
		text-align: center;
	}
		.sup-benefits .sup-benefits-ttl small {
			display: block;
			margin: auto;
		}
.sup-benefits .sup-band {
	margin: 1em auto;
	padding: 19px;
	border: solid 1px #036894;
	border-radius: 6px;
	color: #036894;
}
.sup-benefits .grid-row small {
	color: #666;
	font-size: .75em;
}
@media (max-width: 767px) {
	.sup-benefits .grid-row .grid-col {
		float: none;
		width: auto;
		margin-bottom: 40px;
	}
}


.sup-mms {}
.sup-mms .container {
	padding-top: 50px;
	padding-bottom: 30px;
}
	.sup-mms .sup-mms-content {
		padding: 70px 0 0;
	}
		.sup-mms .sup-mms-ttl {
			margin-bottom: 20px;
			color: #222f52;
			font-size: 1.25em;
			text-align: center;
		}
		.sup-mms .sup-mms-ttl-h4 {
			margin-bottom: 1em;
			color: #3bb2e3;
		}
		.sup-mms .sup-mms-ttl-h4 small {
			display: block;
			width: 6.333333333333333em;
			margin: auto;
			margin-bottom: .6em;
			background-color: #3bb2e3;
			border-radius: 1em;
			color: #fff !important;
			font-family: 'Lato', sans-serif;
			font-size: .5em;
			line-height: 2;
		}
		.sup-mms .sup-mms-col {
			margin-top: 60px;
			text-align: center;
		}
			.sup-mms .sup-mms-col small {
				color: #666;
			}

		.sup-mms .sup-mms-step1 {
			max-width: 800px;
			margin: auto;
			margin-top: 30px;
		}
		.sup-mms .sup-mms-step1 .sup-mms-step-ttl {
			font-size: 1em;
			color: #3bb2e3;
			text-align: center;
		}
		.sup-mms .sup-mms-step1 .img-mms-step1 {
			margin-left: -16.666666666666667%;
			margin-right: -16.666666666666667%;
			margin-bottom: 1em;
		}
		.sup-mms .sup-mms-step2 {
			margin: auto;
			margin-top: 30px;
		}
		.sup-mms .sup-mms-step2 .sup-mms-step-ttl {
			text-align: center;
			font-size: 1em;
			font-weight: normal;
		}
		.sup-mms .sup-mms-step2 .img-mms-step2 {
			margin-bottom: 1em;
		}

@media (max-width: 880px) {
	.sup-mms .sup-mms-step1 .grid-col {
		float: none;
		width: auto;
		margin-bottom: 2em;
	}
		.sup-mms .sup-mms-step1 .img-mms-step1 {
			margin-left: auto;
			margin-right: auto;
		}
}




.img-support {
	float: right;
	max-width: 300px;
	width: 300px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.img-support:before {
	content: "";
	display: block;
	padding-top: 60%;
}

.img-suppage {
	float: right;
	max-width: 258px;
	width: 258px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.img-suppage:before {
	content: "";
	display: block;
	padding-top: 87.2093023255813955%;
}

.img-booklet {
	max-width: 434px;
	margin: auto;
	margin-top: -1.6em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.img-booklet:before {
	content: "";
	display: block;
	padding-top: 59.907834101382488%;
}



.img-mms-step1,
.img-mms-step2 {
	max-width: 320px;
	margin: auto;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.img-mms-step1:before {
	content: "";
	display: block;
	padding-top: 75%;
}

.img-mms-step2 {
	max-width: 128px;
	box-shadow: 0px 1px 3px #b2b2b2;
	box-shadow: 0px 1px 3px rgba(0,0,0,.3);
}
.no-boxshadow .img-mms-step2 { border: solid 1px #b2b2b2; }

.img-mms-step2:before {
	content: "";
	display: block;
	padding-top: 140.625%;
}


.img-support { background-image: url(../images/support/index/support.png?2023030600); }
.img-regist { background-image: url(../images/support/sup-regist.png?2023030600); }
.img-alter { background-image: url(../images/support/sup-alter.png?2023030600); }
.img-full { background-image: url(../images/support/sup-full.png?2023030600); }
.img-self { background-image: url(../images/support/sup-self.png?2023030600); }
.img-mypage { background-image: url(../images/support/sup-mypage.png); }
.img-booklet { background-image: url(../images/support/index/booklet.png); }

.img-mms-step1-1 { background-image: url(../images/support/index/mms-step1-img1.png?1682509034); }
.img-mms-step1-2 { background-image: url(../images/support/index/mms-step1-img2.png?1682509212); }
.img-mms-step1-3 { background-image: url(../images/support/index/mms-step1-img3.png?1682509240); }
.img-mms-booklet { background-image: url(../images/support/index/mms-booklet.jpg); }

@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
.img-support { background-image: url(../images/support/index/support_2x.png?2023030600); }
.img-regist { background-image: url(../images/support/sup-regist_2x.png?2023030600); }
.img-alter { background-image: url(../images/support/sup-alter_2x.png?2023030600); }
.img-full { background-image: url(../images/support/sup-full_2x.png?2023030600); }
.img-self { background-image: url(../images/support/sup-self_2x.png?2023030600); }
.img-mypage { background-image: url(../images/support/sup-mypage_2x.png); }
.img-booklet { background-image: url(../images/support/index/booklet_2x.png); }

.img-mms-step1-1 { background-image: url(../images/support/index/mms-step1-img1_2x.png?1682509034); }
.img-mms-step1-2 { background-image: url(../images/support/index/mms-step1-img2_2x.png?1682509200); }
.img-mms-step1-3 { background-image: url(../images/support/index/mms-step1-img3_2x.png?1682509229); }
.img-mms-booklet { background-image: url(../images/support/index/mms-booklet_2x.jpg); }
}


@media (max-width: 700px) {
	.img-support,
	.img-suppage {
		float: none;
		width: auto;
		margin: auto;
		margin-bottom: 20px;
	}
}

.img-faq-bnr { background-image: url(../images/support/bnr-faq.jpg); }
.img-faucet-bnr { background-image: url(../images/support/bnr-faucet.jpg); }
@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
.img-faq-bnr { background-image: url(../images/support/bnr-faq_2x.jpg); }
.img-faucet-bnr { background-image: url(../images/support/bnr-faucet_2x.jpg); }
}
@media (max-width: 767px) {
.img-faq-bnr { background-image: url(../images/support/bnr-faq-sp.jpg); }
.img-faucet-bnr { background-image: url(../images/support/bnr-faucet-sp.jpg); }
}
@media (max-width: 767px) and (-webkit-min-device-pixel-ratio:1.5), (max-width: 767px) and (min-resolution:1.5dppx) {
.img-faq-bnr { background-image: url(../images/support/bnr-faq-sp_2x.jpg); }
.img-faucet-bnr { background-image: url(../images/support/bnr-faucet-sp_2x.jpg); }
}



/* !フォーム */
/* -------------------------------------------------------------------------- */
.support-fieldset {
	margin-bottom: 1em;
	border-color: #eaeaea;
	border-color: rgba(51, 51, 51, .1);
}

.lead .container {
	padding-top: 60px;
	padding-bottom: 60px;
}

.mms-card {
	padding: 20px;
	border: solid 1px #eaeaea;
}
.mms-card .mms-ttl {
	margin-bottom: 1em;
	color: #3cbaec;
	font-size: 1.125em;
	font-size: 1.8rem;
	font-weight: bold;
}
.mms-card .mms-ttl small {
	display: block;
	margin-bottom: .3em;
	font-weight: normal;
}

.mypage-info {
	margin-top: 20px;
	margin-bottom: 60px;
}
.mypage-info-content {
	padding-bottom: 40px;
}
.mypage-info .mypage-info-ttl {
	margin-bottom: .5em;
	color: #3cbaec;
}
.mypage-info ul {
	margin-left: -20px;
	margin-right: -20px;
}
	.mypage-info ul li {
		float: left;
		width: 33.3333%;
		padding: 20px;
		font-weight: bold;
		text-align: center;
	}
		.mypage-info ul li i {
			display: inline-block;
			margin-right: .3em;
			margin-bottom: -.25em;
			color: #008ce4;
			font-size: 2em;
			vertical-align: text-bottom;
		}

.mypage-flow {
	padding: 20px;
	border: solid 1px #ececec;
	border-radius: 3px;
}
.mypage-flow .grid-row {
	margin-bottom: auto;
}
.mypage-flow h3 {
	margin-bottom: .8em;
	font-size: 1em;
	text-align: center;
}
.mypage-flow .mypage-flow-ttl {
	color: #243763;
	margin-bottom: 1em;
}
.mypage-flow p {
	font-size: 0.8125em;
}
.addmember-form { display: none; }
.addmember-agree-form .addmember-form { display: block; }
#addmember-agree-form:checked ~ .addmember-form {
	display: block;
	-webkit-animation: fadeIn 1s ease 0s 1 normal both;
	-moz-animation: fadeIn 1s ease 0s 1 normal both;
	-o-animation: fadeIn 1s ease 0s 1 normal both;
	animation: fadeIn 1s ease 0s 1 normal both;
}

.img-mms {
	float: left;
	width: 424px;
	margin-top: -10px;
	margin-right: -130px;
	background: transparent url(../images/support/mms.png?2023030600) no-repeat left top;
	background-size: contain;
}
.img-mms:before {
	content: "";
	display: block;
	padding-top: 90.80188679245283%;
}

.img-mypage-flow {
	max-width: 186px;
	margin: auto;
	margin-bottom: 1em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}
.img-mypage-flow:before {
	content: "";
	display: block;
	padding-top: 53.763440860215054%;
}

.img-mypage-flow1 { background-image: url(../images/support/mypage-flow1.png); }
.img-mypage-flow2 { background-image: url(../images/support/mypage-flow2.png); }
.img-mypage-flow3 { background-image: url(../images/support/mypage-flow3.png?1682507893); }

.img-credit {
	max-width: 280px;
	background: transparent url(../images/support/credit.png) no-repeat left top;
	background-size: contain;
}
.img-credit::before {
	content: "";
	display: block;
	padding-bottom: 14.285714285714286%;
}
.self-credit.img-credit {
	max-width: 224px;
	background-size: auto 100%;
}
.self-credit.img-credit::before {
	padding-bottom: 17.857142857142857%;
}
.img-creditcard {
	max-width: 282px;
	background: transparent url(../images/support/creditcard.png) no-repeat left top;
	background-size: auto 100%;
}
.img-creditcard::before {
	content: "";
	display: block;
	padding-bottom: 14.4%;
}
.self-credit.img-creditcard {
	max-width: 333px;
	background-size: auto 100%;
}
.self-credit.img-creditcard::before {
	padding-bottom: 12%;
}
.img-emoney {
	max-width: 448px;
	background: transparent url(../images/support/emoney.png) no-repeat left top;
	background-size: contain;
}
.img-emoney::before {
	content: "";
	display: block;
	padding-bottom: 8.928571428571429%;
}

@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
	.img-mms { background-image: url(../images/support/mms_2x.png?2023030600); }
	.img-mypage-flow1 { background-image: url(../images/support/mypage-flow1_2x.png); }
	.img-mypage-flow2 { background-image: url(../images/support/mypage-flow2_2x.png); }
	.img-mypage-flow3 { background-image: url(../images/support/mypage-flow3_2x.png?1682507893); }
	.img-credit { background-image: url(../images/support/credit_2x.png); }
	.img-creditcard { background-image: url(../images/support/creditcard_2x.png); }
	.img-emoney { background-image: url(../images/support/emoney_2x.png); }
}
.svg .img-credit { background-image: url(../images/support/credit.svg); }
.svg .img-creditcard { background-image: url(../images/support/creditcard.svg); }
.svg .img-emoney { background-image: url(../images/support/emoney.svg); }


@media (max-width: 600px) {
	.mypage-info ul li {
		float: none;
		width: auto;
		margin-bottom: .3em;
	}
	.mypage-flow .grid-col {
		float: none;
		width: auto;
		margin-bottom: 2em;
	}
	.img-mms {
		float: none;
		width: auto;
		max-width: 424px;
		margin: auto;
	}
	.img-emoney {
		max-width: 224px;
		background-image: url(../images/support/emoney-sp.png);
	}
	.img-emoney::before {
		padding-bottom: 33.482142857142857%;
	}
	.svg .img-emoney { background-image: url(../images/support/emoney-sp.svg); }
}
@media
	(max-width: 600px) and (-webkit-min-device-pixel-ratio:1.5),
	(max-width: 600px) and (min-resolution:1.5dppx) {
	.img-emoney {
		background-image: url(../images/support/emoney-sp_2x.png);
	}
	.svg .img-emoney { background-image: url(../images/support/emoney-sp.svg); }
}

#ge1z-compact .alert {
	padding: 1.375em 1.375em 1.375em 5.125em;
	background-color: #ecf6fe;
	background-color: rgba(68,168,242,.1);
	border: solid 1px #44a8f2;
}
#ge1z-compact .alert i {
	float: left;
	margin-left: -1.5em;
	font-size: 2.428571428571429em;
	font-size: 3.4rem;
	color: #44a8f2;
}
@media (max-width: 767px) {
	#ge1z-compact .alert {
		padding: 1.375em 1.375em 1.375em 3.825em;
	}
	#ge1z-compact .alert i {
		font-size: 2.8rem;
	}
}


/* !メンテナンス */
/* -------------------------------------------------------------------------- */
.pd-mainte {
	text-align: center;
}
	.pd-mainte .pd-mainte-lead {
		width: 660px;
		margin: auto;
		margin-bottom: 80px;
		text-justify: inter-ideograph;
		text-align: justify;
	}
.pd-mainte .pd-mainte-grid {}
	.pd-mainte .pd-mainte-grid .pd-mainte-col {
		float: left;
		width: 50%;
		text-align: center;
	}
	.pd-mainte .pd-mainte-grid.pd-mainte-single .pd-mainte-col {
		width: 100%;
	}
	.pd-mainte .pd-mainte-grid .pd-mainte-col .pd-mainte-inner {
		width: 300px;
		margin: auto;
	}
	.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-full {}
	.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-self {}
	.pd-mainte .pd-mainte-grid .pd-mainte-col figure {
		max-width: 250px;
		margin: auto;
		margin-bottom: 1em;
		background-color: transparent;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.pd-mainte .pd-mainte-grid .pd-mainte-col figure:before {
		content: "";
		display: block;
		width: 100%;
		height: 0;
		padding-top: 80%;
	}
	.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-full figure { background-image: url(../images/products/common/full.png?2023030600); }
	.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-self figure { background-image: url(../images/products/common/self.png?2023030600); }
		.pd-mainte .pd-mainte-grid .pd-mainte-col h3 {
			margin-bottom: .5em;
			font-size: 1.5em;
			font-size: 2.4rem;
			line-height: 1.2;
		}
		.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-full h3 { color: #e37b3b; }
		.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-self h3 { color: #7f9e00; }
		.pd-mainte .pd-mainte-grid .pd-mainte-col p {
			margin-bottom: 1.5em;
			text-align: left;
		}


@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
	.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-full figure { background-image: url(../images/products/common/full_2x.png?2023030600); }
	.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-self figure { background-image: url(../images/products/common/self_2x.png?2023030600); }
}
@media
	(-webkit-min-device-pixel-ratio:2.5),
	(min-resolution:2.5dppx) {
	.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-full figure { background-image: url(../images/products/common/full_3x.png?2023030600); }
	.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-self figure { background-image: url(../images/products/common/self_3x.png?2023030600); }
}
@media
	(-webkit-min-device-pixel-ratio:3.5),
	(min-resolution:3.5dppx) {
	.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-full figure { background-image: url(../images/products/common/full_4x.png?2023030600); }
	.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-self figure { background-image: url(../images/products/common/self_3x.png?2023030600); }
}

@media (max-width: 700px) {
	.pd-mainte .pd-mainte-lead { width: auto; margin-bottom: 40px; }
	.pd-mainte .pd-mainte-grid .pd-mainte-col {
		float: none;
		width: auto;
	}
	.pd-mainte .pd-mainte-grid .pd-mainte-col.pd-full {
		margin-bottom: 50px;
	}
	.pd-mainte .pd-mainte-grid.pd-mainte-single .pd-mainte-col.pd-full {
		margin-bottom: auto;
	}
}

@media (max-width: 344px) {
	.pd-mainte .pd-mainte-grid .pd-mainte-col .pd-mainte-inner { width: auto; }
}

/* !注釈 */
/* -------------------------------------------------------------------------- */
.pd-suppl {
	margin: 50px auto;
}
.pd-suppl .pd-suppl-content {
	max-width: 600px;
	margin: auto;
	padding: 1.375em 1.375em 1.375em 5.125em;
	background-color: #ecf6fe;
	background-color: rgba(68,168,242,.1);
	border: solid 1px #44a8f2;
	border-radius: 3px;
	font-size: .875em;
	font-size: 1.4rem;
	line-height: 1.3;
	text-align: left;
}
.pd-suppl .pd-suppl-content i {
	float: left;
	margin-left: -1.5em;
	font-size: 2.428571428571429em;
	font-size: 3.4rem;
	color: #44a8f2;
}
.pd-suppl .pd-suppl-content small {
	color: #959595;
	color: #86868b;
	font-size: 1.2rem;
}


/* !カタログ */
/* -------------------------------------------------------------------------- */
#catalog {
	background-color: #eff7ff;
}
#catalog .ttl {
	color: #007ac8;
	margin-bottom: 1.3em;
}
#catalog .ttl:after {
	border-bottom-color: #007ac8;
}
#catalog .h3-ttl {
	margin-top: 3.2em;
	margin-bottom: 2.4em;
	color: #007ac8;
	text-align: center;
}
#catalog .h3-ttl i {
	margin: auto .36em;
}
#catalog .catalog-content { padding: 60px 0 80px; }

#catalog .pd-catalog-grid {
	display: table;
	width: 100%;
	max-width: 760px;
	margin: auto;
}
#catalog .pd-catalog-grid .pd-catalog-image {
	display: table-cell;
	width: 46.973684210526316%;
	padding: 0 64px;
	text-align: right;
	vertical-align: middle;
}
#catalog .pd-catalog-grid .pd-catalog-content {
	display: table-cell;
	width: 53.026315789473684%;
	text-align: left;
	vertical-align: middle;
}

#catalog .pd-catalog-grid .pd-catalog-image .img-catalog {
	float: right;
	width: 162px;
	height: 230px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	box-shadow: 0px 1px 3px #b2b2b2;
	box-shadow: 0px 1px 3px rgba(0,0,0,.3);
}
.no-boxshadow #catalog .pd-catalog-grid .pd-catalog-image .img-catalog { border: solid 1px #b2b2b2; }
#catalog .pd-catalog-grid .pd-catalog-content h3 {
	font-size: 1.125em;
	font-size: 1.8rem;
	line-height: 1.6;
}
#catalog .pd-catalog-grid .pd-catalog-content .download-link {
	margin-top: 1em;
}


@media (max-width: 650px) {
	#catalog .pd-catalog-grid {
		display: block;
	}
	#catalog .pd-catalog-grid .pd-catalog-image,
	#catalog .pd-catalog-grid .pd-catalog-content {
		display: block;
		width: auto;
		text-align: center;
	}
	#catalog .pd-catalog-grid .pd-catalog-image .img-catalog {
		float: none;
		margin: auto;
		margin-bottom: 1em;
	}
}


.img-manual { background-image: url(../images/support/index/manual.jpg?1729159267); }
.img-manual-i-aqua { background-image: url(../images/support/index/manual-i-aqua.jpg?1729159323); }

@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
.img-manual { background-image: url(../images/support/index/manual_2x.jpg?1729159267); }
.img-manual-i-aqua { background-image: url(../images/support/index/manual-i-aqua_2x.jpg?1729159323); }
}


/* !注意事項 */
/* -------------------------------------------------------------------------- */
#notes {
	background-color: #f7f7f7;
}
#notes .notes-content { padding: 60px 0 0; }
#notes .notes-col {
	margin-bottom: 40px;
}
#notes .notes-ttl {
	padding-left: 1.6em;
	margin-bottom: .8em;
	font-size: 1.25em;
}
	#notes .notes-ttl i {
		margin-left: -1.333333333333333em;
		margin-right: .3em;
		color: #ff6666;
		font-size: 1.2em;
		vertical-align: text-bottom;
	}

	#notes .notes-col ul {}
		#notes .notes-col ul li {
			margin-left: 1em;
			text-indent: -1em;
		}

.img-packaging {
	float: left;
	max-width: 130px;
	width: 130px;
	margin: auto;
	margin-right: 20px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}
.img-packaging:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.img-packaging { background-image: url(../images/support/index/packaging.png?2023030600); }

@media
	(-webkit-min-device-pixel-ratio:1.5),
	(min-resolution:1.5dppx) {
.img-packaging { background-image: url(../images/support/index/packaging_2x.png?2023030600); }
}

@media (max-width: 650px) {
	
	#notes .notes-content {
		padding-bottom: 40px;
	}
	#notes .notes-content .grid-col {
		float: none;
		width: auto;
		margin-bottom: 40px;
	}
}


/* !交換の流れ */
/* -------------------------------------------------------------------------- */
#exflow {}
#exflow .exflow-content {
	max-width: 800px;
	margin: auto;
	padding: 60px 0;
}
#exflow .exflow-content .exflow-ttl {
	margin-bottom: 40px;
	text-align: center;
	color: #3c82d6;
}
#exflow .exflow-content small {
	color: #666;
}

@media (max-width: 650px) {
	
	#exflow .exflow-content .grid-col {
		float: none;
		width: auto;
		margin-bottom: 40px;
	}
}

/* !ホントの水の話 */
/* -------------------------------------------------------------------------- */
#booklet {
	padding: 60px 0 0;
	}
	#booklet .container {
		overflow: hidden;
	}
	#booklet .ttl-h2 {
		margin-bottom: 60px;
		color: #0063c6;
		font-size: 1.75em;
		font-size: 2.8rem;
	}
	#booklet .ttl-h2::after {
		border-bottom-color: #0063c6;
	}
	#booklet .booklet-lead {
		max-width: 600px;
		margin: auto;
	}
	#booklet .booklet-content {
		margin-bottom: 120px;
		text-align: center;
	}
	#booklet .booklet-content .btn {
		margin-top: -260px;
	}
	#booklet .booklet-content .btn::after {
		/* new-window */
		content: "\e92e";
		margin-left: .3em;
		font-family: 'meisui-icon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		
		letter-spacing: 0;
		-webkit-font-feature-settings: "liga";
		-moz-font-feature-settings: "liga=1";
		-moz-font-feature-settings: "liga";
		-ms-font-feature-settings: "liga" 1;
		font-feature-settings: "liga";
		-webkit-font-variant-ligatures: discretionary-ligatures;
		font-variant-ligatures: discretionary-ligatures;
		
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#booklet .img-cover {
		margin-left: -68px;
		margin-right: -68px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;
		background-image: url("../images/support/booklet/cover.png");
	}
	#booklet .img-cover::before {
		content: "";
		display: block;
		width: 100%;
		/* 762 / 1057*/
		padding-top: 72.090823084200568%;
	}

@media (max-width: 850px) {
	#booklet .booklet-content .btn {
		margin-top: -20%;
	}
}