@charset "utf-8";

:before,
:after{ font-family: 'Font Awesome 5 Free'; font-size:100%; display:inline-block; vertical-align:middle; margin:0; font-weight:bolder;}

h1, h2, h3, h4, p, ul, li {
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
img {
	border:none;
}
#wrapper #header {
	background-color: #0071BD;
}

#wrapper #header .menu {
	float: left;
}
#wrapper #header .menu .menu-bt {
	vertical-align: middle;
	position: relative;
	top: 50px;
	left: 15px;
}

#wrapper #header .logo {
	float: right;
}
#wrapper #header p img {
	width: 100%;
}
#wrapper #header h1 img {
	width: 100%;
}

#wrapper #contents h1 {
	color: #073D85;
	font-size: 30px;
	margin-left: 20px;
	margin-right: 20px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #073D85;
	margin-bottom: 20px;
}

#wrapper #contents p {
	color: #073D85;
	font-size: 18px;
	line-height: 160%;
	margin-right: 25px;
	margin-left: 25px;
}
#wrapper #contents .cont-area {
	border: 1px solid #0071BD;
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
	padding-bottom: 15px;
	margin-top: 20px;
}
#wrapper #contents .cont-area img {
	width: 100%;
}
#wrapper #contents .info-area {
	margin-top: 30px;
	width: 90%;
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 30px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #0071BD;
}

#wrapper #contents .info-area h2 {
	font-size: 36px;
	color: #0071BD;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #0071BD;
}
#wrapper #contents .yabizi {
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
	background-color: #F1F7FE;
	border: 2px dashed #3399ff;
	color: #083D85;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#wrapper #contents .yabizi h3 {
	font-size: 24px;
	margin-left: 25px;
	margin-bottom: 10px;
}
#wrapper #contents .cont-block {
	border: 1px solid #0071BC;
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
	margin-top: 30px;
	margin-bottom: 15px;
}
#wrapper #contents .cont-block h2 {
	font-size: 30px;
	color: #FFF;
	background-color: #0071BC;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#wrapper #contents .cont-block table tr th {
	font-size: 16px;
	font-weight: bold;
	color: #073D85;
	text-align: left;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0071BC;
	padding-top: 10px;
	padding-bottom: 10px;
}
#wrapper #contents .cont-block table tr td {
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #073D85;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0071BC;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #0071BC;
}
#wrapper #contents .cont-block table tr td input{font-size:16px;}

#wrapper #contents .cont-block table tr .ore-txt {
	font-size: 16px;
	font-weight: bold;
	color: #F60;
}
#wrapper #contents .cont-block table tr .blu-txt {
	font-size: 16px;
	color: #073D85;
	font-weight: bold;
}
#wrapper #contents .cont-block .txt14 {
	font-size: 14px;
}
#wrapper #contents .cont-block p {
	margin-top: 10px;
	margin-bottom: 15px;
}
#wrapper #contents .cont-block p.att{font-size:12px; line-height:1.4; color:#d40000; display:block; margin:5px 0;}
#wrapper #contents .cont-block ul {
	font-size: 14px;
	color: #073D85;
	list-style-type: disc;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 25px;
	margin-left: 5px;
	line-height: 150%;
	padding-left: 25px;
}
#wrapper #contents .cont-block ul li {
	line-height: 150%;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}


#wrapper #footer p {
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #073D85;
}

#wrapper #nav ul {
	padding-left: 50px;
	background-color: #0088E3;
	margin-bottom: 30px;
}

#wrapper #nav ul li {
	font-size: 22px;
	color: #FFF;
	background-color: #0071BC;
	list-style-type: disc;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 1px;
	padding-left: 15px;
	font-weight: bold;
}
#wrapper #nav ul li a {
	color: #FFF;
	text-decoration: none;
}

#wrapper #nav p {
	text-align: right;
}
#wrapper #footer p img {
	width: 100%;
}
.l-area {
	float: left;
	width: 45%;
	margin-left: 3%;
}
#wrapper #contents .l-area img {
	width: 100%;
}
.r-area {
	float: right;
	width: 45%;
	margin-right: 3%;
}
#wrapper #contents .r-area img {
	width: 100%;
}
#wrapper #contents .eye-c {
	font-size: 24px;
	font-weight: bold;
	color: #0071BD;
	line-height: 150%;
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}
.fish {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0071BC;
}
.yoyaku {
	line-height: 150%;
}

