@charset "utf-8";

body {font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
color:#000000;
margin:0;
font-size:1em;
line-height:160%;
background-color:#fffcdb;
}
h1,h2,h3,h4{
margin:0;
line-height:140%;
}
p{
margin:0 0 1em;
}
input[type="text"],
input[type="password"],
input[type="text"],
textarea
{
padding:5px;
border-radius:3px;
border:1px solid #8c8c8c;
font-size:1.2em;
}
select{
/* styling */
background-color: #f5f5f5;
border: thin solid #8c8c8c;
border-radius: 4px;
display: inline-block;
font: inherit;
font-size:100%;
line-height: 1.5em;
padding: 0.2em 2em 0.2em 0.5em;
/* reset */
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
/* arrow */
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 12px) calc(0.8em + 0px),
calc(100% - 7px) calc(0.8em + 0px),
calc(100% - 1.5em) 0.2em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
select::-ms-expand {
display: none;
}
select option:checked{
color:#000000;
/*background:#ffffff;*/
}

input[type="radio"],
input[type="checkbox"]{
margin-right:3px;
}
textarea{
width:95%;
}
label{
display:inline-block;
margin-right:10px;
}
button{
display:block;
margin:0 auto 10px;
border:none;
border-radius:5px;
padding:14px;
cursor:pointer;
}
#toMain{
position:absolute;
left:-100em;
top:-100em;
}
#header,
#footer{
overflow:hidden;
background-color:#ffef00;
padding:20px;
color:#000000;
}
#footer{
overflow:hidden;
background-color:#000000;
padding:20px;
color:#ffffff;
}
#header{
display: flex;
justify-content: space-between;
}
#header h1{
float:left;
}
#header h1 a{
color:#000000;
text-decoration:none;
}
.nav a {
text-decoration: none;
}
.nav li {
display: inline-block;
margin: 0 10px;
}
.nav-wrap.open {
display: block;
}
.nav-wrap.close {
display: none;
}


#subfooter{
padding:30px 20px;
overflow:hidden;
background-color:#ffffff;
}
#subfooter ul
{
float:right;
list-style:none;
overflow:hidden;
margin:0;
padding:0;
}
#subfooter ul li
{
float:left;
border:1px solid #ffffff;
border-radius:10px;
text-align:center;
font-weight:bold;
padding-left:15px;
background-size:23px 28px;
}
#subfooter ul li a
{
font-size:1em;
color:#ffffff;
text-decoration:none;
display:block;
height:100%;
}
#subfooter .container{
overflow:hidden;
}
#subfooter p{
float:left;
color:#000000;
line-height:1em;
margin-bottom:0;
}
#footer p{
text-align:center;
}
#footer address{
font-style:normal;
font-size:0.9em;
text-align:center;
}
#main{
background-color:#fffcdb;
}
.container h1{
font-size:2em;
text-align:center;
color:#603813;
}
#section{
background-color:#fff;
border-radius:20px;
padding:50px;
}

#topicpath{
position:absolute;
top:120px;
border:none !important;
}



/*
   INDEX ---------------------------------------
 */
#index #mv{
margin:0;
padding:0;
}
#index #header{
display:block;
}
#index #mv h1{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
height:698px;
background-color:#fffcdb;
background-image:url("/img/index/mv2024.jpg");
background-position:center;
background-repeat:no-repeat;
}
#index #main{
padding:30px 0;
}
#index #main > .container > p{
font-size:1.8em;
font-weight:bold;
color:#000000;
text-align:center;
line-height:170%;
border-bottom:1px dashed #000000;
padding-bottom:20px;
}
#index #intro{
width:730px;
margin:0 auto 70px;
color:#000000;
font-weight:bold;
line-height:180%;
text-align:center;
}
#index #intro h2,
#index #intro h3{
text-align:center;
margin-bottom:20px;
}
#index #intro h2{
font-size:1.8em;
}
#index #intro h3{
font-size:1.5em;
}
#index #intro p{
font-size:1em;
margin-bottom:30px;
text-align:center;
}
#index #intro div{
border:1px solid #000000;
border-radius:0;
padding:20px 20px;
background-color:#ffffff;
}
#index #intro div p{
margin-bottom:0;
text-align:left;
}
#index #intro span{
display:block;
font-size:1.2em;
text-align:center;
margin:25px 0;
}
#index #intro span a{
color:#000000;
font-size:0.9em;
}
#index a.btn{
display:inline-block;
width:320px;
margin:0 10px;
text-align:center;
color:#ffffff;
font-weight:normal;
/*background:linear-gradient(to bottom, #5a9cd9,#377fb5);*/
background:#005CC4;
text-decoration:none;
font-size:1.5em;
line-height:250%;
border:2px solid #004491;
border-radius:5px;
margin-bottom:40px;
}






