@charset "UTF-8";
#main-header{
 position:relative;
}
#siteNavi {
    background-color: unset;
}
.subcatch{
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 600;
  font-size: clamp(15px, calc(0.9375rem + ((1vw - 4.8px) * 1.25)), 24px);
  text-align: center;
}
.recruit_catch{
 text-align:center;
 font-weight:bold;
 font-size: clamp(32px, calc(2rem + ((1vw - 4.8px) * 3.3333)), 56px);
}
#catch{
 position:absolute;
 top:50%;
 left:10%;
 color:#FFF;
 font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
font-size: clamp(24px, calc(1.5rem + ((1vw - 4.8px) * 4.1667)), 64px);
font-weight:bold;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
}
@media (min-width:1024px){
.menuboxlist{
 display:grid;
 grid-template-columns:33% 33% 33%;
 gap:5%;
 margin:32px 10%;
 justify-content: center;
}

.menubox{
 margin-top:0 !important;
}
}

#main section:nth-child(2n){
 background-color:#F0F4F3;
}
@media (min-width:1024px){
#menuwrap{
 display:grid;
 grid-template-columns:auto 1fr;
 gap:10px;
}
.menuimg{
 display:flex;
 gap:10px;
}
}
.menuimg img{
 height:140px;
 width:auto;
}
@media (max-width:1023px){
	.menuimg{
		display:none;
}
[data-headerimg-type="header"]:not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #headerimg::before{
display:none;
}
}
@media (min-width:1024px){
[data-column="col1"] .menubox .sitemenu, [data-column="col1"] #submenu:not([class="submenu-image"]) {
    display: flex;
    column-count: 3;
    gap: 5px 16px;
    flex-wrap: wrap;
}
}

#pcmenu{
width:90%;
 display:grid;
 grid-template-columns:400px 1fr;
 gap:32px;
 margin:24px auto;
}

#menuarea a{
 color:#333;
}
.menuhead{
 font-weight:bold;;
 margin-bottom:10px;
}
#menuarea{
 display:grid;
 grid-template-columns:25% 25% 25% 25%;
 width:90%;
 gap: 16px;
 margin:0 auto;
 padding:16px 0;
}

#menuarea > div{
 display:flex;
 flex-direction:column;
}
.menuhead{
 font-weight:bold;;
 margin-bottom:10px;
}
#imgarea{
 display:grid;
 gap:16px;}

#badge{display:flex;justify-content: space-evenly;}
#badge img{
 max-height:120px;
 gap:16px;
 width: auto;
}

@media (min-width:1024px){
  .spmenu{
  display:none;
 }
 #pcmenu{
  display: grid;
}
}
@media (max-width:1023px){
.spmenu{
   display: block;
}
#pcmenu{
  display: none;
}	
}

.spmenu{
	padding:16px 0;
}
@media (min-width:1024px){
.s_sp,#space7{
	display: none !important;
}
}