:root{
    --c-main:#2E405A;
	--c-sub1:#2BC0A7;
	--c-sub2:#FB5782;
	--c-sub3:#FEED99;
    --sp-wrap:92%;
    --f-ss:12px;
    --f-s:14px;
    --f-r:16px;
    --f-m:20px;
    --f-l:24px;
    --f-ll:30px;
}

main{
    font-size:var(--f-r);
    line-height:1.6;
    color:var(--c-main);

    .company-content__wrap{
        padding-bottom:20px!important;

        .company-content {
            padding-bottom:0;
            margin-bottom:20px;
        }
        .consulting-about__content {
            margin-bottom:24px;
        }
    }
}

section.hv {
    background:none;
    /* height:520px; */
    padding-bottom: 50px;

	.wrap {
        height:100%;


		& img.pc_catch {
            display:none;
		}
		& img.sp {
            display:block;
            width:100%;
		}
	}
}

section.secB {
    background:#E4FAF0;
    padding:56px 4% 70px;
    position:relative;
    overflow:hidden;

    &::before {
        content:"";
        position:absolute;
        inset:0;
        background:url(../img/secB_back.png) no-repeat right top;
        background-size:min(42vw, 170px);
        transform:scaleX(-1);
        pointer-events:none;
        opacity:.9;
    }

	h2 {
        position:relative;
        z-index:1;
        margin:0 auto 24px;
        text-align:center;
    width:var(--sp-wrap);
    max-width:520px;
	}

	div.container {
        position:relative;
        z-index:1;
    width:var(--sp-wrap);
    max-width:560px;
        margin:0 auto;
        display:grid;
        gap:18px;

		.item {
			div.fukidasi {
                text-align:center;
                background:#fff;
                padding:1.1em .9em 2.8em;
                line-height:1.7;
                position:relative;

				h3 {
                    color:var(--c-sub1);
                    margin:0 0 .7em;
                    font-size:var(--f-m);
				}
			}
			figure {
                margin-top:10px;
                text-align:center;
			}

            & .fukidasi:before {
                content:"";
                position:absolute;
                bottom:-20px;
                left:50%;
                transform:translateX(-50%);
                border-right:24px solid transparent;
                border-top:20px solid #fff;
            }
            & .fukidasi:after {
                content:"01";
                color:rgba(0, 0, 0, 0.03);
                font-size:110px;
                font-family:"Prompt", sans-serif;
                font-weight:600;
                line-height:.8;
                position:absolute;
                left:0;
                right:0;
                bottom:2px;
                margin:auto;
            }
            &:nth-of-type(2) .fukidasi:after { content:"02"; }
            &:nth-of-type(3) .fukidasi:after { content:"03"; }
            &:nth-of-type(4) .fukidasi:after { content:"04"; }
		}
	}
}

div.backwrap {
    background:rgba(250, 248, 243, 1);
    padding:32px 0 42px;

	section.secC {
		div.container {
        width:var(--sp-wrap);
            margin:0 auto;
            padding:24px 16px;
            background:#fff;

			p.start {
                text-align:center;
                margin-bottom:.8em;
                font-size:var(--f-m);
                font-weight:700;
			}
			div.imgarea {
                display:grid;
                gap:24px;

                img:nth-of-type(2) {
                    width: 43.6%;
                }
			}
			p.end {
                margin:1em auto 0;
                font-size:var(--f-m);
                font-weight:700;
                text-align:center;
                span.text_red { color:var(--c-sub2); }
			}
		}
	}

	section.secD {
        padding:42px 0 0;

		div.wrap {
            margin:0 auto;
        width:var(--sp-wrap);
            display:grid;
            gap:20px;

			div.text {
				h3 {
                    font-size:var(--f-l);
                    margin:0 0 .8em;
                    line-height:1.5;
                    .text_green { color:var(--c-sub1); }
                    .text_red { color:var(--c-sub2); }
				}
				p { line-height:1.9; }
			}
		}

		div.onlineoffline {
            position:relative;
        width:var(--sp-wrap);
            margin:28px auto 0;
            display:grid;
            gap:16px;
            padding-bottom:34px;

			div.online,
			div.offline {
                border-radius:16px;
                padding:1em 1.1em;
                text-align:center;
				h3 {
                    font-size:var(--f-m);
                    margin-bottom:.45em;
				}
			}
            div.online {
                border:3px solid var(--c-sub1);
                h3 { color:var(--c-sub1); }
            }
			div.offline {
                border:3px solid var(--c-sub2);
                h3 { color:var(--c-sub2); }
            }

            .batu {
                display:flex;
                justify-content:center;
                align-items:center;
                img {
                    height:30px;
                    transform:rotate(90deg);
                }
            }

            &:after {
                content:"";
                position:absolute;
                left:0;
                right:0;
                bottom:0;
                border-bottom:3px dotted rgba(198, 198, 198, 1);
            }
		}

		div.jitudata {
            text-align:center;
            padding-top:30px;
        width:var(--sp-wrap);
            margin:0 auto;
			h3 {
                font-size:var(--f-m);
                line-height:1.7;
                font-weight:400;
				span {
                    color:var(--c-sub1);
                    font-size:1.3em;
                    font-weight:700;
				}
			}
		}
	}
}

