/* ------------------------------------------ */
/* Reset CSS                                  */
/* ------------------------------------------ */
body{margin:0;font-size:15px;font-family:'Lucida Grande',Helvetica,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;line-height:1.5;letter-spacing:0.05em;}h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p{padding:0;margin:0;font-size:1em;font-weight:normal;}ul{list-style-type:none;}p{margin-bottom:1.2em;}textarea{font-size:1em;}a,img{border:0;outline:none;}a{text-decoration:none; }
.clear{clear:both;}.nonSp{display:inline;}.brSp{display:none;}.pctb{display:block;}
.clearfix:after,
ul#top_box:after{content:"";clear:both;display:block;}
input,
select,
textarea{font-size:16px!important;outline:none;outline-offset:0;border:1px solid rgb(171, 173, 179);}
select:focus,
input:focus,
textarea:focus{}

/* ------------------------------------------ */
/* Color Setting                              */
/* ------------------------------------------ */
a:link,
a:visited,
a:hover,
#form_box .btn input{color:#4682b4;} /* .lbc*/
ul#top_box{border-color: #4682b4;}/* .bl */
ul#top_box li,
ul#top_box li.on span.css3,
#form_box .btn input{background-color:#f0f1f1;} /* .dbg */
ul#top_box li.on,
ul#top_box li span.css3{background-color:#4682b4;} /* .bg */
ul#top_box li{color:#000000;*/} /* .bc */
ul#top_box li.on,
ul#top_box li span.css3{color:#ffffff;} /* .wbc */
ul#top_box li.on span.css3{color:#4682b4;} /* .tbc */
#form_box .btn input{border-color:#4682b4;}/* .lbl */

