body {
    font-family: "Hiragino Kaku Gothic W5 JIS2004", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", Meiryo, sans-serif;
}
.pc-only {
    display: block;
}
.sp-only {
    display: none;
}
.interview__top-inner {
    max-width: 1090px;
    margin: 0 auto;
}
.interview__title {
    display: flex;
    margin-bottom: 52px;
    justify-content: center;
    gap: 30px;
    align-items: center;
}
.interview__title h2 {
    font-family: "ヒラギノ角ゴ W7 JIS2004";
    font-weight: bold;
    font-size: 39px;
    color: #231815;
}
.interview__title img {
    width: 200px;
}
.interview__point {
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: center;
    margin-bottom: 45px;
}
.interview__point li{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 196px;
    height: 70px;
    font-family: "ヒラギノ角ゴ W7 JIS2004";
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    background-image: linear-gradient(180deg, rgba(0, 141, 62, 1), rgba(214, 233, 196, 1));
    border-radius: 24px;
}
.interview__point li span {
    font-size: 15px;
    display: block;
    line-height: 1;
}
.interview__point li.interview__point-double-row {
    font-size: 28px;
    line-height: 1;
    padding: 8px 0;
}
.interview__top-title {
    margin-bottom: 42px;
    color: #39A34A;
    font-size: 60px;
    font-family: "ヒラギノ角ゴ W7 JIS2004";
    font-weight: bold;
    text-align: center;
}
.interview__top-image{
    margin-bottom: 60px;
}
.interview__top-image img{
    width: 100%;
}
.interview__top-subtitle {
    width: 1019px;
    min-height: 75px;
    margin: 0 auto 37px;
    font-family: "ヒラギノ角ゴ W6 JIS2004";
    padding: 15px 20px 15px;
    font-size: 32px;
    line-height: 45px;
    color: #231815;
    background-image: linear-gradient(180deg, rgba(224, 240, 226, 1), rgba(190, 223, 194, 1));
    text-align: center;
    border-radius: 46px;
}
.interview__top-reason {
    text-align: center;
    list-style: none;
    margin-bottom: 49px;
}
.interview__top-reason li {
    position: relative;
    display: inline-block;
    padding-left: 46px;
    font-family: "ヒラギノ角ゴ W7 JIS2004";
    font-size: 35px;
    line-height: 65px;
    color: #39A34A;
    vertical-align: middle;
}
.interview__top-reason li::before {
    content: "";
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background-color: #C9CACA;
}
.interview__profile {
    background-color: #EDEFF1;
    margin-bottom: 79px;
}
.interview__profile-inner {
    max-width: 1090px;
    margin: 0 auto;
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 39px;
}
.interview__profile-image {
    width: 265px;
}
.interview__profile-name {
    margin-bottom: 23px;
    font-family: "ヒラギノ角ゴ W6 JIS2004";
    font-size: 26px;
    font-weight: bold;
    color: #000000;
}
.interview__profile-text {
    font-family: "ヒラギノ角ゴ W3 JIS2004";
    font-size: 15px;
    color: #000000;
}
.interview__story {
    max-width: 1090px;
    margin: 0 auto;
}
.interview__story-two-column {
    display: flex;
    flex-direction: row;
    flex-basis: 50%;
    justify-content: space-between;
    gap: 28px;
}
.interview__story-image {
    margin-top: 26px;
}
.interview__story-two-column .interview__story-text,
.interview__story-two-column .interview__story-image {
    margin-top: 0;
    flex-basis: 50%;
}
.interview__story-two-column .interview__story-image figcaption {
    margin-bottom: 0;
}
.interview__story-two-column .interview__story-image-container {
    flex-basis: 50%;
}
.interview__story-two-column--ver-two .interview__story-text {
    margin-top: 0;
}
.interview__story-two-column--ver-two .interview__story-image {
    margin-top: 0;
}
.interview__story-two-column--ver-three {
    margin-top: 26px;
}
.interview__story-two-column--ver-three .interview__story-image {
    margin-top: 0;
}
.interview__story-two-column--ver-three .interview__story-image figcaption {
    margin-bottom: 0;
}
.interview__story-image-container--ver-two {
    display: flex;
    flex-direction: column;
    gap: 33px;
}
.interview__story-image-container--ver-two .interview__story-image figcaption {
    margin-bottom: 0;
}
.interview__story-grid .interview__story-image-container .interview__story-image:first-of-type {
    margin-top: 0;
}
.interview__story-grid .interview__story-image {
    margin-top: 0;
}
.interview__story-image--ver-two {
    margin-bottom: 40px;
}
.interview__story-two-column .interview__story-image--ver-three {
    margin-top: 33px;
}

