@charset "utf-8";

:root {
	--commoncolor: #003B82; /* 共通カラー（紺色） */
	--basecolor: #3498db; /* ベースカラー（エリア色） */
	--baselightcolor: #f3fafd; /* ベースカラー（薄いエリア色） */
	--subcolor: #a3d172; /* タイトルのバーグラデーション右（左はエリア色） */
	--sublightcolor: #fffde9; /* 新着情報グラデーション左（右はベース薄いエリア色） */
}





/*  KOME
-----------------------------------------------------------*/
p.kome,.kome li{position:relative;padding-left:calc(1em + 4px)}p.kome:before,.kome li:before{position:absolute;left:0;top:0;content:"\203B"}.list-dot li{position:relative;padding-left:calc(1em + 4px)}.list-dot li:before{position:absolute;left:0;top:0;content:"\30FB"}

/*  STYLE
-----------------------------------------------------------*/
.fb {
    font-weight: bold
}

/*  LAYOUT
-----------------------------------------------------------*/
.block-lv2,.sectsub.-ovsopt{margin-top:56px}
.inner-lv2,.inner{margin:0 auto;padding:0 15px;width:100%;max-width:1280px}
.body-lv2,.body-lv3,.body-lv4{margin-top:24px}
@media print,screen and (min-width:1000px){
	.block-lv2,.sectsub.-ovsopt{margin-top:104px}
	.body-lv2{margin-top:48px}
	.inner-lv2,.inner{padding:0}
}

/*  HEADING 
-----------------------------------------------------------*/
.head-lv2,.head-lv3,.head-lv4{display:flex;flex-direction:column;align-items:center;text-align:center}.head-lv2{position:relative;padding-bottom:8px}.head-lv2::after{position:absolute;left:50%;bottom:0;transform:translateX(-50%);content:"";display:inline-block;width:80px;height:3px;border-radius:50vw;background:linear-gradient(90deg,var(--basecolor) 0%,var(--subcolor) 100%)}.head-lv2__ttl,.head-lv3__ttl,.head-lv4__ttl,.head-lv5__ttl,.head-lv6__ttl{font-weight:700;line-height:1.5}.head-lv2__ttl span,.head-lv3__ttl span,.head-lv4__ttl span,.head-lv5__ttl span,.head-lv6__ttl span{font-weight:700}.head-lv2__ttl{position:relative}.head-lv2__ttl-main{display:inline-flex;align-items:center;font-size:2.2rem}.head-lv2__ttl-sub{display:block;font-size:1.6rem}.head-lv2__ttl-ico{display:inline-flex;align-items:center;margin-right:4px;color:var(--basecolor);font-size:2.5rem}.head-lv2__txt{order:-1;margin-bottom:4px;font-size:1.4rem;font-weight:600}.head-lv3__ttl-main{font-size:1.9rem}.head-lv3__ttl-sub{display:block;font-size:1.6rem}.head-lv3__txt{order:-1;margin-bottom:8px;font-size:1.4rem;font-weight:500}.head-lv4__ttl{font-size:1.8rem}@media print,screen and (min-width:1000px){.head-lv2__ttl{min-width:450px;width:inherit}.head-lv2__ttl-main{font-size:3.2rem}.head-lv2__ttl::after{bottom:-2px;right:inherit;left:calc(100% + 8px);width:30px;height:10px}.head-lv3__ttl-main{font-size:2.6rem}.head-lv2__ttl-sub{font-size:2rem}.head-lv2__ttl-ico{margin-right:8px;font-size:4rem}.head-lv2__txt{margin-bottom:8px;font-size:1.8rem}.head-lv3__ttl-sub{font-size:1.8rem}.head-lv3__txt{font-size:1.6rem}.head-lv4__ttl{font-size:2.2rem}}

