@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-visualanchor { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px; color: #000; }
.sp-visualanchor__item { position: relative; inline-size: calc((100% - 30px) / 2); transition: .25s; }
@media (hover: hover) {
	.sp-visualanchor__item:hover { scale: 1.05; }
}

.sct-note__ex { flex: 1; }
.sct-spe__aside { margin-top: 30px; }
.sct-spe__aside-ad { margin-top: 30px; }
.sct-spe__aside-ad + .sct-spe__aside-ad { margin-top: 0px; }
.sct-aside__img { margin-top: 30px; }

@media (max-width: 480px) {
	.sp-visualanchor__item { inline-size: 100%; }
}


[id*="contents"] { margin-top: 150px; }
[id*="contents"] + [id*="contents"] { margin-top: 150px; }


.based {
	--sct-color: #fceb7b;
	--sct-color-sub: #fff5b1;
	--sct-color-bold: #de8614;
}
.saving {
	--sct-color: #35aed1;
	--sct-color-sub: #d9f9ff;
	--sct-color-bold: #1a9bd1;
}
.use {
	--sct-color: #5fc14e;
	--sct-color-sub: #e7ffd5;
	--sct-color-bold: #42bc42;
}
.sp01 {
	--sct-color: #fa964a;
	--sct-color-sub: #fde7d4;
	--sct-color-bold: #f97715;
}
.sp02 {
	--sct-color: #;
	--sct-color-sub: #;
	--sct-color-bold: ;
}
.sp03 {
 	--sct-color: #b382ff;
 	--sct-color-sub: #f0e3ff;
 	--sct-color-bold: #9a61e2;
 }



.sct-color { color: var(--sct-color-bold); }
.sct-head__spm { position: relative; min-height: 160px; overflow: visible; }
.sct-head__spm-img { position: absolute; content: ""; inset: auto 20px 0px auto; width: 360px; }
.sp-manga { display: flex; flex-wrap: wrap; gap: 30px 30px; margin-bottom: 45px; }
.sp-manga__item { inline-size: calc((100% - 30px) / 2); }
.page-list li::before { background-color: var(--sct-color-bold); }

.sct-head__spm { background: var(--sct-color)!important; }
.sct-head__spm-labeln { color: var(--sct-color); }
.sp-sct-note { background: #faefe2!important; }
.sp-sct__note-label { border-radius: 100px; background: #fff; font-weight: 700; color: var(--sct-color); padding: 5px 10px; text-align: center; font-size: 1.8rem; border: 2px solid var(--sct-color); margin-bottom: 10px; }

.sct-ask__talk-t .sct-ask__talk-txt { background: var(--sct-color-sub); }
.sct-ask__talk-t .sct-ask__talk-txt a { position: relative; padding-left: 1em; }
.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(--sct-color-sub); }
.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(--sct-color-sub) transparent transparent; }

.sp-sctb__label { border-top: 2px solid var(--sct-color-bold); border-bottom: 2px solid var(--sct-color-bold); padding: 20px 15px 25px; font-weight: 700; margin-bottom: 45px; }
.sp-sctb__label-batch { font-size: 1.8rem; line-height: 1; background: var(--sct-color-bold); border-radius: 100px; padding: 4px 10px 3px; display: inline-block; color: #fff; }
.sp-sctb__label-txt { font-size: 2.5rem; line-height: 1.5; margin-top: 5px; }



.sp-sct1__note-img { width: 170px; }
.sp-sct2__note-img { width: 170px; }
.sp-sct2aside__item:nth-child(n+2) { margin-top: 10px; }
.sp-sct2aside__label { font-size: 2.5rem; font-weight: 700; line-height: 1.31; text-indent: -1em; padding-left: 1em; }
.sp-sct2aside__label-batch { color: var(--conceptColorR); }
.sp-sct2aside__note { font-size: 1.6rem; line-height: 1; margin-top: 3px; }
.sp-sct2aside-img { width: 38%; padding-right: 25px; }

.sp-sct2aside2__img { max-width: 620px; margin-inline: auto; align-items: flex-end; }
.sp-sct2aside2__label { border-radius: 15px; border: 2px solid var(--conceptColorR); display: flex; flex-wrap: wrap; gap: 0px 30px; justify-content: space-between; align-items: flex-end; background: #fff; padding: 5px 20px; }
.sp-sct2aside2__label-txt { font-size: 3.2rem; font-weight: 700; line-height: 1.5; color: var(--conceptColorR); }
.sp-sct2aside2__label-day { font-size: 1.4rem; line-height: 1.5; margin-left: auto; margin-right: 0; }
.sp-sct2aside2__list { margin-top: 50px; display: flex; flex-wrap: wrap; gap: 30px 20px; }
.sp-sct2aside2__item { border-radius: 20px; background: #fff; padding: 0 15px 15px; inline-size: calc((100% - 40px) / 3); text-align: center; }
.sp-sct2aside2__list-batch { background: var(--conceptColorR); color: #fff; font-weight: 700; font-size: 1.6rem; line-height: 1; border-radius: 20px; display: inline-block; margin-inline: auto; padding: 3px 15px; transform: translate(0,-10px); }
.sp-sct2aside2__list-copy { font-size: 1.5rem; line-height: 1.31; font-weight: 700; }
.sp-sct2aside2__list-img { margin-top: 30px; }


.sp-sct3aside__img { max-width: 730px; margin-inline: auto; }
.sp-sct4__img { width: 210px; }
.sp-sct4__img2 { width: 280px; }
.sp-sct4__img2 .sct-img__item { width: 210px; margin-inline: auto; }
.sp-sct04aside__img { width: 280px; }




@media (max-width: 1200px) {
	[id*="contents"] { margin-top: 90px; }
	[id*="contents"] + [id*="contents"] { margin-top: 90px; }
	.sct-head__spm { padding-right: 280px; }
	.sct-head__spm-img { inset: auto 10px 0px auto; width: 260px; }
}
@media (max-width: 767px) {
	.sct-head__spm { padding-right: 0px; }
	.sct-head__spm-ex { width: 100%; flex: 0 1 auto; }
	.sct-head__spm-img { position: static; margin-inline: auto; }
	.sp-manga { gap: 20px 20px; }
	.sp-manga__item { inline-size: calc((100% - 20px) / 2); }
	
	.sp-sctb__label { padding: 15px 10px 10px; margin-bottom: 30px; }
	.sp-sctb__label-batch { font-size: 1.5rem; }
	.sp-sctb__label-txt { font-size: 2rem; }
	
	.sct-spe__aside-ex { flex: 0 1 auto; width: 100%; }
	.sp-sct2aside__label { font-size: 2rem; }
	.sp-sct2aside__note { font-size: 1.5rem; }
	.sp-sct2aside-img { max-width: 320px; width: 100%; margin-inline: auto; }
	.sp-sct2aside2__img { max-width: 360px; margin-inline: auto; }
	
	.sp-sct2aside2__label { margin-top: 20px; }
	.sp-sct2aside2__label-txt { font-size: 2rem; }
	.sp-sct2aside2__label-day { font-size: 1.3rem; }
	.sp-sct2aside2__list { margin: 30px auto 0; max-width: 360px; }
	.sp-sct2aside2__item { inline-size: 100%; padding: 0 15px 25px; }
	.sp-sct2aside2__list-copy { font-size: 1.4rem; }
	.sp-sct2aside2__list-img { margin: 15px auto 0; max-width: 240px; margin-inline: auto; }

	.sp-sct04aside__img { margin-inline: auto; }
}
@media (max-width: 480px) {
	.sp-manga__item { inline-size: 100%; }
	
	.sp-sct1__note-img { order: 2; margin-inline: auto; flex: 0 1 auto; }
	.sp-sct2__note-img { order: 2; margin-inline: auto; flex: 0 1 auto; }
	.sp-sct3aside__img { max-width: 320px; margin-inline: auto; }
	.sct-note__ex { flex: 0 1 auto; width: 100%; }
}




.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); }



@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%; }

	.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(2)::before { transform: rotate(90deg); inset: -15px 0 auto 0; margin: 0 auto; }
	.sct-ask__talk-t .sct-ask__talk-txt:nth-of-type(1)::before { transform: rotate(-90deg); inset: -15px 0 auto 0; margin: 0 auto; }
	
	
	
	.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; }
}