@charset "UTF-8";

/*-------------------------
__page_style
-------------------------*/

.login_box{ text-align: center;}
.login_box .inner{ border: 2px solid #004d9e;}
.login_box .inner h1.mb_t{ background-color: #004d9e; color: #fff; text-align: left; font-size: 22px; padding: 20px 0 15px 20px;}
.login_box .inner h1.mb_t > span{ display: inline-block; height: 40px; vertical-align: middle; background-image: url(/images/login/icon_login@2x.gif); background-size: 40px 40px; background-position: left center; background-repeat: no-repeat; padding: 10px 0 0 50px; box-sizing: border-box;}
.login_box .inner ul.mb_main li{ box-sizing: border-box;}
.login_box .inner ul.mb_main li.mb_ip{ padding: 30px 30px 20px;}
.login_box .inner ul.mb_main li.mb_ip table{ border: 4px solid #dcdcdc; border-collapse: collapse;}
.login_box .inner ul.mb_main li.mb_ip table tr{ border: 2px solid #dcdcdc;}
.login_box .inner ul.mb_main li.mb_ip table tr th{ text-align: left; padding: 15px; box-sizing: border-box; font-size: 17px; font-weight: 700; color: #004d9e; width: 210px;}
.login_box .inner ul.mb_main li.mb_ip table tr td{ padding: 15px; box-sizing: border-box; text-align: left;}
.login_box .inner ul.mb_main li.mb_ip table tr td input{ font-size: 19px; padding: 8px; border: solid 1px #a0a0a0; border-radius: 6px; box-sizing: border-box; width: 500px;}
.login_box .inner ul.mb_main li.mb_ip .warning{ background-color: #F5502B; padding: 15px; padding: 12px 15px 10px; box-sizing: border-box; margin: 20px 0 0;}
.login_box .inner ul.mb_main li.mb_ip .warning em{ font-size: 17px; font-weight: 700; color: #fff;}
.login_box .inner ul.mb_main li.mb_btn{ padding: 0 30px 20px;}
.login_box .inner ul.mb_main li.mb_btn a{ display: inline-block; width: 400px; font-size: 25px; font-weight: 700; letter-spacing: 0.1em; vertical-align: top; text-decoration: none; overflow: hidden; padding: 20px 0; /*box-sizing: border-box;*/ border-radius: 6px; color: #FFF; background-color: #38a4e7; border: 2px solid #38a4e7; box-shadow: 1px 1px 2px rgb(0 0 0 / 30%); position: relative; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
/*.login_box .inner ul.mb_main li.mb_btn a span{position:relative;}
.login_box .inner ul.mb_main li.mb_btn a span > span{font-size:24px;}*/
.login_box .inner ul.mb_main li.mb_btn a:hover{transform:translateY(3px);opacity:0.6;}

.login_box .inner ul.mb_main li.data_save{ background-color: #f0f5f5; padding: 25px 30px;}
.login_box .inner ul.mb_main li.data_save p.cokie01{ font-size: 16px; margin-bottom: 20px;}
.login_box .inner ul.mb_main li.data_save p.cokie01 label{}
.login_box .inner ul.mb_main li.data_save p.cokie01 label input{display:none;}
.login_box .inner ul.mb_main li.data_save p.cokie01 label input + span{display:inline-block;/*width:180px;padding:8px 20px;box-sizing:border-box;border-radius:6px;border:1px solid #DDD;box-shadow:1px 1px 2px rgba(0,0,0,0.3);*/ font-weight: 700; color: #333; cursor:pointer;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.login_box .inner ul.mb_main li.data_save p.cokie01 label input + span::before{content:"";display:inline-block;width:23px;height:23px;vertical-align:bottom;margin:0 8px 0 0;background:url("/images/common/common_check.png") 0 0 no-repeat;background-size: 23px 46px;}
.login_box .inner ul.mb_main li.data_save p.cokie01 label input:checked + span{/*padding:7px 19px;background-color:#FFF;border:2px solid #004D9E;box-shadow:none;transform:translateY(1px);*/}
.login_box .inner ul.mb_main li.data_save p.cokie01 label input:checked + span::before{background-position: 0 -23px;}
.login_box .inner ul.mb_main li.data_save p.cokie02{ font-size: 14px; color: #a0a0a0;}

.contact_middle{ margin: 30px 0 40px; text-align: center;}
.contact_middle a{ font-size: 17px; color: #333; font-weight: 700; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.contact_middle a span{ background-image: url(/images/login/icon_mail@2x.gif); background-size: 24px 24px; background-position: left center; background-repeat: no-repeat; padding: 3px 0 0 30px; box-sizing: border-box;}
.contact_middle a:hover{opacity:0.6;}

.member_touroku_box{ text-align: center;}
.member_touroku_box .inner{ border: 2px solid #ffa000;}
.member_touroku_box .inner h2{ background-color: #ffa000; color: #fff; text-align: left; font-size: 22px; padding: 20px 0 15px 20px;}
.member_touroku_box .inner h2 > span{ display: inline-block; height: 40px; vertical-align: middle; background-image: url(/images/login/icon_key@2x.gif); background-size: 40px 40px; background-position: left center; background-repeat: no-repeat; padding: 10px 0 0 50px; box-sizing: border-box;}
.member_touroku_box .inner p{ font-size: 17px; text-align: left; color: #333; margin: 30px 0 10px 30px;}
.member_touroku_box .inner .member_touroku{ margin-bottom: 5px;}
.member_touroku_box .inner .member_touroku a{}
.member_touroku_box .inner .member_touroku a img{ -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.member_touroku_box .inner .member_touroku a:hover img{transform:translateY(3px);opacity:0.6;}
.member_touroku_box .inner .touroku_merit{ margin-bottom: 30px;}
.member_touroku_box .inner .touroku_merit a{}
.member_touroku_box .inner .touroku_merit a img{ -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.member_touroku_box .inner .touroku_merit a:hover img{transform:translateY(3px);opacity:0.6;}