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

/* ================================================================================================================================ 
 * 全体
 * ================================================================================================================================ */

/* 見出し ------------------------------------------------------------------*/
.post_content h2.is-style-section_ttl::after{
	height:3px;
	border-radius:100px;
	background:var(--color_deep03);
}

@media (min-width: 600px) {
    .post_content h2 {
        font-size: 2em;
    }
}
/* mainコンテンツ ------------------------------------------------------------------*/
@media (min-width: 600px) {
    .l-content {
        padding-top: 0;
    }
}

/* ================================================================================================================================ 
 * ヘッダー
 * ================================================================================================================================ */
@media(min-width:960px){
	.menu-contact{
		padding:24px 0;
		transition:all 0.5s;
	}
}
.menu-contact a:hover{
	opacity:0.8;
	transition:all 0.5s;
}
.c-gnav>.menu-item:last-child >a {
	border-radius: 999px;
	padding: 0 30px;
	color: #fff;
	background: var(--color_main);
}
.menu-contact a:after ,
.menu-tel a:after{
	display: none !important;
}

.menu-tel a .ttl{
	font-size:20px !important;
	color:var(--color_main);
}
p.menu-tel-txt{
	margin-top:6px;
	font-size:12px;
	color:#333;
}
/* ================================================================================================================================ 
 * フッター
 * ================================================================================================================================ */
.before-footer-section{
	  background: linear-gradient(
        to bottom, 
        #EF868C 0%,        /* 下半分50%の開始色 */
        #F6AE94 50%,        /* 中間 */
        #FDD8A4 100%        /* 終了色 */
    ) !important;
}

.before-footer-section h2.is-style-section_ttl::after{
	background:#fff !important;
}
.home div#content {
    margin-bottom: 0;
}
div#before_footer_widget {
    margin-top: -96px;
	margin-bottom:0;
}

footer a.swell-block-button__link{
	color:#fff;
}

.w-footer .w-footer__box:last-child{
	align-self:center;
}

.footer-pp{
	margin-top:32px;
}

.l-footer__foot {
    background: var(--color_main);
    color: #fff;
}
/* ================================================================================================================================ 
 * ブロック
 * ================================================================================================================================ */

/* フルカラム ------------------------------------------------------------------*/

@media(min-width:600px){
	.full-column img{
		border-radius:0 50px 50px 0;
	}
	.full-column-pd{
		padding-right:160px !important;
	}
}
@media(max-width:599px){
	.full-column .full-column-pd{
		padding:4vw;
	}
}

/* コンテンツの丸み ------------------------------------------------------------------*/
.swell-block-capbox.cap_box.is-style-intext ,
.radius-contents .swell-block-column.swl-has-mb--s,
.wp-block-media-text img,
.link-column figure,
.radius-img img,
.shadow_on .wp-block-column {
    border-radius: 16px !important;
}
.radius-contents img{
	border-radius:8px !important;
}
/* リンクつきカラム ------------------------------------------------------------------*/

.link-column {
    position: relative; /* リンクの基準点にする */
	border:2px solid #E66E4D;
}
.link-column figure{
	overflow: hidden;
}
.link-column img{
	object-fit:cover;
	transition: all 0.5s; 
}
.link-column:hover img{
	transform: scale(1.1);
	transition:all 0.5s;
}

.link-column a {
    text-decoration: underline;
    text-decoration-color: transparent; /* 最初は線の色を透明にしておく */
    transition: text-decoration-color 0.5s; /* 線の色だけをアニメーション */
}

.link-column:hover a {
    text-decoration-color:var(--color_main); /* ホバー時に線に色をつける（サイトの色に合わせて変更してください） */
}


/* カラム内にある最初のリンクをカラム全体の大きさに広げる */
.link-column a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; /* 全面を覆う */
}

/* ================================================================================================================================ 
 * TOP
 * ================================================================================================================================ */

/* MV ------------------------------------------------------------------*/
#main_visual {
    /* 下部を緩やかな楕円形で切り抜く */
    clip-path: ellipse(150% 100% at 50% 0%);
}

/* MV下 */
.top-problem figure{
	height:100%;
}
.top-problem img{
	height:100%;
	object-fit:cover;
}

/* TOPガイドの背景------------------------------------------------------------------ */
.swell-block-fullWide.top-guide {
    /* 背景を「白」と「グラデーション」の2階建てにする */
    background: linear-gradient(
        to bottom, 
        #FDFDFD 50%,        /* 上半分50%は白（または透過なら transparent） */
        #EF868C 50%,        /* 下半分50%の開始色 */
        #F6AE94 75%,        /* 中間 */
        #FDD8A4 100%        /* 終了色 */
    ) !important;
}

/* 選ばれる理由 ------------------------------------------------------------------*/
.top-reason{
	overflow:hidden;
}

.top-reason:after{
	content: "";
    width: 800px;
    height: 800px;
    position: absolute;
    top: -300px;
    left: -450px;
    border-radius: 50%;
    border: 110px solid #edeaea;
}

.top-reason:before{
	content: "";
    width: 800px;
    height: 800px;
    position: absolute;
    bottom: -300px;
    right: -450px;
    border-radius: 50%;
    border: 110px solid #edeaea;
}
/* ================================================================================================================================ 
 * FAQ
 * ================================================================================================================================ */
.swell-block-faq__item {
    border-radius: 16px;
}
.swell-block-faq .swell-block-faq__item+.swell-block-faq__item {
    margin-top: 2.4em;
}

/* ================================================================================================================================ 
 * 当院について
 * ================================================================================================================================ */
.target-section h2.is-style-section_ttl::after{
	background:#fff;
}
.target-contents .swell-block-columns__inner{
	justify-content:center;
}
.target-contents .swell-block-column{
	border-radius:16px;
	background-color: #ffffffee !important;
}

/* ================================================================================================================================ 
 * スタッフ紹介
 * ================================================================================================================================ */
.swell-block-fullWide.staff-section{
    background: linear-gradient(
        to bottom, 
        #FDFDFD 0%,       
        #FFEDED 100%       
    ) !important;
}

/* ================================================================================================================================ 
 * お問い合わせ
 * ================================================================================================================================ */
.contact-columns .swell-block-column{
	border-radius:16px;
	background:#fcf2f2 !important;
}
.contact-form-pp{
	text-align:center;
}