/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 02 2025 | 09:07:58 */
.flex{
	display:flex;
}
.recruitsp{
	display:none;
}
.recruitpage .site-body{
	padding-top:0px !important;
}
.mainimgwrapper{
	background-color:#F2FCFF;
	width: 100vw;
  margin-left: calc(50% - 50vw);
}
.recruitgigure{
	margin-bottom:0;
	text-align:center;
		width: var(--vwc, 100%);
    margin-left: calc(50% - var(--vwc, 100%) / 2);
    margin-right: calc(50% - var(--vwc, 100%) / 2);
}
.recruitgigure img{
	width:100%;
}
.mainimgwrapper .innerlimkwrapper {
display:flex;
	justify-content:center;
	gap:25px;
	padding:100px 0;
}
.mainimgwrapper .innerlimkwrapper .radius{
	width:220px;
    height:220px;
    display: flex;
    border-radius: 50%;
    background-color: #B3D4E5;
    justify-content: center;
    align-items: center;
	position:relative;
	z-index:10;
	padding: 0 11px;
	font-weight:bold;
	color:#262626;
	font-size:18px;
}
.mainimgwrapper .inuwrapper{
	position:relative;
}
.mainimgwrapper .inuwrapper .inu1{
    position: absolute;
    z-index: 0;
    left: -112px;
    top: -115px;
}
.mainimgwrapper .inuwrapper .inu2{
    position: absolute;
    left: 97px;
    top: 110px;
	z-index:11;
	display:none;
}
.setsumei{
	width: var(--vwc, 100%);
    margin-left: calc(50% - var(--vwc, 100%) / 2);
    margin-right: calc(50% - var(--vwc, 100%) / 2);
}
.setsumei h4{
	background:#fff;
	text-align:center;
	font-size:30px;
}
.setsumei img{
	display:block;
	width:100%;
}
.shoukai h4{
	text-align:center;
	background-color:#F2FCFF;
	font-size:30px;
}
.shoukai{
	background-color:#F2FCFF;
	width: var(--vwc, 100%);
    margin-left: calc(50% - var(--vwc, 100%) / 2);
    margin-right: calc(50% - var(--vwc, 100%) / 2);
	padding:50px 0;
}
.shokaiarea{
  display: flex;
  flex-wrap: nowrap;          /* 折り返さない */
  justify-content: center;    /* まずは中央 */
  gap: 25px;
  overflow-x: auto;           /* はみ出したら横スクロール */
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity; /* 任意：気持ちよく止まる */
}
.shokaiarea > a{
  flex: 0 0 auto;             /* 押し縮め防止（見えない問題の元を断つ） */
  min-width: 0;
  scroll-snap-align: start;   /* 任意 */
  text-decoration: none;
}
.shokaiarea a img{
	width:220px;
	display: block;
  height: auto;
  max-width: 100%;
}
.shokaiarea.is-overflow{
  justify-content: flex-start;
  padding-inline: 16px;
}
.shokumu{
	text-align:center;
}
.recruitarea .blue{
	background-color:#366BAA;
	color:#fff;
	margin-left:10%;
	margin-top:50px;
	margin-bottom:40px;
	padding-left:30px;
		padding-top:20px;
	padding-bottom:20px;
	font-size:20px;
	 border-top-left-radius: 20px; 
  border-bottom-left-radius: 20px;
}