#index .section{
background:#ffffff;
margin-bottom:50px;
}
#index .section h2{
background:#ffef00;
color:#000000;
font-size:1.5em;
border-radius: 0;
text-align:center;
padding:6px 0;
border:1px solid #000000;
border-bottom:none;
}
#index .section > div{
padding:20px;
border:1px solid #000000;
border-top:none;
}
#index .section.s1 p{
font-size:1.1em;
}
#index .section.s1 dl{
overflow: hidden;
display:table;
padding-bottom:20px;
background-image: linear-gradient(to right, #6d3c0b, #6d3c0b 2px, transparent 2px, transparent 4px);
background-size: 20px 2px;
background-position: bottom;
background-repeat: repeat-x;
}
#index .section.s1 dl.last{
background:none;
}
#index .section.s1 dt{
display:table-cell;
box-sizing: border-box;
vertical-align:middle;
padding:0 10px;
width:210px;
}
#index .section.s1 dt span{
display:inline-block;
width:185px;
border-radius:20px;
color:#000000;
text-align:center;
font-size:1.3em;
padding:8px 0;
}
#index .section .g1{
background:#ffef00;
}
#index .section .g2{
background:#ffef00;
}
#index .section .g3{
background:#ffef00;
}
#index .section.s1 dd{
display:table-cell;
font-size:0.95em;
}
#index .section.s2 h3{
font-size:1.4em;
color:#000000;
background:#ffffff;
border:2px solid #000000;
border-radius:6px;
text-align:center;
padding:5px;
margin-bottom:30px;
}
#index .section.s2 p.etc{
margin-right:80px;
text-align:right;
font-weight:bold;
}

#index .section.s2 ul{
overflow:hidden;
margin-bottom:0;
}
#index .section.s2 ul li {
float:left;
width:200px;
font-size:1.2em;
font-weight:bold;
margin-bottom:10px;
}
#index .section.s3 h3,
#index .section.s4 h3{
text-align:center;
font-size:1.3em;
color:#000000;
}
#index .section.s3 dl{
overflow: hidden;
display:table;
margin-bottom:10px;
}
#index .section.s3 dt{
display:table-cell;
width:275px;
padding-right:15px;
font-size:1.3em;
text-align:right;
}
#index .section.s3 dt span{
font-size:0.8em;
}
#index .section.s3 dd{
display:table-cell;
}
#index .section.s3 dd span{
display:inline-block;
width:280px;
border-radius:20px;
color:#ffffff;
text-align:center;
font-size:1.3em;
padding:2px 0;
}
#index .section.s3 dt.f1{
color:#596FA0;
}
#index .section.s3 dt.f2{
color:#2f7797;
}
#index .section.s3 dt.f3{
color:#677622;
}
#index .section.s3 dt.f4{
color:#936710;
}
#index .section.s3 dt.f5{
color:#B94D3D;
}

#index .section.s3 span.f1{
background:#596FA0;
}
#index .section.s3 span.f2{
background:#2f7797;
}
#index .section.s3 span.f3{
background:#677622;
}
#index .section.s3 span.f4{
background:#936710;
}
#index .section.s3 span.f5{
background:#B94D3D;
}
#index .section.s3 p{
text-align:center;
}
#index .section.s3 p:after,
#index .section.s4 p:after {
content: '';
width: 100%;
margin-top:10px;
height: 42px;
display: block;
background: url("/img/index/flow.png") no-repeat 50% 100%;
background-size:contain;
}
#index .section.s3 p.last:after,
#index .section.s4 p.last:after {
content: none;
}
#index .section.s4 h4{
width:280px;
margin:0 auto 10px;
border-radius:20px;
color:#ffffff;
text-align:center;
font-size:1.3em;
padding:2px 0;
}
#index .section.s4 h4.f1{
background:#9c73af;
}
#index .section.s4 h4.f2{
background:#596FA0;
}
#index .section.s4 h4.f3{
background:#2f7797;
}
#index .section.s4 h4.f4{
background:#497966;
}
#index .section.s4 h4.f5{
background:#677622;
font-size:1.2em;
}
#index .section.s4 h4.f6{
background:#936710;
}
#index .section.s4 h4.f7{
background:#B94D3D;
}
#index .section.s4 h3{
margin-bottom:20px;
}
#index .section.s4 p{
text-align:center;
}
#index .section.s4 p a{
/*color:#B94D3D;*/
}
#index .section.s4 em{
display:block;
font-style:normal;
text-align:center;
margin:40px 0 30px;
}
#index .outro{
text-align:center;
}
#index .outro a.tel{
display:block;
width:380px;
margin:0 auto 20px;
padding:8px 0;
border:1px solid #000000;
border-radius:5px;
background:#ffffff;
text-align:center;
text-decoration:none;
color:#000000;
font-size:1.2em;
}
#index .outro p{
margin:10px 0 30px;
text-align:center;
}
#index #dougakan{
margin-bottom:30px;
}
#index #dougakan img{
width:100%;
}




