@charset "UTF-8";

html,body{
    scrollbar-gutter: stable;
}

.h1_fs_01 {
    display: inline-block;
    font-size: 24px;
}

.h1_fs_02 {
    display: block;
}

.fs-24-pc {
    font-size: 24px;
}

.img-box {
    margin-top: 32px;
}

.h3_mt {
    margin-top: 50px;
}

.h4_mt {
    margin-top: 50px;
}

.mt-48-pc {
    margin-top: 48px;
}

.mt-20 {
    margin-top: 20px;
}

#entry {
    padding-top: 160px !important;
    margin-top: -160px !important;
}

.hedding-block>.pap-breadcrumb{
    background-color: var(--acq-color-bg-gray);
}

.section-merit .hedding-04{
    margin-top: 48px;
}

.section-introduction .pap-benefits-area{
    padding: 48px 32px 64px !important;
}

.section-introduction .pap-benefits-area+.pap-benefits-area{
    margin-top: 24px !important;
}

.section-introduction .pap-benefits-area .box-content-inner{
    display: flex;
    align-items: flex-start;
    gap: 48px;
}

.section-introduction .pap-benefits-area .box-content-inner .img{
    width: 400px;
    flex-shrink: 0;
}

.pap-benefits-area .text-position{
    color: var(--acq-color-primary);
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: 16px;
}

.pap-benefits-area .text-name{
    color: var(--acq-color-secondary);
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 24px;
}

.pap-benefits-area .text-content p+p{
    margin-top: 24px;
}

.section#request{
    padding-bottom: 80px;
    scroll-margin-top: 120px;
}

.table-block-02 th, .table-block-02 td{
    padding: 16px !important;
}

.bg-bage-th th{
    background-color: var(--acq-color-bg-beige);
    width: 300px;
    text-align: center;
}

.box-content-inner,.image-block{
    max-width: none !important;
    margin: 0 !important;
}

.box-content-white03{
    padding: 2rem;
}

.box-content-white03 {
    border: 1px solid var(--acq-color-beige) !important;
}

.pt-xl{
    padding-top: var(--acq-spacing-xl) !important;
}

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

    .h1_fs_01 {
        display: block;
        font-size: 18px;
    }

    .fs-18-sp {
        font-size: 18px;
    }

    .img-box {
        margin-top: 20px;
    }

    .h3_mt {
        margin-top: 60px;
    }

    .h4_mt {
        margin-top: 35px;
    }

    .sp-mt-44 {
        margin-top: 44px;
    }

    #entry {
        padding-top: 96px !important;
        margin-top: -96px !important;
    }

    .section-merit .hedding-04{
        margin-top: 32px;
    }

    .section-introduction .pap-benefits-area{
        padding: 32px 16px !important;
    }

    .section-introduction .pap-benefits-area .box-content-inner{
        align-items: center;
        flex-direction: column;
    }

    .section-introduction .pap-benefits-area .box-content-inner .img{
        max-width: 311px;
        width: 100%;
    }

    .pap-benefits-area .text-position{
        margin-bottom: 12px;
    }

    .section#request{
        scroll-margin-top: 60px;
    }

    .section-introduction .pap-benefits-area+.pap-benefits-area{
        margin-top: 16px !important;
    }
    .panel-column2-03 > .panel-item + .panel-item {
        margin-top: 1.5rem;
    }

    .box-content-white03{
        padding: 2rem 1rem;
    }

    .table-block-wrap-02 [class*="table-block-0"]{
        width: 100%;
    }
    .bg-bage-th th {
        width: 34vw;
    }

    .pt-lg-sp{
        padding-top: var(--acq-spacing-lg) !important;
    }
}

.pap-benefits-area.audience_voice{
    padding: 3rem !important;
    border: 1px solid var(--acq-color-beige);
    box-shadow: 0px 4px 12px 0px rgba(219, 215, 211, 0.25);
}

.pap-benefits-area.audience_voice .list-circle-01{
    margin-top:2rem;
}

.pap-benefits-area.entry_form{
    padding: 3rem!important;
    border: 1px solid var(--acq-color-beige);
    box-shadow: 0px 4px 12px 0px rgba(219, 215, 211, 0.25);
}
.js-acq-modal{
    color: #0062b6;
}
.link-expand-01 {
    text-align: right !important;
}
.link-expand-01 > * {
    display: inline-block;
    position: relative;
    font-weight: 700;
    color: var(--acq-color-primary);
    text-decoration: underline;
}
.link-expand-01 > *::before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    -webkit-mask-image: url('/pap/common/img/seminar/miraikaikei/icon-expand.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url('/pap/common/img/seminar/miraikaikei/icon-expand.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    background-color: var(--acq-color-primary);
    transition: all var(--acq-transition-duration) var(--acq-transition-tf);
}
.panel-item > a{
    text-align: right;
}
.panel-item.img p{
    text-align: left;
    color: var(--acq-color-secondary);
    margin-bottom: 2rem;
    font-weight: bold;
}
.panel-item.img .img_wrap{
    min-width: 540px;
}
.seminar_shiryo_wrap{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.program-case-list li p:nth-child(1){
    margin-bottom: 8px;
}
.program-case-list li p:nth-child(2){
    margin-left: -2em;
}
.program-case-list li p:nth-child(2)+.list-circle-01{
    margin-left: -2em;
}
.program-case-img{
    margin-top: 2rem !important;
}
.panel-column2-02{
    margin-top:3rem!important;
}
@media screen and (max-width: 768px) {
    #request{
        padding-bottom: 3rem !important;
    }
    .program-case-img{
        margin-top: 1.5rem !important;
    }
    .panel-item.img p{
        margin-bottom: 1.5rem;
    }
    .panel-item.img .img_wrap{
        min-width: unset;
    }
    .pap-benefits-area.audience_voice{
        padding: 2rem!important;
    }
    .pap-benefits-area.entry_form{
        padding: 1rem !important;
    }
    .panel-column2-02 {
        margin-top: 0 !important;
        flex-direction: column;
    }
    .panel-column2-02 > .panel-item.img{
        margin-top: 0 !important;
    }
    .seminar_shiryo_wrap{
        gap: 3rem;
    }
    .panel-column2-02 {
        gap: 3rem;
    }
    .pad-0{
        padding: 0 !important;
    }
}

