@charset "utf-8";


.slick-track {
    display: flex;
}

.slick-slide {
    height: auto !important;
}


.link_new {
    position: relative;
    margin: 30px auto 40px;
    max-width: 640px;
    padding: 0 20px;
}

.link_new a {
    display: block;
    text-align: center;
    background: #5dc7f7;
    color: #fff;
    padding: 20px 30px;
    font-size: 1.5rem;
    border-radius: 10px;
}

.link_new .icon_img {
    position: absolute;
    transform: rotate(-10deg);
    top: -10px;
    left: -10px;
    width: 100px;
}


.toEntryForm {
    position: relative;
    max-width: 520px;
    margin: 100px auto 30px;
}

.sub_main .toEntryForm {
    margin-top: 0;
}

.toEntryForm a {
    background: #f78543;
    color: #fff;
    padding: 20px 30px;
    font-size: 1.75rem;
    border-radius: 10px;
}

.toEntryForm .icon_img {
    position: absolute;
    top: -90px;
    right: -100px;
    transform: rotate(10deg);
}




.recruit_page .recruit_localnav li {
    margin: 0.5em 1em;
    font-size: 1.25rem;
    position: relative;
}

.recruit_page .recruit_localnav li a {
    text-decoration: underline;
}

.recruit_page .recruit_localnav li .icon_img {
    position: absolute;
    transform: rotate(-10deg);
    top: -10px;
    left: -20px;
    width: 60px;
}

.recruit_page.index_page .tokushu li {
    max-width: 32%;
}

.recruit_page.index_page .movie_bnr.smt {
    display: none;
}

.recruit_page.index_page .movie_bnr.pc li {
    max-width: 500px;
    width: 48%;
}

@media (max-width: 799px) {
    .recruit_page.index_page .tokushu li {
        max-width: 48%;
    }

    .recruit_page.index_page .tokushu li:last-of-type {
        margin: auto;
    }

    .toEntryForm .icon_img {
        top: -60px;
        right: -30px;
        width: 180px;
    }

    .toEntryForm a {
        font-size: 1.5rem;
    }
}

@media (max-width: 599px) {
    .lead {
        text-align: left;
    }

    .lead br {
        display: none;
    }

    .lead .dib {
        display: inline;
    }

    .sub_main>div {
        max-width: 92vw;
        text-align: center;
        margin: 2em auto;
    }

    .toEntryForm .icon_img {
        top: -8vw;
        right: -3vw;
        width: 25vw;
    }

    .recruit_page.index_page .movie_bnr.smt {
        display: block;
    }

    .recruit_page.index_page .movie_bnr.pc {
        display: none;
    }

    .recruit_page.index_page .tokushu li {
        width: 100%;
        max-width: unset;
        text-align: center;
    }
}

@media (max-width: 499px) {

    .toEntryForm a,
    .link_new a {
        font-size: 1.25rem;
    }

    .toEntryForm .icon_img {
        top: -10vw;
        width: 30vw;
    }
}

.sub_recruit02 #sec01 h3 {
    text-align: left;
}


.box_wt {
    background: #fff;
    border-radius: 20px;
    padding: 3em;
}



.sub_recruit01 #sec01 .img_area {
    width: 40%;
    order: 2;
}

.sub_recruit01 #sec01 .txt_area {
    width: 50%;
    ordcer: 1;
}

.sub_recruit01 #sec01 .txt_area h3.sh2 br.smt {
    display: none;
}

.sub_recruit01 #sec02 .common01 {
    width: 80%;
    margin: 0 auto 40px;
    background: #fff;
    padding: 2em 3em;
    border-radius: 20px;
}

.sub_recruit01 #sec02 .common01 .img_area {
    width: 25%;
}

.sub_recruit01 #sec02 .common01 .txt_area {
    width: 65%;
}

.sub_recruit01 #sec02 .box02 .img_area,
.sub_recruit02 #sec01 .box02 .txt_area {
    order: 2;
}

.sub_recruit01 #sec02 .box02 .txt_area,
.sub_recruit02 #sec01 .box02 .img_area {
    order: 1;
}

.sub_recruit01 #sec02 .box03>li {
    border-bottom: 2px dashed #ccc;
    padding-bottom: 2em;
    margin-bottom: 2em;
}

.sub_recruit01 .kenshu_list>li {
    width: calc((100% - 90px) / 4);
    margin-bottom: 2em;
    background: #fff;
    padding: 1em;
}

.sub_recruit01 .kenshu_list>li dt {
    color: #2584D6;
    font-size: 120%;
}

.sub_recruit01 .kenshu_img li {
    width: calc((100% - 40px) / 3);
}

@media (max-width: 1099px) {
    .sub_recruit01 #sec01 .img_area {
        width: 300px;
    }

    .sub_recruit01 #sec01 .txt_area {
        width: calc(100% - 300px - 4em);
    }
}

@media (max-width: 999px) {
    .sub_recruit01 #sec01 .flex {
        align-items: flex-end;
    }

    .sub_recruit01 #sec01 .txt_area h3.sh2 {
        text-align: left;
    }

    .sub_recruit01 .kenshu_list>li {
        width: calc(50% - 1em);
    }
}

@media (max-width: 899px) {
    .sub_recruit01 #sec01 .flex {
        display: block;
    }

    .sub_recruit01 #sec01 .img_area {
        width: 30%;
        float: right;
        margin: 0 0 1em 2em;
    }

    .sub_recruit01 #sec01 .txt_area {
        width: 100%;
    }
}

@media (max-width: 799px) {
    .sub_recruit01 #sec02 .common01 {
        width: 100%;
    }
}


@media (max-width: 599px) {
    .sub_recruit01 #sec01 .txt_area h3.sh2 br.smt {
        display: inline;
    }

    .sub_recruit01 #sec01 .txt_area h3.sh2 .dib {
        display: inline;
    }
}

@media (max-width: 499px) {
    .sub_recruit01 #sec02 .common01 .txt_area {
        width: 100%;
    }

    .sub_recruit01 #sec02 .common01 .img_area {
        width: 50%;
        margin: auto auto 1em;
        ;
    }

    .sub_recruit01 #sec02 .box02 .img_area {
        order: 1;
    }

    .sub_recruit01 #sec02 .box02 .txt_area {
        order: 2;
    }

    .sub_recruit01 .kenshu_list>li {
        width: 100%;
        margin-bottom: 1em;
    }

    .sub_recruit01 .kenshu_img li {
        width: calc(100% / 3);
    }

}

/*先輩たちの声*/
.sub_recruit02 #sec01 .img_area {
    width: 40%;
}

.sub_recruit02 #sec01 .img_area img {
    border-radius: 20px;
}

.sub_recruit02 #sec01 .txt_area {
    width: 54%;
}


.sub_recruit02 #sec01 .img_area figcaption {
    margin-top: .5em;
}

.sub_recruit02 #sec02 li,
.sub_recruit02 #sec03 li {
    max-width: 300px;
    width: 23%;
}

.sub_recruit02 #sec02 li img,
.sub_recruit02 #sec03 li img {
    border-radius: 50%;
}

.sub_recruit02 #sec02 li:nth-of-type(even),
.sub_recruit02 #sec03 li:nth-of-type(even) {
    margin-top: 60px;
}

@media (max-width: 799px) {
    .sub_recruit02 #sec01 .txt_area {
        width: 100%;
    }

    .sub_recruit02 #sec01 .box02 .img_area {
        order: 2;
    }

    .sub_recruit02 #sec01 .img_area {
        width: 400px;
        max-width: 80%;
        margin: auto;
        text-align: center;
    }
}

@media (max-width: 399px) {
    .box_wt {
        padding: 1.5em 2em;
    }
}




.sub_recruit03 #sec02 .img_area {
    width: 40%;
}

