/* ================
基本設定
================ */

body{
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    background-image: url("/wp-content/uploads/2024/10/texture_felt-scaled.jpg");
    background-size: contain;
    background-repeat: repeat;
    color: #545454;
}

a{
    text-decoration: none;
}

/* フッター上の余白を削除 */
.page .l-contents__inner:last-child {
	padding-bottom: 0;
}

/* ================
共通パーツ
================ */

/* ボタン */
.btn-container.btn-container--contact a{
    background-color: #F3AF75;
    color: #ffffff;
    padding: 0.9em 2em 0.9em 3.5em;
    border-radius: 100vh;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid #F3AF75;
    position: relative;
    transition: all 0.3s;
}

.btn-container.btn-container--contact a::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/wp-content/uploads/2024/10/mail-white.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 1.6em;
    z-index: 999;
    transition: all 0.3s;
}

.btn-container.btn-container--contact a:hover{
    background-color: #ffffff;
    color: #F3AF75;
}

.btn-container.btn-container--contact a:hover::before{
    background-image: url("/wp-content/uploads/2024/10/mail-orange.png");
}

.btn-container.btn-container--white{
    margin-top: 70px;
}

.btn-container.btn-container--white a{
    background-color: #ffffff;
    border: 1px solid #7A6F68;
    color: #7A6F68;
    padding: 0.6em 2em 0.6em 2em;
    font-size: 16px;
    font-weight: 700;
    border-radius: 100vh;
    transition: all 0.3s;
}

.btn-container.btn-container--white.btn-container--white02 a{
    background-color: #ffffff;
    color: #7A6F68;
    padding: 0.4em 1.8em 0.4em 1.8em;
    font-size: 20px;
    font-family: "Afacad", sans-serif;
    font-weight: 700;
    border-radius: 100vh;
    transition: all 0.3s;
}

.btn-container.btn-container--white a:hover{
    background-color: #7A6F68;
    color: #ffffff;
}

.btn-container.btn-container--brown{
    margin-top: 70px;
}

.btn-container.btn-container--brown a{
    background-color: #B0A198;
    color: #ffffff;
    font-family: "Afacad", sans-serif;
    padding: 0.4em 1.8em 0.4em 1.8em;
    font-size: 20px;
    font-weight: 700;
    border: 1px solid #B0A198;
    border-radius: 100vh;
    transition: all 0.3s;
}

.btn-container.btn-container--brown a:hover{
    background-color: #ffffff;
    color: #B0A198;
}

