/* ----レスポンシブの表示非表示---- */
.sp1440,.sp1024,.sp840,.sp520,.sp375{display: none;}
@media (max-width: 1440px) {
	.pc1440{display: none !important;}
	.sp1440{display: block;}
	@media (max-width: 1024px) {
		.pc1024{display: none !important;}
		.sp1024{display: block;}
		@media (max-width: 840px) {
			.pc840{display: none !important;}
			.sp840{display: block;}
			@media (max-width: 520px) {
				.pc520{display: none !important;}
				.sp520{display: block;}
				@media (max-width: 375px) {
					.pc375{display: none !important;}
					.sp375{display: block;}
				}
			}
		}
	}
}
/* --------- */

.inner {
	max-width: 133rem;
	width: 86%;
	margin: 0 auto;
}
.flex-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


#blog-archive {
	padding: 25rem 0; /* 上下左右の余白 */
}

#blog-archive .inner {
	max-width: 120rem;
	flex-direction: row-reverse;
	row-gap: 8em;
}

#blog-archive .inner .contents {
	width: 74%;
}

#blog-archive .inner .contents .post-list {
	width: 100%; /* 幅 */
	margin-bottom: 5%; /* 下マージン */
}

#blog-archive .inner .contents .post-list li {
	width: 100%; /* 幅 */
	padding-bottom: 7.8rem; /* 下パディング */
	margin-bottom: 7.8rem; /* 下マージン */
	border-bottom: 2px solid #828282; /* 下線 */
}

#blog-archive .inner .contents .post-list li .post-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; /* 両端揃え */
	align-items: center; /* 中央揃え（垂直方向） */
}

#blog-archive .inner .contents .post-list li .post-box .box-left {
	width: 41.6%;
	aspect-ratio: 200 / 150;
	overflow: hidden;
}

#blog-archive .inner .contents .post-list li .post-box .box-left img {
	aspect-ratio: 1.5; /* アスペクト比 */
	object-fit: cover; /* 領域に合わせて画像を拡大・縮小 */
	width: 100%; /* 幅 */
}

#blog-archive .inner .contents .post-list li .post-box .box-right {
	width: 56%;
}

#blog-archive .inner .contents .post-list li .post-box .box-right .day {
	font-size: 2rem; /* フォントサイズ */
	line-height: 1.75em; /* 行の高さ */
	letter-spacing: 0.1em; /* 文字間隔 */
	color: #828282; /* 文字色 */
}

#blog-archive .inner .contents .post-list li .post-box .box-right .title-box {
	width: 100%; /* 幅 */
	font-size: 4rem; /* フォントサイズ */
	line-height: 1.5; /* 行の高さ */
	overflow: hidden; /* はみ出たコンテンツを隠す */
	display: -webkit-box; /* 複数行のテキストを管理 */
	-webkit-box-orient: vertical; /* 垂直方向 */
	-webkit-line-clamp: 2; /* 2行でテキストを切り詰める */
	padding: 0.2em 0; /* 上下パディング */
}

#blog-archive .inner .contents .post-list li .post-box .box-right .category {
	font-size: 2.4rem; /* フォントサイズ */
	line-height: 1.75em; /* 行の高さ */
	letter-spacing: 0.1em; /* 文字間隔 */
	background-color: #828282; /* 背景色 */
	color: #fff; /* 文字色 */
	width: fit-content; /* 幅をコンテンツに合わせる */
	padding: 0.1em 1em; /* 内側の余白 */
	border-radius: 0.3em; /* 角丸 */
}

#blog-archive .inner .contents .post-ttl .day-cate {
	font-size: 2.4rem;
	line-height: 1.4; /* 行の高さ */
	letter-spacing: 0.1em; /* 文字間隔 */
}

#blog-archive .inner .contents .post-ttl > h3 {
	font-size: 3.4rem; /* フォントサイズ */
	letter-spacing: 0.1em; /* 文字間隔 */
	margin-bottom: 0.7em; /* 下マージン */
	padding-bottom: 0.7em; /* 下パディング */
	border-bottom: 1px solid #828282; /* 下線 */
}

#blog-archive .inner .contents .post-ttl .news-text {
	margin-bottom: 8rem; /* 下マージン */
}

#blog-archive .inner .contents .post-ttl .news-text * {
	line-height: 1.75; /* 行の高さ */
}

#blog-archive .inner .contents .post-ttl .news-text *:first-of-child {
	margin-top: 0; /* 最初の要素の上マージンを0に */
}

#blog-archive .inner .contents .post-ttl .news-text > h1,
#blog-archive .inner .contents .post-ttl .news-text > h2,
#blog-archive .inner .contents .post-ttl .news-text > h3 {
	letter-spacing: 0.14em; /* 文字間隔 */
	font-weight: 600; /* フォントの太さ */
}

