@charset "utf-8";
/* CSS Document */

/*---------

color & font set

----------------------------**/


:root{
    --result-color: rgb(38, 162, 216);
}

.medical{
    --theme-sub-color: rgba(255, 125, 185, 1); /* ff7db9 */
    --bg-theme-main: rgba(255, 222, 238, 1); /* ffdeee */
    --theme-diagonal-stripe-bg: rgba(255, 234, 234); /* ffeaf3 */
    --theme-diagonal-stripe-shadow: rgba(255, 188, 216); /* ffbcd8 */
}

.nursery{
    --theme-sub-color: rgba(255, 175, 72, 1); /* ffaf48 */
    --bg-theme-main: rgba(255, 235, 209, 1); /* ffebd1 */
    --theme-diagonal-stripe-bg: rgba(255, 240, 221); /* fff0dd */
    --theme-diagonal-stripe-shadow: rgba(255, 210, 153); /* ffd299 */
}

.welfare{
    --theme-sub-color: rgba(123, 189, 103, 1); /* 7bbd67 */
    --bg-theme-main: rgba(222, 239, 217, 1); /* deefd9 */
    --theme-diagonal-stripe-bg: rgba(228, 242, 224); /* e4f2e0 */
    --theme-diagonal-stripe-shadow: rgba(181, 216, 170); /* b5d8aa */
}

.sports{
    --theme-sub-color: rgba(255, 214, 51, 1); /* 7bbd67 */
    --bg-theme-main: rgba(251, 242, 159, 1); /* deefd9 */
    --theme-diagonal-stripe-bg: rgba(255, 250, 230); /* e4f2e0 */
    --theme-diagonal-stripe-shadow: rgba(255, 214, 51, 1); /* b5d8aa */
}

section.theme-main{ background-color: var(--bg-theme-main);}
section.theme-sub{ background-color: var(--bg-theme-sub);}
section.theme-stripe{ background-color: var(--bg-theme-sub); background: var(--bg-site-stripe);}

.theme-diagonal-stripe{ 
    background-color: var(--theme-diagonal-stripe-bg);
    background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 9px, rgba(255, 255, 255, 1) 9px, rgba(255, 255, 255, 1) 12px, var(--theme-diagonal-stripe-shadow) 12px, var(--theme-diagonal-stripe-shadow) 13px);
}

/* .theme-diagonal-stripe{
    --bg-theme-diagonal-stripe: repeating-linear-gradient(135deg, transparent, transparent 4px, var(--bg-theme-main) 4px, var(--bg-theme-main) 6px );
} */

