html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, body, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
/* iOS */
input[type="submit"],input[type="button"] {border-radius: 0;-webkit-box-sizing: content-box;-webkit-appearance: button;appearance: button;border: none;box-sizing: border-box;cursor: pointer;}
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration {display: none;}
input[type="submit"]::focus,input[type="button"]::focus {outline-offset: -2px;}

article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table{ border-collapse:separate;border-spacing:0;}
body {font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.l{float:left;}.r{float:right;}.clear{clear:both;}.center{ text-align:center;}.spbr{ display:none;}
a{color:#FFFFFF;text-decoration:none;}
.s_br{display: none;}
h1{font-size:28px;color:#231815;}
p.headline{font-size:16px;}
h2{font-size:36px;}
header,#container{box-sizing:border-box;padding:0 20px;width:800px;margin:0 auto;}
#container{min-height:500px;}
header{box-sizing:border-box;border-top:3px solid #D80C18;width:800px;margin:0 auto 50px;padding:20px 20px 0;}
header ul{width:100%;margin:20px 0}
header ul li.flow{box-sizing:border-box;display:table-cell;width:230px;height:50px;background:#FFF;border:1px solid #ddd;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;text-align:center; vertical-align:middle;}
header ul li.active{background:#ddd;}
header ul li.arrow{width:50px;height:50px;display:table-cell;position:relative}
header ul li .sankaku{width:0;height:0;border: 10px solid transparent;border-left: 10px solid #f00;position:absolute;top:50%;left:50%;margin:-10px 0 0 -5px;}
/* メールフォーム */
span{color:#FFF;background-color:#d80c18;border-radius:6px;padding:1px 10px;font-size:14px;font-weight: normal;margin:0 0 0 10px;}
table.mailform {box-sizing:border-box;width: 100%;padding: 0;}
table.mailform th{font-size: 14px;text-align: left;width:180px;color:#2318145;border-top: dashed 1px #999999;padding: 0 15px 0 0;vertical-align:middle;}
table.mailform p{font-size: 12px;margin: 5px 0 ;}
table.mailform td {text-align: left;font-size: 14px;font-weight: normal;padding: 20px 0 ;border-top:none;border-top: dashed 1px #999999;vertical-align:middle;}
table.mailform textarea {width: 90%;height: 120px;}
.button{color:#FFF;letter-spacing:0.2em;background:#d80c18;display:block;border:0;margin:0 auto;padding:15px 30px;}
.button:hover{background:#FFF;color:#231815;border:2px solid #231815;padding:13px 30px;}
#policy_dontent{text-align:center;padding:20px 0 10px;}
/* フォーム*/
form {margin: 0 ;padding:10px 0 50px;}
form div + div {margin-top:10px;}
label {display: inline-block;}
input{font: 1em;padding:3px 0;-moz-box-sizing: border-box;box-sizing: border-box;border:1px solid #888;}
textarea {font: 1em sans-serif;box-sizing: border-box;border: 1px solid #888;}
select {padding: 3px 0;border: 1px solid #888;}
input, textarea, select, textarea {margin-bottom: 1em;}
.contact-terms{text-align:left;height:180px;margin-bottom:36px;padding:18px;margin:20px 0;overflow:scroll;border: solid 1px #999999;}
.contact-terms p{margin-bottom:18px;font-size:100px;color:#231815;}
.contact-terms .p-mark{text-align:right;}
.mf{width:300px;}
/* プレビュー */
h3{font-size:20px;text-align:center;margin:0 0 50px;}
h3.thx{font-weight: normal;font-size:16px;text-align:center;margin:0 0 50px;}
#check{font-size: 16px;width:100%;margin:0 auto 70px;border-top:dashed 1px #999999;}
.preview_left{width:40%;text-align:right;padding-right:20px;border-right: double 1px #999999;border-bottom:dashed 1px #999999;font-weight:bold;}
.preview_right{width:60%;padding:10px;text-align:left;border-bottom:dashed 1px #999999;}
/* err */
#err{min-height:300px;}
#err span{color:#231815;background-color: transparent;margin:0;padding:0;}
#err td {padding: 10px ;vertical-align:middle;}
h2.check{font-size:20px;text-align:center;margin:0 0 50px;}
/*ページトップ*/
#page-top {position: fixed;bottom: 30px;right: 20px;}
#page-top img:hover {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
/*フッター*/
footer{width:100%;padding:40px 0 15px;background-color:#1c1c1c;bottom:0;}
footer #fitter_icon{width:120px;height:65px;margin: 0 auto 20px;}
footer #fitter_icon img{width:120px;height:65px;}
.copyright{color:#FFF;text-align:center;font-size:14px;}

@media screen and (max-width: 768px) {
header{width:100%;margin: 0 auto 20px;}
.s_br{display: block;}
#container {max-width: inherit;box-sizing:border-box;width: 100%;padding:0 5%;}
table.mailform th{width:180px;}
}

@media screen and (max-width: 568px) {
h1{font-size:24px;}
header ul li.flow{font-size:14px;}
p.headline{font-size:14px;padding:10px 0 0;}
.mf{width:100%}
table.mailform p {margin: 0;}
table.mailform textarea{width:100%}
table.mailform th,table.mailform td{display:block;}
table.mailform th{width:100%;padding:20px 0 10px}
table.mailform td {border-top:none;vertical-align:middle;padding:0 0 10px;}
.button{width:100%;padding:25px 0}
.button:hover{padding:23px 0}
header ul li.flow{display:block;width:100%;height:auto;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;padding:5px 0}
header ul li.arrow{display:block;width:100%;height:30px;position:relative}
header ul li .sankaku{border: 8px solid transparent;border-top: 8px solid #f00;position:absolute;top:50%;left:50%;margin:-4px 0 0 0;}
#check{margin: 0 auto 30px;}
#check td{display:block;}
#check .preview_left,.preview_right{box-sizing:border-box;width:100%;}
#check .preview_left{text-align:left;padding:5px 10px;border-right:none;}
}