.sub_recruit03 #sec02 .txt_area {
    width: 56%;
}

.sub_recruit03 #sec02 .box02 .img_area,
.sub_recruit03 #sec02 .box04 .img_area {
    order: 1;
}

.sub_recruit03 #sec02 .box02 .txt_area,
.sub_recruit03 #sec02 .box04 .txt_area {
    order: 2;
}

.sub_recruit03 #sec02 .txt_area ul li {
    border-bottom: 2px dashed #ccc;
    padding-bottom: .75em;
    margin-bottom: .75em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.sub_recruit03 #sec02 .txt_area ul li p {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0;
}

.sub_recruit03 #sec02 .box01 .txt_area ul li p {
    color: #f55e5c;
}

.sub_recruit03 #sec02 .box02 .txt_area ul li p {
    color: #67acc6;
}

.sub_recruit03 #sec02 .box03 .txt_area ul li p {
    color: #d87131;
}

.sub_recruit03 #sec02 .box04 .txt_area ul li p {
    color: #72b282;
}


.sub_recruit03 #sec02 .txt_area .event_area {
    width: 80%;
}

.sub_recruit03 #sec02 .txt_area .event_area dl.class01:nth-of-type(1) {
    margin-bottom: .75em;
}

.sub_recruit03 #sec02 dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-weight: bold;
    align-items: center;
    font-size: .875rem;
}

.sub_recruit03 #sec02 dl dt {
    width: 6em;
    color: #fff;
    padding: .25em .5em;
    text-align: center;
    border-radius: 15px;
}

.sub_recruit03 #sec02 dl.class01 dt {
    background: #549ed5;
}

.sub_recruit03 #sec02 dl.class02 dt {
    background: #e09348;
}

.sub_recruit03 #sec02 dl dd {
    width: calc(100% - 7em);
}

.sub_recruit03 #sec02 dl.class01 dd {
    color: #0d6fb8;
}

.sub_recruit03 #sec02 dl.class02 dd {
    color: #d97718;
}




@media (max-width: 799px) {

    .sub_recruit03 #sec02 .img_area,
    .sub_recruit03 #sec02 .box02 .img_area,
    .sub_recruit03 #sec02 .box04 .img_area {
        width: 90%;
        margin: auto;
        order: 2;
    }

    .sub_recruit03 #sec02 .txt_area,
    .sub_recruit03 #sec02 .box02 .txt_area,
    .sub_recruit03 #sec02 .box04 .txt_area {
        width: 100%;
        margin-bottom: 30px;
        order: 1;
    }

}

@media (max-width: 399px) {
    .sub_recruit03 #sec02 .txt_area ul li p {
        width: 100%;
        text-align: center;
    }

    .sub_recruit03 #sec02 .txt_area .event_area {
        width: 100%;
    }

    .sub_recruit03 #sec02 dl {
        align-items: flex-start;
    }
}

.sub_recruit03 #sec03 .box01 {
    width: 820px;
    margin: 0 auto 40px;
}

.sub_recruit03 #sec03 .flow {
    position: relative;
}

.sub_recruit03 #sec03 .flow::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-right: 2px dashed #ccc;
    height: 100%;
}

.sub_recruit03 #sec03 .flow li {
    width: 410px;
    padding: 0 20px;
    margin-bottom: 10px;
    position: relative;
}

.sub_recruit03 #sec03 .flow li:nth-of-type(even) {
    margin-left: auto;
    padding: 0 50px;
}

.sub_recruit03 #sec03 .time {
    font-size: 1.75rem;
    font-weight: bold;
    color: #eda185;
    margin-bottom: .75em;
    position: relative;
}

.sub_recruit03 #sec03 .flow li:nth-of-type(even) .time {
    color: #85c8af;
}

.sub_recruit03 #sec03 .time::before {
    content: "";
    position: absolute;
    top: 50px;
    left: -30px;
    width: 410px;
    height: 1px;
    background: #eda185;
}

.sub_recruit03 #sec03 .time::after {
    content: "";
    position: absolute;
    right: -30px;
    top: 40px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #eda185;
    z-index: 5;
}

.sub_recruit03 #sec03 .flow li:nth-of-type(even) .time::before {
    background: #85c8af;
    left: -50px;
}

.sub_recruit03 #sec03 .flow li:nth-of-type(even) .time::after {
    background: #85c8af;
    right: auto;
    left: -60px;
}


@media (max-width: 799px) {


    .sub_recruit03 #sec03 .box01 {
        width: 85%;
    }

    .sub_recruit03 #sec03 .flow li {
        width: 100%;
        padding: 0 0 0 4vw !important;
        margin-bottom: 25px;
    }

    .sub_recruit03 #sec03 .flow::after {
        left: 3.8%;
    }

    .sub_recruit03 #sec03 .flow li {
        width: 100%;
        padding: 0 0 0 4vw !important;
        margin-bottom: 25px;
    }

    .sub_recruit03 #sec03 .time {
        font-size: 4vw;
        padding-left: 5%;
        margin-bottom: 20px;
    }

    .sub_recruit03 #sec03 .time::before {
        left: 0 !important;
        top: 50px;
        width: 100%;
    }

    .sub_recruit03 #sec03 .time::after {
        width: 14px;
        height: 14px;
        right: auto;
        left: -13px;
        top: 43px;
    }

    .sub_recruit03 #sec03 .flow li:nth-of-type(even) .time::after {
        left: -13px;
    }

    .sub_recruit03 #sec03 .text {
        padding-left: 5%;
    }


}

@media (max-width: 499px) {
    .sub_recruit03 #sec03 .flow::after {
        left: 4vw;
    }

    .sub_recruit03 #sec03 .time {
        font-size: 20px;
    }

    .sub_recruit03 #sec03 .time::before {
        top: 41px;
    }

    .sub_recruit03 #sec03 .time::after {
        top: 34px;
    }

    .sub_recruit03 #sec03 .time::after,
    .sub_recruit03 #sec03 .flow li:nth-of-type(even) .time::after {
        left: -1.5vw;
    }
}





.sub_recruit05 #sec01 .common>dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 2px dotted #666;
}

.sub_recruit05 #sec01 .common>dl>dt {
    padding: 1em 2em;
}


#sec01 .common>dl>dd {
    padding: 0 2em;
}

.sub_recruit05 #sec01 .common>dl>dt {
    width: 14em;
    background: #e99883;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.sub_recruit05 #sec01 .common>dl>dd {
    width: calc(100% - 17em);
}

.sub_recruit05 #sec02 h3 {
    color: #fff;
    margin-bottom: 0.5em;
}

.sub_recruit05 #sec02 .ageo_omiya_area h3 {
    background: #97D3B7;
}

.sub_recruit05 #sec02 .urawakita_area h3 {
    background: #E5A4D1;
}

.sub_recruit05 #sec02 .urawa_area h3 {
    background: #A4C4E5;
}

.sub_recruit05 #sec02 .urawaminami_area h3 {
    background: #E5BDA4;
}

.sub_recruit05 #sec02 .higashiurawa_kawaguchi_area h3 {
    background: #AEA4E5;
}

.sub_recruit05 #sec02 .tokyo_area h3 {
    background: #DDA4E5;
}

.sub_recruit05 #sec02 .kanagawa_area h3 {
    background: #d1d281;
}

.sub_recruit05 #sec02 ul {
    padding: 0 0.5em;
}

.sub_recruit05 #sec02 li a {
    color: inherit;
}



.sub_recruit06 #sec01 .frame {
    padding: 2em 3em;
    border-radius: 2em;
    max-width: 800px;
    margin: auto;
}

.sub_recruit06 #sec01 .frame .sh2 {
    border-bottom: dashed 2px #2584D6;
    padding-bottom: 0.5em;
}

