@charset "UTF-8";


/* -------------------------------------------------------------------------- **
**  CONTACT
** -------------------------------------------------------------------------- */
#contact {}
#contact .mc-recommend {
	border-top: solid 1px #eaeaea;
	border-top: solid 1px rgba(51,51,51,.1);
}
.ttl { color: #0063c6; }
.ttl:after { border-color: #0063c6; }


/*  !お問合わせ・カタログ */
/* -------------------------------------------------------------------------- */
#contact .contact-catalog-content {
	padding: 60px 0 80px;
}
#contact .contact-catalog-content .cc-lead {
	max-width: 680px;
	margin: auto;
	margin-bottom: 56px;
}
#contact .contact-catalog-content .cc-lead p {
	text-align: justify;
}

#contact .cc-list {}
#contact .cc-list .cc-item {
	min-height: 180px;
	border: solid 1px #e7ebee;
	border-radius: 3px;
}
#contact .cc-list .cc-item a {
	color: inherit;
	text-decoration: inherit;
	-webkit-transition: -webkit-opacity .28s;
	-moz-transition: -moz-opacity .28s;
	-ms-transition: -ms-opacity .28s;
	-o-transition: -o-opacity .28s;
	transition: opacity .28s;
}
#contact .cc-list .cc-item a:hover,
#contact .cc-list .cc-item a:focus,
#contact .cc-list .cc-item a:active,
#contact .cc-list .cc-item 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)";
}
#contact .cc-list .cc-item .cc-box {
	display: block;
	max-width: 368px;
	margin: auto;
	padding: 20px;
}
#contact .cc-list .cc-item h2 {
	margin-bottom: 24px;
	color: #0063c6;
	font-size: 1.125em;
	font-size: 1.8rem;
	text-align: center;
}
#contact .cc-list .cc-item figure {
	margin: auto;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
#contact .cc-list .cc-item figure.img-cartridge { margin-top: -15px; margin-bottom: -20px; }
#contact .cc-list .cc-item figure:before {
	content: "";
	display: block;
	height: 0;
}
.img-tel:before { padding-top: 15.24390243902439%; }
.img-cartridge:before { padding-top: 63.157894736842105%; }

.img-tel { max-width: 328px; background-image: url(../images/contact/tel.png); }
.svg .img-tel { background-image: url(../images/contact/tel.svg); }
.img-cartridge { max-width: 190px; background-image: url(../images/contact/cartridge.png?2023030600); }

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

@media (max-width: 767px) {
	#contact .cc-list {}
	#contact .cc-list .grid-col {
		float: none;
		width: auto;
		margin-top: 20px;
	}
	#contact .cc-list .cc-item h2 { margin-bottom: 1em; }
	#contact .cc-list .cc-item figure.img-cartridge { margin-top: 0; margin-bottom: 0; }
}


.cf-impotant {
	margin-bottom: 1.875em;
	padding: 1.4375em;
	background-color: #f3fcff;
	border: solid 1px #9fc9ce;
	border-radius: 3px;
}
.cf-impotant ul {}
.cf-impotant ul li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.cf-impotant ul li:before {
	content: "●";
	margin-right: .3em;
	color: #0c96e2;
}


/*  !共通フォーム */
/* -------------------------------------------------------------------------- */
#contact .common-form {}
#contact .common-form .common-form-content {
	max-width: 680px;
	margin: auto;
}

/*  !お問合わせフォーム */
/* -------------------------------------------------------------------------- */
#contact .contact-form {
	display: none;
}
#contact .contact-form .contact-form-content {
	max-width: 680px;
	margin: auto;
	padding-bottom: 70px;
}

#contact form.form-contact #contact-form,
#contact .contact-form.confirm { display: block; }
#form-contact:checked ~ #contact-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;
}

/*  !カタログフォーム */
/* -------------------------------------------------------------------------- */
#contact .catalog-form {
	display: none;
}
#contact .catalog-form .catalog-form-content {
	max-width: 680px;
	margin: auto;
	padding-bottom: 70px;
}
#contact .catalog-form .place-home,
#contact .catalog-form .place-com { display: none; }

#contact form.form-catalog #catalog-form,
#contact .catalog-form.confirm { display: block; }
#form-catalog:checked ~ #catalog-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;
}

#contact form.form-catalog.place-home-form #catalog-form .place-home,
#contact .catalog-form .place-home.confirm { display: block; }
#place-home-form:checked ~ #catalog-form .place-home {
	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;
}
#contact form.form-catalog.place-com-form #catalog-form .place-com,
#contact .catalog-form .place-com.confirm { display: block; }
#place-com-form:checked ~ #catalog-form .place-com {
	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;
}

/*  !送信 */
/* -------------------------------------------------------------------------- */
#contact .submit-form {}
#contact .submit-form .submit-form-content {
	max-width: 680px;
	margin: auto;
	padding-bottom: 130px;
	text-align: center;
}
#contact .submit-form .submit-form-content p {
	margin-bottom: 2em;
	font-size: .875em;
	font-size: 1.4rem;
}
#contact .submit-form .submit-form-content .btn {
	max-width: 11.75em;
	width: 40%;
}