/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/


/************************************************
 * 独自の処理を必要に応じて書き足します
 */

/*--------------------------------------------
		変数を定義
--------------------------------------------*/
:root {
  --color-green: #ADD26A;
  --color-orange: #F8B62D;
  --color-paleorange: #FBDEC0;
  --color-black: #261C19;
  --color-white: #fff;
  --color-red: #FF5C5F;
  --corner-round-l: 40px;
  --corner-round-m: 20px;
  --corner-round-s: 3px;
}

/*--------------------------------------------
		共通スタイル設定処理
--------------------------------------------*/
/* 見出しのフォントを変更 */
.c-h-style, h1, h2, h3, h4 {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-style: normal;
}
/* 見出しのスタイルを変更 */
.c-toph2-decostyle {
    width: 80px;
}
@media (max-width: 991px) {
    .c-toph2-decostyle {
        width: 50px;
    }
}
.c-h3-decostyle {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 8px var(--color-green);/*左線*/
}
/* フォントのスタイル変更 */
.c-font-zenmaru-b {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.c-font-handwritten {
    font-family: "Zen Kurenaido", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.c-fontcolor-orange {
    color: var(--color-orange);
}
/* 背景のスタイル変更 */
.c-back-green {
    background-color: var(--color-green);
}
.c-back-orange {
    background-color: var(--color-orange);
}
.c-back-paleorange {
    background-color: var(--color-paleorange);
}
.c-font-backred {
    background-color: var(--color-red);
    font-weight: 700;
    color: var(--color-white);
    padding: 3px 5px;
    border-radius: var(--corner-round-s);
}
/* 線のスタイル変更 */
.c-line-orange {
    border: 4px solid var(--color-orange);
}
/* 角丸設定 */
.c-corner-l {
    border-radius: var(--corner-round-l);
    img {
        border-radius: var(--corner-round-l);
    }
}
.c-corner-m {
    border-radius: var(--corner-round-m);
    img {
        border-radius: var(--corner-round-m);
    }
}
.c-corner-s {
    border-radius: var(--corner-round-s);
    img {
        border-radius: var(--corner-round-s);
    }
}
/* 中央に配置 */
.c-centerlayout {
    margin: 0 auto;
    width: fit-content;
}
/* マージン設定 */
.c-margin-verticalreset {
    margin-top: 0;
    margin-bottom: 0;
}
/* リンクのデフォルトスタイルリセット */
.c-linktext-stylereset a {
    text-decoration: none !important;
    color: var(--color-black) !important;
}
/* 「メディアとテキスト」のレスポンシブ時のマージン設定 */
@media (max-width: 991px) {
    .c-mediatext-margin {
        figure {
            img {
                margin-bottom: 21px;
            }
        }
    }
}
/* PCとSPでの表示・非表示切り替え */
.c-pc-disp {
    display: block;
}
.c-sp-disp {
    display: none;
}
@media (max-width: 991px) {
    .c-pc-disp {
        display: none;
    }
    .c-sp-disp {
        display: block;
    }
}
/* テーブルのスタイル */
.c-orangetable {
    border-radius: var(--corner-round-s);
    tr {
        td:first-of-type {
            background-color: var(--color-orange);
            width: 250px;
        }
    }
    p {
        margin-bottom: 0 !important;
    }
}
@media (max-width: 991px) {
    .c-orangetable {
        tr {
            display: flex;
            flex-wrap: wrap;
            td:first-of-type {
                width: 100%;
            }
            td {
                width: 100%;
            }
        }
    }
}

/*--------------------------------------------
		個別スタイル設定処理
--------------------------------------------*/
/*--------------------------------------------
		グローバルメニュー
--------------------------------------------*/
.global-nav {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-style: normal; 
}
/*--------------------------------------------
		ヒーローイメージ
--------------------------------------------*/
.hero-heroareawrap {
    justify-content: center;
}
.hero-imgwrap {
    position: relative;
    img {
        height: 70vh;
        width: auto;
    }
}
.hero-standingcat {
    img {
        width: 240px;
        position: absolute;
        bottom: -40px;
        left: -100px;
    }
}
@media (max-width: 991px) {
    .hero-catchphrase {
        font-size: 1.8rem !important;
        width: 80vw;
        text-align: left;
    }
    .hero-heroareawrap {
        flex-wrap: wrap !important;
    }
    .hero-imgwrap {
        img {
            width: 80vw;
            height: auto;
        }
    }
    .hero-standingcat {
        img {
            width: 120px;
            bottom: -75px;
            left: -20px;
        }
    }
}
/*--------------------------------------------
		法人の思い
--------------------------------------------*/
.message-outlinetextwrap {
    position: relative;
}
.message-footprintdeco-left {
    position: absolute;
    top: -90px;
    left: -5vw;
    width: 170px;
    height: auto;
    z-index: 0;
}
.message-footprintdeco-right {
    position: absolute;
    bottom: -90px;
    right: -5vw;
    width: 170px;
    height: auto;    
    z-index: 0;
}
@media (max-width: 991px) {
    .message-footprintdeco-left {
        width: 80px;
        top: -45px;
        left: -2vw;
    }
    .message-footprintdeco-right {
        width: 80px;
        bottom: -45px;
        right: -2vw;
    }
}
.message-outlinetext {
    position: relative;
    z-index: 2;
}
/*--------------------------------------------
		サービスについて
--------------------------------------------*/
.service-topwrap {
    position: relative;
}
.service-bottomwrap {
    position: relative;
}
.service-cleaningcat {
    img {
        width: 280px;
        height: auto;
        position: absolute;
        top: -90px;
        left: 5vw;
        z-index: 1;
    }
}
@media (max-width: 991px) {
    .service-cleaningcat {
        img {
            width: 120px;
            top: -45px;
            left: 2vw;
        }
    }
}
.service-bathingcat {
    img {
        width: 370px;
        height: auto;
        position: absolute;
        bottom: -90px;
        right: 5vw;
        z-index: 0;
    }
}
@media (max-width: 991px) {
    .service-bathingcat {
        img {
            width: 180px;
            bottom: -45px;
            right: 2vw;
        }
    }
}
.service-contentback {
    margin-top: -2px;
}
.service-cardwrap {
    display: grid;
    .service-cardcontentwrap {
        background: var(--color-white);
        border-radius: var(--corner-round-l);
        display: grid;
        grid-row: span 3;
        grid-template-rows: subgrid;
    }
}
.service-cardimg {
    img {
        border-top-right-radius: var(--corner-round-l);
        border-top-left-radius: var(--corner-round-l);
    }
}
.service-cardtextwrap {
    background: var(--color-white);
    border-bottom-right-radius: var(--corner-round-l);
    border-bottom-left-radius: var(--corner-round-l);
    padding: 30px 40px;
}
/*--------------------------------------------
		会社概要
--------------------------------------------*/
.info-googleview {
    iframe {
        border-radius: var(--corner-round-l);
    }
}
.info-googlemap {
    border-radius: var(--corner-round-l);
}
.info-itemtitle {
    width: 100px;
    text-align: center;
    margin-bottom: 0;
}
.info-itemwrap {
    gap: 5px 24px;
}
/*--------------------------------------------
		ご利用の流れ
--------------------------------------------*/
.vk_flow_frame_text_title {
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-style: normal;  
}
.flow-flowbox {
    margin-bottom: 1em !important;
}
.flow-flowbox > .vk_flow_frame {
    border: 3px solid var(--color-orange) ;
    border-radius: var(--corner-round-m);
}
.flow-flowbox .vk_flow_frame_text_title {
    border-bottom: 1px dotted var(--color-orange);
}
@media (max-width: 991px) {
    .flow-arrow {
        width: 60px;
        height: auto;
    }
}
/*--------------------------------------------
		お問い合わせ
--------------------------------------------*/
.form-bicyclecatwrap {
    position: relative;
}
.form-bicyclecat {
    img {
        width: 210px;
        height: auto;
        position: absolute;
        bottom: -100px;
        right: 5vw;
        z-index: 0;
    }
}
@media (max-width: 991px) {
    .form-bicyclecat {
        img {
            width: 120px;
            bottom: -45px;
            right: 2vw;
        }
    }
}

.form-wheelchaircatwrap {
    position: relative;
}
.form-wheelchaircat {
    img {
        width: 280px;
        height: auto;
        position: absolute;
        top: -150px;
        left: 5vw;
        z-index: 1;
    }
}
@media (max-width: 991px) {
    .form-wheelchaircat {
        img {
            width: 160px;
            top: -110px;
            left: 2vw;
        }
    }
}
/*--------------------------------------------
		お問い合わせ
--------------------------------------------*/
.contact-telbox {
    gap: 5px;
}
.contact-must {
    margin-left: 5px;
}
.contactform-acceptance {
    margin-top: 24px;
    p {
        margin-bottom: 5px;
    }
}
.contactform-privacypolicy {
    margin-bottom: 24px;
}
.contactform-button {
    width: 100%;
    height: 60px;
    box-shadow: 2px 2px 4px;
    input {
        width: 100%;
        height: 60px;
        border: 1px solid var(--color-green);
        background-color: var(--color-green);
        color: var(--color-black);
        font-family: "Zen Maru Gothic", sans-serif;
        font-weight: 700;
        font-style: normal;
    }
}
.contactform-returnbutton {
    margin-top: 24px;
}
/*--------------------------------------------
		フッター
--------------------------------------------*/
.site-body {
    padding-bottom: 0 !important;
}
.site-footer {
    border-top: 1px solid var(--color-paleorange);
}
/* トップページ上部のフッター装飾 */
.toppage-footerdeco {
    img {
        margin-bottom: -2px;
    }
}
@media (max-width: 991px) {
    .toppage-footerdeco {
        img {
            margin-bottom: -29px;
        }
    }
}
.page-id-85, .page-id-158, .page-id-233, .page-id-3 {
    /* 下層ページ */
    .staticpage-footerdeco {
        img {
            margin-bottom: -50px;
        }
    }
    @media (max-width: 991px) {
        .staticpage-footerdeco {
            img {
                margin-bottom: -29px;
            }
        }
    }
}

.site-footer {
    background-color: var(--color-paleorange);
    position: relative;
}
.site-footer::after {
    content: url(./img/footer-footprint-pc.png);
    position: absolute;
    bottom: 0;
    right: 5vw;
    z-index: -1;
}
@media (max-width: 991px) {
    .site-footer::after {
        right: 2vw;
        content: url(./img/footer-footprint-sp.png);
    }
}
.footer-info {
    margin-bottom: 0;
}
.footer-telwrap {
    display: flex;
    i {
        font-size: var(--wp--preset--font-size--huge);
        margin-top: 15px;
    }
    p {
        font-size: var(--wp--preset--font-size--huge);
    }
}
.site-footer-copyright p:nth-child(2) {
    display:none !important;
}
/*--------------------------------------------
		固定ボタン
--------------------------------------------*/
/* デフォルトのジャンプボタンを非表示 */
#page_top {
    display: none;
}
/* 肉球型固定ボタン */
.fix-button-rectuit {
    z-index: 0;
    position: fixed;
    bottom: 10px;
    right: 10px;
}
@media (max-width: 991px) {
    .fix-button-rectuit {
        width: 150px;
        height: auto;
    }
}
/*--------------------------------------------
		固定ページ共通設定
--------------------------------------------*/
/* ヘッダー画像 */
.page-header {
    margin: 20px 50px;
    height: 300px;
    border-radius: var(--corner-round-l);
    color: var(--color-black);
}
.page-header-title {
    text-align: left;
}

.page-header {
    background-color: var(--color-paleorange);
    position: relative;
}
.page-header::after {
    content: url(./img/staticpagecat-pc.png);
    position: absolute;
    bottom: -100px;
    right: 0;
    z-index: -1;
}
@media (max-width: 991px) {
    .page-header {
        margin: 10px 25px;
        height: 150px;
    }
    .page-header::after {
        right: 2vw;
        content: url(./img/staticpagecat-sp.png);
        /* bottom: -50px; */
        bottom: -20px;
    }
}
/* 固定ページ見出し */
.staticpage-h2-deco {
    width: 45px;
    height: auto;
}
.staticpage-h2 {
    margin-bottom: 0 !important;
}
/*--------------------------------------------
		採用情報ページ
--------------------------------------------*/
/* アイキャッチ画像の設定 */
.page-id-85 {
    .page-header {
        background-image: url(./img/recruit-eyecatching.jpg);
        background-size: cover;
        background-position: 0% 80%;
    }
}
/* 働く環境 */
.workplace-cardimg {
    img {
        border-radius: var(--corner-round-l);
        margin-bottom: 21px;
    }
}
/* 募集要項 */
.applicationinfo-table {
    tr {
        td:first-of-type {
            font-family: "Zen Maru Gothic", sans-serif;
            font-weight: 700;
            font-style: normal;  
        }
    }
}