/*
   新規登録 ---------------------------------------
 */
#login_regist{
border-bottom:1px dashed #8c8c8c;
margin-bottom:40px;
}
#login_regist p{
text-align:center;
font-size:1.3em;
}
#login_regist a{
display:block;
margin:0 auto 50px;
border-radius:5px;
text-align:center;
color:#ffffff;
text-decoration:none;
padding:14px 0;
background-color:#DF0426;
}
#login_form{
margin-bottom:50px;
}
#regist .container #login_form{
background-color:#ffffff;
padding:20px 0;
}
#flashMessage{
text-align:center;
font-size:1.2em;
background-color:#936710;
padding:20px 0;
margin-bottom:30px;
color:#ffffff;
font-weight:bold;
}
#flashMessage p{
margin:0;
}

#login_form h3{
text-align:center;
font-weight:normal;
margin-bottom:20px;
}
#login_form dl,
#regist .container #login_form dl{
overflow: hidden;
display:table;
padding-bottom:20px;
border:none;
}
#login_form dt,
#regist .container #login_form dt {
display:table-cell;
box-sizing: border-box;
vertical-align:middle;
padding:0 10px;
font-size:0.9em;
background-color:#ffffff !important;
}
#login_form dd,
#regist .container #login_form dd{
display:table-cell;
padding:0;
}
#login_form dd input[type="checkbox"]{
display:none;
}
#login_form dd input[type="checkbox"]+label{
position: relative;
padding-left:20px;
}
#login_form dd input[type="checkbox"]+label::before{
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
cursor: pointer;
background: #DF0426;
}
#login_form dd input[type=checkbox]:checked+label::after {
content: "";
display: block;
width: 10px;
height: 6px;
box-sizing: border-box;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
position: absolute;
top: 40%;
left: 5px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg) translateY(-50%);
}
#login_form dd label{
color:#DF0426;
font-size:0.9em;
}
#login_form button{
width:320px;
background-color:#005CC4;
color:#ffffff;
}
#login_form p{
text-align:center;
}
#login_form p a {
font-size:0.8em;
color:#333333;
text-decoration:none;
}
#login_form p a:hover{
text-decoration:underline;
}
#login_privacy{
}
#login_privacy h3{
margin-bottom:20px;
padding:5px;
background-color:#757575;
text-align:center;
color:#ffffff;
font-size:1em;
font-weight:normal;
}
/*
   #login_privacy p{
   height:500px;
   overflow:scroll;
   font-size:0.9em;
   }
 */
#login_privacy div{
height:500px;
overflow:scroll;
font-size:0.9em;
}
#login_privacy h4,
#login_privacy h5{
font-size:1em;
font-weight:bold;
margin-bottom:1em;
}


#regist .container > p
{
text-align:center;
}
#contact .container > p{
margin-bottom:50px;
}
#regist .container h2{
text-align:center;
margin:40px 0 20px;
font-size:1.56em;
}

