/* For Smartphone */
@media screen and (max-width: 560px) {

/* Adjust Width For Sp */
.sp_width_max {width:100% !important; max-width:414px !important; height:auto !important;}
.sp_width_150px {width:150px !important; height:auto !important;}
.sp_width_200px {width:200px !important; height:auto !important;}

/*img {width:100%; }*/

h2.text {padding:20px; background:#EEE; color:#333; font-size:22px; line-height:1.3;}

h2.img {padding:20px; background:#EEE;}
h2.img img {display:none;}
h2.img .sp {color:#333; font-size:24px; line-height:1.3;}
h2.img .sp span {font-size:12px; font-weight:normal; display:block;}

h3.img {padding:0 10px 0 10px; font-size:22px; font-weight:bold; line-height:1.4;}
h3.img:after {content:attr(data-label);}
h3.img img {display:none;}

h4 {
    color: #007dc6;
    font-weight: bold;
    font-size: 18px;
    padding: 0 0 3px 0px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px 0;
}

p{ margin-bottom: 10px;}
th p{ margin-bottom: 0px;}

/*--------------------------------------------  menu ------------------------------------------*/
#menu {display: none; z-index:10;}
#menu li {width: 100%; border-bottom:1px solid #09C; font-size:16px;}
#menu li span {display:inline-block; margin-left:10px; font-size:10px;}
#menu li a {display:block; padding:10px; background:#0AE; color:#FFF; text-align:left; text-decoration:none; border-right:1px solid #07C;}
#menu li:last-child a{border: none;}

#toggle {display: block; position: relative; width: 100%; background: #007DC6; /*position:fixed; top:0; z-index:100;*/}
#toggle a{display: block; position: relative; padding: 12px 0 12px 0; border-bottom: 1px solid #FFF; color:#FFF; text-align: center; text-decoration: none;}
#toggle:before {display:block; content:""; position:absolute; top:50%; right:10px; width:30px; height:30px; margin-top:-15px; background:#FFF;}
#toggle a:before, #toggle a:after {display:block; content:""; position:absolute; top:50%; right:10px; width:30px; height:6px; background:#007DC6;}
#toggle a:before {margin-top:-9px;}
#toggle a:after {margin-top: 3px;}



/*-------------------------------------------- header ----------------------------------------*/
#header {width:100%; padding:10px; box-sizing:border-box;}
#header h1 {color:#999; font-size:10px; font-weight:normal; text-align:left; display:block; margin-bottom:5px; line-height:1.2;}
#header .logo {width:100%; max-width:365px;}
#header .entry,#header .entry_new { margin: 5px auto 5px auto; display: block;}
#header .corporatewebsite {display:none;}

#header ul.gmenu {display:none;}
#header ul.link {display:none;}



/*------------------------------------------- footer -----------------------------------------*/
#footer-outer {margin-top:30px; background:#EEE;}
#footer-outer2 {}
#footer {}

#footer ul.link {width:100%; display:table; margin:0; background:#FFF; border-top:2px solid #CCC; border-bottom:1px solid #CCC; font-size:12px;}
#footer ul.link:after {content:""; display:block; clear:both;}
#footer ul.link li {float:left; width:50%; text-align:left; border-bottom:1px solid #CCC; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; position:relative; background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); line-height:1.4;
}
/*奇数のli要素に適応*/
#footer ul.link li:nth-child(odd) {border-right:1px solid #CCC;}
#footer ul.link a {display:table-cell; width:50%; height:44px; vertical-align:middle; color:#000; text-decoration: none; padding:0 20px 0 10px; box-sizing:border-box;}
#footer ul.link a:before {content: ""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:10px; width:8px;height:8px; margin-top:-3px; background:#07C;}
#footer ul.link a:after {content: ""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:14px; width:8px;height:8px; margin-top:-3px; background:#F5F5F5;}

#footer .name {padding:10px;}
#footer .name img {width:inherit; margin-top: 10px;}
#footer .name img.to_corp {}
#footer .address {font-size:12px; padding:10px; line-height:1.4;}

#footer .infoarc_link {position:absolute; bottom:4px; right:0px;}
#footer .infoarc_link a{ color:#000;}
#footer .copyright {color:#999; font-family:Arial; font-size:12px; padding:10px; line-height:1.4;}

#footer #sidebnr{ box-sizing:border-box; height:50px;}
#footer #sidebnr p{ position:fixed; bottom:0; left:10px;}
#footer #sidebnr p a{ display:block;}
#footer #sidebnr p img{ width:235px;}
#footer #sidebnr #closebtn{ position:fixed; bottom:38px; left:233px; background-color: transparent; cursor:pointer;}
#footer #sidebnr #closebtn img{ width:20px;}


/*------------------------------------------ bookmark ----------------------------------------*/
.bookmarkArea {padding:10px;}

#bookMarks {overflow:hidden;}
#bookMarks li {float:left; background:none; margin-right:20px;}
#bookMarks li:last-child {margin:0;}



/*-------------------------------------- contents-inner-top -----------------------------------*/
#contents-inner-top {}

#contents-inner-top img {width:100%;}

#contents-inner-top table {}
#contents-inner-top table td {display:block; width:95%; margin:0 auto;}

#contents-inner-top table.mainTable {margin-bottom:20px;}
#contents-inner-top table.mainTable tr td {width:100% !important;}
#contents-inner-top table.mainTable tr td:first-child {background:#007DC6; padding:10px; box-sizing:border-box;}

#contents-inner-top .bnr_recruit {
margin:0 0 20px 0;
width:auto;
height:auto;
background:none;
}
#contents-inner-top .bnr_recruit img {display:block;}

#contents-inner-top .bnr_recruit_pc {display:none}
#contents-inner-top .bnr_recruit_sp {margin:0 0 20px 0;}

#contents-inner-top .news {margin:10px 0 20px 0; padding:10px; color:#000; font-size:13px;}
#contents-inner-top .news img {width:inherit;}
#contents-inner-top .news .news_inner {margin:0; /*height:290px; overflow:scroll; overflow-x:hidden;*/ padding:10px 0 0 0; border-top:2px solid #CCC;}
#contents-inner-top .news .news_day{font-size:10px; color:#007dc6;}
#contents-inner-top .news li { border-bottom:1px solid #ccc; margin:0px 0 15px 0; padding:0 0 15px 0;}
#contents-inner-top .news li:last-child{ border-bottom:none; margin:0; padding:0;}

#contents-inner-top .side_bn {width:100%; margin:0 auto 0 auto; padding:0 10px 0 10px; display:table; table-layout:fixed; box-sizing:border-box;}
#contents-inner-top .side_bn li {display:table-cell; padding-right:5px; box-sizing:border-box;}
#contents-inner-top .side_bn li:only-child {display:block; text-align:center;}
#contents-inner-top .side_bn li:last-child {padding:0 0 0 5px;}
#contents-inner-top .side_bn li img {vertical-align:bottom; width:100%; box-sizing:border-box;}
#contents-inner-top .side_bn li:only-child img {width:inherit;}


#contents-inner-top .recruit_inf{width: 95%; padding: 10px 0 8px 0; text-align: center; font-size: 16px; font-weight: bold; border: solid 1px #C7141A; margin-bottom: 30px; margin: 0 auto 20px auto; color:#C7141A;}

/*------------------------------------------ contents-inner-pages ----------------------------------------*/
#contents-inner-pages {font-size:14px; color:#000;}

#contents-inner-pages .pages_main {}
#contents-inner-pages .pages_main table.ttl {}
#contents-inner-pages .pages_main table.ttl th,
#contents-inner-pages .pages_main table.ttl td {display:block;}
#contents-inner-pages .pages_main table.ttl th img,
#contents-inner-pages .pages_main table.ttl td img {width:100%;}
#contents-inner-pages .pages_main table.ttl td {background:#007DC6; padding:10px;}

#contents-inner-pages .pages_main table.member_list {width:100%; margin-bottom:20px;}
#contents-inner-pages .pages_main table.member_list td {background:#007DC6;}
#contents-inner-pages .pages_main table.member_list td img {width:100%;}

#contents-inner-pages .inDiv {margin-top:20px; padding: 0 10px 0 10px;}
#contents-inner-pages .inDiv img {width:100%;}
#contents-inner-pages .inDiv .textDiv {padding:10px; line-height:1.6;}
#contents-inner-pages .inDiv .entryDiv {padding:10px; margin-bottom:20px; line-height:1.6;}
#contents-inner-pages .inDiv .entryDiv table {border-bottom:1px solid #CCC; border-collapse:collapse;}
#contents-inner-pages .inDiv .entryDiv table td {display:block; padding:10px; width:100% !important; border:1px solid #CCC; border-collapse:collapse; box-sizing:border-box;}
#contents-inner-pages .inDiv .entryDiv table tr td:first-child,
#contents-inner-pages .inDiv .entryDiv table tr td:last-child {border-bottom:none;}
#contents-inner-pages .inDiv .entryDiv table td table,
#contents-inner-pages .inDiv .entryDiv table td table td {border:none;}

#contents-inner-pages .inDiv .entryDiv table#noblock td {display:table-cell; width:inherit !important; padding:0 0 10px 0;}
#contents-inner-pages .inDiv .entryDiv table#noblock tr:last-child td {padding:0;}

#contents-inner-pages .inDiv .entryDiv table#inn td {padding:0;}
#contents-inner-pages .inDiv .entryDiv table#inn tr td:nth-child(even) {padding-bottom:10px;}
#contents-inner-pages .inDiv .entryDiv table#inn tr:last-child td:nth-child(even) {padding:0;}
#contents-inner-pages .inDiv .entryDiv table#inn td.time {display:none;}

#contents-inner-pages .inDiv .allowance_btn { display:block; border:5px solid #f0f0f0; padding: 16px 15px 14px 15px; box-sizing:border-box;}
#contents-inner-pages .inDiv .allowance_btn tbody,#contents-inner-pages .inDiv .allowance_btn tr{ display:block; box-sizing:border-box;}
#contents-inner-pages .inDiv .allowance_btn td,#contents-inner-pages .inDiv .allowance_btn td a{ display:block; box-sizing:border-box;}
#contents-inner-pages .inDiv .allowance_btn td:nth-child(2){ display:none;}
#contents-inner-pages .inDiv .allowance_btn td:nth-child(3){ padding-top:14px;}

#contents-inner-pages .inDiv .allowance_btn td img{ width:100% !important; max-width:380px; height:auto !important;}

#wrap2 #contents table.basicTable {margin:0; border-top:1px solid #CCC;}
#wrap2 #contents table.basicTable th,
#wrap2 #contents table.basicTable td {display:block; width:100% !important; box-sizing:border-box;}
#wrap2 #contents table.basicTable th {
color:#007dc6;
text-align:left;
vertical-align:top;
padding:10px;
border-bottom:1px solid #CCC;
font-weight:bold;
box-sizing:border-box;
background:#F5F5F5;
}
#wrap2 #contents table.basicTable td {
padding:10px;
border-bottom:1px solid #ccc;
box-sizing:border-box;
line-height:1.6;
}