/* セクションタイトル */
.section-title{
    font-family: "Afacad", sans-serif;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(180deg, #F1BC8F, #F5DDC8);
    letter-spacing: 0.05em;
}

.section-title--ja{
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Zen Kaku Gothic New", sans-serif;
}

/* セクションタイトル02 */
h2.section-title02{
    width: fit-content;
    position: relative;
    margin: 0;
    padding: 0;
    padding-left: 0em;
    margin-top: 3rem;
    margin-bottom: 0.2em;
    z-index: 9;
}

h2.section-title02::before {
    content: "";
    display: block;
    width: 3em;
    height: 3em;
    background: url("/wp-content/uploads/2024/10/circle.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: -52%;
    left: -1.3em;
    z-index: -1;
}

/* 下層ページのタイトル非表示 */

.page .c-entry__title{
    display: none;
}



/* ================
ヘッダー
================ */

.l-header ul li span{
    font-size: 18px;
    font-family: "Afacad", sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
}

.l-header .p-global-nav .c-navbar__item>a>small{
    font-size: 12px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
}

.l-header .p-global-nav .c-navbar__item>a {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.home .l-header .l-header__content{
    background-image: url("/wp-content/uploads/2024/10/texture_felt-1-scaled.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    padding-bottom: 0;
}

.blog .l-header .l-header__content,
.page .l-header .l-header__content{
    background-image: url("/wp-content/uploads/2024/10/texture_felt-1-scaled.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 1023px) {

    .l-header .l-header__content{
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .c-row>.c-row__col{
        padding-left: 0;
        padding-right: 0;
    }
}

/* ================
FV
================ */

.top-fv{
    position: relative;
}

.top-fv::before{
    position: absolute;
    content: '';
    position: absolute;
    content: '';
    width: 17%;
    height: 27%;
    left: -8%;
    bottom: -4%;
    background-image: url("/wp-content/uploads/2024/10/circle.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9;
}

.top-fv::after{
    position: absolute;
    content: '';
    width: 28vw;
    height: 28vw;
    left: 9%;
    bottom: -19%;
    transform: translateY(-50%);
    background-image: url("/wp-content/uploads/2024/10/fv-catch.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9;
}

.top-fv .smb-section__inner{
    margin-top: 1rem;
}

@media screen and (max-width: 639px) {
    .top-fv .wp-block-snow-monkey-blocks-spider-slider.smb-spider-slider.sme-hidden-md.sme-hidden-lg-up.is-auto-playing{
        margin-top: 0;
    }

    .top-fv .smb-section__contents-wrapper{
        max-width: 100%;
    }

    .top-fv::before{
        display: none;
    }

    .top-fv::after {
        position: absolute;
        content: '';
        width: 55vw;
        height: 55vw;
        left: 2%;
        bottom: -9%;
    }
}


/* ================
トップ コンセプトセクション
================ */

.top-concept{
    position: relative;
    overflow: initial;
}

.top-concept .smb-section__inner.is-content-justification-left>.c-container{
    justify-content: center;
}

.top-concept .smb-section__contents-wrapper{
    max-width: 1440px;
    width: 100%;
}





.top-concept::after{
    position: absolute;
    content: '';
    width: 30%;
    height: 55%;
    right: -11%;
    top: -28%;
    background-image: url("/wp-content/uploads/2024/10/circle.png");
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 781px) {
    .top-concept .top-concept-img{
        display: none;
    }
    .top-concept::before{
        position: absolute;
        content: '';
        width: 60vw;
        max-width: 380px;
        height: 60vw;
        right: -21%;
        bottom: 27%;
        background-image: url("/wp-content/uploads/2024/10/concept-sp-img.png");
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 1;
    }
    .top-concept .concept-text{
        position: relative;
        z-index: 9;
    }
    .top-concept .btn-container{
        text-align: center;
        margin-top: 26vw;
    }
}

@media screen and (max-width: 639px) {

    .top-concept::after{
        position: absolute;
        content: '';
        width: 30vw;
        height: 30vw;
        left: -8%;
        top: -8%;
        background-image: url("/wp-content/uploads/2024/10/circle.png");
        background-size: contain;
        background-repeat: no-repeat;
    }

}


/* ================
トップ サービスセクション
================ */

.top-service{
    position: relative;
    border: none;
}


.top-service::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 90px;
    left: 0;
    top: -86px;
    background-image: url("/wp-content/uploads/2024/10/section-bg01.png");
    background-size: cover;
    background-repeat: no-repeat;
}


.top-service .service-img img{
    padding-right: 2.5rem;
}

.top-service .btn-container{
    text-align: center;
}

.top-service .smb-section__body.is-layout-constrained.wp-block-section-is-layout-constrained{
    position: relative;
}

.top-service .service-img02{
    position: absolute;
    width: 44%;
    height: 12%;
    bottom: -7%;
    right: -9%;
}

@media screen and (max-width: 639px) {
    .top-service .wp-block-snow-monkey-blocks-items-item-free.c-row__col{
        padding-right: 0;
        margin-bottom: 18vw;
    }

    .top-service .c-row.c-row--margin-l{
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .top-service .service-img img {
        padding-right: 1.3rem;
        width: 75%;
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
}


/* ================
トップ 制作実績セクション
================ */

.top-works{
    position: relative;
}


.top-works::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 7.3vw;
    left: 0;
    top: -3px;
    background-image: url("/wp-content/uploads/2024/10/section-bg02.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9;
}

.top-works .section-title{
    position: relative;
    z-index: 1;
}

.top-works .works-img01 img,
.top-works .works-img02 img{
    width: 100%;
    height: auto;
}

.top-works .works-img01{
    position: absolute;
    width: 36%;
    height: 12%;
    top: -2%;
    right: -18%;
}

.top-works .works-img02{
    position: absolute;
    width: 31%;
    height: 32%;
    bottom: -7%;
    left: -18%;
    z-index: 1;
}

.top-works span.c-entry-summary__term{
    display: none;
}

.top-works .c-entries__item{
    margin-bottom: 60px;
}

.top-works h3.c-entry-summary__title{
    font-size: 20px;
    color: #797777;
}

.top-works .tag-cloud-link{
    background-color: initial;
    border: none;
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px;
    color: #797777;
    font-size: 17px !important;
}

.top-works .tag-cloud-link:before{
    color: #545454;
    margin-right: 0;
}

.top-works .c-entry-summary__header{
    margin-bottom: 0;
}

.top-works .c-entry-summary__meta{
    display: none;
}

.top-works .works-items{
    position: relative;
    z-index: 9;
}

.top-works .btn-container{
    text-align: center;
}

.top-works .c-entry-summary__figure{
    margin-bottom: 7px;
    aspect-ratio: 395/244;
}

@media screen and (max-width: 639px) {
    .top-works .works-img01 {
        position: absolute;
        width: 60%;
        height: 12%;
        top: 0%;
        right: -28%;
    }

    .top-works .btn-container.btn-container--brown {
        margin-top: 0;
        text-align: center;
    }
}

/* ================
トップ CTAセクション
================ */

.top-cta{
    height: 411px;
    overflow: initial;
}

.top-cta .smb-section__body.is-layout-constrained.wp-block-section-with-bgimage-is-layout-constrained{
    position: relative;
}

.top-cta .cta-box01{
    position: absolute;
    max-width: 655px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.top-cta .cta-box02{
    position: relative;
}

.top-cta .cta-letter{
    position: absolute;
    bottom: -51%;
    right: -2%;
    width: 28%
}

.top-cta .btn-container{
    text-align: center;
}

@media screen and (max-width: 1023px) {
    .top-cta .cta-letter{
        position: absolute;
        bottom: -38%;
        right: -2%;
        width: 26%
    }
}

@media screen and (max-width: 639px) {
    .top-cta img.wp-image-118.lazyautosizes.lazyloaded{
        object-position: right;
    }

    .top-cta .cta-letter {
        position: absolute;
        bottom: -27%;
        right: -9%;
        width: 32%;
    }

    .top-cta .wp-block-snow-monkey-blocks-box.smb-box.cta-box01{
        width: 100%;
    }
}


/* ================
下層ページCTAセクション
================ */

.top-cta--sub.top-cta{
    height: 245px;
}

.top-cta.top-cta--sub .cta-box01{
    top: -115px;
}

/* ================
フッター
================ */

.l-footer{
    background-image: url("/wp-content/uploads/2024/10/footer.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.l-footer .l-footer-widget-area{
    padding-top: 160px;
}

.l-footer .c-copyright--inverse {
    background-color: transparent;
    color: #545454;
}

.l-footer figure.wp-block-image.size-full{
    width: fit-content;
    max-width: 190px;
}

.l-footer .l-footer-widget-area__item.c-row__col.c-row__col--1-1.c-row__col--md-1-1.c-row__col--lg-1-2{
    --_item-width: content-fit;
    margin-bottom: 20px;
}

.l-footer .c-row.c-row--margin.c-row--lg-margin-l{
    justify-content: center;
    align-items: center;
}

.l-footer ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.l-footer .widget_nav_menu ul>li+li {
    margin-top: 0;
}

.l-footer .widget_nav_menu li a{
    padding-left: 1em;
    padding-right: 1em;
    font-size: 22px;
    text-decoration: none;
    transition: all 0.3s;
    letter-spacing: 0.1em;
    font-family: "Afacad", sans-serif;
}

.l-footer .widget_nav_menu li a:hover{
    color: #F3AF75;
}

.l-footer .c-copyright a{
    text-decoration: none;
    font-size: 16px;
    font-family: "Afacad", sans-serif;
}

nav#footer-sticky-nav{
    width: 95%;
    background-color: #F3AF75;
    border: 1px solid #F3AF75;
    border-radius: 18px;
    margin-left: auto;
    margin-right: auto;
    bottom: 1%;
    height: 40px;
}

.p-footer-sticky-nav .c-navbar__item>a{
    height: 40px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    position: relative;
}

.p-footer-sticky-nav .c-navbar__item>a::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    left: 22%;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/wp-content/uploads/2024/10/mail-white.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 1.4em;
    z-index: 999;
    transition: all 0.3s;
}

.l-footer .l-footer-widget-area__item.c-row__col.c-row__col--1-1.c-row__col--md-1-1.c-row__col--lg-1-2{
    margin: 0;
}

.l-footer #block-10 p,
.l-footer #block-10 a{
    color: #545454;
    font-size: 10px;
}

.l-footer #block-13 p{
    display: none;
}

@media screen and (max-width: 1039px) {

    .l-footer .l-footer-widget-area{
        padding-top: 100px;
    }

    .l-footer ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .l-footer ul li{
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .l-footer .c-row.c-row--margin.c-row--lg-margin-l{
        flex-direction: column-reverse;
    }

    .l-footer figure.wp-block-image.size-full {
        width: 140px;
    }

    .l-footer .l-footer-widget-area__item.c-row__col.c-row__col--1-1.c-row__col--md-1-1.c-row__col--lg-1-2{
        padding-right: 0;
        margin-top: 20px;
    }

    .l-footer .l-footer-widget-area__item.c-row__col.c-row__col--1-1.c-row__col--md-1-1.c-row__col--lg-1-2{
        margin: 0;
    }

    .l-footer #block-10 p{
        display: none;
    }

    .l-footer #block-13{
        margin-top: 20px;
    }

    .l-footer #block-13 p,
    .l-footer #block-13 a{
        display: contents;
        color: #545454;
        font-size: 8px;
    }
}



/* ================
トップに戻るボタン
================ */


/* ページトップ画像 */

#page-top{
    right: 2%;
    bottom: 8%;
}
.c-page-top a {
	background: url("/wp-content/uploads/2024/10/go-top.png")
		no-repeat;
	background-size: contain;
}

.c-page-top a:hover {
	background: url("/wp-content/uploads/2024/10/go-top-hover.png")
		no-repeat;
    background-size: contain;
    opacity: 1;
    filter: brightness(100%);
}

.c-page-top {
	background-color: transparent;
	height: 76px;
	width: 54px;
}
svg.svg-inline--fa.fa-chevron-up {
	display: none;
}



/* ================
ドロワーメニュー
================ */

nav#drawer-nav{
    background-color: #f1e9e2;
}

nav#drawer-nav .c-drawer__inner{
    margin-top: 12vw;
}

nav#drawer-nav .c-hsm-message-box.c-hsm-message-box_invert.p-hsm-drawer.c-blinking{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

nav#drawer-nav a{
    color: #B0A198;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    font-family: "Afacad", sans-serif;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    letter-spacing: 0.15em;
}

nav#drawer-nav ul{
    margin-top: 10vw;
}