section.theme-dot{
    background-color   : var(--bg-theme-main);
    background-image   : radial-gradient(#ffffff 16%, transparent 16%),
                         radial-gradient(#ffffff 16%, transparent 16%);
    background-position: 0 0, .9rem .9rem;
    background-size    : 1.8rem 1.8rem;
}

section.theme-plaid{
    background-color: var(--bg-theme-main);
    background-image: url(../images/bg_plaid.png);
    background-repeat: repeat;
    background-blend-mode: multiply;
}

.theme-stripe,
.theme-diagonal-stripe{ background-size: auto auto;}

/* course introduction */
.section-wrap:first-child .theme-diagonal-stripe{ padding-top: 3rem; padding-bottom: 3rem;}
.section-wrap:first-child .theme-diagonal-stripe .section-inner{ padding-top: 2.4rem;}
.section-wrap:first-child .theme-diagonal-stripe h2{ font-size: 2.1rem; padding-bottom: 0;}
.section-wrap:first-child .theme-diagonal-stripe h2 span{ font-size: 1.6rem;}
.section-wrap:first-child .theme-diagonal-stripe h2::after{ display: none;}

.section-wrap.future{
    display: grid;
    place-content: center;
    background-color: var(--bg-theme-main);
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin: 0 auto 5rem;
}

.section-wrap.future > section{ max-width: var(--width);}

section.results{ margin-bottom: 5rem; padding-top: 5rem; padding-bottom: 5rem;}
section.results:not(:last-of-type){ margin-bottom: 0;}

.year{
    color: #fff;
    background-color: var(--theme-sub-color);
    display: inline-block;
    padding: 0 1em;
}

@media not all and (min-width:768px){

    .section-wrap.future{
        grid-template-columns: 1fr;
        row-gap: 1.6rem;
    }
}

@media (min-width:768px){

    .section-wrap:first-child .theme-diagonal-stripe h2{ font-size: 4.0rem;}
    .section-wrap:first-child .theme-diagonal-stripe h2 span{ font-size: 3.0rem;}

    .section-wrap.future{
        grid-template-columns: repeat(auto-fit, 50rem);
        gap: 4rem 0;
    }
}


/*--- color
----------------------------**/

span.theme-color{ color: var(--theme-color);}

/*---------

bg setting

----------------------------**/


/*---------

lower-introduction

----------------------------**/

.lower-introduction{ background-color: var(--bg-theme-sub);}

/*---------

point-number

----------------------------**/

.point-number::before,
.point-list_item p{ color: var(--theme-color);}

/*---------

check-mark

----------------------------**/

ul.check-mark li::after{
    border-left: 1px solid var(--theme-color);
    border-bottom: 1px solid var(--theme-color);;
}

dl dt.check-mark{ color: var(--theme-color);}
dl dt.check-mark::after{
    border-left-color: var(--theme-color);
    border-bottom-color: var(--theme-color);
}

@media not all and (min-width:768px){

    dl dt.check-mark + dd{ font-size: 1.2rem;}
}

/*---------

key-visual

----------------------------**/

.kv-employment_item,
.kv-employment .employment-rate{ color: var(--theme-color);}

.kv-employment_item{
    border: 1px solid  var(--theme-color);
}

.kv-employment,
.kv-employment_item{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.kv-employment > p{
    font-size: 1.4rem;
    line-height: 1.4;
    flex-basis: 100%;
    margin-top: 1em;
    margin-bottom: 1rem;
}

.kv-employment_item{
    font-size: 1.0rem;
    line-height: 1.5;
    text-align: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    justify-content: center;
    transform: translateY(-.5rem);
}

.kv-employment .employment-rate{ font-size: 5rem;}
.kv-employment .employment-rate span{ font-size: 2rem;}
.kv-body p.notes{ line-height: 1.5;}

.kv-body .border{
    line-height: 1.4;
    display: inline-block;
    padding: 0.2rem 0.5em;
    margin-top: 0.5em;
    border: 1px solid #000;
}

.kv-body .year{ line-height: 1.7; margin-bottom: 0.25em;}

@media not all and (min-width:768px){

    .kv-employment p.notes{ font-size: 1rem;}
    .kv-body .border,
    .kv-body .year{ font-size: 1.2rem;}
}

@media (min-width:768px){

    .kv-employment_item{
        font-size: 1.6rem;
        width: 8rem;
        height: 8rem;
        transform: translateY(-10px);
    }
    
    .kv-employment > p{ font-size: 1.8rem;}
    .kv-employment .employment-rate{ font-size: 10rem;}
    .kv-employment .employment-rate span{ font-size: 4rem;}
    .kv-body .border,
    .kv-body .year{ font-size: 1.6rem;}
}

/*---------

course-lineup

----------------------------**/

/*--- course-lineup
----------------------------**/

.course-lineup{
    display: grid;
    grid-template-columns: repeat(auto-fit ,49%);
    grid-auto-rows: auto;
    row-gap: 1.6rem;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-position: right 15px bottom;
    background-size: 38%;
}

.course-lineup a{
    display: grid;
    border-radius: 1rem;
    background-color: #fff;
    overflow: hidden;
}

.course-lineup_img img{ object-fit: cover;}
.course-lineup_item { line-height: 1.7;}

.course-lineup_item .course-name{
    position: relative;
    padding-left: 2rem;
	line-height: 1.2;
}

.course-lineup_item .course-name span{ font-size: 1.7rem;}

.course-lineup_item .course-name::before,
.course-lineup_item .course-name::after{
    content: "";
    position: absolute;
    left: 0;
}

.course-lineup_item .course-name::before{
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    top: .7rem;
}

.course-lineup_item .course-name::after{
    width: .6rem;
    height: .6rem;
    top: 1.2rem;
    left: .4rem;
    transform: rotate(45deg);
}

.course-lineup_item .course-name sup{ color: var(--theme-color);}
.course-lineup_item .course-name:before{ border: 1px solid var(--theme-color);}
.course-lineup_item .course-name::after{ border-top: 1px solid var(--theme-color); border-right: 1px solid var(--theme-color);}

.course-lineup::after{
    content: "";
    display: block;
    width: 34vw;
    max-width: 24rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
    left: 20%;
    bottom: 0;
}


@media not all and (min-width:768px){

    .civil-servant .course-lineup::after     { background-image: url(../images/course/bg-civil-servant_sp.png);}
    .police-firefighter .course-lineup::after{ background-image: url(../images/course/bg-police-firefighter_sp.png);}
    .accountant .course-lineup::after        { background-image: url(../images/course/bg-accountant_sp.png);}
    .business .course-lineup::after          { background-image: url(../images/course/bg-business_sp.png);}
    .it .course-lineup::after                      { background-image: url(../images/course/bg-it_sp.png);}
    .creator .course-lineup::after           { background-image: url(../images/course/bg-creator_sp.png);}
    .medical .course-lineup::after           { background-image: url(../images/course/bg-medical_sp.png);}
    .nursery .course-lineup::after           { background-image: url(../images/course/bg-nursery_sp.png);}
    .welfare .course-lineup::after           { background-image: url(../images/course/bg-welfare_sp.png);}
    .sports .course-lineup::after            { background-image: url(../images/course/bg-sports_sp.png);}
    .kanko .course-lineup::after           { background-image: url(../images/course/bg-kanko_sp.png);}

    .course-lineup a{
        grid-template-columns: 100%;
        grid-template-rows: 10.4rem auto;
        justify-content: center;
        position: relative;
    }

    .course-lineup_img img{ height: 10.6rem;}

    .course-lineup_item{
        padding: 1.6rem 1rem;
        align-self: center;
    }

    .course-lineup_item .year{
        font-size: 1.1rem;
        position: absolute;
        top: 8.73rem;
        left: 0;
    }

    .course-lineup_item .course-name:before{ top: .2rem;}
    .course-lineup_item .course-name::after{ top: .7rem;}
}

@media (min-width:768px){

    .course-lineup::after{ left: 25%;}
    .civil-servant .course-lineup::after     { background-image: url(../images/course/bg-civil-servant_pc.png);}
    .police-firefighter .course-lineup::after{ background-image: url(../images/course/bg-police-firefighter_pc.png);}
    .accountant .course-lineup::after        { background-image: url(../images/course/bg-accountant_pc.png);}
    .business .course-lineup::after          { background-image: url(../images/course/bg-business_pc.png);}
    .it .course-lineup::after                      { background-image: url(../images/course/bg-it_pc.png);}
    .creator .course-lineup::after           { background-image: url(../images/course/bg-creator_pc.png);}
    .medical .course-lineup::after           { background-image: url(../images/course/bg-medical_pc.png);}
    .nursery .course-lineup::after           { background-image: url(../images/course/bg-nursery_pc.png);}
    .welfare .course-lineup::after           { background-image: url(../images/course/bg-welfare_pc.png);}
    .sports .course-lineup::after            { background-image: url(../images/course/bg-sports_pc.png);}
    .kanko .course-lineup::after            { background-image: url(../images/course/bg-kanko_pc.png);}

    .course-lineup_item{ padding: 1.25em .5em 1.25em 1em; }
    .course-lineup_item .year{ margin-bottom: .5em; }

    .course-lineup a{
        grid-template-columns: 46% 54%;
        grid-auto-rows: auto;
        align-items: center;
    }

    .course-lineup_item .course-name{ padding-left: 2.6rem;}
	.course-lineup_item .course-name span{ font-size: 2.1rem;}

    .course-lineup_item .course-name::before{
        width: 2.1rem;
        height: 2.1rem;
        top: .3rem;
    }
    
    .course-lineup_item .course-name::after{
        width: .7rem;
        height: .7rem;
        top: 1.0rem;
        left: .6rem;
        transform: rotate(45deg);
    }
}

/*--- course-lineup a hover
----------------------------**/

.course-lineup > a::before,
.course-lineup > a::after {
    content:"";
    width: 0;
    height: 0;
    display: block;
    border-radius: 1rem;
    position: absolute;
    box-sizing: border-box;
    opacity: 0;
    transition: width 0.5s, height 0.5s, opacity 0.5s;
}

.course-lineup > a::before {
    top: 0;
    left: 0;
    border-top: .1rem solid #FFF;
    border-left: .1rem solid #FFF;
}

.course-lineup > a::after {
    right:0;
    bottom:0;
    border-right: .1rem solid #FFF;
    border-bottom: .1rem solid #FFF;
}

.course-lineup > a:hover{ opacity: 1;}
.course-lineup > a:hover::before,
.course-lineup > a:hover::after { width:100%; height:100%; opacity:1;}
.course-lineup > a::before{ border-top-color: var(--theme-color); border-left-color: var(--theme-color);}
.course-lineup > a::after{ border-bottom-color: var(--theme-color); border-right-color: var(--theme-color);}

/*---------

results

----------------------------**/

.results{
    background-color: var(--result-color);
    color: #fff;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.employment_wrap{
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;    
    gap: 3.2rem 2%;
}

@media (min-width:768px){
    
    .employment_wrap{
        grid-template-columns: repeat(2, 49%);
        gap: 3.2rem 2%;
    }
    
    .civil-servant .employment-rate_body:first-child,
    .police-firefighter .employment-rate_body:first-child{order: 1;}
    .civil-servant .employment-place_body,
    .police-firefighter .employment-place_body{order: 2;}
    .civil-servant .employment-banner_body,
    .police-firefighter .employment-banner_body{order: 4;}
    .civil-servant .employment-rate_body:last-child,
    .police-firefighter .employment-rate_body:last-child{order: 3;}    
}

/*--- employment
----------------------------**/

.employment-rate_body{ margin-bottom: 2.4rem;}

.employment-rate_body{
    text-align: center;
    margin-bottom: 1em;
}

.employment-rate_body .employment-rate{
    font-size: 8rem;
    color: var(--site-point-color);
    text-align: center;
}

.employment-rate_body .employment-rate span{ font-size: 5rem;}
.employment-rate_body .notes-list{ text-align: left;}

.employment-place_body{
    background-color: #fff;
    color: initial;
    padding: 1em;
    border-radius: 1.6rem;
}

.employment-place_body h3{
    padding-bottom: .4em;
    border-bottom: .2rem solid var(--result-color);
}

.employment-place_body p:last-child{  text-align: right;}

.employment-banner_body a img:hover,
.employment-banner_body a img:active{ opacity: .75;}

/* 231010追記　ここから */

.employment-rate_body .graph_img {
    width: 100%;
    max-width: 436px;
    margin: 0 auto 1rem;
}
   
@media (min-width:768px){

.employment-rate_body .graph_img {
    width: 86%;
}
}
/* 231010追記　ここまで */

/*--- qualification
----------------------------**/

.qualification-list{
    display: grid;
    grid-template-columns: repeat(auto-fit ,17.6rem);
    grid-auto-rows: 17.6rem;
    gap: 1rem .8vw;
    justify-content: center;
    margin-bottom: 3rem;
}

.qualification-list_body{
    border: 1px solid #FFF;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}

.qualification-list_item{
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows:1fr 32%;
    height: 100%;
}

.qualification-list_head{
    font-size: 1.4rem;
    line-height: 1.6;
    margin-bottom: auto;
    margin-top: auto;
}

.qualification-list_head span{
    font-size: .9rem;
    display: block;
    margin-top: 1em;
}

.qualification-list_number{
    font-size: 3rem;
    color: var(--result-color);
    padding-top: 8%;
    flex-basis: 30%;
    background-color: #FFF;
}

.qualification-list_number span{ font-size: 1.6rem;}
.qualification-list ~ p.notes:last-child:not(.text-right) { text-align: center;}
.notes-list + p.notes:last-child{ margin-top: 1em;}

@media (min-width:768px){

    .qualification-list{
        grid-template-columns: repeat(auto-fit , 24rem);
        grid-auto-rows: 24rem;
        gap: 2.4rem;
    }

    .qualification-list_head{font-size: 1.8rem;}
    .qualification-list_head span{font-size: 1.2rem;}
    .qualification-list_number{ font-size: 4rem;}
    .qualification-list_number span{font-size: 2rem;}
}


/*---------

distinctive

----------------------------**/

.distinctive-list h4{
    flex-basis: 100%;
    width: 100%;
    padding: .8em;
    background-color: var(--site-point-color);
}

.distinctive-list > p{ margin-bottom: 1em; }
.distinctive-list_item{ margin-bottom: 4%;}

/*--- item > dl
----------------------------**/

.distinctive-list_item > dl{
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 45%;
}

.distinctive-list_item dl > div{
    grid-row: 1 / 3;
    grid-column: 1 / 2;
    margin-right: 8%;
}

.distinctive-list_item div > img{
    max-width: 32rem;
    padding: .4rem;
    margin-bottom: 1em;
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .1);
    background: #fff;
}

.distinctive-list_item dl dt{
    line-height: 1.5;
    color: var(--theme-color);
    position: relative;
    padding-left: 24px;
    margin-bottom: 0.8em;
}

.distinctive-list_item dl dt:before,
.distinctive-list_item dl dt:after{
    content: "";
    position: absolute;
}

.distinctive-list_item dl dt:before{
    width: 1.4rem;
    height: 1.4rem;
    border: .1rem solid #000;
    top: .5rem;
    left: 0;
}

.distinctive-list_item dl dt:after{
    width: 1.4rem;
    height: .8rem;
    top: .4rem;
    left: .3rem;
    border-left: 1px solid  var(--theme-color);
    border-bottom: 1px solid  var(--theme-color);
    transform: rotate(-45deg);
}

@media not all and (min-width:768px){

    .distinctive-list_item:nth-child(2n-1) dl:not([class]){
        grid-template-columns: 45% 1fr;
    }
    
    .distinctive-list_item:nth-child(2n) dl:not([class]) > div{
        grid-column: 2 / 2;
        margin-right: 0;
        margin-left: 8%;
    }

    .distinctive-list_item > dl.column{ grid-template-columns: 1fr;}
    .distinctive-list_item dl.column > div{ margin: 0 auto;}
    
    .distinctive-list_item dl dd,
    .distinctive-list_item > div.column p{ font-size: 1.2rem; }
}

@media (min-width:768px){

    .distinctive-list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .distinctive-list_item{ flex:0 0 49%;}
    .distinctive-list_item dl{ grid-template-columns: 1fr 60%;}
    .distinctive-list_item dl dt{ font-size: 1.8rem;}
    .distinctive-list_item dl dt:before{ top:.7rem}
    .distinctive-list_item dl dt::after{ top:.5rem}
}

/*--- item > div
----------------------------**/

.distinctive-list_item > div.column{
    display: grid;
    justify-items: center;
}

/*---------

graduate-message

----------------------------**/

.graduate-message{
    max-width: var(--width-min);
    display: grid;
    margin-left: auto;
    margin-right: auto;
}

.graduate-message:nth-of-type(1) .toggle-item{ display: block;}

.graduate-message_img img{
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: .4rem solid #FFF;
    border-radius: 1rem;
}

.graduate-message_img figure{ position: relative;}

.graduate-message_img figure::after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgb(94,201,255);
    background: linear-gradient(90deg, rgba(94,201,255,.5) 0%, rgba(248,140,204,.5) 100%);
    position: absolute;
    top: 8px;
    left: 8px;
    display: block;
}

.graduate-message_text > p{
    font-size: 1.8rem;
    line-height: 1.6;
    color: var(--theme-color);
}

.graduate-message_text .name{
    width: 100%;
    margin-left:auto;
    align-items: flex-start;
    margin-bottom: 1em;
}

.graduate-message_text .toggle-item{
    padding: 0;
    margin-bottom: 1rem;
    display: none;
}

.graduate-message_text .toggle-button{
    display: block;
    line-height: 2.5em;
    min-width: 20rem;
    max-width: 32rem;
    border-radius: 2rem;
    margin-left: auto;
    margin-right: auto;
    border:1px solid #ccc;
    background-color: #FFF;
    transition: bottom 0.8s ease;
    position: relative;
    left: auto;
    right: auto;
}

@media not all and (min-width:768px){

    .graduate-message_img{
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2.4rem;
    }

    .graduate-message{ margin-bottom: 3.2rem; }
    .graduate-message_text .toggle-button{ font-size: 1.3rem;}
}

@media (min-width:768px){

    .graduate-message{
        grid-template-columns: 28rem 1fr;
        grid-auto-rows: 1fr;
        column-gap: 2.4rem;
        margin-bottom: 3.2rem;
    }

    .graduate-message_text{ grid-auto-rows: auto auto 1fr auto;}
    .graduate-message_text > p{ font-size: 2.0rem;}
    .graduate-message_text .name{ width: 72%;}
}

/*---------

employee

----------------------------**/

.employee-information{ text-align: center;}

.employee-information .button-area {
    max-width: 48rem;
    grid-template-columns: repeat(auto-fit , 23rem);
    gap: 1.6rem;
}

.employee-information .button-area div a{
    width: 100%;
    height: 100%;
    min-height: 7.5rem;
    max-width: 23rem;
    margin: 0 auto;
    display: grid;
    place-content: center;
    border-radius: .8rem;
}

.employee-information .theme-color a{
    color: #fff;
	border: none;
    background-color: var(--theme-color);
}

.employee-information .button-area a small {
    display: block;
    font-size: 1.2rem;
    padding-top: 0.5em;
}

/*--- employee hover
----------------------------**/

.employee-information .button-area div a:hover{
    background-color: var(--theme-color);
    color: #FFF;
    border: 1px solid var(--theme-color);
}

.employee-information .button-area .theme-color a:hover{
    background-color: #FFF;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
}

/*---------

curriculum & timetable

----------------------------**/

/*--- curriculum
----------------------------**/

.curriculum-img + .notes-list,
.timetable + .notes-list{ margin-top: 1rem;}

.curriculum-img,
.timetable{ padding-bottom: 1rem;}

.curriculum-img{ width: 100%;}

.curriculum-img + .notes-list .square{
    line-height: 1.0;
    display: inline-block;
    width: 2em;
    margin-right: 0.25em;
    background-color: #fff9c2;
    border: 1px solid #898989;
}

@media not all and (min-width:768px){

    .curriculum-img{ overflow-x: scroll;}
    .curriculum-img img{ width: 103.6rem;}
}

/*--- timetable
----------------------------**/

.timetable table tr:nth-of-type(2n-1) td:not([rowspan]){ background-color: var(--site-point-color);}
.timetable table th{ font-weight: normal;}
.timetable table th small{ font-size: 1.2rem;}

.timetable table th,
.timetable table td{
    padding: .5em 1em;
    text-align: center;
    vertical-align: middle;
}

.timetable table td p:last-child{ margin-bottom: 0;}

.timetable table thead th:not(:last-child),
.timetable table tbody th:not(:last-child),
.timetable table tbody td:not(:last-child){ border-right: 1px solid #000;}

.timetable table tbody tr:not(:last-child) th,
.timetable table tbody tr:not(:last-child) td{ border-bottom: 1px dotted #7c7c7c;}

.timetable table tbody{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}


@media not all and (min-width:768px){

    .timetable{ overflow-x: scroll;}

    .timetable table{
        width: 110rem;
        margin: .5em auto .8em;
    }
}


/*---------

message

----------------------------**/

.message{
    max-width: 56rem;
    padding: 1em;
    margin: 0 auto;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: .8rem .8rem 0 -.2rem var(--bg-theme-main);
}

.message h3{ text-align: left;}
article .message_text p{ margin-bottom: 0;}

.message:after {
    display: block;
    clear: both;
    content: "";
}

.message_img{
    max-width: 20rem;
    width: 54%;
    float: right;
    transform: translateX(1em);
}

@media (min-width:768px){
    
    .message{ padding-left: 2.8rem;}
    .message_img{ margin-left: 2.4rem;}
}

/*---------

course-curriculum

----------------------------**/

.course-curriculum h3{
    background-color: var(--site-point-color);
    border-bottom: 1px solid #000;
}

.course-curriculum h3:not(:nth-of-type(1)){ margin-top: 3rem;}
.course-curriculum{ padding-top: 5rem;}
.course-curriculum .check-mark{ display: flex; flex-wrap: wrap;}
.course-curriculum .check-mark li{ flex: 1 0 48%; margin-right: 0;}
.course-curriculum .check-mark li.type-full{ flex-basis: 100%;}

/*---------

occupation-list & objective-list

----------------------------**/

.occupation-list,
.objective-list{ display: flex;}

.occupation-list::before,
.objective-list::before{
    content: "";
    display: block;
    min-width: 32px;
    min-height: 32px;
    background-size: contain;
    margin-left: 1rem;
}

.occupation-list ul,
.objective-list ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid #000;
    padding-left: 1.6rem;
    margin-left: 1.6rem;
}

.occupation-list ul li,
.objective-list ul li{ line-height: 1.6;}

.occupation-list li:not(:first-child),
.objective-list li:not(:first-child){ margin-top: .5em;}

.occupation-list::before{ background-image: url(../images/icon/icon-occupation.png);}
.objective-list::before{ background-image: url(../images/icon/icon-objective.png);}

.occupation-list span,
.objective-list span{ display: inline-block;}

@media (min-width:768px){

    .occupation-list::before,
    .objective-list::before{ min-width: 6.4rem; min-height: 6.4rem;}

    .occupation-list ul,
    .objective-list ul{ padding-left: 2.4rem; margin-left: 2.4rem;}
}

/*---------

occupation-list & objective-list

----------------------------**/

.site-theme-bg-main.university .section-inner:not(:last-child) figure{ margin-bottom: 3rem;}

@media (min-width:768px){
    .site-theme-bg-main.university .section-inner:not(:last-child) figure{ margin-bottom: 5rem;}
}


/*--- professional-qualification
----------------------------**/
 
.professional-qualification{
    display: grid;
    grid-auto-rows: auto;
    row-gap: 2vh;
}

.professional-qualification:not(:last-child){ margin-bottom: 2rem;}

.professional-qualification dl{
    padding-bottom: 0.5em;
    border-bottom: 1px solid #000;
}

@media (min-width:768px){

    .professional-qualification{
        grid-template-columns: repeat(2, 49%);
        column-gap: 2%;
    }
}

/*--- winning-results
----------------------------**/

dl.winning-results{
    display: grid;
    grid-template-columns: 4em 1fr;
    grid-auto-rows: auto;
}

dl.winning-results dt{ font-weight: normal;}

@media not all and (min-width:768px){

    dl.winning-results{ font-size: 1.2rem;}
}

/*---------

experience

----------------------------**/

/*--- practical-experience
----------------------------**/

.practical-experience .heading-area{ padding: 0;}
.practical-experience .heading-area h4{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .8rem;
    font-size: 2rem;
    padding-top: 1em;
}

.practical-experience .flow-body:not(.flow-accent-color) .heading-area h4::before{
    content: "";
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    background-repeat: no-repeat;
    background-size: contain;
}

.medical .practical-experience .flow-body:nth-of-type(1) .heading-area h4::before{ background-image:url(../images/icon/medical/time01.png);}
.medical .practical-experience .flow-body:nth-of-type(2) .heading-area h4::before{ background-image:url(../images/icon/medical/time02.png);}
.medical .practical-experience .flow-body:nth-of-type(3) .heading-area h4::before{ background-image:url(../images/icon/medical/time03.png);}
.medical .practical-experience .flow-body:nth-of-type(4) .heading-area h4::before{ background-image:url(../images/icon/medical/time04.png);}
.medical .practical-experience .flow-body:nth-of-type(5) .heading-area h4::before{ background-image:url(../images/icon/medical/time05.png);}

.nursery .practical-experience .flow-body:nth-of-type(1) .heading-area h4::before{ background-image:url(../images/icon/nursery/time01.png);}
.nursery .practical-experience .flow-body:nth-of-type(2) .heading-area h4::before{ background-image:url(../images/icon/nursery/time02.png);}
.nursery .practical-experience .flow-body:nth-of-type(3) .heading-area h4::before{ background-image:url(../images/icon/nursery/time03.png);}
.nursery .practical-experience .flow-body:nth-of-type(4) .heading-area h4::before{ background-image:url(../images/icon/nursery/time04.png);}
.nursery .practical-experience .flow-body:nth-of-type(5) .heading-area h4::before{ background-image:url(../images/icon/nursery/time05.png);}
.nursery .practical-experience .flow-body:nth-of-type(6) .heading-area h4::before{ background-image:url(../images/icon/nursery/time06.png);}

.welfare .practical-experience .flow-body:nth-of-type(1) .heading-area h4::before{ background-image:url(../images/icon/welfare/time01.png);}
.welfare .practical-experience .flow-body:nth-of-type(2) .heading-area h4::before{ background-image:url(../images/icon/welfare/time02.png);}
.welfare .practical-experience .flow-body:nth-of-type(3) .heading-area h4::before{ background-image:url(../images/icon/welfare/time03.png);}
.welfare .practical-experience .flow-body:nth-of-type(4) .heading-area h4::before{ background-image:url(../images/icon/welfare/time04.png);}
.welfare .practical-experience .flow-body:nth-of-type(5) .heading-area h4::before{ background-image:url(../images/icon/welfare/time05.png);}

.practical-experience .flow-item::before{ display: none;}
.practical-experience .flow-item figure{ margin-top: 0;}


.flow-body.flow-accent-color h4{ margin-bottom: 0;}
.flow-body.flow-accent-color p{ text-align: center;}

@media (min-width:768px){

    .flow-item ul.figure-list{
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 1.6rem;
    }

    .flow-item ul.figure-list figure{ margin-bottom: 0;}
}

/*---------

story

----------------------------**/

/*--- growth-story-introduction
----------------------------**/

.site-point-color{
    font-weight: 600;
    padding: .5em;
    background-color: var(--site-point-color);
    border-bottom: 1px solid #000;
}

.growth-story{
    padding: 5rem 0;
    margin-bottom: 5rem;
    background: rgb(251,242,222);
    background: linear-gradient(0deg, rgba(251,242,222,1) 0%, rgba(222,247,236,1) 50%, rgba(210,240,255,1) 100%);
}

.growth-story-introduction{
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.growth-story-introduction > img{
    max-width: 34rem;
    transform: translateY(2rem);
}

.growth-story-detail{
    display: flex;
    flex-direction: column;
    font-size: 1.1rem;
    padding: 2.5em 1em .5em;
    /*margin-top: 6.2rem;*/
    background-color: var(--theme-color);
    color: #FFF;
    transform: translateY(2rem);
}

.growth-story-detail > p{ color: #FFF;}
.growth-story-detail > p span{
    line-height: 1.2;
    display: inline-block;
    padding: 0 .5em;
    margin-left: 0.25em;
    border-radius: 1em;
    border:.1rem solid #FFF;
}

.growth-story-detail > div{ margin-top: auto;}
.growth-story-detail > div span{ color: #FFF;}
.growth-story-detail > div img{ vertical-align: baseline;}

@media (min-width:768px){

    .growth-story-introduction{
        max-width: var(--width-min);
        grid-template-columns: 32rem auto;
        gap: 3.2rem;
    }

    .growth-story-detail{
        width: 37rem;
        max-height: 30rem;
        min-height: 16rem;
    }
    
    .growth-story-introduction > img{max-width: 28rem;}
    .growth-story-detail p {font-size: 2.2rem;}
    .growth-story-detail > div{ margin-top: auto;font-size: 1.4rem;}
    .growth-story-detail > div img {width: 240px;display: block;margin-bottom: 1rem;}
}

/*--- growth-story
----------------------------**/

.growth-story figure{ text-align: center;}
.growth-story figure img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 34rem;
    margin: 0 auto 1rem;
    border: .4rem solid #FFF;
    box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 10%);
    object-fit: scale-down;
}

@media (min-width:768px){

    .growth-story figure img{
        max-width: 60rem;
        max-height: 42rem;
        width: auto;
        
    }
}

/*--- annual-schedule
----------------------------**/

.annual-schedule-list{ position: relative;}
.annual-schedule-list::before{
    content: "";
    display: block;
    width: .1rem;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
}

.annual-schedule-list:nth-of-type(1)::before{ background-color: #fec52e;}
.annual-schedule-list:nth-of-type(2)::before{ background-color: #ff8ca9;}

.annual-schedule-list h3{ padding: .25em; color: #FFF;}
.annual-schedule-list:nth-of-type(1) h3{ background-color: #fec52e;}
.annual-schedule-list:nth-of-type(2) h3{ background-color: #ff8ca9;}

.annual-schedule-body{
    border-radius: .4rem;
    border: .1rem solid #000;
    background-color: #FFF;
}

.annual-schedule-body:not(:first-child){ margin-top: 1em;}

.annual-schedule-body dl{
    display: grid;
    grid-template-columns: 3em 1fr;
    grid-auto-rows: auto;
    position: relative;
    z-index: 0;
}

.annual-schedule-body dl.attention dt,
.annual-schedule-body dl.attention dd{
    background-color: var(--bg-site-main-cream);
}

.annual-schedule-body dl.attention .ribbon{
    font-size: 1.8rem;
    color: #FFF;
    padding: 0 .5em;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.annual-schedule-body dl.attention .ribbon::before{
    content: "";
    display: block;
    width: 4.8em;
    height: 1.25em;
    background-color: #ff5ca8;
    clip-path: polygon(50% 0%, 100% 0, 96% 50%, 100% 100%, 0 100%, 4% 50%, 0 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: translateY(0.2rem);
}

.annual-schedule-list:nth-of-type(1) .annual-schedule-body{ border-color: #fec52e; background-color: #fec52e;}
.annual-schedule-list:nth-of-type(2) .annual-schedule-body{ border-color: #ff8ca9; background-color: #ff8ca9;}
.annual-schedule-list:nth-of-type(2) .annual-schedule-body.graduate{ border-color: #9acd31; background-color: #9acd31; border-radius: 0;}
.annual-schedule-list:nth-of-type(2) .annual-schedule-body.graduate dt,
.annual-schedule-list:nth-of-type(2) .annual-schedule-body.graduate dd{ border-radius: 0;}

.annual-schedule-body dl div{
    color: #FFF;
    font-size: 1.4rem;
    background-color: inherit;
    grid-row: span 2;
    justify-content: center;
    align-self: center;
    justify-self: center;
}

.annual-schedule-body dl div span{ font-size: 2rem;}

.annual-schedule-body dl dt,
.annual-schedule-body dl dd{
    line-height: 1.6;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    background-color: #FFF;
}

.annual-schedule-body dl dt{
    font-size: 2rem;
    padding-top: .8rem;
    border-radius: 0 .3rem 0 0;
}
.annual-schedule-body dl dt:last-child{
    padding-bottom: .8rem;
    border-radius: 0 .3rem .3rem 0;
}

.annual-schedule-body dl dd{
    border-radius: 0 0 .3rem 0;
    padding-bottom: .8rem;
}

.annual-schedule-list:nth-of-type(2) figure{
    background-color: #FFF;
    padding-top: 2.4rem;
}

@media not all and (min-width:768px){

    .annual-schedule-list:not(:first-child){
        margin-top: 1.6rem;
    }
}

@media (min-width:768px){

    .annual-schedule .section-inner{
        display: flex;
        align-items: flex-start;
        gap: 1.6rem;
    }

    

    .annual-schedule-list:nth-of-type(2) figure img{
        width: 100%;
        max-width: 50rem;
        max-height: 50rem;
        object-fit: contain;
    }
}

/*---------

interview

----------------------------**/

.interview_wrap{
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.6rem;
    align-self: flex-start;
}

.interview{
    padding: 1.6rem;
    border-radius: 1rem;
    background-color: #FFF;
}

.interview:has(.interview-inner) {
    background: none;
    padding: 0;
}
.interview > .interview-inner {
    background-color: #fff;
    padding: 1.6rem;
    border-radius: 1rem;
}


.interview h3.theme-color,
.interview h4.theme-color{ text-align: left;}

.interview .toggle-button{
    display: block;
    line-height: 2.5em;
    min-width: 20rem;
    max-width: 32rem;
    border-radius: 2rem;
    margin-left: auto;
    margin-right: auto;
    border:1px solid #ccc;
    background-color: #FFF;
    transition: bottom 0.8s ease;
    position: relative;
    left: auto;
    right: auto;
}

.interview .toggle-item{ padding-bottom: 1em;}

/*インタビュー1名分削除に伴い、追加*/

.interview_wrap_sp{
	display: block;
	width: 50%;
	margin: 0 auto;
}
@media not all and (min-width:769px) {
    .section-inner .interview_wrap_sp {
        display: block;
        width: 100%;
    }
}



/*--- interviewee
----------------------------**/

.interviewee{
    max-width: max-content;
    display: grid;
    grid-template-columns: 32vw 1fr;
    gap: 1.6rem;
}

.interviewee figure img{
    width: 100%;
    height: auto;
    max-width: max-content;
    max-height: 48rem;
    margin: 0 auto 1rem;
    background-color: #FFF;
    padding: 4px;
    box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 10%);
    object-fit: contain;
}

.interviewee p{ line-height: 1.6;}
.interviewee p span{ font-size: 1.1rem;}
.interviewee p img{
    width: 15rem;
    object-fit: contain;
    display: block;
}

.interview .toggle-button{ margin-top: 1.6rem;}

@media not all and (min-width:768px){

    .interview .toggle-button{ font-size: 1.3rem;}
}

@media (min-width:768px){

    .interview_wrap{ grid-template-columns: 1fr 1fr;}
    .interviewee{ grid-template-columns: 18rem 1fr; gap: 2.4rem;}

}


/*---------

course-banner

----------------------------**/

.course-banner{
    max-width: var(--width);
    margin-left: auto;
    margin-right: auto;
    padding-top: 0rem;
    padding-bottom: 7rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    row-gap: 1rem;
}

@media not all and (min-width:768px){
    
    .course-banner{
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width:768px){

    .course-banner{ row-gap: 2.5rem; padding-bottom: 10rem;}
}

.course-banner a img:hover,
.course-banner a img:active{ opacity: .75;}


/*---------

experiences

----------------------------**/

/*--- flow-item practical-list
----------------------------**/

.flow-item figure{
    width: 100%;
    margin: 2.4rem auto;
}

.flow-item figure figcaption{
    text-align: center;
    margin-top: 1em;
}

.practical-list{
    width: 100%;
    max-width: 68rem;
    padding: 1.6vh;
    margin: 5rem auto 0;
    border-radius: 1rem;
    background-color: #FFF;
}

.practical-list dl dt{
    font-size: 2rem;
    text-align: center;
    padding: .5em 0;
    border-bottom: .1rem solid #26a2d8;
}

.practical-list dl dd:nth-of-type(1){ line-height: 1.4; margin: 1em 0 .5em ;}
.practical-list dl dd:nth-of-type(2){ font-size: 1.4rem; line-height: 1.6;}
.practical-list dl dd div{ text-align: right; margin-top: 0.25em;}

@media not all and (min-width:768px){}
@media (min-width:768px){

    .flow-item > figure{
        width: 80%;
    }
}


/*---------

 230404追記　ここから

----------------------------**/

.section-wrap.future.non-grid{
	display: block;
}

.section-wrap.future.non-grid > section.center_cnt{
	max-width: 580px;
}


.section-wrap.future > section{
	margin: 0 auto;
}
.section-wrap.future > section.third_cnt{
	max-width: 580px;
	grid-column: 1 / 3;
}

@media not all and (min-width: 768px){
.section-wrap.future > section.third_cnt{
	grid-column: unset;
	max-width: none;
}
}


/*--- 学科のポイント　アコーディオン
----------------------------**/

.point-g.faq-list{
	max-width: 86rem;
	background: #fff;
	border: 1px solid var(--theme-color);
}

.point-g.faq-list dl:not(:last-child){
	border-bottom: 1px solid var(--theme-color);
}

.point-g dt{
	display: flex;
	align-items: center;
	padding: 4.6% 3.2%;
	padding-right: 4rem;
}

.point-g dt .point-number{
	font-size: 2rem;
	border: none;
	margin-right: 1.2rem;
	padding: 0;
	display: inherit;
    align-items: center;
}

.point-g dt .point-number::before{
	display: inline;
	font-size: 1.2rem;
	margin-bottom: -2px;
}

.point-g dt p{
	font-size: 1.8rem;
	line-height: 1.4em;
/*	font-weight: 600;*/
}



.point-g dd img{
	width: 100%;
	display: block;
	margin: 0 auto 1rem;
}

@media (min-width:768px){

	.point-g dt{
		padding: 3.2% 3.2%;
    	padding-right: 4rem;
	}
	
	.point-g dt .point-number{
		font-size: 3.5rem;
		margin-right: 5rem;
	}
	.point-g dt .point-number::before{
		font-size: 2rem;
		margin-bottom: -3px;
	}
	.point-g dt p{
		font-size: 2.4rem;
	}
	
	.point-g dd{
		padding-left: calc(14.2rem + 3.2%);
	}
	
	.point-g dd .img-g{
		display: flex; 
		gap: 0 3%; 
		justify-content: center;
	}
	.point-g dd img{
		max-width: 320px;
		margin: 0;
	}

	
}

.point_event_none .toggle-switch-area{
    pointer-events: none;
}

/*--- .faq
----------------------------**/

.faq{
	grid-column: 1 / 3;
	padding-top: 0;
}
.faq .faq_box{
	display: block;
	background: #fff;
	padding: 1em;
	border-radius: 1rem;
	background-color: #fff;
}
.faq .faq_box dt{
	font-size: 1.8rem;
	color: var(--theme-color);
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--theme-color);
	line-height: 1.6em;
}
.faq .faq_box dt.question,
.faq .faq_box dd.answer{
	padding-left: 3.8rem;
	text-indent: -3.8rem;
}
.faq .faq_box dt.question::before, 
.faq .faq_box dd.answer::before{
	content: 'Q';
	display: inline-block;
	color: #fff;
	background: var(--theme-color);
	font-weight: 600;
	width: 3rem;
	height: 3rem;
	text-align: center;
	margin-right: 0.8rem;
	font-size: 1.6rem;
	text-indent: 0;
}
.faq .faq_box dd.answer::before{
	content: 'A';
	background: var(--bg-theme-sub);
	color: var(--theme-color);
}

.faq .faq_box .inner_cnt{
	display: block;
	background: var(--bg-theme-sub);
	padding: 10px;
	border-radius: 1rem;
	margin-top: 10px;
	font-size: 1.4rem;
}

.faq .faq_box dl.inner_cnt{
	background: none;
}
.faq .faq_box .inner_cnt dt{
	font-size: 1.6rem;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

@media not all and (min-width: 768px){
.faq{
	grid-column: unset;
}
}

.faq_box .flex_cnt{
	max-width: inherit;
}
	

/*--- .accredited-school
----------------------------**/	

.accredited-school{
	display: block;
    background: var(--theme-sub-color);
    padding: 10px;
    border-radius: 1rem;
    margin-top: 10px;
    font-size: 1.4rem;
}





/*--- 学科の特色アコーディオン
----------------------------**/

.accordion_g{
	margin-bottom: 24px;
}

.accordion_g .acc_label{
	position: relative;
	padding-right: calc(40px + 0.4em);
	padding-left: 0.8em;
	background: #fff;
	text-align: left;
    cursor: pointer;
}

section:not([class]) .accordion_g .acc_label{
	background: var(--bg-theme-sub);
}

.accordion_g .acc_label::before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: var(--theme-color);
}

.accordion_g .acc_label::after {
	content: '';
	display: inline-block;
	border-top: 8px solid #fff;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	transition: .3s;
}
.accordion_g .acc_label.open::after {
	transform: rotate(180deg) translateY(50%);
}


.accordion_g .acc_inner{
	display: none;
	padding: 0 0.8em;
}

.accordion_g .acc_inner dd{
	font-size: 1.4rem;
	line-height: 1.8;
}


@media (min-width:768px){

.accordion_g .acc_inner dd{
	font-size: 1.6rem;
	line-height: 1.8;
}
	
	
}


/*--- 学科の特色 3カラム
----------------------------**/

.distinctive-list.flex_3column{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	gap: 0 4%; /* 余白 */
}

.flex_3column .distinctive-list_item{
	flex: 0 0 48%;
}

.flex_3column .distinctive-list_item dl{
	display: block;
}


.flex_3column .distinctive-list_item dl > div, 
.flex_3column .distinctive-list_item:nth-child(2n) dl:not([class]) > div{
	margin: 0 auto;
	text-align: center;
}

.distinctive-list.flex_3column.card{
	display: block;
}
.flex_3column.card .distinctive-list_item{
	background: #fff;
	border-radius: 1rem;
	padding: 1rem 1.4rem;
}

@media (min-width:768px){
	
.distinctive-list.flex_3column{
	gap: 0 5%; /* 余白 */
}

.flex_3column .distinctive-list_item{
	flex: 0 0 30%;
}
	
.distinctive-list.flex_3column.card{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	gap: 0 3%;
}

.flex_3column.card .distinctive-list_item{
	flex: 0 0 31.3%;
	padding: 1.4rem 2rem;
}
	
	
}





ol.feature-point-list {
    border-radius: 0.8rem;
    max-width: 680px;
    margin: 0 auto 3rem;
    background: #fff;
    padding: 1.6rem 2rem 1em 4rem;
    background-color: var(--bg-theme-sub);
}

/*--- .flex_cnt (テキスト＋画像)
----------------------------**/	

.flex_cnt{
/*	max-width: var(--width-min);*/
	margin: 0 auto;
    display: flex;
    flex-flow: column;
    width: 100%;
}

.flex_cnt .img{
	max-width: 360px;
    padding: 0.4rem;
    margin-bottom: 1em;
    box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 10%);
	display: block;
	margin: 0 auto 1em;
    background: #fff;
}
.flex_cnt .text_box{
	flex-basis: 62%;
	margin-bottom: 1em;
}
.flex_cnt .text_box p{
	margin-bottom: 1em;
}

.flex_cnt.reverse{
    flex-flow: column-reverse;
}

@media (min-width: 768px){
	.flex_cnt, 
	.flex_cnt.reverse{
		display: flex;
        flex-flow: row;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 0;
	}
	.flex_cnt .img{
		flex-basis: 36%;
		margin: 0;
	}
}



/*--- .link_area
----------------------------**/	

.link_area .link_box {
	background: var(--bg-theme-sub);
	display: grid;
	margin: 0 auto 3rem;
	position: relative;
}

.link_area [class^="theme-"] .link_box {
    background: #fff;
}

.link_area .link_box::before,
.link_area .link_box::after{
	content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    box-sizing: border-box;
    opacity: 0;
    transition: width 0.5s, height 0.5s, opacity 0.5s;
}

.link_area .link_box:hover{
	opacity: 1;
}
	
.link_area .link_box::before{
	top: 0;
    left: 0;
    border-top: 1px solid var(--theme-color);
    border-left: 1px solid var(--theme-color);
}

.link_area .link_box::after{
	right: 0;
    bottom: 0;
    border-right: 0.1rem solid var(--theme-color);
    border-bottom: 0.1rem solid var(--theme-color);
}

.link_area .link_box:hover::before, .link_area .link_box:hover::after {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.link_area .link_box .link_img{
	width: 100%;
	height: 100%;
}

.link_area .link_box .link_img img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.link_area .link_box .link_text{
/*	padding: 1.6rem 6rem 1.6rem 1.6rem; */
	padding: 1.6rem 1.6rem 5rem 1.6rem; 
	position: relative;
}
.link_area .link_box .link_text .title{
	font-size: 1.8rem;
    line-height: 1.4;
	font-weight: 500;
	color: var(--theme-color);
    margin-bottom: 0.8rem;
}

.link_area .link_box .link_text .title .small{
    font-size: 0.8em;
}

.link_area .link_box .link_text .title .frame{
    background: var(--theme-sub-color);
    color: #fff;
    font-size: 0.8em;
    font-weight: 400;
    padding: 4px 12px;
    line-height: 1.0;
/*    margin-left: 0.8em;*/
    margin-bottom: 4px;
    display: inline-block;
}

.link_area .link_box .link_text::before, 
.link_area .link_box .link_text::after{
	content: "";
    position: absolute;
    right: 1rem;
}

.link_area .link_box .link_text::before{
	width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    bottom: 1rem;
	background: var(--theme-color);
}

.link_area .link_box .link_text::after{
	width: 1rem;
    height: 1rem;
    bottom: 2.4rem;
    right: 2.7rem;
    transform: rotate(45deg);
	border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	margin-top: -1px;
}

.link_area h3.fukidashi{
    display: block;
    width: fit-content;
    margin: 0 auto 40px;
    position: relative;
    border-bottom: 2px solid var(--theme-color);
    padding: 0 8px 8px;
}


.link_area h3.fukidashi::after{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) skew(-25deg);
    height: 20px;
    width: 12px;
    border-right: 2px solid var(--theme-color);
    background-color: white;
    content: "";
}

.link_area.theme-sub .link_box {
    background: #fff;
}

@media (min-width:768px){
	.link_area .link_box {
		grid-template-columns: 35% 65%;
		grid-auto-rows: auto;
		align-items: center;
	}
	
	.link_area .link_box .link_text{
		padding: 2rem 8rem 2rem 3rem;
	}
	
	.link_area .link_box .link_text .title{
		font-size: 2.2rem;
		margin-bottom: 1.2rem;
	}
	.link_area .link_box .link_text::before, 
	.link_area .link_box .link_text::after{
		right: 1.5rem;
	}
	
	.link_area .link_box .link_text::before{
		width: 5rem;
		height: 5rem;
		top: 50%;
		transform: translateY(-50%);
	}
	.link_area .link_box .link_text::after{
		width: 1.2rem;
		height: 1.2rem;
		right: 4.1rem;
		margin-top: -1px;
		top: 50%;
		transform: rotate(45deg) translateY(-50%);
	}

}



/*--- .teacher　講師紹介
----------------------------**/	

.teacher .interviewee p span{
	line-height: 1.4;
    display: block;
    margin-bottom: 8px;
    font-size: 1.2rem;
}

.teacher .interviewee .teacher_profile{
	margin-top: 1em;
	font-size: 0.8em;
	line-height: 1.8;
}

.teacher .teacher_profile dt{
	background: var(--theme-color);
	color: #fff;
	display: inline-block;
	padding: 0 10px;
	border-radius: 1em;
	margin-bottom: 6px;
}
.teacher .teacher_profile dd span{
	display: block;
	color: var(--theme-color);
	border-bottom: 1px solid var(--theme-color);
	margin-bottom: 4px;
}

.teacher .interviewee.bottom{
    display: block;
    max-width: 100%;
}

.teacher .interviewee.bottom .bg{
    display: block;
    background: var(--bg-theme-sub);
    padding: 8px;
    border-radius: 0.8em;
    width: 100%;
}

.teacher .btn-ptn01 a{
	display: block;
    line-height: 2.5em;
    min-width: 20rem;
    max-width: 20rem;
    border-radius: 2rem;
    border: 1px solid #ccc;
    background-color: #FFF;
	font-size: 1.4rem;
	text-align: center;
	margin: 5rem auto 0;
}

.teacher .btn-ptn01.theme-color a{
/*	color: var(--theme-color);*/
    border: 1px solid var(--theme-color);
    background-color: var(--bg-theme-sub);
/*
    background-color: var(--theme-color);
    color: #fff;
*/
    font-size: 16px;
    border-radius: 30px;
}

@media (min-width:768px){
.teacher .interview h3.theme-color{
	font-size: 2.2rem;
}
}



/*--- .teacher　講師紹介下層
----------------------------**/	

.teacher .pickup_box{
	display: block;
    background: #fff;
    padding: 1em;
    border-radius: 1rem;
    background-color: #fff;
	margin: 0 auto 3rem;
	position: relative;
}

.teacher .pickup_box::before{
	content: 'PICK UP!';
	font-family: 'Spartan', sans-serif;
	font-size: 1.2rem;
	line-height: 1.0;
	background: var(--theme-sub-color);
	color: #fff;
	padding: 8px 8px 4px 18px;
	position: absolute;
	top: 30px;
	left: -8px;
}

.teacher .pickup_box::after{
	content: '';
	display: block;
	position: absolute;
	top: 54px;
	left: -8px;
	border: none;
	border-bottom: solid 5px transparent;
	border-right: solid 8px var(--theme-color);
}

/*
.teacher .pickup_box .main_img{
	display: block;
	width: 100%;
	margin: 0 auto 2rem;
	border: 0.4rem solid #fff;
	box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 10%);
}
*/

.teacher .pickup_box .flex_cnt{
	width: 100%;
	max-width: none;
/*	margin-bottom: 3rem;*/
}

.teacher .pickup_box .flex_cnt .img{
	max-width: 400px;
}

.teacher .pickup_box .flex_cnt.main_cnt .text_box{
	flex-basis: 56.8%;
}

.teacher .pickup_box h3{
	text-align: left;
	font-size: 1.8rem;
}

.teacher .pickup_box .name{
	text-align: right;
	line-height: 1.4em;
	margin-bottom: 1rem;
}

.teacher .pickup_box .name span{
	font-size: 1.2rem;
	display: block;
}

.teacher .pickup_box .name img{
	width: 150px;
	display: block;
	margin: 0 0 0 auto;
}

.teacher .pickup_box .teacher_profile{
	font-size: 0.8em;
/*
	background: var(--bg-theme-sub);
	padding: 1em;
*/
}


@media (min-width:768px){
	
	.teacher .pickup_box h3{
		font-size: 2.2rem;
	}
	.teacher .pickup_box .flex_cnt.main_cnt .img{
		flex-basis: 42%;
	}
	
}










/*---------

sports

----------------------------**/


/*--- sports学科ページ（九州）
----------------------------**/
/*
.accordion_g.bg{
    background: #fff;
}


section:not([class]) .accordion_g.bg .acc_label{
    background: var(--bg-theme-main);
}


.accordion_g.bg .distinctive-list h4{
    background: var(--bg-theme-main);
}
*/

.accordion_g.bg .distinctive-list_item dl dt:before{
    background: #fff;
}

.sports h4.theme-bg{
    width: 100%;
    padding: 0.5em;
    background-color: var(--bg-theme-main);
}

.bg_box{
    background: var(--bg-theme-sub);
    padding: 2rem;
    margin-bottom: 3rem;
}

@media (min-width:768px){

    .accordion_g.bg .acc_inner{
        padding: 0 1.8em;
    }

}

.sports .flex_3column .distinctive-list_item{
    margin-bottom: 0;
}



/*--- sportsコースページ
----------------------------**/
.tournament-schedule table td{
	text-align: left;
}

.tournament-schedule table tr:nth-of-type(2n-1) td:not([rowspan]){
	background: #ededed;
}

.tournament-schedule table th, .tournament-schedule table td {
    padding: 0.5em 0.5em;
	font-size: 1.4rem;
    line-height: 1.8;
}



@media not all and (min-width: 768px){
	.tournament-schedule table {
    	width: 100%;
	}
	.course-curriculum .check-mark{
		display: block;
	}
}

@media (min-width:768px){

	.tournament-schedule table th, .tournament-schedule table td {
    	padding: 0.5em 1em;
		font-size: 1.6rem;
		line-height: 2;
	}
}




/*--- sports 就職ストーリー
----------------------------**/

.s-story .flow-item{
    border-radius: 0.8rem;
    padding: 2rem;
}
.s-story .flow-item p{
    margin-bottom: 1.5rem;
}

.s-story .flow-item ul.figure-list{
    margin-bottom: 1rem;
}


/*---------

daigaku

----------------------------**/
.daigaku .point-number::before,
.daigaku .point-list_item p{
    color: var(--heading-site-main-color);
}

.daigaku ul.career{
	background: #c3eaff;
	padding: 0.8em 1.6em;
	border-radius: 0.8rem;
	margin-top: 1em;
	font-size: 1.4rem;
	line-height: 1.6;
/*	border: 1px solid rgba(94,201,255,.5);*/
}


/*---------

在校生の1日／キャンパスライフ

----------------------------**/

/* 学科ページ */

.school-life-cnt{
	margin-bottom: 4.5rem;
}

.school-life-cnt section {
	margin: 0;
	padding: 5rem 0;
	background-color: #e2f7ff;
}

.school-life-cnt #day{
	background-image:  repeating-linear-gradient(90deg, #e2f7ff, #e2f7ff 10px, rgba(255, 255, 255, 1) 10px, rgba(255, 255, 255, 1) 20px );
}

.school-life-cnt h2{
	padding-bottom: 0;
}

.school-life-cnt h2::after{
	display: none;
}

.school-life-cnt .cnt_g{
	
	max-width: var(--width-min);
	margin: 0 auto;
}

.school-life-cnt .cnt_img{
	width: 80%;
	margin: 0 auto 2.4rem;
}

.school-life-cnt .cnt_img img{
	border: 0.4rem solid #fff;
	border-radius: 0;
	box-shadow: 10px 10px 4px 1px rgb(0 0 0 / 10%);
}

.school-life-cnt .cnt_text{
	display: block;
	max-width: 56rem;
	width: 100%;
	margin: 0 auto;
}


.school-life-cnt .cnt_text p{
	color: #2547a2;
	font-size: 1.6rem;
	line-height: 1.6;	
    margin-bottom: 1rem;
}

.school-life-cnt .cnt_text .name {
    width: 100%;
	max-width: 403px;
    margin-left: auto;
    align-items: flex-start;
    margin-bottom: 1em;
	margin-top: -1rem;
}


.school-life-cnt .btn-ptn01 a{
	display: block;
    line-height: 2.5em;
    min-width: 20rem;
    max-width: 20rem;
    border-radius: 2rem;
    border: 1px solid #ccc;
    background-color: #FFF;
	font-size: 1.4rem;
	text-align: center;
	margin: 0 auto;
}

@media (min-width:768px){
	
	.school-life-cnt h2{
		padding-bottom: 2rem;
	}
	
	.school-life-cnt .cnt_g{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	.school-life-cnt #campus .cnt_g{
		flex-direction: row-reverse;
	}
	
	.school-life-cnt .cnt_img{
		max-width: 280px;
		width: 32.4%;
		margin: 0;
	}
	
	.school-life-cnt .cnt_text{
		width: 64.8%;
		margin: 0;
	}
	
	.school-life-cnt .cnt_text p{
		margin-bottom: 2rem;
		font-size: 2rem;
	}

	.school-life-cnt .cnt_text .name {
    width: 72%;
	margin-top: -2rem;
	}
	

	
}



/* 在校生の1日ページ */

.day{
    padding: 5rem 0;
    margin-bottom: 5rem;
    background: rgb(251,242,222);
    background: linear-gradient(0deg, rgba(251,242,222,1) 0%, rgba(222,247,236,1) 50%, rgba(210,240,255,1) 100%);
}

.day h3{
	color: #5d66af;
	font-size: 1.6rem;
}

.day-introduction{
    display: grid;
    grid-template-columns: 45% 55%;
    justify-content: center;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 1.5rem;
}

.day-introduction > img{
    max-width: 34rem;
    transform: translateY(2rem);
}

.day-detail{
    display: flex;
    flex-direction: column;
    font-size: 1.1rem;
    padding: 1em 1em .5em;
    /*margin-top: 6.2rem;*/
    background-color: #5d66af;
    color: #FFF;
    transform: translateY(2rem);
	text-align: justify;
	margin-bottom: 2.5rem;
}

.day-detail > p{
	color: #FFF;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	font-size: 1.4rem;
	letter-spacing: -0.02em;
	line-height: 1.8em;
}
.day-detail > p span{
    line-height: 1.2;
    display: inline-block;
    padding: 0 .5em;
    margin-left: 0.25em;
    border-radius: 1em;
    border:.1rem solid #FFF;
}

.day-detail > div{ margin: 1rem 0 0 auto;}
.day-detail > div span{ color: #FFF;}
.day-detail > div img{ width: 108px; vertical-align: baseline;}

.day-detail > .sub_text + div{ margin: 0 0 0 auto;}

@media (min-width:768px){
	
	.day h3{
	font-size: 1.8rem;
	}


    .day-introduction{
        max-width: var(--width-min);
        grid-template-columns: 32rem auto;
        gap: 3.2rem;
		align-items:center;
    }

    .day-detail{
        width: 37rem;
        max-height: 30rem;
        min-height: 20rem;
		padding: 2.5em 1.5em 2em;
		margin-bottom: 0;
    }
    
    .day-introduction > img{max-width: 28rem;}
    .day-detail p {font-size: 1.6rem;letter-spacing: normal;line-height: 2em;}
    .day-detail > div{ margin: auto 0 0 auto; ;font-size: 1.4rem;}
    .day-detail > div img {width:128px; display: block;margin-bottom: 1rem;}
}


.day .flow-list{
    max-width: 94rem;
    position: relative;
    z-index: 10;
}

.flow-list::after{
    content: " ";
    width: 0.2rem;
    height: 100%;
    display: block;
    background-color: #00c6ff;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: -1;
}

.flow-list:not(.application-flow) .flow-list_title{
    font-weight: bold;
    padding-bottom: .5em;
    margin-left: 0;
    margin-bottom: 1em;
    border-bottom: 2px solid #000;
}

.flow-list .special .flow-list_title{
    border: none;
}

.flow-list .special .flow-list_title::after{
    content: "";
    display: block;
    width: 100%;
    height: .2rem;
    background: linear-gradient(111deg, rgba(207,175,108,1) 0%, rgba(141,80,26,1) 14%, rgba(153,98,50,1) 23%, rgba(174,128,68,1) 39%, rgba(84,36,8,1) 52%, rgba(253,254,239,1) 64%, rgba(156,96,22,1) 74%, rgba(198,158,72,1) 85%, rgba(253,254,239,1) 91%, rgba(132,103,60,1) 100%);;
}

.flow-list_body{
    padding: 4%;
    margin-bottom: 1rem;
    background-color: #FFF;
    border-radius: .8rem;
    text-align: left;
}

.flow-list_body.special{
    background-color: #fffeb2;
    background: url(../images/bg_event-sp.png) repeat center top;
}

.flow-list_title span{
    color: #FFF;
    font-size: 2.0rem;
    font-weight: 400;
    padding: 0 .25em;
    margin-right: 0.5em;
    font-family:HelveticaNeue, nimbus-sans, sans-serif;
    background: linear-gradient(to right,  #65c4f3 0%, #df89bc 100%);
}

.flow-list .flow-list_item{ border: none;}

.flow-list figure{
    margin: 0 auto 1rem;
    padding: 4px;
    box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 10%);
    background-color: #FFF;
}

.flow-list_body.last {
	padding: 4% 4% 0 4%;
}
.flow-list_body.last .heading-area{
	margin-bottom: 2em;
}

.flow-list_body.last figure{
	padding: 0;
	box-shadow: none;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background: none;
}

.flow-list_body.last .last_img{
	display: block;
	position: relative;
}
.flow-list_body.last .last_img .icon{
	display: block;
	max-width: 60px;
	width: 8%;
	position: absolute;
}

.flow-list_body.last .last_img .icon01{
	bottom: 16%;
	right: 4%;
	width: 13%;
}
.flow-list_body.last .last_img .icon02{
	top: 26%;
	left: 3%;
	width: 8%;
	transform: rotate(-10deg);
}
.flow-list_body.last .last_img .icon03{
	top: -10%;
	left: 20%;
	width: 10%;
}
.flow-list_body.last .last_img .icon04{
	top: 12%;
	right: 15%;
	width: 12%;
}

.flow-list_body.lunch{
	display: block;
}
.flow-list_body.lunch .flow-list_title{
	border: none;
	padding: 0;
	margin: 0 auto;
}

.day p.notes{
	max-width: 94rem;
	margin: 0 auto;
}

@media not all and (min-width:768px){

    .flow-list_title ~ p{ text-align: left;}
    .flow-list_body figure{ width: 80%;}
}

@media (min-width:768px){

    .flow-list_body{
        display: grid;
        grid-template-columns: repeat(2 ,48%);
        grid-auto-rows: 1fr;
        gap: 2% 4%;
    }
    
    .flow-list_title{ font-size: 2.5rem;}
    .flow-list_body{ margin-bottom: 2rem;}
    .heading-area{ align-self: center;}
	
	.flow-list_body.last .last_img .icon03{
	top: -8%;
	left: 21%;
	width: 11%;
}
}



/* キャンパスライフページ */

.campus h3{
	color: #5d66af;
	font-size: 1.6rem;
}

.campus .campus-introduction{
	display: block;
}

.campus .campus-introduction .cnt_text{
	position: relative;
	width: 100%;
	max-width: 440px;
	padding-bottom: 2rem;
	margin: 0 auto;
}

.campus .campus-introduction .cnt_text::after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: url("../../course/images/campus/fukidasi_sp.png") no-repeat center bottom;
	background-size: contain;
	position: absolute;
	bottom: -2rem;
}

.campus .campus-introduction .top_img{
	max-width: 100px;
	margin: -1rem auto;
}

@media (min-width:768px){
	.campus h3{
	font-size: 1.8rem;
	}
	
	.campus .campus-introduction{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	.campus .campus-introduction .cnt_text{
		width: 78.7%;
		max-width: 680px;
		margin: 0 0 2rem;
		padding-bottom: 3rem;
	}
	
	.campus .campus-introduction .cnt_text::after{
		background: url("../../course/images/campus/fukidasi_pc.png") no-repeat center bottom;
		background-size: contain;
		bottom: -3rem;
	}
	.campus .campus-introduction .top_img{
		max-width: 153px;
		width: 17.7%;
	}
}


.campus .calendar_area{
	padding: 0;
	margin-top: -14px;
}

.campus .calendar_g dl{
	display: grid;
	grid-template-columns: 68px 1fr;
/*	grid-gap: 2px;*/
	margin-bottom: 1px;
}

.campus .calendar_g dl:first-of-type dt{
	border-radius: 1rem 0 0 0;
}
.campus .calendar_g dl:first-of-type dd{
	border-radius: 0 1rem 0 0;
}

.campus .calendar_g dl:last-of-type dt{
	border-radius: 0 0 0 1rem;
}
.campus .calendar_g dl:last-of-type dd{
	border-radius: 0 0 1rem 0;
}

.campus .calendar_g dl dt{
	padding: 2rem 0 1.2rem;
	text-align: center;
	color: #fff;
	background: linear-gradient(0deg, var(--theme-sub-color) 0%, var(--theme-color) 100%);
}
.campus .calendar_g dl dt .month{
	color: #fff;
	line-height: 1.0;
	font-weight: normal;
}

.campus .calendar_g dl dt .month span{
	font-family: 'Spartan', sans-serif;
	font-weight: 200;
	font-size: 3.4rem;
}

.campus .calendar_g dl dd{
	padding: 2rem;
	background: var(--bg-theme-main);
	min-width: 0;
}

.campus .calendar_g dl:nth-of-type(even) dd{
	background: var(--bg-theme-sub);
}

.campus .calendar_g dl dd h4{
	text-align: left;
	font-size: 2rem;
	color: var(--theme-color);
	margin-bottom: 0.4em;
}
.campus .calendar_g dl dd .calendar_text{
	margin-bottom: 1rem;
}

.campus .calendar_g dl dd h4:only-child, 
.campus .calendar_g dl dd .calendar_text:last-of-type{
	margin-bottom: 0;
}

.campus .swiper:not(.KvSwiper){
	padding-bottom: 0;
}

.campus .swiper-wrapper{
	aspect-ratio: 3/2;
}
.campus .swiper-wrapper li img{
	height: 100%;
	max-height: none;
}

.campus .calendar_img{
	width: 100%;
	max-width: 416px;
	border: 4px solid #fff;
	box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 10%);
	aspect-ratio: 3/2;
    overflow: hidden;
	margin: 0 auto 0.8rem;
}

@media (min-width:768px){
	.campus .calendar_g dl dt{
		padding: 3.4rem 0 1.2rem;
	}
	.campus .calendar_g dl dd{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		column-gap: 3rem;
		padding: 3rem;
	}
	.campus .calendar_g dl dd h4{
		font-size: 2.8rem;
	}
	.campus .calendar_g dl dd .calendar_text{
		width: 44.7%;
	}
	.campus .calendar_img{
		max-width: 416px;
		width: 55%;
		margin: 0;
	}
	.campus .calendar_g dl dd .calendar_text:last-of-type{
		width: 100%;
	}
	
	.campus .calendar_g dl:first-of-type dt{
		border-radius: 1.5rem 0 0 0;
	}
	.campus .calendar_g dl:first-of-type dd{
		border-radius: 0 1.5rem 0 0;
	}

	.campus .calendar_g dl:last-of-type dt{
		border-radius: 0 0 0 1.5rem;
	}
	.campus .calendar_g dl:last-of-type dd{
		border-radius: 0 0 1.5rem 0;
	}

}

/*---------

campus calender

----------------------------**/

/*
.campus-calender{
     --bg-campus-calender: rgb(14, 195, 247); 
    --bg-campus-calender: rgb(38, 162, 216);
    --bg-campus-apr-may: rgb(255, 221, 246);
    --bg-campus-jun-oct: rgb(177, 236, 255);
    --bg-campus-dec: rgb(253, 254, 206);
    --bg-campus-feb-mar: rgb(227, 227, 254);
    --campus-apr-may: rgb(253, 46, 143);
    --campus-jun-oct: rgb(0, 145, 228);
    --campus-dec: rgb(254, 125, 48);
    --campus-feb-mar: rgb(130, 96, 227);

    --bg-theme-main: rgb(237, 247, 249);
}
*/

.campus-calender {
    width: 100%;
    background-color: var(--result-color);
    padding: 5rem 0 14.9rem;
    position: relative;
	overflow: hidden;
	margin-bottom: 5rem;
}

.campus-calender h2 { color: #fff;}

.campus-calender .text-box {
    max-width: 335px;
	padding-bottom: 2rem;
	margin: 0 auto;
}

.campus-calender p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: normal;
	padding-bottom: 1rem;
}

.campus-calender_img01 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(148px, 83px);
    -webkit-transform: translate(148px, 83px);
    width: 39.5px;
}

.campus-calender_img02 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-185px, -178px);
    -webkit-transform: translate(-185px, -178px);
    width: 31.5px;
}

.campus-calender_img03 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(149px, 185px);
    -webkit-transform: translate(149px, 185px);
    width: 47px;
}

.campus-calender_img04 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(42px, 113px);
    -webkit-transform: translate(42px, 113px);
    width: 93.5px;
    z-index: 1;
}

.campus-calender_img05 {
    width: 349px;
    margin: 0 auto;
}

.campus-calender_img06 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-207px, 120px);
    -webkit-transform: translate(-207px, 120px);
    width: 95px;
}

.campus-calender_img07 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(145px, -160px);
    -webkit-transform: translate(145px, -160px);
    width: 42px;
}

.campus-calender_img08 {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 157.5px;
}

@media (min-width:768px) {

    .campus-calender { padding: 6.9rem 0 6rem;}
	
	.campus-calender .text-box{
		max-width: 369px;
        padding-bottom: 3rem;
        margin: unset;
	}

    .campus-calender p {
        color: #fff;
        font-size: 1.8rem;
        font-weight: normal;
		padding-bottom: 1.4rem;
    }

    .campus-calender .section-inner {
        margin-top: 1.3rem;
        width: 690px;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .campus-calender_img01 {
        transform: translate(381px, 149px);
        -webkit-transform: translate(381px, 149px);
        width: 79px;
    }
    
    .campus-calender_img02 {
        transform: translate(-431px, -190px);
        -webkit-transform: translate(-431px, -190px);
        width: 56px;
    }
    
    .campus-calender_img03 {
        transform: translate(319px, -195px);
        -webkit-transform: translate(319px, -195px);
        width: 67px;
    }
    
    .campus-calender_img04 {
        transform: translate(213px, -11px);
        -webkit-transform: translate(213px, -11px);
        width: 129px;
        z-index: 1;
    }
    
    .campus-calender_img05 {
        width: 681px;
        margin: 0 auto;
    }
    
    .campus-calender_img06 {
        transform: translate(-554px, 64px);
        -webkit-transform: translate(-554px, 64px);
        width: 120px;
    }
    
    .campus-calender_img07 {
        transform: translate(450px, -78px);
        -webkit-transform: translate(450px, -78px);
        width: 94px;
    }
    
    .campus-calender_img08 {
        position: absolute;
        bottom: 0;
        transform: translateX(38px);
        -webkit-transform: translateX(38px);
        width: 221px;
    }
}


/*---------

公務員夜間コース　1日の流れ
.course-day-schedule

----------------------------**/

.course-day-schedule .flow-list::after{
		left: 50%;
		background-color: #f7dd00;
	}
.course-day-schedule .flow-body{
		border: 1px solid #9f9f9f;
		border-radius: 0;
		background-color: #fff;
		text-align: center;
		margin-bottom: 2rem;
		
	}
.course-day-schedule .flow-body.white{
	padding: 0.6rem;
}
.course-day-schedule .flow-body:first-child{
	background-color: #fff9c3;
/*					background: var(--site-point-color);*/
}
.course-day-schedule .flow-body p{
	padding: 1.6vh; 
}
.course-day-schedule .flow-subtext{
	margin-bottom: 1.6rem;
	text-align: center;
	padding-left: 6rem;
}
.course-day-schedule .flow-body dl{
	display: flex;
	justify-content: flex-start;
    align-items: center;
    width: calc(100% - 100px);
}
.course-day-schedule .flow-body dl dt{
	background: var(--site-point-color);
	padding: 0.6rem;
	width: 100px;
	border-right: 1px dotted #9f9f9f;
}
.course-day-schedule .flow-body dl dd{
	text-align: center;
	padding: 0.6rem;
	display: block;
	width: calc(100% - 100px);
}


@media (min-width:768px){
.course-day-schedule .flow-body dl{
    width: calc(100% - 140px);
}
.course-day-schedule .flow-body dl dt{
	width: 140px;
}
.course-day-schedule .flow-body dl dd{
	width: calc(100% - 140px);
}


}




/*---------

bridal

----------------------------**/

/* 学科ページ */

.distinctive-list_item .internship_img{
	position: relative;
}
.distinctive-list_item .internship_img img{
	background: #fff;
}
.distinctive-list_item .internship_img img:nth-child(2n){
	width: 40%;
	position: absolute;
	bottom: -14px;
	right: -4%;
	border-radius: 50%;
	padding: 0.3rem;
}

.award_list .distinctive-list_item dl > div, 
.internship_list .distinctive-list_item dl > div{
	height: min-content;
}

.internship_list dt span{
	display: inline-block;
	background: var(--theme-color);
	color: #fff;
	padding: 0px 8px;
	border-radius: 16px;
	margin-right: 6px;
	font-size: 0.9em;
}

.internship_list dd{
	padding-left: 24px;
}

.internship_list dd .name_img{
	display: block;
	max-width: 150px;
	line-height: 0;
}

@media not all and (min-width: 768px){
/*
.internship_list .distinctive-list_item dl:not([class]) > div,
.internship_list .distinctive-list_item:nth-child(2n) dl:not([class]) > div{
	grid-column: unset;
    margin-right: 10%;
    margin-left: 0;
}
	
	
.internship_list .distinctive-list_item dl, 
.internship_list .distinctive-list_item:nth-child(2n-1) dl:not([class]){
	grid-template-columns: 45% 1fr;
}
*/
	
}


@media (min-width:768px){

.distinctive-list_item .internship_img img:nth-child(2n){
	bottom: -14px;
	right: -8%;
}
	
}



/* コースページ */

.pickup_cnt figure{
	max-width: 54rem;
	margin: 0 auto 20px;
	background: #fff;
	padding: 0.3rem;
	box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .1);
}

@media (min-width:768px){
.pickup_cnt dl dt{
	text-align: center;
	margin: 0 auto;
	width: fit-content;
}
.pickup_cnt dl dd{
	text-align: center;
}
}



/*---------

swiper

----------------------------**/

.swiper-wrapper li img{ width: auto; max-height: 20rem;}

.swiper-free-mode > .swiper-wrapper{
    -webkit-transition-timing-function:linear!important;
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important;
}

@media (min-width:768px){

    .swiper-wrapper li img{ max-height: 32rem;}
}


.swiper.swiper-horizontal{ overflow: hidden;}



/*---------

anime

----------------------------**/

/* 学科ページ */
.annual-schedule-list.until-debut-list{
	max-width: 680px;
	margin: 0 auto;
}

.annual-schedule-list.until-debut-list .title-body{
/*	border: 1px solid var(--theme-sub-color);*/
	background: var(--bg-site-main-cream);
}
.annual-schedule-list.until-debut-list .title-body:not(:first-child){
	margin-top: 2rem;
}

.annual-schedule-list.until-debut-list .title-body p{
	text-align: center;
	padding: 0.6rem;
}
.annual-schedule-list.until-debut-list h3{
/*	background: var(--theme-color);*/
	background: #9acd31;
	margin-bottom: 0;
}
.annual-schedule-list.until-debut-list h3 span{
	font-size: 0.7em;
}
.annual-schedule-list.until-debut-list .annual-schedule-body {
    border-color: var(--theme-sub-color);
    background-color: var(--theme-sub-color);
}

.annual-schedule-body dl.has_image{
	grid-template-columns: 3em 50% calc(50% - 3em);
	grid-auto-rows: auto;
    align-items: center;
}

.annual-schedule-body dl.has_image dt {
	display: flex;
	align-items: center;
	padding-bottom: 0.8rem;
	height: 100%;
}

.annual-schedule-body dl.has_image dd{
	padding: 0;
	border-radius: 0 0.3rem 0.3rem 0;
}
.annual-schedule-body dl.has_image dd img{
	object-fit: cover;
	height: 100%;
	min-height: 100px;
}
.annual-schedule-list .text-body{
	background-color: #fff;
	width: 200px;
	margin: 1em auto 0;
	background-color: var(--theme-sub-color);
}

.annual-schedule-list .text-body p{
	padding: 0.6rem 0.8rem;
	text-align: center;
	color: #fff;
}

.annual-schedule-list .title-body:last-of-type {
	border: 1px solid rgb(253, 142, 190);
	background: #fff;
}

.annual-schedule-list .title-body:last-of-type ul{
	padding: 0.6rem 1.2rem;
}

.annual-schedule-list .title-body:last-of-type h3{
	background: rgb(253, 142, 190);
	margin-bottom: 0;
}

@media not all and (min-width: 768px){
.until-debut-list .annual-schedule-body dl dt{
	font-size: 1.7rem;
}
}


.graduate-message_text .profile{
	background: var(--bg-theme-main);
    padding: 0.8em 1.6em;
    border-radius: 0.8rem;
    margin-bottom: 1em;
    font-size: 1.4rem;
    line-height: 1.6;
}
.graduate-message_text .profile .title{
	color: #fff;
	background: var(--theme-color);
	display: inline-block;
	padding: 2px 8px;
	border-radius: 1em;
	line-height: 1em;
	margin: 6px 0 2px;
}
.graduate-message_text .profile .now{
	color:  var(--theme-color);
	font-weight: 600;
}

.graduate-message_text .profile li{
	padding-left: 1em;
	position: relative;
}

.graduate-message_text .profile li::before{
	content: '';
	display: block;
	background: var(--theme-sub-color);
	width: 0.8em;
	height: 0.8em;
	position: absolute;
	top: 0.4em;
	left: 0;
	border-radius: 50%;
}

.debut-area h3 span{
	display: inline;
}
.debut-area h3 span.bg{
	background: var(--theme-color);
	color: #fff;
	padding: 2px 1em;
	border-radius: 1em;
	display: block;
	width: fit-content;
	margin: 0 auto 0.5em;
}



.comic-list_item{
	max-width: 480px;
	margin: 0 auto 3rem;
}
.comic-list_item .comic_img{
	margin-bottom: 1em;
}
.comic-list_item dt{
	color: var(--theme-color);
	font-size: 1.2em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
}
.comic-list_item dt span{
	font-size: 0.8em;
	font-weight: 400;
}

@media (min-width:768px){
.comic-list{
	display: flex;
	gap: 0 8%;
}

.comic-list_item{
	flex: 0 0 46%;
}
}


/*---------

accountant 会計士・税理士系

----------------------------**/

/* 学科ページ */
.accountant .accountant-course-list{
	display: block;
}

.accountant .accountant-course-list:last-of-type{
	margin-bottom: 8%;
}

.accountant .accountant-course-list dl > div.img{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto 10px;
	max-width: 700px;
}
.accountant .accountant-course-list div.img > img{
	width: 49%;
}
.accountant .accountant-course-list dl{
	display: block;
}
.accountant .accountant-course-list dl > div.text{
	margin: 0 auto;
}
.accountant .accountant-course-list .text > p{
	display: block;
/*	color: var(--theme-color);*/
	font-size: 1.4rem;
	line-height: 2rem;
	margin-bottom: 0.6em;
}

@media (min-width:768px){
	
	.accountant .accountant-course-list:last-of-type{
		margin-bottom: 4%;
	}
	.accountant .accountant-course-list .text > p{
		font-size: 1.8rem;
		line-height: 2.2rem;
	}


}
@media not all and (min-width: 768px){
	.accountant .accountant-course-list dl > div.text, 
	.accountant .accountant-course-list dl > div.img{
		margin: 0 auto;
	}
	
}


/* コースページ */

.accountant section.faq{
	grid-column: 1 / 3;
	padding-top: 0;
}
.accountant section.faq .faq_box{
	display: block;
	background: #fff;
	padding: 1em;
	border-radius: 1rem;
	background-color: #fff;
}
.accountant section.faq .faq_box dt{
	font-size: 1.8rem;
	color: var(--theme-color);
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid var(--theme-color);
}
.accountant section.faq .faq_box dt.question,
.accountant section.faq .faq_box dd.answer{
	padding-left: 3.8rem;
	text-indent: -3.8rem;
}
.accountant section.faq .faq_box dt.question::before, 
.accountant section.faq .faq_box dd.answer::before{
	content: 'Q';
	display: inline-block;
	color: #fff;
	background: var(--theme-color);
	font-weight: 600;
	width: 3rem;
	height: 3rem;
	text-align: center;
	margin-right: 0.8rem;
	font-size: 1.6rem;
	text-indent: 0;
}
.accountant section.faq .faq_box dd.answer::before{
	content: 'A';
	background: var(--bg-theme-sub);
	color: var(--theme-color);
}

.accountant .distinctive-list_item > div.column p{
	font-size: 1.6rem;
    line-height: 2.0;
}

.accountant section.faq .faq_box table{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
	margin: 1.2rem 0 2rem;
}

.accountant section.faq .faq_box table th,
.accountant section.faq .faq_box table td {
    padding: 0.5em 1em;
    text-align: center;
    vertical-align: middle;
}

.accountant section.faq .faq_box table tbody tr:not(:last-child) th, 
.accountant section.faq .faq_box table tbody tr:not(:last-child) td {
    border-bottom: 1px dotted #7c7c7c;
}

.accountant section.faq .faq_box table th:not(:last-child), 
.accountant section.faq .faq_box table th:not(:last-child), 
.accountant section.faq .faq_box table td:not(:last-child) {
    border-right: 1px solid #000;
}



@media not all and (min-width: 768px){
.accountant section.faq{
	grid-column: unset;
}
}

.accountant .flex_cnt{
	max-width: var(--width-min);
	margin: 0 auto;
}

.accountant .flex_cnt .img{
	max-width: 280px;
    padding: 0.4rem;
    margin-bottom: 1em;
    box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 10%);
	display: block;
	margin: 0 auto 1em;
}
.accountant .flex_cnt .text_box{
	flex-basis: 64.8%;
}

@media (min-width: 768px){
	.accountant .flex_cnt{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.accountant .flex_cnt .img{
		flex-basis: 32%;
		margin: 0;
	}
}

.successful .graduate-message_text > p{
	font-size: 1.6rem;
	line-height: 2.0;
	color: #000;
}

.successful .graduate-message_text > p.theme-color,
.successful .graduate-message_text .toggle-item p.theme-color{
	font-size: 1.8rem;
	line-height: 1.6;
	color: var(--theme-color);
}

.successful .graduate-message_text .toggle-item p.theme-color{
	margin: 1.6rem 0 0.8rem;
}

.successful .graduate-message_img figure::after{
	background: var(--bg-theme-main);
}

.successful .toggle-switch-area{
	padding: 0.8em 0 0.5em;
}
.graduate-message.successful:nth-of-type(1) .toggle-item{
	display: none;
}

.graduate-message.successful .toggle-item .inner_img{
	overflow: hidden;
    position: relative;
    z-index: 1;
	width: 80%;
	max-width: 320px;
	margin: 10px auto 30px;
}

@media (min-width: 768px){
.successful .graduate-message_text > p.theme-color,
.successful .graduate-message_text .toggle-item p.theme-color{
	font-size: 2.0rem;
}
}

/* 状況に応じて選べる学習期間 */

.period .timetable table tr:nth-of-type(2n-1) td:not([rowspan]){
	background-color: #ededed;
}

@media not all and (min-width: 768px){
.period .timetable table{
	width: 100%;
}
.period	.timetable table th, .timetable table td{
	padding: 0.5em 0.5em;
    font-size: 1.4rem;
    line-height: 1.8;
}
}


/*---------

seika 製菓系

----------------------------**/

.seika .swiper-wrapper li img{
    max-height: 32rem;
}

.distinctive-list_item dd .sub_cnt{
    display: block;
    background: var(--bg-theme-sub);
    padding: 8px;
    border-radius: 0.8em;
    font-size: 12px;
    line-height: 1.6;
}

.distinctive-list_item dd .title{
    background: var(--theme-color);
    color: #fff;
    display: block;
    padding: 0 8px;
    border-radius: 1em;
    margin-bottom: 4px;
    width: fit-content;
}


section:not([class]) .pickup_box{
	background: var(--bg-theme-sub);
}

.teacher .pickup_box.specialist{
	margin: 3rem auto 5rem;
}
.teacher .pickup_box.specialist::before, 
.teacher .pickup_box.specialist::after {
	display: none;
}

.teacher .pickup_box.specialist .category{
	display: flex;
    justify-content: center;
    flex-flow: column;
	width: 92px;
	height: 92px;
	padding-top: 4px;
	background: var(--theme-sub-color);
/*	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);*/
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.06em;
	text-align: center;
	position: absolute;
	top: -30px;
	left: -10px;
}
.teacher .pickup_box.specialist .category span{
	font-family: 'Spartan', sans-serif;
	letter-spacing: 0;
	font-size: 12px;
}

.teacher .pickup_box.specialist .category::after{
	content: '';
	display: block;
	width: 84px;
	height: 84px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 4px;
}

@media (min-width: 768px){
	.teacher .pickup_box.specialist .category{
		top: -20px;
		left: -20px;
}
}
	
	
/* 主任講師の紹介 */
.reading_cnt img{
	margin-bottom: 1em;
}

.reading_cnt .cnt_img{
	max-width: 720px;
	margin: 0 auto 2em;
}

.reading_cnt .cnt_img .sub_text{
	font-size: 0.8em;
	line-height: 1.6;
	display: block;
	color: #777;
}

.reading_cnt h3{
/*	background: var(--bg-theme-sub);*/
	border-left: 4px solid var(--theme-sub-color);
	text-align: inherit;
	padding: 8px 0 8px 12px;
}

.reading_cnt .info_box{
	background: var(--bg-theme-sub);
	border-radius: 1rem;
	padding: 3rem 1.2rem 2rem;
    position: relative;
}

.reading_cnt .info_box{
    
}

.reading_cnt .info_box .deco_title{
    position: relative;
    margin: 0 auto;
    display: block;
    width: fit-content;
}

.reading_cnt .info_box .deco_title h4{
    color: #fff;
	background: var(--theme-color);
	font-size: 1.6rem;
	font-weight: 600;
    margin-left: 2rem;
	margin-bottom: 3rem;
    padding: 6px 18px 6px 106px;
    border-radius: 30px;
    width: fit-content;
}
.reading_cnt .info_box dl dt{
	line-height: 1.4;
	margin-bottom: 0.6em;
}

.reading_cnt .info_box dl dt span{
	font-weight: normal;
	font-size: 0.9em;
	color: #000;
}

.reading_cnt .info_box .deco_img{
    display: block;
    width: 120px;
    position: absolute;
    bottom: -30px;
}



@media (min-width: 768px){
	.reading_cnt .info_box{
		padding: 3rem 2rem 2rem;
	}
	
	
}

/* 独自の教育カリキュラム */
	

.flow-item .add_cnt {
    display: block;
    background: var(--bg-theme-sub);
    padding: 1rem;
    position: relative;
    margin-top: 60px;
}

.flow-item .add_cnt .title{
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.4em;
    display: block;
}
.flow-item .add_cnt::before {
    display: flex;
    justify-content: center;
    align-items: center;
    content: "+";
    position: absolute;
    font-size: 2rem;
    font-weight: normal;
    color: var(--theme-color);
    border: solid 1px;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -50px;
    width: 40px;
    height: 40px;
}

.seika .flow-item figure{
    max-width: 480px;
    width: 80%;
    padding: 0.4rem;
    box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 10%);
    display: block;
    margin: 0 auto 1em;
    background: #fff;
}

.point_h3_g .point-number{
    padding-bottom: 1.8rem;
    position: relative;
}

.point_h3_g .point-number::after{
    content: '';
    width: 50px;
    height: 1px;
    display: block;
    border-bottom: 1px solid #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.point_h3_g .point-number::before{
    font-size: 0.6em;
}

@media (min-width: 768px){

}


/* 在校生の1日 */

.introduction_pair .day-introduction > img{
    max-width: 13rem;
    background: #fff;
    padding: 4px;
    border-radius: 50%;
    box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 10%);
    margin: 0; 
    transform: none;
}

.introduction_pair .day-introduction{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 3rem;
    max-width: 860px;

}

.introduction_pair .day-detail{
    width: calc(100% - 14rem);
    transform: none;
    min-height: 0;
}

.introduction_pair .day-introduction:nth-of-type(odd){
    
}

@media (min-width: 768px){
    
    .introduction_pair .day-introduction{
        align-items: center;
    }
    .introduction_pair .day-introduction > img{
        max-width: 21rem;
    }

    .introduction_pair .day-detail{
        max-width: 62rem;
        width: calc(100% - 24rem);
    }
}



/*---------

jidousya 自動車系

----------------------------**/

/* 学科ページ */

.graduate-message_text dl.profile{
	margin-top: 1em;
	padding: 0.8em 0.8em;
}
.graduate-message_text .profile dt span{
	color: #fff;
	background: var(--theme-color);
	display: block;
	padding: 3px 10px;
	border-radius: 1em;
	line-height: 1em;
	margin: 2px 0 0;
	text-align: center;
	font-weight: normal;
}
.graduate-message_text dl.profile{
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px;
}

@media (min-width: 768px){
	.graduate-message_text dl.profile{
		padding: 0.8em 1.6em;
	}
}


/* 実習車ラインナップ */

.lineup .cnt_g h4{
	color: var(--theme-color);
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center;
}


.lineup .cnt_box{
	margin: 0 auto 3rem;
}

.lineup .cnt_box .img{
	display: block;
	max-width: 440px;
	width: 80%;
	margin: 0 auto;
}

.lineup .cnt_box .sub_img{
	display: flex;
	gap: 2%;
	margin-top: 1rem;
}

.lineup .cnt_box .sub_img span{
	display: block;
	flex-basis: 49%;
}

.lineup .cnt_ptn03{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: auto;
	gap: 1rem;
}

.lineup .cnt_ptn03 .title{
	color: var(--theme-color);
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.4;
	margin-top: 1rem;
}

@media (min-width: 768px){
	
	.lineup .cnt_ptn01 .cnt_box{
		display: flex;
		justify-content:space-between;
		align-items: center;
		margin-bottom: 6rem;
	}
	
	.lineup .cnt_ptn01 .cnt_box .img{
		width: 60%;
		max-width: 560px;
		margin: 0;
	}
	
	.lineup .cnt_ptn01 .cnt_box .cnt_text{
		width: 40%;
	}
	
	.lineup .cnt_ptn01 h4{
		text-align: left;
	}
	
	.lineup .cnt_ptn02{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		gap: 3rem 6rem;
	}
	
	.lineup .cnt_ptn03{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
}

/*整備系女子ページ*/


/*---------

figure

----------------------------**/

.mechanicgirls figure{ margin: 1.5em auto 2em;}
.mechanicgirls .fig-large{ width: 70%;}

@media not all and (min-width: 768px){
    
 .mechanicgirls .fig-large{ width: 100%;}   
    
}

.intro_mechanicgirls{
    background-color: rgba(255,239,246,1);
    margin-bottom: 5rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.intro_mechanicgirls .name {
    width: 45%;
    margin-left: auto;
    align-items: flex-start;
    margin-top: -1em;
    margin-bottom: 3em;
}

@media not all and (min-width: 768px){
    .intro_mechanicgirls .name {
    width: 100%;
    margin-left: auto;
    align-items: flex-start;
    margin-top: -1em;
}    
}

/* img_2columns */

.img_2columns{
    width: 100%;
/*max-width:  68rem;*/
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    column-gap: 2%;
    place-content: center;
}

.mechanicgirls h2{
    color: rgb(255,125,185); 
}

.mechanicgirls .faq{
	grid-column: 1 / 3;
	padding-top: 0;
}

/*question box*/

.mechanicgirls .faq .faq_box{
	display: block;
	background: #fff;
	padding: 1em;
	border-radius: 1rem;
	background-color: #fff;
}

/*question letter*/
.mechanicgirls .faq .faq_box dt{
	font-size: 1.8rem;
	color: black;
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid rgb(255,125,185);
	line-height: 1.6em;
}

.mechanicgirls .faq .faq_box dt.question,
.mechanicgirls .faq .faq_box dd.answer{
	padding-left: 3.8rem;
	text-indent: -3.8rem;
}
.mechanicgirls .faq .faq_box dt.question::before, 
.mechanicgirls .faq .faq_box dd.answer::before{
	content: 'Q';
	display: inline-block;
	color: #fff;
	background: black;
	font-weight: 600;
	width: 3rem;
	height: 3rem;
	text-align: center;
	margin-right: 0.8rem;
	font-size: 1.6rem;
	text-indent: 0;
}
.mechanicgirls .faq .faq_box dd.answer::before{
	content: 'A';
	background: rgba(255,239,246,1);
	color: rgb(255,125,185);
    font-size: 1.6rem;
}

/*answer title*/
.mechanicgirls .faq .faq_box dd.answer .answer-title {
	color: rgb(255,125,185);
    font-size: 1.8rem;
}

.mechanicgirls .faq .faq_box dl{
	margin-top: 1em;
}

.mechanicgirls .faq .faq_box dl{
	margin-top: 1em;
}

.mechanicgirls .faq .faq_box dt.q2{
	margin-top: 4em;
}


@media not all and (min-width: 768px){
.mechanicgirls .faq{
	grid-column: unset;
}
}


/*---------

medical　医療系

----------------------------**/


/*--- 学科ページ
----------------------------**/

.theme-sub .distinctive-list_item .sub_cnt{
    background: #fff;
}

.job-list .distinctive-list_item dl dt{
    margin-bottom: 0.2rem;
}

.job-list .distinctive-list_item{
    margin-bottom: 4rem;
}

.job-list .distinctive-list_item .sub_cnt li{
    font-size: 1.6rem;
}


/*---------

nursery 保育

----------------------------**/

.timetable.white table tr:nth-of-type(2n-1) td:not([rowspan]){
    background: #fff;
}

.timetable td.theme-border{
    background: #fff;
    border: 3px solid var(--theme-sub-color)!important;
}

.arrow_bottom{
    position: relative;
    margin-bottom: 5rem;
}

.arrow_bottom::after{
    content: '';
    display: block;
    height: calc(40px / 2);
    width: 40px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background: var(--theme-color);
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.hoiku_flow{
    display: grid;
    max-width: 480px;
    margin: 2rem auto 1rem;
}

.hoiku_flow .flow-body{
    background: #fffddd;
    border: 1px solid #ffc700;
    position: relative;
}

.hoiku_flow .flow-body::after{
    text-align: center;
    line-height: 2.8rem;
    content: "+";
    position: absolute;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;;
    background: #ffc700;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -2.4rem;
    width: 3rem;
    height: 3rem;
    z-index: 1;
}

.hoiku_flow .flow-body:last-of-type::after{
    display: none;
}

.hoiku_flow .flow-body p{
    padding: 1rem;
    text-align: center;
}

.hoiku_flow .flow-body .flow-inner{
    padding: 0 1rem 1rem;
    display: grid;
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
}

.hoiku_flow .flow-body .flow-inner li{
    background: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    padding: 1rem;
}

.hoiku_flow .flow-body .flow-inner li span{
    font-size: 0.9em;
    font-weight: normal;
    display: block;
}

.hoiku_merit{
    border-radius: 0.8rem;
    max-width: 800px;
    margin: 0 auto 3rem;
    background: #fffcdd!important;
}

.hoiku_merit h5{
    text-align: center;
    border-bottom: 1px solid;
    margin-bottom: 1rem;
    padding-bottom: 0.8rem;
}

.course02 .hoiku_flow .flow-body{
    background: #fff1f4;
    border: 1px solid #ff8ca9;
}
.course02 .hoiku_flow .flow-body::after{
    background: #ff8ca9;
}
.course02 .hoiku_merit {
    background: #fff1f4;
}

h4.theme-bg{
    width: 100%;
    padding: 0.5em;
    background-color: var(--bg-theme-main);
}

/*---------

success

----------------------------**/

.success-point-list{
	margin: 0 auto;
    position: relative;
	display: block;
}
.success-point-list .point-body{
    border-radius: 0.8rem;
    padding: 4vw 2vw;
	background-color: #fff;
	box-shadow: 0px 0px 12px rgb(0 0 0 / 8%);
	max-width: var(--width-min);
	margin: 0 auto 3vh;
}

.success-point-list .point-body .heading-area{
	margin-bottom: 0.8em;
}

.success-point-list .point-body .point-detail ol {
    border-radius: 0.8rem;
    max-width: 680px;
    margin: 0 auto 1.2em;
    background: #fff;
    padding: 1.6rem 2rem 1em 4rem;
	background-color: rgba(226, 243, 255, 1);
}

.success-point-list .point-body .point-detail .img_box{
	max-width: 680px;
	margin: 0 auto;
	width: 80%;
}

.success-point-list .point-body .point-detail .img_box .img{
	margin-bottom: 0.8em;
}

/*教育のポイント　情報IT*/
.success-point-list .center-img{
    max-width:480px;
    width:80%;
    margin: 0 auto ;
    margin-top: 1.2em;
}

@media not all and (min-width: 768px){
	
.success-point-list .point-list_item p {
	text-align: left;
}
}


@media (min-width: 768px){
.success-point-list .point-body{
    padding: 2vw;
}
	
.success-point-list .point-body .point-detail ol {
	margin: 0 auto 2vw;
}

.success-point-list .point-body .point-detail .img_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	
.success-point-list .point-body .point-detail .img_box{
	width: 100%;	
}
	
.success-point-list .point-body .point-detail .img_box .img{
	display: block;
	width: 48%;
	margin-bottom: 1.2em;
}

}


/*---------

recruit-a 就職安心Point

----------------------------**/

.success-point-top{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 500px;
    margin: 0 auto;
}

.success-point-top .qualification-list_body{
    width: 18.6rem;
    height: 18.6rem;
    border-color: var(--result-color);
    background-color: #fff;
    margin-bottom: 2rem;
}
.success-point-top .qualification-list_item{
    grid-auto-rows: 1fr 36%;
}

.success-point-top .qualification-list_head{
    padding-top: 1em;
}

.success-point-top .qualification-list_number{
    background-color: var(--result-color);
    color: #fff;
}

.success-point-top .img{
    max-width: 220px;
    width: calc(100% - 19rem);
}

@media (min-width: 768px){
    .success-point-top .qualification-list_body{
        width: 24rem;
        height: 24rem;
    }
}

.success-point-list .point-detail p{
    margin-bottom: 1.6rem;
}

.success-point-list .results p, 
.success-point-list .message_g p{
    margin-bottom: 0;
}

.recruit-a section.results{
    margin-bottom: 0;
}

.success-point-list .results{
    background: none;
    padding: 0;
    margin: 3rem auto 0;
    color: #000;
    max-width: 680px;
}
.success-point-list .results h4{
    font-size: 1.8rem;
}
.success-point-list .results h4.bg{
    color: #fff;
    background: var(--theme-color);
    width: fit-content;
    padding: 0.6rem 2rem;
    margin: 0 auto 2rem;
    border-radius: 2rem;
}

.success-point-list .employment-rate_body .employment-rate{
    color: var(--theme-color);
}

.success-point-list .employment-rate_body .employment-rate span{
    font-size: 4rem;
    letter-spacing: normal;
    margin-left: 0.1em
}

.success-point-list .results .employment-place_body{
    background:var(--bg-theme-sub);
}

.recruit-a .message_g{
    background: var(--bg-theme-sub);
    border-radius: 0.8rem;
    padding: 2rem 2vw;
    margin: 0 auto;
    max-width: var(--width-min);
}

.recruit-a .message_g h4{
    background: var(--theme-color);
    color: #fff;
    display: block;
    padding: 0.6rem 3rem;
    width: fit-content;
    margin: 0 auto 2rem;
    transform: translateY(-50%);
    border-radius: 2rem;
}

.recruit-a .teacher_g .interviewee {
    grid-template-columns: 12rem 1fr;
    gap: 1.2rem;
}

.recruit-a .teacher_g .interviewee .text{
    font-size: 1.4rem;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid var(--theme-color);
}


/*---------

curriculum カリキュラム紹介

----------------------------**/

.curriculum-body {
/*
    border-radius: 0.8rem;
    padding: 3rem 2vw 3rem;
    background-color: #fff;
    box-shadow: 0px 0px 12px rgb(0 0 0 / 8%);
*/
    max-width: var(--width-min);
    margin: 0 auto 5rem;
}

.curriculum-body .heading-area{
/*
    border-bottom: 1px solid var(--theme-color);
    padding-bottom: 1rem;
*/
    margin-bottom: 2rem;
}

.h3_number{
/*
    color: #fff;
    background: var(--theme-color);
    width: fit-content;
    padding: 0.6rem 2rem 0.6rem;
    margin: 0 auto;
    border-radius: 3rem;
*/
    color: var(--theme-color);
    font-family: 'Petit Formal Script', cursive;
    line-height: 1;
/*    transform: translateY(-50%);*/
    padding-bottom: 1.8rem;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.h3_number span{
    font-size: 3rem;
    font-family: 'Noto Serif Display', serif;
    margin-left: 0.4rem;
    color: #000;
}

.h3_number::after {
    content: '';
    width: 50px;
    height: 1px;
    display: block;
    border-bottom: 1px solid #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.curriculum-body h4.theme-bg{
    margin-top: 4rem;
}

.curriculum-body h5.border{
	border-bottom: 1px solid;
	margin-bottom: 1rem;
	padding-bottom: 0.6rem;
	text-align: center;
}

.img_box.two_img{
    display: grid;
    grid-template-columns: repeat(2, 48%);
    column-gap: 4%;
}

.curriculum .h3_number::after{
    display: none;
}

.curriculum-body .img_box{
    max-width: 680px;
    margin: 1rem auto 0;
}

.curriculum-body .table_box{
    margin-bottom: 2rem;
}

.curriculum-body .timetable table tr:nth-of-type(2n-1) td:not([rowspan]){
    background-color: transparent;
}

.curriculum-body .timetable table th{
    background: var(--bg-theme-sub);
}

@media not all and (min-width: 768px){
    .curriculum-body .timetable table{
        width: 60rem;
    }
}

ol.number_color {
    margin-left: 2em;
    margin-bottom: 2rem;
}

ol.number_color span.number{
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    text-align: center;
    line-height: 1.4em;
    color: #fff;
    background: var(--theme-color);
    margin-left: -2em;
    margin-right: 0.6em;
    border-radius: 15%;
}


.curriculum-body .flow-list{
    max-width: var(--width-min);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 620px;
    margin: 2rem auto 2rem;
}

.curriculum-body .flow-list::after{
    display: none;
}

.curriculum-body .flow-list h5{
    text-align: center;
    margin-bottom: 1rem;
    display: block;
    width: 100%;
}

.curriculum-body .flow-body{
    flex-basis: 100%;
    display: block;
    background: #fffcdd;
    border: none;
    position: relative;
}


.curriculum-body .flow-body.short{
    max-width: 70%;
    margin: 0 auto 1.6rem;
}

.curriculum-body .flow-body.col2{
    flex-basis: 49%;
}

.curriculum-body .flow-body::after {
    display: block;
    content: " ";
    position:absolute;
    width: .2rem;
    height: 1.6rem;
    bottom:-1.6rem;
    left: 50%;
    background-color: #00c6ff;
}

.curriculum-body .flow-body:nth-of-type(2)::after, 
.curriculum-body .flow-body:last-of-type::after{
    display: none;
}

.curriculum-body .flow-body:nth-of-type(3)::before, 
.curriculum-body .flow-body:nth-of-type(4)::before {
    display: block;
    content: " ";
    position:absolute;
    width: .2rem;
    height: 1.6rem;
    top:-1.6rem;
    left: 50%;
    background-color: #00c6ff;
}

.curriculum-body .flow-body .heading-area{
    background: #ffed81;
    border: none;
    border-radius: 0.8rem 0.8rem 0 0;
    margin-bottom: 0;
}

.curriculum-body .flow-body .heading-area:only-child{
    border-radius: 0.8rem;
}

.curriculum-body .flow-body .heading-area p{
    font-weight: bold;
    text-align: center;
}

.curriculum-body .flow-item{
    background: none;
    line-height: 1.4;
}

.curriculum-body .flow-item::before{
    display: none;
}


.curriculum-body .flow-body.color01 .heading-area{
    background: #ff9b1a;
    color: #fff;
}

.curriculum-body .flow-body.color02 .heading-area{
    background: #fec52e;
    color: #fff;
}

.curriculum-body .flow-body.color03{
    background: #ecf9d5;
}

.curriculum-body .flow-body.color03 .heading-area{
    background: #9acd31;
    color: #fff;
}

.curriculum-body .qualification_flow .flow-body{
    background: #fff;
}

.curriculum-body .qualification_flow .flow-body::before, 
.curriculum-body .qualification_flow .flow-body::after {
    display: none;
}

.curriculum-body .qualification_flow .flow-body:nth-of-type(2)::after, 
.curriculum-body .qualification_flow .flow-body:nth-of-type(3)::after{
    display: block;
}

.curriculum-body .qualification_flow .flow-body:nth-of-type(2)::before, 
.curriculum-body .qualification_flow .flow-body:nth-of-type(3)::before {
    display: block;
    content: " ";
    position:absolute;
    width: .2rem;
    height: 1.6rem;
    top:-1.6rem;
    left: 50%;
    background-color: #00c6ff;
}

.curriculum-body .qualification_flow .flow-body.color02{
    background: #FFF3F6;
}

.curriculum-body .qualification_flow .flow-body.color02 .heading-area{
    background: #FF8CA9;
    color: #fff;
}

.curriculum-body .hukushi_flow{
    display: grid;
    max-width: 480px;
    margin: 2rem auto 1rem;
}

.curriculum-body .hukushi_flow .flow-body{
    background: #fffddd;
/*    border: 1px solid #ffc700;*/
    position: relative;
}

.curriculum-body .hukushi_flow .flow-body::after{
    text-align: center;
    line-height: 2.8rem;
    content: "+";
    position: absolute;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;;
    background: #ffc700;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -2.4rem;
    width: 3rem;
    height: 3rem;
    z-index: 1;
}

.curriculum-body .hukushi_flow .flow-body:last-of-type::after{
    display: none;
}

.curriculum-body .hukushi_flow .flow-body p{
    padding: 1rem;
    text-align: center;
}

.curriculum-body .hukushi_flow .flow-body .flow-inner{
    padding: 0 1rem 1rem;
    display: grid;
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
}

.curriculum-body .hukushi_flow .flow-body .flow-inner li{
    background: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 1.6;
    padding: 1rem;
}

.curriculum-body .hukushi_flow .flow-body .flow-inner li span{
    font-size: 0.9em;
    font-weight: normal;
    display: block;
}

.curriculum-body h5.center{
	text-align: center;
	margin-bottom: 2rem;
}

@media not all and (min-width:768px){
.curriculum-body .bg_box{
	padding: 2rem 1rem;
}
}



/*--- 追記　ここまで
----------------------------**/

/*---------

デジタル教材

----------------------------**/

.label-digital {
    display: inline-block;
    background: var(--theme-color);
    color: #fff;
    padding: .5em;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .label-digital {
        font-size: 1.6rem;
    }
}

@media (min-width: 768px) {
    .curriculum-label {
        margin-bottom: 2rem;
    }
}

.accordion_g .acc_label span.theme-bg{
    background: var(--theme-color);
    color: #fff;
    display: inline-block;
    padding: 0 1.4rem;
    border-radius: 1em;
    margin-right: 1rem;
}

.course-lineup+.attention {
    display: block;
    padding: 0.5em 1em;
    margin: 1.5em auto 0;
    background-color: #FFF;
    border-radius: 2em;
}
.course-lineup+.attention p{
	font-size: 1.3rem;
	line-height: 1.6;
}
.course-lineup+.attention p span{
	color: var(--theme-color);
}

/*----------------------

240425 実績部分CSS

----------------------*/

.results{
	background: #EFEFEF;
	color: #000;
}

.results .section-inner + h2{
    margin-top: 50px;
}

.results .results-style01{
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
    margin-bottom: 1rem;
}
.results .results-style02{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 1rem;
    margin-bottom: 1rem;
}
.results .results-style03{
    display: block;
    max-width: 684px;
    margin: 0 auto;
}
.results .results-style03 .results-box{
    margin: 0 auto 1rem;
}
.results .results-style05{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    margin-bottom: 1rem;
    gap: 1px; 
    background-color: var(--theme-color); 
    border-radius:1rem;
    padding: 0.9rem;
}

.results .results-style05 .summary-box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    align-items: center;
    border-radius: 0;
}

.results .results-style05 .summary-box .num{
    color: #1859b6;
    font-size: 5.0rem
}

.section-narrow{
    max-width: 85rem;
}

.summary-box .sub{
    display: block;
    text-align: center;
    line-height: 1.5;
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
}

.summary-box .pt-extra{
    padding-top: 30px;
}

.summary-box .note{
    font-size: 1.0rem;
}

.summary-box .sub-title{
    background: var(--theme-color);
}

.sub-title{
    display: inline-block;
    /* background: var(--heading-site-main-color); */
    background: var(--theme-color);
    color: #ffffff;
    padding: 3px 10px;
    border-radius:6px;
    margin-bottom: 5px;
    font-size: 14px;
}

.no-decoration::before{
    content: none !important;
}

.no-pt{
    padding-top: 0 !important;
}

.results .summary-g a:hover{
	opacity:0.9;
}


@media not all and (min-width:768px){

    .results .results-style05 .summary-box{
        padding: 1.0rem;
    }
    .results .results-style05 .summary-box .num::after{
        width: 1.1rem;
        height: 1.1rem;
    }
    .results .results-style05 .summary-box .num{
        font-size: 2.5rem;
    }
    .results .results-style05 .summary-box .num span{
        font-size: 1.2rem;
    }
    .summary-box .sub {
        font-size: 1.2rem;
    }
    .summary-box .pt-extra{
        padding-top: 25px;
    }
    .summary-box .sub-title {
        padding: 2px 8px;
        border-radius:5px;
        margin-bottom: 5px;
        font-size: 1.0rem;
    }
}

@media (min-width:768px) {
	.results .results-style01{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		gap: 2rem 2rem;
        margin-bottom: 2rem;
	}
	.results .results-style02{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: auto;
		gap: 2rem 2rem;
        margin-bottom: 2rem;
	}
    .results .results-style03 .results-box{
        margin: 0 auto 2rem;
    }
    .results .results-style05{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto;
        margin-bottom: 2rem;
        padding: 1rem;
    }
    .summary-box .note{
        font-size: 1.0rem;
    }
}

.results-box{
	display: block;
	background: #fff;
	border-radius: 1rem;
	padding: 1.6rem;
}
.results-box .num{
	font-size: 6.2rem;
    color: var(--theme-color);
	font-family: 'Spartan', sans-serif;
    letter-spacing: -.08em;
    line-height: 1.0;
	text-align: center;
}
.results-box .num span{
	font-size: 4rem;
}
.results-box .num:has(+ .notes_box) {
	margin-bottom: 1.2rem;
}
.results-box .notes_box{
	display: block;
	border-top: 1px solid var(--bg-theme-main);
	padding-top: 1.6rem;
	font-size: 14px;
}
.results-box .notes_box p{
	font-size: 14px;
	line-height: 1.8;
}
.results-box .notes_box p + p{
	margin-top: .8rem;
}
.results-box .notes_box p.notes{
    padding-left: 1em;
    text-indent: -1em;
}
.banner-box{
    display: block;
    max-width: 508px;
    width: 100%;
    margin: 0 auto;
}

.employment-box .title .sub{
	display: block;
	text-align: center;
	line-height: 1.5;
	font-size: 1.6rem;
	margin-bottom: 1.2rem;
}
.employment-box .title h4{
	margin: 0 auto 2.4rem;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	background: var(--theme-color);
	width: fit-content;
	border-radius: 60px;
	padding: 2px 14px 2px;
}

.company-box h4{
	border-bottom: 1px solid var(--bg-theme-main);
	margin-bottom: 1.2rem;
	padding-bottom: 1.2rem;
	font-size: 16px;
}
.company-box p{
	font-size: 14px;
}
.company-box p.other{
	text-align: end;
}

.qualification-box{
	position: relative;
}
.qualification-box::before{
	content: '';
	display: block;
	background: #fff69f;
	width: 40px;
	height: 80px;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 80%, 0 100%);
	position: absolute;
	top: 0;
	left: 12px;
	z-index: 0;
/*    opacity: 0.8;*/
}
.qualification-box h4{
	font-weight: bold;
	text-align: start;
	margin-bottom: 2rem;
	min-height: 62px;
	position: relative;
	z-index: 1;
}
.qualification-box .num{
	font-size: 3.6rem;
	text-align: right;
	position: relative;
	z-index: 1;
}
.qualification-box .num span{
	font-size: 2.4rem;
}
.results-box .notes_box p{
	font-size: 12px;
}
.qualification-box.big{
	grid-column: span 2;
}

.qualification-box h4.big{
    font-size: 16px;
}
.qualification-box .num.big{
    font-size: 5.6rem;
}
.qualification-box .num.big span{
    font-size: 3rem;
}

.graph-box{
    text-align: center;
}
.graph-box .graph-img{
    max-width: 440px;
    margin: 0 auto 2rem;
}

@media (min-width:768px) {
    .employment-box .title h4{
        font-size: 20px;
    }
	.company-box h4{
		font-size: 18px;
	}
	.company-box p{
		font-size: 16px;
	}
	.qualification-box::before{
		width: 52px;
		height: 100px;
	}
	.qualification-box h4{
		min-height: 82px;
	}
	.qualification-box .num{
		font-size: 4.6rem;
	}
	.qualification-box .num span{
		font-size: 2.8rem;
	}
    .qualification-box h4.big{
        font-size: 20px;
    }
    .qualification-box .num.big{
        font-size: 6.2rem;
    }
    .qualification-box .num.big span{
        font-size: 4rem;
    }

	
	
}

/*--------------
区切り線追加　20240624 大原追加
-------*/


.two-column-a{
    border-bottom: 1px solid #000;}

.two-column-a dl{
    padding-top:4%;
    border-top: 1px solid #000;}

.two-column-a .distinctive-list_item{
    margin-bottom: 2%;}

.two-column-b{
    margin-bottom: 2%;}

.two-column-b .distinctive-list_item{
    padding-top:4%;
    border-top: 1px solid #000;}

.two-column-b .distinctive-list_item{
    margin-bottom: 2%;}

.two-column-b .distinctive-list_item:nth-of-type(-n+2){
    border-top: 0;
    }

@media not all and (min-width:768px) {

.two-column-b .distinctive-list_item:nth-of-type(2){
   border-top: 1px solid #000;}

.two-column-b .distinctive-list_item{
    padding-top: 4%;
    border-top:1px solid #000;}
}

.two-column-c .distinctive-list_item{
   padding-top:4%;
   border-top: 1px solid #000;}
.two-column-c .distinctive-list_item:nth-of-type(-n+2){
    border-top: 0;
    }

@media not all and (min-width:768px) {
.two-column-c .distinctive-list_item:nth-of-type(-n+2){
    border-top: 1px solid #000;
    }
}

/*--------------
見出しの背景色変更　20240626 大原追加
-------*/


.distinctive-list h4{
    background-color: var(--bg-theme-main);
    color: #000;
}

/*--------------
ボタンデザイン修正　20240722 大原修正
-------*/

/*ページ遷移のボタン*/

.btn-ptn01 a::before,
.btn-ptn01 a::after{
    content: "";
    position: absolute;
    right: 1.2rem;
}

.btn-ptn01 a::after{
    width: .6rem;
    height: .6rem;
    top: 1.5rem;
    left: auto;
    right: 2rem;
    transform: rotate(45deg);
}

.btn-ptn01 a sup{ color: var(--theme-color);}
.btn-ptn01 a:before{ border: 1px solid var(--theme-color);}
.btn-ptn01 a::after{
    border-top: 1px solid var(--theme-color);
    border-right: 1px solid var(--theme-color);
    }


.btn-ptn01 a::before{
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    top: 0.7rem;
    }

.school-life-cnt .btn-ptn01 a{
	min-width: 24rem;
	max-width: 24rem;
}

.teacher .btn-ptn01 a{
    min-width: 24rem;
    max-width: 24rem;
}

/*展開ボタン*/

.graduate-message_text .toggle-button:before{
    content: "";
    position: absolute;
    right: 1.2rem;
}

.graduate-message_text .toggle-button:before{
  content: '';
  width: 7px;
  height: 7px;
  border: 0;
  border-bottom: 1px solid var(--theme-color);
  border-right: 1px solid var(--theme-color);
  transform: rotate(45deg);
  position: absolute;
  top: -0.3rem;
  right: 2rem;
  bottom: 0;
  margin: auto;
}
.graduate-message_text .toggle-button{
    min-width: 24rem;
    max-width: 24rem;
}

.graduate-message_text .toggle-button.active:before{
	transform: rotate(-135deg);
	top: 0.5rem;
}


.interview .toggle-button:before{
    content: "";
    position: absolute;
    right: 1.2rem;
}

.interview .toggle-button:before{
  content: '';
  width: 7px;
  height: 7px;
  border: 0;
  border-bottom: 1px solid var(--theme-color);
  border-right: 1px solid var(--theme-color);
  transform: rotate(45deg);
  position: absolute;
  top: -0.3rem;
  right: 2rem;
  bottom: 0;
  margin: auto;
}

.interview .toggle-button{
    min-width: 24rem;
    max-width: 24rem;
}

.interview .toggle-button.active:before{
	transform: rotate(-135deg);
	top: 0.5rem;
}

/*-----------
医療事務系 実習先リスト
--------------------*/

.practical-list dl dd:nth-of-type(2) {
    font-size: 1.3rem;
}

.practical-list ul{
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;/*20250228修正*/
    /*justify-content:space-between;*/
}


.practical-list dd li{
    width: 32%;
    line-height:2em;
}

@media (max-width: 768px) {
.practical-list ul{
    justify-content: flex-start;
}
    
.practical-list dd li{
    width:auto;
    margin-right: 2em;
}
}

.practical-list dd li::before{
    content: "";
    display: inline-block;
    position: relative;
    left: -3px;
    top: -4px;
    width: 5px;
    height: 5px;
    background: #26a2d8;
}

/* 20250207 スポーツ学科就職実績修正 */

.company-box .company-box_line{
    font-size: 14px;
    border: 1px solid black;
    padding: 10px;
    margin: 10px 0 20px ;
}



/* 東京経営大学デザイン */

/*--- テキストデザイン
----------------------------**/	
.bg_round{
	background: var(--theme-color);
    color: #fff;
    display: inline-block;
    padding: 0 0.6em;
    border-radius: 1em;
    margin-right: 0.6rem; 
	line-height: 1.6;
}

.border_round{
	border: 1px solid var(--theme-color);
    color: var(--theme-color);
    display: inline-block;
    padding: 0 0.6em;
    border-radius: 1em;
    margin-right: 0.6rem; 
	line-height: 1.6;
}

.text_center{
	text-align: center;
}

.colordot-list li{
    padding-left: 1em;
    position: relative;
}

.colordot-list li::before{
    content: '';
    display: block;
    background: var(--theme-sub-color);
    width: 0.8em;
    height: 0.8em;
    position: absolute;
    top: 0.6em;
    left: 0;
    border-radius: 50%;
}

.colordot-list li a{
    text-decoration: underline;
    color: #000;
}
.colordot-list li a:hover{
    text-decoration: none;
}


.list_type01 {
    display: grid;
    grid-template-columns: 7em 1fr;
    grid-template-rows: auto;
    gap: 0.4rem 0.6rem;
    font-size: 0.8em;
    line-height: 1.6;
    margin-top: 1.2rem;
}

.list_type01 dt{
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    background: var(--bg-theme-sub);
    padding: .2rem .2rem;
}

.list_type02 {
    display: grid;
    grid-template-columns: auto 6em;
    grid-template-rows: auto;
    gap: 0.6rem 0;
    font-size: 0.8em;
    line-height: 1.6;
    margin-top: 1.2rem;
}

.list_type02 dd{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 2em;
    color: var(--theme-color);
    border-bottom: 1px solid var(--theme-color);
}

.list_type02 dt{
    display: block;
    font-weight: normal;
    width: 100%;
    border-bottom: 1px solid var(--theme-color);
}


.h3_number{
    color: var(--theme-color);
    font-family: 'Petit Formal Script', cursive;
    line-height: 1;
    padding-bottom: 1.8rem;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.h3_number span{
    font-size: 3rem;
    font-family: 'Noto Serif Display', serif;
    margin-left: 0.4rem;
    color: #000;
}

.h3_number::after {
    content: '';
    width: 50px;
    height: 1px;
    display: block;
    border-bottom: 1px solid #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}


h4.bg_yellow{
    width: 100%;
    padding: .8em;
    background-color: var(--site-point-color);
}

h4.theme-bg {
    width: 100%;
    padding: 0.5em;
    background-color: var(--bg-theme-main);
}


/*--- 画像
----------------------------**/	
.img.vertical img{
    display: block;
    width: 90%;
    margin: 0 auto;
}

@media (min-width: 768px){
.img.vertical img{
    width: 80%;
}
}



/*--- .flex_cnt (テキスト＋画像)
----------------------------**/	

.flex_cnt{
    /*	max-width: var(--width-min);*/
        margin: 0 auto;
        display: flex;
        flex-flow: column;
        width: 100%;
    }
    
    .flex_cnt .img{
        max-width: 360px;
        padding: 0.4rem;
        margin-bottom: 1em;
        box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 10%);
        display: block;
        margin: 0 auto 1em;
        background: #fff;
    }
    .flex_cnt .text_box{
        flex-basis: 62%;
        margin-bottom: 1em;
    }
    .flex_cnt .text_box p{
        margin-bottom: 1em;
    }
    
    .flex_cnt.reverse{
        flex-flow: column-reverse;
    }
    
    @media (min-width: 768px){
        .flex_cnt, 
        .flex_cnt.reverse{
            display: flex;
            flex-flow: row;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 0;
        }
        .flex_cnt .img{
            flex-basis: 36%;
            margin: 0;
        }
    }
    
    .flex_cnt .img.nostyle{
        padding: 0;
        box-shadow: none;
        background: none;
    }
    
    .flex_cnt .img.vertical img{
        display: block;
        width: 60%;
        margin: 0 auto;
    }
    
    @media (min-width: 768px){
    .flex_cnt .img.vertical img{
        width: 80%;
    }
    }

/*--- テキスト＋画像
----------------------------**/


.column_style .img{
    width: 100%;
    margin: 0 auto 1rem;
    position: relative;
}

.column_style .photo_style img{
    padding: 0.4rem;
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .1);
    background: #fff;
}

.column_style .img span.badge{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 68px;
    height: 68px;
    background: var(--theme-color);
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    position: absolute;
    top: -18px;
    left: -12px;
}

.column_style .item_title{
    font-weight: bold;
    margin-bottom: 0.6rem;
    line-height: 1.6;
}

.column_style .item_title .sub{
    font-weight: normal;
    display: block;
    font-size: 0.8em;
}

.column_style .colordot-list li{
    font-size: 0.8em;
    line-height: 1.4;
}

.column_style .colordot-list li::before{
    top: 0.3em;
}

.column_style .item_title.check-mark{
    color: var(--theme-color);
    padding-left: 2.4rem;
    position: relative;
}

.column_style .item_title.check-mark::before {
    content: "";
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    border: 1px solid #000;
    background-color: #FFF;
    top: 0.6rem;
    left: 0;
}

.column_style .item_title.check-mark::after{
    content: "";
    position: absolute;
    width: 1.4rem;
    height: 0.8rem;
    top: 0.5rem;
    left: 0.2rem;
    border-left: 0.1rem solid var(--theme-color);
    border-bottom: 0.1rem solid var(--theme-color);
    transform: rotate(-45deg);
}

.column_style .item_title.theme-color{
    color: var(--theme-color);
}

.column_style p{
    line-height: 1.6;
    margin-bottom: 0.6rem;
}

.column_style .small{
    font-size: 0.8em;
}

.column_style p.name{
    width: 100%;
    object-fit: contain;
    display: block;
    line-height: 1.2;
}

.column_style p.name img{
    max-width: 15rem;
    width: 100%;
}

.column_style p.name span{
    font-size: 0.8em;
}

.column_style .column_item.bg_theme{
	background: var(--bg-theme-sub);
    padding: 1em 0.6em;
	border-radius: 0.8rem;
}

.column_style p.name + p{
    margin-top: 1.2rem;
}


.column_2-1{
	display: block;
}

.column_2-1 .column_item{
	max-width: 480px;
    width: 100%;
    margin: 0 auto 3rem;
}

.column_3-1{
	display: block;
}

.column_3-1 .column_item{
	max-width: 400px;
    margin: 0 auto 4rem;
}

.column_3-2{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 3rem 2rem;
}

.column_4-2{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	gap: 3rem 2rem;
}


@media (min-width: 768px){
    
    .column_2-1{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		gap: 2rem 4rem;
	}
	
	.column_3-2, 
	.column_3-1{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto;
		gap: 3rem 4rem;
	}
    
    .column_3-1 .column_item{
        margin: 0 auto;
    }
	
	.column_4-2{
		grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 3rem 2rem;
	}
	
}


/*--- 背景色ありBOX
----------------------------**/

.bg_box{
    background: var(--bg-theme-sub);
    padding: 2rem;
    margin-bottom: 3rem;
}

.bg_box.white{
    background: #fff;
}

/*-------------------
202502  day-swiper
--------------------*/

.day-swiper-container .swiper {
    overflow: visible;
    padding-top: 6rem;
}

.day-swiper li {
    width: 68%;
}

.day-swiper li img {
    width: 100%;
    max-height: unset;
}

.day-swiper-container .swiper-pointer-events ul {
    justify-content: normal;
}

.day-swiper.swiper.swiper-initialized .swiper-button-prev,
.day-swiper.swiper.swiper-initialized .swiper-button-next {
    width: 44px;
    height: 44px;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    border-radius: 50%;
    /* border: 1px solid #111; */
    background-color: #fff;
    transform:translateY(10px);
    box-shadow: 0px 0px 12px 0px rgba(155 155 155 / 90%);
}

.day-swiper.swiper.swiper-initialized .swiper-button-prev::after,
.day-swiper.swiper.swiper-initialized .swiper-button-next::after {
    content: "";
    position: absolute;
    top: 0;
}
.day-swiper.swiper.swiper-initialized .swiper-button-prev::before,
.day-swiper.swiper.swiper-initialized .swiper-button-prev::after {
    left: 0
}
.day-swiper.swiper.swiper-initialized .swiper-button-next::before,
.day-swiper.swiper.swiper-initialized .swiper-button-next::after {
    right: 0
}

.day-swiper.swiper.swiper-initialized .swiper-button-prev::after {
    width: 20px;
    height: 20px;
    left: 16px;
    top: 13px;
    border-bottom: 2px solid #8f8f8f;
    border-left: 2px solid #8f8f8f;
    transform: translateY(-2px) rotate(45deg);
}

.day-swiper.swiper.swiper-initialized .swiper-button-next::after {
    width: 20px;
    height: 20px;
    right: 16px;
    top: 13px;
    border-top: 2px solid #8f8f8f;
    border-right: 2px solid #8f8f8f;
    transform:translateY(-2px) rotate(45deg);
}

.day-swiper.swiper:not(.swiper-initialized) .swiper-button-prev,
.day-swiper.swiper:not(.swiper-initialized) .swiper-button-next {
    visibility: hidden;
}

@media (max-width:960px) {
    .day-swiper .swiper-pagination .swiper-pagination-bullet {
        margin: -0.5rem 0.8rem;
    }

    .day-swiper .swiper-pagination {
        line-height: 1.2;
    }
}

@media (min-width: 768px) {
    .day-swiper-container .swiper {
        padding-top: 10rem;
    }
    .day-swiper ul {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        gap: 30px;
    }
    .day-swiper li {
        width: 400px
    }
    .day-swiper.swiper.swiper-initialized {
        max-width: unset;
    }
    .day-swiper.swiper.swiper-initialized .swiper-button-next {
        right: 2%;
    }
    .day-swiper.swiper.swiper-initialized .swiper-button-prev {
        left: 2%;
    }
    .day-swiper.swiper.swiper-initialized .swiper-button-prev,
    .day-swiper.swiper.swiper-initialized .swiper-button-next {
        transform: translateY(30px);
    }
}

/*--- 医療事務系、保育士・幼稚園教諭系、
      成長ストーリー 調整 ---**/
      .nursery .annual-schedule-list,
      .medical .annual-schedule-list{
          flex-basis: 50%;
      }


/*----------------------
202505 主な就職先もっと見る
-----------------------*/

/*inputを非表示 & 閉じた時の位置調整*/
.open-company-box{
  position: relative;
}
input[type="checkbox"].on-off{
  position: absolute;
  bottom: 0;
  display: block;
  opacity: 0;
}

/*ラベル（「開く」ボタン）*/
.open-company-label{
  margin: 0 auto 1.5em;
  display: block;
  text-align: center;
  background: #ffffff;
  border-radius: 2rem;
  position: relative;
  max-width: 24rem;
  border: 1px solid #ccc;
  font-size: 1.3rem;
  line-height: 2.5em;
  cursor: pointer;
}
.open-company-label:before{
  content: '';
  width: 7px;
  height: 7px;
  border: 0;
  border-bottom: 1px solid var(--theme-color);
  border-right: 1px solid var(--theme-color);
  transform: rotate(45deg);
  position: absolute;
  top: -0.3rem;
  right: 2rem;
  bottom: 0;
  margin: auto;
}
/*ボタンっぽい効果*/
.open-company-label:active{
  box-shadow: 0 0 0 0;
}
/*ラベルに表示するテキスト*/
.open-company-label::after{
  content:'もっと見る'; 
}
.on-off:checked ~ .open-company-label::after{
  content: '閉じる';
}

.on-off:checked ~ .open-company-label:before{
	transform: rotate(-135deg);
	top: 0.5rem;
}
/*開閉エリア*/
.open-company{
  padding: 1em;
  border-radius: 8px;
  height: 180px;/*ちらっと見える部分の高さ*/
  overflow: hidden;
  transition: .5s;
  position: relative;
  font-size: 14px;
}
.on-off:checked ~ .open-company{
  padding: 1.5em 1em;
  height: auto;
}
/*開閉エリアにぼかしを乗せる*/
.open-company::before{
  content:'';
  background: linear-gradient(to bottom, transparent,rgba(255,255,255,1)100%);
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index: 3;
}
/*開いたらぼかしを消す*/
.on-off:checked ~ .open-company::before{
  background: none;
  z-index: -1;
}


/*------------------------------
　202505　主な就職先レイアウト追加
-------------------------------*/
.results .results-style04{
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
    margin-bottom: 1rem;
}

@media (min-width:768px) {
    .results .results-style04{
		display: grid;
		grid-template-rows: auto;
		gap: 2rem 2rem;
		margin-bottom: 5rem;
	}
}


/*---------------------
  202505 その他のコース追加
----------------------------**/
.other-courses{
	background: #EFEFEF;
	padding: 8rem 0 6rem;
}
.other-courses-box{
    display: grid;
    grid-template-columns: repeat(auto-fit ,22%);
    grid-auto-rows: auto;
    row-gap: 1.6rem;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: right 15px bottom;
}
.other-courses-box a{
    display: grid;
    border-radius: 1rem;
    background-color: #fff;
    overflow: hidden;
    margin-left: 1em;
    position: relative;
}
.other-courses_img img{object-fit: cover;}
.other-courses_item { line-height: 1.7;}

.other-courses_item .course-name{
    position: relative;
    padding-left: 2rem;
	line-height: 1.2;
}
.other-courses_item .course-name span{font-size: 1.5rem;}
.other-courses_item .course-name::before,
.other-courses_item .course-name::after{
    content: "";
    position: absolute;
    left: 0;
}
.other-courses_item .course-name::before{
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    top: .7rem;
}
.other-courses_item .course-name::after{
    width: .6rem;
    height: .6rem;
    top: 1.2rem;
    left: .4rem;
    transform: rotate(45deg);
}
.other-courses_item .course-name sup{ color: var(--theme-color);}
.other-courses_item .course-name:before{ border: 1px solid var(--theme-color);}
.other-courses_item .course-name::after{
    border-top: 1px solid var(--theme-color);
    border-right: 1px solid var(--theme-color);}
.other-courses_item .year{
        font-size: 1.3rem;
        position: absolute;
        top: 8.73rem;
        left: 0;
    }

@media not all and (min-width:768px){
    .other-courses-box a{
        grid-template-columns: 100%;
        grid-template-rows: 10.4rem auto;
        justify-content: center;
        
    }
    .other-courses_img img{ height: 10.6rem;}
    .other-courses_item{
        padding: 1.6rem 1rem;
        align-self: center;
    }
    .other-courses_item .course-name:before{ top: .2rem;}
    .other-courses_item .course-name::after{ top: .7rem;}
}

@media (min-width:768px){
    .other-courses_item{ padding: .8em 1em; }
    .other-courses_item .year{margin-bottom: .5em;}
    .other-courses_item .course-name{ padding-left: 2.6rem;}
	.other-courses_item .course-name span{font-size: 1.6rem;}
    .other-courses_item .course-name::before{
        width: 2.1rem;
        height: 2.1rem;
        top: .3rem;
    }
    .other-courses_item .course-name::after{
        width: .7rem;
        height: .7rem;
        top: 1.0rem;
        left: .6rem;
        transform: rotate(45deg);
    }
}
@media (max-width:768px){
.other-courses-box{
    grid-template-columns: repeat(auto-fit ,48%);
}
}
.other-courses-box > a::before,
.other-courses-box > a::after {
    content:"";
    width: 0;
    height: 0;
    display: block;
    border-radius: 1rem;
    position: absolute;
    box-sizing: border-box;
    opacity: 0;
    transition: width 0.5s, height 0.5s, opacity 0.5s;
}
.other-courses-box > a::before {
    top: 0;
    left: 0;
    border-top: .1rem solid var(--theme-color);
    border-left: .1rem solid var(--theme-color);
}
.other-courses-box > a::after {
    right:0;
    bottom:0;
    border-right: .1rem solid var(--theme-color);
    border-bottom: .1rem solid var(--theme-color);
}
.other-courses-box > a:hover{ opacity: 1;}
.other-courses-box > a:hover::before,
.other-courses-box > a:hover::after {
    width:100%;
    height:100%;
    opacity:1;
}
.other-courses .attention {
	max-width:900px;
    padding: 0.5em 1em;
    margin: 1.5em auto 0;
}
.other-courses .attention p{
	font-size: 1.3rem;
	line-height: 1.6;
}
.other-courses .attention p span{
	color: var(--theme-color);
}

/* 20250710視認性の悪い背景の調整 */
.school-life-cnt #day{
    background: #CAEFFD;
}
section.block-bg--gray{
    background: #efefef;
}

/* 20250711 視認性の悪い背景　*/
.point-list{
    border: 1px solid #c9c9c9;
    padding: 3.2rem 1.6rem;
    background: #fff;
    border-radius: 1rem;
}