#mail_form{}
#mail_form  h3{background: #84B6F9; font-size: 16px; font-weight: bold; color: #073D85; text-align: left; padding: 10px; border-bottom:1px #0071BC dotted; line-height: 1.5;}
#wrapper #contents .cont-block #mail_form .formList{ margin: 0; padding: 0; list-style: none;}
#wrapper #contents .cont-block #mail_form .formList li{ margin: 0; padding: 0; list-style: none;}
#mail_form .formList li h4{ background: #D5E6FD; padding: 10px; color: #073D85; border-bottom:1px #073D85 dotted; font-size:16px;}
#mail_form .formList li h4.required{}
#mail_form .formList li h4.required:after{content:'*'; color:#D40000;}
#mail_form .formList li div{ font-size: 15px; line-height: 2;}
#mail_form .formList li div.listInner{ padding: 10px;}
#mail_form .formList li .checkOn{ width: 100%; display: block; font-size: 120%; text-align: center;}
#mail_form .formList li .text{}
#mail_form .formList li .att{ width: 100%;}
#mail_form .formList li .input{ display: block;}
#mail_form .formList li .datepick:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#mail_form .formList li .input label{}
#mail_form .formList li .input input,
#mail_form .formList li .input textarea,
#mail_form .formList li .input select{ font-size:15px; padding: 7px; border-radius: 5px; border:2px solid #ddd; box-sizing: border-box;}
#mail_form .formList li .input input.long{width:90%;}
#mail_form .formList li .input textarea{ width:100%; height:150px; margin: 20px 0 ;}
#mail_form .formList li .input select{margin: 0 10px;}
#mail_form .formList li .input .radio{ padding: 10px;}
#mail_form .formList li .block{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin: 0 0 15px;}
#mail_form .formList li .block h5{ margin: 0; padding: 0; font-size: 15px;}

#wrapper #contents .cont-block #mail_form h3#funTitle,
#wrapper #contents .cont-block #mail_form #funArea{display:none;}
#wrapper #contents .cont-block #mail_form #funArea li .input{ width: 100%; display: flex; flex-direction: row; justify-content:flex-start; align-items: center; flex-wrap: wrap; margin: 0 0 15px;}
#wrapper #contents .cont-block #mail_form #funArea li h4{ width: 100%; box-sizing:border-box;}
#wrapper #contents .cont-block #mail_form #funArea li .radio{ background:#dedede; display: block; width:40%; margin: 10px 5%; box-sizing: border-box; border-radius: 6px;}

.submitBtnSet{ width: 100%; text-align: center; padding:0; margin:0 0 30px 0; display: flex; flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: wrap;}
.submitBtnSet button,
.submitBtnSet a{
	font-family: 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif; opacity: .75; transition:.3s; color: #fff;
	padding:2vw 4vw; border-radius:8px; border:2px solid #fff; display: inline-block; margin: 0; font-weight: normal; font-size:5vw; cursor: pointer; text-shadow: none;
	text-decoration:none;
}
.submitBtnSet button:hover,
.submitBtnSet a:hover{ opacity: 1;}
.submitBtnSet .reset{ background:#016934;}
.submitBtnSet .send{ background: #b50013;}
.submitBtnSet .back{ background:#016934; text-decoration:none;}
.submitBtnSet .reset:before{ content:'\f4b3'; margin: 0 5px 0 0;}
.submitBtnSet .send:before{ content:'\f1d8'; margin: 0 5px 0 0;}
.submitBtnSet .back:before{ content:'\f3e5'; margin: 0 5px 0 0;}

#formSet #wrapper #contents header{background:url(../img/yoyakuH.png); background-size:100%; min-height:calc(176px / 2); position:relative;}
#formSet #wrapper #contents header h1{ border:none; color:#fff; position:absolute; top:calc(50% - 15px);}
#wrapper #contents .annotation{}
#wrapper #contents .annotation h3{ text-align:center; margin:15px 0 0; font-size:20px;}
#wrapper #contents .annotation p{ font-size:14px;}
#wrapper #contents .annotation h3.error{ color:#d40000;}

#wrapper #contents #errorList{ color:#d40000;}
#mail_form .formList li div.res{ padding:10px; line-height: 1.7; box-sizing:border-box;}
.result .submitBtnSet{padding-top:20px;}