.sub_recruit06 #sec01 .bnr img {
    max-width: 500px;
}

.sub_recruit06 #sec02 .item li {
    display: inline-block;
    border: 2px dotted #2584d6;
    color: #2584d6;
    padding: .5em 1em;
    font-weight: bold;
    font-size: .875rem;
    margin: .5em;
}

.sub_recruit06 #sec02 dd {
    font-weight: bold;
    font-size: .875rem;
}

.sub_recruit06 #sec02 .box02 {
    max-width: 800px;
    margin: auto;
    align-items: flex-end;
}

.sub_recruit06 #sec02 .box02 .txt_area {
    width: calc(100% - 200px - 2em);
    margin-right: 2em;
}

.sub_recruit06 #sec02 .box02 .txt_area .bg01 {
    padding: 2em;
    border-radius: 2em;
    margin-bottom: 1em;
}

.sub_recruit06 #sec02 .box02 p {
    margin-bottom: 0;
}

.sub_recruit06 #sec02 .box02 .img_area {
    width: 200px;
    margin: -2em 0 0 auto;
}

.sub_recruit06 #sec02 .box02 .img_area img {
    border-radius: 50%;
}



#map-container [data="code"] {
    animation: zoom1 2s linear forwards;
}

#map-container[code="1"] .pi1 {
    opacity: 0;
    display: block;
    animation: disp 1s 2s forwards;
}

@keyframes zoom1 {
    from {}

    to {
        transform-origin: 80% 80%;
        transform: scale(2);
    }
}

@keyframes disp {
    0% {}

    50% {
        opacity: 1;
        transform: rotate(0deg);
    }

    70% {
        opacity: 1;
        transform: rotate(20deg);
    }

    90% {
        opacity: 1;
        transform: rotate(-20deg);
    }

    100% {
        opacity: 1;
        transform: rotate(0deg);
    }
}


@media (max-width: 799px) {

    .sub_recruit05 #sec01 .common>dl>dt,
    .sub_recruit05 #sec01 .common>dl>dd {
        width: 100%;
    }

    .sub_recruit05 #sec01 .common>dl>dt {
        padding: .5em;
        margin-bottom: .5em;
        flex-direction: unset;
    }

}


@media (max-width: 599px) {
    .lead .dib {
        display: inline-block;
    }

    .sub_recruit06 #sec01 .frame {
        padding: 1.5em;
        border-radius: 1em;
    }

    .sub_recruit06 #sec02 .box02 .txt_area {
        width: calc(70% - 1em);
        margin-right: 1em;
    }

    .sub_recruit06 #sec02 .box02 .txt_area .bg01 {
        padding: 1.5em;
        border-radius: 1em;
    }

    .sub_recruit06 #sec02 .box02 .img_area {
        width: 30%;
    }


}

@media (max-width: 399px) {
    .sub_recruit06 #sec02 .box02 .txt_area {
        width: 100%;
        margin-right: 0;
    }

    .sub_recruit06 #sec02 .box02 .txt_area .name {
        width: calc(70% - 2em);
    }

    .sub_recruit06 #sec02 .box02 .img_area {
        margin-top: -5em;
    }
}


#recruit_part .lead {
    text-align: center;
    margin-bottom: 2em;
}

#recruit_part .lead span {
    font-size: 150%;
    font-weight: bold;
    color: #ff517e;
}

#recruit_part .dib {
    display: inline-block;
    text-align: center;
}

#recruit_part .localnav05 .icon_img,
#recruit_part .btn_orange .icon_img {
    display: none;
}

#recruit_part .detail>li {
    background: #FFBB00;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 30px;
}

#recruit_part .detail>li:nth-of-type(even) {
    background: #4bc1dd;
}

#recruit_part .detail .item_ttl {
    color: #fff;
    font-size: 150%;
    padding: 0.5em 0.5em 0.5em 4rem;
}

#recruit_part .detail .item_ttl:before {
    content: "";
    font-family: "FAsolid";
    font-weight: 900;
    font-size: 2.5rem;
    position: absolute;
    left: 0.25em;
    top: -5px;
}

#recruit_part .detail>li:first-of-type .item_ttl:before {
    content: "\f4ba";
    color: #2daccb;
}

#recruit_part .detail>li:nth-of-type(2) .item_ttl:before {
    content: "\f001";
    color: #ffc422;
}

#recruit_part .detail>li:nth-of-type(3) .item_ttl:before {
    content: "\f578";
    color: #2daccb;
}

#recruit_part .detail>li:nth-of-type(4) .item_ttl:before {
    content: "\f1bb";
    color: #ffc422;
}


#recruit_part .detail .target {
    background: #fff;
    padding: 30px 30px 0;
    border-radius: 15px;
}

#recruit_part .target .en_name>span.dib {
    display: inline-block;
    padding: 0 1em;
    margin: 0 1em 1em 0;
    border: solid 2px currentColor;
    border-radius: 2em;
}

#recruit_part .detail>li:nth-of-type(odd) .en_name>span.dib {
    color: #FFBB00;
}

#recruit_part .detail>li:nth-of-type(even) .en_name>span.dib {
    color: #4bc1dd;
}

#recruit_part .detail .detailset {
    display: flex;
    flex-wrap: wrap;
    border: 2px #ccc solid;
}

#recruit_part .target .detailset.th {
    background: #FFD772;
}

#recruit_part .detail>li:nth-of-type(even) .target .detailset.th {
    background: #89ddf1;
}

#recruit_part .detail .detailset:not(:last-of-type) {
    border-bottom: none;
}

#recruit_part .detail .detailset li {
    width: 27.5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#recruit_part .detail .detailset li:not(:last-of-type) {
    border-right: 1px #ccc solid;
}

#recruit_part .detail .detailset li.ws {
    width: 15%;
}

#recruit_part .detail .detailset dl {}

#recruit_part .detail .detailset dt,
#recruit_part .detail .detailset dd {
    text-align: center;
    padding: 0.5em 0.75em;
}

#recruit_part .detail .detailset dt {
    font-weight: bold;
}

#recruit_part .target .detailset:not(:first-of-type) dt {
    display: none;
}

#recruit_part .detail .stylesec {
    background: #ffffcc;
    font-weight: bold;
}

#recruit_part .detail>li:nth-of-type(even) .stylesec {
    background: #dcf8ff;
}

#recruit_part .detail .target img {
    opacity: 0.8;
}

@media (max-width:999px) {

    #recruit_part .detail .detailset dt,
    #recruit_part .detail .detailset dd {
        padding: 0.5em;
        line-height: 1.5;
    }
}

@media (max-width:750px) {

    #recruit_part .detail .detailset li,
    #recruit_part .detail .detailset li.ws {
        width: 100%;
    }

    #recruit_part .detail .detailset li {
        justify-content: inherit;
    }

    #recruit_part .detail .detailset:first-of-type {
        display: none;
    }

    #recruit_part .target .detailset:not(:first-of-type) dt {
        display: inherit;
    }

    #recruit_part .detail .detailset li dl {
        display: flex;
        justify-content: space-between;
    }

    #recruit_part .detail .detailset li dt {
        width: 5.5em;
        border-right: 1px #ccc solid;
    }

    #recruit_part .detail .detailset li dd {
        width: calc(100% - 5.5em);
    }

    #recruit_part .detail .target {
        padding: 10px 10px 0;
    }

    #recruit_part .detail .detailset li:not(:last-of-type) {
        border-right: none;
        border-bottom: 1px #ccc solid;
    }

    #recruit_part .detail .detailset dt,
    #recruit_part .detail .detailset dd {
        text-align: left;
    }

    #recruit_part .detail .stylesec {
        background: #FFC532;
    }

    #recruit_part .detail>li:nth-of-type(even) .stylesec {
        background: #67d0e9;
    }

    #recruit_part .target .detailset li:not(:first-of-type) dt {
        background: #f0f0f0;
    }
}

