@charset "utf-8";

/* CSS INFORMATION -====================================================
File name : action.css
Description :　個人情報の取り扱い共通css
===================================================================== */

.dateBox {
    text-align: right;
    padding: 1rem;
}

.graybg3 {
    background-color: #efefef;
    padding: 2rem;
}

.fontB {
    font-weight: 700;
}

.privacyBase {
    margin-top: calc(80 / 940 * 100%);
}

.s-font {
    font-size: 1rem;
}

.privacyBase h4 {
    font-size: 2.2rem;
    font-weight: 700;
    padding-bottom: .15em;
    margin-bottom: 1em;
    border-bottom: 2px solid #d9d8d5;
}

.privacyBase h4::before {
    content: '';
    position: absolute;
    bottom: -.15em;
    left: 0;
    width: 4.8em;
    height: 2px;
    background-color: #ffb300;
}

.liTxt {
    margin-bottom: calc(40 / 940 * 100%);
}

.liTxt li {
    padding: 0 1rem 0 2rem;
    margin-bottom: 0.5rem;
    text-indent: -1.3rem;
}

.mg2 {
    margin-left: 2em;
}

.wbg1 {
    padding: 2rem;
    border: 2px solid #efefef
}

.spPrivacy {
    margin-bottom: 6rem;
}

.spPrivacy li a {
    margin: 1rem auto;
}

.dataImg img {
    width: 100%;
    margin: 3rem auto;
}

.dataP {
    margin-bottom: calc(40 / 940 * 100%);
}

.link-color-blue {
    display: contents!important;
}

.in-block {
    display: inline-grid;
}

/* 2023.1.17 */
.ad-font1 {
    font-weight: 700;
    font-size:110%;
    line-height:160%;
    text-indent: 1em;
    display: block;
}
.ad-font2 {
        font-weight: 700;
        font-size: 110%;
        line-height: 160%;
        text-indent: 4em;
        display: block;
        padding-bottom: .2rem;
}
/* 2024.05.09 add movie */
.movies-article h4 {
    font-size: 2.2rem;
        font-weight: 700;
        margin-top: 3rem;
        padding-bottom: .15em;
        margin-bottom: 1em;
        border-bottom: 2px solid #d9d8d5;
}
.movies-article h4::before {
    content: '';
    position: absolute;
    bottom: -.15em;
    left: 0;
    width: 4.8em;
    height: 2px;
    background-color: #dc2201;
}
.movie-area iframe {
width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    max-width: 960px;
    display: block;
    margin: 3rem auto;
}

@media screen and (min-width: 768px) {
    .spPrivacy {
        display: none;
    }
    .privacyBase h4::before {
        bottom: -.1em;
    }
    .s-font {
        font-size: 1.4rem;
    }
.movies-article h4::before {
            bottom: -.1em;
        }
}

@media screen and (min-width: 1480px) {
    .privacyBase h4::before {
        bottom: -.05em;
    }
        .movies-article h4::before {
            bottom: -.05em;
        }
}