#regist .container dl,
#regist_confirm .container dl,
#contact .container dl,
#contact_confirm .container dl
{
overflow: hidden;
display:table;
width:100%;
background-color:#ffffff;
margin:0;
box-sizing:border-box;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
}
#regist .container fieldset,
#contact .container fieldset
{
background-color:#E8F2FA;
box-sizing:border-box;
border-top:none;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
margin:0;
padding:0;
overflow:hidden;
}
#regist .container fieldset#field-first,
#contact .container fieldset#field-first{
border-top: 2px solid #000;
border-radius: 10px 10px 0 0;
}
#regist .container fieldset legend,
#contact .container fieldset legend{
overflow: hidden;
display: block;
box-sizing: border-box;
padding: 20px;
font-size: 0.9em;
background-color: #E8F2FA;
color: #000;
font-size: 1.2em;
float:left;
}
#regist .container fieldset div,
#contact .container fieldset div{
box-sizing: border-box;
display: block;
float:left;
padding: 20px;
vertical-align: middle;
background-color:#fff;
}



#regist .container dl#table_first,
#regist_confirm .container dl#table_first,
#contact .container dl#table_first,
#contact_confirm .container dl#table_first
{
border-top: 2px solid #000;
border-radius:10px 10px 0 0;
}
#regist .container dl#table_last,
#regist_confirm .container dl#table_last,
#contact .container dl#table_last,
#contact_confirm .container dl#table_last
{
border-radius:0 0 10px 10px;
}
#regist .container dl#table_last pre,
#contact .container dl#table_last pre{
font-size:0.8em;
font-weight:normal;
line-height:160%;
}

#regist .container fieldset#field_last,
#contact .container fieldset#field_last{
border-radius:0 0 10px 10px;
}
#regist .container fieldset#field_last div,
#contact .container fieldset#field_last div{
height:500px;
overflow:scroll;
}

#regist .container dt,
#regist_confirm .container dt,
#contact .container dt,
#contact_confirm .container dt
{
overflow:hidden;
display:table-cell;
box-sizing: border-box;
vertical-align:middle;
padding:20px;
font-size:0.9em;
background-color:#E8F2FA;
color:#000;
}
#regist .container dt span,
#regist .container dd span,
#regist .container fieldset legend span,
#contact .container dt span,
#contact .container dd span,
#contact .container fieldset legend span
{
display:block;
float:right;
padding:0 10px;
font-size:0.7em;
background-color:#005CC4;
color:#ffffff;
}
#regist .container dd,
#regist_confirm .container dd,
#contact .container dd,
#contact_confirm .container dd
{
display:table-cell;
padding:20px;
vertical-align:middle;
}
#regist .container dd strong,
#regist .container fieldset div strong,
#contact .container dd strong,
#contact_confirm .container fieldset div strong
{
display:block;
color:#DF0426;
margin-top:8px;
}
#regist .container dd i,
#regist .container fieldset div i,
#contact .container dd i,
#contact .container fieldset div i
{
font-size:0.8em;
font-style:normal;
}
#regist .container input[type="text"],
#regist .container input[type="password"],
#regist .container input[type="text"],
#regist .container textarea,
#contact .container input[type="text"],
#contact .container input[type="password"],
#contact .container input[type="text"],
#contact .container textarea
{
margin-right:10px;
padding:2px 5px;
border-radius:3px;
border:1px solid #8c8c8c;
font-size:1.1em;
background-color:#f5f5f5;
}
#regist .container select{
margin-right:5px;
}
#regist #table_last h3,
#contact #table_last h3{
font-size:1.2em;
font-weight:normal;
text-align:center;
color:#000;
margin-bottom:20px;
}
#regist #table_last div,
#contact #table_last div{
width:780px;
padding:10px;
margin:0 auto;
height:200px;
border:1px solid #8c8c8c;
border-radius:3px;
background-color:#f5f5f5;
overflow:scroll;
}
#contact #table_last div{
height:130px;
}

#regist #table_last div h4,
#regist #table_last div h5,
#contact #table_last div h4,
#contact #table_last div h5
{
font-size:0.8em;
font-weight:normal;
margin-bottom:1em;
}

#regist #table_last div p,
#contact #table_last div p{
font-size:0.8em;
line-height:150%;
}
#regist #table_last dd > p,
#contact #table_last dd > p{
width:200px;
margin:20px auto 30px;
}
#regist #table_last dd > fieldset,
#contact #table_last dd > fieldset{
width:300px;
margin:20px auto 30px;
background-color: #fff;
box-sizing: border-box;
border: none;
padding: 0;
overflow: hidden;
text-align:center;
}
#regist #table_last dd > fieldset legend,
#contact #table_last dd > fieldset legend{
float:none;
background-color:#fff;
font-size:0.8em;
padding:0;
}