.recruitarea ul{
	padding-left:0;
}
.recruitarea ul li{
	list-style:none;
}
.recinner p,.recinner li,.recinner ul{
	padding:0;
	margin:0;
}
.recinner{
	text-align:center;
	margin-bottom:30px;
}
.recinner .fontbule{
	color:#366BAA;
	font-size: 20px;
	font-weight: bold;
	border-bottom:1px solid #707070;
	padding-bottom:5px;
	margin-bottom:10px;
}
.recinner .ossme{
	font-size: 17px;
	font-weight: bold;
	margin-top:30px;
}
.qawrapper .blue{
	background-color:#366BAA;
	color:#fff;
	margin-left:10%;
	margin-top:50px;
	padding-left:30px;
		padding-top:20px;
	padding-bottom:20px;
	font-size:20px;
	 border-top-left-radius: 20px; 
  border-bottom-left-radius: 20px;
	margin-bottom:40px;
}
.qawrapper p,.qawrapper li,.qawrapper ul{
	padding:0;
	margin:0;
}
 .qa { margin-left: 10%; }
  .qa-item { 
	  border-bottom:1px solid #e5e5e5;
	  
}

  .qa-q {
    width:100%; text-align:left; padding:14px 44px 14px 16px;
    background:#fff; border:0; cursor:pointer; position:relative; font-weight:600;font-size:16px;color:#333;
  }
  .qa-q::after {
    content:"+"; position:absolute; right:16px; top:50%; transform:translateY(-50%);
    font-size:20px; line-height:1;font-family:system-ui,sans-serif;;
  }
  .qa-q[aria-expanded="true"]::after { content:"−"; }

  /* ラッパー自体をグリッドで潰す */
  .qa-a-wrap {
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows 280ms ease, opacity 280ms ease;
    opacity:.001;
    pointer-events:none;
    will-change:grid-template-rows,opacity;
  }
  .qa-q[aria-expanded="true"] + .qa-a-wrap {
    grid-template-rows:1fr;
    opacity:1;
    pointer-events:auto;
  }

  /* 内部ラッパーに overflow:hidden を当てる */
  .qa-a-inner { overflow:hidden; }

  .qa-a { padding:0 16px 12px; }
.modal {
  display: none;
  position: fixed;
  inset: 0; /* top:0; right:0; bottom:0; left:0 と同じ */
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
/* 共通モーダル背景 */
.modalotoiawae {
  display: none;
  position: fixed;
  inset: 0; /* top:0; right:0; bottom:0; left:0 と同じ */
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* モーダル本体 */
.modal-content {
  background: #fff;
  width: 85%;
  height: 85%;
  padding: 20px;
  border-radius: 8px;
  box-sizing: border-box;
  overflow-y: auto;
}

/* 背景スクロール禁止用 */
body.modal-open {
  overflow: hidden;
}


 .otoiawasewrapper {
  width: var(--vwc, 100%);
  margin-left:  calc(50% - var(--vwc, 100%) / 2);
  margin-right: calc(50% - var(--vwc, 100%) / 2);
	 background-color: #366BAA;
	 padding:10px 0 30px;
	 margin-top:50px;
	 margin-bottom: -4rem;
}
.otoiawasewrapper h4{
	background:#366BAA;
	color:#fff;
	text-align:center;
}

.otoiawasebutton{
	display:flex;
	border:none;
	color:#366BAA;
	background:#fff;
	font-size:1.33rem;
	width:200px;
	justify-content:center;
	align-items:center;
	height:50px;
	cursor:pointer;
}
.otoiawasewrapper .flex{
	justify-content:center;
	gap:30px;
}
.snslink{
	display:flex;
	justify-content: center;
    gap: 50px;
	margin-top:30px;
}
.snslink a{
	width:fit-content;
	display:block;
}
.snslink a img{
	height:80px;
	width:auto;

}
@media screen and (max-width:991px){
	.recruitsp{
	display:block;
}
	.recruitpc{
		display:none;
	}
	.recruitarea .flex{
		display:block;
	}
	.mainimgwrapper .innerlimkwrapper .radius{
    width: 150px;
    height: 150px;
    display: flex;
    border-radius: 50%;
    background-color: #B3D4E5;
    justify-content: center;
    align-items: center;
	position:relative;
	z-index:10;
	padding: 0 11px;
	font-weight:bold;
	color:#262626;
}

.mainimgwrapper .inuwrapper .inu1{
    position: absolute;
    z-index: 0;
    left: -77px;
    top: -78px;
}
	.innerlimkwrapper{
		    flex-wrap: wrap;
		max-width: 499px;
        margin: 0 auto;
	}
	.recruitarea .blue,.qawrapper .blue{
		margin-left:5%;
		margin-right:-15px;
	}
	.qawrapper .qa{
		margin-left:0;
	}
	.modal-content{
		width:95%;
		height:85%;
	}
	.otoiawasewrapper .flex{
		margin: 0 10px;
		flex-direction: column;
		align-items:center;
	}
	.shokaiarea a img{
		width:150px;
	}
	.setsumei h4,.shoukai h4{
		font-size:20px;
	}
}