@charset "utf-8";
:root {
   --pagePad: 30px;
   --conceptColorR: #f46f8e;
   --conceptColorB: #2ba3d6;
   --subColorG: #4fc74f;
   --subColorB: #30b2ea;
   --subColorY: #e99f2a;
   --subColorGr: #333;
   --subColorRh: #fedbe4;
   --subColorGh: #e0facc;
   --subColorBh: #d8f5fa;
   --subColorYh: #fcf8d8;
   --mioColor: #f075bb;
   --maxWidth: 1300px;
   
   --color-based: #fceb7b;
   --color-saving: #c6f2fa;
   --color-use: #d2fdb1;
   --color-based-sub: #fff5b1;
   --color-saving-sub: #d9f9ff;
   --color-use-sub: #e7ffd5;
   --color-based-bold: #de8614;
   --color-saving-bold: #1a9bd1;
   --color-use-bold: #42bc42;
   --font--color: #333;
}
body { counter-reset: number 0; }
.c-pink { color: var(--conceptColorR)!important; }
.c-gre { color: var(--color-use-bold)!important; }
.c-blue { color: var(--color-saving-bold)!important; }
.c-ore { color: var(--color-based-bold)!important; }
.b-blue { background: var(--color-saving-bold)!important; }
.b-ore { background: var(--color-based-bold)!important; }
.s-normal { font-weight: 500; }
.sct-note__label--c { text-align: center; }
.spe-visual__lead { display: flex; flex-wrap: wrap; gap: 30px 50px; max-width: 100%; width: 100%; align-items: center; }
.spe-visual__lead-img { width: 200px; }
.spe-visual__lead-ex { flex: 1; text-align: left; }
.sp-visualpart { max-width: 600px; margin-inline: auto; display: block; }
.sp-visualanchor { display: flex; flex-wrap: wrap; gap: 25px; margin-top: 50px; color: #000; }
.sp-visualanchor__item { position: relative; inline-size: calc((100% - 50px) / 3); }

.based.sp-visualanchor__item { background: var(--subColorYh); }
.saving.sp-visualanchor__item { background: var(--subColorBh); }
.sp-visualanchor__label { height: 30px; border-radius: 20px; width: 100%; font-weight: 700; color: #fff; text-align: center; font-size: 1.8rem; line-height: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.based .sp-visualanchor__label { background: var(--color-based-bold); }
.saving .sp-visualanchor__label { background: var(--color-saving-bold); }
.sp-visualanchor__title { font-size: 2.4rem; font-weight: 700; margin-top: 15px; }
.based .sp-visualanchor__title { color: var(--color-based-bold); }
.saving .sp-visualanchor__title { color: var(--color-saving-bold); }
.sp-visualanchor__ex { margin-top: 15px; }
.sp-visualanchor__ex-item { position: relative; font-size: 1.7rem; line-height: 1.5; text-indent: -1.25em; padding-left: 1.25em; color: #000; }
.sp-visualanchor__ex-img { margin-top: 15px; }
.based .sp-visualanchor__ex-img { border-bottom: 1px solid var(--color-based-bold); }
.saving .sp-visualanchor__ex-img { border-bottom: 1px solid var(--color-saving-bold); }
.sp-visualanchor__ex-img img { display: block; margin-inline: auto; max-width: 65%; }

.sct-head__spm { min-height: 160px; }
.other .sct-head__spm { background: #f98e83; }
.other .sct-head__spm-labeln { color: #e6463e; }
.other .sct-ask__talk-t .sct-ask__talk-txt { background: #fde1de; }
.other .sct-ask__talk-t .sct-ask__talk-txt a { position: relative; padding-left: 1em; }
.other .sct-ask__talk-t .sct-ask__talk-txt a::before { position: absolute; content: ""; inset: 0.35em auto auto 0; height: .55em; aspect-ratio: 11/9; clip-path: polygon(0 0,100% 50%,0 100%); object-fit: cover; background: var(--font--color); }
.other .sct-ask__talk-t.use .sct-ask__talk-txt { background: var(--color-use-sub); }
.other .sct-ask__talk-t.use .sct-ask__talk-txt a { color: var(--color-use-bold); }
.other .sct-ask__talk-t.based .sct-ask__talk-txt { background: var(--color-based-sub); }
.other .sct-ask__talk-t.based .sct-ask__talk-txt a { color: var(--color-based-bold); }
.other .sct-ask__talk-t.saving .sct-ask__talk-txt { background: var(--color-saving-sub); }
.other .sct-ask__talk-t.saving .sct-ask__talk-txt a { color: var(--color-saving-bold); }


.other .sct-ask__talk-t .sct-ask__talk-txt { background: #fde1de; }
.other .sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(1)::before { width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 25px; border-color: transparent transparent transparent #fde1de; inset: 30px -25px auto auto; }
.other .sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(2)::before { width: 0; height: 0; border-style: solid; border-width: 7.5px 25px 7.5px 0; border-color: transparent #fde1de transparent transparent; }

.based.sct-ask__talk-t .sct-ask__talk-txt { background: var(--color-based-sub); }
.based.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(1)::before { width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 25px; border-color: transparent transparent transparent var(--color-based-sub); inset: 30px -25px auto auto; }
.based.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(2)::before { width: 0; height: 0; border-style: solid; border-width: 7.5px 25px 7.5px 0; border-color: transparent var(--color-based-sub) transparent transparent; }

.saving.sct-ask__talk-t .sct-ask__talk-txt { background: var(--color-saving-sub); }
.saving.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(1)::before { width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 25px; border-color: transparent transparent transparent var(--color-saving-sub); inset: 30px -25px auto auto; }
.saving.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(2)::before { width: 0; height: 0; border-style: solid; border-width: 7.5px 25px 7.5px 0; border-color: transparent var(--color-saving-sub) transparent transparent; }

.use.sct-ask__talk-t .sct-ask__talk-txt { background: var(--color-use-sub); }
.use.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(1)::before { width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 25px; border-color: transparent transparent transparent var(--color-use-sub); inset: 30px -25px auto auto; }
.use.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(2)::before { width: 0; height: 0; border-style: solid; border-width: 7.5px 25px 7.5px 0; border-color: transparent var(--color-use-sub) transparent transparent; }


.l-arrowlink { position: relative; padding-left: 1em; }
.l-arrowlink--b a { color: var(--color-based-bold); }
.l-arrowlink--s a { color: var(--color-saving-bold); }
.l-arrowlink--u a { color: var(--color-use-bold); }
.l-arrowlink::before { position: absolute; content: ""; inset: 0.6em auto auto 0; height: .55em; aspect-ratio: 11/9; clip-path: polygon(0 0,100% 50%,0 100%); object-fit: cover; background: var(--font--color); }

.sct2-whlabel { position: relative; padding: 25px; margin-bottom: 30px; }
.use .sct2-whlabel { border-top: 2px solid var(--color-use-bold); border-bottom: 2px solid var(--color-use-bold); }
.saving .sct2-whlabel { border-top: 2px solid var(--color-saving-bold); border-bottom: 2px solid var(--color-saving-bold); }
.based .sct2-whlabel { border-top: 2px solid var(--color-based-bold); border-bottom: 2px solid var(--color-based-bold); }
.sct2-whlabel__main { font-weight: 700; font-size: 2.6rem; line-height: 1.5; }
.use .sct2-whlabel__main { color: var(--color-use-bold); }
.saving .sct2-whlabel__main { color: var(--color-saving-bold); }
.based .sct2-whlabel__main { color: var(--color-based-bold); }
.sct2-whlabel__sub { font-weight: 700; font-size: 2.0rem; line-height: 1.5; margin-top: 5px; }
.sct2-whlabel__sub2 { font-weight: 700; font-size: 2.4rem; line-height: 1.5; margin-top: 5px; }
.sct2-whlabel__img { position: absolute; content: ""; inset: auto clamp(30px, calc(5.02vw + -9px), 60px) 0 auto; width: 120px; }
.sct2-whlabel__img--s { width: 140px; }

.sp-sct02__aside-wrap { align-items: center; }
.sp-sct02__aside-wrap .page-list--ball .page-list__item::before { background: var(--conceptColorR); }

.sp-sct02aside__btn { position: relative; margin-top: 15px; padding: 0 30px 0 25px; height: 60px; font-weight: 700; color: #fff; font-size: 1.8rem; font-weight: 700; background: var(--mioColor); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 30px; line-height: 1.31; }
.sp-sct02aside__btn::after { position: absolute; content: ""; inset: 0 15px 0 auto; height: .8em; aspect-ratio: cos(30deg); clip-path: polygon(0 0,100% 50%,0 100%); object-fit: cover; background: #fff; margin: auto 0; }


.sp-sct02__note-wrap { width: 100%; }
.sp-sct02__note-label { display: flex; flex-wrap: wrap; gap: 5px 25px; align-items: baseline; }
.sp-sct02__note-label__main { font-size: 2rem; line-height: 1.31; color: var(--color-use-bold); font-weight: 700; }
.sp-sct02__note-label__main .e { color: #ef4e4e; }
.sp-sct02__note-label__main .sub { font-weight: 500; font-size: 1.8rem; }
.sp-sct02__note-label__sub { font-size: 1.5rem; line-height: 1.31; }

.sp-sct02__note-graff { margin-top: 15px; }
.sp-sct02__note-graff .sct-table { width: 100%; border: 1px solid var(--color-use-bold); }
.sp-sct02__note-graff .sct-table__tr { width: 100%; }
.sp-sct02__note-graff .sct-table__th { width: 25%; justify-content: center; text-align: center; }
.sp-sct02__note-graff .sct-table__td { width: 25%; background: #fff; position: relative; text-align: center; }
.sp-sct02__note-graff .sct-table__tr > .sct-table__td + .sct-table__td { border-left: 1px solid var(--color-use-bold); }

.point01:before { position: absolute; content: ""; inset: -50px -24px auto auto; background: url(../images/acce_fuki_01.webp) no-repeat center/contain; aspect-ratio: 164/112; min-width: 0; width: 82px; z-index: 100; }
.point02:before { position: absolute; content: ""; inset: -38px auto auto -38px; background: url(../images/acce_fuki_02.webp) no-repeat center/contain; aspect-ratio: 164/112; min-width: 0; width: 82px; z-index: 100; }
.point03:before { position: absolute; content: ""; inset: -38px -27px auto auto; background: url(../images/acce_fuki_03.webp) no-repeat center/contain; aspect-ratio: 186/112; min-width: 0; width: 82px; z-index: 100; }


.sp-sct02__note-wrap .sp-sct02aside__btn { max-width: 390px; margin-inline: auto; }
.sp-sct02__note-sublabel { text-align: center; color: var(--conceptColorR); font-weight: 700; font-size: 2rem; margin-block: 15px 10px; }

.sp-sct02-2__note { background: #f9f3d9; padding: 30px; }

.sp-sct02-2__note-wrap { display: flex; flex-wrap: wrap; gap: 30px 30px; align-items: center; }
.sp-sct02-2__note-wrap__ex { flex: 1; }
.sp-sct02-2__note-label { margin-bottom: 20px; }
.sp-sct02-2__note-label__sub { color: var(--color-use-bold); font-weight: 700; font-size: 2rem; line-height: 1.31; }
.sp-sct02-2__note-label__main { font-weight: 700; font-size: 3.6rem; line-height: 1.31; }

.sp-sct02-2__note-wrap__img { width: 250px; }
.sp-sct02-2__note-wrap__img-label { font-size: 1.8rem; font-weight: 700; color: var(--conceptColorR); border: 1px solid var(--conceptColorR); border-radius: 30px; background: #fff; padding: 5px; text-align: center; margin-bottom: 10px; }

.sp-sct02-2__note .page-list__item { padding-left: 1.25em; font-weight: 700; }
.sp-sct02-2__note .page-list__item::before { position: absolute; inset: 0.35em auto .25em 0; width: 1em; height: 1em; }
.sp-sct02-2__note .page-list__item::after { position: absolute; counter-increment: number 1; content: counter(number); inset: 0.15em auto 0 .35em; color: #fff; font-weight: 700; font-size: 0.8em; }
.sp-sct02-2__note .sp-sct02aside__btn { max-width: 390px; width: 100%; margin-inline: auto; margin-top: 0; }

.sp-txt__label { background: var(--color-based-bold); color: #fff; padding: 10px 20px; font-weight: 700; font-size: 1.8rem; }
.saving .sct-ask__talk-b { margin-top: 60px; }
.saving .sct-ask__talk-b .sct-ask__talk-img { width: 120px; }
.saving .sct-ask__talk-b .sct-ask__talk-txt { background: var(--color-saving-sub); font-weight: 700; }
.saving .sct-ask__talk-b .sct-ask__talk-txt:nth-of-type(1)::before { width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 25px; border-color: transparent transparent transparent var(--color-saving-sub); inset: 30px -25px auto auto; }
.saving .sct-ask__talk-b .sct-ask__talk-txt:nth-of-type(2)::before { width: 0; height: 0; border-style: solid; border-width: 7.5px 25px 7.5px 0; border-color: transparent var(--color-saving-sub) transparent transparent; }

.sp-sct02__note-br { display: none; }

@media (hover: hover) {
   a.sp-visualanchor__item:hover::before { transform: translateY(20px); }
   a.sp-visualanchor__item:hover::after { transform: translateY(20px) rotate(45deg); }
}


@media (max-width: 767px) {
	.spe-visual__lead-img { order: 2; margin-inline: auto; }
	.spe-visual__lead-ex { flex: 0 1 auto; order: 1; }
	
	.sct-head__spm-acce { width: 100%; }
	.sp-visualanchor { gap: 60px 30px; margin-top: 50px; margin-inline: auto; max-width: 500px; }
	.sp-visualanchor__item { inline-size: 100%; padding: 15px; }
	.sp-visualanchor__label { height: 30px; border-radius: 20px; font-size: 1.6rem; }
	.sp-visualanchor__title { font-size: 1.8rem; margin-top: 10px; }
	.sp-visualanchor__ex { margin-top: 10px; }
	.sp-visualanchor__ex-item { font-size: 1.5rem; }
	.sp-visualanchor__ex-img { margin-top: 10px; }
	.sp-visualanchor__ex-img img { max-width: 75%; }
	.sp-visualanchor__ex-prof { font-size: 1.3rem; margin-top: 10px; }
	.sp-visualanchor__ex-prof__name .name { font-size: 1.5rem; }
	.sp-visualanchor__ex-txt { font-size: 1.3rem; margin-top: 7px; }

	.other .sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(2)::before,
	.based.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(2)::before,
	.saving.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(2)::before,
	.use.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(2)::before { transform: rotate(90deg); inset: -15px 0 auto 0; margin: 0 auto; }
	.other .sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(1)::before,
	.based.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(1)::before,
	.saving.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(1)::before,
	.use.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(1)::before { transform: rotate(-90deg); inset: -15px 0 auto 0; margin: 0 auto; }
	
	.sct2-whlabel { padding: 10px 0px; margin-bottom: 30px; }
	.sct2-whlabel__main { font-size: 2rem; }
	.sct2-whlabel__sub { font-size: 1.6rem; }
	.sct2-whlabel__sub2 { font-size: 1.8rem; }
	.sct2-whlabel__img { display: none; }
	
	.point01:before { inset: -25px -12px auto auto; width: 50px; }
	.point02:before { inset: -19px auto auto -19px; width: 50px; }
	.point03:before { inset: -19px -14px auto auto; width: 50px; }
	
	.sp-sct02-2__note { padding: 15px; }

	.sp-sct02-2__note-wrap__ex { flex: 0 1 auto; }
	.sp-sct02-2__note-label { margin-bottom: 10px; }
	.sp-sct02-2__note-label__sub { font-size: 1.5rem; }
	.sp-sct02-2__note-label__main { font-size: 2rem; }
	.sp-sct02__note-label__main { font-size: 2rem; }
	.sp-sct02__note-label__main .sub { font-size: 1.4rem; display: inline-block; }
	.sp-sct02-2__note-wrap__img { margin-inline: auto; }
	.sp-sct02-2__note-wrap__img-label { font-size: 1.5rem; }
	.sp-sct02-2__note .page-list__item::after { inset: 0.25em auto 0 .35em; }
	
	.sp-sct02__note-br { display: block; }
	.spe11-s3__aside-img1 { flex: 0 1 auto; margin: 0 auto; width: 70%; }
	.spe11-s3__aside-img2 { flex: 0 1 auto; margin: 0 auto; width: 100%; }
	
	
	.sct-ask__talk-b .sct-ask__talk-img + .sct-ask__talk-txt::before { transform: rotate(90deg); inset: -15px 0 auto 0; margin: 0 auto; }
	.sct-ask__talk-b .sct-ask__talk-txt::before { transform: rotate(-90deg); inset: -15px 0 auto 0; margin: 0 auto; }
	
	
}