@charset "UTF-8";
html {
.main_wrap_a > .inner > [class*="bg_"]._fixed_bg {padding-top: 32px; padding-bottom: 32px;}
.main_wrap_a > .inner:has( > [class*="bg_"]._fixed_bg:last-child) {padding-bottom: 0;}
._tab_panel.bt_s {border-color: #c9cccf !important; margin-top: 30px;}

.btn_list_c {gap: 16px;}
.btn_list_c .txt_wrap em {text-align: center;}
.btn_list_c._menu > li {text-align: left;}
.btn_list_c._menu > li > * .txt_wrap {align-items: center; gap: 8px;}
.btn_list_c._menu > li > a:hover  {background-color: #fff !important;}
.btn_list_c._menu > li > a:hover .txt_wrap em {color: var(--bg-main-b); transition: all .3s;}
@media (max-width: 959px) {
.ex_menu_wrap,
.inner > .btn_list_c._menu {max-width: 640px; margin-left: auto !important; margin-right: auto !important;}
}

.ex_menu_wrap {margin: 3em 0 0; display: grid; gap: 16px; grid-template-columns: 1fr 1fr;}
.ex_menu_wrap li > div._ex {min-height: 5.5em;}
.ex_menu_wrap > * {margin: 0;} 
@media (min-width: 960px) {
.ex_menu_wrap {gap: 24px; grid-template-columns: 1fr; margin-top: 2em;}
}
@media (max-width: 599px) {
.ex_menu_wrap {font-size: 1.4rem;}
}
@media (max-width: 959px) {
.m_0._ex {display: none;}
}

.card_list_b._menu {gap: 40px;}
.card_list_b._menu .card_item {overflow: initial;}
.card_list_b._menu .card_item::after {width: 30px; height: 16px; top: calc(100% + 15px); left: 50%; position: absolute; transform: translate(-50%); background: #fff; clip-path: polygon(0 0, 100% 0%, 50% 100%); content: "";}
.card_list_b._menu .card_item:last-child::after {display: none;}
.card_list_b._menu .card_item {
	.title i {font-size: 1.3rem; margin-bottom: 16px; background-color: var(--bg-main-b); color: #fff;} position: relative;
	.title em {font-size: 2rem;}
	.icon_wrap {position: absolute; right: 24px; top: 20px;}
	> .inner:has( > .link_list_a:last-child) {padding-bottom: 0;}
	> .inner > .link_list_a:last-child {min-height: 48px; justify-content: center; align-items: center; border-top: solid 1px var(--c-gry-l);}
}

.hd_c._meigi {font-size: inherit;}
.hd_c._meigi > em {color: var(--bg-main-b); font-size: 1.6rem;}
.hd_c._meigi {font-size: 2rem;}
@media (min-width: 600px) {
.hd_c._meigi > em {font-size: 1.8rem;}
.hd_c._meigi {font-size: 3rem;}
}

.lay_col2._ex {position: relative; gap: 60px;}
.lay_col2._flow [class*="hd_"]._bul::before {border-radius: 50%; width: 6px; height: 6px; margin-top: .55em;}
.lay_col2._flow > .images img {border: solid 1px #dedede;}
@media (min-width: 600px) {
.lay_col2._ex::after {content: ""; position: absolute; top: 0; left: 50%; height: calc(100% + 15px) ; width: 1px; background-color: #fff;}
}

.box_em_a p,
.box_em_a ul {margin-top: .5em; margin-bottom: .5em;}
.box_em_a p.hd_a {margin-top: 1em;}
.box_em_a p.hd_a:first-child {margin-top: 0;}

p + .ul_att,
p + .ul_a,
p + .tbl_a {margin-top: 0;}

.ul_att:first-child,
.ul_a:first-child,
.tbl_a:first-child {margin-top: 0;}


._ba_a::before {content: "[";}
._ba_a::after {content: "]";}

[class^="hd_"]._xxl {font-size: 2rem;}
.hd_wrap_b .sub i {background-color: var(--bg-main-b); color: #fff; border-radius: 2em; padding-left: 2em; padding-right: 2em;}

.js_tab.sticky_wrap > .tab_a.sticky_item {margin-top: 0;}

ol.ol_a > li:before {content: counter(num_li); background: var(--c-att); color: #fff; display: grid; text-align: center; width: 1.5em; height: 1.5em; line-height: 1; align-items: center; border-radius: 4px; top: .1em; letter-spacing: -.1em;}
.txt_wrap img[src^="/assets/img/icon/"] {width: 1.2em; height: 1.2em;}
.txt_wrap ol.ol_a:first-child {margin-top: 0;}

p.bg_main_b._comp {color: #fff; padding: .5em 1em; text-align: center; margin-top: 2em;}
p.bg_main_b._comp:first-child {margin-top: 0;}

@media (min-width: 600px) {
.hd_meigi_a > em {font-size: 2rem;}
.hd_meigi_a > span {font-size: 3.2rem;}
.lay_col2._flow > .images {min-width: 50%;}
[class^="hd_"]._xxl {font-size: 2.4rem;}
}

@media (min-width: 1024px) {
.card_list_b._menu .card_item::after {top: calc(100% + 20px);}
[class^="hd_"]._xxl {font-size: 3.2rem;}

.mt_100_pc {margin-top: 100px !important;}
.mt_120_pc {margin-top: 120px !important;}
.mt_140_pc {margin-top: 140px !important;}
.mt_160_pc {margin-top: 160px !important;}
.mt_180_pc {margin-top: 180px !important;}
.mt_200_pc {margin-top: 200px !important;}
.mt_220_pc {margin-top: 220px !important;}
.mt_240_pc {margin-top: 240px !important;}
.mt_260_pc {margin-top: 260px !important;}
.mt_280_pc {margin-top: 280px !important;}
.mt_300_pc {margin-top: 300px !important;}
.mt_320_pc {margin-top: 320px !important;}
.mt_340_pc {margin-top: 340px !important;}
.mt_360_pc {margin-top: 360px !important;}
.mt_380_pc {margin-top: 380px !important;}
.mt_400_pc {margin-top: 400px !important;}
.mt_420_pc {margin-top: 420px !important;}
.mt_440_pc {margin-top: 440px !important;}
.mt_460_pc {margin-top: 460px !important;}
.mt_480_pc {margin-top: 480px !important;}
.mt_500_pc {margin-top: 500px !important;}
.mt_520_pc {margin-top: 520px !important;}
.mt_540_pc {margin-top: 540px !important;}
.mt_560_pc {margin-top: 560px !important;}
.mt_580_pc {margin-top: 580px !important;}
.mt_600_pc {margin-top: 600px !important;}
.mt_620_pc {margin-top: 620px !important;}
.mt_640_pc {margin-top: 640px !important;}
.mt_660_pc {margin-top: 660px !important;}
.mt_680_pc {margin-top: 680px !important;}
.mt_700_pc {margin-top: 700px !important;}
.mt_720_pc {margin-top: 720px !important;}
.mt_740_pc {margin-top: 740px !important;}
.mt_760_pc {margin-top: 760px !important;}
.mt_780_pc {margin-top: 780px !important;}
.mt_800_pc {margin-top: 800px !important;}
.mt_900_pc {margin-top: 900px !important;}
}

@media (min-width: 960px) {
.pr_24_ex {padding-right: 24px !important;}
}

}