/* Button
-----------------------------------------------------------*/
#support.btn{position:relative;display:flex;flex-direction:column;justify-content:center;align-self:center;min-height:50px;padding:4px 2.8rem 4px 4px;line-height:1.3;text-align:center;color:#fff!important;font-weight:700;border-radius:8px;border:solid 3px transparent;background:var(--basecolor);transition:opacity .3s ease-out}.btn.-shadow{box-shadow:0 2px 6px 0 rgba(0,0,0,.3)}.btn.-secondly{color:var(--basecolor)!important;border-color:var(--basecolor)!important;background:#fff}.btn .m-ico.-arrow,.btn .m-ico.-blank{position:absolute;right:4px;top:50%;transform:translateY(-50%);line-height:1}.btn .m-ico.-arrow{display:inline-flex;align-items:center;font-size:2.8rem}.btn__txt{font-weight:700}.btn__txt .m-ico{display:inline-flex;align-items:center}@media print,screen and (min-width:1000px){.btn:hover{opacity:.6}}
.-tel.btn.-secondly{border-color: unset;}

#support .btn {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: center;
    min-height: 50px;
    padding: 4px 2.8rem 4px 4px;
    line-height: 1.3;
    text-align: center;
    /* color: #fff !important; */
    font-weight: 700;
    border-radius: 8px;
    border: solid 3px transparent;
    /* background: var(--basecolor); */
    transition: opacity .3s ease-out;
}


