@charset "utf-8";

sup { line-height: 1; font-size: 0.65em; }
.tac { text-align: center; }


/*　基　礎　*/

h2.Oct0,
h2.Oct1,
h2.Oct2 { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
h2.Oct0 .h2_Txt,
h2.Oct1 .h2_Txt,
h2.Oct2 .h2_Txt { padding-left: 30px; }
h2.Oct0 .h2_Txt div,
h2.Oct1 .h2_Txt div,
h2.Oct2 .h2_Txt div { width: 120px; height: 32px; font-size: 2.0rem; line-height: 1rem; font-weight: 700; text-align: center; margin-bottom: 10px; padding-top: 10px; border: 2px solid #333; background: #fff; border-radius: 16px; }
h2.Oct0 .h2_Txt p,
h2.Oct1 .h2_Txt p,
h2.Oct2 .h2_Txt p { font-size: 3.6rem; line-height: 4.2rem; font-weight: 700; color: #fff; }
h2.Oct0 .img,
h2.Oct1 .img,
h2.Oct2 .img { width: 260px; }
h2.Oct0 { background: #f0c941; }
h2.Oct1 { background: #5fc14e; }
h2.Oct2 { background: #35aed1; }
h2.Oct0 .img { background: #fff1c1; }
h2.Oct1 .img { background: #cbf3c4; }
h2.Oct2 .img { background: #b8e8f6; }

h2.fst { font-size: 3.0rem; line-height: 4.2rem; font-weight: 700; color: #69a041; margin-top: 80px; margin-bottom: 30px; padding: 40px 30px 38px; border-top: 1px solid #69a041; border-bottom: 1px solid #69a041; }



@media (max-width: 767px) {
   h2.Oct0,
   h2.Oct1,
   h2.Oct2 { display: block; margin-bottom: 40px; }
   h2.Oct0 .h2_Txt,
   h2.Oct1 .h2_Txt,
   h2.Oct2 .h2_Txt { padding-top: 15px; padding-left: 15px; padding-right: 15px; }
   h2.Oct0 .h2_Txt div,
   h2.Oct1 .h2_Txt div,
   h2.Oct2 .h2_Txt div { width: 120px; height: 32px; font-size: 1.6rem; margin-bottom: 10px; padding-top: 10px; border-radius: 16px; }
   h2.Oct0 .h2_Txt p,
   h2.Oct1 .h2_Txt p,
   h2.Oct2 .h2_Txt p { font-size: 2.6rem; line-height: 3.4rem; }
   h2.Oct0 .img,
   h2.Oct1 .img,
   h2.Oct2 .img { width: 80%; margin: 5px auto 0; }
   h2.Oct0 .img { background: #f0c941; }
   h2.Oct1 .img { background: #5fc14e; }
   h2.Oct2 .img { background: #35aed1; }
   
	h2.fst { font-size: 2.2rem; line-height: 3.4rem; margin-top: 20px; margin-bottom: 20px; padding: 25px 10px 23px; }
}

.page-note__kome { text-indent: -2em; padding-left: 2em; }
.page-txt__line-p { background: linear-gradient(to top,#f6a5a2 0px,#f6a5a2 .4em,#fff .4em); font-weight: 700; }
.based .sct-ask__talk-txt .page-txt__line-p { background: linear-gradient(to top,#f6a5a2 0px,#f6a5a2 .4em,#fef5b2 .4em); font-weight: 700; }
.use .sct-ask__talk-txt .page-txt__line-p { background: linear-gradient(to top,#f6a5a2 0px,#f6a5a2 .4em,#d9fbd4 .4em); font-weight: 700; }
.saving .sct-ask__talk-txt .page-txt__line-p { background: linear-gradient(to top,#f6a5a2 0px,#f6a5a2 .4em,#d3f0f8 .4em); font-weight: 700; }
.sct-ask__talk-txt .page-txt__line-ps { background: linear-gradient(to top,#f6a5a2 0px,#f6a5a2 .4em,#f0f0f0 .4em); font-weight: 700; }

.profArea { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; font-size: 1.6rem; line-height: 2.6rem; margin-top: 30px; gap: 20px; }
.profArea .profSec { width: 240px; margin-left: auto; margin-right: auto; text-align: center; }
.profArea .profSec img { display: inline-block; width: 100px; }
.profArea .profSec div { font-weight: 700; margin-top: 10px; }
.profArea .profSec div span { font-size: 1.8rem; }
.profArea .profSec p { margin-top: 10px; letter-spacing: -0.03em; }

.p-aside__img { margin-top: 20px; }
.visual-main202411 { padding: 20px 0; }
.visual-batch__spe { font-size: 2rem; color: #333; text-align: left; font-weight: 700; }
.visual-title .page-txt__line { background: linear-gradient(to top, #f6ea61 0px, #f6ea61 .4em, #fecbb6 .4em); }
.visual-img__spe { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; gap: 20px 0; }
.visual-img__spe-graff { width: 30.12%; }
.visual-img__spe-figure { width: 63.85%; }
.visual-sub { display: flex; flex-wrap: wrap; gap: 10px 30px; }
.visual-about { flex: 1; padding-top: 20px; }
.visual-about__device { width: 300px; position: relative; margin-top: -70px; }
.visual-about__device::before { position: absolute; content: ""; inset: 40px auto auto 0; width: 100%; aspect-ratio: 1; border-radius: 100%; background: #fff; border: 3px solid #78c3ce; z-index: 1; }
.visual-about__device-img { position: relative; z-index: 2; width: 140px; margin: 0 auto; }
.visual-about__device-title { position: relative; z-index: 2; width: 245px; margin: 10px auto 6px; }
.visual-about__device-txt { position: relative; text-align: center; font-size: 1.5rem; line-height: 1.5; z-index: 2; padding: 0 30px; }
.sct-ask__talk-img img { border: 1px solid #ccc; width: 80px; height: 80px; border-radius: 100%; }
.sct-ask__talk-txt__note { color: #2ba02e; font-size: 1.8rem; line-height: 1.78; }
.sct-ask__talk-img__name { line-height: 1.31;  }
.explainer { margin-top: 50px; display: flex; flex-wrap: wrap; gap: 40px 70px; }
.explainer-leader { inline-size: calc((100% - 70px) / 2); }
.explainer-overseeing { inline-size: calc((100% - 70px) / 2); }
.explainer-participant { width: 100%; }
.explainer-label { font-size: 2rem; font-weight: 700; color: #4ca7b5; padding: 5px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.explainer-list { padding: 0 20px; }
.explainer-list2 { display: flex; flex-wrap: wrap; gap: 20px 70px; padding: 0 20px; }
.explainer-list2 .explainer-item { inline-size: calc((100% - 70px) / 2); }
.explainer-item { display: flex; flex-wrap: wrap; gap: 20px; }
.explainer-img { border: 1px solid #ccc; border-radius: 100%; width: 100px; height: 100px; aspect-ratio: 1; }
.explainer-ex { flex: 1; }
.explainer-name { font-weight: 700; font-size: 1.8rem; }
.explainer-about { font-size: 1.6rem; margin-top: 5px; }
.h2_Txt { padding-top: 40px; padding-bottom: 40px; }
.p2-img { margin-top: 45px; }
.p4-aside { margin-top: 35px; }
.p4-aside__item:nth-child(n+2) { margin-top: 50px; }
.p4-aside__wrap { display: flex; flex-wrap: wrap; gap: 30px 50px; margin-top: 30px; }
.p4-aside__imgb { padding: 0 35px; inline-size: calc((100% - 50px) / 2); transition: .25s; }
.p4-aside__label { font-size: 2rem; color: #333; border-bottom: 1px solid #333; padding-bottom: 15px; font-weight: 700; }

.part2Ill { width: 100%; padding: 20px 20px 0; background: #daf7d5; }
.part2Ill .part2IllTitle { max-width: 291px; width: 100%; margin: 0 auto 20px; }
.part2Ill .part2IllInner { max-width: 300px; width: 100%; padding: 10px; background: #fff; }
.part2Ill .part2IllInner img { max-width: 280px; width: 100%; }
.part2Ill .part2IllImg1 { max-width: 280px; width: 100%; margin: 0 auto 5px; }
.part2Ill .part2IllImg2 { max-width: 324px; width: 100%; margin: 10px auto 0; }
.part2Ill .part2IllCopy { font-size: 1.4rem; margin: 10px 0 0; }

.part2Title01 { font-size: 1.8rem; line-height: 3.2rem; color: #2ba02e; font-weight: 700; margin-top: 40px; margin-bottom: 3px; }


@media (hover: hover) {
   .p4-aside__imgb:hover { opacity: 0.5; }
}


@media (max-width: 767px) {

	.profArea { width: 100%; display: block; font-size: 1.5rem; line-height: 2.4rem; margin-top: 30px; gap: 0; }
	.profArea .profSec { margin-bottom: 30px; }
	.profArea .profSec:last-child { margin-bottom: 0; }
	.profArea .profSec div span { font-size: 1.7rem; }
	.profArea .profSec div { margin-top: 5px; }
	.profArea .profSec p { margin-top: 5px; }
	
   .p-aside__img { margin-top: 20px; }
   .visual-main202411 { padding: 20px 15px; }
   .visual-batch__spe { font-size: 1.7rem; }
   .visual-img__spe { margin-top: 30px; }
   .visual-img__spe-graff { width: 50%; margin: 0 auto; display: none; }
   .visual-img__spe-figure { width: 100%; }
   .visual-about { flex: 0 1 auto; padding-top: 0; }
   .visual-about__device { width: 100%; margin-top: 0px; padding-bottom: 20px; }
   .visual-about__device::before { inset: auto auto 0 0; width: 100%; height: 70%; aspect-ratio: auto; border-radius: 0; }
   .visual-about__device-img { width: 100px; margin: 0 auto; }
   .visual-about__device-title { width: 245px; }
   .visual-about__device-txt { font-size: 1.4rem; padding: 0 10px; }
   
   .explainer { margin-top: 30px; padding: 0 15px; }
   .explainer-leader { inline-size: 100%; }
   .explainer-overseeing { inline-size: 100%; }
   .explainer-participant { width: 100%; }
   .explainer-label { padding: 5px 0px; margin-bottom: 20px; }
   .explainer-list { padding: 0px; }
   .explainer-list2 { padding: 0px; }
   .explainer-list2 .explainer-item { inline-size: 100%; }
   .h2_Txt { padding-top: 15px; padding-bottom: 15px; }
   .p4-aside { margin-top: 15px; }
   .p4-aside__item:nth-child(n+2) { margin-top: 30px; }
   .p4-aside__wrap { margin-top: 30px; }
   .p4-aside__img { padding: 0; margin: 0 auto; max-width: 320px; }
   .p4-aside__imgb { padding: 0; inline-size: 100%; max-width: 260px; margin: 0 auto; }
   .p4-aside__label { font-size: 1.8rem; }
   
	.part2Title01 { font-size: 1.6rem; line-height: 3.0rem; margin-top: 30px; margin-bottom: 1px; }
}