@charset "UTF-8";

/*
 * common
** ------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700&family=Teko&display=swap');

main {font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', YuGothic, '游ゴシック体', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;}

/* ========= h1  ========= */
.tit_lv1_wrap {background-color: #002673; padding: .75em}
.tit_lv1_content {justify-content: center;}
h1 {display: flex; justify-content: center; flex-direction: column; text-align: center;}
h1 .sub  {font-size: 2rem; background-color: #fff; color: #002673; opacity: .9; border: 0 solid #fff; margin: 0 0 .75em; padding: .65em 1.5em;}
h1 .main {font-size: 4rem; display: block;}

@media only screen and (max-width: 979px) {
	h1 .sub  {font-size: 2vw;}
	h1 .main {font-size: 3.3vw;}
}
@media only screen and (max-width: 639px) {
	h1 .sub  {font-size: 1.6rem;}
	h1 .main {font-size: 2.2rem;}
}

/* ========= h2 h3 h4  ========= */
h2.lead {text-align: center; font-size: 2.6rem; line-height: 1.7; margin-top: 1em; color: #002673;}
h2 .num {font-weight: normal;}
h3.bg {background-color: #002673; color: #fff; padding: .85em 1em; font-size: 2rem; margin-top: 2.5em; border-radius: 4px;}
h2.lead + h3.bg {margin-top: 2em;}
h3.bg + .scroll_wrap {margin-top: 2em;}
h4 + * {margin-top: 1em !important;}
    
@media only screen and (max-width: 979px) {
	h2.lead .d_ib {display: inline!important;}
}

@media only screen and (max-width: 639px) {
	h2.lead {font-size: 1.7rem; text-align: left;}
	h3.bg {padding: .75em 1em; font-size: 1.6rem; margin-top: 2.5rem;}
}

/* ========= section  ========= */
.section._main {background-color: #ebeef4; padding: 3em 1em 4em; border-top: 2px solid #002673;}

@media (max-width: 639px) {
	.section._main {padding: 3rem 1rem;}
}

/* ========= footer  ========= */
.flets_notes .js_fee_dsp,
.flets_notes .ex-flets,
.footer_nav_wrap {display: none;}
.footer_info_content {flex-direction: column; align-items: center;}
.footer_copyright {margin-top: 1em !important;}

/* ========= other  ========= */
.c_after {color: #224abe !important;}
.b_n {border: none;}
.num {font-family: dinFs;}
.lead {font-size: 1.8rem;}
ul[class*="icon_"] > li:not(.ls_bul)::before {top: .25em;}
[class*="btn_"].pr_l {padding: 10px 50px 9px 30px;}

.txt_em_c {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fbe380), color-stop(100%, #fbe380), color-stop(90%, transparent));
  background: linear-gradient(transparent 60%, #fbe380 60%, #fbe380 100%, transparent 90%);
}

@media only screen and (max-width: 979px) {
	.lead {font-size: 1.6rem;}
}

@media only screen and (max-width: 639px) {
	.t_vrl {padding-left: 1.2em !important;}
	.lead {font-size: 1.5rem;}
}

@media only screen and (min-width: 640px) {
	.notes {font-size: 1.5rem !important; line-height: 1.8;}
}

/* sub_nav */
.sub_nav {display: flex; justify-content: center; margin: 0 auto;}

@media only screen and (max-width: 639px) {
	.icon_anc._row {font-size: 1.4rem;}
	.icon_anc._row >li {width: 100%;}
}

/* ========= table  ========= */
.scroll_wrap {margin-top: 30px;}
table._ptn01,
table._ptn01 th,
table._ptn01 td {border-color: #666; padding: .6em;}
table._ptn01 th.before {background-color: #888; color: #fff !important;}
table._ptn01 th.after  {background-color: #6181bf; color: #fff !important;}
table._ptn01 thead th {background-color: #888; color: #fff !important;}
table._ptn01 tbody th {background-color: #f2f2f2; color: #333; text-align: left !important;}
table._ptn01 tbody .c_after {font-size: 2rem;}
table._ptn01 tbody .fee {font-size: 2rem; text-align: center;}
table._ptn01 .pcolor {background-color: #edf2fa;}

@media only screen and (max-width: 639px) {
	table._ptn01 {font-size: 90%;}
	table._ptn01 th, table._ptn01 td {padding: 10px 15px;}
	table._ptn01 tbody .c_after {font-size: 1.6rem;}
	table._ptn01 tbody .fee {font-size: 1.6rem;}
}

/* width */
.w_trl {width: 6% !important;}
.w_6  {width: 6% !important;}
.w_7  {width: 7% !important;}
.w_8  {width: 8% !important;}
.w_9  {width: 9% !important;}
.w_12 {width: 12% !important;}
.w_13 {width: 13% !important;}
.w_14 {width: 14% !important;}
.w_16 {width: 16% !important;}
.w_18 {width: 18% !important;}

.txt_trl {max-width: 1em; min-height: 10em; line-height: 1.1; display: flex; justify-content: center; align-items: center; margin: 0 auto; word-break: break-all; }
.txt_trl .space {line-height: 0.6; display: inline-block;}

@media only screen and (min-width: 640px) {
	.w_trl {width: 10% !important;}
}

@media only screen and (min-width: 798px) {
	.w_trl {width: 7% !important;}
}

@media only screen and (min-width: 1200px) {
	.w_trl {width: 5% !important;}
	table._ptn01 .fee {font-size: 120% !important;}
}

@media only screen and (max-width: 639px) {
	.scroll_wrap > table {width: 200%;}
	.scroll_wrap > .list_caption {width: 200%;}
}

/* ========= .ctg_box ========= */
.ctg_box {background-color: #fff; margin: 2em 0; padding: 2% 3.5% 3.5%; position: relative; border-radius: 12px;box-shadow: 0 8px 30px rgb(0,0,0,0.15);}

* + .scroll_wrap {margin-top: 0;}
.ctg_box + .ctg_box {margin-top: 3.5em;}

@media only screen and (max-width: 639px) {
	.ctg_box {margin: 2rem 0; padding: 1% 4% 4%; border-radius: 9px;}
	.ctg_box + .ctg_box {margin-top: 3.5rem;}
}

/* ========= .js-pagetop ========= */
.js-pagetop .page_top_scl > a.is-fixed {font-size: inherit; z-index: 1000; position: fixed; bottom: 140px; right: 2%; width: 3.5em; height: 3.5em; border: none; background-color: rgba(0,37,115,1); border-radius: 50%; padding: 0; overflow: hidden;}
.js-pagetop .page_top_scl > a.is-fixed > span {text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: 1;}
.js-pagetop .page_top_scl > a.is-fixed > span::before {
  content: '';
  width: 15px;
  height: 15px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -7px;
  transform: rotate(-45deg);
}

.js-pagetop .page_top_scl > a.is-fixed:hover {background-color: rgba(0,37,115,0.5); transition: all .5s;}
.js-pagetop .page_top_scl > a > span::before {border-color: #fff; border-width: 3px;}

/* ========= box_toggle ========= */
.box_toggle {margin-top: 2em; display: flex; flex-direction: column; gap: 15px;}
.box_toggle .item {border: solid 2px #d1dbed; background-color: #fff; border-radius: .5em; overflow: hidden;}
.box_toggle .toggle_hook {position: relative; font-size: inherit; font-weight: bold; font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', YuGothic, '游ゴシック体', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;}
.box_toggle .toggle_hook::after {content: ""; position: absolute; top: 50%; right: 2rem; margin-top: -0.7em; height: 12px; width: 12px; border: solid #002573; border-width: 0 2px 2px 0; transform: rotate(45deg); transform-origin: center; transition: 0.2s ease-out;}
.box_toggle > .is_open .toggle_hook::after {margin-top: -0.4em; transform: rotate(225deg); transform-origin: center; transition: 0.2s ease-out;}
.box_toggle .toggle_content {display: none; font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', YuGothic, '游ゴシック体', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;}

@media (min-width: 640px) {
	.box_toggle {gap: 30px;}
	.box_toggle > .item {border-width: 3px;}
	.box_toggle .toggle_hook {padding-right: 60px;}
	.box_toggle .toggle_hook::after {right: 3.5rem; height: 15px; width: 15px;}
}

/* faq */
.box_toggle._faq .item {border-color: #fff; counter-increment: section; transition: border-color .2s; box-shadow: 0 3px 10px rgb(0,0,0,0.2);}
.box_toggle._faq .item:hover {border-color: #002573 !important;}

.box_toggle._faq .item.link {border-color: #fff; counter-increment: section;}
.box_toggle._faq .item.link a {text-decoration: none;}

.box_toggle .item.link .toggle_hook::after {content: ""; position: absolute; top: 50%; right: 4rem; margin-top: -0.4em; height: 14px; width: 14px; border: solid #002573; transform: rotate(-45deg); transform-origin: center; transition: 0.2s ease-out;}

.box_toggle._faq .toggle_hook {color: #333; display: flex; align-items: stretch; justify-content: flex-start; border: none; background: transparent; text-align: left; padding: .75em; width: 100%; position: relative;}
.box_toggle._faq .toggle_hook:hover {color: #333 !important;}

.box_toggle._faq .toggle_hook p {margin: 0; display: flex; flex-direction: column; justify-content: center; width: 100%; line-height: 1.8;}
.box_toggle._faq .toggle_content {padding: 0 1em 1em 1em;}
.box_toggle._faq .toggle_content > div {padding-top: 1em; border-top: 1px solid #bbb; margin: 0; display: flex; align-items: flex-start; justify-content: flex-start;}

.box_toggle._faq .toggle_hook::before,
.box_toggle._faq .toggle_content > div::before {display: flex; justify-content: center; align-items: center; text-align: center; font-family: 'Manrope', sans-serif; font-size: 1.6rem; width: 40px; height: 40px; min-width: 40px; min-height: 40px; border-radius: 50%; margin-right: 1em; color: #fff;}
.box_toggle._faq .toggle_hook::before {content: "Q" counter(section); background-color: #002573;}
.box_toggle._faq .toggle_content > div::before {content: "A" counter(section); background-color: #fc7700;}

@media (max-width: 639px) {
	.box_toggle._faq .toggle_hook::before,
	.box_toggle._faq .toggle_content > div::before {font-size: 1.5rem;}
	.box_toggle._faq .toggle_content > div {padding: 15px 0 0;}
	.box_toggle._faq .toggle_hook p {margin: 0 1.5em 0 0; font-size: 1.5rem; line-height: 1.6;}
	.box_toggle._faq .toggle_hook::after {right: 1.5rem; height: 10px; width: 10px;margin-top: -0.5em;}
	.box_toggle._faq .toggle_content {font-size: 1.4rem;}
	.box_toggle._faq > .is_open .toggle_hook::after{margin-top: -0.3em;}
}

@media (min-width: 640px) {
	.box_toggle._faq .toggle_hook {padding-left: 2rem; padding-right: 70px; font-size: 1.7rem;}
	.box_toggle._faq .toggle_content > div {padding: 25px 5px 5px;}
/*	.box_toggle._faq .toggle_hook {padding: 0 1em;}*/
	.box_toggle._faq .toggle_hook::before,
	.box_toggle._faq .toggle_content > div::before {width: 50px; height: 50px; min-width: 50px; min-height: 50px;}
}

/* ._bg */
.box_toggle._faq._bg .toggle_hook {background: #d1dbed; border-radius: 0;}
.box_toggle._faq._bg .toggle_hook:hover {background: #d1dbed !important;}
.box_toggle._faq._bg .toggle_content {padding: 0; position: relative;}
.box_toggle._faq._bg .toggle_content > div {padding: 15px 12px;}
.box_toggle._faq._bg .item {border-color: #d1dbed; box-shadow: none;}
.box_toggle._faq._bg > .is_open.item {border-color: #002573;}
.box_toggle._faq._bg .toggle_content > div {border: none;}

@media (min-width: 640px) {
	.box_toggle._faq._bg .toggle_content > div {padding: 25px 20px;}
}