/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 29 2026 | 04:53:23 */
/* 
@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 {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* ======================================
   共通：スマホ（600px以下）
====================================== */
@media (max-width: 600px) {
  /* テーブル調整 */
  .sp-table td,
  .sp-table th,
  .price-table td,
  .price-table th {
      padding: 10px !important;
      font-size: 13px !important;
  }
/* フォントサイズ汎用 */
  .sp-fs-14 span{ font-size: 14px !important; }
  .sp-fs-16 span { font-size: 16px !important; }
  .sp-fs-12 span { font-size: 12px !important; }
  .sp-fs-13 span, .sp-fs-13 { font-size: 13px !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;
}
/* CTAボタンの調整 */
.cta-btn-pad a{
padding:1em;
}
.cta-btn-pad .swell-block-button__link[data-has-icon]{
padding: 1.2em;
}
@media (max-width: 600px) {
.cta-btn-pad .swell-block-button__link[data-has-icon]{
width:100%;
}
}
.is-style-btn_eight-border .swell-block-button__link[data-has-icon] {
  padding: 1.2em 2em;
  border: 4px solid #fff;
}
.is-style-btn_white .swell-block-button__link:hover {
background: var(--color_main);
color:var(--color_main);
}
/* ----------------------------------- */
/*余白調整*/
/* ----------------------------------- */
.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;
}
/* 中央寄せ */
.u-mx-auto {
  margin: 0 auto;
}
.u-w-600 {
  max-width: 600px;
  margin-inline: auto;
}

.u-w-800 {
  max-width: 800px;
  margin-inline: auto;
}

/* padding */
.post_content .u-p-05 { padding: .7em; }
.u-p-2  { padding: 2em; }

.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-p-㎎  { padding: 1em; }
  .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-radius-20 img{
  border-radius: 20px;
}
.u-radius-30 img {
  border-radius: 30px;
}
.u-radius-10 .swell-block-box-menu__link {
  border-radius: 10px;
}

	/* 影 */
.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;
  }
}
/* hrの装飾 */
.post_content .eight-line {
    border-bottom: 5px solid rgba(0, 0, 0, .1);
}
.is-style-lh-lg {
  line-height: 1.9;
}
/* バックグラウンド */
.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;
}
/*  */
.ark-block-slider__inner .swiper-wrapper {
    padding: 0 0 2em;
}
.ark-block-slider__inner .swiper-pagination{
    bottom: 10px;
}
.edge-text{
-webkit-text-stroke: 2px #fff;
  text-stroke: 2px #fff;
  paint-order: stroke;
}
.-list-under-dashed>li, .border_bottom>li {
    border-bottom: 1px dashed #707070;
}
.wp-block-group.voice-area {align-items:center;    }
@media (max-width: 640px) {
   .wp-block-group.voice-area {
        flex-direction: column;
    }
}
}
.map iframe{
width:100%;
}
.p-spMenu__bottom {
    margin-top:0;
}
.text-shadow-h2 {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
/* ----------------------------------- */
/* 下層トップビジュアルの設定 */
/* ----------------------------------- */
.l-topTitleArea__body {
    color: #333;
}
.c-pageTitle .c-pageTitle__subTitle {
    color: #009ee5;
    font-size: 19px;
    margin: 0;
    display: block;
    color: #000;
}
/* ========================================
   ページタイトル：白カバー
======================================== */
#top_title_area {
	position: relative;
}

/* 白い半透明カバー */
#top_title_area::before {
	content: "";
	position: absolute;
	inset: 0;
	    background: rgb(255 255 255 / 49%);
	z-index: 1;
}

/* タイトルをカバーより前面へ */
#top_title_area .l-topTitleArea__body {
	position: relative;
	z-index: 2;
}
/* #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;
    width: 96%;
        margin: 0 auto;
  }
.l-topTitleArea__body .c-pageTitle {
  box-shadow: none;
  text-shadow: none;
}
/* カラムの高さ合わせる */
@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;
}
