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


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


/*ファーストビュー*/
.c-hero.dedicated { position: relative; background-image: url(images/pict_hero_background_style_a.png); }
.c-hero.dedicated .c-hero__container { height: 280px; }
.c-hero.dedicated h1 { position: absolute; display: inline-block; text-align: center; top: 35px; right: 0; left: 0; font-size: 36px; letter-spacing: 2px; }
.c-hero.dedicated h1 span{ display: block; width: fit-content; padding:5px 30px; margin: 0 auto 25px auto; text-align: center; color: #e94709; font-size:25px; text-shadow: none; background-color: var(--color-button-y); border-radius: 999px;}
.c-hero.dedicated p { position: absolute; display: inline-block; text-align: center; top: 250px; right: 0; left: 0; }

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


/*ナビボタン*/
.c-header-navi__main__dedicated { 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__dedicated ul { display: flex; flex-direction: row-reverse; gap: 10px; }
.c-header-navi__main__dedicated ul li a { display: block; text-align: center; padding: 10px 15px; border-radius: 999px;}
.c-header-navi__main__dedicated ul li a.right { background-color: #FFB300; border: 3px solid #FFB300;}
.c-header-navi__main__dedicated ul li a.left { background-color: #fff; border: 3px solid #FFB300;}
.c-header-navi__main__dedicated ul li a:hover { opacity: 0.7;}

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


/*特設サイト　リストスタイル１*/
.dsap-benefits__container { display: flex; margin: 0 auto; max-width: 1000px; align-items: center; align-content: center; justify-content: center; gap: 20px;  flex-wrap: wrap;}
.dsap-benefits__container p span { color: #005BAB; font-family: "FOT-UD角ゴ_スモール Pr6 DB";}
.dsap-benefits__container figure { width: 100%;}
.dsap-benefits__container figure img { width: 1000px;}
.dsap-benefits__content { display: flex; flex-direction: column; align-items: center; align-self: stretch;}
.dsap-benefits__content.column-1 { width: 100%; }
.dsap-benefits__content.column-2 { width: calc(50% - 10px); }
.dsap-benefits__heading { display: flex; width: 100%; margin-bottom: 10px; justify-content: flex-start; align-items: center; align-content: center; gap: 10px; align-self: stretch;}
.dsap-benefits__heading h2 { display: flex; align-items: center; color: #005BAB; text-align: center; margin: 0px;　font-family: "FOT-UD角ゴ_スモール Pr6 DB"; font-size: 24px; line-height: 1.5; letter-spacing: 1px;}
.dsap-benefits__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; }
.dsap-benefits__summary { display: flex;　flex-direction: column; justify-content: flex-start; align-self: stretch; gap: 10px;}
.dsap-benefits__summary p span { display: inline-block; font-size: 12px; line-height: 1.5 !important; color: #e50012;}
.dsap-benefits__summary p a { color: var(--color-primary)}
.dsap-benefits__summary p strong { font-family: "FOT-UD角ゴ_スモール Pr6 B"}

@media only screen and (max-width: 767px) {
.dsap-benefits__content { gap: 8px; }
.dsap-benefits__content.column-2 { width: 100%; }
.dsap-benefits__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;}
.dsap-benefits__heading h2 span { display: inline-block; margin-right: 0; margin-bottom: 5px; }
.dsap-benefits__summary { flex-direction: column; align-self: stretch; gap: 20px; }
.dsap-benefits__summary figure { width: 25%; }
.dsap-benefits__summary ul.dsap-benefits__product li { width: 100%;}}


/*補足*/
.dedicated__comment__container { width; 100%; padding: 30px; border: 1px solid #000; border-radius: 15px;}
.dedicated__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;}
.dedicated__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; }
.dedicated__comment__container ul { padding: 10px 0; font-family: "FOT-UD角ゴ_スモール Pr6 M"; }


/*注釈*/
.dedicated__attention {display: flex; margin: 0 auto; max-width: 1000px; flex-direction: column; flex-wrap: nowrap; padding:50px 0}
.dedicated__attention a {color: var(--color-primary);}


/*CTA*/
.dedicated__button__conteiner { display: flex;　width; 100%; justify-content: center; }
.dedicated__button__inner { display: flex;　width; 100%; justify-content: center; flex-direction: column; gap: 50px;}
.dedicated__button__header { margin: 0 auto; text-align: center;  color: #fff; z-index: 10;}
.dedicated__button__content { display: flex; max-width: 1000px; align-items: center; align-content: center; justify-content: center; gap: 50px; flex-wrap: wrap; z-index: 10;}
.dedicated__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"; }
.dedicated__button__style-a.type-y a { background-color: #fff; border: 6px solid #FFB300; color: #333; }
.dedicated__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;}
.dedicated__button__style-a.type-w a { background-color: #FFB300; border: 4px solid var(--color-white); color: #333; }
.dedicated__button__style-a a::after {content: ""; position: absolute; top: 30px; right: 25px; bottom: 0px; width: 30px; height: 30px; background-size: contain; }
.dedicated__button__style-a a::after:hover { opacity: 0.7;}
.dedicated__button__style-a.icon-blank a::after { background-image: url(../../common/images/icon-link_3black.svg); }
.dedicated__button__image img {position: absolute; height: 450px; bottom: 0; left: 8%; z-index: 0;}

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

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


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

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