@charset "UTF-8";

section.box01 { display: none; }
section.box01.active { display: block; }

div.internship .detailmore-btn--red .a {
    border-radius: 1rem;
    height: 5rem;
}

#about.internship {
    background-color: #ffffff;
}

#about.internship #contents .section-in {
    padding: 0 0 1rem;
}

/* .sub_main: main visual */
#about.internship #contents .sub_main .section-in .sub_main__tl-box .en span:nth-child(2) {
    letter-spacing: 0;
}

/* .diver_index : tab */
#about.internship #contents .diver_index {
    background-color: #f0ebf0;
    margin: 1rem 0;
}

#about.internship #contents .box01 .section-in > div > div.scrollani.internship > div {
    width: 100%;
}

#about.internship #contents .box01 .section-in > div > div.scrollani.internship.guide > div {
    width: 100%;
}

#about.internship #contents .diver_index .section-in {
    padding: 3rem 0rem 3rem 0rem
}

#about.internship #contents .diver_index .section-in .tl {
    text-align: center;
    margin-bottom: 1rem
}

#about.internship #contents .diver_index .section-in .tl span {
    font-family: "Montserrat",sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 1;
    color: #fff
}

#about.internship #contents .diver_index .section-in .list>div {
    width: 32.7rem;
    margin: 0rem auto 1.5rem auto
}

#about.internship #contents .diver_index .section-in .list>div a {
    display: block;
    position: relative;
}

#about.internship #contents .diver_index .section-in .list>div a>div>p {
    text-align: center;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}

#about.internship #contents .diver_index .section-in .list>div a>div>p span {
    color: #fff;
    font-size: 2rem;
    line-height: 1.1428571429;
    font-family: YakuHanJP,"Noto Sans JP",sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal
}

#about.internship #contents .diver_index .section-in .list>div.ws01 a>div>p { background-color: #f69d6a; }
#about.internship #contents .diver_index .section-in .list>div.ws02 a>div>p { background-color: #6ab2d9; }
#about.internship #contents .diver_index .section-in .list>div.ws03 a>div>p { background-color: #F19395; }

#about.internship #contents .diver_index .section-in .list>div:last-child {
    margin-bottom: 0
}

/* .box01 : title */
#about.internship #contents .box01 {
    padding: 0;
}

#about.internship #contents .box01 .section-in {
    width: 32.7rem;
    margin: 0 auto;
}

#about.internship #contents .box01 .section-in > div {
    display: block;
    padding-bottom: 10rem;
}

/* .info-box : tab title */
#about.internship #contents .box01 .section-in>div .info-box .text-box .tl-box .over {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

#about.internship #contents .box01 .section-in>div .info-box .text-box .tl-box .num {
    font-size: 1.8rem;
    text-align: center;
}

#about.internship #contents .box01 .section-in>div .info-box .text-box .tl-box .num span {
    font-weight:bold;
}

#about.internship #contents .box01 .section-in>div .info-box .text-box .tl-box .num + p.sub {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

#about.internship #contents .box01 .section-in.ws01>div .info-box .text-box .tl-box > p { color: #FF9933; }
#about.internship #contents .box01 .section-in.ws02>div .info-box .text-box .tl-box > p { color: #9DC3E6; }
#about.internship #contents .box01 .section-in.ws03>div .info-box .text-box .tl-box > p { color: #F19395; }

#about.internship #contents .box01 .section-in>div .info-box .text-box {
    margin-top: 0;
}

#about.internship #contents .box01 .section-in > div > div.internship > div p {
    font-weight: bold;
}

#about.internship #contents .box01 .section-in > div > div.scrollani.internship > div p span {
    color: #ffffff;
    font-size: 1.4em;
}

/* download */
#about.internship #contents .box01 .section-in>div>div.dlfile {
    display: flex;
    justify-content: flex-end;
    margin-top: -2.5rem;
    color: #000000;
}

#about.internship #contents .box01 .section-in>div>div.dlfile a {
    border-bottom: 1px solid #000000;
    padding-left: .5rem;
    padding-bottom: 0.3rem;
}

#about.internship #contents .box01 .section-in > div {
    display: block;
    padding-bottom: 0rem;
}

#about.internship #contents .box01 .section-in>div>div {
    border-bottom: 1px solid #a0aab4;
    padding: 1.8rem 0rem 1.5rem 0rem;
}

#about.internship #contents .box01 .section-in>div>div.scrollani.guide {
    padding-top: 0;
}

#about.internship #contents .box01 .section-in>div>div.nobm {
    border-bottom: none;
}

#about.internship #contents .box01 .section-in>div>div>div p {
    text-align: left
}

#about.internship #contents .box01 .section-in>div>div>div p a {
    color: #000;
    font-family: YakuHanJP,"Noto Sans JP",sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    text-decoration: underline
}

