@charset "utf-8";
/* ===================================================================
	use toppage
=================================================================== */

/*---------------------------------------------------------------------------*/

#ttl_area {
	margin: 0 auto;
	padding: 55px 0;
	width: 1000px;
}

#ttl_area h2.ttl {
	font-size: 26px;
}

#ttl_area h2.ttl span {
	line-height: 26px;
	padding-left: 15px;
}

#ttl_area h2.ttl span img {
	vertical-align: middle;
}

#main {
	background: url(../images/main.jpg) no-repeat center center;
	background-size: cover;
	height: 230px;
}

#contents {
	padding-bottom: 90px;
}

#contents .intro {
	margin: 0 auto 26px;
	padding-top: 75px;
	text-align: center;
	width: 900px;
}

#contents .intro h2.ttl {
	color: #24a3d2;
	font-size: 22px;
	margin-bottom: 20px;
}

#contents .intro .info {
	text-align: left;
}

#contents .intro .info p {
	line-height: 2.4em;
	margin-bottom: 35px;
}

#contents .intro .info p.sign {
	margin-top: -23px;
	margin-bottom: 0;
	text-align: right;
}

#form_area {
	margin: 0 auto;
	width: 900px;
}

#form_area .period {
	border: #eb5b4c 3px solid;
	color: #eb5b4c;
	margin: 0 auto 40px;
	padding: 8px 0;
	text-align: center;
	width: 425px;
}

#form_area h3.ttl {
	background: url(../images/icon_att_ttl.png) no-repeat 12px center #435262;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	line-height: 54px;
	margin-bottom: 25px;
	padding-left: 30px;
	text-align: center;
}

#form_area .info {
	line-height: 2.5em;
	margin: 0 auto 35px;
	width: 860px;
}

#form_area .info a {
	color: #24a3d2;
	text-decoration: underline;
}

#form_area .info a:hover {
	text-decoration: none;
}

#form_area .service_data {
	border: #e7f2f7 3px solid;
	margin-bottom: 45px;
	padding: 26px 40px 37px;
}

#form_area .service_data .ttl {
	color: #3ca9d5;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 6px;
}

#form_area .service_data ul li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-top: 20px;
	width: 380px;
}

#form_area .service_data ul li:nth-child(even) {
	float: right;
}

#form_area .service_data ul li dl dt {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	width: 88px;
}

#form_area .service_data ul li dl dd {
	border: #e0e0e0 2px solid;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	padding: 5px 10px;
	width: 260px;
}

#form_area .faq {}

#form_area .faq>dl {
	margin-bottom: 35px;
}

#form_area .faq>dl>dt {
	background-color: #3ca9d5;
	color: #fff;
	display: table;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 15px 3%;
	width: 94%;
}

#form_area .faq>dl.marL>dt {
	background-color: #7aced7;
	padding: 10px 3%;
}

.text_center {
	text-align: center;
}

#form_area .faq>dl>dt span {
	display: table-cell;
	vertical-align: middle;
}

#form_area .faq>dl>dt .numb {
	background: url(../images/line_ttl.png) no-repeat right center;
	padding-right: 15px;
	width: 60px;
}

#form_area .faq>dl>dt span:last-child {
	padding-left: 20px;
}

#form_area .faq>dl>dd {}

#form_area .faq>dl>dd .inner {
	margin: 0 auto;
	width: 820px;
}

#form_area .faq .type_01 {}

#form_area .faq .type_01 ul li {
	margin-bottom: 11px;
}

#form_area .faq .type_01 .check_area {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	width: 185px;
}

#form_area .faq .type_01 .detail_area {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	width: 630px;
}

#form_area .faq .type_01 .detail_area span {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-right: 10px;
	padding-left: 23px;
	vertical-align: middle;
	white-space: nowrap;
}

#form_area .faq .type_01 .detail_area .name {
	padding-left: 0;
	width: 80px;
}

#form_area .faq .type_02 ul li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right: 40px;
}