@media (max-width:499px) {
    #recruit_part .detail .item_ttl:before {
        font-size: 8vw;
        top: 5px;
    }

    #recruit_part .detail .item_ttl {
        padding: 0.5em 0.5em 0.5em 3rem;
    }
}


/* -----アコーディオン----- */
/*ボックス全体*/
.accbox {
    max-width: 100%;
    /*最大幅*/
    position: relative;
}

/*ラベル*/
.accbox label {
    display: block;
    /*margin: 1.5px 0;*/
    cursor: pointer;
    transition: all 0.5s;
    /*position: relative;*/
}

/*アイコンを表示*/
.accbox label:before {
    content: "\f13a";
    font-family: "FAsolid";
    font-weight: 900;
    position: absolute;
    right: 1.5%;
    top: 0;
    bottom: 0;
    font-size: 1.5em;
    height: 21px;
    margin: auto;
    line-height: 1;
}

#recruit_part .detail>li:nth-of-type(odd) .accbox label:before {
    color: #ffc;
}

#recruit_part .detail>li:nth-of-type(even) .accbox label:before {
    color: #dcf8ff;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked+label+.accshow {
    height: auto;
    padding: 0;
    opacity: 1;
}

.accbox .accshow p {
    margin: 5px 10px;
    text-align: justify;
    text-justify: inter-ideograph;
}

/*アイコンを入れ替える*/
.cssacc:checked+label:before {
    content: "\f139";
    top: 1em;
    bottom: inherit;
}

@media (max-width:750px) {
    .cssacc:checked+label:before {
        right: 0;
        left: 0;
        top: inherit;
        bottom: 10px;
        text-align: center;
        z-index: 1;
    }

    #recruit_part .detail>li:nth-of-type(odd) .cssacc:checked+label:before {
        color: #FFC532;
    }

    #recruit_part .detail>li:nth-of-type(even) .cssacc:checked+label:before {
        color: #67d0e9;
    }
}

@media (max-width:599px) {
    .item_ttl {
        padding: 10px 38px 10px 10px;
        font-size: 16px;
        line-height: 1.4;
    }
}

@media (max-width:399px) {
    .item_ttl {
        font-size: 15px;
        padding-right: 25px;
    }

    .item_ttl span {
        font-size: 90%;
    }
}

/* -----アコーディオン　ここまで----- */


#recruit_movie .movie_list li {
    border-bottom: 2px dashed #ccc;
    padding-bottom: 1em;
    margin-bottom: 1em;
    font-size: 1.5rem;
}

@media (max-width:599px) {
    #recruit_movie .movie_list li {
        font-size: 1.125rem;
    }
}

@media (max-width:399px) {
    #recruit_movie .movie_list li {
        font-size: 1rem;
    }
}




.entry_page #sec_link .btn_more01 {
    display: none;
}


/* 出身校一覧テストページ（recruit07_2.html・recruit07_3.html共通） */

.univ_list h3.sh2 {
    background: #2fa6ff;
    color: #fff;
    margin-top: 3em;
}

.univ_list .pref_wrap {
    margin-bottom: 2em;
    background: #fff;
    padding: 2em 3em;
    border-radius: 2em;
}

.univ_list .pref_name {
    font-size: 150%;
    width: 100%;
    text-align: center;
    border-bottom: dashed 2px #999;
    padding-bottom: 0.8em;
    margin-bottom: 1em;
}

.univ_list .univ_name {
    margin: 0.5em 0;
}

.univ_list .univ_name:first-letter {
    color: #2584D6;
    font-size: 130%;
}

.univ_list .univ_name:not(:last-of-type):after {
    content: "/";
    margin: 0 0.8em;
}

.area_local_nav {
    display: none;
}

@media (max-width:1199px) {
    #map-container {
        display: none;
    }

    .area_local_nav {
        display: flex;
    }

    .area_local_nav li {
        margin: 0.5em;
    }

    .area_local_nav li a {
        background: #2fa6ff;
        color: #fff;
        padding: 0.2em 1em;
    }
}

@media (max-width:599px) {
    .univ_list h3.sh2 {
        text-align: left;
        padding-left: 1em;
    }

    .univ_list .pref_wrap {
        padding: 1em 1.5em;
        border-radius: 1em;
    }

    .univ_list .pref_name {
        text-align: left;
        font-size: 1.125rem;
        margin-bottom: 0.8em;
        padding-bottom: 0.5em;
    }

    .univ_list .univ_name {
        width: 100%;
        margin: 0.4em 0;
        letter-spacing: 0;
        text-align: left;
        padding-left: 1.3em;
        position: relative;
    }

    .univ_list .univ_name:before {
        content: "\025a0";
        color: #2584D6;
        position: absolute;
        left: 0;
        top: 0;
    }

    .univ_list .univ_name:first-letter {
        font-size: inherit;
        color: inherit;
    }

    .univ_list .univ_name:not(:last-of-type):after {
        display: none;
    }
}



/* 出身校一覧テストページ（recruit07_3.html） */

.rec_map {
    padding: 2em;
    border-radius: 2em;
}

#jp_map {
    max-height: 45vw;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

#jp_map::before {
    content: '';
    display: block;
    padding: 80% 0 0;
}

#jp_map ul,
#jp_map li {
    margin: 0;
    padding: 0;
}

#jp_map a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #333;
    border: solid 2px #fff;
    line-height: 1;
    border-radius: 5px;
}

#jp_map a:hover {
    opacity: 0.8;
}

#jp_map li a {
    height: 12%;
    width: 7%;
    position: absolute;
}

#jp_map .hokkaido a {
    background: #d5c0ff;
    border-radius: 5px 5px 5px 0;
}

#jp_map .tohoku a {
    background: #759ef4;
}

#jp_map .kanto a {
    background: #7ecfea;
}

#jp_map .chubu a {
    background: #7cdc92;
}

#jp_map .kansai a {
    background: #ffe966;
}

#jp_map .chugoku a {
    background: #ffcc66;
}

#jp_map .shikoku a {
    background: #ffbb9c;
}

#jp_map .okinawa a,
#jp_map .kyushu a {
    background: #ffbdbd;
}

#jp_map li.hokkaido a {
    top: 0;
    left: 81%;
    height: 20%;
    width: 19%;
}

#jp_map li.hokkaido a::before {
    content: '';
    display: block;
    background-color: inherit;
    width: 10%;
    height: 40%;
    right: 100%;
    bottom: 0;
    position: absolute;
    z-index: 1;
    border-radius: 5px 0 0 5px;
}

#jp_map li.aomori a {
    top: 21%;
    left: 79%;
    height: 8%;
    width: 19%;
}

#jp_map li.iwate a {
    top: 29%;
    left: 89.5%;
    height: 8%;
    width: 10.5%;
}

#jp_map li.akita a {
    top: 29%;
    left: 79%;
    height: 8%;
    width: 10.5%;
}

#jp_map li.miyagi a {
    top: 37%;
    left: 89.5%;
    height: 8%;
    width: 10.5%;
}

#jp_map li.yamagata a {
    top: 37%;
    left: 79%;
    height: 8%;
    width: 10.5%;
}

#jp_map li.fukushima a {
    top: 45%;
    left: 93%;
    height: 18%;
}

#jp_map li.ibaraki a {
    top: 63%;
    left: 93%;
    height: 18%;
}

#jp_map li.tochigi a {
    top: 57%;
    left: 86%;
}

#jp_map li.gunma a {
    top: 57%;
    left: 79%;
}

#jp_map li.saitama a {
    top: 69%;
    left: 86%;
}

