/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 20 2026 | 00:32:37 */
/* 
@media (max-width: 640px) 
@media (min-width: 960px) 
var(--color_main)
サブカラーの設定
var(--color_deep01)
var(--color_deep02)〇
var(--color_deep03)〇
var(--color_deep04)
#3a4268
*/
/* -------------
○○〇の設定
-----------------------------*/
body, span, p, a{
font-weight: 100;
 line-height: 2;
}
body .f-weight3{
	font-weight: 300!important;
}
.noto-serif-font {
  font-family: "Noto Serif JP", serif;
  font-style: normal;
}
.en-font{
  font-family: "Cormorant Garamond", serif;
}
.-txt .c-headLogo__link {
  font-family: "Cormorant Garamond", serif;
  font-weight: 100;
  font-style: normal;
}
.c-gnav>.menu-item>a, .c-gnav .sub-menu a {
  font-family: "Cormorant Garamond", serif;
  font-weight: 100;
  font-style: normal;
}
.c-pageTitle{
	 font-family: "Cormorant Garamond", serif;
	letter-spacing: 4px;
}
p, span, li{
letter-spacing:3px!important;
}
/* ======================================
   共通：スマホ（600px以下）
====================================== */
@media (max-width: 600px) {
  /* テーブル調整 */
  .sp-table td,
  .sp-table th,
  .price-table td,
  .price-table th {
      padding: 10px !important;
      font-size: 13px !important;
  }
/* フォントサイズ汎用 */
body .post_content .sp-fs--9,
body .post_content .sp-fs--9 span,
body .post_content .sp-fs--9.fs_l,
body .post_content .sp-fs--9.has-large-font-size {
    font-size: .9em !important;
}

body .post_content .sp-fs--75,
body .post_content .sp-fs--75 span,
body .post_content .sp-fs--75.fs_l,
body .post_content .sp-fs--75.has-large-font-size {
    font-size: .75em !important;
}
/* フォントサイズ汎用 */
body .post_content .sp-fs-9 span, 
body .post_content .sp-fs--9{
    font-size: .9em!important;
}

body .post_content .sp-fs-75 span, 
body .post_content .sp-fs--75{
    font-size: .75em!important;
}
p, li{
		 font-size: .75em!important;
}
/* 画像 */
	.sp-img-100 img{ width: 100px !important; }
	.sp-img-150 img{ width: 150px !important; }
	.sp-img-200 img{ width: 150px !important; }
  }
/* -------------
ボタンアニメーションの追加
-----------------------------*/
.btn_anime a{
margin: 0 auto;
animation: anime 2s ease 0s infinite alternate;
transform-origin:center;
cursor: pointer;
}
@keyframes anime {
from {transform: scale(0.95,0.95);}
to {transform: scale(1,1);}
}
.btn_anime img{
margin: 0 auto;
animation: anime 2s ease 0s infinite alternate;
transform-origin:center;
cursor: pointer;
}
@keyframes anime {
from {transform: scale(0.95,0.95);}
to {transform: scale(1,1);}
}
.contact-area .is-style-btn_line a:hover{
	color:var(--color_main) !important;
}
.contact-area .swell-block-button__link svg:not([fill]):hover {
    fill:var(--color_main) !importan;
}
/* ----------------------------------- */
/*余白調整*/
/* ----------------------------------- */
.w-beforeFooter {
    margin: 0 auto 3em;
}
/* ----------------------------------- */
/* スマホ時に文章を左寄せ or センター合わせ*/
/* ----------------------------------- */
@media (max-width: 480px) {
  .sp-left-alignment {
    text-align: left!important;
  }
}
@media (max-width: 480px) {
  .sp-center-alignment {
    text-align: center!important;
  }
}
/* =========================
  Utility：幅・余白調整
========================= */
/* 幅 */
.u-w-fit {
  width: fit-content;
}
/* padding */
.u-p-05 { padding: .5em; }
.post_content .u-p-1  { padding: 1em; }

.u-px-1 { padding-inline: 1em; }
.u-px-2 { padding-inline: 2em; }

.u-py-1 { padding-block: 1em; }
.u-py-2 { padding-block: 2em; }

.u-mt-1 { margin-top: 1em; }
.u-mb-2 { margin-bottom: 2em; }

@media (min-width: 960px) {
  .u-px-lg {
    padding-inline: 5em;
  }

  .u-px-xl {
    padding-inline: 10em;
  }
}
/* =========================
  Utility：角丸・影・線
========================= */

/* 角丸 */
.u-radius-10 {
  border-radius: 10px;
}

.u-radius-10 img {
  border-radius: 10px;
}

.u-radius-20 {
  border-radius: 20px;
}

/* 影 */
.u-shadow {
  box-shadow: 1px 3px 7px #d7d7d7;
}