#form_area .faq .type_02 li:last-child {
	margin-right: 0;
}

#form_area .faq .type_03 {
	text-align: left;
}

#form_area .faq .type_03 ul li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right: 25px;
}

#form_area .faq .type_03 ul li:last-child {
	margin-right: 0;
}

#form_area .faq .type_04 {}

#form_area .faq .type_04 dl {
	margin-bottom: 14px;
}

#form_area .faq .marL {
	margin-left: 4%;
}

#form_area .faq .type_04 dl dt {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	padding-right: 15px;
	width: 170px;
}

#form_area .faq .type_04 dl.text_area {
	margin-top: 30px;
}

#form_area .faq .type_04 dl.text_area dt {
	vertical-align: top;
}

#form_area .faq .type_04 dl dd {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	width: 630px;
}

#form_area .faq .type_04 dl dd ul {
	padding-left: 10px;
}

#form_area .faq .type_04 dl dd ul li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right: 30px;
}

#form_area .faq .type_04 dl dd ul li:last-child {
	margin-right: 0;
}

#form_area .address_area {
	border: #e7f2f7 3px solid;
	box-sizing: border-box;
	margin-bottom: 50px;
}

#form_area .address_area dl {
	display: table;
	width: 100%;
}

#form_area .address_area dl dt {
	background-color: #e7f2f7;
	border-bottom: #fff 3px solid;
	display: table-cell;
	font-weight: bold;
	padding-left: 24px;
	vertical-align: middle;
	width: 256px;
}

#form_area .address_area dl:last-child dt {
	border-bottom: 0;
}

#form_area .address_area dl dt strong {
	color: #eb5b4c;
	font-size: 10px;
}

#form_area .address_area dl dd {
	border-bottom: #e7f2f7 3px dotted;
	display: table-cell;
	vertical-align: middle;
	padding: 20px 27px;
}

#form_area .address_area dl:last-child dd {
	border-bottom: 0;
}

#form_area dl dd input[type=text] {
	border: #e0e0e0 2px solid;
	background-color: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 0;
	/* Firefox用 */
	/* box-shadow */
	box-shadow: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	-webkit-appearance: none;
	height: 27px;
	outline: none;
	vertical-align: middle;
	width: 100%;
}

#form_area dl dd input.name {
	width: 155px !important;
}

#form_area dl dd input.post_numb {
	width: 245px !important;
}

#form_area dl dd .short input {
	width: 280px !important;
}

#form_area .type_01 input[type=text] {
	width: 530px;
}

#form_area dl dd textarea {
	border: #e0e0e0 2px solid;
	background-color: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 0;
	/* Firefox用 */
	/* box-shadow */
	box-shadow: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	-webkit-appearance: none;
	outline: none;
	height: 70px;
	width: 100%;
}

#form_area dl dd select {
	border: #e0e0e0 2px solid;
	background-color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 0;
	/* Firefox用 */
	/* box-shadow */
	box-shadow: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	height: 27px;
	outline: none;
	vertical-align: middle;
}

#form_area dl dd .short select {
	width: 150px;
}

#form_area dl dd .input_area {
	display: table-cell;
	vertical-align: middle;
	width: 430px;
}

#form_area dl dd .input_area.post {
	width: 260px;
}

#form_area dl dd .input_area.address {
	display: block;
}

#form_area dl dd .ex {
	display: table-cell;
	vertical-align: middle;
	font-size: 11px;
}

#form_area dl dd .ex_address {
	font-size: 11px;
	margin-top: 5px;
}

#form_area dl dd .ex a {
	color: #24a3d2;
	margin-left: 10px;
	text-decoration: underline;
}

#form_area dl dd .ex a:hover {
	text-decoration: none;
}

#form_area dl dd .ex .att {
	margin-top: 5px;
}

#form_area dl dd .input_area span {
	font-weight: bold;
	margin-right: 10px;
}

