.c-mvField__noimageTitle{
    font-size: 45px;
    line-height: 56px;
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Arial, Helvetica, sans-serif;
    color: #333;
}

.c-mv-quon3 picture img{
    width: 100%;
}

.p-susField{
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Arial, Helvetica, sans-serif;
}

.u-mt-0{
    margin-top: 0;
}

.u-width-1280{
    max-width: 1280px;
    width: 100%;
}

.u-max-width-420{
    max-width: 420px;
    width: 100%;
}

.u-max-width-480{
    max-width: 480px;
    width: 100%;
}

.is-hoverField:visited{

}

.is-hoverField:hover{
    opacity: 0.5!important;
}

.u-max-height-400{
    max-height: 400px;
    height: 100%;
}

.u-flex-wrap{
    flex-wrap: wrap;
}


.u-d-block{
    display: block;
}

.u-d-inline-block{
    display: inline-block;
}

.u-color-white{
    color: #fff;
}

.u-img-wrapper{
    max-width:700px; margin:0 auto; padding:30px;
}
.u-img-wrapper-image{
    width:90%; max-width:1000px; display:block; margin:0 auto;
}
.u-img-wrapper-heading{
    text-align:left; margin:0 auto; padding-bottom:20px; max-width:none;
}
.u-width-full{
    width:100%;
    max-width:none;
}
.c-max-1200-mt-40-center{
    text-align:left; max-width:1200px; margin:40px auto 0;
}

.c-cardField__item .c-txtField{
    display: block!important;
}

.c-cardField__item .c-txtField .pc-field{
    display: none!important;
}
.u-img-max-height-400{
    max-height:400px; height:auto;
}
.p-flex{
    display: flex;
    gap: 20px;
}
.u-img-container{
    max-height:inherit!important;
    height:auto!important;
    max-width: inherit!important;
}

.u-width-52rem{
    width:82%!important;
}

.u-width-12rem{
    width:18%!important;
}

.c-mvField::before{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .2)))!important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 100%)!important;
}

.c-mvField::after{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .1)))!important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 100%)!important;
}

.c-mvField picture img{
    width:100%;
}

.p-flex.--align-top{
    align-items:flex-start;
    align-content:flex-start;
}

.u-min-width-245{
    min-width: 245px;
}

.u-min-width-270{
    min-width: 270px;
}

.u-m-center{
    margin-left: auto;
    margin-right: auto;
}


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

    .u-sp-object-position-top{
        object-position: top!important;
    }

}

@media screen and (max-width: 750px) {
    
.dialogue__mainvisual-a-background img {
    object-position: 95% 80%;
}

.c-linkField__bnrSplit__box{
    align-items: center!important;
}
    .p-flex{
        flex-direction: column;
    }
    .u-width-52rem{
        width:100%!important;
    }
    .u-width-12rem{
        width:40%!important;
    }
    .p-flex.--align-top{
        align-items: center;
        align-content: center;
    }
    .u-img-wrapper{
        padding:10px;
    }
    .u-img-wrapper-image{
        width:100%;
    }

    .u-img-wrapper .common-mt--30{
        margin-top:0px;
    }
    .c-mvField__noimageTitle{
        font-size: 30px;
        line-height: 40px;
    }
    .u-sp-width-full{
        width: 100%;
    }
    .js-overflow-scroll{
        width: 100%;
        overflow: scroll;
    }
    .u-img-max-height-400{
        max-height:fit-content;
        height:auto!important;
        width:100%!important;
    }
    .u-pic-flex-quon3{
        flex-direction: column;
    }
    .u-sp-height-300{
        height:300px!important;
    }
    .u-ta-center{
        text-align: center!important;
    }
    .u-sp-width-auto{
        width:fit-content!important;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    
    .u-sp-pt-40{
        padding-top:40px!important;
    }
    .u-sp-mt-40{
        margin-top:40px!important;
    }
    .u-sp-mb-40{
        margin-bottom:40px!important;
    }
    .u-sp-pt-0{
        padding-top:0!important;
    }
    .u-sp-mt-0{
        margin-top:0!important;
    }
    .u-sp-mt-20{
        margin-top:20px!important;
    }
}

/* =================================================================
   インラインスタイル移行用CSS クラス
   ================================================================= */

/* スクロール制御 - 最頻出パターン */
.u-scroll-auto {
    position: relative;
    overflow: auto;
}

/* Flexbox レイアウト関連 */
.u-flex-column {
    flex-direction: column;
}

.u-flex-1 {
    flex: 1;
}

.u-flex-items-start {
    align-items: flex-start;
}

/* テキスト配置 */
.u-text-left {
    text-align: left;
}

.u-text-center {
    text-align: center;
}

.u-text-right {
    text-align: right;
}

/* 画像・メディア関連 */
.u-img-responsive {
    max-width: 500px;
    width: 100%;
    height: auto;
}

.u-img-height-300 {
    max-height: 300px;
    height: auto;
    margin: 15px 0;
}

/* YouTube埋め込み専用 */
.u-youtube-embed {
    width: 100%;
    max-width: 800px;
    aspect-ratio: 16/9;
}

/* 余白調整 */
.u-mb-4rem {
    margin-bottom: 4rem;
}

/* 既存クラスの拡張（レスポンシブ対応） */
@media screen and (max-width: 750px) {
    .u-img-responsive {
        max-width: 100%;
    }
    
    .u-img-height-300 {
        max-height: none;
        margin: 10px 0;
    }
}