@charset "UTF-8";
/* CSS Document */

body {
	color: #231815;
	font-family : "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size : 15px;
	text-align: center;
	line-height: 1.75;
	letter-spacing: 0.05rem;
	margin: 0 auto;
}
img { vertical-align: bottom; max-width: 100%; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #231815; }
header, article, footer {width: 1280px;overflow: hidden;margin: 0 auto;}

#inquiry {background: #DAE4EE; padding: 45px 0px;}
.form_inner p {font-size: 30px; margin-bottom: 35px;}
.form_inner p span {width: 9em; text-align: right; display: inline-table; vertical-align: top; line-height: 270%;}
.form_inner p span.comment { line-height: 560%;}
.form_inner {
	margin:0 auto 50px;
	padding:40px 0 0;
	font-weight:bold;
}
.form_inner input {height: 2.0em; padding: 0.3em 0.5em; width: 20em;}
.form_inner textarea {height: 5.0em; padding: 0.3em 0.5em; width: 20em;}
.form_inner .btn--submit {background: #001F8B; color: white; width: 275px; height: 68px; cursor: pointer; border-radius: 10px;}
.form_inner .btn--submit:hover {background: #5567aa;}

/* 2021/06/25 追記 メーラ起動用 */
.form_inner h2{
	font-weight: bolder;
	font-size:  2.0rem;
}

.form_inner .eMail{
	display: flex;
}
.form_inner .container--list {
	width: 15%;
	display: inline-flex;
	flex-direction: column;
}

.form_inner ol {
	text-align: left;
}
.form_inner li {
	font-size: 2.0rem;
	list-style: decimal;
	list-style-position: outside;
	word-break: keep-all;
}
.form_inner .btn--mailer {background: #001F8B; color: white; cursor: pointer; border-radius: 10px; font-size: 2.0rem; padding: 20px 46px;}
.form_inner .btn--mailer:hover {background: #5567aa;}
/* 2021/06/25 追記 メーラ起動用 */

footer {background: #231815; height: 90px; }
footer .left{ width: calc(100% - 220px); height: 90px; float: left; }
footer .left img {position: relative; top: 30%; right: -12%;}
footer .right{ width: 180px; height: 90px; float: left;}
footer .right ul { display: flex; justify-content: space-between; position: relative; top: 33%;}
footer .right a:hover {opacity: 0.6; transition: all 0.2s ease;}

.mb10  {margin-bottom:  10px;}
.mb20  {margin-bottom:  20px;}
.mb30  {margin-bottom:  30px;}
.mb40  {margin-bottom:  40px;}
.mb50  {margin-bottom:  50px;}
.mb60  {margin-bottom:  60px;}
.mb70  {margin-bottom:  70px;}
.mb80  {margin-bottom:  80px;}
.mb90  {margin-bottom:  90px;}
.mb100 {margin-bottom: 100px;}