.page-guideline .page-main-t2-cont-box::after,
.page-pleasant .page-main-t2-cont-box::after,
.page-education .page-main-t2-cont-box::after{
position: absolute;
width: 100%;
height: 50%;
bottom: 0;
left: 0;
content: '';
background: #21BA4B;
border-radius: 30px 30px 0 0;
}
.recruit .page-main-t2-cont-box.block-1st{
background: #fff;
}
.page-pleasant .page-main-t1-ttl,
.page-education .page-main-t1-ttl {
    margin: 0 auto 24px;
}
.page-pleasant .recruit-1st,
.page-education .recruit-1st{
padding: 0 0 80px;
}
.page-education .recruit-2nd{
border-radius: 0;
}


.recruit-main-lead{
margin: 0 0 30px;
}

.recruit-cont-wrap{
background: #21BA4B;
width: 100%;
max-width: 1400px;
margin: 0 auto;
border-radius: 0 0 30px 30px;
}

.recruit-1st,
.recruit-2nd{
padding: 0 0 80px;
}

.recruit-3rd{
padding: 0 0 80px;
}
.recruit-inner{
width: 92%;
max-width: 1200px;
margin: 0 auto;
background: #fff;
border-radius: 0 0 30px 30px;
position: relative;

}

.recruit-cont{
width: 92%;
max-width: 980px;
background: #fff;
border-radius: 24px 24px 0 0;
position: relative;
margin: -114px auto 0;
padding: 0 0 60px;
z-index: 10;
}
.recruit-cont-ttl{
width: 92%;
max-width: 600px;
font-size: 25px;
color: #008132;
text-align: center;
margin: 0 auto 30px;
padding: 50px 0 16px;
border-bottom: 4px solid #008132;
}

.recruit-cont dl{
display: flex;
flex-wrap: wrap;
}
.recruit-cont dl dt{
width: 200px;
flex-shrink: 0;
padding: 30px 0 30px 40px;
border-bottom: 1px solid #ccc;
font-size: 16px;
color: #008132;
}
.recruit-cont dl dd{
width: calc(100% - 200px);
padding: 30px 40px 30px 0;
border-bottom: 1px solid #ccc;
}
.recruit-cont dl dd a{
display: inline-block;
color: #003894;
text-decoration: underline;
text-underline-offset: 4px;
line-height: 2;
}
.recruit-cont dl dd:last-child,
.recruit-cont dl dt.end{
border-bottom: none;
}
.recruit-cont dl dd span{
font-weight: 400;
}
.guideline-att{
color: #fff;
max-width: 1200px;
margin: 0 auto;
padding: 20px 0 0;
}
.education-att{
color: #fff;
max-width: 1200px;
margin: 0 auto;
padding: 20px 0 0;
}


.qa-wrap{
padding: 30px 40px;
}
.qa-q{
position: relative;
font-size: 18px;
line-height: 1.5;
padding: 16px 54px 16px 84px;
background: #e5f2e9;
}
.qa-q:hover{
cursor: pointer;
}
.qa-q::after{
position: absolute;
width: 58px;
height: 100%;
top: 0;
left: 0;
background: #008132;
color: #fff;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 19px;
line-height: 1.5;
display: flex;
justify-content: center;
align-items: center;
content: 'Q.';
}
.qa-once{
margin: 0 0 42px;
}
.qa-a{
padding: 24px 0 0 84px;
display: none;
}
.qa-q .icon{
position: absolute;
top: 50%;
right: 16px;
width: 20px;
height: 20px;
content: '';
margin: auto;
transform: translateY(-50%);
}
.qa-q .icon::before,
.qa-q .icon::after{
content: '';
display: inline-block;
width: 16px;
height: 2px;
background-color: #42210B;
position: absolute;
right: 0;
left: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
transition: opacity 0.5s;
}
.qa-q .icon::after{
transform: translateY(-50%) rotate(90deg);
transition: transform 0.5s;
}
.qa-q.active .icon::before{
opacity: 0;
}
.qa-q.active .icon::after{
transform: translateY(-50%) rotate(180deg);
}




.pleasant-once{
display: flex;
justify-content: space-between;
padding: 34px 40px;
border-bottom: 1px solid #ccc;
}
.pleasant-once:last-child{
border-bottom: none;
}
.pleasant-once-pr{
width: 80%;
}
.pleasant-once-ttl{
font-size: 18px;
color: #008132;
margin: 0 0 14px;
}
.pleasant-once-sd{
width: 17%;
}



.recruit-lr-box{
display: flex;
justify-content: space-between;
padding: 30px 40px;
}
.recruit-lr-box-pr{
width: 40.5%;
}
.recruit-lr-box-sd{
width: 54%;
}