/* 線 */
.u-border-main {
  border: 1px solid var(--color_deep02);
}
/* =========================
  Utility：横幅設定
========================= */

.u-w-600 {
  max-width: 600px;
  margin-inline: auto;
}

.u-w-800 {
  max-width: 800px;
  margin-inline: auto;
}

.u-w-900 {
  max-width: 900px;
  margin-inline: auto;
}

.u-w-1150 {
  max-width: 1150px;
  margin-inline: auto;
}
/* ----------------------------------- */
/* その他 */
/* ----------------------------------- */
/* =========================
  Utility：position
========================= */

.u-relative {
  position: relative;
}

.u-absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 640px) {
  .u-sp-column-reverse .swell-block-columns__inner {
    flex-direction: column-reverse;
  }
}
/* バックグラウンド */
.eight-bg-bottom .wp-block-cover__image-background, .eight-bg-bottom .wp-block-cover__background{
    bottom: -40px;
    height: 40%;
    top: initial;
}
@media (max-width: 640px) {
	.eight-bg-bottom .wp-block-cover__image-background, .eight-bg-bottom .wp-block-cover__background {
    bottom: 0px;
    height: 47%;
    top: initial;
}
}
/* デフォルト装飾の背景 */
.rounded-top mark{
  padding: 0.5em 1em;
  border-radius: 20px 20px 0px 0px;
}
.wp-block-table .has-fixed-layout {
  line-height: 2;
}
.c-button .swell-block-button__link[data-has-icon] {
    padding: 1.3em 0;
}
.map iframe{
width:100%;
}
.p-spMenu__bottom {
    margin-top:0;
}
.text-shadow-h2 {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
/* ----------------------------------- */
/* 下層トップビジュアルの設定 */
/* ----------------------------------- */
.c-pageTitle .c-pageTitle__subTitle {
    font-style: normal;
    color: #009ee5;
    font-size: 14px;
    margin: 0.5em 0;
}
#top_title_are{
	position:relative;
}
#top_title_area::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: var(--color_bg); /* ←ここで色を指定できる！ */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M100,5.58c-0.05-0.01-0.1-0.03-0.15-0.04C93.74,3.8,87.42,2,75,2S56.26,3.8,50.15,5.53 C43.97,7.29,37.58,9.11,25,9.11c-12.48,0-18.86-1.79-25-3.53V10h75h25V5.58z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M100,5.58c-0.05-0.01-0.1-0.03-0.15-0.04C93.74,3.8,87.42,2,75,2S56.26,3.8,50.15,5.53 C43.97,7.29,37.58,9.11,25,9.11c-12.48,0-18.86-1.79-25-3.53V10h75h25V5.58z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  pointer-events: none;
  z-index: 2;
}
@media (max-width: 600px) {
#top_title_area::after{
height: 30px;
}
}
@media (min-width: 600px) {
.l-topTitleArea {
    min-height: 300px;
  }
}
.l-topTitleArea {
	overflow: visible;
    margin: 0 0 1rem;
  }
.l-topTitleArea__body .c-pageTitle {
  box-shadow: none;
  text-shadow: none;
}
.c-pageTitle[data-style=b_bottom] .c-pageTitle__inner{
    text-align: center;
    margin: 0 auto;
    display: block;
    float: none;
    width: fit-content;
}
.c-pageTitle[data-style=b_bottom] {
    border-bottom:none;
}
.c-pageTitle[data-style="b_bottom"] .c-pageTitle__inner {
  position: relative;
	border-bottom:none;
}
.c-pageTitle[data-style="b_bottom"] .c-pageTitle__inner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(135deg, var(--color_main) 0%, var(--color_deep02) 100%);
  border-radius: 2px;
}
/* カラムの高さ合わせる */
@media (min-width: 960px){
.eight-frame1006-main .wp-block-group__inner-container{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.eight-frame1006-arrange-text{
  margin-top: auto;
  width: 100%;
}
.eight-frame1006-main .swell-block-column{
  display: flex;
}
.eight-frame1006-main .wp-block-group{
  display: flex;
  width: 100%;
}
}
/* =========================
  Component：カード高さ揃え
========================= */

/* 親：高さ揃え */
.c-equal-card .swell-block-columns__inner {
  display: flex;
  align-items: stretch;
}

/* 各カラム */
.c-equal-card .swell-block-column {
  display: flex;
  flex-direction: column;
}

/* カード本体 */
.c-equal-card__item {
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1;
}

/* SWELLグループ内も縦に伸ばす */
.c-equal-card__item > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* 中央寄せしたい場合 */
.c-equal-card__item--center > .wp-block-group__inner-container {
  align-items: center;
  justify-content: center;
}

/* テキストだけ伸ばさない */
.c-equal-card__text {
  flex-grow: 0 !important;
  margin-top: 0.6em;
  margin-bottom: 0;
}