#contents-inner-pages hr {border-bottom:1px solid #DDD; margin:20px 10px 30px 10px;}
#contents-inner-pages .red {color: #C00;}
#contents-inner-pages .close_sp {color: #C00;}


/*==================================
message
==================================*/
#contents-inner-pages #demandTable{margin-top:20px;}
#contents-inner-pages #demandTable th {color:#007dc6; text-align:left;}
#contents-inner-pages #demandTable th,
#contents-inner-pages #demandTable td {display:block; font-weight:bold;}
#contents-inner-pages #demandTable td {padding-bottom:20px;}

#contents-inner-pages .signature {text-align:right; margin:20px 0 0 0;}


/*==================================
members
==================================*/
#contents-inner-pages #members{}

#contents-inner-pages #members #memberTable{margin-top:20px;}
#contents-inner-pages #members #memberTable .photosTd {width:20%; padding-left:10px; vertical-align:top; box-sizing:border-box;}
#contents-inner-pages #members #memberTable .photosTd img {border:4px solid #EEE; margin:0 0 22px 0; box-sizing:border-box;}
#contents-inner-pages #members #memberTable .txtTd {width:80%; padding:0 10px 0 10px; vertical-align:top; box-sizing:border-box;}
#contents-inner-pages #members #memberTable .txtTd p {line-height:1.6;}

