.pan_list_wrap {
    width: 100%;
    height: 46px;
    background-color: #e95b00;
}

.pan_list_wrap .pan_list {
    display: flex;
    padding: 12px 45px;
    align-items: center;
    gap: 30px;
}

.pan_list_wrap .pan_list :is(a, p) {
    font-size: 12px;
    color: white;
    letter-spacing: 1px;
    position: relative;
}

.pan_list_wrap .pan_list :is(a, p) + :is(a, p)::before {
    content: url(../img/pan_arrow.svg);
    width: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -22.5px;
    margin: auto;
}

.top_wrap {
    position: relative;
    margin-top: -11px;
    overflow: hidden;
}

.top_wrap .wave_filter {
    width: 3122px;
    height: 15px;
    /* position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto; */
    mask-image: url(../img/wave_mask.svg);
    -webkit-mask-image: url(../img/wave_mask.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-image: url(../img/bg_blue.jpg);
    background-position: bottom center;
    background-size: 800px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.top_wrap .top_block {
    width: 100%;
    background-image: url(../img/bg_blue.jpg);
    background-position: top center;
    background-size: 800px;
    position: relative;
}

.top_wrap .top_block .interview_head {
    width: 536px;
    position: absolute;
    top: 43px;
    left: calc(calc(calc(100% - 1600px) / 2) + 30px);
}

.top_wrap .top_block .block_content {
    padding: 40px 0 60px;
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.top_wrap .top_block .block_content .l_block {
    width: 38.33%;
}

.top_wrap .top_block .block_content .name_block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.top_wrap .top_block .block_content .name_block img {
    width: 70px;
}

.top_wrap .top_block .block_content .name_block .name {
    height: 74px;
    display: flex;
    align-items: flex-end;
    font-size: 25px;
    line-height: 37px;
}

.top_wrap .top_block .block_content .catch_block {
    margin-top: 25px;
}

.top_wrap .top_block .block_content .catch_block .catch {
    display: flex;
    height: 58px;
    position: relative;
}

.top_wrap .top_block .block_content .catch_block .catch + .catch {
    margin: 15px 0 0 75px;
}

.top_wrap .top_block .block_content .catch_block .catch p {
    font-size: 30px;
    color: #1f2b50;
    line-height: 1;
    padding: 0 20px;
    background-color: white;
    letter-spacing: 4px;
    text-indent: 4px;
    position: absolute;
    top: 0;
    left: 0;
    height: 58px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.top_wrap .top_block .block_content .l_block .img_box {
    width: 100%;
    aspect-ratio: 71/58;
    border-radius: 65px 0;
    border: solid 1.5px #e95b00;
    overflow: hidden;
    display: none;
}

.top_wrap .top_block .block_content .l_block .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top_wrap .top_block .block_content .profile_block {
    width: 386px;
    aspect-ratio: 774/450;
    margin: 65px 0 0 auto;
    padding: 20px 10px 5px 53px;
    background-image: url(../img/profile_bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.top_wrap .top_block .block_content .profile_block .profile_head {
    width: 134px;
    top: -38px;
    right: -4px;
    position: absolute;
}

.top_wrap .top_block .block_content .profile_block .biz_name {
    height: 44px;
    display: flex;
    align-items: flex-end;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 2px;
    color: #1f2b50;
}

.top_wrap .top_block .block_content .profile_block .post {
    font-size: 12px;
    margin-top: 10px;
    color: #1f2b50;
}

.top_wrap .top_block .block_content .profile_block .name {
    font-size: 22px;
    color: #1f2b50;
    line-height: 1;
    margin-top: 4px;
    letter-spacing: 5px;
}

.top_wrap .top_block .block_content .profile_block .year {
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
    color: #1f2b50;
    letter-spacing: 2px;
}

.top_wrap .top_block .block_content .profile_block .alma_mater {
    margin-top: 10px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.top_wrap .top_block .block_content .profile_block .alma_mater .am_head {
    width: 40px;
    height: 14px;
    border-radius: 7px;
    background-color: #1f2b50;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_wrap .top_block .block_content .profile_block .alma_mater .am_head p {
    font-size: 10px;
    color: white;
}

.top_wrap .top_block .block_content .profile_block .alma_mater .am_content {
    width: calc(100% - 48px);
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.top_wrap .top_block .block_content .profile_block .alma_mater .am_content p {
    font-size: 10px;
    line-height: 15px;
    color: #1f2b50;
    letter-spacing: 1px;
}
.top_wrap
    .top_block
    .block_content
    .profile_block
    .alma_mater
    .am_content
    p:not(:first-child)::before {
    content: "→";
}
.top_wrap .top_block .block_content .profile_block .prefecture {
    margin-top: 5px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.top_wrap .top_block .block_content .profile_block .prefecture .pf_head {
    width: 40px;
    height: 14px;
    border-radius: 7px;
    background-color: #1f2b50;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_wrap .top_block .block_content .profile_block .prefecture .pf_head p {
    font-size: 10px;
    color: white;
}

.top_wrap .top_block .block_content .profile_block .prefecture .pf_content {
    width: calc(100% - 48px);
    display: flex;
    flex-flow: column;
    justify-content: center;
    font-size: 10px;
    line-height: 15px;
    color: #1f2b50;
    letter-spacing: 1px;
}

.top_wrap .top_block .block_content .r_block {
    width: 59.16%;
}

.top_wrap .top_block .block_content .r_block .img_box {
    width: 100%;
    aspect-ratio: 71/58;
    border-radius: 65px 0;
    border: solid 1.5px #e95b00;
    overflow: hidden;
}

.top_wrap .top_block .block_content .r_block .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top_wrap .top_block .block_content .r_block .comment {
    font-size: 15px;
    line-height: 28px;
    margin: 26px auto 0;
    max-width: 672px;
    letter-spacing: 1.5px;
    text-align: justify;
    min-height: 112px;
}

.top_wrap .top_block .bg_block {
    width: 100%;
    /* height: calc(100% - 366px); */
    height: 450px;
    clip-path: polygon(0% calc(100% - 75px), 100% 0%, 100% 100%, 0% 100%);
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #809ab4;
    overflow: hidden;
}

.top_wrap .top_block .bg_block .filter {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/filter_lattice.svg);
    background-size: 10px;
    background-repeat: repeat;
    z-index: 10;
}

.top_wrap .top_block .bg_block .orange_block {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: #f4ad80;
    border-radius: 0 0 450px 0;
}

.qa_wrap {
    width: 100%;
    padding: 110px 0 165px;
    background-image: url(../img/bg_white.jpg);
    background-position: top center;
    background-size: 800px;
}

.qa_wrap .qa_list {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}

.qa_wrap .qa_list .qa_item {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.qa_wrap .qa_list .qa_item + .qa_item {
    margin-top: 60px;
}

.qa_wrap .qa_list .qa_item:nth-child(even) {
    flex-direction: row-reverse;
}

.qa_wrap .qa_list .qa_item .img_box {
    width: 49%;
    aspect-ratio: 588/420;
    border-radius: 78px 0;
    border: solid 1.5px #e95b00;
    overflow: hidden;
}

.qa_wrap .qa_list .qa_item .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.qa_wrap .qa_list .qa_item .text_block {
    width: 45.5%;
}

.qa_wrap .qa_item .question {
    display: flex;
    align-items: flex-end;
    gap: 35px;
    border-bottom: solid 5px #f4b490;
}

.qa_wrap .qa_item .question img {
    height: 100px;
    margin-bottom: -5px;
}

.qa_wrap .qa_item .question .q_text {
    font-size: 32px;
    line-height: 46px;
    padding-bottom: 5px;
}

.qa_wrap .qa_item .answer {
    max-width: 480px;
    margin: 24px auto 0;
    min-height: 210px;
}

.qa_wrap .qa_item .answer .answer_text {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 1px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    /* text-overflow: ellipsis; */
}

.qa_wrap .qa_item .answer .answer_text.expanded {
    -webkit-line-clamp: initial;
    overflow: visible;
}

.qa_wrap .qa_item .answer .view_more {
    width: 112px;
    margin: 10px 0 0 auto;
    display: none;
}

.qa_wrap .qa_item .answer .view_more img {
    width: 100%;
}

.exp_wrap {
    position: relative;
    margin-top: -11px;
    overflow: hidden;
    z-index: 30;
}

.exp_wrap .wave_filter {
    width: 3122px;
    height: 15px;
    mask-image: url(../img/wave_mask.svg);
    -webkit-mask-image: url(../img/wave_mask.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-image: url(../img/bg_beige.jpg);
    background-position: bottom center;
    background-size: 800px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.exp_wrap .exp_block {
    padding: 120px 0 160px;
    background-image: url(../img/bg_beige.jpg);
    background-position: top center;
    background-size: 800px;
}

.exp_wrap .exp_content {
    max-width: 930px;
    padding: 125px 50px 45px;
    border-radius: 40px;
    background-color: white;
    position: relative;
    width: 90%;
    margin: 0 auto;
}

.exp_wrap .exp_content + .exp_content {
    margin-top: 65px;
}

.exp_wrap .exp_content.time_table {
    background-image: url(../img/illust_time.svg);
    background-size: 183px;
    background-repeat: no-repeat;
    background-position: top 26px right 30px;
}

.exp_wrap .exp_content.time_table h2 {
    width: 320px;
    top: -40px;
    left: -35px;
    position: absolute;
}

.exp_wrap .exp_content .time_item {
    max-width: 745px;
    width: 100%;
    margin: 0 auto;
}

.exp_wrap .exp_content .time_item + .time_item {
    margin-top: 30px;
}

.exp_wrap .exp_content .time_item .time_block {
    display: flex;
    border-bottom: solid 1.5px #1f2b50;
}

.exp_wrap .exp_content .time_item .time_block .time {
    display: flex;
    align-items: center;
    width: 185px;
    min-height: 45px;
    border-right: solid 1.5px #1f2b50;
}

.exp_wrap .exp_content .time_item .time_block .time p {
    font-size: 24px;
    color: #1f2b50;
}

.exp_wrap .exp_content .time_item .time_block .time_head {
    width: calc(100% - 185px);
    padding: 5px 20px;
    display: flex;
    align-items: center;
}

.exp_wrap .exp_content .time_item .time_block .time_head h3 {
    font-size: 24px;
    line-height: 32px;
    color: #1f2b50;
    letter-spacing: 2px;
}

.exp_wrap .exp_content .time_item .time_content {
    margin-top: 13px;
    min-height: 64px;
}

.exp_wrap .exp_content .time_item .time_content p {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 1px;
}

.exp_wrap .exp_content.career_path {
    padding: 85px 50px 55px;
    background-image: url(../img/illust_board.svg);
    background-size: 117px;
    background-repeat: no-repeat;
    background-position: bottom 32px right 58px;
}

.exp_wrap .exp_content.career_path h2 {
    width: 373px;
    top: -50px;
    left: -100px;
    position: absolute;
}

.exp_wrap .exp_content .career_list {
    max-width: 745px;
    width: 100%;
    margin: 0 auto;
}

.exp_wrap .exp_content .career_list .top_text {
    font-size: 18px;
    line-height: 1;
    text-align: right;
}

.exp_wrap .exp_content .career_list .career_item {
    display: flex;
    width: 100%;
    background-color: white;
    border: solid 3px #e95b00;
    margin-top: 10px;
    position: relative;
}

.exp_wrap .exp_content .career_list .career_item + .career_item {
    margin-top: 50px;
}

.exp_wrap .exp_content .career_list .career_item + .career_item::before {
    content: url(../img/career_arrow.svg);
    width: 30px;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    margin: auto;
}

.exp_wrap .exp_content .career_list .career_item .year {
    /* width: 157px;
    padding-right: 13px; */
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-image: url(../img/career_bg.png);
    background-size: 100% 100%; */
    background-color: white;
    position: relative;
}

.exp_wrap .exp_content .career_list .career_item .year::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 0 25px 0 0;
    background-color: #e95b00;
    position: absolute;
    top: 0;
    left: 0;
}

.exp_wrap .exp_content .career_list .career_item .year p {
    font-size: 24px;
    color: white;
    letter-spacing: 2px;
    text-indent: 2px;
    position: relative;
    z-index: 5;
}

.exp_wrap .exp_content .career_list .career_item .item_content {
    width: calc(100% - 140px);
    min-height: 60px;
    padding: 10px 25px;
    display: flex;
    align-items: center;
    background-color: #e95b00;
    position: relative;
}

.exp_wrap .exp_content .career_list .career_item .item_content::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 0 0 0 25px;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
}

.exp_wrap .exp_content .career_list .career_item .item_content h3 {
    font-size: 24px;
    line-height: 32px;
    color: #1f2b50;
    position: relative;
    z-index: 5;
}

.exp_wrap .exp_content .career_comment {
    max-width: 610px;
    margin-top: 30px;
    width: 100%;
}

.exp_wrap .exp_content .career_comment p {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 1px;
}

.exp_wrap .wave_filter_bottom {
    width: 3122px;
    height: 15px;
    mask-image: url(../img/wave_mask_b.svg);
    -webkit-mask-image: url(../img/wave_mask_b.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-image: url(../img/bg_beige.jpg);
    background-position: top center;
    background-size: 800px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.bottom_wrap {
    width: 100%;
    background-image: url(../img/bg_white.jpg);
    background-position: top center;
    background-size: 800px;
    padding: 0 0 225px;
}

.holiday_wrap {
    position: relative;
    margin-top: -11px;
    overflow: hidden;
    padding: 100px 0 120px;
    background-color: #809ab4;
    border-radius: 0 0 0 280px;
}

.holiday_wrap::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/filter_lattice.svg);
    background-size: 10px;
    background-repeat: repeat;
    background-position: center;
    z-index: 10;
}

.holiday_wrap .bg_block {
    position: absolute;
    z-index: 5;
    width: 34%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #f4ad80;
}

.holiday_wrap .bg_block::before {
    content: "";
    position: absolute;
    width: 100%;
    aspect-ratio: 543/451;
    background-color: #93e1d9;
    left: 0;
    bottom: 0;
    border-radius: 0 280px 0 0;
}

.holiday_wrap .holiday_content {
    max-width: 930px;
    width: 90%;
    margin: 0 auto;
    background-color: white;
    border-radius: 40px;
    position: relative;
    padding: 80px 50px 70px;
    z-index: 20;
}

.holiday_wrap .holiday_content h2 {
    width: 275px;
    position: absolute;
    top: -59px;
    left: -10px;
}

.holiday_wrap .holiday_content h2 img {
    width: 100%;
}

.holiday_wrap .holiday_content .content_block {
    max-width: 610px;
    margin: 0 auto;
}

.holiday_wrap .holiday_content .content_block + .content_block {
    margin-top: 75px;
}

.holiday_wrap .holiday_content .hd_slider {
    width: 100%;
    max-width: 480px;
    width: 100%;
    aspect-ratio: 48/35;
    margin: 0 auto;
    border: solid 1.5px #1f2b50;
}

.holiday_wrap .holiday_content .hd_slider .slide img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 480/350;
}

.hd_slider .slick-dots {
    bottom: 15px;
    display: flex;
    justify-content: center;
    gap: 25px;
}

.hd_slider .slick-dots li {
    width: 14px;
    height: 14px;
    margin: 0;
}

.hd_slider .slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
}

.slick-dots li button:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: white;
    opacity: 1;
}

.hd_slider .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #e95b00;
}

.hd_slider .slick-prev,
.hd_slider .slick-next {
    width: 12px;
    height: auto;
}

.hd_slider .slick-prev {
    left: -44px;
}

.hd_slider .slick-prev::before {
    content: url(../img/hd_slider_prev.svg);
    width: 100%;
    display: block;
}

.hd_slider .slick-next {
    right: -44px;
}

.hd_slider .slick-next::before {
    content: url(../img/hd_slider_next.svg);
    width: 100%;
    display: block;
}

.holiday_wrap .holiday_content .text_block {
    width: 100%;
    margin-top: 35px;
}

.holiday_wrap .holiday_content .text_block h3 {
    font-size: 22px;
    line-height: 1;
    color: #1f2b50;
    letter-spacing: 1px;
    text-indent: 1px;
    text-align: center;
}

.holiday_wrap .holiday_content .text_block p {
    min-height: 64px;
    font-size: 16px;
    line-height: 32px;
    width: 100%;
    margin-top: 25px;
    letter-spacing: 1px;
}

.bottom_wrap .bottom_btn {
    width: 480px;
    height: 70px;
    margin: 65px auto 0;
    border-radius: 35px;
    border: solid 3px #e95b00;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom_wrap .bottom_btn p {
    font-size: 32px;
    line-height: 1;
    text-align: center;
    color: #e95b00;
    letter-spacing: 3px;
    text-indent: 3px;
}

/* 画像が無い場合にテキストエリアを広げる-ここから */
.qa_wrap .qa_list .qa_item .text_block.with-image {
    width: 45.5%;
}
.qa_wrap .qa_list .qa_item .text_block.full-width {
    width: 100%;
}
.qa_wrap .qa_list .qa_item .text_block .answer.with-image {
    max-width: 480px;
    min-height: 210px;
}
.qa_wrap .qa_list .qa_item .text_block .answer.full-width {
    max-width: 100%;
    min-height: 0px;
}
/* 画像が無い場合にテキストエリアを広げる-ここまで */

@media screen and (max-width: 1600px) {
    .top_wrap .top_block .interview_head {
        left: 30px;
    }
}

@media screen and (max-width: 1300px) {
    .top_wrap .top_block .block_content .l_block {
        width: 45%;
        padding-top: 135px;
    }

    .top_wrap .top_block .block_content .r_block {
        width: 50%;
    }
}

@media screen and (max-width: 1200px) {
    .top_wrap .top_block .interview_head {
        width: 430px;
        top: 25px;
    }

    .top_wrap .top_block .block_content .l_block {
        padding-top: 110px;
    }

    .top_wrap .top_block .block_content .name_block .name {
        height: 68px;
        display: flex;
        align-items: flex-end;
        font-size: 22px;
        line-height: 34px;
    }

    .top_wrap .top_block .block_content .catch_block .catch {
        height: 50px;
    }

    .top_wrap .top_block .block_content .catch_block .catch p {
        font-size: 26px;
        padding: 0 15px;
        letter-spacing: 3px;
        text-indent: 3px;
        height: 50px;
    }

    .top_wrap .top_block .block_content .catch_block .catch + .catch {
        margin: 10px 0 0 60px;
    }

    .top_wrap .top_block .block_content .l_block .img_box {
        border-radius: 50px 0;
    }

    .top_wrap .top_block .block_content .r_block .img_box {
        border-radius: 50px 0;
    }

    .qa_wrap .qa_item .question img {
        height: 80px;
    }

    .qa_wrap .qa_item .question .q_text {
        font-size: 26px;
        line-height: 38px;
    }

    .qa_wrap .qa_list .qa_item .img_box {
        border-radius: 60px 0;
    }

    .exp_wrap .exp_content {
        padding: 110px 50px 45px;
        border-radius: 35px;
    }

    .exp_wrap .exp_content.time_table h2 {
        width: 256px;
        top: -25px;
        left: -25px;
    }

    .exp_wrap .exp_content.time_table {
        background-size: 150px;
    }

    .exp_wrap .exp_content.career_path {
        padding: 85px 50px 55px;
        background-size: 100px;
    }

    .exp_wrap .exp_content.career_path h2 {
        width: 298px;
        top: -40px;
        left: -45px;
    }

    .exp_wrap .exp_content .career_list .career_item .year {
        width: 120px;
    }

    .exp_wrap .exp_content .career_list .career_item .year p {
        font-size: 20px;
    }

    .exp_wrap .exp_content .career_list .career_item .item_content {
        width: calc(100% - 120px);
    }

    .exp_wrap .exp_content .career_list .career_item .item_content h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .holiday_wrap {
        border-radius: 0 0 0 180px;
    }

    .holiday_wrap .holiday_content h2 {
        width: 220px;
        top: -47px;
    }

    .holiday_wrap .holiday_content {
        border-radius: 35px;
        padding: 70px 50px 70px;
    }

    .holiday_wrap .holiday_content .text_block h3 {
        font-size: 20px;
    }

    .bottom_wrap .bottom_btn p {
        font-size: 28px;
    }

    .holiday_wrap .bg_block::before {
        border-radius: 0 180px 0 0;
    }
}

@media screen and (max-width: 1000px) {
    .top_wrap .top_block .block_content {
        flex-wrap: wrap;
        justify-content: center;
        max-width: 650px;
        gap: 20px;
    }

    .top_wrap .top_block .block_content .l_block {
        width: 100%;
    }

    .top_wrap .top_block .block_content .catch_block .catch p {
        font-size: 22px;
        letter-spacing: 1px;
        text-indent: 1px;
        padding: 0 10px;
    }

    .top_wrap .top_block .block_content .profile_block {
        margin: 55px auto 0;
    }

    .top_wrap .top_block .block_content .r_block {
        width: 100%;
    }

    .top_wrap .top_block .block_content .l_block .img_box {
        display: block;
        margin-top: 25px;
    }

    .top_wrap .top_block .block_content .r_block .img_box {
        display: none;
    }

    .top_wrap .top_block .block_content .r_block .comment {
        min-height: auto;
        margin-top: 0;
    }

    .top_wrap .top_block .bg_block {
        height: 250px;
        clip-path: polygon(0% calc(100% - 75px), 100% 0%, 100% 100%, 0% 100%);
    }

    .top_wrap .top_block .bg_block .orange_block {
        border-radius: 0 0 200px 0;
    }

    .qa_wrap .qa_list {
        max-width: 650px;
    }

    .qa_wrap .qa_list .qa_item {
        gap: 25px;
        justify-content: center;
        flex-flow: column-reverse;
    }

    .qa_wrap .qa_list .qa_item:nth-child(even) {
        flex-direction: column-reverse;
    }

    .qa_wrap .qa_list .qa_item .img_box {
        width: 100%;
    }

    .qa_wrap .qa_list .qa_item .text_block {
        width: 100%;
    }

    .qa_wrap .qa_item .answer {
        max-width: 100%;
        min-height: 0;
        margin-top: 20px;
    }

    .qa_wrap .qa_item .answer .view_more {
        display: none !important;
    }

    .qa_wrap .qa_item .answer .answer_text {
        -webkit-line-clamp: initial;
        overflow: visible;
    }

    .exp_wrap .exp_content.time_table h2 {
        left: -15px;
    }

    .exp_wrap .exp_content.career_path h2 {
        left: -20px;
    }

    .exp_wrap .exp_content .time_item .time_block .time {
        width: 160px;
        min-height: 40px;
    }

    .exp_wrap .exp_content .time_item .time_block .time_head {
        width: calc(100% - 160px);
    }

    .exp_wrap .exp_content .time_item .time_block .time p,
    .exp_wrap .exp_content .time_item .time_block .time_head h3 {
        font-size: 20px;
        line-height: 28px;
    }

    .holiday_wrap {
        border-radius: 0 0 0 80px;
    }

    .holiday_wrap .bg_block::before {
        border-radius: 0 80px 0 0;
    }

    .bottom_wrap .bottom_btn p {
        font-size: 24px;
    }

    .bottom_wrap .bottom_btn {
        max-width: 350px;
        width: 90%;
        height: 60px;
        border-radius: 30px;
    }

    /* 画像が無い場合にテキストエリアを広げる-ここから */
    .qa_wrap .qa_list .qa_item .text_block {
        width: 100% !important;
    }
    .qa_wrap .qa_list .qa_item .text_block .answer {
        min-height: 0px !important;
    }
    /* 画像が無い場合にテキストエリアを広げる-ここまで */
}

@media screen and (max-width: 600px) {
    .pan_list_wrap .pan_list {
        padding: 12px 5%;
    }

    .top_wrap .top_block .interview_head {
        width: 300px;
    }

    .top_wrap .top_block .block_content .l_block {
        padding-top: 70px;
    }

    .top_wrap .top_block .block_content .name_block img {
        width: 60px;
    }

    .top_wrap .top_block .block_content .name_block .name {
        width: calc(100% - 80px);
        height: 60px;
        font-size: 20px;
        line-height: 30px;
    }

    .top_wrap .top_block .block_content .catch_block .catch {
        height: 40px;
    }

    .top_wrap .top_block .block_content .catch_block .catch p {
        font-size: 20px;
        height: 40px;
    }

    .top_wrap .top_block .block_content .catch_block .catch + .catch {
        margin: 10px 0 0 15px;
    }

    .top_wrap .top_block .block_content .r_block .comment {
        font-size: 14px;
        line-height: 26px;
        margin-top: 15px;
    }

    .qa_wrap {
        padding: 75px 0 120px;
    }

    .qa_wrap .qa_item .question {
        gap: 20px;
    }

    .qa_wrap .qa_item .question img {
        height: 60px;
    }

    .qa_wrap .qa_item .question .q_text {
        font-size: 20px;
        line-height: 30px;
    }

    .qa_wrap .qa_item .question .q_text br {
        display: none;
    }

    .qa_wrap .qa_item .answer .answer_text {
        font-size: 14px;
        line-height: 26px;
    }

    .exp_wrap .exp_block {
        padding: 75px 0 100px;
    }

    .exp_wrap .exp_content.time_table {
        background-size: 80px;
    }

    .exp_wrap .exp_content.time_table h2 {
        width: 205px;
        left: -10px;
    }

    .exp_wrap .exp_content {
        padding: 80px 20px 45px;
        border-radius: 25px;
    }

    .exp_wrap .exp_content .time_item .time_block {
        flex-wrap: wrap;
        gap: 0;
    }

    .exp_wrap .exp_content .time_item .time_block .time {
        width: 100%;
        min-height: 0;
        border: none;
    }

    .exp_wrap .exp_content .time_item .time_block .time_head {
        width: 100%;
        padding: 5px 0 10px;
    }

    .exp_wrap .exp_content .time_item .time_content {
        min-height: 56px;
    }

    .exp_wrap .exp_content .time_item .time_content p {
        font-size: 14px;
        line-height: 28px;
    }

    .exp_wrap .exp_content .time_item .time_block .time p,
    .exp_wrap .exp_content .time_item .time_block .time_head h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .exp_wrap .exp_content.career_path h2 {
        width: 238px;
        left: -10px;
    }

    .exp_wrap .exp_content.career_path {
        padding: 60px 20px 55px;
        background-size: 75px;
        background-position: bottom 15px right 15px;
    }

    .exp_wrap .exp_content .career_list .career_item .year {
        width: 80px;
    }

    .exp_wrap .exp_content .career_list .career_item .year::before {
        border-radius: 0 15px 0 0;
    }

    .exp_wrap .exp_content .career_list .career_item .year p {
        font-size: 16px;
    }

    .exp_wrap .exp_content .career_list .career_item .item_content {
        width: calc(100% - 80px);
    }

    .exp_wrap .exp_content .career_list .career_item .item_content::before {
        border-radius: 0 0 0 15px;
    }

    .exp_wrap .exp_content .career_list .career_item .item_content {
        padding: 10px 10px 10px 15px;
    }

    .exp_wrap .exp_content .career_list .career_item .item_content h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .exp_wrap .exp_content .career_list .top_text {
        font-size: 14px;
        line-height: 1;
        text-align: right;
    }

    .exp_wrap .exp_content .career_comment p {
        font-size: 14px;
        line-height: 26px;
        letter-spacing: 1px;
    }

    .holiday_wrap .holiday_content h2 {
        width: 175px;
        top: -36px;
    }

    .holiday_wrap .holiday_content {
        border-radius: 25px;
        padding: 60px 20px 70px;
    }

    .holiday_wrap .holiday_content .hd_slider {
        width: calc(100% - 40px);
    }

    .hd_slider .slick-prev {
        left: -25px;
    }

    .hd_slider .slick-next {
        right: -25px;
    }

    .hd_slider .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0;
    }

    .holiday_wrap .holiday_content .text_block {
        margin-top: 25px;
    }

    .holiday_wrap .holiday_content .text_block h3 {
        font-size: 16px;
        letter-spacing: 0;
        text-indent: 0;
    }

    .holiday_wrap .holiday_content .text_block p {
        min-height: 56px;
        font-size: 14px;
        line-height: 28px;
        margin-top: 15px;
    }

    .holiday_wrap {
        border-radius: 0 0 0 50px;
        padding: 75px 0 80px;
    }

    .holiday_wrap .bg_block::before {
        border-radius: 0 50px 0 0;
    }

    .top_wrap .top_block .block_content .r_block .img_box,
    .qa_wrap .qa_list .qa_item .img_box {
        border-radius: 40px 0;
    }

    .bottom_wrap {
        padding: 0 0 160px;
    }

    .bottom_wrap .bottom_btn {
        max-width: 280px;
    }

    .bottom_wrap .bottom_btn p {
        font-size: 20px;
    }
}

@media screen and (max-width: 480px) {
    .top_wrap .top_block .block_content .name_block {
        gap: 15px;
    }

    .top_wrap .top_block .block_content .name_block img {
        width: 60px;
    }

    .top_wrap .top_block .block_content .name_block .name {
        width: calc(100% - 75px);
        height: 52px;
        font-size: 18px;
        line-height: 26px;
    }

    .top_wrap .top_block .block_content .catch_block .catch p {
        position: static;
        white-space: unset;
    }

    .top_wrap .top_block .block_content .catch_block .catch + .catch {
        margin: 10px 0 0 0;
    }

    .top_wrap .top_block .block_content .catch_block .catch p {
        font-size: 16px;
        height: auto;
        padding: 5px;
        letter-spacing: 0;
        text-indent: 0;
    }

    .top_wrap .top_block .block_content .profile_block {
        background-image: none;
        background-color: #ffbe00;
        border: solid 1.5px #e95b00;
        border-radius: 30px 0 0 0;

        max-width: 386px;
        width: 100%;
        aspect-ratio: auto;
        padding: 20px;
    }

    .top_wrap .top_block .block_content .profile_block .profile_head {
        top: -40px;
    }

    .top_wrap .top_block .block_content .profile_block .biz_name {
        font-size: 13px;
        letter-spacing: 1px;
    }
}