@charset "utf-8";

/*********************************
 *
 * 個別ページ用CSS
 *
 *********************************/
@media screen and (min-width:769px){/* PC */

div.inquiry { font-size: 0.85em; line-height: 1.5em; padding: 0 0 60px 0; }
div.inquiry > p { margin: 25px 0 0 0; }
table.form { width: 100%; margin: 25px 0 10px 0; /*border-top: 1px solid #dfe3e8;  border-left: 1px solid #dfe3e8;*/ font-size: 1em; }
table.form th { width: 30%; padding: 10px; text-align: left; vertical-align: middle; background: #f3f4f8; font-weight: bold; border-bottom: 1px solid #dfe3e8; }
table.form th span { color: #c70000; font-size: 0.9em; margin: 0 0 0 1em; }
table.form td { width: 70%; padding: 10px; box-sizing: border-box; vertical-align: middle; font-size: 1.0em; line-height: 1.85em; border-bottom: 1px solid #dfe3e8;}
table.form td span { padding: 0 0 0 1em; color: #666; font-size: 0.85em; }

div.inquiry div.txtarea { position: relative; width: 94%; margin: 0 auto; padding: 10px 0 0 0; }
div.inquiry div.privacy { position: relative; width: 94%; margin: 0 auto; padding: 20px 0 0 0; }
div.inquiry iframe { margin: 0; border: 1px solid #dfe3e8; width: 100%; height: 300px; }
div.inquiry p.inq2 { padding: 10px ; margin: 10px 0 0 0; border: 1px solid #dfe3e8; background: #fcfcfc; font-size: 0.9em; }
div.inquiry div.submitbtn {  margin: 30px 0 0 0; text-align: center; }

button { margin: 0; padding: 0; border: none; background: none; cursor: pointer; }
textarea { width: 100%; height: 200px; margin: 0 auto; padding: 5px; border: 1px solid #dfe3e8; background: #f7f7f7; box-sizing: border-box; }
input[type="text"] { width: 250px; padding: 5px; border: 1px solid #dfe3e8; background: #f7f7f7; }
input.zip { width: 80px;}
input.addr { width: 380px;}
label { margin: 0 2em 0 0; }

ul.error { margin: 20px 0; list-style: disc; padding: 0 0 0 2em; }

.agreement { width: 100%; padding: 2em 0 0 0; text-align: center; font-weight: normal; }
.agreement p { padding: 0 0 2em 0; }
.agreement label { font-weight: bold; }

em.invalid { display: block; padding: 0.5em 1em !important; font-weight: bold; color: #c70000; background: #fff7f7; }

}/*@media*/



@media screen and (max-width:768px){/* SP */

div.inquiry { font-size: 0.85em; line-height: 1.5em; padding: 0 0 10% 0; }
div.inquiry > p { margin: 4% 0 0 0; }
table.form { width: 100%; margin: 4% 0 2% 0; /*border-top: 1px solid #dfe3e8;  border-left: 1px solid #dfe3e8;*/ font-size: 1em; }
table.form th { display: block; padding: 4%; text-align: left; vertical-align: middle; background: #f3f4f8; font-weight: bold; border-bottom: 1px solid #dfe3e8; box-sizing: border-box; }
table.form th span { color: #c70000; margin: 0 0 0 1em; }
table.form td { display: block; padding: 10px; box-sizing: border-box; vertical-align: middle; font-size: 1.0em; line-height: 1.85em; border-bottom: none;  box-sizing: border-box; }
table.form td span { padding: 0 0 0 1em; color: #666; font-size: 0.85em; }

div.inquiry div.txtarea { position: relative; width: 94%; margin: 0 auto; padding: 0 0 0 0; }
div.inquiry div.privacy { position: relative; width: 94%; margin: 4% auto 0 auto; height: 150px; padding: 0 0 0 0; overflow: auto; -webkit-overflow-scrolling: touch; border: 1px solid #dfe3e8;  }
div.inquiry iframe { margin: 0; padding: 0; width: 100%; height: 100%; border: none; }
div.inquiry p.inq2 { padding: 10px ; margin: 10px 0 0 0; border: 1px solid #dfe3e8; background: #fcfcfc; font-size: 0.9em; }
div.inquiry div.submitbtn { width: 71.7vw; margin: 4% auto 0 auto; text-align: center; }

button { margin: 0; padding: 0; border: none; background: none; cursor: pointer; }
textarea { width: 100%; height: 100px; margin: 0 auto; padding: 5px; border: 1px solid #dfe3e8; background: #f7f7f7; box-sizing: border-box; }
input[type="text"] { width: 97%; padding: 5px; border: 1px solid #dfe3e8; background: #f7f7f7; }
input.zip { width: 20%;}
input.addr { width: 97%;}
label { margin: 0 2em 0 0; }

ul.error { margin: 20px 0; list-style: disc; padding: 0 0 0 2em; }

.agreement { width: 100%; padding: 2em 0 0 0; text-align: center; font-weight: normal; }
.agreement p { padding: 0 0 2em 0; }
.agreement label { font-weight: bold; }

em.invalid { display: block; padding: 0.5em 1em !important; font-weight: bold; color: #c70000; background: #fff7f7; }



}/*@media*/