#contents-inner-pages #members #memberTable h4{
background:url(/recruit/images/member/member_q.gif) no-repeat left 2px;
color:#007dc6;
font-weight:bold;
font-size:18px;
padding:0 0 5px 25px;
border-bottom:1px solid #ccc;
margin:0 0 15px 0; 
line-height:1.4;
}
#contents-inner-pages #members #memberTable h4 span{ font-size:12px; color:#999; font-weight:normal;}
#contents-inner-pages #members #memberTable hr {margin:7px 0 15px 0;}


/*==================================
photo_gallery
==================================*/
#contents-inner-pages #photo_gallery {}

#contents-inner-pages #photo_gallery table {margin:10px 0 40px 0;}
#contents-inner-pages #photo_gallery table td {display:block; padding:10px;}
#contents-inner-pages #photo_gallery table img{border:4px solid #EEE; box-sizing:border-box;}
#contents-inner-pages #photo_gallery table h4{
color:#007dc6; 
font-weight:bold; 
font-size:18px;
padding:0 0 3px 0px;
border-bottom:1px solid #ccc;
margin:0 0 15px 0;
line-height:1.4;
}
#contents-inner-pages #photo_gallery table h4 span {font-size:12px; color:#999; font-weight:normal; display:block; margin:5px 0 5px 0;}
#contents-inner-pages #photo_gallery table hr{ margin:7px 0 15px 0;}
#contents-inner-pages #photo_gallery table p {line-height:1.6;}