#regist #table_last dd strong,
#contact #table_last dd strong{
text-align:center;
margin-bottom:30px;
}
#regist #table_last dd button,
#regist_confirm #table_last dd button,
#contact #table_last dd button,
#contact_confirm #table_last dd button
{
width:320px;
/*background:linear-gradient(to bottom, #5a9cd9,#377fb5);*/
background:#005CC4;
color:#ffffff;
border:1px solid #004491;
}

#regist_submit .container > h1,
#contact_submit .container > h1{
margin-bottom:10px;
color:#65a6de;
}
#regist_submit .container > p,
#contact_submit .container > p {
text-align:center;
margin-bottom:30px;
}
#regist_submit #main .container > div,
#contact_submit #main .container > div{
border:2px solid #893a2e;
border-radius:5px;
padding:30px;
}
#regist_submit #main .container > div h2,
#contact_submit #main .container > div h2{
font-size:1.3em;
text-align:center;
margin-bottom:30px;
}
#regist_submit #main .container > div h3,
#contact_submit #main .container > div h3{
font-size:1.1em;
margin-bottom:10px;
}
#regist_submit #main .container > div p,
#contact_submit #main .container > div p{
margin-bottom:40px;
}

#forget #section p{
text-align:center;
}

#accessibility h2{
font-size:1.3em;
}
#accessibility ol{
font-weight:bold;
margin-bottom:50px;
}
#accessibility ol p{
font-weight:normal;
}







/*----------------------------------PC------------------------------------*/
@media screen and (min-width:480px){
.sp{
display:none !important;
}


#header ul
{
float:right;
list-style:none;
overflow:hidden;
margin:0;
padding:0;
}
#header ul li
{
float:left;
border:1px solid #ffffff;
border-radius:10px;
text-align:center;
font-weight:bold;
padding-left:15px;
background: url( "/img/ico_in.png" ) 10px 5px no-repeat #037013;
background-size:23px 28px;
}
#header ul li.add{background: url( "/img/ico_add.png" ) 10px 5px no-repeat #DF0426 ;}
#header ul li.my{background: url( "/img/ico_my.png" ) 10px 5px no-repeat #DF0426 ;}
#header ul li.job{background: url( "/img/ico_job.png" ) 7px 5px no-repeat #005CC4 ;}
#header ul li.in{background: url( "/img/ico_in.png" ) 10px 5px no-repeat #037013 ;}
#header ul li.out{background: url( "/img/ico_out.png" ) 7px 5px no-repeat #037013 ;}

#subfooter ul li.add{background: url( "/img/ico_add.png" ) 10px 5px no-repeat #DF0426 ;}
#subfooter ul li.my{background: url( "/img/ico_my.png" ) 10px 5px no-repeat #DF0426 ;}
#subfooter ul li.job{background: url( "/img/ico_job.png" ) 7px 5px no-repeat #005CC4 ;}
#subfooter ul li.in{background: url( "/img/ico_in.png" ) 10px 5px no-repeat #037013 ;}
#subfooter ul li.out{background: url( "/img/ico_out.png" ) 7px 5px no-repeat #037013 ;}

#header ul li a
{
font-size:1em;
color:#ffffff;
text-decoration:none;
display:block;
height:100%;
}

.nav-wrap {
display: block !important;
}

#header h1{
/*width:600px;*/
font-size:2.5em;
}
#header ul{
}
#header ul li,
#subfooter ul li
{
width:150px;
margin-left:13px;
}
#header ul li a,
#subfooter ul li a
{
padding:8px 0;
}
#subfooter p{
width:12em;
font-size:2.5em;
font-weight:bold;
}
#main{
padding:90px 0;
}
.container{
width:900px;
margin:0 auto;
}
.container h1{
margin-bottom:70px;
}
#index .outro > div{
margin:0 60px;
}

