/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 25 2026 | 12:25:08 */
/* 
@media (max-width: 640px) 
@media (min-width: 960px) 
var(--color_main)
サブカラーの設定
var(--color_deep01)
var(--color_deep02)
var(--color_deep03)
*/

/* =========================
  共通：ボタンアニメーション
========================= */
.c-button-animation a,
.c-button-animation img {
  margin: 0 auto;
  animation: c-button-scale 2s ease 0s infinite alternate;
  transform-origin: center;
  cursor: pointer;
}

@keyframes c-button-scale {
  from {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}
/* ----------------------------------- */
/*SWELLテーマ側のクラス余白調整*/
/* ----------------------------------- */
.w-beforeFooter {
	margin: 0 auto 3em;
}
.l-content {
	margin: 0 auto;
}
/* =========================
  Utility：スマホ時テキスト位置
========================= */
@media (max-width: 480px) {
  .u-sp-text-left {
    text-align: left !important;
  }
  .u-sp-text-center {
    text-align: center !important;
  }

}
/* =========================
  Utility：幅・余白調整
========================= */

/* 幅 */
.u-w-fit {
  width: fit-content;
}

.u-w-600 {
  max-width: 600px;
  margin-inline: auto;
}

.u-w-800 {
  max-width: 800px;
  margin-inline: auto;
}

/* padding */
.u-p-05 { padding: .5em; }
.u-p-1  { padding: 1em; }
.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: 6em;
  }

  .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;
}
/* ----------------------------------- */
/* その他 */
/* ----------------------------------- */
.wp-block-group.u-align-center{
    align-items: center;
}
/* =========================
  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;
}
/* カラムの高さ合わせる */
@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;
}
/* ----------------------------------- */
/* 共通お問い合わせボタンボックス */
/* ----------------------------------- */
.contact_common_box{
	text-shadow:none;
}
.wp-block-group.is-row.contact_common_box {
    justify-content: center;
	gap:10px;
}
.contact_common_box a{
	font-weight:200;
    min-width: 250px;
    padding: 1em;
}
/* ----------------------------------- */
/* グラデーション背景 */
/* ----------------------------------- */
.gradation_back{
	background-image: linear-gradient(182deg, rgba(255, 255, 255, 1) 11%, rgba(245, 251, 254, 1) 65%, rgba(241, 250, 254, 1));
}
/* ----------------------------------- */
/*ボックスシャドウ*/
/* ----------------------------------- */
/*水色*/
.box_shaow_blue{
box-shadow: 3px 5px 14px rgba(0, 160, 239, 0.2);
}
/*----------------------------*/
/*テキスト配置*/
/*----------------------------*/
/*960px以下は右寄せを左寄せ*/
@media (max-width: 960px) {
.has-text-align-right.sp_left,.sp_left{
	text-align:left !important;
}
}
/*PCでは中央揃え*/
@media (min-width: 960px){
.pc_center.has-text-align-left {
    text-align: center;
}
}
/*スマホでは左揃え*/
@media (max-width: 959px){
.sp_left {
    text-align: left;
}
/*スマホでは中央揃え*/
.sp_center {
    text-align: center;
}
}
/*----------------------------*/
/*spでカラムを反転*/
/*----------------------------*/
@media (max-width: 599px) {
  .column_reverse > .swell-block-columns__inner {
    display: flex;
    flex-direction: column-reverse;
  }
}
/* ----------------------------------- */
/* 下層トップビジュアルの設定 */
/* ----------------------------------- */
