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

/*
	00 layout
	01 form element
	02 button
	05 thx
*/

/*	00 layout
------------------------------------------*/
section.form-body{
	max-width:1450px;
	padding:0 6.5%;
	margin:auto;
	}


/*	01 form element
------------------------------------------*/
/*form*/
section.form-body form{
	padding:0 7.5%;
	display:block;
	}
section.form-body form p{ padding:55px 0 10px; }
section.form-body form dl{
	width:100%;
	font-size:0;
	padding:25px 0 25px 0;
	border-top: 1px dotted rgba( 0,0,0,1); 
	}
section.form-body form dl dt{
	width:17.5%;
	display:inline-block;
	font-size:15px;
	vertical-align:top;
	}
section.form-body form dd{
	width:82.5%;
	display:inline-block;
	padding:0 0 0 2.5%;
	font-size:15px;
	vertical-align:top;
	}
section.form-body form dd ul{}
section.form-body form dd ul li{ padding:14px 0 0 0; }
section.form-body form dd ul li:first-child{ padding:1px 0 0 0; }
section.form-body form dd small{ font-size:12px; padding:0 0 0 7px; }
label + label{ padding: 0 0 0 20px; }
input[type=radio]{ margin: 0 5px 0 0; }
input[type=text]{ padding:4px 0;}

/*notes*/
span.notes{ color:rgba(239,6,10,1); display:inline-block; }
p span.notes{ padding:0 7px 0 0; }
dt span.notes{ padding:0 0 0 7px; }

/*confirm*/
section.form-body form.confirm{}
section.form-body form.confirm p{ padding:0 0 55px 0; text-align:center; border-bottom:1px dotted rgba(0,0,0,1); }
section.form-body form.confirm dl{ padding:25px 0; border-bottom:1px dotted rgba(0,0,0,1); border-top: none; }

/*error*/
section.form-body form.error{}
section.form-body form.error p{ padding:0 0 55px 0; text-align:center; border-bottom:1px dotted rgba(0,0,0,1); }
section.form-body form.error li{ padding:25px 0; border-bottom:1px dotted rgba(0,0,0,1); color:rgba(239,6,10,1);}

/*thx*/
section.intro.thx p{ letter-spacing: 0.08rem; } 
section.intro.thx p.backtop{ padding: 75px 0 0 0; }
section.intro.thx p.backtop a{
	padding:15px 120px;
	border:1px solid rgba(150,150,150,1);
	border-radius:27px;
	}

/*	02 form element
------------------------------------------*/
form #companyname{ width:70%; }
form #username{ width:70%; }
form #furigana{ width:70%; }
form #tel{ width:70%; }
form #email{ width:85%; }
form #inquiry{ width:100%; height:auto; }
/*only Japanese Post*/
form #postcode1{ width:10%; }
form #postcode2{ width:15%; }
form #address1{ }
form #address2{ width:80%; }
form #address3{ width:80%; }
form #address4{ width:80%; }
form select{
	height:30px;
	line-height:30px;
	padding: 0 50px 0 7px;
	border: 1px solid rgba(205,205,205,1);
	border-radius:0;
	text-overflow: "";
	background:rgba(255,255,255,1) url(/images/form/common/arrow.svg) no-repeat right top;
	background-size:30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: .01px;
	}
/*for ie*/
html.ie select{}


/*	03 button
------------------------------------------*/
.button{
	width:100%;
	display:block;
	padding:30px 0 50px;
	font-size:15px;
	color:rgba(255,255,255,1);
	letter-spacing:0.12rem;
	transition:0.2s;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	}

.button .next,
.button .back{
	display:inline-block;
	border-radius:27px;
	border: none;
	outline:none;
	padding:15px 90px;
	opacity:1;
	transition:.2s ease;
	-webkit-transition:.2s ease;
	-moz-transition:.2s ease;
	}
.button .next:hover,
.button .back:hover{ opacity:.90; }
.button .next{ background:rgba(240,75,10,1); }
.button .back{ background:rgba(100,100,100,1); }

form.entry div.button{ text-align:center; }
form.entry div.button .next{}

form.confirm div.button{}
form.confirm div.button span{ width:50%; display:inline-block; }
form.confirm div.button span:first-child{ text-align:left; }
form.confirm div.button span:last-child{ text-align:right; }

form.error div.button{ text-align:left; }
form.error div.button .back{}



