@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
*/

/*=================================================
 * TOP
 * ================================================= */
.top #content {
    padding-top: 0em;
}
@media (min-width: 960px) {
    .pc-py-60 {
        padding-top: 0em !important;
    }
}
.swell-block-fullWide__inner>* {
    margin-bottom: 0em;
}
/*=================================================
 * 見出し
 * ================================================= */
/* TOPだけ：SWELL本文h3の装飾線（::before）を無効化 */
.home .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before,
.front-page .post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{
  content: none !important;
  display: none !important;
}
/* TOPページだけ：SWELL本文h4の左ボーダー装飾を無効化 */
.home .post_content h4:where(
  :not([class^="swell-block-"])
  :not(.faq_q)
  :not(.p-postList__title)
),
.front-page .post_content h4:where(
  :not([class^="swell-block-"])
  :not(.faq_q)
  :not(.p-postList__title)
) {
  padding-left: 0 !important;
  border-left: none !important;
}

/* h3 下に200pxのテーマカラーアンダーライン */
.custom-underline {
  position: relative;
  text-align: center;
  padding-bottom: 20px;
}

.custom-underline::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 150px;
  height: 4px;
  background-color: var(--color_main); /* SWELLのテーマカラー */
  border-radius: 2px;
}
/*=================================================
 * TOPページ　ブログ個所
 * ================================================= */
#blog h3 {
  margin-top: 0px;
  margin-bottom: 10px;
}
#blog .highlight-marker {
    background: linear-gradient(transparent 65%, #d1fae5 65%);
    display: inline;
    padding-bottom: 2px;
}