p.art,
p.comment{color:#4b362f;} /* .sbc */
p.desc{margin-bottom:3px;}

#form_box input[type="text"],
#form_box input[type="tel"],
#form_box input[type="email"],
#form_box textarea{border:1px solid #4682b4!important;}


/* ------------------------------------------ */
/* STEP                                       */
/* ------------------------------------------ */
ul#top_box{display:block;min-width:290px;margin-bottom:50px;padding:0 0 1px;border-width:0 0 1px 0;border-style:solid;overflow:hidden;}
ul#top_box li{float:left;width:34%;margin:1px;text-align:center;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);transform:skew(-20deg);letter-spacing:0;}
ul#top_box li:nth-child(1){margin-left:-1.2%;}
ul#top_box li:nth-child(3){margin-right:-3%;}
ul#top_box li span{display:inline-block;height:19px;margin:16px 0;line-height:20px;-webkit-transform:skew(20deg);-moz-transform:skew(20deg);transform:skew(20deg);font-size:15px;}
ul#top_box li span.css3{zoom:1;position:relative;margin-right:10px;padding:1px 8px;border-radius:15px!important;font-size:14px;}
ul#top_box li br{display:none;}

@media screen and (max-width:769px){
ul#top_box{margin:0 auto 45px;text-align:center;}
ul#top_box li:nth-child(1),
ul#top_box li{width:33.2%;padding:9px 0 6px;margin-right:0;text-align:center;line-height:normal;-webkit-transform:skew(0deg);-moz-transform:skew(0deg);transform:skew(0deg);box-sizing:border-box;}
ul#top_box li:nth-child(1){margin-left:0;}
ul#top_box li:nth-child(2){border-right:solid 1px #ffffff;border-left:solid 1px #ffffff;}
ul#top_box li:nth-child(3){margin-right:0;}
ul#top_box li span{margin:0;-webkit-transform:skew(0deg);-moz-transform:skew(0deg);transform:skew(0deg);}
ul#top_box li span.css3{margin:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px !important;}
ul#top_box li span.pc_txt{display:none;}
ul#top_box li span.sp_txt{display:block;padding-top:5px;text-align:center;}
ul#top_box li br{display:block;}
}

@media screen and (max-width:569px){
ul#top_box li:first-child,
ul#top_box li{width:33.1%;}
}

/* 入力項目 */
#form_main{width:100%;max-width:800px;margin:0 auto;border-top:1px dashed #b5b5b6;}
#form_main dl{width:100%;padding:15px 0;border-bottom:1px dashed #b5b5b6;}
#form_main dl dt .nortice,
#form_main dl dt .option{margin-right:5px;}
#form_main dl dt p{width:calc(100% - 50px);width:-webkit-calc(100% - 50px);margin-bottom:10px;}
#form_main dl dd .desc{display:inline-block;margin-top:5px;}

@media screen and (min-width:770px){
#form_main dl{display:flex;display:-webkit-flex;}
#form_main dl dt{width:30%;padding-right:20px;box-sizing:border-box;}
#form_main dl dd{width:70%;box-sizing:border-box;line-height:32px;}
#form_main dl dt p{float:right;width:calc(100% - 50px);width:-webkit-calc(100% - 50px);text-align:right;margin-bottom:0;}
}


/* 必須・任意 */
.nortice,
.option{float:left;padding:2px 6px 0;font-size:14px;font-weight:normal;}
.nortice{background:#e73a33;color:#ffffff;}
.option{background:#dadbdb;color:#231815;}


/* Input Type */
#form_box select,
#form_box input[type="text"],
#form_box input[type="tel"],
#form_box input[type="email"],
#form_box textarea{padding:7px;box-sizing:border-box;}
#form_box textarea{width:100%;}


/* チェック・ラジオボックス */
#form_main dl dd label{display:inline-block;padding-right:10px;box-sizing:border-box;}
#form_main dl dd label span{padding-left:5px;line-height:1.8em;}

@media screen and (max-width:569px){
#form_main dl dd label{width:100%;padding:0;}
}

/* ボタン */
#form_box .btn{display:inline-block;width:100%;margin:50px auto 0;text-align:center;}
#form_box .comment + .btn{margin-top:30px;}
#form_box .btn:after{content:".";height:0;clear:both;display:block;visibility:hidden;}
#form_box .btn input{display:inline-block;width:200px;padding:7px 0;margin:0 10px 10px;border-width:1px;border-style:solid;font-size:15px;cursor:pointer;box-sizing:border-box;}

@media screen and (max-width:739px){
#form_box .btn{float:none;width:100%;margin-bottom:10px;}
}



/* ------------------------------------------ */
/* 確認画面                                   */
/* ------------------------------------------ */
#form_main dl dd.bg_f{min-height:32px;padding:5px;border:1px solid #b5b5b6;background:#ffffff;font-size:16px;line-height:20px;box-sizing:border-box;}
span.checkelement:after{content:" / ";display:inline;}
p.art{margin-top:-20px;text-align:center;}
p.comment{margin-bottom:0;text-align:center;}
#form_main + p.comment{margin-top:20px;}


/* ------------------------------------------ */
/* エラー画面                                 */
/* ------------------------------------------ */
.err{color:#e10000;font-weight:bold;}
.errs{margin-top:-30px;margin-bottom:15px;color:#e10000;text-align:center;}
#form_box textarea.err,
#form_box select.err,
#form_box input.err{background:#fcc;}
#error_page{width:100%;margin-top:50px;text-align:center;}
#error_page h3{padding-bottom:20px;font-weight:bold;font-size:1.3em;}
#error_page p{width:100%;padding:0;margin:0;font-size:1.3em;text-align:center;}
#error_page p.msg{margin-bottom:3em;}
#error_page p.err{color:#e73a33;}



/* add */
#privacy{width:100%;margin:40px 0 20px;}
#privacy h4{margin-bottom:10px;font-weight:bold;text-align:center;font-size:18px;}
#privacy .frame{height:200px;overflow:auto;-webkit-overflow-scrolling:touch;padding:14px;border:solid 1px #202020;box-sizing:border-box;letter-spacing:0;}
#privacy h5{padding-bottom:2px;margin-bottom:10px;border-bottom:solid 1px #ccc;color:#4682b4;}
#privacy p{margin-bottom:30px;font-size:14px;letter-spacing:1px;}
#privacy .mt10{margin-top:10px;}
#privacy .mb10{margin-bottom:10px;}
#privacy li{margin-bottom:10px;font-size:14px;letter-spacing:1px;}
#privacy ol{list-style:none;margin:0 0 30px;}
#privacy .ti2{margin-left:25px;text-indent:-25px;}
#privacy .ti3{margin-left:18px;text-indent:-18px;}

@media screen and (min-width:600px){#privacy .frame{height:300px;}}