#blog-archive .inner .contents .post-ttl .news-text > h1 {
	font-size: 2.4rem; /* フォントサイズ */
	margin-top: 1em; /* 上マージン */
	color: #D6007F; /* 文字色 */
}

#blog-archive .inner .contents .post-ttl .news-text > h2 {
	font-size: 2.2rem; /* フォントサイズ */
	margin-top: 2em; /* 上マージン */
	color: white; /* 文字色 */
	background-color: #D6007F; /* 背景色 */
	line-height: 6rem; /* 行の高さ */
	padding-left: 2rem; /* 左パディング */
}

#blog-archive .inner .contents .post-ttl .news-text > h3 {
	font-size: 2rem; /* フォントサイズ */
	margin-top: 2em; /* 上マージン */
	border-bottom: 3px solid #D6007F; /* 下線 */
	color: #D6007F; /* 文字色 */
}

#blog-archive .inner .contents .post-ttl .news-text > p {
	font-size: 2.4rem;
	margin-top: 2em; /* 上マージン */
}

#blog-archive .inner .contents .post-ttl .news-text > figure {
	margin-top: 3.6rem; /* 上マージン */
}

#blog-archive .inner .contents .post-ttl .news-text iframe.wp-embedded-content {
	position: relative !important; /* ポジションを相対に強制 */
	visibility: initial !important; /* 表示状態を強制 */
}

#blog-archive .inner .contents .blog-navi .wp-pagenavi {
	font-size: 2.4rem; /* フォントサイズ */
	justify-content: flex-end; /* 右揃え */
	align-items: center; /* 中央揃え（垂直方向） */
	gap: 2em; /* アイテム間の余白 */
	color: #828282; /* 文字色 */
}

#blog-archive .inner .contents .blog-navi .wp-pagenavi * {
	display: flex; /* Flexboxで表示 */
	align-items: center; /* 中央揃え（垂直方向） */
	justify-content: center; /* 中央揃え（水平方向） */
	padding: 0.1em; /* 内側の余白 */
	border: none; /* 枠線なし */
}

#blog-archive .inner .contents .np-link {
	font-size: 2.4rem; /* フォントサイズ */
	justify-content: center; /* 中央揃え */
	align-items: center; /* 中央揃え（垂直方向） */
	gap: 4%; /* アイテム間の余白 */
}

#blog-archive .inner .contents .np-link * {
	padding: 0.1em; /* 内側の余白 */
	border: none; /* 枠線なし */
}

#blog-archive .inner .side-box {
	width: 27%; /* 幅 */
	max-width: 26.6rem; /* 最大幅 */
}

#blog-archive .inner .side-box .list-box {
	padding: 5%; /* 内側の余白 */
	margin-bottom: 8.4rem; /* 下マージン */
	flex-direction: column; /* 縦方向に並べる */
	justify-content: center; /* 中央揃え（垂直方向） */
	align-items: center; /* 中央揃え（水平方向） */
	border: 2px solid #828282; /* 枠線 */
	position: relative; /* 相対位置 */
}

#blog-archive .inner .side-box .list-box:last-of-type {
	margin-bottom: 0; /* 最後のアイテムの下マージンを0に */
}

#blog-archive .inner .side-box .list-box h4 {
	font-size: 2.4rem; 
	line-height: 1; 
	position: absolute; 
	inset: auto auto 100% 0;
	color: #828282;
}

#blog-archive .inner .side-box .list-box .post-data {
	width: 100%; /* 幅 */
}

#blog-archive .inner .side-box .list-box .post-data li.catelist-txt a {
	padding: 0.6em 0 0.6em;
	position: relative; /* 相対位置 */
	font-size: 2.2rem;
	line-height: 1.75; /* 行の高さ */
	letter-spacing: 0.1em; /* 文字間隔 */
	display: block; /* ブロック要素として表示 */
	width: 100%; /* 幅 */
	color: #fff;
}

#blog-archive .inner .side-box .list-box .post-data li.postlist-txt a {
	font-size: 2rem;
	line-height: 1.75; /* 行の高さ */
	letter-spacing: 0.1em; /* 文字間隔 */
	padding: 1em 0; /* 上下パディング */
	border-bottom: 1px solid #828282; /* 下線 */
	display: block; /* ブロック要素として表示 */
	width: 100%; /* 幅 */
}

#blog-archive .inner .side-box .list-box.cate-box {
	background-color: #828282; /* 背景色 */
	color: #fff; /* 文字色 */
}

#blog-archive .inner .side-box .list-box.blog-post {
	color: #828282; /* 文字色 */
}

@media (max-width: 840px) {
	#blog-archive {
		padding: 15rem 0; /* 上下パディングを調整 */
	}

	#blog-archive .inner .side-box,
	#blog-archive .inner .contents {
		max-width: initial; /* 最大幅を解除 */
		width: 100%; /* 幅を100%に */
	}
}