#login_regist a{
width:320px;
font-size:1.3em;
}
#login_form h3{
font-size:1.3em;
}
#login_form dl,
#regist .container #login_form dl
{
width:520px;
margin:0 auto;
overflow: hidden;
}
#login_form dt,
#regist .container #login_form dt
{
/*width: 80px;*/
width: 100px;
text-align:right;
}
#login_form dd input[type="text"],
#login_form dd input[type="password"],
#regist .container #login_form dd input[type="text"],
#regist .container #login_form dd input[type="password"]
{
width:310px;
padding:5px;
background-color:#ffffff;
}
#login_form button{
font-size:1.3em;
}
#regist .container h1{
margin-bottom:10px;
}
#regist .container dt,
#regist_confirm .container dt,
#regist .container fieldset legend,
#contact .container dt,
#contact_confirm .container dt,
#contact .container fieldset legend
{
width:270px;
font-size:1.2em;
}
#regist .container fieldset legend,
#contact .container fieldset legend{
padding-top:30px;
}
#regist .container fieldset div{
width:626px;
}
#regist .container dt.notification,
#regist_confirm .container dt.notification{
font-size:1em;
}
#regist .container fieldset.notification legend{
font-size:1em;
padding-top:15px;
}
#regist .container fieldset.notification div{
padding:30px 20px;
}
#regist .container dt.notification span,
#regist_confirm .container dt.notification span{
font-size:0.9em;
}
#regist input.short,
#contact input.short{
width:160px;
}
#regist input.middle,
#contact input.middle{
width:320px;
}
#regist input.long,
#contact input.long{
width:95%;
}
#regist textarea{
height:8em;
}
#contact textarea{
height:14em;
}
#regist_confirm .container dd,
#contact_confirm .container dd{
font-size:1.3em;
}
#regist_confirm .container #table_first,
#contact_confirm .container #table_first{
border-bottom:none;
text-align:center;
}
#regist_confirm .container #table_first p,
#contact_confirm .container #table_first p{
line-height:160%;
}
#regist_confirm .container dt,
#contact_confirm .container dt{
background-color:#ffffff;
}

#regist #accountDelete{
margin:50px 0 0;
}
#regist #accountDelete button{
width:320px;
background:#DF0426;
color:#fff;
}




} /* end:PC */
/*--------------------------------MOBILE----------------------------------*/

@media screen and (max-width:479px){
.pc{
display:none !important;
}
#header{
padding:10px 20px;
}
#header h1{
font-size:1.2em;
line-height:180%;
float:none;
/*width:100%;*/
}

#header ul li a{
color:#000;
}

#index #header ul
{
display:flex;
gap:6px;
list-style:none;
overflow:hidden;
margin:0;
padding:0;
padding-top:10px;
}
#index #header ul li
{
float:left;
border:1px solid #ffffff;
border-radius:10px;
text-align:center;
font-weight:bold;
padding-left:15px;
background-size:23px 28px;

width:90px;
margin-left:6px;
background-size:16px 20px;
background-position:10px 8px;
}
#index #header ul li.add{background: url( "/img/ico_add.png" ) 10px 5px no-repeat #DF0426 ;}
#index #header ul li.my{background: url( "/img/ico_my.png" ) 10px 5px no-repeat #DF0426 ;}
#index #header ul li.job{background: url( "/img/ico_job.png" ) 7px 5px no-repeat #005CC4 ;}
#index #header ul li.in{background: url( "/img/ico_in.png" ) 10px 5px no-repeat #037013 ;}
#index #header ul li.out{background: url( "/img/ico_out.png" ) 7px 5px no-repeat #037013 ;}


#index #header ul li:first-child
{
margin-left:0;
}
#index #header ul li a
{
font-size:1.12em;
color:#ffffff;
text-decoration:none;
display:block;
height:100%;

font-size:0.73em;
padding:6px 0;
}

.nav-button {
display: block;
cursor: pointer;
}

.nav-wrap {
position: fixed;
left: 0;
top: 0;
display: none;
z-index: 10;
background-color:#ffef00;
/*background-color: rgba(0, 0, 0, 0.7);*/
width: 100%;
height: 100%;
}
.nav-wrap h2{
font-size:1em;
margin:20px 0 0;
text-align:center;
}
.nav-wrap > div{
background-color:#ffffff;
width:85%;
margin:0 auto;
border-radius:10px;
}
.nav-wrap .nav {
height: 100%;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin:20px;
padding:0;
}
.nav-wrap li {
display: block;
/*margin: 2em;*/
margin:0;
padding:0;
text-align:center;
border-bottom:1px solid #E3E7EB;
}
.nav-wrap li:last-child{
border-bottom:none;
}
.nav-wrap li a {
color: #fff;
font-size: 1em;
padding:10px 0;
display:block;
}

