/* カスタム CSS をここに入力してください */
@media (min-width:1200px){.container{width:1100px}}

@media (min-width:1200px){
		.admin-bar:not(.siteScrolled) .slide-item {
				background-position: 0 !important
}
		.siteScrolled .slide-item{
				background-position: 0 !important	
		}
}


.site-header {
	z-index: 100000;
  background-color: #f7f7f7;
	padding:7px;
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
}
.wp-block-columns {
    margin-bottom: 0px;
	}

/* 問い合わせフォーム */
/* Contact Form7 */
 
.contact7 {
	max-width: 100%;
	box-sizing: content-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
}
.contact7 dt {
	font-weight: normal;
}

.contactbox{
	width: 100%;
}

 
/* 必須マーク */
.contact7 .must {
	background: #FF1A00;
}
 
/* 任意マーク */
.contact7 .optional {
	background: #999;
}
 
.contact7 .must,
.contact7 .optional {
	color: #FFF;
	font-size: 7px;
	margin-left: 10px;
	padding: 2px 5px;
	letter-spacing: 2px;
}

.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 100%;
	background-color: #FF1A00;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #FF1A00;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #FF1A00; 
}

.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px;
	}
.contact7 dd {
	margin-left: 35%;
	}
 
.btn_contact7 input {
	width: 60%;
	background-color: #FF1A00;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #FF1A00;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #FF1A00; 
}
}


h3 {
  border-left: 5px solid #7A8A7F;
  padding-left: 10px;
}

/* 見出し */
h1, h2 {
  font-family: 'Noto Sans JP', sans-serif;
}

/* 本文 */
body, p {
  font-family: 'Noto Sans JP', sans-serif;
}

/* CTAボタン */
.cta-button {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
}

h2 {
  margin: 30px 0;
}

h2 , h3 , h4 {
    color: #373A7C;
    font-weight: bold;
    padding-bottom: 5px;
}
p {
    color: #5A5E76;
}

body {
    line-height: 1.5;
}

h1 {
    font-weight: bold;
    line-height: 1.3;
}

h2 {
    font-weight: 600; /* Semi-bold */
    line-height: 1.35;
}

h3 {
    font-weight: bold;
    border-left: 5px solid #7A8A7F; /* 視認性向上のための装飾 */
    padding-left: 10px;
}

h3 {
    line-height: 1.4;
}

h2 {
    margin-bottom: 20px; /* h2の下に20pxの余白を作る */
}



h3 {
    margin-bottom: 20px; /* h3の下に20pxの余白を作る */
	  margin-left: 5px; /* h3の下に20pxの余白を作る */

}

.custom-section {
    background-color: #F2F0E6; /* 好きな色に変更可能 */
    padding: 40px; /* セクション内の余白 */
    border-radius: 8px; /* 角を少し丸める */
}

/* 行間を広げるためのCSS */
p, h1, h2, h3, .content {
    line-height: 1.8; /* 1.8倍に設定（適宜調整） */
}

/* 表の配色変更CSS */
.wp-block-table td, .wp-block-table th {
    border: 1px solid #B0B0B0 !important; /* 強制的に適用 */
    padding: 0.5em;
}

.wp-block-separator {
    border: none; /* デフォルトの枠線を消す */
    border-top: 2px solid #A0B5A2; /* 緑色 */
    margin: 20px 0; /* 上下の余白調整 */
}

/* h4装飾CSS */
h4 {
    font-weight: bold;
    color: #7A8A7F; /* くすみグリーン */
    border-left: 3px solid #7A8A7F; /* 左ボーダー */
    padding-left: 10px; /* ボーダーとの間に余白 */
    margin-bottom: 15px; /* 下の余白 */
}

/* h5装飾CSS */
h5 {
    font-weight: normal; /* h4より軽いフォント */
    color: #7A8A7F; /* くすみグリーン */
    border-left: 2px solid #7A8A7F; /* 少し細めの左ボーダー */
    padding-left: 8px; /* ボーダーとの間に余白 */
    margin-bottom: 12px; /* 下の余白 */
}

/* メインビジュアルに被らないようにする */
.main-visual {
  padding-top: 80px;
}