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

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

/*	00 layout
------------------------------------------*/


.page-contact .read{ /*text-align:center; width:980px;*/ margin:0 auto;/* padding:66px 0 0 0;*/ padding-bottom: 16px;}
.page-contact .read h2{ font-size:16px; padding:0 0 24px;}
.page-contact .read p{ font-size: 15px; line-height: 1.7; }
.page-contact .read .chuui {
    padding: 40px 0 0;
    font-size: 13px;
}
.page-contact .read .error{
    /* background: rgba(198,26,26,.03); */
    padding: 27px 40px;
    margin: 16px 0 0 0;
    color: rgba(198,26,26,1);
    border: 1px solid rgba(198,26,26,.1);
}
.page-contact .read .error p {
    padding: 4px 0;
}


.page-contact .read .link{ text-align: center; margin-top: 60px;}
.page-contact .read .link a{ display: block; background: #f7f4eb; color: #b79400; font-family: 'EB Garamond', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif; position: relative; padding: 14px 10px 14px 20px;
    width: 270px;
    font-size: 15px;
    letter-spacing: 0.04em;}
.page-contact .read .link a:after{
    content: "";
    width: 11px;
    height: 20px;
    position: absolute;
    top: 50%;
	left: 18px;
	transform: translateY(-50%);
	background: url(/img/btn_prev.svg) no-repeat 0 0;
	background-size: 11px 20px;}



section.form-body {
    max-width: 1450px;
    /* padding: 0 6.5%; */
    margin: auto;
    background: #f7f9fb;
	background: rgba(240,243,247,.35);
    padding: 46px 80px 20px 80px;
    margin-top: 10px;
}


/*	01 form element
------------------------------------------*/
/*form*/
section.form-body form{
	/*padding:0 7.5%;*/
	display:block;
	}
section.form-body form p{ padding:55px 0 10px; font-size: 13px;}
section.form-body form dl:first-child{
	}
section.form-body form dl{
	width:100%;
	font-size:0;
	padding:25px 0 25px 0;
	border-top: 1px solid #f0f0f0;
	}
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{ background: rgba(231,237,243,.9); border: 0;}*/
input[type=radio]{ margin: 0 5px 0 0; }
input[type=text],
input[type=email],
input[type=tel]{ padding:4px 0;}

/*notes*/
span.notes{ color:rgba(198,26,26,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 dl:last-child{border-bottom: 1px solid #f0f0f0; }
/*
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(198,26,26,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 #name{ width:70%; }
form #furigana{ width:70%; }
form #company{ width:70%; }
form #tel{ width:70%; }
form #fax{ width:70%; }
form #email{ width:85%; }
form #content{ width:100%; height:auto; }
/*only Japanese Post*/
form #zip1{ width:10%; }
form #zip2{ width:15%; }
form #address_body{ 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;
	font-size: 14px;
	}
/*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:#063e83; }
.button .back{ background:rgba(160,160,160,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 #f0f0f0;
	}
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 #company{ width:100%; }
form #name{ width:100%; }
form #furigana{ width:100%; }
form #tel{ width:100%; }
form #fax{ width:100%; }
form #email{ width:100%; }
form #content{ width:100%; height:auto; }
/*only Japanese Post*/
form #postcode1{ width:30.5%; }
form #postcode2{ width:35%; }
form #address_body{ 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;}
}