@media screen and (max-width:750px) {
/*
	00 layout
	01 form element
	02 button
	05 thx
*/

	
/*	00 layout
------------------------------------------*/
section.form-body{
	max-width:initial;
	padding:0 6vw;
	}


/*	01 form element
------------------------------------------*/
/*form*/
section.form-body form{	padding:0 0; }
section.form-body form p{ padding:7.5vw 0 5vw; font-size: 4.75vw; }
section.form-body form dl{
	padding:7.5vw 0 7.5vw 0;
	border-top: 0.4vw solid rgba( 220,220,220,1); 
	}
section.form-body form dl dt{
	width:100%;
	display:block;
	font-size:5vw;
	}
section.form-body form dd{
	width:100%;
	display:inline-block;
	padding:5vw 0 0 0;
	font-size:4.75vw;
	}
section.form-body form dd ul{}
section.form-body form dd ul li{ padding:5vw 0 0 0; }
section.form-body form dd ul li:first-child{ padding:0.45vw 0 0 0; }
section.form-body form dd small{ font-size:4.5vw; padding:3.5vw 0 0 0; display: block; }
label + label{ padding: 1.0vw 0 0 0; display: inline-block; white-space: nowrap; }
input[type=radio]{ margin: 0 1.5vw 0 0; }

/*notes*/
span.notes{}
p span.notes{ padding:0 1.5vw 0 0; }
dt span.notes{ padding:0 0 0 1.5vw; }

/*confirm*/
section.form-body form.confirm{}
section.form-body form.confirm p{
	padding:0 0 12.5vw 0;
	text-align:left;
	border-bottom:0.40vw solid rgba(235,235,235,1);
	font-size: 4.75vw;
	line-height: 9.25vw;
	}
section.form-body form.confirm p br{ display: none; }
section.form-body form.confirm dl{ padding:7.5vw 3.5%; border-bottom:0.40vw solid rgba(235,235,235,1); border-top: none; }
section.form-body form.confirm dl dt{}
section.form-body form.confirm dl dd{
	padding:3.5vw 0 0 0;
	font-size: 4.75vw;
	line-height: 8.75vw;
	}
section.form-body form.confirm .button{}
section.form-body form.confirm .button .next,
section.form-body form.confirm .button .back{ padding:4.0vw 9.0vw; }

	/*error*/
section.form-body form.error{}
section.form-body form.error p{
	padding:0 0 12.5vw 0;
	text-align:left;
	border-bottom:0.40vw solid rgba(235,235,235,1);
	font-size: 4.75vw;
	line-height: 9.25vw;
	}
section.form-body form.error p br{ display: none; }
section.form-body form.error li{ padding:7.5vw 3.5%; border-bottom:0.40vw solid rgba(235,235,235,1); font-size: 4.75vw; }

/*thx*/
section.intro.thx p{ padding: 0 9% 3.5vw 9% !important; } 
section.intro.thx p.backtop{ padding: 15vw 9% 0 9% !important; }
section.intro.thx p.backtop a{
	padding:3.5vw 17.5vw;
	border:0.45vw solid rgba(150,150,150,1);
	border-radius:10vw;
	}

/*	02 form element
------------------------------------------*/
form #companyname{ width:100%; }
form #username{ width:100%; }
form #furigana{ width:100%; }
form #tel{ width:100%; }
form #email{ width:100%; }
form #inquiry{ width:100%; height:auto; }
/*only Japanese Post*/
form #postcode1{ width:30.5%; }
form #postcode2{ width:35%; }
form #address1{ }
form #address2{ width:100%; }
form #address3{ width:100%; }
form #address4{ width:100%; }
form select{
	height:10vw;
	line-height:10vw;
	padding: 0 17.5vw 0 3.5vw;
	font-size: 4.25vw;
	border: 0.45vw solid rgba(205,205,205,1);
	background-size:10vw;
	}
/*for ie*/
html.ie select{}


/*	03 button
------------------------------------------*/
.button{
	padding:10vw 0 0;
	font-size:4.75vw;
	letter-spacing:0.08rem;
	}

.button .next,
.button .back{
	border-radius:10.0vw;
	padding:4vw 15vw;
	}
.button .next:hover,
.button .back:hover{ opacity:1; }
.button .next{}
.button .back{}

form.entry div.button{}
form.entry div.button .next{}

form.confirm div.button{}
form.confirm div.button span{}
form.confirm div.button span:first-child{}
form.confirm div.button span:last-child{}

form.error div.button{}
form.error div.button .back{}


/*	other
------------------------------------------*/
main.page-contact .mainImg{ background:url(/contact/img/main.jpg) no-repeat center; background-size:cover;}
.page-contact .read{ text-align:center; width:auto; margin:0 auto; padding: 30px 6vw 0;}
.page-contact .read h2{ font-size:16px; padding:0 0 20px;}
.page-contact .read p{ text-align:left;}
}