html {
    background-color: #ECF4D9;
}

body
{
    margin: 0;
    padding: 0vh 1vw 0vh 1vw;
    margin-left: auto;
    margin-right: auto;
    max-width: 56.25rem;
}
.header_img {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  left: 20px;
  position: fixed;
  top: 20px;
  transition: color 0.4s ease-out;
  width: 100%;
  z-index: 100;
}
.mv {
  align-items: center;
  background-color: white;
  display: flex;
  height: 0px;
  justify-content: center;
  position: relative;
}
.mv p {
  color: white;
}



/* ロゴに関するスタイル */
.header-logo {
}
.header-logo.headerLogoScroll.-before {
  display : none;
}
.header-logo.-after {
  display : none;
}
.header-logo.headerLogoScroll.-after {
  display : block;
}


.fixed_Header {
position: fixed;
top: 0;
left: 0;
width: 100%;

background-color: white;
}

hdlink {
display: flex;
}

div.exep
{
line-height:1;
padding:0px 0px;
}

.contents {
width: 100%;
overflow: auto;
}

table.header
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:900px;
border-collapse:collapse;
border:0px;
}
table.header td
{
padding:0px;
border:0px;
vertical-align:top;
}



table.footer
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:900px;
border-collapse:collapse;
border:0px;
}
table.footer td
{
padding:0px;
border:0px;
vertical-align:top;
}




table.pagetitle
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:900px;
}
table.pagetitle td
{
border:0px;
vertical-align:top;
max-width:800px;
}

table.pagetitle_s
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:900px;
}
table.pagetitle_s td
{
border:0px;
vertical-align:top;
max-width:800px;
}

table.titlebar_pagetitle
{
margin-left:auto;
margin-right:auto;
margin-bottom:8px;
border:none;
border-left:none;
}
table.titlebar_pagetitle td
{
border:0px;
padding:2px 25px 2px 10px;
font-size:20px;
color:#336600;
line-height:2;
}


.titlebar_pagetitle_1
{
width:0px;
}
.titlebar_pagetitle_2
{
}
.titlebar_pagetitle_3
{
}

table.titlebar_pagetitle_s
{
margin-left:auto;
margin-right:auto;
margin-bottom:8px;
border:none;
border-left:none;
}
table.titlebar_pagetitle_s td
{
border:0px;
padding:2px 25px 2px 10px;
font-size:20px;
color:#336600;
line-height:2;
}


.titlebar_pagetitle_1_s
{
width:0px;
}
.titlebar_pagetitle_2_s
{
}
.titlebar_pagetitle_3_s
{
}



.line_sima
{
background-color:#faf0e6
}

.tp
{
border:1.5px solid #65ab31;
height:120px;
overflow:auto;
max-width:900px;
}
.topics
{
text-align:left;
border:3px solid #65ab31;
overflow:auto;
}
.topics_date
{
margin-top:3px;
margin-bottom:3px;
margin-left:10px;
font-size:12px;
width:160px;
}
.topics_note
{
margin-top:3px;
margin-bottom:3px;
margin-left:10px;
font-size:14px;
}



.enkaku_date
{
margin-top:3px;
margin-bottom:3px;
margin-left:10px;
font-size:14px;
width:70px;
}
.enkaku_note
{
margin-top:3px;
margin-bottom:3px;
margin-left:15px;
font-size:14px;
}



table
{
text-align:left;
margin-top:0px;
border-collapse:collapse;
}

table.back
{
margin-left:auto;
margin-right:auto;
border:0px;
text-align:right;
max-width:750px;
}
table.back td
{
border:0px;
}














table.titlebar_aisatu
{
margin-left:auto;
margin-right:auto;
margin-bottom:8px;
border:2px solid #80bc3d;
border-left:2px solid #80bc3d;
}
table.titlebar_aisatu td
{
border:0px;
padding:3px 15px;
font-size:14px;
}

table.titlebar
{
margin-left:auto;
margin-right:auto;
border:2px solid #80bc3d;
max-width:850px;
}
table.titlebar td
{
border:0px;
padding:3px 15px;
font-size:14px;
}
.titlebar_1
{
width:30px;
background-color:#80bc3d;
}
.titlebar_2
{
}
.titlebar_3
{
color:#80bc3d;
text-align:right;
}

