@charset "utf-8";



/* reset/normalize
---------------------------------------*/

body,ol,ul,li,
header,footer,article,section,
dl,dd,
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;display: block;background: transparent;}

img{vertical-align:bottom;}

a img{border:0;}

table{border-collapse:collapse;}

/* preset
---------------------------------------*/

.clearfix{zoom:1;}
.clearfix:after{display: block;content:"";clear:both;height: 0;visibility: hidden;}

body{color: #001d54;}

strong,
.red{font-weight: bold;color: #fd5c15;}
.white{color: #fff;}
.black{color: #000;}
.blue{color: #001d54;}
.c333{color: #333;}
.c666{color: #666;}
.yellow{color: #f4d921;}

.bg_blue{background-color: #001d54;}
.bg_orange{background: #85bc30;}
.bg_eee{background-color: #eee;}
.bg_333{background: #333;}

.bg_kousi{background-image: url(../img/bg_kousi.png);}
.bg_dotted{background-image: url(../img/bg_dotted.png) !important;}

.b_shdw{box-shadow:1px 1px 3px 0 #ccc;}
.t_shdw{text-shadow:2px 2px 1px rgba(0,50,0,.5);}

*{transition:all 0.1s linear 0s;}

.aligncenter{text-align: center;}
.alignleft{text-align: left;}
.alignright{text-align: right;}

a:hover img{opacity:.9;}

.sp_br{display: none;}

.info{font-size: small;}

.btn{border-radius:5px;box-shadow:2px 2px 1px 0px #ccc;text-decoration: none;font-weight: bold;box-sizing:border-box;}

/* wire
---------------------------------------*/

body{font:18px / 1.7 Verdana, Arial, "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
background: #eee;color: #001d54;font-weight: bold;}

#wrap{width: 1100px;margin: auto;position: relative;box-shadow:1px 1px 3px rgba(0,0,0,.3);background: #fff;}


@media screen and (max-width:640px){
body{font-size: 16px;}
#wrap{width:100%;box-sizing:border-box;}
img{width:100%;}
.sp_br{display: block;}
.smp100{width: 100%;}
}

/* header
---------------------------------------*/

.tagline{border-bottom: solid 10px #001d54;box-sizing:border-box;}

.tagline_logo{position: absolute;top:0;left:0;width: 287px;margin: 0;padding: 0;z-index: 50;}
.header_inner{width: 645px;float: right;}
.sub .header_right{width: 300px;}

.mainimg{position:relative;height: 760px;}


@media screen and (max-width:640px){
.tagline{border-bottom: solid 3px #001d54}

.tagline_logo{width: 35%;}
.header_inner{width: 100%;text-align: right;}
.tagline_tel{width: 49%;display: block;float: right;}
.tagline_entry{display: none;}
.mainimg{width: 100%;height: auto;}
}


/* intro
---------------------------------------*/

.intro{
	background: url(../img/bg_intro.png) no-repeat;
	height: 670px;}
.intro_inner{width: 640px;background:rgba(0,0,0,.9);padding: 20px;box-sizing:border-box;
height: 670px;}
.intro_text{color: #fff;font-weight: bold;}
@media screen and (max-width:640px){
.intro{	height: auto;background-color: #000;background-size: 200%;background-position: right top;padding-top: 40%;}
.intro_inner{width: 100%;height: auto;background: #000;}
}

/* possible
---------------------------------------*/
.possible h1{position: relative;z-index: 2;}
.possible_inner{margin-top: -28px;}
@media screen and (max-width:640px){

}


/*workstyle
---------------------------------------*/
.workstyle1{background:#001d54;padding-bottom: 20px;}
.workstyle2{background:#fd5c15;padding-bottom: 20px;}

.workstyle_inner_upper{background: #fff;padding: 20px;margin: 20px;margin-top: -28px;font-size: 24px;}
.workstyle_inner_bottom{padding: 0 20px 20px;}

.workstyle_inner_bottom img{float:left;}

.workstyle1 .workstyle_text{float:right;width: 540px;color: #fff;font-size: 20px;}
.workstyle1 .message{font-size: 26px;}

.workstyle2 .workstyle_text{float:right;width: 540px;color: #fff;font-size: 20px;}
.workstyle2 .message{font-size: 26px;color: #001d54;}

.arrow_bnr{margin-bottom: 40px;}

.workstyle_btn{text-align: center;padding-bottom: 20px;}
.workstyle_btn .workstyle_jp{margin-right: 20px;}
@media screen and (max-width:640px){
.workstyle_inner_upper{background: #fff;padding: 20px;font-size: 16px;}
.workstyle_inner_bottom img{float:none;}
.workstyle1 .workstyle_text,
.workstyle2 .workstyle_text{float: none;font-size: 16px;width: 100%;box-sizing:border-box;}
.workstyle1 .message,
.workstyle2 .message{font-size: 18px;}

.arrow_bnr{margin-bottom: 0px;}
}

/*check
---------------------------------------*/
.check h1{position: relative;z-index: 2;}
.check2_ttl{margin-top: -60px;}
.check_inner{margin-top: -60px;text-align: center;}

@media screen and (max-width:640px){
.check2_ttl{margin-top: -20px;}
.check_inner{margin-top: -20px;}
}

/*point
---------------------------------------*/
.point{margin-bottom: 30px;}
.point_inner_inner{padding: 0 20px;font-size: 24px;}

.img_left{width: 440px;float: left;}
.img_right{width: 440px;float: right;}
.text_left{width: 590px;float: left;padding-top: 40px;}
.text_right{width: 590px;float: right;padding-top: 40px;}

@media screen and (max-width:640px){
.point_inner_inner{font-size: 16px;}
.img_left,
.img_right,
.text_left,
.text_right{width: 100%;float: none;}
.text_left,
.text_right{padding-top: 10px;}

}

/*job
---------------------------------------*/
.job{background: #f4d921;}

.pc_tr{text-align: center;}
.pc_tr:nth-child(2){margin-top: -30px;}

@media screen and (max-width:640px){
.pc_tr:nth-child(2){margin-top: 0px;}
}

/* flow
---------------------------------------*/
.flow_inner{padding: 20px;}
.pc_tr2{margin-bottom: 20px;}

.flow_text{border:solid 3px #001d54;border-top: 0;
padding: 20px;box-sizing:border-box;width: 520px;}
.flow_box.odd{float: left;}
.flow_box.even{float: right;}


@media screen and (max-width:640px){
.pc_tr2{margin-bottom: 0;}
.flow_box{width: 100%;float: none;box-sizing:border-box;margin-bottom: 10px;}
.flow_text{width: 100%;}
.flow_inner{padding-bottom: 0;}

}




/* entry
---------------------------------------*/
.entry{text-align: center;background:#fff;padding-bottom: 50px;}
.entry_h1outer{background: url(../img/entry_bgh1.png) repeat-x;}
.entry p{margin-top: 0;}

.entry table{margin: 30px auto;width: 80%;text-align: left;}
.entry th,.entry td{padding: 10px;border: solid 3px #fff;}
.entry th{text-align: center;background: #001d54;color: #fff;font-size: 120%;width: 35%;}
.entry td{vertical-align: middle;}

/*.entry tr:nth-child(2n) td{background: #eee;}*/

.formparts{margin-bottom: 20px;}

.postcode_txt,.address1,.address2,.address3{display: block;}
.entry input[type=text],textarea{
border:0;
padding:10px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:1.3em;
color:#111;
border:solid 2px #001d54;
margin:0;
width:80%;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
font-weight: normal;
}
.entry input[type=text].tel,
.entry input[type=text].birthday,
.entry input[type=text].education{width: 18%;}
.entry input[type=text].postcode{width: 30%;}
.entry input[type=text]:focus {
    border:solid 2px #001d54;
}

::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}

.entry input[type=submit]{
border:solid 1px #ba3900;
padding:15px 30px;
margin:0 0 20px;
font-size:140%;
font-weight: bold;
text-shadow:2px 2px 1px rgba(250,0,0,.3);
text-transform:uppercase;
font-weight:bold;
color:#fff;
cursor:pointer;
background: #fd5c15;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.entry input[type=submit]:hover{background: #f4d921;color: #001d54;text-shadow:2px 2px 1px rgba(0,0,0,.1);border:solid 1px #001d54;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
        border: 2px solid #001d54;
  margin: 0;
  padding: 5px 50px 5px 5px;
  background: url(../img/select.png) no-repeat right center transparent;
  vertical-align: middle;
        font-size: 130%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: inherit;
  box-sizing: content-box;
  cursor:pointer;
  height: 32px;
  line-height: 32px;
}
custom-selectbox {
  overflow: hidden;
}
custom-selectbox > select {
  width: 130%;
}
@media screen and (max-width:640px){
.entry{box-sizing:border-box;}
.entry_h1outer{background: none;}
.entry p{font-size: 14px;padding: 0 20px;line-height:1.4;}
.entry table,
.entry table tbody,
.entry table th,
.entry table tr,
.entry table td{width: 100%;box-sizing:border-box;display: block;;}
.entry table{width: 100%;padding:10px;box-sizing:border-box;}
.entry table td{padding: 0;}
.entry th{padding-left: 0;}
.entry table input[type=text],
.entry table textarea{box-sizing:border-box;width: 100%;}

.entry input[type=text].birthday{width: 23%;}
.entry input[type=text].tel,
.entry input[type=text].education{width: 28%;}
.entry input[type=text].postcode{width: 30%;}
input[type=submit],input[type=button]{-webkit-appearance: none;appearance: none;}
select{font-size: 100%;}
}

/* footer
---------------------------------------*/
footer{background:#001d54;color: #fff;text-align: center;}
footer .tel{background: #fff;border-radius:5px;width: 40%;float: left;text-align: center;margin-top: 20px;}
footer p{/*width: 60%;float: right;text-align: left;*/padding-left: 30px;box-sizing:border-box;}
small{color: #fff;padding:10px;clear: both;display: block;font-size: 12px;}

.footer_nav{padding: 15px;text-align: center;font-size: 16px;background: #000;box-sizing:border-box;}
.footer_nav li{display: inline-block;box-sizing:border-box;border-right: solid 2px #fff;padding: 0 15px;}
.footer_nav li:last-child{border-right: 0;}
.footer_nav li a{color: #fff;}
.footer_nav li a:hover{color: #F4D921;}
@media screen and (max-width:640px){
footer{font-size: 12px;padding-top: 0;}
footer .tel,footer p{width: 80%;float: none;text-align: center;}
footer .tel{margin: auto;}

.footer_nav{padding: 0;}
.footer_nav li{display: block;border-bottom: solid 1px #666;border-right: 0;}
.footer_nav li a{display: block;padding: 15px;text-align: center;text-decoration: none;}
.footer_nav li a:active{background: #222;}
}


/* confirm/complete
---------------------------------------*/
.sub h1{margin-top: 30px;margin-bottom: 30px;}
#back_btn{
	text-decoration: none;
	display: inline-block;border:solid 1px #333;
padding:11px 30px;
margin:0 20px 20px 0;
font-size:140%;
font-weight: bold;
text-shadow:2px 2px 1px rgba(0,0,0,.3);
text-transform:uppercase;
font-weight:bold;
color:#fff;
cursor:pointer;
background: #666;
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

@media screen and (max-width:640px){
.sub h1{font-size: 110%;}
#back_btn{width: 85%;box-sizing: border-box;margin-right: 0;}
}


/* privacy
---------------------------------------*/
.privacy .post{text-align: left;padding: 20px 50px;font-weight: normal;font-size: 16px;}
.privacy .post p{font-weight: normal;}

.privacy .post h1{padding-top: 30px;border-bottom: solid 5px #001D54;text-align: center;
font-size: 36px;font-weight: bold;}
.privacy .post h2{background: #001D54;color: #fff;padding: 5px;font-size: 18px;font-weight: bold;margin-bottom: 30px;}
.privacy .post h3{margin-bottom: 20px;border-bottom: solid 1px #001D54;padding: 3px;font-weight: bold;}

.privacy_innersec{margin-bottom: 30px;}
.privacy .post ul,
.privacy .post ol{padding: 30px;}
.privacy .post ul li{list-style: decimal;display: list-item !important;margin-left: 30px;margin-bottom: 20px;}
.privacy .post ol li{list-style: square;display: list-item !important;margin-left: 30px;}