@charset "utf-8";
/* TOP専用CSS（温かみ・伴走） */
/* 使用画像: top-1.jpg〜top-8.jpg (img/top/) */

/*mainimgarea*/
.mainimgarea {position:relative;width:100%;height:84vh;overflow:hidden;background:var(--brown);z-index:5000;margin-top:10vh;}
/* top-1.jpg : TOPページメインビジュアル */
.mainimgarea .bgcover {position:absolute;top:0px;left:0px;width:100%;height:100%;
	background:var(--brown) url(../img/top/top-1.jpg) no-repeat center center;background-size:cover;}
.mainimgarea .bgcover::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;
	background:linear-gradient(100deg, rgba(74,63,53,0.72) 0%, rgba(74,63,53,0.45) 55%, rgba(74,63,53,0.25) 100%);}
.mainimgarea .mainimg {position:relative;z-index:1000;padding:6vw 8vw;height:100%;display:flex;flex-direction:column;justify-content:center;}
.mainimgarea .mainimg h2 {font-size:1.6vw;color:#FBF3E8;font-weight:500;margin-bottom:1rem;}
.mainimgarea .mainimg h1 {font-size:4.2vw;color:#fff;line-height:1.4;text-shadow:0 2px 16px rgba(0,0,0,0.2);}
.mainimgarea .catcharea {padding:2.2vw 0;}
.mainimgarea .catcharea p {font-size:1.5vw;font-weight:500;color:#fff;padding:0.4em 1.2em 0.4em 2.4em;display:inline-block;
	background:rgba(255,255,255,0.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4EDE1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat 0.8em center;
	background-size:1em;border:solid rgba(255,255,255,0.3) 1px;border-radius:2rem;margin:0 0.6rem 0.6rem 0;}

.mainimgarea .maincta {text-align:left;margin-top:1.5vw;}
.mainimgarea .maincta .btn {font-size:1.3rem;border-radius:3rem;margin:0 0.8rem 0.6rem 0;box-shadow:0 8px 24px rgba(0,0,0,0.18);}
.mainimgarea .maincta .btn.contact {border:solid var(--line) 2px;background:var(--line);color:#fff;}
.mainimgarea .maincta .btn.overview {border:solid #fff 2px;background:rgba(255,255,255,0.92);color:var(--terra-dark);}
.mainimgarea .maincta .btn.contact:hover {border:solid var(--line-dark) 2px;background:var(--line-dark);color:#fff;}
.mainimgarea .maincta .btn.overview:hover {background:#fff;color:var(--terra-dark);}

/*SP*/
@media (max-width: 896px){
	.mainimgarea {height:auto;}
	.mainimgarea .mainimg {text-align:left;padding:8vh 7vw 7vh 7vw;}
	.mainimgarea .mainimg h2 {font-size:1.2rem;}
	.mainimgarea .mainimg h1 {font-size:8.5vw;margin-bottom:2rem;}
	.mainimgarea .catcharea {margin-bottom:1rem;padding:1rem 0;}
	.mainimgarea .catcharea p {font-size:1.15rem;display:block;text-align:left;
		padding:0.7rem 1rem 0.7rem 2.8rem;background-position:left 1rem center;margin:0 0 0.5rem 0;}
	.mainimgarea .maincta {padding:0;}
	.mainimgarea .maincta .btn {font-size:1.15rem;padding:1.1em 0rem;width:100%;text-align:center;margin:0 0 0.5rem 0;}
}

/* 共感（お悩み）セクション */
.troublewrap {background:var(--cream2);}
.troublewrap .heading {text-align:center;padding:7vw 5vw 1vw;}
.troublewrap .heading h2 {font-size:2.6rem;margin-bottom:0.6em;}
.troublewrap .heading p {font-size:1.2rem;color:var(--ink-soft);}
.troublelist {padding:2vw 5vw 7vw;max-width:none;}
.troublelist .inner {padding:0.7rem;}
.troublelist .box {background:#fff;border:solid var(--border) 1px;border-radius:1.5rem;padding:2.6rem 2.2rem;height:100%;
	box-shadow:0 10px 24px rgba(74,63,53,0.06);}
.troublelist .box .mark {display:inline-block;font-size:1.4rem;color:var(--terra);font-weight:700;margin-bottom:0.6rem;
	font-family:"Zen Maru Gothic",sans-serif;}
.troublelist .box p {font-size:1.2rem;line-height:1.9;color:var(--ink);}
/*SP*/
@media (max-width: 896px){
	.troublewrap .heading h2 {font-size:1.8rem;}
	.troublelist .box {padding:2rem 1.6rem;}
}

/* contents01 : サービス概要 */
/* top-2.jpg : contents01セクション背景 */
.contents01 {background:var(--cream) url(../img/top/top-2.jpg) no-repeat center center;background-size:cover;position:relative;}
.contents01 .cover {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(251,248,242,0.88);}
.contents01.on .cover {background:rgba(251,248,242,0.82);transition:4s;}
.contents01 .innerwrap {position:relative;z-index:100;}
.contents01 .textbox {padding-bottom:3rem;text-align:center;}
.contents01 .textbox h2 {font-size:2.6rem;margin-bottom:0.8em;}
.contents01 .textbox p {font-size:1.25rem;line-height:2.1;}
.contents01 .collist .inner {text-align:center;padding:0.7rem;}
.contents01 .collist .inner .box {background:#fff;border-radius:1.5rem;padding:3rem 2.4rem;
	box-shadow:0 12px 28px rgba(74,63,53,0.08);height:100%;border:solid var(--border) 1px;}
.contents01 .collist .num {display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;
	border-radius:50%;background:var(--cream2);color:var(--terra-dark);font-family:"Zen Maru Gothic",sans-serif;
	font-weight:700;font-size:1.5rem;margin-bottom:1.2rem;}
.contents01 .collist h3 {font-size:1.6rem;margin-bottom:0.8rem;color:var(--ink);}
.contents01 .collist p {font-size:1.1rem;line-height:1.9;color:var(--ink-soft);}
.contents01 p.text-center {padding-top:3rem;}
/*SP*/
@media (max-width: 896px){
	.contents01 .textbox h2 {font-size:1.8rem;}
	.contents01 .textbox p {width:100%;text-align:left;}
	.contents01 .collist p {text-align:left;}
}

/* contents02 : 支援領域 交互レイアウト */
.contentwrap {}
.contents02 {}
.contents02 .inner {}
.contents02 .inner .box {padding:6vw 5vw;}
.contents02 .inner .label {display:inline-block;font-size:0.95rem;font-weight:700;color:var(--terra-dark);
	background:var(--cream2);padding:0.3em 1.2em;border-radius:2rem;margin-bottom:1rem;font-family:"Zen Maru Gothic",sans-serif;}
.contents02 .inner h2 {font-size:2.2rem;margin-bottom:0.2em;line-height:1.4em;}
.contents02 .inner h3 {font-size:1.4rem;margin-top:0.4em;color:var(--terra-dark);}
.contents02 .inner p {font-size:1.2rem;margin-top:1.1em;line-height:2.0;}
.contents02 .image {background-repeat:no-repeat;background-position:center center;background-size:cover;min-height:50vh;}
/* top-3.jpg〜top-8.jpg : 各支援領域の背景画像 */
.contents02 .image.image01 {background-image:url(../img/top/top-3.jpg);}
.contents02 .image.image02 {background-image:url(../img/top/top-4.jpg);}
.contents02 .image.image03 {background-image:url(../img/top/top-5.jpg);}
.contents02 .image.image04 {background-image:url(../img/top/top-6.jpg);}
.contents02 .image.image05 {background-image:url(../img/top/top-7.jpg);}
.contents02 .image.image06 {background-image:url(../img/top/top-8.jpg);}
.contents02 .collist:nth-child(even) {background:var(--cream2);}
/*SP*/
@media (max-width: 896px){
	.contents02 .inner .box {padding:7vh 7vw;}
	.contents02 .image {min-height:56vw;}
}

/* 選ばれる理由 */
.reasonwrap {background:var(--cream);}
.reasonwrap .heading {text-align:center;padding:7vw 5vw 1vw;}
.reasonwrap .heading h2 {font-size:2.6rem;margin-bottom:0.6em;}
.reasonwrap .heading p {font-size:1.2rem;color:var(--ink-soft);}
.reasonlist {padding:2vw 5vw 7vw;}
.reasonlist .inner {padding:0.8rem;}
.reasonlist .box {background:#fff;border-radius:1.5rem;padding:3rem 2.4rem;height:100%;border:solid var(--border) 1px;
	box-shadow:0 10px 24px rgba(74,63,53,0.06);}
.reasonlist .box .rnum {font-family:"Zen Maru Gothic",sans-serif;font-size:1.0rem;font-weight:700;color:var(--terra);letter-spacing:0.1em;}
.reasonlist .box h3 {font-size:1.5rem;margin:0.6rem 0 0.8rem;}
.reasonlist .box p {font-size:1.1rem;line-height:1.9;color:var(--ink-soft);}
/*SP*/
@media (max-width: 896px){
	.reasonwrap .heading h2 {font-size:1.8rem;}
}

/* 流れ概要 */
.flowwrap {background:var(--cream2);}
.flowwrap .heading {text-align:center;padding:7vw 5vw 2vw;}
.flowwrap .heading h2 {font-size:2.6rem;margin-bottom:0.6em;}
.flowwrap .heading p {font-size:1.2rem;color:var(--ink-soft);}
.flowsteps {padding:0 5vw 5vw;max-width:60vw;margin:0 auto;}
.flowstep {background:#fff;border-radius:1.5rem;padding:2.2rem 2.6rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:1.6rem;
	border:solid var(--border) 1px;box-shadow:0 8px 20px rgba(74,63,53,0.05);}
.flowstep .step-no {flex:0 0 auto;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--terra);color:#fff;
	display:flex;align-items:center;justify-content:center;font-family:"Zen Maru Gothic",sans-serif;font-weight:700;font-size:1.3rem;}
.flowstep .step-body h3 {font-size:1.4rem;margin-bottom:0.4rem;}
.flowstep .step-body p {font-size:1.1rem;line-height:1.85;color:var(--ink-soft);}
/*SP*/
@media (max-width: 896px){
	.flowwrap .heading h2 {font-size:1.8rem;}
	.flowsteps {max-width:100%;}
	.flowstep {padding:1.8rem;gap:1rem;}
}

/* 料金概要 */
.pricewrap {background:var(--cream);}
.pricewrap .heading {text-align:center;padding:7vw 5vw 2vw;}
.pricewrap .heading h2 {font-size:2.6rem;margin-bottom:0.6em;}
.pricewrap .heading p {font-size:1.2rem;color:var(--ink-soft);}
.pricecard {max-width:44vw;margin:0 auto;background:#fff;border:solid var(--border) 1px;border-radius:2rem;
	padding:4rem 3rem;text-align:center;box-shadow:0 16px 40px rgba(74,63,53,0.08);}
.pricecard .plan-label {display:inline-block;font-size:1.0rem;font-weight:700;color:#fff;background:var(--terra);
	padding:0.4em 1.6em;border-radius:2rem;margin-bottom:1.4rem;font-family:"Zen Maru Gothic",sans-serif;}
.pricecard .plan-name {font-size:1.8rem;margin-bottom:1rem;}
.pricecard .plan-price {font-family:"Zen Maru Gothic",sans-serif;font-size:1.3rem;color:var(--ink-soft);margin-bottom:0.4rem;}
.pricecard .plan-price strong {font-size:3.4rem;color:var(--terra-dark);}
.pricecard .plan-note {font-size:1.05rem;color:var(--ink-soft);line-height:1.9;margin:1.4rem 0 2rem;}
/*SP*/
@media (max-width: 896px){
	.pricewrap .heading h2 {font-size:1.8rem;}
	.pricecard {max-width:100%;padding:3rem 2rem;}
	.pricecard .plan-price strong {font-size:2.8rem;}
}

/*faqarea TOP用*/
.faqwrap {background:var(--cream2);}
.faqwrap .heading {text-align:center;padding:7vw 5vw 2vw;}
.faqwrap .heading h2 {font-size:2.6rem;margin-bottom:0.5em;}
.faqwrap .heading p {font-size:1.2rem;color:var(--ink-soft);margin-bottom:0;}
.faqarea {padding:0 5vw 5vw;max-width:62vw;margin:0 auto;}
.faq {background:#fff;border:solid var(--border) 1px;border-radius:1.2rem;padding:1.8rem 2.6rem;margin-bottom:0.8rem;}
.faq > summary {cursor: pointer;list-style: none;font-size:1.25rem;font-weight:700;color:var(--ink);
	font-family:"Zen Maru Gothic",sans-serif;position:relative;padding-right:2rem;}
.faq > summary::-webkit-details-marker {display: none;}
.faq > summary::after {content: "+";position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--terra);font-size:1.6rem;}
.faq[open] > summary::after {content: "−";}
.faq .answer {margin-top:1.2rem;}
.faq .answer p {font-size:1.1rem;font-weight:normal;color:var(--ink-soft);line-height:1.95;}
/*SP*/
@media (max-width: 896px){
	.faqwrap .heading h2 {font-size:1.8rem;}
	.faqarea {max-width:100%;}
	.faqarea .faq {padding:1.4rem 1.6rem;}
	.faqarea .faq summary {font-size:1.15rem;}
}