@charset "utf-8";

header div.logoarea {
    display: none;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media all and (min-width: 769px) {

    /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    b {
        font-weight: bold;
    }

    .theme-strong {
        font-weight: 700;
        font-size: 18px;
    }

    .hukidashi {
        margin-top: 35px;
        text-align: center;
        margin-bottom: 15px;
    }

    .hukidashi span {
        display: inline-block;
        padding: 10px 18px 11px;
        border-radius: 10px;
        background: rgba(0, 130, 62, 1);
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.06em;
        color: #ffffff;
        position: relative;
    }

    .hukidashi span::before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 5px 0 5px;
        border-color: rgba(0, 130, 62, 1) transparent transparent transparent;
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
    }




    body {
        line-height: 1.4;
    }

    .arrow {
        position: relative;
    }

    a.btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    /* ************ Style ==> key visual ************ */
    .lower .intro {
        width: 100%;
    }

    .lower section>.inner {
        width: auto;
        max-width: 1340px;
        padding: 0 50px;
    }

    .top_sq {
        position: absolute;
        width: 571px;
        height: 603px;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
    }

    .top_sq .square {
        width: 100%;
        height: 100%;
        background: url(../image/intern/topvisual_sq.png) no-repeat;
    }

    .sp_br {
        display: none;
    }

    /* ************ <== key visual ************ */
    /* ************ Style ==> anchor link ************ */
    .anchorarea {}

    article#internship {
        width: 100%;
    }

    .internship .anchorarea .anchorul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto 100px;
        max-width: 1340px;
        padding: 0 50px;
    }

    .internship .anchorarea .anchorul .anchorli {
        width: 600px;
        width: 49%;
        height: 50px;
        background: #ffffff;
        border: 1px solid #000000;
        display: inline-block;
        transition: 1s;
    }

    .internship .anchorarea .anchorul .anchorli.grayout {
        filter: brightness(60%) opacity(60%);
        pointer-events: none;
    }

    .internship .anchorarea .anchorul .anchorli:nth-of-type(n+3) {
        margin-top: 20px;
    }

    .internship .anchorarea .anchorul .anchorli .btn {
        color: #000000;
        font-size: 16px;
        letter-spacing: 0.2em;
        font-weight: 500;
    }

    .internship .anchorarea .anchorul .anchorli .btn {
        position: relative;
    }

    .internship .anchorarea .anchorul .anchorli .btn .batch {
        position: absolute;
        left: 10px;
        color: #ffffff;
        background: #000;
        font-size: 12px;
        font-weight: 500;
        padding: 8px 15px;
        border-radius: 30px;
    }

    .internship .anchorarea .anchorul .anchorli .btn .batch.batch_green {
        background: #00823e;
    }

    .internship .anchorarea .anchorul .anchorli .btn .batch.recruiting {
        background: #cf4c4c;
        padding: 8px 22px;
    }

    .internship .anchorarea .anchorul .anchorli:hover {
        /*background: #000;*/
        opacity: 0.6;
        transition: 1s;
    }

    .internship .anchorarea .anchorul .anchorli:hover .btn {
        color: #000000;
    }

    .internship .anchorarea .anchorul .anchorli:hover .btn>i {
        border-color: #000000;
    }

    .internship .anchorarea .anchorul .anchorli .btn i {
        right: 20px;
    }

    .internship-section {
        /* max-width: 1340px;
    padding: 0 50px; */
        width: 100%;
    }

    .internship .anchorarea .anchorul .anchorli.comingsoon {
        pointer-events: none;
        background: #cfcfcf;
    }

    #summerinternship,
    #winterinternship,
    #biscontest,
    #onlinesalon,
    #consultation {
        display: block;
        padding-top: 70px;
        margin-top: -70px;
    }

    /* ************ <== anchor link ************ */
    /* ************ Style ==> content-common ************ */
    .strong {
        font-size: 19px;
        font-weight: bold;
        letter-spacing: 1.2px;
    }

    .theme {
        background-color: #828282;
        width: 100%;
        padding: 20px 30px;
        color: #ffffff;
        display: flex;
        align-items: center;
    }

    .theme-ttl {
        display: inline-block;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        padding-right: 30px;
        letter-spacing: 0.04em;
        color: #ffffff;
        white-space: nowrap;
    }

    .theme-desc {
        display: inline-block;
        font-size: 16px;
        letter-spacing: 0.04em;
        color: #ffffff;
        padding-left: 35px;
        border-left: 1px solid #ffffff;
        line-height: 2;
    }

    .internship,
    .contest {
        /* width: 1240px; */
        margin: 0 auto;
        min-width: 0;
    }

    .caution {
        font-size: 12px;
        margin-top: 15px;
        letter-spacing: 1.2px;
        font-weight: bold;
    }

    .contents_ttl {
        position: relative;
        /* padding-top: 30.323%; */
        padding-top: 26.12%;
        margin: 60px 0 40px 0;
    }

    .contents_ttl .ttl_box {
        /* margin: 60px 0 40px 0; */
        /* height: 376px;
    width: 490px; */
        height: 100%;
        /* width: 39.516%; */
        width: 43.05%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: linear-gradient(142.5deg, #000000 0%, #000000 50%, #1d1d1d 50%, #1d1d1d 100%);
        position: absolute;
        top: 0;
        left: 0;
    }

    .contents_ttl .ttl_box .ttl {
        color: #ffffff;
        letter-spacing: 0.2rem;
    }

    .contents_ttl .ttl_box .ttl .ja {
        font-size: 14px;
    }

    .contents_ttl .ttl_box .ttl .font-en {
        font-size: 45px;
        font-weight: 600;
    }

    .contents_ttl .image {
        position: absolute;
        right: 0;
        top: 20px;
        top: 50%;
        transform: translateY(-50%);
        /* width: 60.486%; */
        width: 56.95%;
    }

    .contents_ttl .image img {
        width: 100%;
    }

    .contents_section .sectionttl {
        font-size: 22px;
        font-weight: 600;
        color: #ffffff;
        background: #000000;
        padding: 8px 30px;
        /*display: inline-block;*/
        letter-spacing: 0.1em;
    }

    /* ************ <== content-common ************ */
    /* ************ Style ==> internship ************ */
    .internwrapper {
        margin-top: 30px;
    }

    .internship .mainvisual_intern {
        height: 500px;
    }

    .maintext_intern {
        display: inline-block;
        background-color: #000000;
        height: 376px;
        width: 490px;
    }

    .internship .contents_section {
        /* width: 100%; */
        position: relative;
        margin: 0 auto 80px;

        max-width: 1340px;
        padding: 0 50px;
    }

    .internwrapper .desc {}

    .internwrapper .desc .descwrapper {
        /* margin-top: 30px; */
        margin-bottom: 35px;
        display: flex;
        flex-wrap: wrap;
    }

    .internship .contents_section .image {
        width: 365px;
    }

    .internship .contents_section .image img {
        max-width: 100%;
    }

    .internship_info {
        /* position: absolute; */
        position: relative;
        width: 100%;
    }

    .internship_info-box {
        width: 156px;
        height: 63px;
        margin: 0 0 0 auto;
    }

    .internship_info::before {
        content: '';
        display: inline-block;
        width: calc(100% - 156px);
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #000;
    }

    .info_shadow {
        position: absolute;
        width: 180px;
        height: 41px;
        top: 4px;
        left: 4px;
        z-index: -1;
    }

    .internship_info p {
        width: 100%;
        padding: 20px 0;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

    .tri {
        display: inline-block;
        position: absolute;
        bottom: -11px;
        right: 0;
        border-style: solid;
        width: 0;
        height: 0;
        border-width: 11px 11px 0 0;
    }

    /*  active  */
    .internship_info.active .internship_info-box {
        background: #ba4949;
        color: #ffffff;
    }

    .internship_info.active .info_shadow {
        background: rgba(67, 6, 6, 0.6);
    }

    .internship_info.active .tri {
        border-color: #791818 transparent transparent transparent;
    }

    .internship_entry.active .entry_button {
        background: #000000;
        color: #ffffff;
        transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
    }

    .end.active .entry_button {
        border: 3px #333333 solid;
        background: #ffffff;
        cursor: default;
        color: #333333;
        transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
    }

    .internship_entry.active .entry_button:hover {
        opacity: 0.7;
    }


    /* entryend_linkon */
    .internship_entry.active.entryend_linkon .entry_button {
        border: 3px #333333 solid;
        background: #ffffff;
        color: #333333;
        padding-left: 0;
        text-align: center;
    }

    .detail_link {
        font-size: 14px;
        line-height: 1.4;
        letter-spacing: 0.04em;
        text-align: left;
        padding: 10px 0 0 0;
    }

    .detail_link a {
        color: #000;
        border-bottom: 1px solid #000;
    }

    /*  comingsoon  */
    .internship_info.comingsoon .internship_info-box,
    .button.comingsoon {
        background: #d2d2d2;
        color: #ffffff;
    }

    .internship_info.comingsoon .info_shadow {
        background: rgba(99, 99, 99, 0.6);
    }

    .internship_info.comingsoon .tri {
        border-color: #515151 transparent transparent transparent;
    }

    .internship_entry.comingsoon .entry_button {
        background: #d2d2d2;
        cursor: default;
        color: #ffffff;
    }

    /*  entryend  */
    .internship_info.entryend .internship_info-box {
        background: #ffffff;
        color: #333333;
        border: 1px solid #cccccc;
    }

    .internship_info.entryend .info_shadow {
        background: rgba(99, 99, 99, 0.6);
    }

    .internship_info.entryend .tri {
        bottom: -13px;
        border-width: 11px 9px 0 0;
        border-color: #3a3a3a transparent transparent transparent;
    }

    .entryend_wrap {
        /*opacity: 0.3!important;*/
    }

    .internship_entry.entryend .entry_button,
    .contest .contestlink .button.entryend div.entry_button {
        border: 3px #333333 solid;
        background: #ffffff;
        cursor: default;
        color: #333333;
    }

    .contest .contestlink .button.entryend {
        opacity: 0.3;
    }

    .internwrapper .desc .interntitle {
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 18px;
        width: 100%;
        line-height: 1;
    }

    .internwrapper .desc .interntitle .ttl_lead {
        font-size: 24px;
        color: rgba(0, 130, 62, 1);
    }

    .internwrapper .desc .interntitle .ttl_lead_small {
        font-size: 18px;
        margin: 7px 0 -14px 0;
        display: block;
    }

    .internwrapper .desc .desctext {
        /* margin-top: 40px; */
        font-size: 16px;
        line-height: 1.7;
        letter-spacing: 0.04em;
        width: calc(100% - 370px);
        padding-left: 30px;
    }

    .internwrapper .desc .desctext.nophoto {
        width: 100%;
    }

    .internwrapper .desc .desctext span {
        font-weight: bold;
        font-size: 18px;
    }

    .internship_detail {
        width: 100%;
        margin: 50px auto 0;
        border-top: 1px solid #cccccc;
        /* border-bottom: 1px solid #cccccc; */
    }

    .internship_detail--mod__mt-short {
        margin: 15px auto 0;
    }

    /*  **row**  */
    .internship_detail .detail_row {}

    /*  **col**  */
    .internship_detail .detail_col {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        min-height: 40px;
        padding: 15px 0;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 16px;
        border-bottom: 1px solid #cccccc;
    }

    /*  **dl**  */
    /* .internship_detail .detail_col:last-child{
}
.internship_detail .detail_col:first-child dd{
    width: 86%;
} */
    .internship_detail .detail_col dt {
        width: 15.3%;
        font-weight: bold;
        line-height: 1.7;
    }

    .internship_detail .detail_col dd {
        width: 84.7%;
        line-height: 1.7;
    }

    .internship_detail .detail_col dd .green {
        color: #00823e;
        font-weight: bold;
    }

    .internship_detail .detail_col dd .bold {
        font-weight: bold;
    }

    .internship_entry {
        width: 380px;
        height: 60px;
        margin: 30px 0 0 auto;
        box-sizing: border-box;
    }

    .end {
        width: 410px;
        height: 60px;
        margin: 30px 0 0 auto;
        box-sizing: border-box;
    }

    .internship_entry .entry_button {
        line-height: 54px;
        display: block;
        width: 100%;
        height: 100%;
        font-weight: bold;
        letter-spacing: 0.15em;
        font-size: 16px;
        /* padding-left: 55px; */
        box-sizing: border-box;
        text-align: center;
    }

    .schedule-row {
        display: grid;
        grid-template-columns: 150px 0fr;
        gap: 10px;
        grid-auto-flow: column;
    }

    .internship_entry.entryend .entry_button {
        padding-left: 0;
        text-align: center;
    }

    .button.entryend .entry_button .internship_arrow {
        display: none;
    }

    .internship_arrow::before {
        position: absolute;
        display: block;
        content: "";
        top: 9px;
        left: 15px;
        width: 7px;
        height: 7px;
        border-top: 2px solid #ffffff;
        border-left: 2px solid #ffffff;
        transform: translateX(-50%) rotate(135deg);
        -webkit-transform: translateX(-50%) rotate(135deg);
    }

    .end .internship_arrow::before {
        position: absolute;
        display: block;
        content: "";
        top: 9px;
        left: 15px;
        width: 7px;
        height: 7px;
        border-top: 2px solid #000;
        border-left: 2px solid #000;
        transform: translateX(-50%) rotate(135deg);
        -webkit-transform: translateX(-50%) rotate(135deg);
    }

    /* ************ <== internship ************ */

    /* ************ Style ==> subvisual ************ */
    .subvisual {
        width: 100%;
        height: 360px;
        position: relative;
        margin: 80px auto 0;
    }

    .subvisual .subvisualbox {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .img-parallax {
        position: absolute;
        vertical-align: middle;
        width: 100%;
        z-index: -1;
        top: 0;
        top: -80%;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }

    .subvisual .pattern_overlay {
        /* width: 100%;
    height: 100%;
    position: absolute;
    background: url(../image/intern/pattern.png) repeat;
    z-index: 1;
    opacity: 0.5; */
    }

    /* ************ <== subvisual link ************ */

    /* ************ Style ==> contest ************ */
    .contest {
        margin-bottom: 75px;
        margin-top: 160px;
        /* max-width: 1340px;
    padding: 0 50px; */
    }

    .contest .mainimage {
        background: url(../image/intern/contest_mainvisual_pc.png) no-repeat;
        width: 880px;
        height: 345px;
    }

    .maintext_contest {
        top: 43px;
        left: 48px;
    }

    .contest .mainparagraph {
        /* width: 830px; */
        margin: 40px auto 0;
        max-width: 1340px;
        padding: 0 50px;
    }

    .contest .mainparagraph h2 {
        font-size: 30px;
        font-weight: bold;
        text-align: left;
        margin: 0 0 29px 0;
        letter-spacing: 0.04em;
    }

    .contest .mainparagraph .underbar {
        width: 16%;
        width: 100px;
        height: 2px;
        /* margin: 0 auto; */
        background: #666666;
        margin-bottom: 40px;
    }

    .contest .mainparagraph p {
        /* margin: 38px 0 40px; */
        line-height: 2;
        font-size: 14px;
        letter-spacing: 0.04em;
        color: #000;
        text-align: left;
    }

    .contestcourse {
        width: 830px;
        margin: 0 auto 30px;
        border: 5px solid #000000;
    }

    .contest .contestcourse:last-of-type {
        margin-bottom: 0;
    }

    .contestcourse .courseinner {
        width: 100%;
        padding: 60px 43px 59px 39px;
    }

    .contestcourse .courseinner h3 {
        font-size: 30px;
        font-weight: bold;
        color: #00823e;
    }

    .contest_detail {
        width: 100%;
        margin: 7px auto 0;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }

    /*  **row**  */
    .contest_detail .detail_row {
        display: -ms-flexbox;
        display: flex;
    }

    .contest_detail .detail_row:last-child {
        border-top: 1px solid #cccccc;
    }

    /*  **col** */
    .contest_detail .detail_row .detail_col {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        /*min-height: 40px;*/
        padding: 16px 0;
        font-size: 14px;
    }

    .contest_detail .detail_row:first-child .detail_col {
        width: 100%;
        border-bottom: 1px solid #cccccc;
    }

    .contest_detail .detail_row:nth-child(n + 2) .detail_col {
        display: -ms-flexbox;
        display: flex;
        width: 50%;
    }

    .contest_detail .detail_row:nth-child(n + 2) .detail_col:last-child {
        padding: 0 0 0 31px;
    }

    /*  **dl** */
    .contest_detail .detail_col dt:first-child {
        width: 21%;
        font-weight: bold;
    }

    .contest_detail .detail_row:first-child .detail_col dt {
        width: 10.5%;
    }

    .contest_detail .detail_row:nth-child(n + 2) .detail_col:first-child dd {
        border-right: 1px solid #cccccc;
    }

    .contest_detail .detail_row:first-child .detail_col dd {
        width: 90.5%;
    }

    .contest_detail .detail_row:nth-child(n + 2) .detail_col dd {
        width: 79%;
    }

    .contest_detail .detail_row .detail_col dd p {
        margin-bottom: 8px;
    }

    .contest_detail .detail_row .detail_col dd p:last-child {
        margin-bottom: 0;
    }

    .contest_detail .detail_row .detail_col dd p span.bold {
        font-weight: bold;
    }

    .contest_info {
        position: absolute;
        top: 9px;
        right: -16px;
        width: 196px;
        height: 41px;
    }

    .contest_info p {
        width: 100%;
        padding: 10px 0;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

    .tri {
        display: inline-block;
        position: absolute;
        bottom: -11px;
        right: 0;
        border-style: solid;
        width: 0;
        height: 0;
        border-width: 11px 11px 0 0;
    }

    /*  active  */
    .contest_info.active {
        background: #ba4949;
        color: #ffffff;
    }

    .contest_info.active .info_shadow {
        background: rgba(67, 6, 6, 0.6);
    }

    .contest_info.active .tri {
        border-color: #791818 transparent transparent transparent;
    }

    /*  comingsoon  */
    .contest_info.comingsoon {
        background: #d2d2d2;
        color: #ffffff;
    }

    .contest_info.comingsoon .info_shadow {
        background: rgba(99, 99, 99, 0.6);
    }

    .contest_info.comingsoon .tri {
        border-color: #515151 transparent transparent transparent;
    }

    /*  entryend  */
    .contest_info.entryend {
        background: #ffffff;
        color: #333333;
        border: 2px solid #cccccc;
    }

    .contest_info.entryend .info_shadow {
        background: rgba(99, 99, 99, 0.6);
    }

    .contest_info.entryend .tri {
        bottom: -13px;
        border-width: 11px 9px 0 0;
        border-color: #3a3a3a transparent transparent transparent;
    }

    .contestcaution {
        margin: 0 auto 10px;
        max-width: 1200px;
        padding: 0 50px;
    }

    .contestcaution p.caution {
        font-size: 14px;
        text-align-last: left;
    }

    .contestlink {
        display: -ms-flexbox;
        display: flex;
        /*-ms-flex-pack: justify;
    justify-content: space-between;*/
        justify-content: center;
        width: 400px;
        margin: 0 0 20px auto;
    }

    .contestlink.entryend .button {
        background: #cccccc;
    }

    .contestlink.entryend .arrow.contest_arrow {
        display: none;
    }

    /* .contestlink.btn--strong .button{
    background: rgba(0,130,62,1);
} */
    /* .contestlink.btn--strong .button:hover{
    background: rgba(0,130,62,0.4);
}
.contestlink.btn--strong .button a:hover{
    background: rgba(0,130,62,0.4);
} */
    .button {
        width: 400px;
        height: 60px;
        background: #000000;
    }

    /*.contestlink .button:first-child{
    margin: 0 32px 0 0;
}*/
    .contestlink .button a,
    .contestlink .button div {
        display: block;
        position: relative;
        color: #ffffff;
        font-weight: 500;
        line-height: 56px;
        letter-spacing: 1.5px;
        font-size: 16px;

    }

    .contest_arrow {
        position: absolute;
        right: 24px;
        width: 28px;
        height: 24px;
        top: 50%;
        transform: translateY(-50%);
    }

    .contest_arrow::before {
        content: '';
        display: inline-block;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        background: #000;
    }

    .contest_arrow::after {
        content: '';
        display: inline-block;
        width: 1px;
        height: 12px;
        position: absolute;
        top: 2px;
        right: 3px;
        transform: rotate(-45deg);
        background: #000;
    }

    .campus {
        width: 400px;
        height: 140px;
        /* margin: 70px auto 0; */
        box-sizing: border-box;
        border: 1px solid #000000;
        transition: opacity .4s ease;
    }

    .campus p {
        line-height: 2;
        font-size: 16px;
        letter-spacing: 0.04em;
        color: #000;
        text-align: left;
    }

    .campus:hover {
        opacity: 0.8;
    }

    .campus a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .campus .campus_inner {
        width: 335px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .campus .campus_inner img {
        width: 100%;
    }

    /*
#biscontest .text-strong{
    text-align: left;
    font-size: 26px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.04em;
    color: #000;
    margin-bottom: 30px;
}
*/

    #biscontest .text-strong {
        margin-bottom: 30px;
    }


    #biscontest.contest .mainparagraph p {
        font-size: 16px;
    }

    #biscontest.contest .mainparagraph .contest_lead p {
        font-weight: 600;
    }

    .contest .linkbox {
        max-width: 1200px;
        /*padding: 0 50px;*/
        padding: 0 36px;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
    }

    .contest .linkbox[data-pos="right"] {
        justify-content: flex-end;
    }

    .linkbox-campus {
        /*width: 50%;*/
    }

    .linkbox-campus p.caution {
        font-size: 14px;
        margin: 0 0 10px 0;
    }

    .linkbox-entry {
        width: 50%;
    }

    .contestlink--entry .button {
        text-align: left;

    }

    .contestlink--entry .button {
        background: #ffffff;
        border: 2px solid #000000;
    }

    .contestlink--entry:hover {
        opacity: 1 !important;
    }

    .contestlink--entry .button:hover {
        background: #000;
        border-color: #000;
        opacity: 1 !important;
    }

    .contestlink--entry .button:hover a {
        color: #ffffff;
        opacity: 1 !important;
    }

    .contestlink--entry .button:hover .entry svg:nth-child(1) {
        display: inline-block;
    }

    .contestlink--entry .button:hover .entry svg:nth-child(2) {
        display: none;
    }

    .contestlink--entry .button:hover a .arrow::before,
    .contestlink--entry .button:hover a .arrow::after {
        background: #fff;
    }

    .contestlink--entry .button a {
        color: #000000;
        padding-left: 57px;
        /*background: url(../image/common/icon_entry_bk.png) no-repeat;
    background-size: 28px 28px;
    background-position: 17px center; */
        position: relative;
    }

    .contestlink--entry .button a .entry {
        width: 28px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 17px;
        /* transform: translateY(-50%);
    background: url(../image/common/ico_mypage.png) no-repeat;
    background-size: contain; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contestlink--entry .button a .entry svg:nth-child(1) {
        display: none;
    }

    .contestlink--entry .button a .arrow::before,
    .contestlink--entry .button a .arrow::after {
        background: #000;
    }

    .contestlink--report .button {
        background: #ffffff;
        border: 2px solid #007235;
    }

    .contestlink--report .button a {
        color: #007235;
        padding-left: 20px;
    }

    .contestlink--report .button .contest_arrow::before,
    .contestlink--report .button .contest_arrow::after {
        background: #007235;
    }

    .contestlink--report .button:hover {
        background: #007235;
    }

    .contestlink--report .button:hover a {
        color: #ffffff;
    }

    .contestlink--report .button:hover .contest_arrow::before,
    .contestlink--report .button:hover .contest_arrow::after {
        background: #ffffff;
    }

    /* ************  <== contest ************ */

    /* ************ SONOTA ************ */
    .first_fade {
        opacity: 0;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transition: transform 1.5s ease 1s, opacity 1.5s ease 1s;
    }

    .second_fade {
        opacity: 0;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transition: transform 1.5s ease 1.3s, opacity 1.5s ease 1.3s;
    }

    .content_fade {
        opacity: 0;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transition: transform 1s ease, opacity 1s ease;
    }

    .readmore {
        display: none;
    }

    .banner_wrapper div.banner_innner a:hover {
        opacity: 0.8;
    }

    /* .internship_entry.active a:hover{
    background: #4d4d4d;
}
.contestlink .button a:hover
{
    background: #4d4d4d;
} */
    .button.comingsoon a:hover {
        background: #d2d2d2;
        color: #ffffff;
        cursor: default;
    }

    .isContentShow {
        opacity: 1;
        transform: translateY(0);
    }


    .consultationPeople {
        background-color: #f4f4f4;
        padding: 0 0 70px 0;
        margin: 0 0 100px 0;
    }

    .consultationPeople .ttl {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 460px;
        border: 1px solid #000000;
        position: relative;
        top: -27px;
        font-size: 20px;
        padding: 12px 0;
        letter-spacing: 0.2em;
        background: #ffffff;
    }

    .consultationPeople ul {
        max-width: 1040px;
        width: 90vw;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
    }

    .consultationPeople ul li {

        max-width: 460px;
        width: 40vw;
        margin: 23px 0 0 0;
    }

    .consultationPeople ul li .fukidashi {
        position: relative;
    }

    .consultationPeople ul li .fukidashi p {
        position: absolute;
        text-align: center;
        background-color: #ffffff;
        padding: 12px 22px;
        right: -8px;
        top: -10px;
        letter-spacing: 0.04em;
        border-radius: 10px;
    }

    .consultationPeople ul li .fukidashi p::after {
        content: "";
        position: absolute;
        top: 50%;
        top: 88%;
        left: 28%;
        height: 0;
        border-style: solid;
        border-width: 24px 20px 0 0px;
        border-color: #ffffff transparent transparent transparent;
    }

    .consultationPeople .border {
        position: relative;
    }

    .consultationPeople .border::before {
        border-right: 1px dashed #b8b8b8;
        height: 470px;
        content: "";
        position: absolute;
        top: 0;
        right: 50%;
    }

    .consultationPeople ul li .people_image {
        width: 222px;
        margin: 0 auto;
    }

    .consultationPeople ul li .people_description {
        margin: 34px 0 0 0;
    }

    .consultationPeople ul li img {
        width: 100%;
    }

    .consultationPeople ul li .people_description .name {
        font-size: 20px;
        letter-spacing: 0.07em;
        line-height: 1.56;
        font-weight: 600;
    }

    .consultationPeople ul li .people_description .name span {
        display: block;
        font-size: 16px;
        letter-spacing: 0.14em;
    }

    .consultationPeople ul li .people_description .des {
        margin: 16px 0 0 0;
        font-size: 14px;
        line-height: 1.7;
        letter-spacing: 0.04em;
    }

    footer .inner .top-scroll {
        position: fixed;
        bottom: 150px;
        right: 15px;
        opacity: 1;
    }

    /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
}

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

    /*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
    body {
        line-height: 1.5;
    }

    b {
        font-weight: bold;
    }

    /* ************ Style ==> key visual ************ */

    .top_sq {
        position: absolute;
        width: 17.1666rem;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
    }

    .top_sq .square {
        width: 100%;
        height: 0;
        background: url(../image/intern/topvisual_sq.png) no-repeat center center;
        background-size: contain;
        padding-top: 105.604%;
    }

    /* ************ <== key visual ************ */

    /* ************ Style ==> anchor link ************ */
    /* .anchorarea{
    width: 100%;
    background: #000000;
    position: relative;
}
.anchorarea .anchorul{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 0.9334rem;
}
.anchorarea .anchorul li{
    position: relative;
    width: 100%;
    margin: 0 auto 0;
    padding: 0 1.5rem;
    height: 4rem;
    border-top: 1px solid #fff;
}
.anchorarea .anchorul li .anchorlink{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */
    article#internship {
        width: 100%;
    }

    .internship .anchorarea .anchorul {
        margin: 0 auto 16vw;
    }

    .internship .anchorarea .anchorul .anchorli {
        width: 90vw;
        margin: 0 auto;
        background: #ffffff;
        border: 1px solid #000000;
        height: 24vw;
    }

    .internship .anchorarea .anchorul .anchorli.grayout {
        filter: brightness(60%) opacity(60%);
        pointer-events: none;
    }

    .internship .anchorarea .anchorul .anchorli:nth-of-type(n+2) {
        margin-top: 2vw;
    }

    .internship .anchorarea .anchorul .anchorli .btn {
        color: #000000;
        font-size: 3.8vw;
        letter-spacing: 0.2em;
        font-weight: 500;
        text-align: center;
        line-height: 7.4;
    }

    .internship .anchorarea .anchorul .anchorli .btn {
        position: relative;
    }

    .internship .anchorarea .anchorul .anchorli .btn .batch {
        color: #ffffff;
        background: #000;
        font-size: 3vw;
        font-weight: 500;
        padding: 8px 15px;
        border-radius: 30px;
        line-height: 1;
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        width: 22vw;
        top: 10%;
    }

    .internship .anchorarea .anchorul .anchorli .btn .batch.batch_green {
        background: #00823e;
    }

    .internship .anchorarea .anchorul .anchorli .btn .batch.recruiting {
        background: #cf4c4c;
        padding: 8px 22px;
    }

    .internship .anchorarea .anchorul .anchorli.comingsoon {
        pointer-events: none;
        background: #cfcfcf;
    }

    .anchorul li .btn {
        display: block;
        width: 100%;
        height: 100%;
        color: #ffffff;
        line-height: 4rem;
        text-align: left;
    }

    .anchorul li .anchorspan {
        display: block;
        color: #ffffff;
        font-size: 0.9155rem;
    }

    .anchorul li .btn>i {
        width: 0.7rem;
        height: 0.7rem;
        left: 47%;
        bottom: 9%;
        border-color: #000000;
        transform: rotate(45deg) translateY(-50%);
    }

    .arrow_under::before {
        position: absolute;
        display: block;
        content: "";
        top: 1.8rem;
        right: 46%;
        width: 0.6rem;
        height: 0.6rem;
        border-top: 0.066rem solid #ffffff;
        border-right: 0.066rem solid #ffffff;
        transform: translateX(-50%) rotate(135deg);
        -webkit-transform: translateX(-50%) rotate(135deg);
    }

    #summerinternship,
    #winterinternship,
    #biscontest,
    #onlinesalon,
    #consultation {
        display: block;
        padding-top: 16vw;
        margin-top: -16vw;
    }

    /* ************ <== anchor link ************ */
    /* ************ Style ==> content-common ************ */
    .strong {
        font-weight: bold;
    }

    .mainimage {
        max-width: 100%;
        margin: 2rem auto 2.6666rem;
    }

    /* mainimage__visual */
    .mainvisual_box {
        margin: 0 auto;
        position: relative;
    }

    .mainvisual_text {
        position: absolute;
        font-weight: bold;
        font-size: 0.5333rem;
    }

    .internship,
    .contest {
        /* width: 87.3333%; */
        margin: 0 auto;
    }

    .strong {
        margin: 0.6666rem 0;
        font-weight: bold;
        letter-spacing: 0.065rem;
    }

    .theme-strong {
        /* margin-top: 1.1667rem;
    font-weight: bold;
    text-align: center;
    color: #ba4949;
    font-size: 0.8rem;
    letter-spacing: 0.1em; */
    }

    .theme-small {
        font-size: 0.8666rem;
        font-weight: bold;
        letter-spacing: 0.065rem;
    }

    .caution {
        font-size: 0.8rem;
        margin-top: 0.5rem;
        text-indent: -1.065em;
        padding-left: 1.065em;
        letter-spacing: 0.065rem;
    }

    /* ************ <== content-common ************ */
    /* ************ Style ==> internship ************ */
    .contents_section .sectionttl {
        font-size: 4.4vw;
        font-weight: 600;
        color: #ffffff;
        background: #000000;
        padding: 8px 20px;
        /*display: inline-block;*/
        letter-spacing: 0.1em;
    }

    .lower .intro .heading {
        width: 22rem;
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
    }

    .lower .intro .heading h1::after {}

    .lower .intro .lead {
        width: 22rem;
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
    }

    .contents_ttl {
        position: relative;
    }

    .contents_ttl .ttl_box {
        margin: 2.2667rem 0 9.1667rem 0;
        height: 10.667rem;
        width: 19.334rem;
        display: flex;
        padding-top: 2.6rem;
        padding-left: 1.5rem;
        background: linear-gradient(142.5deg, #000000 0%, #000000 50%, #1d1d1d 50%, #1d1d1d 100%);
    }

    .contents_ttl .ttl_box .ttl {
        color: #ffffff;
        letter-spacing: 0.2rem;
    }

    .contents_ttl .ttl_box .ttl .ja {
        font-size: 14px;
        font-size: 0.8rem;
        /* line-height: 1; */
    }

    .contents_ttl .ttl_box .ttl .font-en {
        font-size: 1.667rem;
        font-weight: 600;
        line-height: 1.1;
    }

    .contents_ttl .image {
        position: absolute;
        right: 0;
        top: 7.734rem;
        width: 94%;
    }

    .contents_ttl .image img {
        width: 100%;
    }

    #biscontest .ttl_box {
        padding-top: 1.734rem;
    }

    .internship .mainvisual_intern {
        background: url(../image/intern/internship_mainvisual_sp.png) no-repeat;
        width: 100%;
        height: 0;
        padding-top: 69.1%;
        background-size: contain;
    }

    .maintext_intern {
        top: 1.6rem;
        left: 1.3333rem;
    }

    .internship-section {
        width: 22rem;
        margin: 0 auto;
    }

    .internwrapper {
        margin-top: 1.7rem;
    }

    .internship .mainvisual_intern {
        height: 500px;
    }

    .maintext_intern {
        display: inline-block;
        background-color: #000000;
        height: 376px;
        width: 490px;
    }

    .internship .contents_section {
        width: 100%;
        position: relative;
        margin: 0 auto 3.34rem;
    }

    .internwrapper .desc {}

    .internwrapper .desc .descwrapper {
        margin-bottom: 35px;
    }

    .internship .contents_section .image {
        width: 100%;
    }

    .internship .contents_section .image img {
        max-width: 100%;
    }

    .internship_info {
        /* position: absolute; */
        position: relative;
        width: 100%;
    }

    .internship_info-box {
        width: 5.2rem;
        height: 2.1rem;
        margin: 0 0 0 auto;
    }

    .internship_info::before {
        content: '';
        display: inline-block;
        width: calc(100% - 5.2rem);
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #000;
    }

    .internship_info p {
        width: 100%;
        height: 100%;
        /* padding: 20px 0; */
        font-size: 1rem;
        font-weight: bold;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .theme {
        background-color: #828282;
        width: 100%;
        padding: 1.34rem 1.5rem;
        color: #ffffff;
    }

    .theme-ttl {
        display: inline-block;
        font-size: 1.0667rem;
        padding-bottom: 0.9rem;
        margin-bottom: 1rem;
        letter-spacing: 0.04em;
        color: #ffffff;
        position: relative;
    }

    .theme-ttl::after {
        content: '';
        display: inline-block;
        width: 1.5rem;
        height: 1px;
        background: #ffffff;
        position: absolute;
        left: 0.1rem;
        bottom: 0;
    }

    .theme-desc {
        display: inline-block;
        font-size: 0.867rem;
        letter-spacing: 0.04em;
        color: #ffffff;
        line-height: 2;
    }

    /*  active  */
    .internship_info.active .internship_info-box {
        background: #ba4949;
        color: #ffffff;
    }

    .internship_info.active .info_shadow {
        background: rgba(67, 6, 6, 0.6);
    }

    .internship_info.active .tri {
        border-color: #791818 transparent transparent transparent;
    }

    .internship_entry.active .entry_button {
        background: #000000;
        color: #ffffff;
    }

    .end.active .entry_button {
        border: 3px #333333 solid;
        background: #ffffff;
        cursor: default;
        color: #333333;
    }

    /* entryend_linkon */
    .internship_entry.active.entryend_linkon .entry_button {
        border: 3px #333333 solid;
        background: #ffffff;
        color: #333333;
        padding-left: 0;
        text-align: center;
    }

    .detail_link {
        font-size: 0.867rem;
        line-height: 1.7;
        letter-spacing: 0.04em;
        padding: 0.6rem 0 0 0;
        text-align: left;
    }

    .detail_link a {
        color: #000;
        border-bottom: 1px solid #000;
    }

    /*  comingsoon  */
    .internship_info.comingsoon .internship_info-box,
    .button.comingsoon {
        background: #d2d2d2;
        color: #ffffff;
    }

    .internship_info.comingsoon .info_shadow {
        background: rgba(99, 99, 99, 0.6);
    }

    .internship_info.comingsoon .tri {
        border-color: #515151 transparent transparent transparent;
    }

    .internship_entry.comingsoon .entry_button {
        background: #d2d2d2;
        cursor: default;
        color: #ffffff;
    }

    /*  entryend  */
    .internship_info.entryend .internship_info-box {
        background: #ffffff;
        color: #333333;
        border: 1px solid #cccccc;
    }

    .internship_info.entryend .info_shadow {
        background: rgba(99, 99, 99, 0.6);
    }

    .entryend_wrap {
        /*opacity: 0.3!important;*/
    }

    .internship_entry.entryend .entry_button,
    .contest .contestlink .button.entryend div.entry_button {
        /* border: 3px #333333 solid; */
        background: #ffffff;
        cursor: default;
        color: #333333;
    }

    .contest .contestlink .button.entryend {
        opacity: 0.3;
    }

    .internwrapper .desc .interntitle {
        font-size: 1.2667rem;
        font-weight: bold;
        margin-bottom: 0.9rem;
        line-height: 1.4;
    }

    .internwrapper .desc .interntitle .ttl_lead {
        font-size: 0.98rem;
        color: rgba(0, 130, 62, 1);
    }

    .internwrapper .desc .interntitle .ttl_lead_small {
        font-size: 0.84rem;
        display: block;
        line-height: 1.8;
        margin-bottom: -1.4vw;
    }

    .internwrapper .desc .desctext {
        margin-top: 1.3rem;
        font-size: 0.867rem;
        line-height: 1.7;
        letter-spacing: 0.04em;
    }

    .internwrapper .desc .desctext span {
        font-weight: bold;
        font-size: 0.91rem;
    }

    .internship_detail {
        width: 100%;
        margin: 1.834rem auto 0;
        border-top: 1px solid #cccccc;
        /* border-bottom: 1px solid #cccccc; */
    }

    .internship_detail--mod__mt-short {
        margin: 15px auto 0;
    }

    /*  **row**  */
    .internship_detail .detail_row {}

    /*  **col**  */
    .internship_detail .detail_col {
        width: 100%;
        padding: 1.2rem 0;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 0.867rem;
        border-bottom: 1px solid #cccccc;
    }

    /*  **dl**  */
    /* .internship_detail .detail_col:last-child{
}
.internship_detail .detail_col:first-child dd{
    width: 86%;
} */
    .internship_detail .detail_col dt {
        width: 100%;
        font-weight: bold;
        line-height: 1.7;
    }

    .internship_detail .detail_col dd {
        width: 100%;
        line-height: 1.7;
    }

    .internship_detail .detail_col dd .green {
        color: #00823e;
        font-weight: bold;
    }

    .internship_detail .detail_col dd .bold {
        font-weight: bold;
    }

    .internship_entry.entryend {
        border: 0.1rem solid #333333;
    }
    .schedule-row {
        display: grid;
        grid-template-columns: 9rem 0fr;
        gap: 0px;
        grid-auto-flow: column;
    }

    .internship_entry.entryend .entry_button {

        line-height: 3.8rem;
        padding-left: 0;
        text-align: center;
    }

    .internship_entry.entryend .entry_button .internship_arrow::after {
        display: none;
    }

    .internship_entry {
        width: 100%;
        height: 4rem;
        margin: 2rem 0 0 auto;
        box-sizing: border-box;
    }

    .internship_entry .entry_button {
        line-height: 4rem;
        display: block;
        width: 100%;
        height: 100%;
        font-weight: bold;
        letter-spacing: 0.15em;
        font-size: 0.85rem;
        text-align: center;
        box-sizing: border-box;
    }

    .internship_arrow {
        position: relative;
    }

    .internship_arrow::before {
        position: absolute;
        display: block;
        content: "";
        top: 5px;
        left: 15px;
        width: 7px;
        height: 7px;
        border-top: 2px solid #ffffff;
        border-left: 2px solid #ffffff;
        transform: translateX(-50%) rotate(135deg);
        -webkit-transform: translateX(-50%) rotate(135deg);
    }

    .end .internship_arrow::before {
        position: absolute;
        display: block;
        content: "";
        top: 5px;
        left: 13px;
        width: 7px;
        height: 7px;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        transform: translateX(-50%) rotate(135deg);
        -webkit-transform: translateX(-50%) rotate(135deg);
    }

    /* ************ <== internship ************ */
    /* ************ Style ==> subvisual ************ */
    .subvisual {
        width: 100%;
        height: 12rem;
        position: relative;
        margin: 2.667rem auto 0;
    }

    .subvisual .subvisualbox {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .img-parallax {
        position: absolute;
        z-index: -1;
        top: -55%;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }

    .subvisual .subvisualtext {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

    .subvisual .subvisualtext p {
        font-size: 1rem;
        font-weight: bold;
        color: #ffffff;
        opacity: 0.5;
    }

    .subvisual .pattern_overlay {
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        background: url(../image/intern/pattern.png) repeat;
        z-index: 1;
        opacity: 0.5;
    }

    /* ************ <== subvisual link ************ */
    /* ************ Style ==> contest ************ */
    .contest {
        margin: 3.1666rem auto 2.7rem;
        width: 22rem;
    }

    .contest .mainvisual_contest {
        background: url(../image/intern/contest_mainvisual_sp.png) no-repeat;
        width: 100%;
        height: 0;
        padding-top: 88.387%;
        background-size: contain;
    }

    .maintext_contest {
        top: -0.9333rem;
        left: 1.4rem;
    }

    .contest .mainparagraph {
        width: 22rem;
        margin: 1.7rem auto 0;
    }

    .contest .mainparagraph h2 {
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: 0.23rem;
        margin: 0 0 1.2666rem 0;

    }

    .contest .mainparagraph .underbar {
        width: 20.76%;
        height: 0.0666rem;
        background: #666666;
    }

    .contest .mainparagraph p {
        margin: 1.1666rem 0 2.3333rem;
        font-size: 0.8666rem;
        letter-spacing: 0.0336rem;
    }

    .contestcourse {
        width: 100%;
        margin: 0 auto 1.7666rem;
        border: 0.1666rem solid #000000;
    }

    .contest .contestcourse:last-of-type {
        margin-bottom: 0;
    }

    .contestcourse .courseinner {
        width: 84%;
        margin: 1.5332rem auto 2.6666rem;
    }

    .contestcourse .courseinner h3 {
        font-size: 1.6666rem;
        font-weight: bold;
        color: #00823e;
    }

    .contest_detail {
        width: 100%;
        margin: 0.5rem auto 0;
        border-top: 0.0333rem solid #cccccc;
    }

    .contest_detail .detail_row .detail_col {
        padding: 0.6666rem 0;
        font-size: 0.8666rem;
        border-bottom: 0.0333rem solid #cccccc;
        letter-spacing: 0.065rem;
    }

    .contest_detail .detail_row:first-child .detail_col {
        width: 100%;
        padding: 1rem 0;
    }

    .contest_detail .detail_row .detail_col dt {
        font-weight: bold;
        font-size: 0.8666rem;
    }

    .contest_detail .detail_row .detail_col dd {
        font-size: 0.8666rem;
        line-height: 1.6;
    }

    .contest_detail .detail_row .detail_col dd p {
        margin-bottom: 0.3333rem;
    }

    .contest_detail .detail_row .detail_col dd p:first-child {
        margin-top: 0.3333rem;
    }

    .contest_detail .detail_row .detail_col dd p:last-child {
        margin-bottom: 0;
    }

    .contest_detail .detail_row .detail_col dd p span.bold {
        font-weight: bold;
    }

    .contest_info {
        position: absolute;
        top: -0.0333rem;
        width: 100%;
        height: 2rem;
    }

    .contest_info p {
        width: 100%;
        font-size: 0.9333rem;
        line-height: 2rem;
        font-weight: bold;
        text-align: center;
    }

    /*  active  */
    .contest_info.active {
        background: #ba4949;
        color: #ffffff;
    }

    /*  comingsoon  */
    .contest_info.comingsoon {
        background: #d2d2d2;
        color: #ffffff;
    }

    /*  entryend  */
    .contest_info.entryend {
        background: #ffffff;
        color: #333333;
        border: 2px solid #cccccc;
    }

    .contestcaution {
        width: 100%;
        margin: 0 auto 1.5rem;
    }

    .contestcaution p.caution {
        font-size: 0.8rem;
        margin-top: 0.5rem;
        text-indent: -1.065em;
        padding-left: 1.065em;
        letter-spacing: 0.065rem;
        text-align: center;
        font-weight: 600;
        margin-bottom: -8vw;
    }

    .contestlink {
        width: 100%;
        margin: 0 auto;
    }

    .contestlink.entryend .button {
        background: #cccccc;
    }

    .contestlink.entryend .arrow.contest_arrow {
        display: none;
    }

    /* .contestlink.btn--strong .button{
    background: rgba(0,130,62,1);
} */
    .contestlink .button {
        width: 100%;
        background: #000000;
        height: 3.3333rem;
    }

    .contestlink .button:last-child {
        margin-top: 2rem;
    }

    .contestlink .button a,
    .contestlink .button div {
        display: block;
        position: relative;
        color: #ffffff;
        text-align: center;
        line-height: 3.3333rem;
        font-size: 0.9333rem;
        font-weight: bold;
        letter-spacing: 0.065rem;
    }

    .contest_arrow {
        position: absolute;
        right: 1.2rem;
        top: 50%;
        width: 1.3rem;
        height: 0.9rem;
        transform: translateY(-50%);
    }

    .contest_arrow::before {
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        top: 50%;
        /* border-top: 0.066rem solid #ffffff;
    border-left: 0.066rem solid #ffffff;
    transform: translateX(-50%) rotate(135deg);
    -webkit-transform: translateX(-50%) rotate(135deg); */
    }

    .contest_arrow::after {
        position: absolute;
        display: block;
        content: "";
        width: 1px;
        height: 0.4rem;
        top: 0.087rem;
        right: 0.1rem;
        transform: rotate(-45deg);
    }

    .button.comingsoon {
        background: #d2d2d2;
        color: #ffffff;
    }

    .campus {
        width: 100%;
        height: 4.667rem;
        /*margin: 2.3334rem auto 0;*/
        margin: 0.75rem auto 0;
        box-sizing: border-box;
        border: 1px solid #000000;
    }

    .campus a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .campus .campus_inner {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* .campus .campus_inner img{
    width: 100%;
} */
    /* ************  <== contest ************ */
    .first_fade {
        opacity: 0;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transition: transform 1.5s ease 1s, opacity 1.5s ease 1s;
    }

    .second_fade {
        opacity: 0;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transition: transform 1.5s ease 1.3s, opacity 1.5s ease 1.3s;
    }

    .content_fade {
        opacity: 0;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transition: transform 1s ease, opacity 1s ease;
    }

    .readmore {
        display: block;
        width: 100%;
        height: 3.3333rem;
        position: absolute;
        bottom: -0.0666rem;
        background: #000000;
        color: #ffffff;
        border: 0.0333rem solid #000000;
        font-size: 0.9333rem;
        text-align: center;
        z-index: 100;
        font-weight: bold;
        letter-spacing: 0.065rem;
    }

    .readmore::before {
        content: 'もっと見る';
        display: block;
        margin-top: 0.4333rem;
    }

    .readmore.showing {
        bottom: 0;
    }

    .readmore.showing::before {
        content: '閉じる';
    }

    .accordionwrap {
        position: relative;
        overflow: hidden;
    }

    .internship .accordionwrap.hiding {
        height: 39rem;
    }

    .contest .accordionwrap.hiding {
        height: 14.3333rem
    }

    .accordionwrap::before {
        display: block;
        position: absolute;
        bottom: 2.8rem;
        left: 0;
        content: "";
        width: 100%;
        height: 4rem;
        background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
        display: none;
    }

    .readmore.showing+.accordionwrap::before {
        display: none;
    }

    .readmore .arrow_under::before {
        right: 48%;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform-origin: center;
        transition: transform .2s;
    }

    .readmore.showing .arrow_under::before {
        right: 48%;
        top: 2.1rem;
        transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
        transform-origin: center;
        transition: transform .2s;
    }

    .isContentShow {
        opacity: 1;
        transform: translateY(0);
    }

    /*
#biscontest .text-strong p{
    font-size: 1rem;
    font-weight: 700;
    line-height: 2;
    margin-bottom: 1.2rem;
}
*/
    #biscontest .text-strong p {
        margin-bottom: 1.2rem;
        line-height: 2;
    }

    #biscontest.contest .mainparagraph p {
        font-size: 0.867rem;
    }

    #biscontest.contest .mainparagraph .contest_lead p {
        font-weight: 600;
    }


    .contest .linkbox {
        width: 22rem;
        /*display: flex;*/
        align-items: flex-start;
        flex-wrap: wrap;
        margin: 0 auto;
        flex-direction: row-reverse;

    }

    .linkbox-campus {
        width: 13.334rem;
        /* height: 4.667rem; */
        margin-right: auto;
        margin-left: auto;
        order: 1;
    }

    .linkbox-campus .campus .campus_inner img {
        width: 83.75%;
    }

    .linkbox-entry {
        width: 100%;
        order: 0;
    }

    .contestlink--entry .button {
        text-align: left;

    }

    .contestlink--entry .button {
        background: #000;
        border: 2px solid #000000;
    }

    .contestlink--entry .button a {
        text-align: left;
        color: #ffffff;
        padding-left: 3.467rem;
        /* background: url(../image/common/icon_entry.png) no-repeat;
    background-size: 1.334rem 1.334rem;
    background-position: 1.2rem center; */
    }

    .contestlink--entry .button a .entry {
        width: 1.334rem;
        height: auto;
        position: absolute;
        top: 60%;
        left: 1.2rem;
        transform: translateY(-50%);
        /* transform: translateY(-50%);
    background: url(../image/common/ico_mypage.png) no-repeat;
    background-size: contain; */
        /* display: flex;
    justify-content: center;
    align-items: center; */
    }

    .contestlink--entry .button a .entry svg {
        width: 100%;
        height: 100%;
    }

    .contestlink--entry .button a .entry svg:nth-child(2) {
        display: none;
    }

    .contestlink--report .button {
        background: #007235;
        border: 2px solid #007235;
    }

    .contestlink--report .button a {
        color: #ffffff;
        padding-left: 1.1rem;
        text-align: left;
    }

    .contestlink--report .button .contest_arrow::before,
    .contestlink--report .button .contest_arrow::after {
        background: #ffffff;
    }

    .contestlink--entry .button .contest_arrow::before,
    .contestlink--entry .button .contest_arrow::after {
        background: #ffffff;
    }

    .hukidashi {
        margin-top: 0;
        text-align: left;
        margin-bottom: 0.78rem;
    }

    .hukidashi span {
        display: inline-block;
        padding: 0.8rem 1.2rem 0.8rem;
        border-radius: 10px;
        background: rgba(0, 130, 62, 1);
        font-size: 0.8rem;
        font-weight: bold;
        letter-spacing: 0.06em;
        color: #ffffff;
        position: relative;
    }

    .hukidashi span::before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 1rem 0.5rem 0 0.5rem;
        border-color: rgba(0, 130, 62, 1) transparent transparent transparent;
        position: absolute;
        bottom: -0.5rem;
        left: 50%;
        transform: translateX(-50%);
    }

    .theme-strong {
        font-weight: 700;
        font-size: 1.134rem;
    }


    .consultationPeople {
        background-color: #f4f4f4;
        padding: 0 0 70px 0;
        margin: 0 0 100px 0;
    }

    .consultationPeople .ttl {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 90vw;
        border: 1px solid #000000;
        position: relative;
        top: -22px;
        font-size: 4vw;
        padding: 8px 0;
        letter-spacing: 0.16em;
        background: #ffffff;
        line-height: 1.4;
    }

    .consultationPeople ul {
        width: 86vw;
        margin: 0 auto;
    }

    .consultationPeople ul li {
        margin: 4vw 0 0 0;
    }

    .consultationPeople ul li:nth-of-type(n+2) {
        margin-top: 30vw;
    }

    .consultationPeople ul li .fukidashi {
        position: relative;
    }

    .consultationPeople ul li .fukidashi p {
        position: absolute;
        text-align: center;
        background-color: #ffffff;
        padding: 4vw 6vw;
        right: 0;
        top: -18vw;
        letter-spacing: 0.04em;
        border-radius: 10px;
        font-size: 3.8vw;
    }

    .consultationPeople ul li .fukidashi p::after {
        content: "";
        position: absolute;
        top: 50%;
        top: 88%;
        left: 28%;
        height: 0;
        border-style: solid;
        border-width: 24px 20px 0 0px;
        border-color: #ffffff transparent transparent transparent;
    }

    .consultationPeople ul li .people_image {
        width: 40vw;
        margin: 0 auto;
    }

    .consultationPeople ul li .people_description {
        margin: 6vw 0 0 0;
    }

    .consultationPeople ul li img {
        width: 100%;
    }

    .consultationPeople ul li .people_description .name {
        font-size: 20px;
        letter-spacing: 0.07em;
        line-height: 1.56;
        font-weight: 600;
    }

    .consultationPeople ul li .people_description .name span {
        display: block;
        font-size: 3.4vw;
        letter-spacing: 0.14em;
    }

    .consultationPeople ul li .people_description .des {
        margin: 2.4vw 0 0 0;
        font-size: 3.4vw;
        line-height: 1.6;
        letter-spacing: 0.08em;
    }

    footer .inner .top-scroll {
        position: fixed;
        bottom: 6.4rem;
        right: -3%;
        left: unset;
    }



}

@media all and (min-width: 769px) and (max-width: 1024px) {
    .contents_ttl .ttl_box .ttl .font-en {
        font-size: 30px;
    }

    .contents_ttl .ttl_box .ttl .ja {
        font-size: 12px;
    }

    .img-parallax {
        top: -15%;
    }
}