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

/*見出しのCSS*/
/*記事中のh2見出し*/
.post_content h2{
    display: inline-block;
    position: relative;
    margin: calc(3.5rem / 2) 0 calc(3.5rem / 4) calc(3.5rem / 2);
    color: #404040;
    line-height: 1;
}
.post_content h2::before{
    position: absolute;
    bottom: calc(-3.5rem / 4);
    left: calc(-3.5rem / 2);
    z-index: -1;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    background: #a5f0f5;
    content: '';align-content
}

/*記事中のh3見出し*/
.post_content h3{
 padding: 0.65rem 1rem;
  border-left: 0.75rem double #a5f0f5;
	color: #404040;
}

/*記事中のh4見出し*/
.post_content h4{
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
color: #404040;
}

.post_content h4::before{
  background-color: #a5f0f5; /* 横線の色 */
  border-radius: 0.4rem; /* 横線の両端を丸く */
  content: "";
  height: 0.4rem; /* 横線の高さ */
  width: 1.5rem; /* 横線の長さ */
}
.post_content h4::before {
  margin-right: 0.75rem; /* 文字との余白 */
}

/*セクション用h2見出し*/
.post_content h2.is-style-section_ttl {
  display: flex;
  justify-content: center;
	color: #404040;
}

.post_content h2.is-style-section_ttl::after {
  position: absolute;
	bottom: -2rem;
	justify-content: center;
	width: 15rem;
  height: 0.3rem;
  content: '';
  border-radius: 10rem;
  background: #a5f0f5;
}

/*メインビジュアル*/
/*メインタイトルのCSSクラス*/
.p-mainVisual__slideTitle{
  display: inline-block;
  position: relative;
	font-feature-settings: "palt";
	font-size:2.5rem;
	font-weight:800
  line-height: 5;
}
/*サブタイトルのCSSクラス*/
.p-mainVisual__slideText{
  display: inline-block;
  position: relative;
	font-size:1.5rem;
  line-height: 5;
}
/*ボタンテキストのCSSクラス*/
.c-mvBtn__btn{
	font-size:1.2rem;
}