@charset "UTF-8";
:root {
    --main: #333;
    --main-blue: #0470A0;
    --main-blue2: #034663;
    --white: #fff;
    --accent: #FF5D00;
    --accent-yellow: #FFE248;
    --sub-blue: #B0E4F4;
    --base-bg: #FFFEE9;
    --yellow-shadow: 0px 4px 12px 0px rgba(247, 227, 82, 0.1);
    --container-narrow: 970px;
    --container-wide: 1210px;
    --container-padding: 16px;
}
/*--------------------------------
 全体
---------------------------------*/
.sp-only {
    display: block;
}
/*--------------------------------
 ボタン
---------------------------------*/
.icon_btn {
    padding: 16px 18px;
    line-height: 1.2;
}
.independ_btn {
    padding: 16px 20px;
}
/*--------------------------------
 header
---------------------------------*/
.header_inner {
    padding: 1em;
}
.menu_btn {
    width: 80px;
    height: 80px;
    border-radius: 0 0 0 18px;
}
.menu_btn::after {
    transform: translate(13px, 52px);
    font-size: 18px;
}
.menu_btn span:nth-of-type(1) {
    top: 20px;
}
.menu_btn span:nth-of-type(2) {
    top: 32px;
}
.menu_btn span:nth-of-type(3) {
    top: 43px;
}
.menu_btn.active span:nth-of-type(1) {
    transform: translateX(-50%) translateY(8px) rotate(45deg);
}
.header_btn .request_btn {
    right: 90px;
}
/*--------------------------------
 footer
---------------------------------*/
footer {
    padding: 14vw 0 4vw 0;
    clip-path: ellipse(120% 100% at 50% 100%);
}
.footer-wrap .link-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
@media screen and (max-width: 780px) {
    .footer-wrap {
        flex-direction: column;
    }
    footer #admission_logo {
        text-align: center;
    }
    .footer-wrap dt {
        width: 20%;
    }
    .footer-wrap dd {
        width: 80%;
        text-align: left;
    }
    .address {
        text-align: center;
        margin-bottom: 40px;
    }
    .footer-wrap .link-box {
        align-items: center;
        gap: 20px;
    }
}
/*--------------------------------
 トップページ
---------------------------------*/
.main-visual-news-wrap {
    width: min(130px, 40vw);
    left: 10px;
}
.main-visual-news {
    padding: 0.7em;
}
.main-visual-news .edit-area .date {
    font-size: 36px;
}
.main-visual-news .edit-area .week {
    font-size: 15px;
}
.main-visual-line {
    /* bottom: 30px; */
}
.index-news {
    padding: 80px 0 30vw 0;
}
.index-news h2 {
    max-width: 200px;
}
.index-news-main {
    padding: 64px 40px 46px;
}
.index-feature {
    padding: 130px 0;
    margin-top: -150px;
    clip-path: ellipse(160% 100% at 50% 100%);
    background-size: 25px 25px, 25px 25px, 110%;
}
.index-feature h2 {
    max-width: 500px;
}
.illust-area .three-feature li img {
    width: 90%;
}
.illust-area .three-feature li:nth-child(1) {
    margin-right: 0px;
}
.illust-area .three-feature li:nth-child(2) {
    margin-left: 0px;
}
.index-feature .illust-nurse img {
    width: 90%;
}
.index-admission {
    padding: 100px 0;
    background-position: 100% 20%;
}
.admission-mainlist::after {
    width: 400px;
    height: 240px;
}
.admission-mainlist {
    padding: 68px 45px;
}
.admission-sublist ul {
    gap: 8px;
}
.card-container {
    gap: 1.5rem
}
.card-container .card h3 {
    padding: 16px 12px;
    font-size: 16px;
}
@media screen and (max-width: 790px) {
    .card-container {
        flex-direction: column;
        align-items: center;
        gap: 3.5rem;
    }
    .card-container li {
        width: 70%;
    }
    .card-container .card h3 {
        font-size: 20px;
    }
}
.index-oc h2 img {
    max-width: 320px;
}
.index-oc {
    clip-path: ellipse(100% 50%);
}
.campus-wrap {
    gap: 40px;
}
.campus-wrap ul {
    width: 50%;
}
@media screen and (max-width: 790px) {
    .campus-wrap {
        flex-direction: column-reverse;
    }
    .campus-wrap ul {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    .campus-wrap>div {
        width: 80%;
    }
    .campus-wrap ul li {
        text-align: center;
    }
}
.index-worksmap h2 img {
    max-width: 400px;
}
.index-worksmap::after {
    bottom: -88px;
}
.interview_swiper .course>span {
    padding-left: 0em;
}
/*--------------------------------
 卒業生インタビュー
---------------------------------*/
.mv-title,
.mv-title::before {
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.mv-title::before {
    width: 100%;
    bottom: -0.6em;
}
.grid-container {
    grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 800px) {
    .mv-title {
        padding-left: 0;
        padding-right: 0;
    }
    .mv-title {
        font-size: 55px;
    }
    .mv-title::before {
        font-size: 110px;
    }
}
.mv-single {
    padding-left: 0;
    font-size: 38px;
}
.interview-main-visual .course {
    margin-left: 0;
}
.admission-single .mv-inner {
    gap: 0.7rem;
}
.interview-main .profile .img-item img {
    max-width: 320px;
}
.interview-main .profile .name {
    /* font-size: 32px-42px;700-999 */
    font-size: clamp(2rem, 0.537rem + 3.34vw, 2.625rem);
    margin-bottom: 0.6em;
}
.interview-block .interview-item .flex-item {
    flex-direction: column;
    align-items: center;
}
.interview-block .interview-item .flex-item .img img {
    max-width: 90%;
    text-align: center;
}
/*--------------------------------
 お仕事MAP
---------------------------------*/
.jobmap-mv-illust img:nth-child(1) {
    left: 6%;
}
.jobmap-mv-illust img:nth-child(2) {
    right: 0%;
}
.jobmap-mv-illust img:nth-child(3) {
    bottom: 0%;
    left: -5%;
}
.jobmap-mv-illust img:nth-child(4) {
    right: 2%;
}
.job-anchor-list ul {
    flex-direction: column;
}
.hp .job-anchor-btn::before {
    left: 44px;
}
.town .job-anchor-btn::before {
    right: 22px;
}
.job-heading {
    /* 60px-100px;700-999 */
    margin-bottom: clamp(3.75rem, -2.103rem + 13.38vw, 6.25rem);
}
.job-heading img {
    /* 600px-800px;700-999 */
    width: clamp(37.5rem, 8.236rem + 66.89vw, 50rem);
}
.hospital-job-item:nth-child(odd),
.hospital-job-item:nth-child(even) {
    align-self: auto;
}
.hospital-job-item:nth-child(2) {
    margin-top: 0;
}
.hospital-job-item:nth-child(3) {
    margin-top: 0;
}
.hospital-job-item:nth-child(4) {
    margin-top: 0;
}
.hospital-job {
    gap: 80px;
}
.hospital-job-item .pt .sb {
    left: 22%;
}
.hospital-job-item .ns .sb {
    right: 16%;
}
.hospital-job-item .ot .sb {
    left: 0%;
}
/* コンテンツ内容 */
.contents-main .illust img {
    /* 390px-420px;700-999 */
    height: clamp(24.375rem, 19.985rem + 10.03vw, 26.25rem);
}
.contents-main {
    flex-direction: column-reverse;
    gap: 4vw;
}
.contents-main .illust {
    margin-right: auto;
}
.contents-main .text {
    text-align: center;
}
.contents-title {
    max-width: 380px;
}
.contents-title::before {
    margin-right: 4em;
    height: 55px;
}
.contents-main .text p {
    line-height: 1.4;
}
.contents-item {
    padding: 115px 50px 68px 50px;
}
.contents-main .text h3 {
    /* 50px-58px;700-805 */
    font-size: clamp(3.125rem, -0.208rem + 7.62vw, 3.625rem);
}
.contents-main .text p {
    /* 32px-37px;700-805 */
    font-size: clamp(2rem, -0.083rem + 4.76vw, 2.313rem);
}
.contents-sub .sub-text {
    padding: 26px 30px;
}
.hospital-tab-contents .swiper-button-prev,
.town-tab-contents .swiper-button-prev {
    left: -80px;
}
.hospital-tab-contents .swiper-button-next,
.town-tab-contents .swiper-button-next {
    right: -80px;
}
/* 街の中 */
.job-town .job-heading img {
    /* 400px-600px;700-999 */
    width:clamp(25rem, -4.264rem + 66.89vw, 37.5rem);
}
.town-job-scroll{
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 38px;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding-left:16px;
}
.town-job{
    position:relative;
    width:900px;
}
.town-job img{
    width:900px;
    height:auto;
    display:block;
}
/* スクロールバー全体 */
.town-job-scroll::-webkit-scrollbar{
    height:15px;
        padding-left:16px;
}
/* 背景 */
.town-job-scroll::-webkit-scrollbar-track{
    background:#EBEBEB;
}
/* つまみ */
.town-job-scroll::-webkit-scrollbar-thumb{
    background:#6EC4BF;
}