/**
Theme Name: Astra Child
Author: Satogo Design
Author URI: https://satogo-design.com
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/



/* 1. パソコン (1024px以上) で非表示 */
@media (min-width: 1024px) {
    .none-pc {
        display: none !important;
    }
}
/* 2. タブレット (768px以上 〜 1024px以下) で非表示 */
@media (min-width: 768px) and (max-width: 1024px) {
    .none-tb {
        display: none !important;
    }
}
/* 3. スマートフォン (767px以下) で非表示 */
@media (max-width: 767px) {
    .none-sp {
        display: none !important;
    }
}

.fv {
  width: 100vw;           /* 画面幅に合わせる */
  margin-left: 50%;
  transform: translateX(-50%); /* 親のパディングの影響を受けないフルブリード */
  min-height: 55vh;       /* お好みで高さ */
  background-repeat: no-repeat;
  background-position: center;  /* 必要なら center 20% などに微調整 */
  background-size: cover;       /* 目的に応じて contain / 100% auto に変更 */
}

@media (max-width: 480px) {
  .fv { background-position: center 20%; } /* スマホ用に被写体を上寄せ、など */
}


/* PCのみ改行 */
.br-pc {
  display: inline;
}

/* モバイルでは非表示（改行なし） */
@media (max-width: 767px) {
  .br-pc {
    display: none;
  }
}

/* 非表示（h2タグなど） */
.visually-hidden > .elementor-widget-container > h2,
.visually-hidden {
	  position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* TS Font for Xserver を適用 */
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, h7 {
  font-family: "リュウミン B-KL", "Ryumin B-KL", sans-serif !important;
}

/* 箇条書きブロックのインデント */
.entry-content ul {
    margin-left: 25px;
}
@media (max-width: 767px) {
	.entry-content ul {
		margin: 0;
	}
}
/* 段落の上余白 */
.e-con {
	margin-block-start: 0;
}
/* 段落の下余白 */
ul > li, .entry-content p {
	margin-bottom: 10px;
}

/* フォーム全体のスタイル */
.wpcf7 {
background-color: #deeeff; /* 灰がかったグリーン */
padding: 20px;
border-radius: 10px;
max-width: 600px;
margin: auto;
}
/* 必須フィールドのラベルスタイル */
.wpcf7-form .required {
background-color: #F2668B; /* ピンク */
color: white;
padding: 2px 5px;
border-radius: 3px;
margin-left: 10px;
font-size: 12px;
}
/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
	width: 100%;
background-color: #fe6e0a;
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
}

.wpcf7-form input[type="submit"]:hover {
background-color: #fe6800;
}
/* footer */
#block-11 > div {
	flex-direction: column;
}
	.wpcf7-form input.wpcf7-submit[disabled] {
		opacity: .6;
		cursor: not-allowed;
	}