@media (max-width: 840px) and (max-width: 520px) {
	#blog-archive {
		padding: 11rem 0; /* 上下パディングをさらに調整 */
	}

	#blog-archive .inner .contents .post-list li {
		padding-bottom: 3rem; /* 下パディングを調整 */
		margin-bottom: 3rem; /* 下マージンを調整 */
	}

	#blog-archive .inner .contents .post-list li .post-box .box-left {
		width: 100%;
	}

	#blog-archive .inner .contents .post-list li .post-box .box-right {
		width: 100%;
	}
}













































#contact-intro {
  padding: 15rem 0; /* 上下左右の余白 */
}

#contact-intro .inner {
  max-width: 120rem; /* 最大幅 */
}

#contact-intro .inner .intro-box {
  font-size: 2.2rem;
  line-height: 1.75; /* 行の高さ */
  letter-spacing: 0.1em; /* 文字間隔 */
  text-align: center; /* 中央寄せ */
  margin-bottom: 3em; /* 下マージン */
}

#contact-intro .inner .free-box {
  padding: 5%; /* 内側の余白 */
  background-color: #f2f2f2; /* 背景色 */
  justify-content: center; /* 中央揃え（水平方向） */
  align-items: center; /* 中央揃え（垂直方向） */
  gap: 6rem; /* アイテム間の余白 */
  margin-bottom: 8rem; /* 下マージン */
}

#contact-intro .inner .free-box .logo-box {
  max-width: 31.6rem; /* 最大幅 */
  width: 90%; /* 幅 */
}

#contact-intro .inner .free-box .txt-box > h4 {
  font-size: 3.2rem; /* フォントサイズ */
  line-height: 1.5; /* 行の高さ */
  letter-spacing: 0.1em; /* 文字間隔 */
  font-weight: 600; /* フォントの太さ */
  padding-bottom: 0.5em; /* 下パディング */
  margin-bottom: 0.5em; /* 下マージン */
  color: #136ca3; /* 文字色 */
  border-bottom: 3px solid #eaa732; /* 下線 */
}

#contact-intro .inner .free-box .txt-box > p {
  font-size: 2.4rem; /* フォントサイズ */
  line-height: 1.5; /* 行の高さ */
  letter-spacing: 0.13em; /* 文字間隔 */
}

#contact-intro .inner .tel-box {
  text-align: center; /* 中央寄せ */
}

#contact-intro .inner .tel-box .copy {
  font-size: 2.8rem; /* フォントサイズ */
  line-height: 1.6; /* 行の高さ */
  letter-spacing: 0.1em; /* 文字間隔 */
}

#contact-intro .inner .tel-box a {
  font-size: 11rem; /* フォントサイズ */
  line-height: 1; /* 行の高さ */
  letter-spacing: 0.02em; /* 文字間隔 */
  justify-content: center; /* 中央揃え（水平方向） */
  align-items: center; /* 中央揃え（垂直方向） */
  padding: 0.1em 0; /* 上下パディング */
  gap: 0.1em; /* アイテム間の余白 */
}

#contact-intro .inner .tel-box a .img-box {
  width: 1.26em; /* 幅 */
}

#contact-intro .inner .tel-box a span.en {
  color: #00a73c; /* 文字色 */
}

#contact-intro .inner .tel-box .notice {
  font-size: 2.2rem; /* フォントサイズ */
  line-height: 1.75; /* 行の高さ */
  letter-spacing: 0.1em; /* 文字間隔 */
}

@media (max-width: 1024px) {
}



@media (max-width: 1024px) and (max-width: 840px) and (max-width: 750px) {
  #contact-intro {
    padding: 8rem 0; /* パディングを調整 */
  }

  #contact-intro .inner .free-box {
    padding: 15% 5%; /* 内側の余白を調整 */
    gap: 2rem; /* アイテム間の余白を調整 */
  }

  #contact-intro .inner .free-box .txt-box {
    width: 90%; /* 幅を調整 */
  }

  #contact-intro .inner .free-box .txt-box > h4 {
    text-align: center; /* 中央寄せ */
  }

  #contact-intro .inner .free-box .txt-box > p {
    text-align: center;
  }

  #contact-intro .inner .tel-box a {
	  font-size: 7.6rem;
  }
}

#thanks-area {
  padding: 8rem 0; /* 上下左右の余白 */
}

#thanks-area .inner {
  text-align: center; /* 中央寄せ */
}

#thanks-area .inner > h3 {
  font-size: 2.4rem; /* フォントサイズ */
  margin-bottom: 2em; /* 下マージン */
  color: #136ca3; /* 文字色 */
}

