@charset "utf-8";

/*
Theme Name: khp013-child
Theme URI: https://www.en-fudosan.jp/cms/wp-content/themes/khp013-child/
Author: kumamoto-hp
Author URI: https://www.kumamoto-hp.com/
Description: 熊本ホームページ制作センターのオリジナルデザイン子テーマ
Template: khp013
Version: 2.0.0
License:
License URI:
Text Domain:
Tags:
*/

/* --------------------------------------------------------
/* breakpoints（Split View & 8の倍数）
/* khp013-child
/* .visual-main（ランディングページ）
-------------------------------------------------------- */


/* breakpoints（Split View & 8の倍数）
-------------------------------------------------------- */
/* モバイルファースト */
/* sp（520px以上の場合に適用） */
@media (min-width: 520px) {
}

/* tb（768px以上の場合に適用） */
@media (min-width: 768px) {
}

/* tb（960px以上の場合に適用） */
@media (min-width: 960px) {
}

/* pc（1200px以上の場合に適用） */
@media (min-width: 1200px) {
}

/* pc（1400px以上の場合に適用） */
@media (min-width: 1400px) {
}

/* ミックス */
/* sp（768px未満の場合に適用） */
@media (max-width: 767.98px) {
}

/* tb（1200px未満の場合に適用） */
@media (max-width: 1199.98px) {
}

/* ブレークポイント間 */
/* sp（0px～768px未満の場合に適用） */
@media (min-width: 0) and (max-width: 767.98px) {
}

/* tb（768px～1200px未満の場合に適用） */
@media (min-width: 768px) and (max-width: 1199.98px) {
}


/* khp013-child
-------------------------------------------------------- */
/* :root */
/* :root {
    --color-base: #1b63a7;
    --color-orange: #f88522;
    --color-border: #ccc;
    --color-yellow: #ecc200;
    --color-red: #e42540;
    --color-green: #65bc1f;
    --color-blue: #1b63a7;
    --color-gray: #ccc;
    --color-dark: #aaa;
    --txt-color: #020202;
    --txt-color-link: #bf1319;
    --header-txt-color: #020202;
    --footer-txt-color: #020202;
    --background-color: #fff;
    --header-background-color: #fff;
    --wrap-background-color: #020202;
    --footer-background-color: #fff;
    --gnav-txt-color-ja: #020202;
    --gnav-txt-color-en: 205, 22, 44;
} */

/* original */
body {
    background: #fff;
    color: #020202;
}


/* .visual-main（ランディングページ）
-------------------------------------------------------- */
.visual-main.lp-sample {
    background: #000 url(../khp013/assets/img/lp/lp-sample/bg_visual-main_01.png) no-repeat center center;
    background-size: cover;
}