.education-ex{
padding: 0 40px 40px;
}


.education-table-ttl{
font-size: 18px;
text-align: center;
line-height: 54px;
color: #008132;
margin: 0 0 12px;
background: #e7f2ea;
}
.education-table-cont{
padding: 0 40px;
}

.education-table{
width:100%;
table-layout:fixed;
border-collapse:collapse;
font-size: 15px;
text-align:center;
margin: 0 0 50px;
line-height: 1.6;
}
.education-table th{
color: #008132;
width: 94px;
}
.education-table th,
.education-table td{
height: 74px;
border:1px solid #008132;
vertical-align: middle;
}

.line-even th,
.line-even td{
background: #e7f2ea;
}
.compare-table td{
border-right:1px solid #CCCCCC;
}

.compare-table th{
text-align:center;
color: #008132;
}

.compare-item td{
background: #e7f2ea;
}


.scroll-hint{
display: none;
}

@media (max-width: 767px) {
.page-guideline .page-main-t2-cont-box::after, .page-pleasant .page-main-t2-cont-box::after, .page-education .page-main-t2-cont-box::after {
    border-radius: 20px 20px 0 0;
}
.recruit .page-main-t2-cont-box img {
    max-width: 88%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.recruit-cont-wrap {
margin: 0 auto 40px;
    border-radius: 0 0 20px 20px;
}
.recruit-1st, .recruit-2nd {
    padding: 0 0 40px;
}
.recruit-inner {
    width: 88%;
    border-radius: 0 0 20px 20px;
}
.recruit-cont {
    width: 90%;
    border-radius: 10px 10px 0 0;
    position: relative;
    margin: -10px auto 0;
    padding: 0 0 24px;
    z-index: 10;
}
.recruit-cont-ttl {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto 20px;
    padding: 20px 0 12px;
    border-bottom: 2px solid #008132;
}

.recruit-cont dl {
    display: block;
}
.recruit-cont dl dt {
    width: 100%;
    padding: 20px 0 0;
    border-bottom: none;
    font-size: 16px;
}
.recruit-cont dl dd {
    width: 100%;
    padding: 8px 0 20px 0;
    border-bottom: 1px solid #ccc;
}
.guideline-att {
width: 88%;
font-size: 12px;
    padding: 14px 0 0;
}
.qa-wrap {
    padding: 20px 0;
}
.qa-q::after {
    width: 38px;
    font-size: 18px;
}
.qa-q {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 38px 12px 50px;
}
.qa-once {
    margin: 0 0 24px;
}
.qa-a {
    padding: 20px 0 10px 0;
    display: none;
}
.qa-q .icon {
    right: 10px;
    width: 16px;
    height: 16px;
}
.pleasant-once {
    padding: 10px 0 10px;
    border-bottom: 1px solid #ccc;
}
.pleasant-once-ttl {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px;
}
.pleasant-once-sd img{
    width: 70%;
    display: block;
    margin: 14px auto 0;
}
.recruit-lr-box {
    padding: 10px 0;
}
.recruit-lr-box-pr {
margin: 0 0 20px;

}
.education-ex {
    padding: 0 0 24px;
}
.page-pleasant .recruit-1st, .page-education .recruit-1st {
    padding: 0 0 40px;
}
.education-table-cont {
    padding: 0;
}
.education-table-ttl {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 44px;
    color: #008132;
    margin: 0 0 12px;
    background: #e7f2ea;
}
.education-att {
width: 88%;
font-size: 12px;
    margin: 0 auto;
    padding: 14px 0 0;
}
.recruit-3rd {
    padding: 0 0 40px;
}
.education-table-wrap {
width: 100%;
overflow: scroll;
margin: 0 0 24px;
position: relative;
}
.education-table {
width: 610px;
    font-size: 14px;
    margin: 0 0 10px;
}
.education-table th {
font-weight: 700;
}





.scroll-hint {
position: absolute;
left: 0;
bottom: 10;
  display: inline-flex;
  align-items: center;
  gap: 14px;

  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .0.02em;
  text-transform: uppercase;
  white-space: nowrap;

  user-select: none;
  pointer-events: none;
  background: rgba(0,56,148,0.75);
  padding: 4px 12px;
  border-radius: 100px;
}

.scroll-arrow {
  display: block;
  animation: scrollArrow 1.5s ease-in-out infinite;
}

@keyframes scrollArrow {
  0%,
  100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(8px);
  }
}

/* スクロール後に消す */
.scroll-hint.hide {
  opacity: 0;
  transition: opacity .4s;
}


}