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

#top_contact {
	width: 100%;
	margin: 0 auto 10%;
}
#top_contact #top_img {
	width: 100%;
	height: 120px;
	margin: 0 auto;
	background: url(images/bg_top_sp.jpg) center center no-repeat;
	background-size: cover;
}
#top_contact .inner {
	position: relative;
	width: 75%;
	height: 100%;
	margin: 0 auto;
}
#top_contact .inner h2{
	display: block;
	position: absolute;
	top: 38%;
	left: 0;
	width: 38%;
	margin: 0;
}
#top_contact .inner h2 img {
	display: block;
}
#top_contact .inner h3{
	position: absolute;
	top: 40%;
	right: 0;
	width: 60%;
	margin: 0;
}

/* ----------------------------------------------------------------------------
  ▼ main
------------------------------------------------------------------------------ */
#main {
	width: 100%;
	height: auto;
	margin: 0 auto 10%;
}
#main .inner {
	width: 94%;
	height: auto;
	margin: 0 auto;
}
#main .inner p.topTxt{
	width: 90%;
	margin: 0 auto 8%;
	text-align: center;
	font-size: 1.5rem;
}
#main strong{
	display: inline-block;
	width: 100%;
	margin: 35px 0 10px 0;
}
#main strong{
	display: inline-block;
	width: 100%;
	margin: 8% 0 4% 0;
	font-size: 16px;
}
#main .sCont{
	width: 100%;
	padding: 0 0 50px 0;
	border-bottom: 2px dotted #3b8cbd;
	font-size: 14px;
}
#main h4 {
	width: 100%;
	height: auto;
	margin: auto;
}
#main .inner02 {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
#main .inner02 table{
	width: 100%;
	margin: 0 0 10% 0;
}
#main .inner02 table tr{
	width: 100%;
	border-bottom: 2px dotted #3b8cbd;
}
#main .inner02 table tr th{
	display: block;
	width: 100%;
	padding: 5% 4%;
	font-weight: bold;
	font-size: 1.6rem;
}
#main .inner02 table tr td{
	display: block;
	width: 94%;
	margin: 0 auto;
	padding: 0 0 6% 0;
	font-size: 1.6rem;
}
#main .inner02 table tr th span.select{
	font-weight: nomal;
}
#main .inner02 table tr th span.required{
	display: inline-block;
	vertical-align: bottom;
	width: 44px;
	height: 24px;
	margin: 4px 0 0 15px;
	padding: 2px 0 2px 10px;
	font-size: 12px;
	font-weight: nomal;
	color: #fff;
	background: #cb3750;
	border-radius: 5px;
}
#main .inner02 table tr td ul{
	width: 100%;
	font-size: 1.8rem;
	font-weight: bold;
}
#main .inner02 table tr td ul li{
	width: 100%;
	height: 30px;
	margin:0 0 8px 0;
	font-size: 16px;
	font-weight: nomal;
}
textarea{
	width: 100%;
	height:150px;
	padding: 10px;
	font-size: 14px;
}
#main .inner02 table tr td ul li input[type='checkbox']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
	width: 10px;
}
#main .inner02 table tr td ul li input[type='text']{
	margin: 0 0 50px 0;
}
#main .inner02 table tr td ul li .cbox{
	width: 82%;
	height: 84%;
	background:url(images/checkbox.jpg) no-repeat;
	background-position: left top;
	background-size: 25px 50px;
	display:block;
	padding:0 0 0 30px;
	cursor:pointer;
	overflow:hidden;
	line-height:25px;
}
#main .inner02 table tr td ul li input[type='radio']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
	width: 10px;
}
#main .inner02 table tr td ul li .rbox{
	width: 82%;
	height: 84%;
	background:url(images/radioBt.jpg) no-repeat;
	background-position: left top;
	background-size: 25px 50px;
	display:block;
	padding:0 0 0 30px;
	cursor:pointer;
	overflow:hidden;
	line-height:25px;
}
.c_on{
	background-position:left bottom !important;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
	color: #c1c1c1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
	color: #c1c1c1;
}
input::-moz-placeholder,
textarea::-moz-placeholder{
	color: #c1c1c1;
}
input[type="text"],
input[type="email"]{
	width: 100%;
	padding: 3px;
}
#main .inner02 table tr td #address2{
	margin: 0 0 10px 0;
}
#main .inner02 table tr td #postal{
	display: inline-block;
	width: 100%;
	margin: 0 0 15px 0;
}
#main .inner02 table tr td #postal input[type="text"]{
	width: 150px;
}
#main .inner02 table tr td #postalBox{
	display: inline-block;
	width: 100%;
	margin: 0 0 15px 0;
}
#main .inner02 table tr td #postalBox #postalBt{
	display: inline-block;
	width: 100px;
	text-align: center;
}
#main .inner02 table tr td input[type="button"]{
	width: 120px;
	padding: 2px 0 0 0;
	background: #0159aa;
	color: #fff;
	text-align: center;
	border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	cursor:pointer;
}
#main .inner02 table tr td #postalBox #address1{
	display: inline-block;
	width: 120px;
}
#main .inner02 table tr td .adExsample{
	width: 100%;
	margin: 0 0 15px 0;
}
#main .inner02 table tr td #tel input[type="text"]{
	width: 250px;
}
#main .inner02 table tr td #postal .hyphen,
#main .inner02 table tr td #tel .hyphen,
#main .inner02 table tr td #fax .hyphen{
	width: 20px;
	margin:0 10px;
	vertical-align:middle;
}
#main .inner02 table tr td ul.question{
	width: 100%;
}
#main .inner02 table tr td ul.question li{
	width: 100%;
}
#main .Box{
	overflow: hidden;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 10% 2%;
	background: #f3f9fb;
}
#main .Box .inner03{
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	background: #f3f9fb;
}
#main .Box .inner03 h5{
	width: 100%;
	margin: 0 auto 8%;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
