body.home { overflow-x: hidden; }

/*20240925_top_anima*/
.topMain { display: block; position: relative; width: 100%; padding: 0; margin-bottom: 5%; background: none; }
@media only screen and (max-width:1920px){
    .topMain { height: 500px; }
    .topMain .anima { height: 440px; }
    .topMain .bx-wrapper { height: 465px; }
}
@media only screen and (max-width:1700px){
    .topMain { height: 450px; }
    .topMain .anima { height: 440px; }
    .topMain .bx-wrapper { height: 430px; }
}
@media only screen and (max-width:1550px){
    .topMain { height: 440px; }
    .topMain .anima { height: 430px; }
    .topMain .bx-wrapper { height: 370px; }
}
@media only screen and (max-width:1440px){
    .topMain { height: 440px; }
    .topMain .anima { height: 380px; }
}
@media only screen and (max-width:1355px){
    .topMain { height: 400px; }
}
@media only screen and (max-width:1280px){
    .topMain { height: 360px; }
    .topMain .anima { height: 350px; }
    .topMain .bx-wrapper { height: 325px; }
}
@media only screen and (max-width:1024px){
    .topMain { height: 310px; }
    .topMain .anima { height: 260px; }
    .topMain .bx-wrapper { height: 260px; }
}

.topMain .anima { width: 55%;  position: absolute; bottom: 0; left: 0; background: url(../images/anima/bg.png) no-repeat right center; background-size: cover; }
.topMain .anima img { position: absolute; }
.topMain .anima .objA { width: 100%; }
.topMain .anima .objB { opacity: 0;}
.topMain .anima .objC { width: 40%; }

.ani000 { top: 35%; left: 25%; width: 15%; }
.ani001 { top: 0%; left: 5%; width: 10%; animation: fade .4s ease-in-out .0s 1 normal forwards,floating-y 1.8s ease-in-out infinite alternate-reverse; }
@keyframes floating-y { 0% { transform: translateY(-5%); } 100% { transform: translateY(5%); }}
.ani002 { top: 30%; left: 20%; width: 8%; animation: fade .4s ease-in-out .2s 1 normal forwards; }
.ani003 { top: 30%; right: 30%; width: 8%; animation: fade .4s ease-in-out .4s 1 normal forwards; }
.ani004 { top: 50%; left: 15%; width: 15%; animation: fade .4s ease-in-out .6s 1 normal forwards; }
.ani005 { top: 40%; right: 15%; width: 8%; animation: fade .4s ease-in-out .8s 1 normal forwards; }
.ani006 { top: 60%; right: 35%; width: 10%; animation: fade .4s ease-in-out 1.0s 1 normal forwards; }
.ani007 { bottom: 0%; left: 5%; width: 10%; animation: fade .4s ease-in-out 1.2s 1 normal forwards; }
.ani008 { bottom: 18%; left: 35%; width: 12%; animation: fade .4s ease-in-out 1.4s 1 normal forwards; }
.ani009 { bottom: 0%; left: 20%; width: 15%; animation: fade .4s ease-in-out 1.6s 1 normal forwards; }
.ani010 { bottom: 0%; right: 40%; width: 15%; animation: fade .4s ease-in-out 1.8s 1 normal forwards; }
.ani011 { bottom: 0%; right: 20%; width: 15%; animation: fade .4s ease-in-out 2.0s 1 normal forwards;}

.fadeAnima { animation: fade .4s ease-in-out .2s 1 normal forwards; }

@keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; }}

.topMain .bx-wrapper { width: 55%;  position: absolute; top: 0; right: 0; }
.topMain .bx-wrapper img { width: auto; height: auto; display: block; max-height: 460px; }
.topMain .bx-viewport { height: 100%!important; }

/*20241009_menu*/