/* CAPTION
------------------------------------------------------*/
.caption{position:absolute;right:0;bottom:2px;padding:0 5px;color:#fff;font-size:1.2rem;text-align:right;line-height:1.2;text-shadow:0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%),0 0 2px rgb(0 0 0 / 80%)}

/* SUPPORT
------------------------------------------------------*/
.support-hd{display:flex;flex-direction:column;gap:16px;margin:0 auto;width:100%;max-width:1000px}.support-hd__block{flex:1;padding:16px;background:var(--baselightcolor)}.support__notes-dt{text-align:center;font-weight:700}.support__notes-dttxt{display:inline-block;font-size:1.6rem;font-weight:700}.support__notes-dd{margin-top:16px}.support__notes-listitem{line-height:1.5}.support__notes-listitem:not(:first-child){margin-top:8px}.support-hd__imgbox{position:relative}.support-bd{margin-top:40px}.support-bd__ttl{text-align:center}.support-cassette{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-top:16px}.support-cassette__item{display:flex;flex-direction:column;padding:16px;border:solid 1px #dbdbdb;background:#fff}.support-cassette__hd{display:flex;flex-direction:column;line-height:1.5}.support-cassette__hd-ttl{text-align:center;font-size:1.8rem;font-weight:700}.support-cassette__hd-ttl span{font-weight:700}.support-cassette__hd-txt{order:-1;text-align:center;font-size:1.4rem;font-weight:500}.support-cassette__detail{display:flex;flex-direction:row-reverse;gap:8px;margin-top:16px}.support-cassette__detail-bd{flex:1}.support-cassette__detail-txt{line-height:1.5;font-size:1.4rem}.support-cassette__detail-channel{width:100px}.support-cassette__detail-channelico{display:flex;align-items:center;padding:2px 8px;text-align:center;font-size:1.4rem;font-weight:500;border-radius:50vw;background:var(--baselightcolor)}.support-cassette__detail-channelico .m-ico{flex-shrink:0}.support-cassette__detail-channelico span{flex:1;text-align:center;font-weight:700}.support-cassette__detail-channelico:not(:first-child){margin-top:4px}.support-cassette__bditem-btwrap{margin-top:auto;padding-top:16px}.support-cassette__bditem-bt:not(:first-child){margin-top:16px}.support-cassette__bditem-bt-ttl{position:relative;display:inline-block;margin-bottom:8px;padding-left:calc(1.4rem + 8px);font-weight:700}.support-cassette__bditem-bt-ttl-ico{position:absolute;left:0;top:50%;line-height:1;font-size:1.4rem;transform:translateY(-50%) rotate(45deg)}.support-cassette__bditem-bt.-tel .support-cassette__bditem-bt-link{font-size:1.6rem}.support-cassette__bditem-kome{margin-top:16px;text-align:center;font-size:1.2rem}.support-cassette__bditem-kome::before{content:"※";margin-right:4px}.support-bd__att{margin-top:16px;font-size:1.2rem}@media print,screen and (min-width:1000px){.support-hd{flex-direction:row-reverse;gap:32px}.support-hd__block{padding:32px}.support__notes-dttxt{font-size:2rem}.support__notes-dd{margin-top:16px}.support__notes-listitem{font-size:1.8rem}.support-hd__img{width:40%}.support-cassette{grid-template-columns:repeat(3,1fr);margin-top:24px}.support-cassette__hd-ttl span{font-weight:700}.support-cassette__bditem-bt:not(:first-child){margin-top:8px}.support-cassette__bditem-bt-ttl{margin-bottom:4px;font-weight:700}.support-cassette__bditem-bt-ttl{width:200px}.support-cassette__bditem-bt.-tel .support-cassette__bditem-bt-link{display:inline-flex;pointer-events:none;margin-left:8px;padding:0;min-height:inherit;border:none !important;box-shadow:none}.support-cassette__bditem-bt.-tel .btn__txt .m-ico{font-size:1.8rem}.support-cassette__bditem-bt.-tel .btn .m-ico.-arrow{display:none}.support-cassette__bditem-kome{display:none}.support-bd__att{font-size:1.4rem;text-align:right}.support.-eur .support-cassette__bditem-bt.-tel{display:flex;flex-direction:column;justify-content:center;align-self:center;min-height:50px;text-align:center;background:#F4F5F5}.support.-eur .support-cassette__bditem-bt.-tel .support-cassette__bditem-bt-link{font-size:2rem;background:none}}

/* =============================================================================
スティッキーナビ
============================================================================= */
/* 固定位置 */
.remote-sticky {
    position: fixed;
    right: 0;
    top: 80%;
    transform: translateY(-50%);
    z-index: 1000;
    display: block;
    text-decoration: none !important;
}
@media (min-width: 769px) {
    .banner-box {
        padding: 8px 16px;
        max-width: inherit;
        border-radius: 15px 0 0 15px;
        border-bottom: 4px solid #00328B;
        flex-direction: column;
        box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.3);
    }
}
/* アイコン（SVG）のサイズと余白 */
.icon-area {
    width: 80%;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}
.icon-area img {
    width: 72px;
    /* アイコンを少し小さくしてバランス調整 */
    height: auto;
    background: #fff;
    /* アイコン背景を白丸にする場合 */
    border-radius: 12px;
    padding: 5px;
}
/* テキストエリア */
.text-area {
    width: 100%;
    text-align: center;
}
.remote-text {
    margin: 0 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    line-height: 1.4 !important;
}
/* PC用の2行設定 */
.pc-only {
    display: block;
    font-size: 11px;
}
.main-text {
    display: block;
    font-size: 12px;
    font-weight: 700;
}
.banner-box {
    background: linear-gradient(135deg, #216593 0%, #3498db 100%);
    display: flex;
    align-items: center;
}

/* --- スマホ表示 (SP) --- */
@media (max-width: 768px) {
    .banner-box {
        width: 152px;
        padding: 8px 8px 8px;
        gap: 4px;
        filter: drop-shadow(.375em .375em 0 #00328B);
    }
    .icon-area img {
        width: 28px;
        height: 28px;
        padding: 0;
        /*border-radius: 0;*/
    }
    .icon-area {
        padding: 2px;
        background: #fff;
        border-radius: 50vw;
        margin-bottom: 0;
    }
    .pc-only {
        display: none !important;
        /* 「全国どこからでも」を消す */
    }
    .main-text {
        font-size: 12px;
        /* 1行で収まるサイズ */
        white-space: nowrap;
    }
    .remote-sticky {
        top: auto;
        left: 0;
        bottom: 0;
        transform: none;
        width: 50%;
    }
    .text-area {
        width: 100%;
        text-align: left;
    }
    .head-lv2__ttl-main {font-size: 2.0rem;}
}
p.ttl_sub {
    text-align: center;
    margin: 15px;
}
.main-container {
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    border: 8px solid #ff69b4;
    /* 外枠のピンク */
    padding: 20px;
    border-radius: 10px;
}

#support{scroll-margin-top:104px;}