div.backwrapZ {
    background:#F6E7E7;
    position:relative;
    padding-top:30px;

	section.secE {
    width:var(--sp-wrap);
        margin:0 auto;
        background:rgba(228, 250, 240, 1);
        border-radius:20px;
        padding:28px 16px;

		h3 {
            font-size:28px;
            margin:0 auto 26px;
            line-height:1.5;
            span {
                position:relative;
                z-index:0;
                &:after {
                    content:"";
                    position:absolute;
                    left:0;
                    right:0;
                    bottom:.02em;
                    height:.45em;
                    background:var(--c-sub3);
                    z-index:-1;
                }
            }
		}

		div.wrap {
            display:grid;
            gap:10px;
            margin-bottom:14px;
			div.item {
                background:var(--c-sub1);
                color:#fff;
                font-size:18px;
                font-weight:500;
                padding:.45em .7em;
                border-radius:999px;
                text-align:center;
			}
		}
		p.end { font-size:18px; }
	}

	section.secF {
        margin-top:34px;
        padding:10px 0 52px;
        position:relative;
        overflow:hidden;

        &::before {
            content:"";
            position:absolute;
            top:70px;
            left:0;
            width:100%;
            height:52%;
            background:url(../img/secB_back.png) no-repeat right top, rgba(250, 248, 243, 1);
            background-size:min(45vw, 180px), auto;
            transform:scaleX(-1) skewY(-6deg);
            pointer-events:none;
            z-index:0;
        }
        &::after {
            content:"";
            position:absolute;
            bottom:0;
            left:0;
            width:100%;
            height:55%;
            background:url(../img/secC_back.png) no-repeat right -60px bottom -60px, rgba(250, 248, 243, 1);
            background-size:min(48vw, 220px), auto;
            pointer-events:none;
            z-index:0;
        }

		div.titwrap {
            position:relative;
            z-index:1;
        width:var(--sp-wrap);
            margin:0 auto;
            display:grid;
            gap:18px;

			div.text {
				h2 {
                    font-size:30px;
                    line-height:1.5;
                    margin-bottom:16px;
                    color:var(--c-main);
                    span {
                        display:inline-block;
                        position:relative;
                        z-index:0;
                        &:after {
                            content:"";
                            position:absolute;
                            left:.2em;
                            right:0;
                            bottom:.08em;
                            height:.42em;
                            background:var(--c-sub3);
                            z-index:-1;
                        }
                        span { color:var(--c-sub1); }
                    }
				}
				p { line-height:1.9; }
			}
		}

		div.content {
            position:relative;
            z-index:1;
        width:var(--sp-wrap);
            margin:26px auto 0;
            display:grid;
            gap:24px;
            color:var(--c-main);

			div.item {
                background:#fff;
                border-radius:18px;
                padding:16px 14px 20px;
				div.num {
                    background:var(--c-main);
                    color:#fff;
                    font-size:22px;
                    font-weight:700;
                    text-align:center;
                    border-radius:999px;
                    width:85%;
                    margin:-30px auto 8px;
                    padding:.25em 0;
				}
				img {
                    margin:0 auto 18px;
                    display:block;
                }
				h3 {
                    font-size:24px;
                    font-weight:700;
                    text-align:center;
                    color:var(--c-main);
                    margin-bottom:14px;
				}
				p span { font-weight:700; }
			}
		}
	}
}