#form_area dl dd .input_area div {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

#form_area dl dd .input_area .sec_item {
	padding-left: 20px;
}

#form_area label {
	margin-right: 15px;
}

#form_area input[type=radio],
#form_area input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}

#form_area input[type=radio]+label,
#form_area input[type=checkbox]+label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 12px;
	line-height: 30px;
	cursor: pointer;
}

@media (min-width: 1px) {

	#form_area input[type=radio],
	#form_area input[type=checkbox] {
		display: none;
		margin: 0;
	}

	#form_area input[type=radio]+label,
	#form_area input[type=checkbox]+label {
		padding: 0 0 0 24px;
	}

	#form_area input[type=radio]+label::before,
	#form_area input[type=checkbox]+label::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-box-shadow: 0;
		-moz-box-shadow: 0;
		box-shadow: 0;
		display: block;
		width: 12px;
		height: 12px;
		margin-top: -7px;
		background: #FFF;
		z-index: 0;
	}

	#form_area input[type=radio]+label::before {
		border: #e0e0e0 2px solid;
		border-radius: 30px;
		-webkit-box-shadow: 0;
		-moz-box-shadow: 0;
		box-shadow: 0;
	}

	#form_area input[type=checkbox]+label::before {
		border: #e0e0e0 2px solid;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	}

	#form_area input[type=radio]:checked+label::after,
	#form_area input[type=checkbox]:checked+label::after {
		content: "";
		position: absolute;
		top: 50%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}

	#form_area input[type=radio]:checked+label::after {
		left: 4px;
		width: 8px;
		height: 8px;
		margin-top: -3px;
		background: #24a3d2;
		border-radius: 6px;
	}

	#form_area input[type=checkbox]:checked+label::after {
		left: 3px;
		width: 12px;
		height: 6px;
		margin-top: -4px;
		border-left: 3px solid #24a3d2;
		border-bottom: 3px solid #24a3d2;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}

#form_area .check_area {}

#form_area .check_area h3.ttl {
	text-align: left;
}

#form_area .check_area .mailmaga {
	margin: 0 auto 35px;
	width: 860px;
}

#form_area .check_area .mailmaga p {
	line-height: 2em;
	margin-bottom: 10px;
}

#form_area .check_area .mailmaga ul {}

#form_area .check_area .mailmaga ul li {
	float: left;
	margin-right: 10px;
}

#form_area .privacy {
	background-color: #e7f2f7;
	margin-bottom: 40px;
	padding: 35px 60px 45px;
	text-align: center;
}

#form_area .privacy .agree {
	background-color: #fff;
	margin-bottom: 25px;
	padding: 25px 0 15px;
}

#form_area .privacy .agree p {
	margin-bottom: 6px;
}

#form_area .privacy .agree a {
	color: #24a3d2;
	text-decoration: underline;
}

#form_area .privacy .agree a:hover {
	text-decoration: none;
}

#form_area .privacy .check_text {
	margin-bottom: 25px;
}

#form_area .privacy .btn_check {
	margin: 0 auto;
	width: 440px;
}

#form_area .privacy .btn_check a {
	background: url(/sys/images/icon_arrow_wh.png) no-repeat 95% center #24a3d2;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 70px;
	transition: all 0.3s ease 0s;
}

#form_area .privacy .btn_check a:hover {
	background: url(/sys/images/icon_arrow_wh.png) no-repeat 97% center #24a3d2;
}

#form_area .att_area {
	margin-bottom: 40px;
}

#form_area .att_area li {
	font-size: 11px;
	line-height: 2.2em;
}

#form_area .ssl_area {
	display: table;
	width: 100%;
}

#form_area .ssl_area .ssl {
	display: table-cell;
	vertical-align: middle;
	width: 100px;
}

#form_area .ssl_area .ssl_att {
	display: table-cell;
	font-size: 11px;
	padding-left: 20px;
	vertical-align: middle;
}