#thanks-area .inner > p {
  font-size: 1.6rem; /* フォントサイズ */
}

#thanks-area .inner > p a {
  color: #136ca3; /* 文字色 */
}

@media (max-width: 520px) {
  #thanks-area {
    padding: 6rem 0; /* パディングを調整 */
  }

  #thanks-area .inner > h3 {
    font-size: 1.8rem; /* フォントサイズを調整 */
  }

  #thanks-area .inner > p {
    font-size: 1.4rem; /* フォントサイズを調整 */
  }
}

#contact-area {
  padding: 15rem 0; /* 上下左右の余白 */
  background-color: #f1f1f1; /* 背景色 */
}

#contact-area .inner {
  max-width: 120rem;
}

#contact-area .inner .form-ttl {
  font-size: 5rem; /* フォントサイズ */
  line-height: 1; /* 行の高さ */
  letter-spacing: 0.1em; /* 文字間隔 */
  padding-bottom: 1.5em; /* 下パディング */
  margin-bottom: 3em; /* 下マージン */
  text-align: center; /* 中央寄せ */
  position: relative; /* 相対位置 */
}

#contact-area .inner .form-ttl:after {
  content: ""; /* 擬似要素の内容 */
  display: block; /* ブロック要素として表示 */
  width: 2em; /* 幅 */
  height: 0.4rem; /* 高さ */
  border-radius: 0.2rem; /* 角丸 */
  background-color: #000; /* 背景色 */
  position: absolute; /* 絶対位置 */
  inset: auto 0 0 0; /* 位置指定（下0、左右中央） */
  margin: 0 auto; /* 中央揃え */
}

#contact-area .inner form {
  width: 100%; /* 幅 */
}

#contact-area .inner form dl {
  width: 100%; /* 幅 */
  margin-bottom: 4%; /* 下マージン */
  font-size: 2.4rem;
  line-height: 1.75; /* 行の高さ */
  letter-spacing: 0.1em; /* 文字間隔 */
}

#contact-area .inner form dl dt {
  width: 100%; /* 幅 */
  position: relative; /* 相対位置 */
  margin-bottom: 0.6em; /* 下マージン */
}

#contact-area .inner form dl dt > p {
  display: inline-block; /* インラインブロック要素として表示 */
}

#contact-area .inner form dl dt.hissu:after {
  content: "必須"; /* 擬似要素の内容 */
  display: inline-block; /* インラインブロック要素として表示 */
  font-size: 80%; /* フォントサイズ */
  width: fit-content; /* 幅をコンテンツに合わせる */
  color: #fff; /* 文字色 */
  border-radius: 0.3em; /* 角丸 */
  background-color: #d5003f; /* 背景色 */
  padding: 0.1em 1em; /* 内側の余白 */
  margin-left: 0.7em; /* 左マージン */
}

#contact-area .inner form dl dd {
  width: 100%; /* 幅 */
}

#contact-area .inner form dl dd input[type="text"],
#contact-area .inner form dl dd textarea {
  width: 100%; /* 幅 */
  background-color: #fff; /* 背景色 */
  padding: 1em 0.4em; /* 内側の余白 */
}

#contact-area .inner form dl dd .kakuninarea {
  width: 100%; /* 幅 */
  background-color: #fff; /* 背景色 */
  font-size: 81.8%; /* フォントサイズ */
  text-align: center; /* 中央寄せ */
  padding: 1em 0.4em; /* 内側の余白 */
}

#contact-area .inner form dl dd .kakuninarea a {
  color: #136ca3; /* 文字色 */
  border-bottom: 1px solid #136ca3; /* 下線 */
}

#contact-area .inner form .contact-btn {
  font-size: 3.2rem;
  line-height: 1.75; /* 行の高さ */
  letter-spacing: 0.1em; /* 文字間隔 */
}

#contact-area .inner form .contact-btn input {
  display: block; /* ブロック要素として表示 */
  width: 100%; /* 幅 */
  max-width: 27.3rem; /* 最大幅 */
  background: #eaa732; /* 背景色 */
  color: #fff; /* 文字色 */
  margin: 0 auto; /* 中央揃え */
  text-align: center; /* 中央寄せ */
  padding: 0.5em 1em; /* 内側の余白 */
  transition: 0.3s; /* トランジション */
}

#contact-area .inner form .contact-btn input:hover {
  background-color: #136ca3; /* ホバー時の背景色 */
}

@media (max-width: 520px) {
  #contact-area {
    padding: 8rem 0; /* パディングを調整 */
  }

  #contact-area .inner .form-ttl {
    padding-bottom: 1em; /* 下パディングを調整 */
    margin-bottom: 1.5em; /* 下マージンを調整 */
  }

  #contact-area .inner form dl {
    margin-bottom: 10%; /* 下マージンを調整 */
  }
}