.title_1_sub
{
width:30px;
background-color:#b0d783;
}

table.aisatu
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:900px;
}
table.aisatu td
{
border:0px;
vertical-align:top;
font-size:14px;
max-width:450px;
}

table.topics
{
margin:auto;
border:0px;
max-width:900px;
}
table.topics td
{
border:1px solid white;
padding:0px;
}


table.enkaku
{
margin:auto;
border:0px;
max-width:850px;

}
table.enkaku td
{
border:1px solid white;
padding:0px;
}

.ek
{
border:1.5px solid darkgray;
height:155px;
overflow:auto;
max-width:850px;
}



.ek_date
{
margin-top:3px;
margin-bottom:3px;
margin-left:10px;
font-size:14px;
width:170px;
}

.ek_note
{
margin-top:3px;
margin-bottom:3px;
margin-left:15px;
font-size:14px;
}


table.service_menu
{
margin-left:auto;
margin-right:auto;
border:0px;
}
table.service_menu td
{
border:0px;
}


table.service
{
margin-left:auto;
margin-right:auto;
max-width:850px;
}
table.service th,
table.service td
{
font-size:14px;
border:1px solid darkgray;
padding:5px;
}

table.service th
{
color:#000000;
background-color:#6b8e23;
background-image:url("../img/table_title.png");
background-position:left top;
font-weight:normal;
width:220px;
}
table.service td
{
width:450px;
}


table.service_img
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:760px;
}
table.service_img td
{
border:10px;
padding:8px 0px;
}

table.service_sikaku
{
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
border:0px;
font-size:14px;
line-height:1.4;
max-width:850px;
}
table.service_sikaku td
{
border:0px;
}

table.policy
{
margin-left:auto;
margin-right:auto;
border:0px;
font-size:14px;
line-height:1.7;
max-width:850px;
}
table.policy td
{
border:0px;
}

table.policy_zu
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:850px;
}
table.policy_zu td
{
border:0px;
}

table.company
{
margin-left:auto;
margin-right:auto;
border:0px;
font-size:14px;
max-width:850px;
}
table.company th,
table.company td
{
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:dotted 1px gray;
padding:10px 10px;
}

table.company th
{
font-weight:normal;
vertical-align:top;
width:150px;
}
table.company td
{
width:570px;
}



table.company_security
{
margin-left:auto;
margin-right:auto;
border:0px;
font-size:14px;
max-width:850px;
}
table.company_security td
{
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:none;
padding:0px 10px;
}

table.company_security td
{
width:570px;
}



table.company_tori
{
margin-left:auto;
margin-right:auto;
border:0px;
font-size:14px;
max-width:850px;
}
table.company_tori td
{
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:none;
padding:5px 10px;
}

table.company_tori td
{
width:570px;
}






table.map
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:850px;
}
table.map td
{
border:0px;
}

table.access
{
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
border:0px;
font-size:14px;
padding:0px 0px;
max-width:850px;
}
table.access td
{
border:0px;
vertical-align:top;
}

table.job_issho
{
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
border:0px;
max-width:850px;
}
table.job_issho td
{
border:0px;
font-size:14pt;
line-height:2;
color:#336600;
}

table.job_isshoimg
{
margin-left:auto;
margin-right:auto;
border:0px;
text-align:center;
padding:0px 8px 30px 8px;
max-width:700px;
}
table.job_isshoimg td
{
border:0px;
}
img.img_issho
{
width:200px;
}

table.jobs_menu
{
margin-left:auto;
margin-right:auto;
border:0px;
line-height:1.7;
max-width:700px;
}
table.jobs_menu th,
table.jobs_menu td
{
border:0px;
}
table.jobs_menu th
{
padding:5px 15px 0px 15px;
font-size:18px;
}
table.jobs_menu td
{
vertical-align:top;
padding:5px 15px 13px 15px;
font-size:14px;
}
table.jobs_menu hr
{
border-top:none;
border-bottom:2px dashed #008000;
}