.c-hamburger-btn{
    color: #B0A198;
}

.c-drawer .c-hamburger-btn__bar,
[data-scrolled=false] .l-header--sticky-overlay-colored-sm .c-hamburger-btn__bar{
    background-color: #B0A198;
}



/* ================
制作実績ページ
================ */

.blog .l-contents,
.single .l-contents{
    margin-top: 140px;
}


.blog .c-entries__item{
    margin-bottom: 60px;
}
.blog .c-entry-summary__header{
    margin-bottom: 0;
}

.blog h2.c-entry-summary__title{
    font-size: 20px;
    color: #797777;
}

.blog .tag-cloud-link{
    background-color: initial;
    border: none;
    padding-left: 0;
    padding-right: 0;
    margin-right: 10px;
    font-size: 17px !important;
    color: #797777;
}

.blog .tag-cloud-link:before{
    color: #545454;
    margin-right: 0;
}

.top-works .c-entry-summary__header{
    margin-bottom: 0;
}

.blog .c-entry-summary__meta{
    display: none;
}

.blog .works-items{
    position: relative;
    z-index: 9;
}

.blog .c-entry-summary__figure{
    margin-bottom: 7px;
    aspect-ratio: 395/244;
}

.blog .c-entry-summary__term{
    display: none;
}