#about.internship #contents .box01 .section-in>div>div>div p a:hover {
    text-decoration: none
}

#about.internship #contents .box01 .section-in>div>div>div p:not(.num) span {
    font-family: YakuHanJP,"Noto Sans JP",sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    color: #000;
    line-height: 2.25
}

#about.internship #contents .box01 .section-in>div>div>div:nth-child(1) {
    margin-bottom: 1rem
}

#about.internship #contents .box01 .section-in>div>div>div:nth-child(1) p span {
    font-size: 1.4rem;
    line-height: 1.5714285714
}

#about.internship #contents .box01 .section-in>div>div>div:nth-child(1) p:not(.num,.hover_text01,.over) span::before {
    display: inline-block;
    content: '〉';
    font-weight: bold;
}

#about.internship #contents .box01 .section-in.ws01>div>div>div:nth-child(1) p span::before { color: #FF9933; }
#about.internship #contents .box01 .section-in.ws02>div>div>div:nth-child(1) p span::before { color: #9DC3E6; }
#about.internship #contents .box01 .section-in.ws03>div>div>div:nth-child(1) p span::before { color: #F19395; }

#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) p {
    margin-bottom: 2rem
}

#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) p:last-child {
    margin-bottom: 0
}

#about.internship #contents .box01 .section-in>div>div:last-child {
    padding-bottom: 0;
    border-bottom: none
}

#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem dl {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom: 1rem;
}

#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem2 > li {
    margin-bottom: 0.5rem;
}

#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem dl dt,
#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem dl dd,
#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem2 dl dt span,
#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem2 dl dd {
    font-weight: 300;
    line-height: 1.875;
    text-align: center;
    padding: 0.5rem 1rem;
    margin: 0.5rem;
    border-radius: 0.5rem;
    color: #000000;
}

#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem dl dt {
    width: 10rem;
    margin-left: 0;
}

#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem dl dd {
    width: 40rem;
    text-align: left;
}

#about.internship #contents .box01 .section-in.ws01>div>div>div:nth-child(2) ul.dlItem dl dt,
#about.internship #contents .box01 .section-in.ws01>div>div>div:nth-child(2) ul.dlItem dl dd {
    background-color: #fde8dc;
}

#about.internship #contents .box01 .section-in.ws02>div>div>div:nth-child(2) ul.dlItem dl dt,
#about.internship #contents .box01 .section-in.ws02>div>div>div:nth-child(2) ul.dlItem dl dd {
    background-color: #dcedf6;
}

#about.internship #contents .box01 .section-in.ws03>div>div>div:nth-child(2) ul.dlItem dl dt,
#about.internship #contents .box01 .section-in.ws03>div>div>div:nth-child(2) ul.dlItem dl dd {
    background-color: #fae5e7;
}

#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem2 dl dt div.flexWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}


#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem2 dl dt span,
#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem2 dl dd {
    padding: 0;
    margin: 0;
    text-align: left;
}

#about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem2 dl dd {
    margin-left: 0.5rem;
}

.detailmore-btn {
    width: 15rem;
    margin: 0 auto
}

.detailmore-btn .a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.3rem;
    position: relative
}

.detailmore-btn .a .hover_text01 .text-inner {
    font-family: YakuHanJP,"Noto Sans JP",sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1;
    text-align: center
}

.detailmore-btn .a .hover_text01:before {
    font-family: YakuHanJP,"Noto Sans JP",sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: .07em;
    text-align: center
}

.detailmore-btn--red .a {
    background: linear-gradient(45deg, rgb(145, 0, 60) 0%, rgb(146, 1, 61) 0.64%, rgb(168, 14, 79) 19.87%, rgb(183, 24, 92) 40.94%, rgb(192, 29, 100) 65.26%, rgb(195, 31, 102) 100%)
}

.detailmore-btn--red .a .hover_text01 .text-inner {
    color: #fff
}

.detailmore-btn--red .a .hover_text01:before {
    color: #fff
}


