@charset "UTF-8";

/*--------------------------------------------------------------------
 *	共通の記述
 *--------------------------------------------------------------------*/
body#contact .btn_link {
	text-align: center;
}
body#contact section#request h2 {
	position: relative;
	border: 0;
	color: #000;
}
body#contact section#request h2::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0px;
}
body#contact section#request ul {
	margin: 0;
	list-style-type: none;
}
body#contact section#request li {
	background-color: #fff;
}
body#contact section#request li:nth-of-type(1) h2::before {
	background: url(../../contact/images/download_icon.svg) no-repeat;

}
body#contact section#request li:nth-of-type(2) h2::before {
	background: url(../../contact/images/request_icon.svg) no-repeat;

}
body#contact section#request .form_link {
	text-align: center;
}
body#contact #tel h3 {
	color: #000;
	text-align: center;
}
body#contact #tel ul.free_dial {
	list-style: none;
}
body#contact #tel ul.free_dial li {
	border: 1px solid #ccc;
}
body#contact #tel ul.free_dial li.tel_inquiry {
	background-image: url(../../contact/images/call_icon_01.svg);
	background-repeat: no-repeat;
}
body#contact #tel ul.free_dial li.tel_document {
	background-image: url(../../contact/images/call_icon_02.svg);
	background-repeat: no-repeat;
}
body#contact #tel ul.free_dial li.tel_disaster {
	background-image: url(../../contact/images/call_icon_03.svg);
	background-repeat: no-repeat;
}
body#contact section#tel ul.free_dial .tel_link,
body#contact section#tel ul.free_dial .num {
	font-weight: bold;
}
body#contact #tel ul.free_dial li .notice {
	margin: 0;
	color: #c1272d;
}
body#contact section#tel ul.document {
	display: flex;
	justify-content: space-between;
	margin: 1em 0;
	list-style: none;
	text-align: center;
}
body#contact section#tel ul.document li {
	font-weight: bold;
}

/*--------------------------------------------------------------------
 *	736px以下用（SP用）の記述
 *--------------------------------------------------------------------*/

@media screen and (max-width: 736px) {
/* 736px以下用（SP用）の記述 */
body#contact article h1 {
	font-size: 1.8rem;
	color: #003686;
}
body#contact section {
	font-size: 1.6rem;
}
body#contact section#request {
	padding: 7.275% 0;
	background-color: #f0f7fa;
}
body#contact section#request h1 {
	margin-top: 0;
}
body#contact section#request h2 {
	margin: 0 0 1em;
	padding: 20px 0 20px 70px;
	font-size: 1.6rem;
}
body#contact section#request h2::before {
	width: 62px;
	height: 62px;
}
body#contact section#request li:nth-of-type(1) h2::before {
	background-size: 62px;
}
body#contact section#request li:nth-of-type(2) h2::before {
	background-size: 62px;
}
body#contact section#request li {
	padding: 2.5% 3.125% 5%;
	border: 2px solid #003686;
	border-radius: 10px;
	font-size: 1.4rem;
}
body#contact section#request li:nth-of-type(n+2) {
	margin-top: 5%;
}
body#contact section#request .form_link {
	width: 90%;
	margin: 1em auto;
}
body#contact section#tel {
	padding: 7.275% 0;
	background-color: #f0f7fa;
}
body#contact section#tel h1 {
	margin-top: 0;
}
body#contact #tel h3 {
	font-size: 1.4rem;
}
body#contact section#tel ul.free_dial {
	margin: 1.5em 0;
}
body#contact section#tel ul.free_dial li {
	padding:  15px 15px 15px 85px;
	background-position: 20px center;
	background-size: 50px 50px;
	background-color: #fff;
	font-size: 1.4rem;
	line-height: 1.2;
}
body#contact section#tel ul.free_dial li:nth-of-type(n+2) {
	margin-top: 1em;
}
body#contact section#tel ul.free_dial .tel_link {
	font-size: 3.2rem;
}
body#contact section#tel ul.free_dial .time {
	font-size: 1.2rem;
}
body#contact section#tel ul.free_dial .notice {
	margin-top: 0.5em;
}
body#contact section#tel ul.document li {
	width: 48%;
	font-size: 1.2rem;
}

body#contact footer,
body#contact footer > p {
	margin-top: 0;
}
/* 736px以下用（SP用）の記述 end */
}


/*--------------------------------------------------------------------
 *	737px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 737px), print {
/* 737px以上用（PC用）の記述 */
body#contact .btn_link {
	width: 500px;
	margin: 1em auto 2em;
}
body#contact .btn_link img {
	width: 100%;
}
body#contact section:not(#cat_ttl) {
	font-size: 1.9rem;
}
body#contact section#request h2 {
	margin: 0 0 1em;
	padding: 32px 0 32px 120px;
	font-size: 2.0rem;
}
body#contact section#request h2::before {
	width: 98px;
	height: 98px;
}
body#contact section#request li:nth-of-type(1) h2::before {
	background-size: 98px;
}
body#contact section#request li:nth-of-type(2) h2::before {
	background-size: 98px;
}
body#contact section#request ul {
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
}
body#contact section#request ul li {
	width: 570px;
	padding: 25px 20px;
	border: 2px solid #003686;
	border-radius: 20px;
	box-sizing: border-box;
}
body#contact section#request .form_link {
	width: 310px;
	margin: 2em auto 0;
}
body#contact section#tel .tel_inner {
	width: 510px;
	margin: 30px auto 110px;
}
body#contact section#tel ul.free_dial {
	margin: 0;
}
body#contact section#tel ul.free_dial li {
	padding:  15px 15px 15px 65px;
	background-position: 10px center;
	background-size: 50px 50px;
	font-size: 1.4rem;
	line-height: 1.2;
}
body#contact section#tel ul.free_dial li:nth-of-type(n+2) {
	margin-top: 25px;
}
body#contact section#tel ul.free_dial .notice {
	margin-top: 0.5em;
}
body#contact section#tel .tel_flex {
	display: flex;
	align-items: center;
}
body#contact section#tel .tel_inquiry .num {
	text-align: center;
}
body#contact section#tel .tel_inquiry .time {
	margin-left: 1em;
	text-align: right;
}

body#contact section#tel .tel_link {
	font-size: 3.2rem;
}
body#contact section#tel ul.document {
	width: 400px;
	margin: 30px auto;
}
body#contact section#tel ul.document li {
	width: 160px;
	font-size: 1.4rem;
	line-height: 1.4;
}

/* 737px以上用（PC用）の記述 end */
}



/*------------------------------------------ clear */
body {
	zoom: 100%;
}

body:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}