/*///////////////NEWS LIST////////////////////*/

#news_list{
width: 90%;
max-width: 800px;
text-align: left;
margin: auto;
padding: 50px 0 60px;
}
#news_list h3{
font-size: 140%;
line-height: 1.7em;
font-weight: bold;
color: #ad3232;
color: #19573b;
text-align: center;
display: table;
margin: auto;
padding: 0 80px;
padding-bottom: 0.25em;
margin-bottom: 2.5em;
border-bottom: solid 1px #ad3232;
border-bottom: solid 1px #19573b;
}

#news_list table{
width: 100%;
margin-bottom: 70px;
}
#news_list td,
#news_list th{
font-size: 90%;
padding: 8px 0;
border-bottom: 1px dashed #e5e0d2;
text-align: left;
}
#news_list td a{
color: #000;
}
#news_list td a:hover{
opacity: 0.8;
}
#news_list table.newslist th{
width: 140px;
vertical-align: top;
}
#news_list td span{
font-size: 95%;
display: inline-block;
width: 6.5em;
margin-right: 1em;
text-align: center;
font-feature-settings: "palt";
color: #fff;
}
#news_list td span.info_recruit{
border-radius: 20px;
background: #097645;
}
#news_list td span.info_news{
border-radius: 20px;
background: #c82127;
}
#news_list td span.info_event{
border-radius: 20px;
background: #5d5d5d;
}

.pagenavi{
text-align: center;
}


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

#news_list{
padding: 40px 0 60px;
}
}

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

#news_list table.newslist th{
width: 100%;
vertical-align: top;
display: block;
border-bottom: none;
padding: 15px 0 5px;
}
#news_list table.newslist td{
width: 100%;
display: block;
padding: 0 0 15px 0;
}
}


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

#news_list h3{
font-size: 130%;
line-height: 1.7em;
font-weight: bold;
color: #ad3232;
color: #19573b;
text-align: center;
display: table;
margin: auto;
padding: 0 80px;
padding-bottom: 0.25em;
margin-bottom: 1.5em;
border-bottom: solid 1px #ad3232;
border-bottom: solid 1px #19573b;
}

}


/*///////////////NEWS SINGLE////////////////////*/

#news_single{
width: 90%;
max-width: 800px;
text-align: left;
margin: auto;
padding: 50px 0 60px;
}
#news_single h1{
font-size: 140%;
line-height: 1.7em;
font-weight: bold;
color: #ad3232;
color: #19573b;
padding-bottom: 0;
margin-bottom: 0.25em;
border-bottom: solid 1px #ad3232;
border-bottom: solid 1px #19573b;
}
#news_single p.date{
color: #ad3232;
color: #19573b;
font-size: 90%;
}
.news_article{
padding-top: 30px;
font-size: 90%;
}

#news_single span.info_recruit{

font-size: 95%;
display: inline-block;
width: 8em;
margin-right: 0.5em;
text-align: center;
font-feature-settings: "palt";
color: #fff;
border-radius: 20px;
background: #097645;
margin-bottom: 0.5em;
}
#news_single span.info_news{

font-size: 95%;
display: inline-block;
width: 8em;
margin-right: 0.5em;
text-align: center;
font-feature-settings: "palt";
color: #fff;
border-radius: 20px;
background: #c82127;
margin-bottom: 0.5em;
}
#news_single span.info_event{

font-size: 95%;
display: inline-block;
width: 8em;
margin-right: 0.5em;
text-align: center;
font-feature-settings: "palt";
color: #fff;
border-radius: 20px;
background: #5d5d5d;
margin-bottom: 0.5em;
}

.news_navi{
font-size: 80%;
margin-top: 50px;
padding: 10px 0;
border-top: 1px solid #e5e0d2;
border-bottom: 1px solid #e5e0d2;
}
.nav-previous{
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dashed #e5e0d2;
}
.nav-next{
}

@media screen and (max-width:870px){
#news_single{
padding: 40px 0 60px;
}
}
@media screen and (max-width:670px){

#news_single h1{
font-size: 130%;
}

}



/*///////////////CONTACT////////////////////*/


#contact_wrap{
width: 90%;
max-width: 640px;
text-align: left;
margin: auto;
padding: 50px 0 60px;
font-size: 90%;
}
#contact_wrap h1{
font-size: 140%;
line-height: 1.7em;
font-weight: bold;
color: #ad3232;
color: #19573b;
text-align: center;
display: table;
margin: auto;
padding: 0 80px;
padding-bottom: 0.25em;
margin-bottom: 2.5em;
border-bottom: solid 1px #ad3232;
border-bottom: solid 1px #19573b;
}
.contact_notice{
width: 100%;
padding: 10px;
border: solid 1px rgba(0,0,0,0.3);
height: 15em;
overflow-y: scroll;
margin: 25px 0;
font-size: 95%;
}

#contact_wrap dt{
width: 150px;
display: inline-block;
vertical-align: top;
}
#contact_wrap dt .required{
font-size: 80%;
}
#contact_wrap dd{
display: inline-block;
vertical-align: top;
}

#contact_wrap dd input,
#contact_wrap dd textarea{
width: 100%;
box-sizing: border-box;
padding: 5px;
border-radius: 3px;
border: solid 1px rgba(0,0,0,0.3);
}

#contact_wrap dl{
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dashed #e5e0d2;
}


@media screen and (max-width:870px){
#contact_wrap{
padding: 40px 0 60px;
}
}

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

#contact_wrap h1{
font-size: 130%;
}

}