.interview__story-grid {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
    "areaA areaC"
    "areaB areaB";
    gap: 0 22px;
}
.interview__story-grid .interview__story-text {
	grid-area: areaA;
}
.interview__story-grid .interview__story-text--two {
	grid-area: areaB;
}
.interview__story-grid .interview__story-image {
	grid-area: areaC;
}
.interview__story-item {
    margin-top: 124px;
    margin-bottom: 124px;
}
.interview__story-item:first-of-type {
    margin-top: 0;
    margin-bottom: 124px;
}
.interview__story-title {
    margin-bottom: 29px;
    color: #39A34A;
    font-family: "ヒラギノ角ゴ W7 JIS2004";
    font-size: 36px;
    line-height: 53px;
    text-align: center;
    word-break: auto-phrase;
}
.interview__story-text {
    font-family: "ヒラギノ角ゴ W4 JIS2004";
    font-size: 18px;
    line-height: 32px;
}
.interview__story-note {
    display: block;
    font-family: "ヒラギノ角ゴ W4 JIS2004";
    font-size: 14px;
    line-height: 26px;
}
.interview__story-image img{
    width: 100%;
}
.interview__story-image figcaption{
    margin-top: 19px;
    margin-bottom: 19px;
    font-family: "ヒラギノ角ゴ W6 JIS2004";
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
    word-break: auto-phrase;
}
.interview__story-closing-image {
    margin-bottom: 51px;
}
.interview__story-closing-image img{
    width: 100%;
}
.interview__story-closing {
    margin-bottom: 79px;
    color: #000000;
    font-family: "ヒラギノ角ゴ W7 JIS2004";
    font-size: 36px;
    line-height: 49px;
    text-align: center;
    word-break: auto-phrase;
}
.interview__info {
    max-width: 1090px;
    margin: 0 auto 98px;
}
.interview__info-company {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
    width: 808px;
    min-height: 142px;
    padding: 10px 15px 10px 15px;
    margin: 0 auto 32px;
    border: 2px solid #A89990;
    border-radius: 18px;
}
.interview__info-company--nagai {
    border: 2px solid #B7231A;
}
.interview__info-company-contents {
    display: flex;
    flex-direction: column;
}
.interview__info-company:last-child {
    margin-bottom: 0;
}

.interview__info-company-logo {
    width: 66px;
}
.interview__info-company-logo--gunma {
    width: 370px;
}
.interview__info-company-logo--shiga {
    width: 289px;
}
.interview__info-company--nagasaki {
    width: 186px;
}
.interview__info-company-logo--hachiouji {
    width: 87px;
}
.interview__info-company-logo--nagano {
    width: 270px;
}
.interview__info-company-name {
    margin-bottom: 9px;
    font-family: "ヒラギノ角ゴ W7 JIS2004";
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
}
.interview__info-company-url {
    font-family: "ヒラギノ角ゴ W6 JIS2004";
    font-size: 20px;
    line-height: 29px;
    font-weight: bold;
    word-break: break-all;
}
.interview__info-company-url--two {
    font-size: 18px;
    font-weight: normal;
}
.interview__info-company-address {
    font-family: "ヒラギノ角ゴ W5 JIS2004";
    font-size: 18px;
    line-height: 29px;
}
.interview__info-note {
    width: 808px;
    margin: 0 auto;
    text-align: right;
}