/* セクションタイトル */

.blog h1.c-entry__title{
    display: inline-block;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(180deg, #F1BC8F, #F5DDC8);
    font-size: 80px;
    font-family: "Afacad", sans-serif;
    position: relative;
}

.blog h1.c-entry__title::after{
    position: absolute;
    content: '制作実績';
    width: fit-content;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Zen Kaku Gothic New", sans-serif;
    height: 2em;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
    color: #545454;
    font-size: 16px;
    font-weight: 700;
}

.blog header.c-entry__header{
    text-align: center;
    margin-bottom: 100px;
}



@media screen and (max-width: 1039px) {
    .blog .l-contents,
    .single .l-contents{
        margin-top: 75px;
    }

    .blog header.c-entry__header{
        margin-bottom: 75px;
    }
}


@media screen and (max-width: 639px) {
    .blog .l-contents,
    .single .l-contents{
        margin-top: 50px;
    }

    .blog ul.c-entries.c-entries--rich-media.c-entries--gap-s{
        display: block;
    }

    .blog li.c-entries__item{
        max-width: 100%;
    }

    .blog h1.c-entry__title{
        font-size: 57px;
    }

    .blog h1.c-entry__title::after{
        position: absolute;
        content: '制作実績';
        width: fit-content;
        height: 2em;
        left: 50%;
        transform: translateX(-50%);
        bottom: -8px;
        color: #545454;
        font-size: 16px;
        font-weight: 700;
    }

    .blog header.c-entry__header{
        margin-bottom: 60px;
    }
}




/* ===============
お問い合わせページ
=============== */

.sub-contact .snow-monkey-form{
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Zen Kaku Gothic New", sans-serif;
}

/* 項目余白 */
.sub-contact .wp-block-snow-monkey-forms-item.smf-item {
    margin-bottom: 2rem;
    }

.sub-contact ol.smf-progress-tracker{
    margin-bottom: 5rem;
}

/* 送信ボタン */

.sub-contact .smf-action{
    margin-top: 4rem;
    text-align: center;
}

.sub-contact button.smf-button-control__control{
    padding-left: 3rem;
    padding-right: 3rem;
}

.sub-contact button.smf-button-control__control{
    border: 1px solid #F1BC8F;
    transition: all 0.3s;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Zen Kaku Gothic New", sans-serif;
    border-radius: 100vh;
    font-weight: 700;
}

.sub-contact button.smf-button-control__control:hover{
    border: 1px solid #F1BC8F;
    background-color: #fff;
    color: #F1BC8F;
    filter: brightness(100%);
}

/* プログレストラッカー */

[data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__text,
[data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__text,
[data-screen=complete] .smf-progress-tracker__item--complete .smf-progress-tracker__item__text,
[data-screen=back] .smf-progress-tracker__item--input .smf-progress-tracker__item__text,
[data-screen=invalid] .smf-progress-tracker__item--input .smf-progress-tracker__item__text{
    color: #F1BC8F;
}

[data-screen=input] .smf-progress-tracker__item--input .smf-progress-tracker__item__number,
[data-screen=confirm] .smf-progress-tracker__item--confirm .smf-progress-tracker__item__number,
[data-screen=complete] .smf-progress-tracker__item--complete .smf-progress-tracker__item__number,
[data-screen=back] .smf-progress-tracker__item--input .smf-progress-tracker__item__number,
[data-screen=invalid] .smf-progress-tracker__item--input .smf-progress-tracker__item__number{
    background-image: linear-gradient(-20deg, #F1BC8F 0%, #F5DDC8 100%);
}

/* プライバシーポリシー */

.sub-contact .wp-block-snow-monkey-forms-item.smf-item.contact-privacy{
    text-align: center;
    margin-top: 4rem;
}

/* ===============
プライバシーポリシーページ
=============== */

.privacy-policy h2.service__title{
    position: relative;
    margin: 0;
    padding: 0;
    padding-left: 0em;
    margin-top: 3rem;
    margin-bottom: 0.2em;
    z-index: 9;
}

.privacy-policy h2.service__title::before {
    content: "";
    display: block;
    width: 2.5em;
    height: 2.5em;
    background: url(/wp-content/uploads/2024/10/circle.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -23%;
    left: -1.3em;
    z-index: -1;
}

/* ボタン */

.privacy-policy a.smb-btn{
    border: 1px solid #F1BC8F;
    transition: all 0.3s;
	border-radius: 5px;
    border-radius: 100vh;
    padding-left: 2em;
    padding-right: 2em;
    font-weight: 700;
}

.privacy-policy a.smb-btn:hover{
    border: 1px solid #F1BC8F;
    background-color: #fff;
    color: #F1BC8F;
    filter: brightness(100%);
}

@media screen and (max-width: 1039px) {
    .privacy-policy .wp-block-snow-monkey-blocks-buttons.smb-buttons.privacy_policy_btn.is-layout-flex.wp-block-buttons-is-layout-flex{
        justify-content: center;
    }
}


/* ===============
下層ページ FV
=============== */

.sub-fv .text-border{
    position: relative;
    width: fit-content;
}

.sub-fv .wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained{
    width: 90%;
    max-width: 420px;
}

.sub-fv .wp-block-group.sme-hidden-lg-up.is-vertical.is-layout-flex.wp-container-core-group-is-layout-6.wp-block-group-is-layout-flex{
    max-width: 420px;
}

.sub-fv .text-border::after{
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: url(/wp-content/uploads/2024/10/border-pink.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
}

.sub-fv.sub-fv--about::before{
    position: absolute;
    content: "";
    display: block;
    width: 40%;
    max-width: 530px;
    max-height: 530px;
    height: 57%;
    background: url(/wp-content/uploads/2024/10/circle.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 23%;
    right: -10%;
    z-index: 1;
}

.sub-fv.sub-fv--about::after{
    position: absolute;
    content: "";
    display: block;
    width: 616px;
    height: 216px;
    background: url(/wp-content/uploads/2024/10/about-img01.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 1%;
    left: calc(50% - 508px);
    z-index: 1;
}

.sub-fv.sub-fv--about figure{
    position: relative;
    z-index: 9;
}

@media screen and (max-width: 1039px) {
    .sub-fv .c-row.c-row--margin{
        flex-direction: column-reverse;
    }

    .sub-fv .wp-block-snow-monkey-blocks-items-item-free.c-row__col{
        padding-right: 0;
    }

    .sub-fv figure.wp-block-image.size-large{
        width: 90%;
        max-width: 560px;
    }

    .sub-fv .wp-block-snow-monkey-blocks-items-item-free.c-row__col.fv-textarea{
        margin-top: 2vw;
    }

    .sub-fv.sub-fv--about::after {
        width: 52%;
        height: 10%;
        bottom: 0%;
        left: -2%;
    }
}
@media screen and (max-width: 639px) {
    .sub-fv.sub-fv--about::after {
        display: none;
    }
}



/* ===============
サービスページ
=============== */

/* ホームページ制作に含まれているものセクション */



.service-imgarea02 figure.wp-block-image.aligncenter.size-full.is-resized.onayami02-img{
    margin-top: 0;
}

.service-listarea{
    position: relative;
    overflow: initial;
}


.service-listarea::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 7.3vw;
    left: 0;
    top: -3px;
    background-image: url("/wp-content/uploads/2024/10/section-bg02.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9;
}

.service-listarea::after{
    position: absolute;
    content: '';
    width: 410px;
    height: 480px;
    right: -5%;
    bottom: -36%;
    background-image: url("/wp-content/uploads/2024/10/circle.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9;
}

.service-listarea .service-list{
    position: relative;
}

.service-listarea .service-list:before{
    position: absolute;
    content: '';
    width: 150px;
    height: 182px;
    right: -3%;
    bottom: -15%;
    background-image: url("/wp-content/uploads/2024/10/service-list-img.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9;
}

.service-listarea .service-list li {
    margin-top: 1.2em;
    font-weight: 700;
    list-style: none !important;
    position: relative;
}

.service-listarea .service-list li::before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    background: url(/wp-content/uploads/2024/10/dot.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0.35em;
    left: -1.9em;
}

@media screen and (max-width: 1039px) {
    .service-listarea .service-list:before{
        position: absolute;
        content: '';
        width: 20vw;
        height: 24vw;
        right: 0;
        max-width: 120px;
        max-height: 146px;
        bottom: -14%;
        background-image: url("/wp-content/uploads/2024/10/service-list-img.png");
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
    }

    .service-listarea::after{
        width: 42vw;
        height: 46vw;
        right: -12%;
        bottom: -32%;
    }
}

@media screen and (max-width: 639px) {
    .service-listarea::after{
        width: 52vw;
        height: 50vw;
        right: -19%;
        bottom: -16%;
    }
}

/* 制作のながれセクション */

.service-flow .section-title02{
    position: relative;
    z-index: 9;
}

.service-flow figure.step-number img{
    max-width: 75%;
}

.service-flow .wp-block-snow-monkey-blocks-items.smb-items{
    width: 100%;
}

.service-flow::before{
    position: absolute;
    content: '';
    width: 450px;
    height: 400px;
    left: -215px;
    bottom: 26%;
    background-image: url("/wp-content/uploads/2024/10/circle.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.service-flow::after{
    position: absolute;
    content: '';
    position: absolute;
    content: '';
    width: 450px;
    height: 400px;
    right: -200px;
    bottom: 0%;
    background-image: url("/wp-content/uploads/2024/10/circle.png");
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.service-flow .wp-block-group.is-vertical.is-layout-flex.wp-container-core-group-is-layout-13.wp-block-group-is-layout-flex{
    position: relative;
    z-index: 9;
}

@media screen and (max-width: 1039px) {
    .service-flow .c-row.c-row--margin-l{
        flex-direction: column;
        align-items: center;
    }

    .service-flow .c-row>.c-row__col {
        padding-right: 0;
        width: 95%;
        max-width: 450px;
        margin-bottom: 0;
    }

    .service-flow p.step-textarea{
        padding-top: 20px !important;
        margin-bottom: 50px;
    }


.service-flow::before{
    width: 35vw;
    height: 39vw;
    left: -18%;
    bottom: 31%;
}

.service-flow::after{
    width: 50vw;
    height: 50vw;
    right: -25%;
    bottom: 0%;
}

}

@media screen and (max-width: 639px) {
    .service-flow .c-row.c-row--margin-l {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
}


/* ===============
ABOUTページ
=============== */

/* すぽっとらいとだからできること */

.about-able .wp-block-snow-monkey-blocks-items-item-free.c-row__col.about-ablebox{
    margin-bottom: 0;
}

/* メンバー */
.about-menber .menber-name{
    font-family: "Afacad", sans-serif;
}

/*==============
Loading背景画面設定
==============*/
#splash {
    /*fixedで全面に固定*/
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    text-align: center;
    color: #fff;
    }
    /* Loading画像中央配置　*/
    #splash_logo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /* Loading アイコンの大きさ設定　*/
    #splash_logo img {
        width: 350px;
    }

    /* fadeUpをするアイコンの動き */
    .fadeUp {
        animation-name: fadeInAnime; /*1で解説*/
        animation-fill-mode: backwards; /*2で解説*/
        animation-duration: 5s; /*3で解説*/
        animation-iteration-count: infinite; /*4で解説*/
        animation-timing-function: ease; /*5で解説*/
        animation-delay: 0.2s; /*6で解説*/
        animation-direction: normal; /*7で解説*/
    }

    @keyframes fadeInAnime {
        0% {
        opacity: 0;
        }

        40% {
        opacity: 1;
        }
    }