#jp_map li.chiba a {
    top: 81%;
    left: 93%;
    height: 17%;
}

#jp_map li.tokyo a {
    top: 81%;
    left: 86%;
}

#jp_map li.kanagawa a {
    top: 81%;
    left: 79%;
}

#jp_map li.niigata a {
    top: 45%;
    left: 79%;
    width: 14%;
}

#jp_map li.toyama a {
    top: 45%;
    left: 72%;
}

#jp_map li.ishikawa a {
    top: 45%;
    left: 65%;
    height: 17%;
}

#jp_map li.fukui a {
    top: 50%;
    left: 58%;
}

#jp_map li.yamanashi a {
    top: 69%;
    left: 79%;
}

#jp_map li.nagano a {
    top: 57%;
    left: 72%;
    height: 24%;
}

#jp_map li.gifu a {
    top: 62%;
    left: 65%;
    height: 19%;
}

#jp_map li.shizuoka a {
    top: 81%;
    left: 72%;
}

#jp_map li.aichi a {
    top: 81%;
    left: 65%;
}

#jp_map li.mie a {
    top: 86%;
    left: 58%;
}

#jp_map li.shiga a {
    top: 62%;
    left: 58%;
}

#jp_map li.kyoto a {
    top: 56%;
    left: 51%;
    height: 18%;
}

#jp_map li.osaka a {
    top: 74%;
    left: 51%;
}

#jp_map li.hyogo a {
    top: 53%;
    left: 44%;
    height: 24%;
}

#jp_map li.nara a {
    top: 74%;
    left: 58%;
}

#jp_map li.wakayama a {
    top: 86%;
    left: 51%;
}

#jp_map li.tottori a {
    top: 53%;
    left: 37%;
}

#jp_map li.shimane a {
    top: 53%;
    left: 30%;
}

#jp_map li.okayama a {
    top: 65%;
    left: 37%;
}

#jp_map li.hiroshima a {
    top: 65%;
    left: 30%;
}

#jp_map li.yamaguchi a {
    top: 59%;
    left: 23%;
}

#jp_map li.tokushima a {
    top: 89.5%;
    left: 36.5%;
    height: 8%;
    width: 10.5%;
}

#jp_map li.kagawa a {
    top: 81.5%;
    left: 36.5%;
    height: 8%;
    width: 10.5%;
}

#jp_map li.ehime a {
    top: 81.5%;
    left: 26%;
    height: 8%;
    width: 10.5%;
}

#jp_map li.kochi a {
    top: 89.5%;
    left: 26%;
    height: 8%;
    width: 10.5%;
}

#jp_map li.fukuoka a {
    top: 55%;
    left: 15%;
}

#jp_map li.saga a {
    top: 55%;
    left: 8%;
}

#jp_map li.nagasaki a {
    top: 55%;
    left: 1%;
    height: 16%;
}

#jp_map li.kumamoto a {
    top: 67%;
    left: 8%;
}

#jp_map li.oita a {
    top: 67%;
    left: 15%;
}

#jp_map li.miyazaki a {
    top: 79%;
    left: 15%;
}

#jp_map li.kagoshima a {
    top: 79%;
    left: 8%;
}

#jp_map li.okinawa a {
    top: 88%;
    left: 0;
}

@media screen and (max-width:799px) {
    #jp_map {
        max-height: 60vw;
    }

    #jp_map::before {
        padding: 100% 0 0;
    }

    #jp_map li a {
        font-size: 12px;
        letter-spacing: 0;
        border-width: 1px;
        border-radius: 0;
    }

    #jp_map li.hokkaido a,
    #jp_map li.hokkaido a::before {
        border-radius: 0;
    }

    #jp_map li.tokushima a,
    #jp_map li.kochi a {
        top: 88%;
    }

    #jp_map li.kagawa a,
    #jp_map li.ehime a {
        top: 80%;
    }
}

@media screen and (max-width:699px) {
    #jp_map a span {
        width: 1em;
    }

    #jp_map li.hokkaido a span,
    #jp_map li.aomori a span,
    #jp_map li.akita a span,
    #jp_map li.iwate a span,
    #jp_map li.yamagata a span,
    #jp_map li.miyagi a span,
    #jp_map li.nigata a span,
    #jp_map li.ehime a span,
    #jp_map li.kagawa a span,
    #jp_map li.kochi a span,
    #jp_map li.tokushima a span {
        width: auto;
    }
}

@media screen and (max-width:499px) {
    .rec_map {
        padding: 1em;
        border-radius: 0.5em;
    }

    #jp_map {
        max-height: 70vw;
    }

    #jp_map li a {
        font-size: 10px;
    }
}

@media screen and (max-width:399px) {
    #jp_map {
        max-height: 80vw;
    }
}


/*221227追加*/
.hatarakikata_ban {
    position: relative;
}

.hatarakikata_ban:after {
    content: '';
    display: inline-block;
    width: 3em;
    height: 3em;
    background-image: url(../images/recruit/index/ban_hatarakikata.jpg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% + 3em);
    top: 70%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

@media (max-width: 1260px) {
    .hatarakikata_ban:before {
        right: 41px;
    }
}

@media (max-width: 799px) {
    .hatarakikata_ban:before {
        right: 0;
    }
}

.position {
    position: relative;

}

.position .img_hataraki {
    position: absolute;
    right: 18%;
    top: 0;
    width: 7em;
    text-align: center;
}

.position .img_hataraki p {
    text-align: center;
    width: 100%;
}

@media (max-width: 799px) {
    .position .img_hataraki {
        right: 0;
    }

    .position .img_hataraki p {
        font-size: 90%;
        letter-spacing: 0.03em;
    }

    .position {
        margin: 0 0 3em;
    }
}

@media (max-width: 599px) {
    .position .img_hataraki {
        top: -1em;
    }
}

@media (max-width: 340px) {
    .position .img_hataraki {
        width: 5em;
    }

    .position .img_hataraki p {
        font-size: 80%;
        letter-spacing: 0.03em;
    }
}

/*table横スクロール*/
.title_01 {
    font-size: 1.2em;
    border: solid 1px #ccc;
    border-bottom: unset;
    text-align: left;
    padding: 0 0.7em;
    background-color: #ffcd0aa3;
}

.table_wrap {
    overflow-x: scroll;
}

.table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}

.salary {
    padding: 1rem 0;
}

.salary th,
.salary td {
    border: #ccc 1px solid;
    padding: 0.5em;
    font-size: 14px;
    background-color: #ffffffa3;
}

.salary tbody {
    border: #ccc 1px solid;
}

.salary tbody th {
    background-color: #fe915c;
}

.salary tbody th.t_02 {
    background-color: #fc3780;
}

.salary td.title {
    background-color: #ffe3ec;
    text-align: center;
}

.salary td.title.t_02 {
    background-color: #e3fbff;
}

.salary td.title.t_03 {
    background-color: #e4e3ff;
}

.tab_content_description tr {
    border-bottom: #ccc 1px solid;
}

.tab_content_description dt {
    font-weight: bold;
}

.sub_recruit05 #sec01 .common>dl>dd>dl {
    display: flex;
    flex-wrap: wrap;
    padding: 0.3em 0;
}

.sub_recruit05 #sec01 .common>dl>dd>dl>dt {
    font-weight: bold;
    width: 7em;
}

.sub_recruit05 #sec01 .common>dl>dd>dl>dd {
    width: calc(100% - 7em);
}


.sub_recruit05 #sec01 .common>dl>dd.noflex dl dt,
.sub_recruit05 #sec01 .common>dl>dd.noflex dl dd {
    width: 100%;
}

.saiyou_list ul {
    display: flex;
    gap: 3px 1em;
    flex-wrap: wrap;
}

