@charset "utf-8";

#primary {
    padding: 0;
}
#main {
    min-height:0;
}
.breadcrumb {
    display: none;
}

#experience section * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Noto Sans JP", sans-serif !important;
    line-height: 1;
    letter-spacing: 0;
}
#experience {
    width: 100%;
    background: #000;
    color: #000;
}
#experience section {
    width: min(100%, 750px);
    margin-inline: auto;
    background-color: #fff;
    line-break: strict;
}
#experience section:last-of-type {
    padding-bottom: min(calc((120 / 750) * 100vw), 120px);
}
#experience img {
    border: none;
    vertical-align: bottom;
}
#experience a {
    margin-inline: auto;
    text-decoration: none;
    transition: background 0.3s;
}
#experience li {
    list-style: none;
}
#experience .txt-en {
    font-size: 113%;
    font-family: "HelveticaNeueW01-45Ligh", "Helvetica Neue LT W05 45 Light", sans-serif !important;
    line-height: 0.8;
}
#experience .section-title {
    margin-bottom: min(calc((20 / 750) * 100vw), 20px);
    font-size: min(calc((44 / 750) * 100vw), 44px);
    line-height: calc(52 / 44);
    text-align: center;
}
#experience .section-cont {
    padding-bottom: min(calc((80 / 750) * 100vw), 80px);
}
#experience .section-cont p {
    font-size: min(calc((26 / 750) * 100vw), 26px);
    line-height: calc(42 / 26);
    text-align: center;
}
#experience .section-img {
    margin-bottom: min(calc((40 / 750) * 100vw), 40px);
}
#experience .disc-list li {
    position: relative;
    margin-bottom: min(calc((16 / 750) * 100vw), 16px);
    padding-left: 1em;
    font-size: min(calc((28 / 750) * 100vw), 28px);
    line-height: calc(40 / 28);
}
#experience .disc-list li:last-of-type {
    margin-bottom: 0;
}
#experience .disc-list li::before {
    position: absolute;
    left: 0;
    content: "・";
}
#experience .notes li {
    position: relative;
    margin-bottom: min(calc((8 / 750) * 100vw), 8px);
    padding-left: 1em;
    font-size: min(calc((23 / 750) * 100vw), 23px);
    line-height: calc(28 / 23);
}
#experience .notes li::before {
    position: absolute;
    left: 0;
    content: "＊";
}
#experience .common-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: min(calc((500 / 750) * 100vw), 500px);
    margin-block: min(calc((20 / 750) * 100vw), 20px);
    padding-block: min(calc((27.5 / 750) * 100vw), 27.5px);
    border: 1px #000 solid;
    background: #fff;
    color: #000;
    font-size: min(calc((26 / 750) * 100vw), 26px);
    text-align: center;
    line-height: calc(31 / 26);
}
#experience .common-btn.arrow::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: min(calc((23 / 750) * 100vw), 23px);
    transform: translateY(-50%) rotate(-90deg);
    font-size: min(calc((30 / 750) * 100vw), 30px);
    font-family: 'icomoon' !important;
    content:"\e904";
}
#experience .common-btn.arrow.down::after {
    transform: translateY(-50%) rotate(0deg);
}
#experience .common-btn:last-of-type {
    margin-bottom: 0;
}
@media screen and (min-width:751px) {
    #experience .common-btn:hover {
        background:#000;
        color:#fff;
    }
}

/* .section-head */
#experience .section-head {
    padding-block: min(calc((40 / 750) * 100vw), 40px) min(calc((80 / 750) * 100vw), 80px);
    background-color: #000;
    color: #fff;
}
#experience .section-head h1 {
    margin-bottom: min(calc((12 / 750) * 100vw), 12px);
    font-size: min(calc((96 / 750) * 100vw), 96px);
    font-family:"Helvetica Neue LT W01_35 Thin", "Helvetica Neue LT W05 35 Thin", Meiryo, "Noto Sans JP", sans-serif !important;
    line-height: calc(78 / 96);
    text-align: center;
}
#experience .section-head h1 + p {
    margin-bottom: min(calc((40 / 750) * 100vw), 40px);
    font-size: min(calc((30 / 750) * 100vw), 30px);
    line-height: calc(46 / 30);
}
#experience .section-head p {
    font-size: min(calc((26 / 750) * 100vw), 26px);
    line-height: calc(42 / 26);
    text-align: center;
    letter-spacing: -0.02em;
}
#experience .section-head img {
    display: block;
    width: min(calc((582 / 750) * 100vw), 582px);
    margin-inline: auto;
    margin-bottom: min(calc((40 / 750) * 100vw), 40px);
}
#experience .section-head .common-btn {
    border: 1px solid #fff;
    background-color: #000;
    color: #fff;
}
@media screen and (min-width:751px) {
    #experience .section-head .common-btn:hover {
        border: 1px solid #fff;
        background: #fff;
        color: #000;
    }
}

/* .section-makeup */
#experience .section-makeup .section-title {
    letter-spacing: -0.03em;
}
#experience .section-makeup .section-cont p {
    letter-spacing: -0.06em;
}