.hamburgerMenu { width: 40%; background: rgba(255,255,255,0.9); padding: 7% 5% 5%; }
.hamburgerMenu li { margin: 0; }
.hamburgerMenu .menu li a { padding: 1.5rem 1.0rem; margin: 0; font-size: 2.0rem; letter-spacing: 0.3em; font-weight: 400; color: #333; border-bottom: solid 1px #ccc; }
.hamburgerMenu .menu li a:hover { color: #FFA222; background: none; }
.hamburgerMenu li:has(.sub-menu)::after { color: #999; top: 9px; font-size: 3rem; background: #fff; border-radius: 7px; border: solid 1px #ccc; }
.hamburgerMenu .sub-menu li a {font-size: 1.8rem; font-weight: 400; padding: 10px 15px; border: none; line-height: 1.2; }
.hamburgerMenu .sub-menu li a:hover { background: #FFA222; color: #fff; }
.hamburgerMenu .menu .current-menu-item > a { color: #FFA222; font-weight: 700; }
.page-adopt .hamburgerMenu .menu .inquiry a { color: #FFA222; font-weight: 700; }
.page-equipment_inquiries .hamburgerMenu .menu .inquiry a { color: #FFA222; font-weight: 700; }
.page-contact .hamburgerMenu .menu .inquiry a { color: #FFA222; font-weight: 700; }
.category .hamburgerMenu .menu .news a { color: #FFA222; font-weight: 700; }

@media only screen and (max-width:768px){
    .hamburgerMenu { width: 80%; }

}

.page-recruit .hamburgerMenu { /*width: 60%; */background: rgba(0,70,146,0.9); padding: 0 5% 5%; }
.page-recruit .hamburgerMenu .menu li a { padding: 1.5rem 1.0rem; padding-right: 0; font-size: 1.8rem; letter-spacing: 0.3em; font-weight: 400; color: #fff; border-bottom: dashed 1px #ccc; }
.page-recruit .hamburgerMenu .menu li:nth-of-type(1) a { text-align: center; border-bottom: solid 3px #fff; text-indent: -9999px; background: url(../images/recruit-menu-logo.png) no-repeat center center; background-size: contain; height: 80px; margin: 10px 0;}
.page-recruit .hamburgerMenu li a:hover { background: #FFA222; color: #fff; }
.page-recruit  .hamburgerMenu .menu .current-menu-item > a { color: #FFA222; font-weight: 700; }
@media only screen and (max-width:768px){
    .page-recruit .hamburgerMenu { width: 80%; }
}


.page-recruit-child .hamburgerMenu { background: rgba(0,70,146,0.9); padding: 1% 5% 5%; }
.page-recruit-child .hamburgerMenu .menu li a { padding: 1.5rem 1.0rem; padding-right: 0; font-size: 1.8rem; letter-spacing: 0.3em; font-weight: 400; color: #fff; border-bottom: dashed 1px #ccc; }
.page-recruit-child .hamburgerMenu .menu li:nth-of-type(1) a { text-align: center; border-bottom: solid 3px #fff; text-indent: -9999px; background: url(../images/recruit-menu-logo.png) no-repeat center center; background-size: contain; height: 80px; }
.page-recruit-child .hamburgerMenu li a:hover { background: #FFA222; color: #fff; }
.page-recruit-child .hamburgerMenu .menu .current-menu-item a { color: #FFA222; font-weight: 700; }
.page-recruit-child .hamburgerMenu .menu .current-menu-item a:hover { color: #fff;}
@media only screen and (max-width:768px){
    .page-recruit-child .hamburgerMenu { width: 80%; }
}


.single-aday .hamburgerMenu { background: rgba(0,70,146,0.9); padding: 1% 5% 5%; }
.single-aday .hamburgerMenu .menu li a { font-size: 1.8rem; letter-spacing: 0.3em; font-weight: 400; color: #fff; border-bottom: dashed 1px #ccc; }
.single-aday .hamburgerMenu .menu li:nth-of-type(1) a { text-align: center; border-bottom: solid 3px #fff; text-indent: -9999px; background: url(../images/recruit-menu-logo.png) no-repeat center center; background-size: contain; height: 80px; }
.single-aday .hamburgerMenu li a:hover { background: #FFA222; color: #fff; }
.single-aday .hamburgerMenu .menu .current-menu-item a { color: #FFA222; font-weight: 700; }
.single-aday .hamburgerMenu .menu .aday a { color: #FFA222; font-weight: 700; }
@media only screen and (max-width:768px){
    .single-aday .hamburgerMenu { width: 80%; }
}


.single-interview .hamburgerMenu { background: rgba(0,70,146,0.9); padding: 1% 5% 5%; }
.single-interview .hamburgerMenu .menu li a { font-size: 1.8rem; letter-spacing: 0.3em; font-weight: 400; color: #fff; border-bottom: dashed 1px #ccc; }
.single-interview .hamburgerMenu .menu li:nth-of-type(1) a { text-align: center; border-bottom: solid 3px #fff; text-indent: -9999px; background: url(../images/recruit-menu-logo.png) no-repeat center center; background-size: contain; height: 80px; }
.single-interview .hamburgerMenu li a:hover { background: #FFA222; color: #fff; }
.single-interview .hamburgerMenu .menu .current-menu-item a { color: #FFA222; font-weight: 700; }
.single-interview .hamburgerMenu .menu .interview a { color: #FFA222; font-weight: 700; }
@media only screen and (max-width:768px){
    .single-interview .hamburgerMenu { width: 80%; }
}




.recruitMessageText span { font-size: 3.2rem; }
.recruitSliderArea { left: 0; width: 100%; }
#recruitSliderSP { width: 100%!important; }
#recruitSliderSP img { width: 100%!important; height: auto; }
.recruitMain { width: 100%; height: 95%; }




.page-compliance .pageContentArea h4 { margin: 6rem auto 1rem; }
.page-compliance .pageContentArea h5 { margin: 4rem 0 1rem 3rem; font-weight: 600; }
.page-compliance .pageContentArea ol { list-style-type: decimal; }
.page-compliance .pageContentArea ol li { margin: 1rem 0 1rem 3rem; }
.page-compliance .pageContentArea h5 + ol { padding-left: 3.5rem; }
.page-compliance .pageContentArea h5 + p { padding-left: 5rem; }
.page-compliance .pageContentArea h4 + ol { padding-left: 1.5rem; }
.page-compliance .pageContentArea img.aligncenter { display: block; margin: 2rem auto; }

.page-access .pageContentArea img { margin: 2rem auto; display: block; }
.page-access .pageContentArea p { text-align: center; }



@media only screen and (max-width:768px){
    .page-overview table td dl dt{ width: 100%; float: none; font-weight: 600; }
    .page-overview table td dl dd{ width: 100%; float: none; padding: 0 0 2rem 2rem;  }
    .page-overview table th, .page-overview table td { border: none; padding: 0.7rem; }
    .page-overview table td { padding-bottom: 3rem; }
}



/*20241216_募集要項ページの動画POPアップ*/
.page-welfare .popupBtnG { display: inline-block; width: auto; border: none; background: rgba(0,70,146,0.9); padding: 0.7rem 1.4rem; font-size: 1.4rem; color: #fff; border-radius: 5px; margin-left: 2rem; }
.page-welfare .popupBtnG::after { display: none; }
.page-welfare .popupBtnG img { height: 20px; width: auto; margin-right: 1rem; }
.page-welfare .bcGreen { border: none; }
.page-welfare .itemBoxB { border: none; filter: none; border-radius: 10px; }
.page-welfare {}