#form_area .ssl_area .ssl_att li+li {
	margin-top: 8px;
}

/*---------------------------------------------------------------------------*/

#check #contents .intro {
	margin-bottom: 75px;
}

#check #form_area .service_data ul li dl dd {
	border: 0;
}

#check #form_area dl dd {
	color: #979797;
}

#check #form_area .btn_area {
	background-color: #e7f2f7;
	padding: 55px 0;
	text-align: center;
}

#check #form_area .btn_area p {
	margin-bottom: 25px;
}

#check #form_area .btn_area ul {
	margin: 0 auto;
	width: 440px;
}

#check #form_area .btn_area ul li {}

#check #form_area .btn_area ul li.send {
	font-size: 18px;
	margin-bottom: 20px;
}

#check #form_area .btn_area ul li.back {
	font-size: 15px;
}

#check #form_area .btn_area ul li a {
	color: #ffffff;
	display: block;
	font-weight: bold;
	transition: all 0.3s ease 0s;
}

#check #form_area .btn_area ul li.send a {
	background: url(/sys/images/icon_arrow_wh.png) no-repeat 95% center #24a3d2;
	line-height: 70px;
}

#check #form_area .btn_area ul li.back a {
	background: url(/sys/images/icon_arrow_whl.png) no-repeat 5% center #435262;
	line-height: 55px;
}

#check #form_area .btn_area ul li.send a:hover {
	background: url(/sys/images/icon_arrow_wh.png) no-repeat 97% center #24a3d2;
}

#check #form_area .btn_area ul li.back a:hover {
	background: url(/sys/images/icon_arrow_whl.png) no-repeat 3% center #435262;
}

/*---------------------------------------------------------------------------*/

#thanks {}

#thanks #contents .intro {
	margin-bottom: 40px;
}

#thanks .thanks_area {
	border: #e7f2f7 3px solid;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 40px 0 50px;
	text-align: center;
	width: 1000px;
}

#thanks .thanks_area .ttl {
	background: url(/sys/images/dot_ttl_bl.png) no-repeat center bottom;
	color: #24a3d2;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 31px;
	padding-bottom: 31px;
}

#thanks .thanks_area .text {
	line-height: 2.4em;
	margin-bottom: 41px;
}

#thanks .thanks_area .btn_back {
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	width: 440px;
}

#thanks .thanks_area .btn_back a {
	background: url(/sys/images/icon_arrow_wh.png) no-repeat 95% center #435262;
	color: #ffffff;
	display: block;
	line-height: 55px;
	transition: all 0.3s ease 0s;
}

#thanks .thanks_area .btn_back a:hover {
	background: url(/sys/images/icon_arrow_wh.png) no-repeat 97% center #435262;
}

@media screen and (max-width:767px) {
	#thanks .thanks_area {
		padding-left: 20px;
		padding-right: 20px;
		width: 95%;
	}

	#thanks .thanks_area .btn_back {
		width: 80%;
	}
}

/*---------------------------------------------------------------------------*/

#error {}

#error #contents {
	padding-top: 85px;
}

#error .error_area {
	background-color: #f9eae8;
	margin: 0 auto;
	padding: 46px 0 60px;
	text-align: center;
	width: 1000px;
}

#error .error_area .ttl {
	background: url(../images/icon_ttl_error.png) no-repeat center bottom;
	color: #eb5b4c;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 35px;
	padding-bottom: 30px;
}

#error .error_area p {
	color: #eb5b4c;
	font-weight: bold;
	margin-bottom: 37px;
}

#error .error_area .btn_back {
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	width: 440px;
}

#error .error_area .btn_back a {
	background: url(/sys/images/icon_arrow_wh.png) no-repeat 95% center #435262;
	color: #ffffff;
	display: block;
	line-height: 55px;
	transition: all 0.3s ease 0s;
}

#error .error_area .btn_back a:hover {
	background: url(/sys/images/icon_arrow_wh.png) no-repeat 97% center #435262;
}