/*メニューボタンのエフェクト*/
.nav-button,
.nav-button span {
display: inline-block;
transition: all 0.4s;
box-sizing: border-box;
}

.nav-button {
z-index: 20;
position: relative;
width: 40px;
height: 36px;
}
.nav-button.active{
position: fixed;
right:20px;
}
.nav-button span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #000;
border-radius: 4px;
}

.nav-button span:nth-of-type(1) {
top: 0;
}

.nav-button span:nth-of-type(2) {
top: 16px;
}

.nav-button span:nth-of-type(3) {
bottom: 0;
}

.nav-button.active span:nth-of-type(1) {
-webkit-transform: translateY(16px) rotate(-45deg);
transform: translateY(16px) rotate(-45deg);
}

.nav-button.active span:nth-of-type(2) {
opacity: 0;
}

.nav-button.active span:nth-of-type(3) {
-webkit-transform: translateY(-16px) rotate(45deg);
transform: translateY(-16px) rotate(45deg);
}


#index #header ul
{
padding-top:10px;
text-align:center;
}
#index #header ul li
{
float:none;
display:inline-block;
width:150px;
margin-bottom:6px;
margin-left:0px;
background-size:16px 20px;
background-position:10px 8px;
}
#index #header ul li:first-child
{
margin-left:0;
}
#index #header ul li a
{
font-size:0.73em;
padding:6px 0;
}

#subfooter ul
{
display:none;
padding-top:10px;
}
#subfooter ul li
{
width:90px;
margin-left:6px;
background-size:16px 20px;
background-position:10px 8px;
}
#subfooter ul li:first-child
{
margin-left:0;
}
#subfooter ul li a
{
font-size:0.73em;
padding:6px 0;
}


#subfooter{
padding:10px 20px;
}
#subfooter p{
width:11em;
padding:10px 0;
font-size:1.2em;
font-weight:bold;
}
#footer p{
font-size:0.7em;
margin-bottom:0;
}
#footer address{
font-size:0.5em;
}
#flashMessage{
font-size:1em;
padding:10px 10px;
margin-bottom:50px;
}
#main{
padding:20px 0;
}
.container{
width:auto;
margin:0 20px;
}
.container h1{
font-size:1.2em;
margin-bottom:20px;
}
#section{
padding:20px;
}
#index #mv h1{
height:240px;
background-image:url("/img/index/mv2024_sp.jpg");
background-position:center center;
background-size:cover;
}
#index #main > .container > p{
font-size:1.3em;
}
#index #intro{
width:100%;
margin-bottom:30px;
}
#index #intro h2{
font-size:1.3em;
}
#index #intro h3{
font-size:1.1em;
}
#index a.btn{
width:100%;
font-size:1.2em;
margin:0 auto 20px;
}

#index .section h2{
font-size:1.2em;
}
#index .section > div{
padding:10px;
}
#index .section.s3 > div,
#index .section.s4 > div{
padding:30px 10px;
}
#index .section.s1 p{
font-size:0.95em;
}
#index .section.s1 dl,
#index .section.s1 dt,
#index .section.s1 dd{
display:block;
width:100%;
margin:0;
}
#index .section.s1 dt span{
display:block;
font-size:1.1em;
font-weight:bold;
margin:20px auto 10px;
padding:4px;
}
#index .section.s2 p{
font-size:0.95em;
}
#index .section.s2 p.etc{
margin:10px 0 10px 40px;
text-align:left;
}
#index .section.s2 h3{
font-size:1.1em;
}
#index .section.s2 ul{
padding:0 0 0 40px;
}
#index .section.s2 ul li {
float:none;;
width:100%;
font-size:1em;
font-weight:bold;
margin-bottom:0px;
padding:0;
}
#index .section.s3 h3,
#index .section.s3 h3{
font-size:1.2em;
margin-bottom:20px;
}
#index .section.s3 dl{
display:block;
margin:0 0 10px 0;
}
#index .section.s3 dt{
display:block;;
width:100%;
font-size:1.1em;
padding-left:10px;
text-align:left;
}
#index .section.s3 dt span{
font-size:0.8em;
}
#index .section.s3 dd{
display:block;
margin:0;
}
#index .section.s3 dd span{
display:block;
width:100%;
margin:0 auto;
font-size:1.1em;
}
#index .section.s3 p{
font-size:0.9em;
margin:0;
}
#index .section.s3 p:after,
#index .section.s4 p:after {
height: 20px;
background-size:4px 20px;
}
#index .section.s4 h2{
font-size:1em;
}
#index .section.s4 h4{
width:100%;
font-size:1.1em;
font-weight:normal;
}
#index .section.s4 p{
font-size:0.9em;
}
#index .outro a.tel{
width:100%;
font-size:1.1em;
}


