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

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

/*--------------------------------------------
		変数を定義
--------------------------------------------*/
:root {
  --color-green: #8FC31F;
  --color-yellow-green: #DAEEBD;
  --color-orange: #F8B62D;
  --color-white: #fff;
  --color-brown: #40220F;
  --color-red: #FF5C5F;

  --corner-round-m: 20px;
  --corner-round-s: 5px;
}

/*--------------------------------------------
		共通スタイル設定処理
--------------------------------------------*/
/* 見出しのフォントを変更 */
.c-h2-style {
    font-family: "Kaisei Opti", "Yu Gothic", "メイリオ", "ＭＳ ゴシック", sans-serif;
    font-weight: 700;
    color: var(--color-white);
    background-color: var(--color-green);
    padding: 5px 20px;
    width: fit-content;
    margin: 0 auto;
    border-radius: var(--corner-round-m);
}
.c-h3-style {
    font-family: "Kaisei Opti", "Yu Gothic", "メイリオ", "ＭＳ ゴシック", sans-serif;
    color: var(--color-brown);
    font-weight: 700;
}
h4, h5, h6 {
    font-family: "Kaisei Opti", "Yu Gothic", "メイリオ", "ＭＳ ゴシック", sans-serif;
    font-weight: 700;
}
/* フォントのスタイル変更 */
.c-kaiseiopti {
    font-family: "Kaisei Opti", "Yu Gothic", "メイリオ", "ＭＳ ゴシック", sans-serif;
}
.c-fontcolor-brown {
    color: var(--color-brown);
}
.c-fontcolor-green {
    color: var(--color-green);
}
.c-font-backgreen {
    background-color: var(--color-green);
    font-weight: 700;
    color: var(--color-white);
    padding: 3px 5px;
    border-radius: var(--corner-round-s);
}
.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-back-green {
    background-color: var(--color-green);
}
.c-back-yellowgreen {
    background-color: var(--color-yellow-green);
}
/* 線のスタイル変更 */
.c-line-yellowgreen {
    border: 3px solid var(--color-yellow-green);
}
/* 角丸設定 */
.c-corner-m {
    border-radius: var(--corner-round-m);
}
.c-corner-s {
    border-radius: var(--corner-round-s);
}
/* 中央に配置 */
.c-centerlayout {
    margin: 0 auto;
    width: fit-content;
}
/* 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-greentable {
    border-radius: var(--corner-round-s);
    tr {
        td:first-of-type {
            background-color: var(--color-green);
            color: var(--color-white);
            width: 250px;
        }
    }
    p {
        margin-bottom: 0 !important;
    }
}
@media (max-width: 991px) {
    .c-greentable {
        tr {
            display: flex;
            flex-wrap: wrap;
            td:first-of-type {
                width: 100%;
            }
            td {
                width: 100%;
            }
        }
    }
}
/* 地図のスタイル */
.c-map-allwidth {
    width: 100%;
    height: 350px !important;
    border-radius: var(--corner-round-m);
}

/*--------------------------------------------
		個別スタイル設定処理
--------------------------------------------*/
/*--------------------------------------------
		ヘッダーメニュー
--------------------------------------------*/
#site-header-container {
    h1 {
        margin: 0 auto;
        padding-bottom: 17px;
    }
    a {
        color: var(--color-brown);
    }
}
.site-header--layout--sub-active .site-header-logo {
    float: none;
}
@media (max-width: 991px) {
    #site-header-container {
        h1 {
            padding-bottom: 7px;
        }
    }
}
/*--------------------------------------------
		ヒーローイメージ
--------------------------------------------*/
.ltg-slide-text-title {
    font-family: "Kaisei Opti", "Yu Gothic", "メイリオ", "ＭＳ ゴシック", sans-serif;
    margin-top: 400px;
}
.ltg-slide picture img, .ltg-slide-item-img  {
    height: 700px;
    object-fit: cover;
}
@media (max-width: 991px) {
    .ltg-slide picture img, .ltg-slide-item-img {
        height: 600px;
    }
    .ltg-slide-text-title {
        font-size: 18px;
    }
}
/*--------------------------------------------
		サービスの特徴
--------------------------------------------*/
.feature-point-text {
    font-family: "Kaisei Opti", "Yu Gothic", "メイリオ", "ＭＳ ゴシック", sans-serif;
    color: var(--color-brown);
    font-weight: 700;
    margin-bottom: -30px !important;
}
.feature-point-num {
    font-family: "Kaisei Opti", "Yu Gothic", "メイリオ", "ＭＳ ゴシック", sans-serif;
    color: var(--color-brown);
    font-weight: 700;
}
/*--------------------------------------------
		高齢者施設の特徴
--------------------------------------------*/
.facility-roof-deco {
    margin-bottom: 0;
}
.facility-box-white {
    background: var(--color-white);
    border-radius: var(--corner-round-m);
    padding: 20px;
}
.facility-titleicon {
    width: 80px;
    min-width: 60px;
    height: auto;
}
@media (max-width: 991px) {
    .facility-titleicon {
        width: 60px;
        height: auto;
    }
}
.facility-titlebox {
    gap: 5px;
}
.facility-itembox {
    gap: 5px;
    p {
        margin-bottom: 0px !important;
    }
}
.facility-itemtitle {
    white-space: nowrap;
}
/*--------------------------------------------
		ご依頼の流れ
--------------------------------------------*/
.flow-flowbox {
    margin-bottom: 1em !important;
}
.flow-flowbox > .vk_flow_frame {
    border: 3px solid var(--color-yellow-green) ;
    border-radius: var(--corner-round-s);
}
.flow-flowbox .vk_flow_frame_text_title {
    border-bottom: 1px dotted var(--color-yellow-green);
}
/*--------------------------------------------
		お問い合わせ
--------------------------------------------*/
.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;
    }
}
.contactform-returnbutton {
    margin-top: 24px;
}
/*--------------------------------------------
		フッター
--------------------------------------------*/
.site-footer {
    background-color: var(--color-yellow-green);
    position: relative;
    .widget_block {
        margin-bottom: 0 !important;
    }
}
.site-footer::after {
    content: url(./img/towndeco-pc.png);
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: auto;
}
@media (max-width: 991px) {
    .site-footer::after {
        content: url(./img/towndeco-sp.png);
    }
}
.footer-title {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 5px !important;
}
.site-footer-copyright p:nth-child(2) {
    display:none !important;
}