/*全般　端末による表示*/
@media only screen and (max-width: 767px) {
.is-pc-show { display: none; }}
@media only screen and (min-width: 768px) {
.is-sp-show { display: none; }}


/*全般　背景カラー・余白*/
.koueki__base-white { padding: 100px 0;}
.koueki__base-blue-1 { padding: 100px 0; background:#ECF4F8;}
.koueki__base-blue-2 { padding: 70px 0; background: linear-gradient(-5deg, #004F97 0%, #004F97 50%, #005BAB 50%, #005BAB 100%); position: relative;}

@media only screen and (max-width: 767px) {
.koueki__base-white { padding: 100px 25px;}
.koueki__base-blue-1 { padding: 100px 25px; background:#ECF4F8;}
.koueki__base-blue-2 { padding: 70px 25px; background: linear-gradient(-5deg, #004F97 0%, #004F97 50%, #005BAB 50%, #005BAB 100%); position: relative;}}


/*ファーストビュー*/
.c-hero.koueki { position: relative; background-image: url(images/pict_hero_background_style_kouekikaikei.png); }
.c-hero.koueki .c-hero__container { height: 320px; }
.c-hero.koueki h1 { z-index: 90; text-align: center; line-height: 1.6;position: absolute; display: inline-block;  text-align: center; top: 45px; right: 0; left: 0; font-size: 36px; letter-spacing: 2px; }
.c-hero.koueki h1 span.emphasis{ font-size:54px; color: #f7931e;}
.c-hero.koueki h1 span.note{ display: block;  font-family: "FOT-UD角ゴ_スモール Pr6 DB"; width: fit-content; padding:5px 30px; margin: 0 auto 25px auto; text-align: center; font-size:25px;}
.c-hero.koueki p { position: absolute; display: inline-block; text-align: center; top: 250px; right: 0; left: 0; }



@media only screen and (max-width: 767px) {
.c-hero.koueki .c-hero__container { height: 300px; }
.c-hero.koueki h1 { font-size: var(--font-size-sp-h2); line-height: 1.7;}
.c-hero.koueki h1 span.emphasis{ font-size: var(--font-size-sp-h1); color: #f7931e;letter-spacing: 0px;}
.c-hero.koueki h1 span.note{ width: 90%; padding:5px 25px; margin: 0 auto 35px auto;  font-size: var(--font-size-sp-h4); line-height: 1.5;}}


/*ナビボタン*/
.c-header-navi__main__koueki { display: flex; padding: 0 30px 0 0 ; justify-content: flex-start; align-items: center; font-family: var(--font-Dsp-DB); font-size: var(--font-size-base); }
.c-header-navi__main__koueki ul { display: flex; flex-direction: row-reverse; gap: 10px; }
.c-header-navi__main__koueki ul li a { display: block; text-align: center; padding: 10px 15px; border-radius: 999px;}
.c-header-navi__main__koueki ul li a.right { background-color: #FFB300; border: 3px solid #FFB300;}
.c-header-navi__main__koueki ul li a.left { background-color: #fff; border: 3px solid #FFB300;}
.c-header-navi__main__koueki ul li a:hover { opacity: 0.7;}

@media only screen and (max-width: 767px) {
.c-header-navi__main__koueki { display: none; }}


/*特設サイト　ポイント*/
.point__container { display: flex; margin: 0 auto; max-width: 1000px; align-items: center; align-content: center; justify-content: center; gap: 20px;  flex-wrap: wrap;}
.point__container p span { color: #005BAB; font-family: "FOT-UD角ゴ_スモール Pr6 DB";}
.point__container figure { width: 100%;}
.point__container figure img { width: 1000px;}
.point__content { display: flex; flex-direction: column; align-items: center; align-self: stretch;}
.point__content.column-1 { width: 100%; }
.point__content.column-2 { width: calc(50% - 10px); }
.point__content a:hover { opacity: 0.95; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: translateY(-7px); transition: box-shadow 0.3s, transform 0.3s;}
.point__heading { display: flex; width: 100%; margin-bottom: 10px; justify-content: flex-start; align-items: center; align-content: center; gap: 10px; align-self: stretch;}
.point__heading h2 { display: flex; align-items: center; color: #005BAB;margin: 0px;　font-family: "FOT-UD角ゴ_スモール Pr6 DB"; font-size: 24px; line-height: 1.5; letter-spacing: 1px;}
.point__heading h2 span { display: inline-block; padding: 7px 15px; margin-right: 10px; background-color: #005BAB; border-radius: 2px; font-size: 18px; color: #fff; line-height: 1;　vertical-align: middle; }
.point__summary { display: flex;　flex-direction: column; justify-content: flex-start; align-self: stretch; gap: 10px;}
.point__summary p span { display: inline-block; font-size: 12px; line-height: 1.5 !important; color: #e50012;}
.point__summary p a { color: var(--color-primary)}
.point__summary p strong { font-family: "FOT-UD角ゴ_スモール Pr6 B"}
.point__list { display: flex; align-self: stretch;}
.point__list ul li { display: block; position: relative; margin-bottom: 30px; padding-left: 30px; font-size: var(--font-size-pc-h5); font-family: "FOT-UD角ゴ_スモール Pr6 M" }
.point__list ul li span { font-family: "FOT-UD角ゴ_スモール Pr6 R" }
.point__list ul li span { display: inline-block; }
.point__list ul li::before { content: ""; width: 20px; height: 20px; position: absolute; top: 5px; left: 0; background-image: url(images/icon-check.svg); background-size: contain; }
.point__list button { padding: 10px 10px; text-align: center; background-color: var(--color-button-y); border-radius: 10px; font-family: var(--font-Dsp-DB); }


@media only screen and (max-width: 767px) {
    .point__list { gap: var(--spacing-lg); }

    .point__list a { padding: var(--spacing-lg); }

    .point__list { width: 100%; margin-bottom: var(--spacing-2xl); }

    .point__list ul li { display: block; position: relative; padding-left: 30px; font-size: var(--font-size-sp-h5); }

    .point__list h2 { text-align: center; }

    .point__list button { position: absolute; padding: 0px; margin: 0 auto; gap: 10px; left: 35%; bottom: 20px; background-color: transparent; }

    .point__list button p { display: inline-block; font-family: var(--font-Dsp-B); color: var(--color-primary); font-size: var(--font-size-button); position: relative; padding: 2px 20px 0 0px; background-repeat: no-repeat; background-position: left; }

    .point__list button p::after { content: ""; position: absolute; top: 6px; right: 0px; bottom: 0; width: 18px; height: 18px; }

    .point__list button.icon-blank p::after { background-image: url(../../images/icon-link_3.svg); }
}

@media only screen and (max-width: 767px) {
.point__content { gap: 8px; }
.point__content.column-2 { width: 100%; }
.point__heading h2 { display: inline-block; text-align: left; margin: 0px;　font-family: "FOT-UD角ゴ_スモール Pr6 DB"; font-size: var(--font-size-sp-h4); line-height: 1.5; letter-spacing: 1px;}
.point__heading h2 span { display: inline-block; margin-right: 0; margin-bottom: 5px; }
.point__summary { flex-direction: column; align-self: stretch; gap: 20px; }
.point__summary figure { width: 25%; }
.point__summary ul li { width: 100%;}}


/*補足*/
.koueki__comment__container { width; 100%; padding: 30px; border: 1px solid #000; border-radius: 15px;}
.koueki__comment__container h4 { display: flex; align-items: center; color: #005BAB;  margin-bottom: 10px;　font-family: "FOT-UD角ゴ_スモール Pr6 DB"; font-size: 18px; line-height: 1.5; letter-spacing: 1px;}
.koueki__comment__container h4 span { display: inline-block; padding: 7px 15px; margin-right: 10px; background-color: #005BAB; border-radius: 2px; font-size: 14px; color: #fff; line-height: 1;　vertical-align: middle; }
.koueki__comment__container ul { padding: 10px 0; font-family: "FOT-UD角ゴ_スモール Pr6 M"; }


/*注釈*/
.koueki__attention {display: flex; align-self: stretch;}
.koueki__attention a {color: var(--color-primary);}


/*CTA*/
.koueki__button__conteiner { display: flex;　width; 100%; justify-content: center; }
.koueki__button__inner { display: flex;　width; 100%; justify-content: center; flex-direction: column; gap: 50px;}
.koueki__button__header { margin: 0 auto; text-align: center;  color: #fff; z-index: 10;}
.koueki__button__content { display: flex; max-width: 1000px; align-items: center; align-content: center; justify-content: center; gap: 50px; flex-wrap: wrap; z-index: 10;}
.koueki__button__style-a a { display: inline-block; position: relative; width: fit-content; padding: 30px 85px 30px 50px; border-radius: 999px;  background-repeat: no-repeat; transition: all.3s; font-size: 20px;font-family: "FOT-UD角ゴ_スモール Pr6 B"; }
.koueki__button__style-a.type-y a { background-color: #fff; border: 6px solid #FFB300; color: #333; }
.koueki__button__style-a a:hover { opacity: 0.95; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transform: translateY(-7px); transition: box-shadow 0.3s, transform 0.3s;}
.koueki__button__style-a.type-w a { background-color: #FFB300; border: 4px solid var(--color-white); color: #333; }
.koueki__button__style-a a::after {content: ""; position: absolute; top: 30px; right: 25px; bottom: 0px; width: 30px; height: 30px; background-size: contain; }
.koueki__button__style-a a::after:hover { opacity: 0.7;}
.koueki__button__style-a.icon-blank a::after { background-image: url(../../common/images/icon-link_3black.svg); }
.koueki__button__image img {position: absolute; height: 450px; bottom: 0; left: 8%; z-index: 0;}

@media only screen and (max-width: 767px) {
.koueki__button__header h2{ font-size: var(--font-size-sp-h3);}}

/*未使用
.koueki__button__style-a.type-y a:hover { background-color: #FFB300; border: 6px solid #fff; transform: scale(1.1, 1.1);}
.koueki__button__style-a.type-w a:hover { background-color: #fff; border: 6px solid #FFB300; transform: scale(1.1, 1.1);}
*/


/*特設サイト　カード*/
.c-card__style-koueki__container { max-width: 1250px; display: flex; margin-right: auto; margin-left: auto; gap: 20px; align-items: stretch; justify-content: center;}
.c-card__style-koueki__container a { border: 2px solid var(--color-gray); justify-content: center;}
.c-card__style-koueki__container a:hover { box-shadow: 4px 4px 10px 0px rgba(107, 112, 139, 0.245); transition: all 0.3s ease; }
.c-card__style-koueki__container li { display: flex;  align-items: stretch; }
.c-card__style-koueki__content { position: relative; flex-wrap: wrap; border-radius: 3px; background: #FFF; overflow: hidden;}
.c-card__style-koueki__content img { padding: 10px; align-self: stretch; }
.c-card__style-koueki__summary { padding: 5px 15px 15px 15px; }

@media only screen and (max-width: 767px) {
.c-card__style-koueki__container { flex-direction: column; }
.c-card__style-koueki__container li { width: 100%; justify-content: center; }
.c-card__style-koueki__content { width: 90vw; border: 1px solid var(--color-gray-light); }
}