@media screen and (max-width: 768px) {
    .pc-only {
        display: none;
    }
    .sp-only {
        display: block;
    }
    .interview__top-inner {
        max-width: 92%;
    }
    .interview__title {
        gap: calc( 29vw/7.5 );
        margin-bottom: calc( 30vw/7.5 );
    }
    .interview__title h2 {
        font-size: calc( 39vw/7.5 );
    }
    .interview__title img {
        width: calc( 200vw/7.5 );
    }
    .interview__point {
        flex-wrap: wrap;
        margin-bottom: calc( 48vw/7.5 );
        gap: calc( 11.5vw/7.5 );
    }
    .interview__point li {
        gap: calc( 6vw/7.5 );
        width: calc( 196vw/7.5 );
        height: calc( 72vw/7.5 );
        font-size: calc( 28vw/7.5 );
        /* line-height: calc( 72vw/7.5 ); */
        border-radius: calc( 24vw/7.5 );
    }
    .interview__point li span {
        font-size: calc( 15vw/7.5 );
    }
    .interview__point li.interview__point-double-row {
        padding: calc( 8vw/7.5 ) 0;
        font-size: calc( 28vw/7.5 );
    }
    .interview__top-title {
        margin-bottom: calc( 23vw/7.5 );
        font-size: calc( 40vw/7.5 );
        line-height: calc( 60vw/7.5 );
    }
    .interview__top-image{
        margin-bottom: 7.2vw;
    }
    .interview__top-image img{
        width: 100%;
    }
    .interview__top-subtitle {
        width: 100%;
        min-height: calc( 51vw/7.5 );
        padding: calc( 11vw/7.5 ) calc( 10vw/7.5 ) calc( 10vw/7.5 );
        margin-bottom: calc( 27vw/7.5 );
        font-size: calc( 22vw/7.5 );
        line-height: calc( 30vw/7.5 );
        border-radius: calc( 25vw/7.5 );
    }
    .interview__top-reason {
        margin-bottom: calc( 30vw/7.5 );
    }
    .interview__top-reason li {
        padding-left: calc( 24vw/7.5 );
        font-size: calc( 22vw/7.5 );
        line-height: calc( 44vw/7.5 );
        font-weight: bold;
    }
    .interview__top-reason li::before {
        top: calc( -2vw/7.5 );
        width: calc( 22vw/7.5 );
        height: calc( 22vw/7.5 );
        border-radius: calc( 22vw/7.5 );
    }
    .interview__profile {
        background-color: #EDEFF1;
        margin-bottom: calc( 67vw/7.5 );
    }
    .interview__profile-inner {
        max-width: 100%;
        padding: calc( 20vw/7.5 ) calc( 42vw/7.5 ) calc( 44vw/7.5 );
        flex-direction: column;
        gap: calc( 30vw/7.5 );
    }
    .interview__profile-image {
        width: calc( 265vw/7.5 );
    }
    .interview__profile-name {
        margin-bottom: calc( 22vw/7.5 );
        font-size: 15px;
        text-align: center;
    }
    .interview__profile-text {
        font-size: 100%;
    }
    .interview__story {
        max-width: 92%;
    }
    .interview__story-two-column {
        flex-direction: column;
        flex-basis: 100%;
        gap: 0;
        margin-bottom: calc( 83vw/7.5 );
    }
    .interview__story-two-column--sp-reverse {
        flex-direction: column-reverse;
        flex-basis: 100%;
        gap: 0;
        margin-bottom: calc( 83vw/7.5 );
    }
    .interview__story-two-column--ver-two {
        margin-bottom: 0;
    }
    .interview__story-image {
        margin-top: calc(30vw / 7.5);
    }
    .interview__story-two-column--ver-two .interview__story-image figcaption {
        margin-bottom: 0;
    }
    .interview__story-two-column--ver-three {
        margin-top: 0;
    }
    .interview__story-two-column--ver-three .interview__story-image figcaption{
        margin-bottom: 0;
    }
    .interview__story-two-column .interview__story-text,
    .interview__story-two-column .interview__story-image {
        flex-basis: 100%;
        margin-top: calc(30vw / 7.5);
    }
    .interview__story-two-column .interview__story-text {
        margin-top: 0;
        margin-bottom: 0;
    }
    .interview__story-two-column .interview__story-image-container {
        gap: 0;
    }
    .interview__story-two-column .interview__story-image-container .interview__story-image figcaption {
        margin-bottom: 0;
    }
    .interview__story-grid {
        grid-auto-flow: row;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-template-areas:
        "areaA"
        "areaB"
        "areaC";
    }
    .interview__story-grid--sp-ver-two {
        grid-template-areas:
        "areaA"
        "areaC"
        "areaB";
    }
    .interview__story-grid .interview__story-image {
        margin-top: calc( 33vw/7.5 );
    }
    .interview__story-grid--sp-ver-two .interview__story-image {
        margin-top: calc( 33vw/7.5 );
    }
    .interview__story-item {
        margin-top: calc( 70vw/7.5 );
        margin-bottom: calc( 70vw/7.5 );
    }
    .interview__story-item:first-of-type {
        margin-top: 0;
        margin-bottom: calc( 70vw/7.5 );
    }
    .interview__story-title {
        margin-bottom: calc( 33vw/7.5 );
        font-size: 21px;
        line-height: 1.6;
    }
    .interview__story-text {
        font-size: 16px;
        line-height: 32px;
    }
    .interview__story-text--ver-two {
        margin-top: calc( 33vw/7.5 );
    }
    .interview__story-grid .interview__story-text:first-child {
        margin-bottom: 0;
    }
    .interview__story-image figcaption{
        margin-top: calc( 20vw/7.5 );
        margin-bottom: 0;
        font-size: 16px;
    }
    .interview__story-grid .interview__story-image figcaption {
        margin-bottom: 0;
        font-size: 16px;
    }
    .interview__story-grid--sp-ver-two .interview__story-image figcaption {
        margin-bottom: calc( 33vw/7.5 );
    }
    .interview__story-image--ver-two {
        margin-bottom: calc( 33vw/7.5 );
    }
    .interview__story-grid .interview__story-image-container .interview__story-image:first-of-type {
        margin-top: calc( 30vw/7.5 );
    }
    .interview__story-image-container--ver-two {
        gap: 0;
    }
    .interview__story-closing-image {
        margin-bottom: calc( 49vw/7.5 );
    }
    .interview__story-closing {
        margin-bottom: calc( 48vw/7.5 );
        font-size: calc( 30vw/7.5 );
        line-height: calc( 49vw/7.5 );
    }
    .interview__story-note {
        margin-bottom: 0;
    }
    .interview__info {
        max-width: 92%;
        margin: 0 auto calc( 130vw/7.5 );
    }
    .interview__info-company {
        gap: calc( 20vw/7.5 );
        width: 100%;
        min-height: calc( 121vw/7.5 );
        padding: calc( 15vw/7.5 );
        border-radius: calc( 15vw/7.5 );
    }
    .interview__info-company-logo {
        width: 56px;
    }
    .interview__info-company-logo--gunma {
        width: calc( 322vw/7.5 );
    }
    .interview__info-company-logo--shiga {
        width: calc( 246vw/7.5 );
    }
    .interview__info-company--nagasaki {
        width: calc( 160vw/7.5 );
    }
    .interview__info-company-logo--hachiouji {
        min-width: 56px;
        width: calc( 74vw/7.5 );
    }
    .interview__info-company-logo--nagano {
        width: calc( 231vw/7.5 );
    }
    .interview__info-company-name {
        margin-bottom: calc( 5vw/7.5 );
        font-size: 15px;
        line-height: 1.6;
    }
    .interview__info-company-url {
        font-size: 15px;
        line-height: 1.6;
    }
    .interview__info-company-url--two {
        margin-bottom: calc(5vw / 7.5);
        font-size: 15px;
        line-height: 1.6;
        word-break: break-all;
    }
    .interview__info-company-address {
        font-size: 15px;
        line-height: 1.6;
    }
    .interview__info-note {
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    /* 480pxまでの幅の場合に適用される */
    .interview__top-reason li {
        font-size: calc( 21vw/7.5 );
    }
}