/* ----------------------------------------------------------------
    Modal (.acq-modal[-*])
----------------------------------------------------------------- */
/* .acq-modal
----------------------------------------------- */

.fn-acq-modal_scroll-txt {
    transition: opacity var(--acq-transition-duration) var(--acq-transition-tf), visibility var(--acq-transition-duration) var(--acq-transition-tf);
}
.fn-acq-modal_scroll-txt.is-hidden {
    visibility: hidden;
    opacity: 0;
    margin: 0;
}
@media only screen and (max-width: 767px) {
    .fn-acq-modal_scroll {
        overflow: auto;
    }
    .fn-acq-modal_scroll > img,
    .fn-acq-modal_scroll > picture > img {
        max-width: none;
        flex-shrink: 0;
    }
}

html.is-modal-open {
    overflow: hidden;
}
/* @media only screen and (max-width: 767px) {
    html.is-modal-open {
        scrollbar-gutter: auto;
    }
} */
dialog {
    max-width: calc(100% - var(--acq-gutter-content) * 2);
    max-height: calc(100% - var(--acq-gutter-content) * 2);
    padding: 0;
    border: none;
}
dialog::-webkit-backdrop {
    background-color: var(--acq-color-backdrop-dialog);
}
dialog::backdrop {
    background-color: var(--acq-color-backdrop-dialog);
}
html.js-unavailable dialog {
    position: relative;
    display: block;
}

.acq-modal {
    --close-btn-size: 32px;
    border-radius: 12px;
    border: solid 2px var(--acq-color-beige);
    box-shadow: var(--acq-shadow-dialog);
    margin: auto !important;
}
.acq-modal_inner {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr;
    width: 100%;
    padding: 48px var(--acq-spacing-sm) 48px var(--acq-spacing-sm);
}
.acq-modal_close-btn {
    position: absolute;
    right: 24px;
    top: 24px;
    height: var(--close-btn-size);
    width: var(--close-btn-size);
}
.acq-modal_close-btn::before, .acq-modal_close-btn::after {
    display: block;
    content: "";
    position: absolute;
    height: 18px;
    width: 2px;
    top: calc(50% - 9px);
    left: calc(50% - 1px);
    background-color: var(--acq-color-secondary);
    border-radius: 2px;
}
.acq-modal_close-btn::before {
    transform: rotate(45deg);
}
.acq-modal_close-btn::after {
    transform: rotate(-45deg);
}
.acq-modal_close-btn > span {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
    overflow: hidden;
}
.acq-modal_header {
    padding: 0 var(--close-btn-size);
}
.acq-modal_header .acq-modal_hdg {
    margin-bottom: 0;
}
.acq-modal_hdg {
    margin-bottom: var(--acq-spacing-lg);
    text-align: center;
    font-size: 24px;
}
.acq-modal_content {
    overflow-x: hidden;
    padding: var(--acq-spacing-md) 0;
}
.acq-modal_content > :last-child {
    margin-bottom: 0;
}
.acq-modal_scroll-text {
    margin: 8px;
    font-weight: var(--acq-font-weight-bold);
    font-size: var(--acq-font-size-xs);
    color: var(--acq-color-font-beige);
    text-align: center;
}
.fn-acq-modal_scroll-txt.is-hidden {
    visibility: hidden;
    opacity: 0;
    margin: 0;
}
.acq-modal_img {
    padding: 8px 0;
}
.acq-modal_img > img {
    display: block;
    margin: 0 auto;
}
.acq-modal.-align-center .acq-modal_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.acq-modal .acq-modal_title{
    text-align: center;
    margin-bottom:  var(--acq-spacing-md);
}
.acq-modal .acq-modal_title > * {
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 700;
}
.acq-modal_text{
    margin:1rem auto 0;
}
@media only screen and (max-width: 767px) {
    .acq-modal {
        width: calc(100% - var(--acq-gutter-content) * 2);
        max-width: var(--acq-width-content-sm);
    }
    .acq-modal_hdg {
        font-size: 18px;
    }
    .acq-modal_inner {
        min-height: 80vh;
        padding-bottom: 0;
    }
    .acq-modal.-auto .acq-modal_inner {
        min-height: unset;
    }
    .fn-acq-modal_scroll {
        overflow: auto;
    }
    .fn-acq-modal_scroll > img, .fn-acq-modal_scroll > picture > img {
        max-width: none;
        flex-shrink: 0;
    }
}

@media (hover: hover) {
    a.js-acq-modal .img{
        background-color: var(--acq-color-white);
    }
    a:hover .link-expand-01 > *,
    .link-expand-01 > *:hover{
            text-decoration: none;
    }
}