@charset "UTF-8";

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
body,html{
width: 100%;
}
body{
background: #fff;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
color: #383838;
}

div,table,tr,td,input{box-sizing: border-box;}


.sml80{
font-size: 80%;
}
.sml70{
font-size: 70%;
}
.sml60{
font-size: 60%;
}
.sml50{
font-size: 50%;
}
img{
max-width: 100%;
height: auto;
}
br.sponly{
display: none;
}
.clear{
clear: both;
}
p{
padding-bottom: 1.5em;
}
img{
vertical-align: top;
}
a{
color: #383838;
}
a:hover{
color: #ad3232;
color: #19573b;
text-decoration: underline;
}

hr.partation{
height: 0;
margin: 0;
padding: 0;
border: 0;
overflow: visible;
border-top: 1px dashed #e5e0d2;
}


#page_header{
width: 100%;
height: 50px;
top: 0;
left: 0;
position: fixed;
background: #fff;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
z-index: 100;
}
#page_logo{
width: 230px;
margin: auto;
padding-top: 8px;
}

#page_header2025{
width: 100%;
top: 0;
left: 0;
position: fixed;
background: #fff;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
z-index: 100;
height: 100px;
}
#page_header2025 #header_menu{
width: 95%;
height: 30px;
margin: 15px auto 0;
font-size: 90%;
text-align: center;
}
#header_menu a{
text-decoration: none;
}
#header_menu li{
display: inline-block;
line-height: 30px;
padding: 0 0 0 1.5em;
}
#header_menu li::after {
  content: "";
  display: inline-block;
  height: 1em;
  margin-left: 1.5em;
  border-right: solid 1px rgba(0,0,0,0.5);
  vertical-align: middle;
}
#header_menu li:last-child::after{
content: none;
}
#header_subbtn{
position: absolute;
width: 250px;
text-align: right;
top: 55px;
right: 20px;
}
#header_subbtn p{
display: inline-block;
width: 120px;
text-align: center;
line-height: 30px;
padding-bottom: 0;
font-size: 85%;
}
#header_subbtn p a{
text-decoration: none;
}
#header_subbtn p.recruit{
background: #ad3232;
margin-bottom: 0.5em;
}
#header_subbtn p.cargo{
background: #323232;
padding-bottom: 0;
}
#header_subbtn p.recruit a{
display: block;
background: #ad3232;
color: #fff;
}
#header_subbtn p.cargo a{
display: block;
background: #323232;
color: #fff;
}
#header_subbtn p.recruit a:hover{
display: block;
background: #d13131;
color: #fff;
}
#header_subbtn p.cargo a:hover{
display: block;
background: #5a6062;
color: #fff;
}
@media screen and (max-width:1280px){
#page_header2025 #header_menu{
text-align: left;
}
}
@media screen and (max-width:970px){
#header_menu li{
padding: 0 0 0 1.0em;
}
#header_menu li::after {
  margin-left: 1.0em;
}
}
@media screen and (max-width:870px){
#page_header2025{
height: 50px;
}
#header_menu{
display: none;
}
#header_subbtn{
display: none;
}
}


.burger-btn{
display: none;
width: 39px;
height: 39px;
position: absolute;
border:none;
right: 18px;
top: 6px;
}
.burger-btn .bar{
width: 20px;
height: 1px;  
display: block;
position: absolute;
left: 50%;
background-color: #8e8e8e;
}
.burger-btn .bar_top{
top: 10px;
}
.burger-btn .bar_mid{
top: 49%;
}
.burger-btn .bar_bottom{
bottom: 10px;
}

.burger-close{
display: block;
width: 39px;
height: 39px;
position: absolute;
border:none;
right: 18px;
top: 10px;
}
.burger-close .bar{
width: 20px;
height: 1px;  
display: block;
position: absolute;
left: 50%;
background-color: #8e8e8e;
}    
.burger-close .bar_top{
top: 10px;
  transform: translate(-50%,10px) rotate(45deg);
}
.burger-close .bar_bottom{
bottom: 10px;
transform: translate(-50%,-8px) rotate(-45deg);
}
@media screen and (max-width:870px){

.burger-btn{
display: block;
}

}


/*//////////////////MODAL//////////////////////////*/
#modalmenu{
width: 100%;
height: 100vh;
background: rgba(255,255,255,0.98);
text-align: center;
position: absolute;
display: none;
z-index: 500;
box-sizing: border-box;
font-size: 85%;
}
#modalmenu a{
text-decoration: none;
}
p.modal_logo{
width: 236px;
margin: auto;
padding-top: 30px;
}
#modalmenu ul{
width: 80%;
max-width: 450px;
border-top: 1px dashed #e5e0d2;
margin: 30px auto 50px;
}
#modalmenu li{
padding: 16px 0;
border-bottom: 1px dashed #e5e0d2;
list-style-type: none;
}