section.secG {
    background:#F6E7E7;
    padding:44px 0 70px;

	div.container {
    width:var(--sp-wrap);
        margin:0 auto 28px;
        display:grid;
        gap:22px;

		div.titarea {
			h2 {
                font-size:30px;
                font-weight:700;
                line-height:1.5;
                text-align:left;
                span { color:var(--c-sub1); }
			}
		}

		ul.content {
            display:grid;
            grid-template-columns:repeat(2, minmax(0, 1fr));
            gap:10px;

			li {
                color:var(--c-sub1);
                background:#fff;
                text-align:center;
                min-height:120px;
                padding:10px 4px;
                display:flex;
                justify-content:center;
                align-items:center;
                flex-direction:column;
                font-weight:700;
                line-height:1.4;
				img {
                    display:block;
                    margin:0 auto 5px;
                    width:min(50%, 56px);
				}
			}
		}
	}

	div.end {
        color:var(--c-sub2);
    width:var(--sp-wrap);
        margin:0 auto;
        padding:24px 14px;
        border:3px solid var(--c-sub2);
        position:relative;
        text-align:center;

        &:before {
            content:"";
            position:absolute;
            inset:8px -8px -8px 8px;
            border:3px solid var(--c-sub2);
            z-index:0;
        }
		p {
            position:relative;
            z-index:1;
            font-size:24px;
            font-weight:700;
            line-height:1.6;
			span {
                position:relative;
                z-index:0;
                &:before {
                    content:"";
                    position:absolute;
                    left:0;
                    right:0;
                    bottom:0;
                    height:.45em;
                    background:var(--c-sub3);
                    z-index:-1;
                }
			}
		}
	}
}

section.secH {
    background:#DDEFE4;
    padding:64px 0 44px;
	h2 {
    width:var(--sp-wrap);
        margin:0 auto 30px;
        color:var(--c-sub1);
        text-align:center;
        font-size:30px;
	}

	div.case {
    width:var(--sp-wrap);
        margin:0 auto 26px;
		h3 {
            background:var(--c-sub1);
            color:#fff;
            padding:.35em .2em;
            font-size:24px;
            text-align:center;
            position:relative;
            border-radius:40px;
            margin-bottom:14px;
			span {
                position:absolute;
                left:.9em;
                opacity:.16;
                font-family:"Prompt", sans-serif;
                font-weight:400;
			}
		}

		div.inner {
            display:grid;
            gap:30px;
            width: 100%;

			div.left {
				position:relative;

				div.kadai,
				div.sisaku {
                    border-radius:14px;
                    overflow:hidden;
					h4 {
                        padding:8px 14px;
                        font-size:20px;
                        color:var(--c-sub1);
                        border-bottom:1px solid var(--c-sub1);

                        &:before {
                            content:"";
                            width:1em;
                            margin-bottom:-.15em;
                            aspect-ratio:1 / 1;
                            display:inline-block;
                            margin-right:.45em;
                            background-size:cover;
                            background-repeat:no-repeat;
                        }
					}
				}
                div.kadai {
                    background:#fff;
                    margin-bottom:14px;
                    h4:before { background-image:url(../img/sns_img028.png); }
                }
                div.sisaku {
                    background:#FFF6CC;
                    h4:before { background-image:url(../img/sns_img029.png); }
                }

				div.comme {
                    padding:12px 14px;
                    ul {
                        list-style:circle;
                        list-style-position:outside;
                        padding-left:1.3em;
                        li {
                            margin-bottom:.45em;
                            line-height:1.7;
                        }
                        li::marker {
                            content:"・";
                            color:var(--c-sub1);
                        }
                    }
                    span { font-weight:700; }
				}

                &:after {
                    content:"";
                    position:absolute;
                    left:50%;
                    bottom:-30px;
                    transform:translateX(-50%);
                    width:0;
                    height:0;
                    border-left:14px solid transparent;
                    border-right:14px solid transparent;
                    border-top:16px solid var(--c-sub1);
                }
			}

			div.right {
                margin-top:14px;
                background:url(../img/sns_img033.png) no-repeat center bottom / 70%, var(--c-sub2);
                border-radius:14px;
				h4 {
                    padding:8px 14px;
                    font-size:22px;
                    color:var(--c-sub3);
                    border-bottom:1px solid #fff;
                    text-align:center;

                    &:before {
                        content:"";
                        width:1em;
                        margin-bottom:-.15em;
                        aspect-ratio:1 / 1;
                        display:inline-block;
                        margin-right:.45em;
                        background:url(../img/sns_img030.png) no-repeat center / cover;
                    }
                }
                div.comme {
                    padding:1.1em 14px 5.8em;
                    color:#fff;
                    font-size:18px;
                    line-height:1.7;
                    span { font-weight:700; }
                }
			}
		}
	}
}

section.c-faq {
    padding:70px 0;
	div.inner {
		div.c-sec-ttl {
			span.c-sec-ttl__icon {
                border:3px solid var(--c-sub1);
                &:after { background-color:var(--c-sub1); }
			}
			div.c-sec-ttl__text {
				p.c-sec-ttl__ja { color:var(--c-sub1); }
			}
		}
		div.c-faq__content.js-fade {
			div.c-faq__item {
                border-bottom:2px solid #DDEFE4;
				p.c-faq__q.text-blue { color:var(--c-sub1); }
			}
		}
	}
}