@charset "utf-8";

/* ----------------------------------------------
Reset
---------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* ----------------------------------------------
Global Elements
---------------------------------------------- */
html {font-size: 62.5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow:auto;}
body {
	font-family: "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
  background:#000;color:#191818;font-size:20px;font-size:2rem;line-height:1.46em;width: 100%;
}

ul, li{list-style-type:none;}
img {border:none;vertical-align:bottom;}
input,textarea,select {}
form {margin:0px;}
table {border-collapse:collapse;font-size:100%;border-spacing:0;}

.fontw {font-family: "ヒラギノ角ゴ ProN W8","HiraKakuProN-W8","ヒラギノ角ゴ Pro W8","HiraKakuPro-W8","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;}


/* ----------------------------------------------
Text elements
---------------------------------------------- */
a {color:#0000ff;text-decoration:none;}
a:hover {color:#0000ff;}
a:focus, *:focus { outline:none; }

/* iPhone 角丸防止 */
input[type="button"],
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="submit"],
button,
select,
textarea {-webkit-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;border-radius:0;border:none;}

.alignleft {display:inline;float:left;}
.alignright {display:inline;float:right;}
.aligncenter {display:block;margin-right:auto;margin-left:auto;text-align:center;}

img{-webkit-backface-visibility: hidden;}

/* ----------------------------------------------
Header
---------------------------------------------- */
#header {width: 100%;padding:10px 0;background:#fff;}

.header_in {width:100%;max-width:800px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;align-items:center;position:relative;}
.header_in > div:nth-of-type(1) {width:28.125%;margin:0 27.5% 0 3.125%;}
.header_in > div:nth-of-type(2) {width:40.625%;margin-right:0.625%;}
.header_in img {width:100%;height:auto;}

/* ----------------------------------------------
Footer
---------------------------------------------- */
#footer {
	background:#676767;color:#fff;
	-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
#footer ul {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;justify-content:center;padding:30px 0;}
#footer ul li {}
#footer ul li a {margin:0 1em;display:block;line-height:40px;font-size:0.85em;color:#fff;}

.f_copy {color: #fff;padding:0 0 15px;margin:0;text-align:center;font-size:14px;}

/* ----------------------------------------------
Main Contents
---------------------------------------------- */
#wrapper {margin:0 auto;width:100%;margin:0 auto;background:#fff;}
#contents {position:relative;overflow: hidden;}

section {width:100%;position:relative;}

/* ----------------------------------------------
Contents
---------------------------------------------- */
.main {background:url(../images/main_bg.jpg) top center no-repeat;background-size:cover;position:relative;}
.mainin {width:100%;max-width:800px ;padding:0;margin:0 auto;position:relative;}
.zero {position:absolute;top:15.5%;left:72%;width:18%;height:17.741935%;z-index:2;}


.sbox {margin:0 auto;}
.sboxin {width:100%;max-width:calc(800px - 90px);padding:0 45px;margin:0 auto;position:relative;}

.step4 {border: 3px solid #d7d7d7;}
.step4_top {background:#fff;}

.reason_tops {background:#f9f0df;}


.conform_btn {position:relative;background:#f9f0df;}
.conform_btn a {position:absolute;top:47%;left:11%;width:77.5%;height:37%;cursor:pointer;}

/* ----------------------------------------------
Form
---------------------------------------------- */
#cform {background:#f9f0df;}
#cform form {padding:40px 0 80px;}
.cform_top {background:#289128;color:#fff;text-align:center;line-height:100px;font-size:2em;font-weight:bold;} 

.cform_groupt {width:100%;max-width:700px;margin:0 auto;}
.cform_group {width:100%;max-width:430px;margin:0 auto;}
.cf_title {
	display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;justify-content:center;align-items: center;
	margin-bottom:1em;
}
.cf_title p {font-size:1.5em;font-weight:bold;margin-right:0.5em;}
.cf_title span {background:#ff0000;color: #fff;font-size:0.75em;padding:0 5px;line-height:30px;}

.cf_input {margin-bottom:80px;}
.cf_input div.cfi_w80 {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;justify-content:center;align-items: center;width:100%;}
.cf_input span {font-size:1.5em;font-weight:bold;margin-left:0.5em;width:2.5em;}

input[type="text"] {
	border:2px solid #ff6900;width:calc(100% - 10px);padding:0 3px;line-height:46px;font-size: 1.5em;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;
}
input[type="text"].w80 {width:calc(100% - (10px + 2.5em));}

/* radio */
ul.box_radio {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display: flex;flex-flow: row wrap;width:100%;}
ul.box_radio li {width:45%;margin:0 10% 0 0;}
ul.box_radio li:last-child {margin:0;}
.rb_input {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;}
.rb_label {
	border: 2px solid #ff6900;background: #fff;color:#ff6900;
	cursor: pointer;display: block;text-align: center;font-size: 1.5em;line-height:85px;transition: background 0.2s;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;
}
.rb_label:hover {background: #ff6900;color:#fff;}
.rb_input:checked + .rb_label {border: 2px solid #ff6900;background: #ff6900;color:#fff;}

/* section */
.secbox {}

.secbox {
	overflow: hidden;width:calc(100% - 4px);margin:0 auto;text-align: center;
	position: relative;border:2px solid #ff6900;background: #ffffff;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;
}
.secbox select {
	padding:0 1em 0 3px;font-size: 1.5em;line-height:46px;
	color: #ff6900;
	width: 100%;padding-right: 1em;cursor: pointer;text-indent: 0.01px;text-overflow: ellipsis;
	border: none;outline: none;background: transparent;background-image: none;box-shadow: none;-webkit-appearance: none;appearance: none;
}
.secbox select::-ms-expand {display: none;}
.secbox {
	
}
.secbox:before {
	position: absolute;
	top:20px;
	right: 0.5em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ff6900;
	pointer-events: none;
}


#cform button {
	border: 3px solid #0d5e0d;display:block;width:100%;line-height:94px;background:#289128;margin-top:10px;
	color:#fff;font-size:2em;font-weight:bold;border-radius:15px;box-shadow: 0px 10px 0px 0px rgba(13,94,13, 1);
}
#cform button svg {color:#fff;margin-left:.5em;}

#cform button[disabled]{border: 3px solid #a0a0a0;background:#DCDCDC;box-shadow: 0px 10px 0px 0px rgba(160,160,160, 1);cursor:not-allowed;}

.error-message {margin:5px 0 0;padding:0;line-height:20px;}
.formError .formErrorContent {
	background:transparent !important;position: relative;min-width:auto;
	color: #ff0000 !important;font-size: 12px !important;padding:0 !important;border:none !important;text-indent:0.4em;line-height:20px;
	box-shadow:none !important;-moz-box-shadow:none !important;-webkit-box-shadow:none !important;-o-box-shadow:none !important; 
	border-radius:0 !important;-moz-border-radius:0 !important;-webkit-border-radius:0 !important;-o-border-radius:0 !important;
}

.text_ceter {text-align: center;display:block;margin:1em auto;}
.text_ceter p {text-align: left;display: inline-block;}

.cform_text {display:block;margin: 0 auto;width:96%;max-width:430px;}

/* ----------------------------------------------
Other_page
---------------------------------------------- */
/* company_page */
.company_page {padding:40px 0 80px;min-height:650px}
.cp_top {background:#ff6900;color:#fff;text-align:center;line-height:100px;font-size:2em;font-weight:bold;} 

.company_page table{width:100%;border-collapse:collapse;}
.company_page th, .company_page td {border: solid 1px #676767;padding:10px;line-height:24px;}
.company_page th {background:#ccc;}
.company_page td img {width:100%;max-width:240px;}


/* privacy_page */
.privacy_page {padding:40px 0 80px;}
.pp_top {background:#ff6900;color:#fff;text-align:center;line-height:100px;font-size:2em;font-weight:bold;} 

.privacy_page .sboxin > div {font-size:1em;font-weight:bold;margin:1em 0 0.4em;}
.privacy_page p {font-size:0.7em;margin:0 0 1em;padding:0 0 0 1em;line-height:1.5em;}
.privacy_page span {display: block;font-size:0.7em;margin:0 0 1em;line-height:1.5em;}
.privacy_page img {vertical-align:top;width:170px;}

/* thanks_page */
.thanks_page {padding:40px 0 80px;font-size:0.9em;}
.thanks_page p {margin:0 0 2em;padding:0;line-height:1.5em;}
#result {}

/* ----------------------------------------------
Form
---------------------------------------------- */

/* Confirmation */
#formWrap {}
table.formTable {width: 100%;border-collapse: separate;border-spacing: 0;text-align: left;font-size: 1.4rem;line-height: 1.5;border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
table.formTable th {width: 30%;padding: 10px;font-weight: 400;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #fff;border-left: 1px solid #fff;background: #eee;}
table.formTable td {width: 70%;padding: 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}

#formWrap h4 {margin-bottom:0.8em;}
.error_messe {color:#ff0000;}

.mail_send {margin-top:25px;}
.mail_send input[type="submit"], .mail_send input[type="button"] {width:47%;margin:0 1%;max-width:300px;line-height:60px;font-size:1.2em;border-radius: 4px;}
.mail_send input[type="submit"]:disabled {background:#a1c3ec;border:none;color:#5488c9;}
.mail_send input[type="submit"] {background:#3f8ded;border:none;color:#fff;}
.mail_send input[type="button"] {background:#666666;border:none;color:#fff;}

/* ----------------------------------------------
Other
---------------------------------------------- */


@media only screen and (max-width: 768px) {

	body {font-size:16px;font-size:1.6rem;min-width:initial;}


	/* ----------------------------------------------
	Footer
	---------------------------------------------- */
	#footer ul {flex-flow:row wrap;padding:30px 0;}


	/* ----------------------------------------------
	Contents
	---------------------------------------------- */
	.main {background:url(../images/main_bgs.jpg) top center no-repeat;background-size:cover;}

	.sbox {margin:0 auto;}
	.sboxin {width:96%;max-width:initial;padding:0px;}


	/* ----------------------------------------------
	Form
	---------------------------------------------- */

	#cform form {padding:30px 0 60px;}
	.cform_top {line-height:80px;font-size:1.6em;} 

	.cform_group {width:96%;}
	.cf_title {margin-bottom:0.5em;}
	.cf_title p {font-size:1.3em;}
	.cf_title span {line-height:20px;}

	.cf_input {margin-bottom:45px;}
	.cf_input span {font-size:1.3em;}

	input[type="text"] {font-size: 1.3em;}

	/* radio */
	ul.box_radio li {width:48%;margin:0 4% 0 0;}
	
	.rb_label {line-height:50px;}
	
	#cform button {
		line-height:54px;font-size:1.35em;
		-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;
	}

	/* ----------------------------------------------
	Other_page
	---------------------------------------------- */

	/* company_page */
	.company_page {padding:30px 0 60px;}
	.cp_top {line-height:80px;font-size:1.6em;}  

	.company_page th, .company_page td {display: block;line-height:20px;}
	.company_page th:not(.nob){border-top:1px solid #ccc;}
	.company_page th {border-bottom:1px solid #ccc;}
	.company_page td img {width:100%;max-width:195px;}

	/* privacy_page */
	.privacy_page {padding:30px 0 60px;}
	.pp_top {line-height:80px;font-size:1.6em;}
	.privacy_page .sboxin > div {font-size:1.25em;}
	.privacy_page p {font-size:0.875em;}
	.privacy_page span {font-size:0.875em;}


	/* thanks_page */
	.thanks_page {padding:30px 0 60px;}


	/* ----------------------------------------------
	Form
	---------------------------------------------- */

	/* Confirmation */
	table.formTable {}
	table.formTable th {width:100%;display:block;border-top:none;border-left:none;}
	table.formTable td {width:100%;display:block;}
	table.formTable th, table.formTable td {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}

}