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

/* ================================================================================================================================ 
 * 全体
 * ================================================================================================================================ */
#body_wrap {
    border-left: 20px solid var(--color_main);
}

@media(max-width:599px){
	#body_wrap {
		border-left: 5px solid var(--color_main);
	}
}

/* ================================================================================================================================ 
 * ヘッダー
 * ================================================================================================================================ */
.l-header__bar {
    color: var(--color_main);
    font-weight: bold;
	background:none;
}
.c-gnav>.menu-item{
	height:64px;
}
.c-gnav>.menu-item>a .ttl{
	font-size:16px;
	font-weight:500;
}
.c-gnav{
	align-items: center;
}
.l-header .c-gnav>li>a:after {
    background: var(--color_main);
}
/* 無料相談 メニュー*/
.menu-item-151 a{
	background:var(--color_deep01);
    border-radius: 10px;
	padding-right:24px !important;
	padding-left:24px !important;
}
.menu-item-151 .ttl{
	color:#fff;
}
/* スマホメニュー */
.p-spMenu__nav .menu-item-151 a {
    color: #fff;
}

/* ================================================================================================================================ 
 * フッター
 * ================================================================================================================================ */
div#content{
	margin-bottom:0 !important;
}

/* ================================================================================================================================ 
 * セクション
 * ================================================================================================================================ */
.section-title p{
	color: #fff !important;
    -webkit-text-stroke: 1px var(--color_main);
	line-height: 1.3;
}
.section-title h2{
	color:var(--color_main) !important;
	font-size:40px;
}
@media(max-width:599px){
	.section-title h2{
		font-size:36px;
	}
}
/* お客様の声 */
 .section-title.section-title-voice p{
	color:transparent !important;
    -webkit-text-stroke: 1px #fff;
}

/* ================================================================================================================================ 
 * TOP
 * ================================================================================================================================ */
/* FV */
.fv-copy{
	font-size:32px;
	font-weight:bold;
	line-height:1.4;
}
/*SP以下*/
@media(max-width:599px){
	.fv-copy{
		font-size:28px;
	}
}

/* 特長 ------------------------------------------------------------------*/
#features .wp-block-media-text__content {
	background-color:#ffffff88;
}
@media(min-width:600px){
	#features .wp-block-media-text__content {
    padding: 15px !important;
	background:#fff;
	margin-top:100px !important;
	}
}

/* サービス ------------------------------------------------------------------*/
.service-contents .swell-block-columns__inner{
	justify-content:center;
}

.service-contents .swell-block-column.swl-has-mb--s {
    padding: 32px 13px;
}


.service-contents .swell-block-column{
    border-radius: 30px;
    padding-top: 3rem;
    border: 3px double var(--color_deep02);
    position: relative;
}

.service-contents-no1.swell-block-column::after{
	content:"1";
}
.service-contents-no2.swell-block-column::after{
	content:"2";
}
.service-contents-no3.swell-block-column::after{
	content:"3";
}
.service-contents-no4.swell-block-column::after{
	content:"4";
}
.service-contents-no5.swell-block-column::after{
	content:"5";
}

.service-contents .swell-block-column::after {
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background-color:var(--color_deep02);
    color: #fff;
    border-radius: 50%;
    font-weight:500;
}


@media(max-width:599px){
	.columns-no .swell-block-columns__inner{
		gap:3rem;
	}
}

/* お客様の声 ------------------------------------------------------------------*/

/* ===== 吹き出し本体 ===== */
.voice-column .wp-block-column.has-white-background-color{
  position: relative;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

/* ===== しっぽ（左下に出す例）===== */
.voice-column .wp-block-column.has-white-background-color.has-background::after{
	background: #fff;
    border-radius: 6px;
    clip-path: polygon(50% 1%, -10% 108%, 150% 50%);
    content: "";
    display: block;
    height: 26px;
    left: 4%;
    position: absolute;
    top: 95%;
    transform: rotate(-32deg);
    width: 71px;
}
/* ===== 実際のカード（白背景）を全高にする ===== */
.voice-column .wp-block-column.has-white-background-color.has-background{
  height: 100%;
  display: flex;
  flex-direction: column;
	margin-bottom:30px !important;
}



/* 料金 ------------------------------------------------------------------*/
.price-columns .wp-block-column{
/* 	border-radius:10px; */
	padding-top:32px;
	padding-bottom:32px;
}

.price-model .swell-block-column{
    background: #efefef !important;
/*     border-radius: 5px; */
}
@media(min-width:600px){
	.price-columns{
		margin-bottom:40px;
	}
}

/* お問い合わせ ------------------------------------------------------------------*/
@media(min-width:600px){
	.contact-form-pp{
		text-align:center;
	}
}