@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ------   ↓↓ シュンさんから教えてもらったQAのアコーディオン対応 2025.08.30 ↓↓ ----- */
/* よくある質問 */
.faq_q {
 background-color: var(--color_main);
 color: #333;
 padding: 1em 1em 1em 3em!important;
 font-weight: bold;
 /* padding-left: 40px !important;  /* アイコンと文字の間隔を調整 */
}
.faq_q::before {
    vertical-align: middle;  /* アイコンの位置を中央に */
}
.faq_a {
 max-height: 0;
 overflow: hidden;
 transition: max-height 0s;
 padding: 0!important;
}
.faq_a.open {
 max-height: fit-content;
 padding: 1em 1em 1em 3em!important;
 border: solid 1px var(--color_main);
}
.swell-block-faq .faq_q:before,
.swell-block-faq .faq_a:before {
 box-shadow: none;
 left: 1px;
}
.swell-block-faq .swell-block-faq__item+.swell-block-faq__item {
 position: relative;
}
.swell-block-faq__item .faq_q:after {
 content: "\e910";
 font-family: icomoon!important;
 color: #333;
 font-weight: bold;
 position: absolute;
 right: 30px;
 top: 50%;
 transform: translateY(-50%);
 font-size: 1.4em;
}
@media screen and (max-width: 767px) { 
 .faq_q {
  padding: 1em 2.1em 1em 2em!important;
 }
 .swell-block-faq__item .faq_q:after {
  right: 10px;
 }
}

/* -----------   ↑↑ シュンさんから教えてもらったQAのアコーディオン対応 ↑↑ ----- */

/* ----- ↓ トップページ上部の余白を消す -----*/

/* .page-id-28.lcontent{  */
.lcontent{
 padding-top:0 !important; 10px;
}

.is-style-section_ttl{
	margin-bottom:50px !important;
}

/** グローバルメニューのフォント **/
#gnav{
 font-family:"Noto Serif JP", "Hiragino Mincho ProN", serif;
 font-weight:400;
}




/* ファーストビューのタイトル */
.p-mainVisual__slideTitle {
  font-size: 48px;   /* PC用サイズ */
  font-weight: 700;
  line-height: 1.3;
}

/* ファーストビューのサブテキスト */
.p-mainVisual__slideText {
  font-size: 22px;   /* PC用サイズ */
  font-weight: 500;
  line-height: 1.6;
}

/* レスポンシブ対応（スマホ用） */
@media (max-width: 768px) {
  .p-mainVisual__slideTitle {
    font-size: 28px;
  }
  .p-mainVisual__slideText {
    font-size: 16px;
  }
}

/*  トップ画像の下のなぞの空白を取る   */
.top #content{
  padding-top: 0 !important;
}