/*==================================
career
==================================*/
#contents-inner-pages #career {}
#contents-inner-pages #career .inDiv{padding:0 20px 0 20px;}

#contents-inner-pages #career .inDiv h3.img{padding:0 0 0 0;}
#contents-inner-pages #career .inDiv .textDiv{padding: 10px 0 10px 0;}

#contents-inner-pages #career .entryBtn {width:100%; display:block; margin:20px 0 20px 0; padding:0 10px 0 10px; box-sizing:border-box;}

#contents-inner-pages #career h4{color:#007dc6; font-weight:bold; font-size:18px;padding:0 0 3px 0px;border-bottom:1px solid #ccc;margin:0 0 15px 0; 
line-height: 1.6;}
#contents-inner-pages #career .career_h,
#contents-inner-pages #career .newgraduates_h {
margin:0 10px 0 10px;
padding:10px;
border-radius:8px;
background:#E90;
color:#FFF;
font-size:20px;
text-align:center;
line-height:1.3;
letter-spacing:1px;
}
#contents-inner-pages #career .career_h span,
#contents-inner-pages #career .newgraduates_h span {
font-size:12px;
letter-spacing:normal;
display:block;
margin-top:8px;
}
#contents-inner-pages #career .career_h div {font-size:16px;}

#contents-inner-pages #career .entry_close {border:2px solid #C00; padding:10px; color:#C00; font-size:16px; line-height:1.3; text-align:center; margin:10px 10px 0 10px;}
#contents-inner-pages #career .entry_continue {border:2px solid #CCC; padding:10px; color:#000; font-size:16px; line-height:1.3; text-align:left; margin:10px 10px 10px 10px;}
#contents-inner-pages #career .entry_continue span{}
#contents-inner-pages #career .borderTable{border-collapse:collapse;}
#contents-inner-pages #career .borderTable th, #contents-inner-pages #career .borderTable td{display: block;}
#contents-inner-pages #career .borderTable th{  background-color:#f5f5f5;text-align: left;padding:10px; }
#contents-inner-pages #career .borderTable td{padding:10px 0 10px 0;}

#contents-inner-pages #career .detail_btn a {display: block; width: 200px; text-align: center;margin:0 auto 0 auto; background: #007dc6; color:#ffffff; font-weight: bold;padding: 10px;text-decoration: none;}

/*==================================
detail
==================================*/
#contents-inner-pages #detail {}
#contents-inner-pages #detail .inDiv{padding:0 20px;}
#contents-inner-pages #detail .entryBtn {width:100%; display:block; margin:20px 0 20px 0; padding:0 10px 0 10px; box-sizing:border-box;}

#contents-inner-pages #detail h4{color:#007dc6; font-weight:bold; font-size:20px;padding:0 0 3px 0px;border-bottom:1px solid #ccc;margin:0 0 15px 0; 
line-height: 1.6;}


#contents-inner-pages #detail .career_h,
#contents-inner-pages #detail .newgraduates_h {
margin:0 10px 0 10px;
padding:10px;
border-radius:8px;
background:#E90;
color:#FFF;
font-size:20px;
text-align:center;
line-height:1.3;
letter-spacing:1px;
}
#contents-inner-pages #detail .career_h span,
#contents-inner-pages #detail .newgraduates_h span {
font-size:12px;
letter-spacing:normal;
display:block;
margin-top:8px;
}
#contents-inner-pages #detail .career_h div {font-size:16px;}