.saiyou_list ul li:before {
    content: "・";
}

.saiyou_list h4 {
    font-size: 90%;
}

.saiyou_list h4:before {
    content: "-";
}

.pdf_img {
    max-width: 700px;
    margin: 0 auto;
}

.btn_pdf {
    text-align: center;
    margin: 4rem 0;

}

.btn_pdf a {
    background-color: #09c;
    color: #fff;
    padding: 9px 2em;
    border-radius: 2em;
    display: inline-block;
}

.sh1 {
    padding: 1rem 0 0;
}

.btn_more01 {
    margin: 3rem 0;
}

.btn_list {
    display: flex;
    gap: 1.7rem 1rem;
    padding: 4rem 0;
    flex-wrap: wrap;
    justify-content: center;
}

.btn_list li {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 1.1em;
    font-weight: bold;
    gap: 0 1rem;
    min-width: 300px;
}

.btn_list li a {
    border-radius: 10px;
    padding: .9em 2.2em 0.9em 0.9em;
    background-color: #f6bd40;
    color: #fff;
    font-size: clamp(1.125rem, 1.053rem + 0.36vw, 1.5rem)
        /*18-24*/
    ;
    border: double 8px #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.btn_list li a:hover {}

.btn_list li:nth-child(2) a {
    background-color: #f94771;
}

.btn_list li::after {
    position: absolute;
    right: 1em;
    transform: translateY(-50%);
    transform-origin: left;
    width: 2em;
    height: 10px;
    background-color: #fff;
    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
    content: '';
    transition: transform .3s;
}

.btn_list li:hover::after {
    transform: translateY(-50%) scaleX(1.4);
}

h3.comment {
    font-size: clamp(1.5rem, 1.259rem + 1.2vw, 2.75rem)
        /*24-44px*/
    ;
    padding: 1.6rem 0;
    font-weight: bold;
}

.comment .logo {
    width: 100px;
    text-align: center;
    margin: 2rem auto;
}

.photo_list {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.photo_list li {
    width: calc(100% / 2 - 1rem);
}

/*600px以上*/
@media (min-width: 600px) {
    .photo_list li {
        width: calc(100% / 4 - 1rem);
    }

    .btn_list li {
        width: calc(100% / 2 - 2rem);
    }
}

/*900px以上*/
@media (min-width: 900px) {}

/*********共通**************************/
.img_area {}

/*600px以上*/
@media (min-width: 600px) {
    .flex_area {
        display: flex;
        flex-wrap: wrap;
    }
}

/*900px以上*/
@media (min-width: 900px) {}

/***.philosophy********************************/
.philosophy {}

.philosophy .img_area {
    width: 80%;
    max-width: 200px;
    margin: 0 auto 2rem;
}

.philosophy .img_area img {
    border-radius: 20px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

/*600px以上*/
@media (min-width: 600px) {

    .philosophy .flex_area {
        justify-content: space-evenly;
        align-items: center;
        margin: 0 0 2rem;
        flex-direction: row-reverse;
    }

    .philosophy .img_area {
        width: 30%;
        margin: 0;
    }

    .philosophy .text_area {
        max-width: 68%;
    }

    .philosophy .text_area h3 {
        text-align: left;
    }
}

/*900px以上*/
@media (min-width: 900px) {}

/***********************************/
.rinen_list {
    padding: 3rem 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1.2rem;
}

.rinen_list li {
    background-color: #fff;
    border-radius: 10px;
    padding: 1rem;
    border: solid 2px #4e9bde;
}

.rinen_list dl {}

.rinen_list dt {
    font-size: clamp(1.125rem, 1.005rem + 0.6vw, 1.75rem)
        /*18-28px*/
    ;
    border-bottom: dotted 2px;
    color: #2584D6;
    font-weight: bold;
    padding: 0 0 3px;
    margin: 0 0 0.7em;
}

.rinen_list .indent dd {
    padding-left: 1em;
    text-indent: -1em;
}


/*600px以上*/
@media (min-width: 600px) {}

/*900px以上*/
@media (min-width: 900px) {
    .rinen_list {
        flex-direction: unset;
    }

    .rinen_list li {
        width: 32%;
        padding: 2rem;
    }
}


/****首都圏にお住まいの学生の方*******************************/
.page_link {
    display: flex;
    flex-wrap: wrap;
    gap: 1em 1em;
    justify-content: center;
    margin: 0 0 3rem;
}

.page_link li {}

.page_link li a {
    background-color: #fff;
    padding: 4px 1.3em;
    border-radius: 1em;
}

.page_link li a:before {
    content: "▶";
    font-size: 60%;
    padding: 0 2px 0 0;
}

/*600px以上*/
@media (min-width: 600px) {}

/*900px以上*/
@media (min-width: 900px) {}

.message_list>li {
    position: relative;
    margin: 5em auto;
}

.message_list>li:nth-of-type(even) {
    flex-direction: row-reverse;
}

.message_list .img_area1 {
    width: calc(15% + 3em);
    position: absolute;
    bottom: -2em;
}

.message_list>li:nth-of-type(odd) .img_area1 {
    left: 2em;
}

.message_list>li:nth-of-type(even) .img_area1 {
    right: 0;
}

.message_list .img_area1 img {
    display: block;
    border-radius: 50%;
    width: 80%;
    margin: auto;
}

.message_list .img_area1 figcaption {
    background: #ff88a5;
    color: #fff;
    text-align: center;
    line-height: 1.4;
    font-size: 87.5%;
    margin-top: -1.5em;
    padding: 15px;
    position: relative;
}

.message_list .img_area1 figcaption::after {
    content: "";
    display: block;
    border: dashed 2px #fff;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
}

.message_list .img_area1 figcaption>span {
    display: inline-block;
}

.message_list .img_area1 figcaption .career {
    position: absolute;
    padding: 0.3em 1em 0.4em;
    border-radius: 1.5em;
    background: orange;
    top: -3.5em;
    left: -2em;
}

.message_list .img_area1 figcaption .career::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    border-top: solid 10px orange;
    position: absolute;
    bottom: -15px;
    left: 50%;
}

.message_list .img_area1 figcaption .career .num {
    font-weight: bold;
    font-size: 150%;
}

.message_list .img_area1 figcaption .dept {}

.message_list .img_area1 figcaption .staffname {
    font-size: 120%;
    font-weight: bold;
}

.message_list .txt_area {
    background: #fff;
    width: 80%;
    padding: 3em 5em;
    border-radius: 2em;
}

.message_list>li:nth-of-type(odd) .txt_area {
    margin: 0 auto 0 15%;
}

.message_list>li:nth-of-type(even) .txt_area {
    margin: 0 15% 0 auto;
}

.message_list .txt_area h3 {
    font-weight: bold;
    font-size: 150%;
}

.message_list .img_area2 {
    width: 45%;
    position: relative;
}

.message_list>li:nth-of-type(odd) .img_area2 {
    float: right;
    margin: -3em -6em 1em 2em;
    transform: rotate(5deg);
}

.message_list>li:nth-of-type(even) .img_area2 {
    float: left;
    margin: -3em 2em 1em -6em;
    transform: rotate(-5deg);
}

/*
.message_list .img_area2::after {
    content: "";
    display: block;
    background: #93d7cc;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}

.message_list>li:nth-of-type(odd) .img_area2::after {
    transform: rotate(-3deg);
}

.message_list>li:nth-of-type(even) .img_area2::after {
    transform: rotate(3deg);
}
*/

@media(max-width: 999px) {
    .message_list>li {
        margin: 3em auto;
        background: #fff;
        padding: 3vw 5vw;
        border-radius: 2em;
    }

    .message_list .img_area1 {
        position: static;
        width: 240px;
        order: 2;
    }

    .message_list .txt_area {
        order: 1;
        width: 100%;
        margin: auto;
        padding: 0;
        background: none;
        border-radius: 0;
    }

    .message_list>li:nth-of-type(odd) .img_area2,
    .message_list>li:nth-of-type(even) .img_area2 {
        float: none;
        margin: 0;
        width: calc(100% - 240px - 10vw - 3em);
        max-width: 400px;
        position: absolute;
        bottom: 3em;
        margin: 0 auto 0;
    }

    .message_list>li:nth-of-type(2n+1) .txt_area,
    .message_list>li:nth-of-type(2n) .txt_area {
        margin: 0 auto 0;
    }

    .message_list>li:nth-of-type(odd) .img_area2 {
        left: calc(240px + 5vw + 3em);
    }

    .message_list>li:nth-of-type(even) .img_area2 {
        right: calc(240px + 5vw + 3em);
    }
}

@media(max-width: 699px) {
    .message_list .img_area1 {
        order: 1;
        width: 100%;
        margin: 0 auto 1em;
    }

    .message_list .img_area1 img {
        width: clamp(120px, 60%, 240px);
    }

    .message_list .img_area1 figcaption {
        font-size: clamp(14px, 3.25vw, 18px);
        padding: 10px;
    }

    .message_list .img_area1 figcaption .career {
        left: 0;
    }

    .message_list .txt_area {
        order: 2;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto 0;
    }

    .message_list>li:nth-of-type(odd) .img_area2,
    .message_list>li:nth-of-type(even) .img_area2 {
        order: 3;
        margin: 2em auto;
        width: clamp(240px, 90%, 400px);
        position: static;
    }

    .message_list .txt_area h3 {
        order: 1;
    }

    .message_list .txt_area p {
        order: 2;
    }
}


/***kenshu_list********************************/
.training p {
    text-align: center;
}

.training h4 {
    font-size: 150%;
    text-align: center;
    background: #2fa6ff;
    color: #fff;
    margin-block: 3em 1em;
}

.kenshu_list {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 1rem 0 2rem;
    justify-content: center;
}

.kenshu_list li {
    border: solid 2px #2584d6;
    padding: 1rem;
    border-radius: 10px;
}

.kenshu_list dl {}

.kenshu_list dt,
.kenshu_engai dt {
    font-size: 20px;
    color: #2584d6;
    border-bottom: solid 1px;
    margin: 0 0 0.7rem;
    font-weight: bold;
}

.kenshu_list dd {}

.kenshu_img {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.kenshu_img li {
    width: 47%;
}

.kenshu_img li img {}

.kenshu_engai>div {
    border: solid 2px #2584d6;
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 1.5em;
}

.kenshu_engai .img_area {
    width: 80%;
    margin: 1em auto auto;
}

.kenshu_naitei .img_area {
    display: flex;
    max-width: 800px;
    margin-inline: auto;
}


/*600px以上*/
@media (min-width: 600px) {
    .kenshu_list {
        flex-direction: unset;
        justify-content: center;
    }

    .kenshu_list li {
        width: calc(100% / 2 - 2rem);
    }

    .kenshu_img li {
        width: 30%;
    }

    .kenshu_engai {
        display: flex;
        gap: 1.5em;
        flex: 1;
    }

    .kenshu_engai>div {
        flex: 1;
    }

    .kenshu_engai .img_area {
        width: 70%;
    }

    .kouryu_5 .img_area {
        width: 80%;
        margin-inline: auto;
        text-align: center;
    }

}

/*900px以上*/
@media (min-width: 900px) {}



/*station**********************************/

.ekichika_about {
    margin-bottom: 3em;
}

.ekichika_about dt {
    background: #2fa6ff;
    color: #fff;
    text-align: center;
}

.ekichika_about dd {
    font-size: clamp(12px, 2vw, 21px);
    padding: clamp(1em, 3vw, 2em);
    background: #fff;
    letter-spacing: 0;
}

.ekichika_about ul {
    flex-wrap: nowrap;
    font-weight: bold;
    gap: clamp(.2em, 2.75vw, 1em);
    line-height: 1.4;
    align-items: center;
}

.ekichika_about .underline {
    background: linear-gradient(transparent 70%, #ffd4de 0%);
}

.ekichika_about+h2 {
    font-weight: bold;
    margin-block: 2em;
    color: #f25e82;
}

.ekichika_feature {
    grid-gap: clamp(1em, 2vw, 2em) 2em;
    margin-bottom: 3em;
    align-items: flex-end;
}

.ekichika_feature li {
    width: calc((100% - 4em) / 3);
    min-width: 150px;
}

.ekichika_feature .txt_area {
    text-align: center;
    font-weight: bold;
    padding: 0 clamp(.2em, 1vw, 1em) .5em;
    line-height: 1.2;
}

.ekichika_feature .txt_area>span {
    display: inline-block;
    padding-inline: 1.2em;
    position: relative;
}

.ekichika_feature .txt_area>span::before,
.ekichika_feature .txt_area>span::after {
    content: "";
    position: absolute;
    bottom: -0.2em;
}

.ekichika_feature .txt_area>span::before {
    content: "＼";
    left: 0;
}

.ekichika_feature .txt_area>span::after {
    content: "／";
    right: 0;
}

.ekichika_feature .img_area {
    border-radius: 50%;
    overflow: hidden;
}

.ekichika_feature+.lead {
    max-width: 48em;
    margin-inline: auto;
}

/*what_kanto**********************************/
.what_kanto {}

.what_kanto h3 {
    background-color: #2584d6;
    color: #fff;
    font-size: clamp(1.125rem, 1.077rem + 0.24vw, 1.375rem)
        /*18-22px*/
    ;
    padding: 4px 0.9em;
    display: inline-block;
    width: 100%;
}

.what_kanto .box {
    margin: 0 0 3rem;
}

.what_kanto .photo_list {
    gap: 1rem 2rem;
}

.what_kanto .photo_list li {
    width: calc(100% / 1 - 1rem);
}

.what_kanto .photo_list li dl {}

.what_kanto .photo_list li dt {
    color: #2584d6;
    font-weight: bold;
    border-bottom: solid 3px;
    margin: 0 0 1em;
}

/*600px以上*/
@media (min-width: 600px) {
    .what_kanto .photo_list li {
        width: calc(100% / 2 - 2rem);
    }
}

/*900px以上*/
@media (min-width: 900px) {
    .what_kanto .photo_list li {
        width: calc(100% / 3 - 2rem);
    }
}

/****syataku*******************************/
.syataku .frame {
    background-color: #fff;
    padding: 2rem 1rem;
    border-radius: 10px;
    margin: 0 0 2rem;
}

.syataku .frame .bnr {
    max-width: 510px;
    margin: 2rem auto;
}

.syataku .box01 {}

.syataku .box01 .item {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    justify-content: center;
    max-width: 800px;
    margin: 0 auto 2rem;
}

.carousel {}

.slickSlide li {
    background-color: #fff;
    margin: 1rem;
    padding: 1rem;
}

.slickSlide li dl {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.syataku .box02 {
    position: relative;
}

.syataku .box02 .txt_area {}

.syataku .box02 .txt_area .comment {
    background-color: #fff;
    padding: 1rem;
    border-radius: 10px;
}

.syataku .box02 .txt_area .name {
    padding: 0 0 0 1em;
    width: 70%;
}

.syataku .box02 .img_area {
    width: 28%;
    position: absolute;
    right: 0;
    bottom: -1rem;
    max-width: 150px;
}

.syataku .box02 .img_area img {
    border-radius: 50%;
}

/*600px以上*/
@media (min-width: 600px) {}

/*900px以上*/
@media (min-width: 900px) {}

/****募集要項・業務内容*******************************/
.recruit_list {}

.recruit_list {}

.recruit_list>li {
    border: solid 1px #2584d6;
    margin: 0 0 1em;
}

.recruit_list dl {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.recruit_list>li>dl>dt {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #2584d6;
    color: #fff;
}

.recruit_list dd {
    padding: 1em;
    background-color: #fff;
}

.recruit_list .dd_inner dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: unset;
    border-bottom: dotted 2px #ccc;
    padding: 0.7em 0;
}

.recruit_list .dd_inner dt {
    width: 30%;
    font-weight: bold;
}

.recruit_list .dd_inner dd {
    width: 70%;
    padding: unset;
}

/*600px以上*/
@media (min-width: 600px) {
    .recruit_list>li>dl {
        flex-direction: unset;
        align-items: stretch;
        height: 100%;
    }

    .recruit_list>li>dl>dt {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .recruit_list>li>dl>dd {
        width: 70%;
    }

    .recruit_list .dd_inner dt {
        width: unset;
        padding: 0 1em 0 0;
        min-width: 20%;
    }

    .recruit_list .dd_inner dd {
        width: calc(80% - 2em);
        padding: unset;
    }
}

/*900px以上*/
@media (min-width: 900px) {}

/***kengaku********************************/
.kengaku_flow {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    gap: 4rem 3rem;
}

.kengaku_flow li {
    position: relative;
    padding: 2rem 0 0;
    width: 100%;

}

.kengaku_flow li .num {
    background-color: #2584d6;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    text-align: center;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kengaku_flow dl {}

.kengaku_flow dt {
    font-size: 18px;
    background-color: #feb;
    color: #2584d6;
    padding: 1em 1em 1em;
    font-weight: bold;
    border-radius: 9px;
    text-align: center;
    border: solid 2px;
}

.kengaku_flow dt:first-letter {
    font-size: 150%;
}

.kengaku_flow dt:before {}

.oubo_btn {}

.oubo_btn a {
    width: 100%;
    background-color: #2584d6;
    color: #fff;
    text-align: center;
    border-radius: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 1em;
    max-width: 300px;
    margin: 0 auto;
}

.kengaku_flow dd {
    padding: 1rem 1em;
    line-height: 2;
    text-align: center;
}

.kengaku_flow dd h4 {
    border-bottom: solid 1px;
    margin: 0 0 1em;
}

.kengaku_flow dd .osusume {
    background-color: #ffe2e6;
    margin: 1em 0;
    text-align: center;
    padding: 1em 0;
    border-radius: 10px;
}

/*600px以上*/
@media (min-width: 600px) {}

/*900px以上*/
@media (min-width: 900px) {
    .kengaku_flow dt {
        border: unset;
        border-bottom: solid 2px;
        border-radius: 10px 10px 0 0;
    }

    .kengaku_flow li {
        width: calc(100% / 2 - 2rem);
        border-radius: 9px;
        text-align: center;
        border: solid 2px #2584d6;
        padding: 0;
    }

    .kengaku_flow li .num {
        top: -1.3rem;

    }
}

#oubo {
    padding: 3rem 0 0;
}

/**care*********************************/
.care .recruit_list {
    margin: 0 0 3rem;
}

.care .img_list {
    display: flex;
    flex-wrap: wrap;

    justify-content: center;
    margin: 0 auto 1rem;

}

.care .img_list li {
    width: calc(100% / 2 - 1rem);
    margin: 0.5rem;
}

.care .img_list li img {}

.jisshi_list {
    margin: 1rem auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.jisshi_list li {
    border: solid 2px #2584d6;
    padding: 1rem;
    border-radius: 10px;
    background-color: #fff;
}

.jisshi_list li.implementation {
    position: relative;
    margin: 40px 0px 0;
}

.jisshi_list li.implementation:after {
    content: "医療的ケア実施園";
    position: absolute;
    top: -37px;
    color: #fff;
    line-height: 1;
    padding: 10px 14px 11px;
    border-radius: 5px 4px 0 0;
    background: #2584d6;
    left: 7px;
}


.jisshi_list dl {
    padding: 0.3em 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: dotted 1px #ccc;
    font-size: clamp(0.938rem, 0.925rem + 0.06vw, 1rem)
        /*15-16*/
    ;
}

.jisshi_list li .school_name {
    font-weight: bold;
    color: #2584d6;
    font-size: 1rem;
    border-bottom: dotted 2px;
    padding: 0 0 4px 0;
    padding: 0.7rem 0 0;
    font-size: clamp(1rem, 0.976rem + 0.12vw, 1.125rem)
        /*16-18*/
    ;
}

.jisshi_list dt {
    width: 30%;
    color: #2584d6;
}

.jisshi_list dd {
    width: 70%;
}

.care h3 {
    color: #2584d6;
    font-size: clamp(1.188rem, 1.091rem + 0.48vw, 1.688rem)
        /*19-27px*/
    ;
    border-bottom: double 6px;
    text-align: left;
}

.care h3:before {
    content: "●";
}

.care .box_02 {
    padding: 2rem 0;
}

.kenshu_annual {}

.kenshu_annual>dl {
    border: solid 2px #2584d6;
    padding: 1rem;
    border-radius: 10px;
    margin-bottom: 1.5em;
}

.kenshu_annual>dl dt {
    font-size: 20px;
    color: #2584d6;
    border-bottom: solid 1px;
    margin: 0 0 0.7rem;
    font-weight: bold;
}

.kenshu_annual>dl li {
    padding-left: 1em;
    line-height: 1.4;
    margin-bottom: .8em;
    position: relative;
    break-inside: avoid;
}

.kenshu_annual>dl li::before {
    content: "\02022";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
}


/*600px以上*/
@media (min-width: 600px) {
    .care .img_list li {
        width: calc(100% / 4 - 1rem);
        margin: 0.5rem;
    }

    .kenshu_annual>dl ul {
        column-count: 2;
    }


    .jisshi_list {
        margin: 1rem auto;
        display: flex;
        flex-direction: unset;
        gap: 1rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .jisshi_list li {
        width: calc(100% / 2 - 1rem);
    }
}

/*900px以上*/
@media (min-width: 900px) {
    .recruit_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }

    .jisshi_list {
        gap: 2rem;
    }

    .jisshi_list li {
        width: calc(100% / 2 - 2rem);
    }



    .recruit_list>li {
        width: calc(100% / 2 - 1rem);
    }

    .kenshu_annual>dl ul {
        column-count: 3;
    }

}

/*比率固定*/
.youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
    max-width: 600px;
    margin: 0 auto 3rem;

}

.youtube iframe {
    width: 100%;
    height: 100%;
}

/***sub_recruit05**********/
.sub_recruit05 .tab_content h3 {
    color: #cf674c;
    font-size: 1.25rem;
    margin: 1em 0;
    padding: 0.5em;
    border-block: solid 2px;
}

.sub_recruit05 .tab_container {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 2em 1em;
}

.sub_recruit05 .tab_item {
    width: calc(50% - 0.5em);
    max-width: 400px;
}

.sub_recruit05 input[name="tab_item"] {
    display: none;
}

.sub_recruit05 .tab_content {
    display: none;
    padding: 0;
    clear: both;
    overflow: hidden;
    width: 100%;
}

.sub_recruit05 .sub_recruit05 #tab1:checked~#tab1_content,
.sub_recruit05 #tab2:checked~#tab2_content {
    display: block;
}

.sub_recruit05 .tab_content .box01 {
    margin-bottom: clamp(2em, 6vw, 6em);
}

@media(max-width:499px) {
    .sub_recruit05 .tab_item {
        width: 90%;
    }
}


/*****************/
.entry_page .attention {
    text-align: center;
}

.eform tr.need .inP {
    width: inherit;
}