@charset "UTF-8";

/* ---------------------------------------------------------------------------
 TOPs
----------------------------------------------------------------------------- */
* {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { width:100%; height:100%; overflow-x:hidden; overflow-y:auto; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling:touch; }
html { font-family: "游ゴシック","YuGothic", "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic" !important; }
body { width:100%; height:100%; margin:0; padding:0; line-height:1.5; letter-spacing:1.5px; text-align:center; position:relative; }
article { width:100%; height:100%; margin:0; padding:0; color:#736240; position:relative; top:0; left:0; }
/* ---------------------------------------------------------------------------
LINK
----------------------------------------------------------------------------- */
a { -webkit-tap-highlight-color:rgba(0,0,0,0); }
a { font-style:normal; text-decoration:none; }
a:link { font-style:normal; text-decoration:none; }
a:visited { font-style:normal; text-decoration:none; }
a:hover { font-style:normal; text-decoration:none; }
a img { border: none; }
/* ---------------------------------------------------------------------------
Form
----------------------------------------------------------------------------- */
::-webkit-input-placeholder { color:#9B9D99; text-align:center; }
::-ms-input-placeholder { color:#9B9D99; text-align:center; }
::-moz-placeholder { color:#9B9D99; text-align:center; }
input:focus::-webkit-input-placeholder,isindex:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus::-webkit-input-placeholder,isindex:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { color: transparent; }
input,textarea { outline: none; }


/* ---------------------------------------------------------------------------
Contents
----------------------------------------------------------------------------- */
div.wrapper { width:95%; max-width:1200px; margin:0 auto 0 auto; overflow:hidden; }
section.main { width:75%; margin:120px 0 0 0; padding:0 0 0 0; float:left; }
div.page_title { width:100%; margin:0 0 0 0; padding:0 0 0 0; }
div.page_title h2 { margin:0 0 0 0; padding:0 0 0 0; color:#736240; font-family:'wbf'; font-size:110%; text-align:center; line-height:1em; letter-spacing:3px; }
div.page_title p.sub { margin:5px 0 0 0; padding:0 0 0 0; font-size:100%; text-align:center; }
div.contact { width:100%; max-width:500px; margin:60px auto 0 auto; padding:0 0 0 0; }
div.contact p.message { margin:0 0 0 0; padding:0 0 0 0; font-size:100%; text-align:left; }
div.contact div.forms { width:100%; margin:40px auto 0 auto; padding:0 0 0 0; text-align:left; }
div.contact div.forms label.name { width:100%; margin:30px 0 0 0; padding:0 0 5px 0; }
div.contact div.forms input.obj { width:100%; margin:10px 0 20px 0; padding:10px; border:1px solid #C9CACA; border-radius:0; -webkit-appearance:none; font-size:100%; cursor:pointer; }
div.contact div.forms textarea.txt { width:100%; margin:10px 0 20px 0; padding:10px; height:260px; border:1px solid #C9CACA; border-radius:0; -webkit-appearance:none; font-size:100%; }
div.contact div.forms input.go { width:140px; margin:0 auto; padding:10px 0; background:#91BFAC; border:none; border-radius:4px; color:#ffffff; font-size:100%; letter-spacing:2px; -webkit-appearance:none; cursor:pointer; }
div.contact div.forms input.go:hover { opacity:0.6; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }

/*--confirm--*/
div.contact div.form-box { width:100%; margin:40px auto 0 auto; padding:0 0 0 0; text-align:left; }
div.contact div.form-box label { width:100%; margin:30px 0 0 0; padding:0 0 5px 0; color:#a18878; }
div.contact div.form-box p.text { width:100%; margin:0 0 30px 0; padding:0 0 0 0; }
div.contact div.form-box div.mycent { width:100%; margin:60px auto 0 auto; text-align:center; }
div.contact div.form-box div.mycent input.back { display:inline-block; width:140px; margin:0 15px 0 0; padding:10px 0; background:#777777; border:none; border-radius:4px; color:#ffffff; font-size:100%; letter-spacing:2px; -webkit-appearance:none; cursor:pointer; }
div.contact div.form-box div.mycent input.back:hover { opacity:0.6; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
div.contact div.form-box div.mycent input.go { display:inline-block; width:140px; margin:0 0 0 0; padding:10px 0; background:#91BFAC; border:none; border-radius:4px; color:#ffffff; font-size:100%; letter-spacing:2px; -webkit-appearance:none; cursor:pointer; }
div.contact div.form-box div.mycent input.go:hover { opacity:0.6; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }

/*--complete--*/
div.contact p.complete { margin:0 0 0 0; padding:0 0 0 0; font-size:100%; text-align:left; line-height:2em; }
div.contact p.complete span { color:#408C6D; }
div.contact div.btn-top { width:100%; margin:60px auto 0 auto; padding:0 0 0 0; }
div.contact div.btn-top a { display:block; width:200px; margin:0 auto 0 auto; padding:10px 0 10px 0; background:#91BFAC; border-radius:4px; color:#ffffff; font-size:100%; cursor:pointer; }
div.contact div.btn-top a:hover { opacity:0.6; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }

/*--error--*/
div.pop_err { width:100%; margin:30px auto 0 auto; }
div.pop_err div.mes { width:100%; margin:0 0 0 0; padding:5px 10px 5px 10px; background:#e50012; text-align:center; }
div.pop_err div.mes p.text { margin:0 0 0 0; padding:0 0 0 0; color:#ffffff; font-size:100%; }
p.error { width:100%; margin:10px auto 10px auto; padding:10px 0 10px 0; background-color: #FF0049; color:#fff; text-align: center; font-size: 100%; clear: both; }

/*--Footer--*/
footer { width:100%; margin:0 0 0 0; padding:200px 0 40px 0; }

/*--mail--*/
#formWrap {
	margin:0 auto;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:0px ;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	text-align:left;
}
table.formTable tr{
	border-bottom:2px dashed #ccc;
}
p.error_messe{
	margin:5px 0;
	color:red;
}


/* ============================================================================
                Media Querys
=============================================================================== */
/* ------------------------------------------------------
300 - 350 （iphone 4）
-------------------------------------------------------- */
@media screen and (min-width: 300px ) and (max-width:350px) {
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.contact { width:100%; max-width:500px; margin:40px auto 0 auto; padding:0 0 0 0; }
div.contact div.form-box div.mycent input.back { display:inline-block; width:120px; margin:0 10px 0 0; padding:10px 0; background:#777777; border:none; border-radius:4px; color:#ffffff; font-size:100%; letter-spacing:2px; -webkit-appearance:none; cursor:pointer; }
div.contact div.form-box div.mycent input.go { display:inline-block; width:120px; margin:0 0 0 0; padding:10px 0; background:#91BFAC; border:none; border-radius:4px; color:#ffffff; font-size:100%; letter-spacing:2px; -webkit-appearance:none; cursor:pointer; }
p.error { width:100%; margin:10px auto 10px auto; padding:10px 0 10px 0; background-color: #FF0049; color:#fff; text-align: center; font-size: 90%; clear: both; }
/* ------------------------------------------------------
300 - 350 （iphone 5）
-------------------------------------------------------- */
@media screen and (max-width: 350px) and (max-height: 568px) {
}
}


/* ------------------------------------------------------
350 - 400 ( android）（iphone6-375）
-------------------------------------------------------- */
@media screen and (min-width: 351px ) and (max-width:400px) {
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.contact { width:100%; max-width:500px; margin:40px auto 0 auto; padding:0 0 0 0; }
}


/* ------------------------------------------------------
400 - 450（iphone6plus 414）
-------------------------------------------------------- */
@media screen and (min-width: 401px) and (max-width:450px) {
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.contact { width:100%; max-width:500px; margin:40px auto 0 auto; padding:0 0 0 0; }
}


/* ------------------------------------------------------
450 - 500（iphone4 横）
-------------------------------------------------------- */
@media screen and (min-width: 451px) and (max-width:500px) {
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.contact { width:100%; max-width:500px; margin:40px auto 0 auto; padding:0 0 0 0; }
/* ------------------------------------------------------
450 - 500（pc）
-------------------------------------------------------- */
@media screen and (max-width : 500px) and (min-height : 480px) {
}
}


/* ------------------------------------------------------
500 - 550 （ xperia z ultra）
-------------------------------------------------------- */
@media screen and (min-width: 501px) and (max-width:550px){
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.contact { width:100%; max-width:500px; margin:40px auto 0 auto; padding:0 0 0 0; }
}


/* ------------------------------------------------------
550 - 600（iphone5 横）
-------------------------------------------------------- */
@media screen and (min-width: 551px) and (max-width:600px){
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.contact { width:100%; max-width:500px; margin:40px auto 0 auto; padding:0 0 0 0; }
/* ------------------------------------------------------
550 - 600（pc）
-------------------------------------------------------- */
@media screen and (max-width : 600px) and (min-height : 350px) {
}
}


/* ------------------------------------------------------
600 - 650（android 横）
-------------------------------------------------------- */
@media screen and (min-width: 601px) and (max-width:650px){
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.contact { width:100%; max-width:500px; margin:40px auto 0 auto; padding:0 0 0 0; }
/* ------------------------------------------------------
600 - 650（pc）
-------------------------------------------------------- */
@media screen and (max-width: 650px) and (min-height:420px){
}
}


/* ------------------------------------------------------
650 - 700（iphone6横=667）
-------------------------------------------------------- */
@media screen and (min-width: 651px) and (max-width:700px){
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.contact { width:100%; max-width:500px; margin:40px auto 0 auto; padding:0 0 0 0; }
/* ------------------------------------------------------
650 - 700（pc）
-------------------------------------------------------- */
@media screen and (max-width: 700px) and (min-height:450px){
}
}


/* ------------------------------------------------------
700 - 750（iphone6plus横=736）
-------------------------------------------------------- */
@media screen and (min-width: 701px) and (max-width:750px){
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.contact { width:100%; max-width:500px; margin:40px auto 0 auto; padding:0 0 0 0; }
/* ------------------------------------------------------
700 - 750（pc）
-------------------------------------------------------- */
@media screen and (max-width: 750px) and (min-height:450px){
}
}


/* ------------------------------------------------------
750 - 800（ ipad ）
-------------------------------------------------------- */
@media screen and (min-width: 751px) and (max-width:800px){
}


/* ------------------------------------------------------
800 - 850
-------------------------------------------------------- */
@media screen and (min-width: 801px) and (max-width:850px) {
}


/* ------------------------------------------------------
850 - 900
-------------------------------------------------------- */
@media screen and (min-width: 851px) and (max-width:900px) {
}


/* ------------------------------------------------------
900 - 1000 （xperia z ultra 横）
-------------------------------------------------------- */
@media screen and (min-width: 901px) and (max-width:1000px) {
/* ------------------------------------------------------
900 - 1000（pc）
-------------------------------------------------------- */
@media screen and (max-width : 1000px) and (min-height : 600px) {
}
}


/* ------------------------------------------------------
1000 - 1100（ipad 横）
-------------------------------------------------------- */
@media screen and (min-width: 1001px) and (max-width:1100px){
/* ------------------------------------------------------
1000 - 1100（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1100px) and (max-height : 700px) {
}
}


/* ------------------------------------------------------
1100 - 1200
-------------------------------------------------------- */
@media screen and (min-width: 1101px) and (max-width:1200px){
/* ------------------------------------------------------
1100 - 1200（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1200px) and (max-height : 700px) {
}
}

/* ------------------------------------------------------
1200 - 1300
-------------------------------------------------------- */
@media screen and (min-width: 1201px)and (max-width:1300px) {
/* ------------------------------------------------------
1200 - 1300（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1300px) and (max-height : 700px) {
}
}


/* ------------------------------------------------------
1300 - 1400
-------------------------------------------------------- */
@media screen and (min-width: 1301px) and (max-width:1400px) {
/* ------------------------------------------------------
1300 - 1400（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1400px) and (max-height : 700px) {
}
}

/* ------------------------------------------------------
1400 - 1500
-------------------------------------------------------- */
@media screen and (min-width: 1401px) and (max-width:1500px) {
/* ------------------------------------------------------
1400 - 1500（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1500px) and (max-height : 700px) {
}
}


/* ------------------------------------------------------
1500 - 1600
-------------------------------------------------------- */
@media screen and (min-width: 1501px) and (max-width:1600px) {
/* ------------------------------------------------------
1500 - 1600（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1600px) and (max-height : 700px) {
}
}


/* ------------------------------------------------------
1600 - 1700
-------------------------------------------------------- */
@media screen and (min-width: 1601px) and (max-width:1700px) {
/* ------------------------------------------------------
1600 - 1700（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1700px) and (max-height : 700px) {
}
}

/* ------------------------------------------------------
1700 - 1800
-------------------------------------------------------- */
@media screen and (min-width: 1701px)and (max-width:1800px) {
/* ------------------------------------------------------
1700 - 1800（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1800px) and (max-height : 700px) {
}
}

/* ------------------------------------------------------
1800 - 2000
-------------------------------------------------------- */
@media screen and (min-width: 1801px)and (max-width:2000px) {
/* ------------------------------------------------------
1800 - 2000（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 2000px) and (max-height : 700px) {
}
}


/* ------------------------------------------------------
2000 -
-------------------------------------------------------- */
@media screen and (min-width: 2001px) {
/* ------------------------------------------------------
- 2300（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 2300px) and (max-height : 700px) {
}
}