#main .Box .inner03 p{
	width: 100%;
	font-size: 1.4rem;
	margin:0 auto 6%;
}
#main .Box .inner03 .btnBox{
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 10% 6% 8%;
	background: #fff;
}
#main .Box .inner03 .btnBox02{
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 10% 6% 8%;
	background: #fff;
}
#main .Box .inner03 .btnBox .boxCaution,
#main .Box .inner03 .btnBox02 .boxCaution{
	color: #cb3750;
	font-weight: bold;
}
.Box .inner03 .btnBox ul,
.Box .inner03 .btnBox02 ul{
	width: 100%;
	height: auto;
}
.Box .inner03 .btnBox ul li,
.Box .inner03 .btnBox02 ul li{
	width: 100%;
	height: auto;
	margin: 2% auto 0;
	padding: 5% 0;
	text-align: center;
	background: #0159aa;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #67738c;
}
.Box .inner03 .btnBox ul li label,
.Box .inner03 .btnBox02 ul li label{
	font-size: 1.6rem;
	color: #fff;
}
.Box .inner03 .btnBox ul li.consentBt,
.Box .inner03 .btnBox02 ul li.consentBt {
	display: block;
	width: 100%;
	margin: 0 auto;
	background: none;
	border: none;
	box-shadow: none;
	text-align: center;
}
.Box .inner03 .btnBox ul li.submitBox,
.Box .inner03 .btnBox02 ul li.submitBox{
	/*top: 80px;
	right: 150px;*/
}
.Box .inner03 .btnBox ul li.submitBox input[type='submit'],
.Box .inner03 .btnBox02 ul li.submitBox input[type='submit']{
	font-size: 1.6rem;
	font-weight: normal;
	color: #fff;
	background: none;
	cursor: pointer;
}
.Box .inner03 .btnBox ul li.consentBt label,
.Box .inner03 .btnBox02 ul li.consentBt label{
	font-size: 16px;
	font-weight: normal;
	color: #0159aa;
}
.Box .inner03 .btnBox ul li.consentBt input[type='checkbox'],
.Box .inner03 .btnBox02 ul li.consentBt input[type='checkbox']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
	width: 10px;
}
.Box .inner03 .btnBox ul li.consentBt .cbox,
.Box .inner03 .btnBox02 ul li.consentBt .cbox{
	width: 100%;
	background:url(images/checkbox.png) no-repeat;
	background-position: left top;
	background-size: 25px 50px;
	display:block;
	padding:0 0 0 30px;
	cursor:pointer;
	overflow:hidden;
	line-height:25px;
}
footer{
	border-top: 2px dotted #3b8cbd;
	padding: 40px 0 0 0;
}

input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }

/* ----------------------------------------------------------------------------
  ▼ mainCompletion
------------------------------------------------------------------------------ */
#mainCompletion{
	width: 100%;
	height: auto;
	margin: 0 auto 10%;
	padding: 10% 0 0 0;
}
#mainCompletion .inner {
	width: 94%;
	height: auto;
	margin: 0 auto;
}
#mainCompletion .inner h4{
	margin: 0 auto 8%;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
#mainCompletion .inner h5{
	margin: 0 auto 6%;
	font-size: 2.0rem;
	text-align: center;
}
#mainCompletion .inner h6{
	margin: 0 auto 10%;
	font-size: 1.6rem;
	text-align: center;
}
#mainCompletion .inner p{
	width: 100%;
	height: 60px;
	margin: 0 auto;
	padding: 18px 0 0 0;
	text-align: center;
	background: #0159aa;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #67738c;
}
#mainCompletion .inner p a{
	font-size: 1.6rem;
	font-weight: normal;
	color: #fff;
	cursor: pointer;

}

/* ----------------------------------------------------------------------------
  ▼ php
------------------------------------------------------------------------------ */
.btn{
	width: 100%;
	height: auto;
	padding: 6% 0;
	text-align: center;
	color: #fff;
	background: #0159aa;
	font-size: 14px;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #67738c;
	cursor: pointer;
}
#modorunote,
.alignC{
	width: 100%;
	color: #cb3750;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
#modoru{
	width: 100%;
	text-align: center;
}
#btn03{
	margin: 0 auto 6%;
}
#btn04{
	float: right;
}
.ERR{
	color: #cb3750;
}