.jobs_setumei
{
padding:3px 3px 3px 5px;
line-height:1.7;
max-width:750px;
}

.jobs_hosoku
{
padding:3px 10px;
font-size:small;
line-height:1.5;
color:#696969;
}

table.jobs_saiyo
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:750px;
}
table.jobs_saiyo th,
table.jobs_saiyo td
{
border:0px;
}
table.jobs_saiyo th
{
padding:5px 15px;
font-weight:normal;
font-size:20px;
}
table.jobs_saiyo td
{
padding:5px 15px
vertical-align:top;
font-size:14px;
}
table.jobs_saiyo hr
{
border-top:none;
border-bottom:2px dashed #008000;
}

hr.jobs_nagare_hr
{
border-top: 2px dashed #8c8b8b;
}

table.jobs_nagare_1
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:750px;
}
table.jobs_nagare_1 th
{
border:0px;
padding:0px 0px 0px 20px;
}

table.jobs_nagare_2
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:750px;
}
table.jobs_nagare_2 td
{
border:0px;
font-size:14px;
padding:5px 15px 5px 30px;
}

table.jobs_sinjin
{
border:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
vertical-align:top;
max-width:750px;
}
table.jobs_sinjin th
{
border:0px;
font-size:18px;
}
table.jobs_sinjin td
{
border:0px;
font-size:14px;
padding:5px 15px 5px 15px;
vertical-align:top;
}

h2.jobs_sinjin
{
border:0px;
}

table.jobs_youkou
{
margin-left:auto;
margin-right:auto;
border:0px;
vertical-align:top;
font-size:14px;
max-width:750px;
}

.jobs_youkou th,
.jobs_youkou td
{
border:1px solid gray;
}
.jobs_youkou th
{
padding:3px 10px;
font-weight:normal;
color:#000000;
background-color:#78b931;
background-image:url("../img/table_title.png");
background-position:left top;
width:130px;
}
.jobs_youkou td
{
padding:3px 0px 3px 10px;
}

.jobs_imgfaq img
{
width:100px;
}

table.jobs_hukuri
{
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
}
table.jobs_hukuri th,
table.jobs_hukuri td
{
font-size:14px;
border:1px solid darkgray;
padding:5px;
}
table.jobs_hukuri th
{
background-color:whitesmoke;
font-weight:normal;
width:100px;
}
table.jobs_hukuri td
{
width:250px;
}

table.jobs_hukuri_wakunasi
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:700px;
}
table.jobs_hukuri_wakunasi th,
table.jobs_hukuri_wakunasi td
{
border:0px;
vertical-align:top;
line-height:20px;
padding:5px 5px 5px 5px;
font-size:14px;
}
table.jobs_hukuri_wakunasi th
{
font-weight:normal;
width:150px;
}

table.jobs_hukuri_incentive
{
margin-bottom:0px;
max-width:500px;
text-align:left;
}
table.jobs_hukuri_incentive th,
table.jobs_hukuri_incentive td
{
font-size:14px;
border:1px solid darkgray;
padding:5px;
}
table.jobs_hukuri_incentive th
{
background-color:whitesmoke;
font-weight:normal;
width:150px;
}

table.ppolicy
{
margin-left:auto;
margin-right:auto;
border:0px;
max-width:850px;
}
.ppolicy th
{
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:1px dashed #008000;
font-weight:normal;
font-size:14px;
padding:5px 0px;
}
.ppolicy td
{
border:0px;
font-size:14px;
padding:10px 10px;
}

.footer_nm
{
text-align:center;
}


table.toi{
margin-left:auto;
margin-right:auto;
border:0px;
width:700px;
}
table.toi th,
table.toi td
{
display:block;
width:100%;
padding:3px 5px;
}
table.toi th
{
background-color:whitesmoke;
}
.con
{
font-weight:normal;
}

.hosoku
{
line-height:1.7;
color:#696969;
}


table.i_notice
{
margin-left:auto;
margin-right:auto;
border:0px;
font-size:14px;
text-align:left;
border-collapse:collapse;
max-width:750px;
line-height:1.7;
}
table.i_notice th
{
border:0px;
padding:8px 8px;
width:200px;
}
table.i_notice td
{
border:0px;
vertical-align:top;
padding:5px 10px;
}



