@charset "UTF-8";
:root { --color-black: #111; --color-blue-: #225cff; --color-navy: #000048; --color-red: #ff334b; --color-white: #fff; --ff-ls-b: "LINESeedJPStd Bold"; --ff-ls-eb: "LINESeedJPStd ExtraBold"; --ff-ls-m: "LINESeedJPStd Regular"; --ff-ls-t: "LINESeedJPStd Thin"; --hover-duration: .3s; --hover-opacity-ratio: .6; }
/* ---------------------------------------------
*  l-h2title
--------------------------------------------- */
.l__title { text-align: left; }
.l-h2title { display: inline-block; font-family: var(--ff-ls-b); font-size: min(32px, 2.2222222222vw); padding-left: 32px; position: relative; }
@media (max-width: 1023px) { .l-h2title { font-size: 1.6rem; padding-bottom: 4px; padding-left: 20px; } }
.l-h2title:after { border: 2px solid #000048; bottom: 0; content: ""; left: 0; position: absolute; width: 100%; }
@media (max-width: 1023px) { .l-h2title:after { border: 1px solid #000048; } }
.l-h2title span:after { background-color: #000048; content: ""; display: block; height: 15px; left: 7px; opacity: .7; position: absolute; top: 11px; width: 15px; }
.l-h2title span:before { background-color: #9b9b9b; content: ""; display: block; height: 15px; left: 0; opacity: .7; position: absolute; top: 18px; width: 15px; }
@media (max-width: 1023px) { .l-h2title span:after, .l-h2title span:before { height: 10px; width: 10px; } }
@media (max-width: 1023px) { .l-h2title span:after { left: 5px; top: 5px; } }
@media (max-width: 1023px) { .l-h2title span:before { top: 10px; } }
/* ---------------------------------------------
*  pageH1Area
--------------------------------------------- */
.pageH1Area.pageH1Area--image-thin { min-height: 97px; }
@media (max-width: 1023px) { .pageH1Area__inner { background-color: rgba(0, 0, 62, .8); position: absolute; top: 0; width: 100%; } }
@media (max-width: 1023px) { .pageH1Area.pageH1Area--image-thin .pageH1Area__image { height: 97px; } }
@media (max-width: 1023px) { .pageH1Area.pageH1Area--image-thin .pageH1Area__inner { min-height: 97px; padding: 0; } }
@media (max-width: 1023px) { .pageH1Area__tit { font-size: 2rem; } }

/* ---------------------------------------------
*  c-faq
--------------------------------------------- */
.c-faq { margin-top: 80px; }
@media (max-width: 1023px) { .c-faq { margin-top: 50px; } }
.c-faq__list { margin-top: 34px; }
@media (max-width: 1023px) { .c-faq__list { margin-top: 20px; } }
.c-faq__item:not(:first-of-type) { margin-top: 12px; }
.c-faq__item { background: #f2f4f8; border-radius: 10px; }
.c-faq__item-question { align-items: center; cursor: pointer; display: flex; font-family: var(--ff-ls-b); font-size: min(18px, 1.25vw); gap: 20px; padding: 30px 35px 30px 30px; position: relative; }
@media (max-width: 1023px) { .c-faq__item-question { align-items: flex-start; font-size: 1.4rem; gap: 8px; padding: 16px 40px 14px 15px; } }
.c-faq__item-question:after { border-bottom: 4px solid #000048; border-right: 4px solid #000048; bottom: 0; content: ""; display: inline-block; height: 9px; margin: auto 0; position: absolute; right: 40px; top: -5px; transform: rotate(45deg); transition: transform .3s ease; width: 9px; }
@media (max-width: 1023px) { .c-faq__item-question:after { border-bottom: 3px solid #000048; border-right: 3px solid #000048; height: 4px; right: 16px; width: 4px; } }
.c-faq__item-question span { color: #000048; font-family: var(--ff-ls-b); font-size: 3.2rem; line-height: 1; max-width: 40px; width: 100%; }
@media (max-width: 1023px) { .c-faq__item-question span { font-size: 2.4rem; max-width: 30px; } }
.c-faq__item-answer { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.c-faq__item-answer--contents { display: flex; gap: 20px; margin-inline: 30px; padding-bottom: 24px; }
@media (max-width: 1023px) { .c-faq__item-answer--contents { gap: 10px; margin-inline: 15px; padding-bottom: 15px; } }
.c-faq__item-answer--contents span { color: #f77911; font-family: var(--ff-ls-b); font-size: 3.2rem; line-height: 1; max-width: 40px; width: 100%; }
@media (max-width: 1023px) { .c-faq__item-answer--contents span { font-size: 2.4rem; max-width: 30px; } }
.c-faq__item-answer--container { font-family: var(--ff-ls-m); font-size: min(16px, 1.1111111111vw); }
@media (max-width: 1023px) { .c-faq__item-answer--container { font-size: 1.4rem; } }
.c-faq__item.is-open .c-faq__item-question:after { transform: rotate(225deg); }
.c-faq__item.is-open .c-faq__item-answer { max-height: 500px; }