@media screen and (min-width: 768px) {
    div.internship .detailmore-btn--red .a {
        height: 7.4rem;
    }

    #header .header-in #naviWrap #navi .navi-in01 > li.header_internship {
        position: absolute;
        width: 23rem;
        left: 0rem;
        top: 33rem;
    }

    #about.internship #contents .sub_main .section-in {
        padding-bottom: 5rem;
        align-items: center;
        -ms-flex-align: center;
        -webkit-bos-align: center;
    }


    #about.internship #contents .sub_main .section-in .sub_main__bg {
        width: 80rem;
    }

    #about.internship #contents .sub_main .section-in .sub_main__tl-box .en span {
        font-size: 5rem;
        margin-bottom: 1rem;
    }

    #about.internship #contents .sub_main .section-in .sub_main__tl-box .en span:nth-child(2) {
        font-size: 9rem;
        letter-spacing: 0;
    }


    #about.internship #contents .diver_index {
        position: relative;
        z-index: 4
    }

    #about.internship #contents .diver_index .section-in {
        padding: 2.4em 0em 3em 0em;
        width: 144rem;
        margin: 0 auto
    }

    #about.internship #contents .diver_index .section-in .tl {
        margin-bottom: 2em
    }

    #about.internship #contents .diver_index .section-in .tl span {
        font-size: 6em;
        line-height: 1
    }

    #about.internship #contents .diver_index .section-in .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 3.5rem 3rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #about.internship #contents .diver_index .section-in .list>div {
        width: 38rem;
        margin: 0;
        -webkit-transition: -webkit-transform 200ms ease;
        transition: -webkit-transform 200ms ease;
        transition: transform 200ms ease;
        transition: transform 200ms ease, -webkit-transform 200ms ease
    }

    #about.internship #contents .diver_index .section-in .list>div a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1.5rem 0rem 1.5rem 1.5rem;
        gap: 0rem 1.3rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #about.internship #contents .diver_index .section-in .list>div a>div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    #about.internship #contents .diver_index .section-in .list>div a>div>p {
        height: auto;
        display: block;
        padding: 2rem;
        font-size: 1.3rem;
    }

    #about.internship #contents .diver_index .section-in .list>div a>div>p span {
        font-size: 2.2em;
        line-height: 1.3636363636;
        font-weight: bold;
    }

    #about.internship #contents .diver_index .section-in .list>div.on {
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }


    #about.internship #contents .box01 .section-in {
        width: 120rem;
        padding: 30px 0 175px 0
    }

    #about.internship #contents .box01 .section-in>div .info-box  .text-box .tl-box .num span {
        font-size: 7rem;
    }

    #about.internship #contents .box01 .section-in>div .info-box   .text-box .tl-box .num + p.sub {
        font-size: 4rem;
        font-weight: normal;
        margin-top: 1rem;
    }

    /* download */
    #about.internship #contents .box01 .section-in>div>div.dlfile {
        padding-top: 0;
        font-size: 1.6em;
    }

    #about.internship #contents .box01 .section-in>div>div.dlfile a {
        border-bottom: 1px solid #000000;
        padding-left: .5rem;
        padding-bottom: 0.3rem;
    }

    #about.internship #contents .box01 .section-in>div>div.dlfile a:hover {
        opacity: 0.8;
    }

    #about.internship #contents .box01 .section-in>div>div {
        padding: 3.5em 0em 3.5em 0em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    #about.internship #contents .box01 .section-in>div>div>div p span {
        font-size: 1.6em;
        line-height: 1.875
    }

    #about.internship #contents .box01 .section-in>div>div.info-box>div:nth-child(1) {
        width: 100%;
    }

    #about.internship #contents .box01 .section-in>div>div>div:nth-child(1) {
        width: 22rem;
        margin: 0.3em 0em 0em 0em
    }

    #about.internship #contents .box01 .section-in>div>div>div:nth-child(1) p span {
        font-size: 1.6em;
        line-height: 1.2
    }

    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 0rem
    }

    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) p {
        margin-bottom: 2rem;
    }

    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.item {
        margin: -1rem 2rem 1rem;
    }

    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.item > li {
        list-style-type: disc;
        font-size: 1.6em;
        font-weight: 300;
        line-height: 1.875;
    }

    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem dl,
    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem2 dl {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        margin-bottom: 1rem;
    }
    
    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem dl dt,
    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem dl dd {
        font-size: 1.6em;
        padding: 0.5rem 1rem;
        margin: 1rem;
    }

    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem2 dl dd::before {
        content: '・・・';
        margin-right: 0.8rem;
    }

    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem dl dt {
        margin-left: 0;
    }

    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem2 dl dt span,
    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem2 dl dd {
        font-size: 1.6em;
    }

    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem2 dl dt div.flexWrapper > span + span {
        text-align: right;
        width: 19rem;
        /* width: 7.2rem; /*
    }

    #about.internship #contents .box01 .section-in>div>div>div:nth-child(2) ul.dlItem dl dd {
        padding-left: 2rem;
    }

    .detailmore-btn {
        width:41rem
    }

    .detailmore-btn .a {
        height: 7.4rem
    }

    .detailmore-btn .a .hover_text01 .text-inner {
        font-size: 2rem;
        line-height: 1
    }

    .detailmore-btn .a .hover_text01:before {
        font-size: 2rem;
        line-height: 1
    }

    #about.internship #contents .box01 .section-in > div > div.scrollani.internship.guide > div {
        width: 20%;
        margin-left: auto;
        margin-right: 0;
    }

    #about.internship #contents .box01 .section-in > div > div.scrollani.internship > div p span {
        font-size: 2em;
    }
}