.btn_1
{
}



.br-870 {
display: none;
}

iframe {
width: 785px;
height: 400px;
}



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

.br-870 {
display: block;
}



}


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


.btn_1
{
}


.br-870 {
display: none;
}


iframe {
width: 450px;
height: 400px;
}



.titlebar_1
{
}

.pagetitle
{
width:100%;
}
table.pagetitle th,
table.pagetitle td
{
display:block;
width:100%;
}

.pagetitle_s
{
width:100%;
}
table.pagetitle_s th,
table.pagetitle_s td
{
display:block;
width:100%;
}

.aisatu
{
width:100%;
}
table.aisatu th,
table.aisatu td
{
display:block;
width:100%;
}

.topics
{
width:100%;
}
table.topics
{
border:0px;
}
table.topics th,
table.topics td
{
border:0px;
display:block;
width:100%;
}

.enkaku{
width:100%;
}
table.enkaku
{
border:0px;
}
table.enkaku th,
table.enkaku td
{
border:0px;
display:block;
width:100%;
}







.service{
width:100%;
}
table.service th,
table.service td
{
display:block;
width:100%;
}

.company{
width:100%;
}
table.company th,
table.company td
{
display:block;
width:100%;
border-bottom:none;
padding:3px 5px;
}
table.company th
{
background-color:whitesmoke;
}



.company_security{
width:100%;
}
table.company_security td
{
display:block;
width:100%;
border-bottom:none;
padding:3px 5px;
}



.company_tori{
width:100%;
}
table.company_tori td
{
display:block;
width:100%;
border-bottom:none;
padding:3px 5px;
}




table.toi{
width:100%;
}
table.toi th,
table.toi td
{
}
table.toi th
{
}

.contents {
width:100%;
}


.access{
width:100%;
}
table.access th,
table.access td
{
display:block;
width:100%;
padding:0px 0px;
}

.job_issho{
width:100%;
}
table.job_issho th,
table.job_issho td
{
display:block;
width:100%;
line-height:1.5;
font-size:12pt;
}

table.job_isshoimg td
{
padding:0px 5px 20px 5px;
}
img.img_issho
{
width:150px;
}

.i_notice
{
width:100%;
}
table.i_notice th,
table.i_notice td
{
display:block;
width:100%;
}


.jobs_menu
{
width:100%;
}
table.jobs_menu th,
table.jobs_menu td
{
display:block;
width:100%;
}
table.jobs_menu th
{
font-size:14px;
font-weight:normal;
}

table.jobs_saiyo th
{
font-size:14px;
font-weight:normal;
}

.jobs_setumei
{
line-height:1.3;
padding:5px 3px 5px 5px;
}

.jobs_hosoku
{
line-height:1.3;
}

.jobs_youkou
{
width:100%;
}
table.jobs_youkou th,
table.jobs_youkou td
{
display:block;
width:100%;
}

.jobs_hukuri
{
line-height:1.3;
}

.jobs_hukuri_wakunasi
{
width:100%;
}
table.jobs_hukuri_wakunasi th,
table.jobs_hukuri_wakunasi td
{
display:block;
width:100%;
}
table.jobs_hukuri_wakunasi th
{
background-color:whitesmoke;
}

.jobs_sinjin
{
width:100%;
}
table.jobs_sinjin th,
table.jobs_sinjin td
{
display:block;
width:100%;
}
table.jobs_sinjin th
{
font-size:14px;
font-weight:normal;
}
h2.jobs_sinjin
{
font-size:16px;
line-height:10px;
}
div.hosoku
{
width:300px;
}

}

.sticky-header-div {
    position: sticky;
    top: 0;
    z-index: 100;
}

.sticky-header-table {
    margin-left:auto;
    margin-right:auto;
    border: 0;
}

.sticky-header-table td {
    padding: 0;
    border: 0;
}

.header-image-container {
    position: relative;
}

.header-buttons {
    display: flex;
    justify-content: space-around;
}