#login_regist p{
font-size:0.9em;
}
#login_regist a{
width:100%;
margin-bottom:40px;
}
#login_form h3{
font-size:1em;
}
#regist .container #login_form{
padding:20px;
}
#login_form dl,
#regist .container #login_form dl
{
width:100%;
display:block;    
padding-bottom:0px;
margin:0px 0 10px;
}
#login_form dl+dl,
#regist .container #login_form dl+dl
{
margin-bottom:20px;
}
#login_form dt,
#regist .container #login_form dt
{
display:block;
width: 100%;
text-align:left;
}
#login_form dd,
#regist .container #login_form dd
{
display:block;
margin:0;
}
#login_form dd input[type="text"],
#login_form dd input[type="password"],
#regist .container #login_form dd  input[type="text"],
#regist .container #login_form dd  input[type="password"]
{
width:95%;
background-color:#fff;
}
#login_form button,
#regist .container #login_form button
{
width:100%;
}
#login_privacy h3{
font-size:0.9em;
}
/*
   #login_privacy p{
   height:400px;
   overflow:scroll;
   font-size:0.9em;
   }
 */
#login_privacy div{
height:400px;
overflow:scroll;
font-size:0.9em;
}

#regist .container h1{
font-size:1.2em;
margin-bottom:5px;
}
#regist .container h2{
font-size:1.1em;
}
#regist .container dl,
#regist_confirm .container dl,
#contact .container dl,
#contact_confirm .container dl
{
display:block;
}
#regist .container dt,
#regist_confirm .container dt,
#regist .container fieldset legend,
#contact .container dt,
#contact_confirm .container dt,
#contact .container fieldset legend
{
display:block;
width:100%;
padding:10px;
font-size:1em;
}
#regist .container dd,
#regist_confirm .container dd,
#regist .container fieldset div,
#contact .container dd,
#contact_confirm .container dd,
#contact .container fieldset div
{
display:block;
margin-left:0;
padding:10px;
}
#regist .container fieldset div,
#contact .container fieldset div{
width:100%;
font-size:0.9em;
}
#regist .container dd label,
#contact .container dd label{
font-size:0.9em;
margin-right:6px;
}
#regist input.short,
#contact input.short{
width:90px;
}
#regist input.middle,
#contact input.middle{
width:300px;
}
#regist input.long,
#contact input.long{
width:95%;
}
#regist textarea,
#contact textarea{
height:8em;
}
#regist input::-webkit-input-placeholder,
#contact input::-webkit-input-placeholder {
padding-top: 0.2em;
}
#regist #table_last h3,
#contact #table_last h3{
font-size:1em;
}
#regist #table_last div,
#contact #table_last div{
width:90%;
}
#regist #table_last dd button,
#contact #table_last dd button{
width:100%;
}
#regist_confirm #table_first p,
#contact_confirm #table_first p{
font-size:0.9em;
}
#regist_submit .container h1,
#contact_submit .container h1{
margin-bottom:20px;
}
#regist_submit .container > p,
#contact_submit .container > p {
font-size:0.9em;
text-align:center;
margin-bottom:30px;
}
#regist_submit #main .container > div{
}
#regist_submit #main .container > div h2,
#contact_submit #main .container > div h2{
font-size:1em;
text-align:center;
margin-bottom:20px;
}
#regist_submit #main .container > div h3,
#contact_submit #main .container > div h3{
font-size:0.9em;
margin-bottom:10px;
}
#regist_submit #main .container > div p,
#contact_submit #main .container > div p{
font-size:0.9em;
margin-bottom:30px;
}
#regist #accountDelete{
margin:50px 0 0;
}
#regist #accountDelete button{
width:320px;
background:#DF0426;
color:#fff;
}

#forget #section p{
font-size:0.9em;
}

#accessibility h2{
font-size:1.1em;
}
#accessibility ol{
padding-left:20px;
font-size:0.9em;
}


} /* end:MOBILE */
@media screen and (max-width:375px){
#index #mv h1 {
    height: 220px;
}
}