#contents-inner-pages #detail .entry_close {border:2px solid #C00; padding:10px; color:#C00; font-size:16px; line-height:1.3; text-align:center; margin:10px 10px 0 10px;}
#contents-inner-pages #detail .entry_continue {border:2px solid #CCC; padding:10px; color:#000; font-size:16px; line-height:1.3; text-align:left; margin:10px 10px 10px 10px;}
#contents-inner-pages #detail .entry_continue span{}
#contents-inner-pages #detail .borderTable{border-collapse:collapse;}
#contents-inner-pages #detail .borderTable th, #contents-inner-pages #detail .borderTable td{ display: block;}
#contents-inner-pages #detail .borderTable th{  background-color:#f5f5f5;text-align: left;padding:10px; }
#contents-inner-pages #detail .borderTable td{padding:10px 0 10px 0;}

/*==================================
company
==================================*/
#contents-inner-pages #map {height:200px; margin:0 0px 0 0; border:1px solid #ccc;}
#contents-inner-pages #map .gm-style-iw-d:has(.map_fukidashi){margin-top: -32px;}
#contents-inner-pages #map .map_fukidashi{width: auto !important; padding: 0 40px 0 10px; }
#contents-inner-pages #map .map_fukidashi a{text-decoration:none;}


/*----------------------------- お問い合わせ／エントリーフォーム ---------------------------*/
#contents .contents-form {}

#contents .contents-form input {padding:3px; border:1px solid #dfdfdf; margin:0;}
#contents .contents-form input.noborder {padding:0px; border:none; margin:0;}
#contents .contents-form label {display:inline-block; margin-right:10px;}
#contents .contents-form textarea {padding:3px; border:1px solid #dfdfdf; font-size:14px;}
#contents .contents-form select {padding:0px; border:1px solid #dfdfdf; margin:0;}
#contents .contents-form label {display:table-sell;}

/* input size */
#contents .contents-form .w1 {width:80%;}
#contents .contents-form .w2 {width:20%;}
#contents .contents-form .w3 {width:60%;}
#contents .contents-form .w4 {width:90%;}

#contents .contents-form p {padding:10px; line-height:1.6;}
#contents .contents-form p span {color:#999; display:block; margin-top:10px;}

#contents .contents-form .contact_bt {text-align:center; margin:20px 0 0 0;}
#contents .contents-form .contact_bt input {border:none;}

#contents .contents-form .contact_bt_top {text-align:center; margin:20px 0 0 0;}

#contents .contents-form table.btn {}
#contents .contents-form table.btn td {padding:0 10px 0 10px;}
#contents .contents-form table.btn td input {padding:0; border:none;}

#contents .contents-form .form {margin-top:0; border-top:1px solid #CCC;}
#contents .contents-form .form th,
#contents .contents-form .form td {display:block;}
#contents .contents-form .form th {
color:#007DC6;
text-align:left;
padding:10px;
border-bottom:1px solid #CCC;
font-weight:bold;
box-sizing:border-box;
background:#F5F5F5;
}
#contents .contents-form .form td {
padding:20px 10px;
border-bottom:1px solid #ccc;
box-sizing:border-box;
line-height:1.6;
}
#contents .contents-form .form th br {display:none;}

#contents .contents-form .send_purpose {display:block; font-size:12px; margin-top:10px;}

#contents .contents-form .error_description,
#contents .contents-form .description1 {margin:0; padding:10px; line-height:1.3;}

#contents .contents-form .error_list {margin:0; padding:10px;}
#contents .contents-form .error_list .alert {
margin-bottom:20px;
background:url(/recruit/images/contact/attention.gif) no-repeat left center;
padding:13px 0 10px 50px;
color:#e64545;
}


#contents .contents-form .imeDisabled {ime-mode:disabled;}
#contents .contents-form .ex {color:#000; margin-top:10px; display:block;}
#contents .contents-form .again {color:#000; margin:8px 0 4px 0; display:block;}
#contents .contents-form .supplement {color:#000; margin:-5px 0 0 0; font-weight:normal;}
#contents .contents-form .mail {font-size:20px; width:90%;}
#contents .contents-form .other {margin:10px 0 0 0; padding:5px 0 0 0; border-top:1px solid #CCC;}
#contents .contents-form .use div {display:block; float:left; width:150px;margin:0 0 5px 0;}
#contents .contents-form .soft .div1 div {width:180px; margin:0 0 5px 0;}

/* scroll */
#scrollUp {
	bottom: 0px;
	right: 0px;
	height: 50px;
	width: 50px;
	background: url(../images/top.png) no-repeat;
	background-size:50px;
	z-index:1000;
}

.g-recaptcha {margin-top:25px;}
.g-recaptcha div{margin:auto;}
    
}