.header-button-home {
    width: 100%;
    background-color: #80bc3d;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-right: none;
    text-align: center;
    font-size: clamp(0.75rem, 0.9375vw, 1.25rem);
}

.header-button-home a {
    display: block;
    padding: 0.5rem 0;
    text-decoration: none;
}

.header-button-home a span {
    color: rgba(255, 255, 255, 1);
}

.header-button-home.active a span {
    border-bottom: 6px solid orange;
}

.header-button-service {
    width: 100%;
    background-color: #80bc3d;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-right: none;
    text-align: center;
    font-size: clamp(0.75rem, 0.9375vw, 1.25rem);
}

.header-button-service a {
    display: block;
    padding: 0.5rem 0;
    text-decoration: none;
}

.header-button-service a span {
    color: rgba(255, 255, 255, 1);
}

.header-button-service.active a span {
    border-bottom: 6px solid orange;
}

.header-button-philosophy {
    width: 100%;
    background-color: #80bc3d;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-right: none;
    text-align: center;
    font-size: clamp(0.75rem, 0.9375vw, 1.25rem);
}

.header-button-philosophy a {
    display: block;
    padding: 0.5rem 0;
    text-decoration: none;
}

.header-button-philosophy a span {
    color: rgba(255, 255, 255, 1);
}

.header-button-philosophy.active a span {
    border-bottom: 6px solid orange;
}

.header-button-company-overview {
    width: 100%;
    background-color: #80bc3d;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-right: none;
    text-align: center;
    font-size: clamp(0.75rem, 0.9375vw, 1.25rem);
}

.header-button-company-overview a {
    display: block;
    padding: 0.5rem 0;
    text-decoration: none;
}

.header-button-company-overview a span {
    color: rgba(255, 255, 255, 1);
}

.header-button-company-overview.active a span {
    border-bottom: 6px solid orange;
}

.header-button-access {
    width: 100%;
    background-color: #80bc3d;
    border: 1px solid rgba(0, 0, 0, 0.4);
    border-right: none;
    text-align: center;
    font-size: clamp(0.75rem, 0.9375vw, 1.25rem);
}

.header-button-access a {
    display: block;
    padding: 0.5rem 0;
    text-decoration: none;
}

.header-button-access a span {
    color: rgba(255, 255, 255, 1);
}

.header-button-access.active a span {
    border-bottom: 6px solid orange;
}

.header-button-job-opening {
    width: 100%;
    background-color: #80bc3d;
    border: 1px solid rgba(0, 0, 0, 0.4);
    text-align: center;
    font-size: clamp(0.75rem, 0.9375vw, 1.25rem);
}

.header-button-job-opening a {
    display: block;
    padding: 0.5rem 0;
    text-decoration: none;
}

.header-button-job-opening a span {
    color: rgba(255, 255, 255, 1);
}

.header-button-job-opening.active a span {
    border-bottom: 6px solid orange;
}

.header-background-image {
    width: 100%;
    display: block;
}

.header-overlay-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.header-overlay-image {
    max-width: 100%;
    max-height: 75%;
    pointer-events: auto;
    cursor: pointer;
}

.page-title-font {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.page-title-font-header {
    font-size: clamp(0.75rem, 1.25vw, 1.5rem);
    color:#336600;
}

.page-title-font-body {
    font-size: clamp(0.65rem, 0.9375vw, 1.25rem);
    color:rgba(0, 0, 0, 0.8);
}

.page-title-font-center {
    display: flex;
    align-items: center;
}

.footer-div {
    display: flex;
    margin-top: 0.625rem;
}

footer hr {
    border: 0;
    border-top: 1px solid #ccc;
}

.footer-contact-div {
    padding-right: 0.9375rem;
    font-size: clamp(0.5rem, 0.625vw, 1.2rem);
}

.footer-privact-policy-div {
    padding-left: 0.9375rem;
    font-size: clamp(0.5rem, 0.625vw, 1.2rem);
}

.footer-copyright-div {
    margin-top: 0.625rem;
    font-size: clamp(0.5rem, 0.625vw, 1.2rem);
    text-align: center;
}

.small-text {
    font-size: 0.7em;
}

.body-contents {
    padding: 0 1vw;
}