@charset "utf-8";

/***************************************************************
    contact.css
****************************************************************/

#global_nav li.nav05 a { color:#0077dd; }

#title {}
#title .inner { padding:76px 0 0; height:160px; background:url(../images/contact/title_bg.jpg) no-repeat center; background-size:cover; }
#title .inner h2 { padding:55px 5% 0; font-size:34px; line-height:1.5; font-weight:normal; color:#fff; text-shadow:0 0 8px rgba(0,0,0,.2); font-family:'Noto Sans Japanese'; }


#contact { margin:0 auto; padding:60px 5% 100px; max-width:960px; font-size:14px; }
#contact .inner { position:relative; line-height:1.5; }
#contact .notes { padding:0 0 18px; }
#contact .notes span { margin:0 .2em 0 0; color:#cc0000; }
#contact .text .required { font-weight:bold; color:#cc0000; }

.agree { margin:0 auto; max-width:840px; }
.check_form {}
.check_form .agree_txt { padding:0 5% 35px; text-align:center; }
.check_form .agree_block { margin:0 0 40px; padding:0 0 1em; border:1px solid #ddd; }
.check_form .agree_block h3 { margin:0 0 2em; padding:12px 5%; font-size:16px; background:#f2f2f2; }
.check_form .agree_block h4 { padding:0 5%; }
.check_form .agree_block p { padding:0 5% 2em; }
.check_form .agree_check { overflow:hidden; text-align:center; padding: 0 5%;}

.contact_form {}
.contact_form .form_inner { padding:25px 5% 35px; background:#f2f2f2; }
.contact_form .item { box-sizing:border-box; margin:0 auto; padding:12px 0; max-width:780px; }
.contact_form .item span { margin:0 .2em; font-weight:bold; color:#dd0000; }
.contact_form .item .label { display:block; padding:0 0 6px; font-weight:bold; }
.contact_form .item .label span { margin:0 0 0 .4em; color:#dd0000; }
.contact_form .item input[type=text],
.contact_form .item input[type=email],
.contact_form .item textarea { box-sizing:border-box; display:block; padding:8px; border:1px solid #bbb; font-size:16px; line-height:1.5; -webkit-appearance:none; border-radius:0; }
.contact_form .item textarea { outline:none; resize:vertical; }
.contact_form .item:placeholder { color:#ccc; }
.contact_form .text1 { width:100%; }
.contact_form .text2 { width:80%; }
.contact_form .text3 { width:50%; }
.contact_form .name { display:inline-block!important; width:8em; }
.contact_form .zip { display:inline-block!important; width:8em; }
.contact_form .tel { width:12em; }
.contact_form .mag { position:relative; display:inline-block; padding:3px 0; }
.contact_form .mag:before { content:''; position:absolute; top:4px; left:1px; width:20px; height:20px; background:#fff; }

.contact_form .select { position:relative; overflow:hidden; width:220px; background:#fff; border:1px solid #bbb; border-radius:0; }
.contact_form .select select { box-sizing:content-box; width:100%; margin:0; padding:9px 40px 9px 9px; text-overflow:ellipsis; border:none; outline:none; border-radius:0; background:transparent; background-image:none; box-shadow:none; text-indent:0.01px; text-overflow:''; -moz-appearance:none; -webkit-appearance:none; appearance:none; font-size:16px; cursor:pointer; }
.contact_form .select select::-ms-expand { display:none; }
.contact_form .select:before { content:''; position:absolute; top:1em; right:1.2em; width:6px; height:6px; border-bottom:2px solid #666; border-right:2px solid #666; transform:rotate(45deg); }

label.checkbox { box-sizing:border-box; position:relative; margin:0 auto; display:inline-block; padding:1px 10px 1px 30px; overflow:hidden; cursor:pointer; }
label.checkbox:before { content:''; position:absolute; left:0; top:0; width:20px; height:20px; border:1px solid #bbb; z-index:3; }
label.checkbox:after { content:''; position:absolute; top: 10px; left:6px; display:block; margin-top:-8px; width:7px; height:12px; border-right:3px solid #0077dd; border-bottom:3px solid #0077dd; transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); z-index:1; }
label.checkbox input[type="checkbox"] { -moz-appearance:none; -webkit-appearance:none; position:absolute; left:-40px; width:20px; height:20px; display:block; box-shadow:41px 0px #fff; z-index:2; margin:0; padding:0; }
label.checkbox input[type="checkbox"]:checked { box-shadow:none; }
label.checkbox input[type="checkbox"]:checked:focus { box-shadow:40px 0px #fff; opacity:.1; }
label.checkbox input[type="checkbox"]:focus { box-shadow:41px 0px #fff; }

.btn_submit { box-sizing:border-box; margin:0 auto; padding:50px 0 0; width:340px; }
.btn_submit input[type=submit],
.btn_submit input[type=button] { box-sizing:border-box; -webkit-box-sizing:content-box; display:block; border-radius:0; -webkit-appearance:button; appearance:button; border:none; background:#0077dd; width:100%; text-align:center; font-size:16px; line-height:60px; color:#fff; font-family:'Noto Sans Japanese'; cursor:pointer; transition:all .3s ease; }
.btn_submit input[type="submit"]::-webkit-search-decoration,
.btn_submit input[type="button"]::-webkit-search-decoration { display:none; }
.btn_submit input[type="submit"]::focus,
.btn_submit input[type="button"]::focus { outline-offset:-2px; }
.btn_submit input[type=submit]:hover { background:#41a2f4; }


.section { margin:0 auto; padding:60px 5% 100px; max-width:960px; font-size:14px; line-height:1.5; }
.section h2 { padding:0 0 10px; }
.section p { padding:0 0 25px; }
.section .listTable { display:block; background:#f2f2f2; }
.section .listTable tbody { display:block; }
.section .listTable tr { display:block; }
.section .listTable th { display:block; padding:23px 6% 0; }
.section .listTable td { display:block; padding:10px 6% 21px; border-bottom:1px solid #fff; font-size:16px; }
.btnSpace { box-sizing:border-box; margin:0 auto; padding:50px 0 0; max-width:720px; }
.btnSpace:after { content:""; display:block; clear:both; }
.btnSpace .btn_back { box-sizing:border-box; float:left; width:50%; padding:0 20px; }
.btnSpace .btn_back a { display:block; background:#888; text-align:center; font-size:16px; line-height:60px; color:#fff; font-family:'Noto Sans Japanese'; cursor:pointer; transition:all .3s ease; }
.btnSpace .btn_back a:hover { background:#aaa; }
.btnSpace .btn_entry { box-sizing:border-box; float:left; width:50%; padding:0 20px; }
.btnSpace .btn_entry input[type=submit],
.btnSpace .btn_entry input[type=button] { box-sizing:border-box; -webkit-box-sizing:content-box; display:block; border-radius:0; -webkit-appearance:button; appearance:button; border:none; background:#0077dd; width:100%; text-align:center; font-size:16px; line-height:60px; color:#fff; font-family:'Noto Sans Japanese'; cursor:pointer; transition:all .3s ease; }
.btnSpace .btn_entry input[type="submit"]::-webkit-search-decoration,
.btnSpace .btn_entry input[type="button"]::-webkit-search-decoration { display:none; }
.btnSpace .btn_entry input[type="submit"]::focus,
.btnSpace .btn_entry input[type="button"]::focus { outline-offset:-2px; }
.btnSpace .btn_entry input[type=submit]:hover { background:#41a2f4; }



.contact_comp { padding:40px 5% 20px; line-height:1.8; }
.contact_comp .txt { padding:0 0 80px; font-size:16px; text-align:center; }
.contact_comp .btn_home { box-sizing:border-box; margin:0 auto; width:340px; }
.contact_comp .btn_home a { box-sizing:border-box; display:block; background:#0077dd; text-align:center; font-size:16px; line-height:60px; color:#fff; font-family:'Noto Sans Japanese'; transition:all .3s ease; }
.contact_comp .btn_home a:hover { background:#41a2f4; }



/***公開時***/
.read { margin:0 auto; padding:0 0 100px; max-width:840px; }
.read .txt { padding:20px 0 30px; line-height:1.8; }
.read a { color:#0077dd; transition:all .3s ease; }
.read a:hover { color:#41a2f4; }





@media screen and (max-width:960px) {

#title .inner h2 { font-size:32px; }

}





@media screen and (max-width:820px) {

#global_nav li.nav05 a { color:#fff; }

#title .inner { padding:54px 0 0; height:90px; }
#title .inner h2 { padding:30px 5% 0; font-size:22px; }

#contact { padding:30px 0 60px; }
#contact .notes { padding:0 5% 15px; }
#contact .text { padding:0 5%; }

.contact_form .form_inner { padding:10px 5% 20px; background:#f2f2f2; }
.contact_form .item input[type=text],
.contact_form .item input[type=email],
.contact_form .item textarea { padding:9px; font-size:14px; line-height:1.3; }
.contact_form .text1 { width:100%; }
.contact_form .text2 { width:100%; }
.contact_form .text3 { width:100%; }

.contact_form .select select { font-size:14px; }

.check_form .agree_txt { padding:0 5% 28px; text-align:left; }
.check_form .agree_block { margin:0; padding:0 0 .5em; border:none; }
.check_form .agree_block h3 { margin:0 0 2em; padding:10px 5%; font-size:14px; background:#f2f2f2; }

.btn_submit { padding:40px 5% 0; width:auto; }
.btn_submit input[type=submit],
.btn_submit input[type=button] { font-size:14px; line-height:52px; }


.section { padding:30px 0 60px; }
.section h2 { padding:0 5% 10px; }
.section p { padding:0 5% 20px; }
.section .listTable tbody { display:block; }
.section .listTable th { padding:15px 5% 0; }
.section .listTable td { padding:5px 5% 15px; font-size:14px; }
.btnSpace { padding:40px 8px 0; }
.btnSpace .btn_back { padding:0 4px; }
.btnSpace .btn_back a { font-size:14px; line-height:52px; }
.btnSpace .btn_entry { padding:0 4px; }
.btnSpace .btn_entry input[type=submit],
.btnSpace .btn_entry input[type=button] { font-size:14px; line-height:52px; }

.contact_comp { padding:20px 5% 20px; }
.contact_comp .txt { padding:0 0 50px; font-size:14px; text-align:left; }
.contact_comp .btn_home { width:auto; }
.contact_comp .btn_home a { font-size:14px; line-height:52px; }


/***公開時***/
.read { padding:0 5% 30px; }
.read .txt { padding:10px 0 20px; }


}