#modal_btn{
text-align: center;
}
#modalmenu p.recruit{
background: #ad3232;
padding-bottom: 0;
display: inline-block;
vertical-align: top;
width: 150px;
margin-right: 10px;
}
#modalmenu p.cargo{
background: #323232;
padding-bottom: 0;
display: inline-block;
vertical-align: top;
width: 150px;
margin-left: 10px;
}
#modalmenu p.recruit a{
display: block;
padding: 8px 0;
background: #ad3232;
color: #fff;
}
#modalmenu p.cargo a{
display: block;
padding: 8px 0;
background: #323232;
color: #fff;
}
#modalmenu p.recruit a:hover{
display: block;
padding: 8px 0;
background: #d13131;
color: #fff;
}
#modalmenu p.cargo a:hover{
display: block;
padding: 8px 0;
background: #5a6062;
color: #fff;
}



/*//////////////////FOOTER//////////////////////////*/

#footer{
position: relative;
width: 100%;
padding: 40px;
color: #323232;
background: #f3f2eb;
}
#footer_wrap{
position: relative;
width: 94%;
max-width: 1000px;
margin: auto;
text-align: left;
font-size: 90%;
line-height: 2em;
text-align: center;
}
#footer_wrap a{
color: #323232;
text-decoration: none;
}
#footer ul{
display: flex;
justify-content: space-between;
margin-bottom: 4em;
}
#footer li{
list-style-type: none;
vertical-align: middle;
font-size: 80%;
}
#footer li a{
display: block;
color: #323232;
width: 100px;
border-bottom: 2px solid #323232;
text-align: center;
}
#footer li a:hover{
display: block;
color: #19573b;
width: 100px;
border-bottom: 2px solid #19573b;
text-align: center;
}

#footer_address{
float: left;
text-align: left;
width: 70%;
font-size: 85%;
line-height: 1.95em;
}
.footer_logo_sp{
display: none;
}
#footer_address p.footer_logo_wr{
display: inline-block;
width: 340px;
vertical-align: middle;
transition: 0.3s;
}
#footer_address p.footer_logo_tm{
display: inline-block;
width: 260px;
vertical-align: middle;
margin-left: 40px;
transition: 0.3s;
}
#footer_address p.footer_logo_wr:hover,
#footer_address p.footer_logo_tm:hover{
opacity: 0.7;
}


#footer_address a{
color: #323232;
}
#footer_address a:hover{
color: #ad3232;
color: #19573b;
text-decoration: underline;
}
#footer_btn_sp{
display: none;
}
#footer_btn{
float: right;
width: 22%;
text-align: right;
}
#footer_btn p{
width: 100%;
text-align: center;
color: #fff;
}
#footer_btn p.recruit{
background: #ad3232;
padding-bottom: 0;
margin-bottom: 0.5em;
}
#footer_btn p.cargo{
background: #323232;
padding-bottom: 0;
}
#footer_btn p.recruit a{
display: block;
padding: 8px 0;
background: #ad3232;
color: #fff;
}
#footer_btn p.cargo a{
display: block;
padding: 8px 0;
background: #323232;
color: #fff;
}
#footer_btn p.recruit a:hover{
display: block;
padding: 8px 0;
background: #d13131;
color: #fff;
}
#footer_btn p.cargo a:hover{
display: block;
padding: 8px 0;
background: #5a6062;
color: #fff;
}




@media screen and (max-width:1070px){
#footer_address p.footer_logo_wr{
width: 50%;
}
#footer_address p.footer_logo_tm{
width: 36%;
}
}


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

br.sponly{
display: block;
}
#footer_address p.footer_logo_wr{
display: none;
}
.footer_logo_sp{
display: block;
width: 300px;
margin: auto;
}
#footer ul{
display: block;
width: 100%;
margin: 0 auto 30px;
text-align: center;
}
#footer li {
list-style-type: none;
vertical-align: middle;
font-size: 90%;
margin-bottom: 0.8em;
}
#footer li a {
width: auto;
border-bottom: 1px solid #7e7872;
}
#footer li a:hover{
color: #19573b;
width: auto;
border-bottom: 1px solid #7e7872;
}
#footer_btn{
display: none;
}
#footer_address{
float: none;
text-align: left;
width:100%;
font-size: 85%;
line-height: 1.95em;
}

#footer_btn_sp{
display: flex;
justify-content: center;
margin: 0 auto 40px;
}
#footer_btn_sp p{
width: 100px;
margin: 0 5px;
text-align: center;
color: #fff;
}
#footer_btn_sp p.recruit{
background: #ad3232;
padding-bottom: 0;
}
#footer_btn_sp p.cargo{
background: #323232;
padding-bottom: 0;
}
#footer_btn_sp p.recruit a{
display: block;
padding: 8px 0;
background: #ad3232;
color: #fff;
}
#footer_btn_sp p.cargo a{
display: block;
padding: 8px 0;
background: #323232;
color: #fff;
}
}


@media screen and (max-width:670px){
/*
#footer_address p.footer_logo_wr{
width: 90%;
max-width: 340px;
display: block;
}*/
#footer_address p.footer_logo_tm{
display: block;
width: 70%;
max-width: 260px;
margin-left: 0;
}
}