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

/* ========================================
   common
======================================== */

:root{
    /* --swl-font_family: "Noto Sans JP", sans-serif; */
	/* --swl-font_weight: 400; */
    --mincho-text: "Noto Serif JP","Noto Serif Japanese","游明朝", "Yu Mincho", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN" ,serif;
    /* --color_main: #ec95a1; */
    /* --color_text: #302004; */
    --dashed_color: #837766;
    --color_main_right: #f9cfd5;
    --bold_color: #ec95a1;
    --experience_btn_color: #ff97a5;
    --pink_block: #fff6f2;
    --class_kids_tag: #ef9faa;
    --class_adult_text: #f0b14b;
    --class_adult_block: #fff9eb;
    --class_adult_tag: #f2b450;
    --about-icon-2-color: #f2b450;
    --class_period_shadow:  0px 0px 15px 0px rgba(236, 193, 181, 0.49);
    --experience_btn_shadow: 0px 0px 5px 0px rgba(117, 117, 117, 0.23);
    --experience_btn_txt_shadow: 0 0 8px rgba(248,72,96,0.5);
    --experience_L_btn_bg: linear-gradient(90deg, rgba(252, 211, 97, 0.98), rgba(255, 151, 165, 0.98));
    --experience_L_btn_box-shadow: 0px 0px 14px 0px rgba(145, 128, 107, 0.23);
    --achievements_list_shadow: 0px 0px 30px rgba(206, 195, 191, 0.39);
    --btn_hover_shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);
    --cta-point:#ffeda3;
    --cta-reserve:#fafaf5;
    --cta-tel-text1:#fccd4c;
    --cta-tel-text2:#fb8a99;
	--font12: 0.75em;
    --font14: 0.875em;
	--font15: 0.938em;
    --font16: 1em;
	--font18: 1.125em;
	--font19: 1.188em;
	--font20: 1.25em;
    --font22: 1.375em;
	--font24: 1.5em;
	--font25: 1.563em;
	--font26: 1.625em;
	--font28: 1.75em;
	--font30: 1.875em;
	--font32: 2em;
	--font36: 2.25em;
	--font38: 2.375em;
    --font40: 2.5em;
    --font45: 2.813em;
	--font50: 3.125em;
	--font56: 3.5em;
	--font60: 3.75em;
    /* --arrow_icon_img: url(/wp-content/uploads/2026/05/icon-arrow.svg) no-repeat center right / 100% auto; */
    --arrow_icon_img: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMzMgMjUuMS0xMy4xIDEzYy0uOC44LTIgLjgtMi44IDAtLjgtLjgtLjgtMiAwLTIuOEwyOC40IDI0IDE3LjEgMTIuN2MtLjgtLjgtLjgtMiAwLTIuOC44LS44IDItLjggMi44IDBsMTMuMSAxM2MuNi42LjYgMS42IDAgMi4yeiI+PC9wYXRoPjwvc3ZnPg==);
    --material_radius: 10px;
    --section_radius: 30px;
    --btn-radius: 5px;
    --class_tag_radius: 6px;
    --btn_hover_shadow: 0 4px 12px rgba(0, 0, 0, .1), 0 12px 24px -12px rgba(0, 0, 0, .2);
    --icon_disc:url(/wp-content/uploads/2026/05/icon-list.svg) no-repeat center left / 100% auto;
    --shadow-column-block: 0px 0px 30px 0px rgba(206, 195, 191, 0.39);
    --over_img_txt_shadow: 0 0 3px rgba(255, 255, 255,1);
    --dotted: 1px dotted var(--color_text);
    --about-access-point-bg: #fffafa;
    --flow-num-icon-1: url(/wp-content/uploads/2026/05/icon-flower-2.webp);
    --flow-num-icon-2: url(/wp-content/uploads/2026/05/icon-flower-3.webp);
}

html{
	font-size: 100%;
}
body{
    font-family:var(--swl-font_family);
    font-weight: var(--swl-font_weight);
	font-size:var(--font16);
    background-color: #fff;
    font-style: normal;
    font-optical-sizing: auto;
    font-variant-ligatures: none;          /* 合字を無効化 */
    -webkit-font-feature-settings: "palt"; /* 特有のバグを回避 */
}
p strong{
    color: var(--bold_color);
}
p a:hover{
	text-decoration: none;
}

@supports (-webkit-hyphens: none) {
    b, strong{
        font-variation-settings: 'wght' 700;
    }
}
@media (max-width: 959px){
    body {
        -webkit-font-smoothing: subpixel-antialiased;
        -webkit-text-size-adjust: 100%;
        -webkit-font-smoothing: subpixel-antialiased !important;
    }
}
@media (min-width: 960px){
    p.hd-default-text{
        font-size: var(--font18);
    }
}
/*基礎*/
#content{
    margin-bottom: 0;
}
.-frame-on .l-mainContent{
    padding-bottom: 0;
}
@media (max-width: 959px){
    #sidebar {
        margin-top: 0em;
    }
    .single #content,
    .category #content{
        padding-bottom: 2em;
    }
}
@media (min-width: 960px){
    .single .l-mainContent,
    .category .l-mainContent{
        padding-bottom: 32px;
    }
    .single #content,
    .category #content{
        padding-bottom: 32px;
    }
}
.w-beforeFooter{
    margin-top: 0;
}
/*パンくずリスト*/
.p-breadcrumb__list{
	padding-inline: 16px;
    max-width: 1200px;
    box-sizing: border-box;
}
.-frame-on .p-breadcrumb{
    background-color: #fff !important;
}
.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text{
    display: inline;
}
/*コンテンツ基礎*/
@media (max-width: 959px){
	.l-content{
		margin-bottom: 2em;
	}
}
@media not all and (min-width: 960px){
	.alignwide,
	.l-content .alignfull{
		left: 0vw;
	}
}

/*矢印付きボタン（通常ボタン・サイズ設定無しにすると設定できます）*/
.swell-block-button.is-style-btn_normal a{
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: var(--btn-radius);
}
.swell-block-button.is-style-btn_normal a .__icon{
	position: absolute;
    right: 1em;
}
@supports (-webkit-hyphens: none) {
    .is-style-btn_normal a{
            font-variation-settings: 'wght' 700;
    }

}
@media (max-width: 959px){
	.swell-block-button.is-style-btn_normal a{
        padding: 1.2em 2em;
        min-width: calc(100% * 650 / 760);
	}
    .swell-block-button.is-style-btn_normal a span{
        font-size: var(--font16);
    }
}
@media (min-width: 960px){
	.swell-block-button.is-style-btn_normal a{
        padding: 1.282em 3.1755em;
        min-width: calc(100% * 332 / 1900);

	}
    .swell-block-button.is-style-btn_normal a span{
        font-size: var(--font20);
    }
}

/*矢印付きボタン（通常ボタン・大にすると設定できます）*/
.swell-block-button.-size-l {
	max-width: 436px;
	width: 100%;
    border-radius: var(--btn-radius);
}
.swell-block-button.-size-l a{
   background-image: var( --experience_L_btn_bg);
    text-shadow: var( --experience_btn_txt_shadow);
    box-shadow: var( --experience_L_btn_box-shadow);
    border-radius: var(--btn-radius);
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.swell-block-button.-size-l a span{
    font-weight: 600;
}
.swell-block-button.-size-l a:hover{
    box-shadow: var(--btn_hover_shadow);
    opacity: 1;
}
@supports (-webkit-hyphens: none) {
    .swell-block-button.-size-l a span{
        font-variation-settings: 'wght' 700;
    }
}

@media (max-width: 959px){
	.swell-block-button.-size-l{
		height: 70px;
	}
    .swell-block-button.-size-l a span{
        font-size: var(--font19);
    }
}
@media (min-width: 960px){
	.swell-block-button.-size-l{
		height: 91px;
	}
    .swell-block-button.-size-l a span{
        font-size: var(--font26);
    }
}

/*電話番号リンク（SPのみクリック可能）*/
@media (max-width: 959px){
    a.tel-number {
        text-decoration: underline;
    }
}
@media (min-width: 960px){
	a.tel-number {
        text-decoration: none;
        pointer-events: none;
		cursor: default;
	}
}

/*角丸画像*/
.wp-block-image.hd-radius-img img{
    border-radius: var(--material_radius);
    overflow: hidden;
    max-width: unset;
    width: 100% !important;
}

/*SWELLフルワイドブロック調整*/
main .post_content .swell-block-fullWide .swell-block-fullWide__inner {
	max-width:1296px;
}
@media (max-width: 959px){
	main .post_content .swell-block-fullWide{
		left: -5vw;
        width: calc(100% + 10vw);
        padding-block: 3em !important;
	}
}
@media (min-width: 960px){
	main .post_content .swell-block-fullWide{
		left: calc(50% - 50vw + var(--swl-scrollbar_width, 0px) / 2);
        width: calc(100vw - var(--swl-scrollbar_width, 0px));
	}
}

/*本文*/
#main_content .post_content,
.w-beforeFooter {
	font-weight: 400;
    font-size: var(--font16);
}
@supports (-webkit-hyphens: none) {
    #main_content .post_content,
    .w-beforeFooter,
    .l-footer{
        font-variation-settings: 'wght' 400;
    }
}

/*見出し*/
.post_content h2{
	font-family: var(--mincho-text);
	line-height: 1.5;
	font-weight: 400;
	margin-inline: 0;
}
.post_content h2 span{
    font-weight: inherit;
}
.post_content dt,
.post_content h3,
.post_content h4{
    font-weight: 600;
}
@supports (-webkit-hyphens: none) {
    .post_content h2{
        font-variation-settings: 'wght' 500;
    }
    .post_content h2 span{
        font-variation-settings: inherit;
    }
    .post_content dt,
    .post_content h3,
    .post_content h4{
        font-variation-settings: 'wght' 600;
    }
}
@media (min-width:960px){
    .post_content dt,
    .post_content h2,
    .post_content h3,
    .post_content h4{
        letter-spacing: 0.1em;
    }
}

/*見出し（文字サイズクラス制御タイプ）*/
@media (max-width:959px){
	.post_content .large-header{
		font-size: var(--font28) !important;
	}
	.post_content .middle-header{
		font-size: var(--font22) !important;
	}
	.post_content .small-header{
		font-size: var(--font20) !important;
	}
}
@media (min-width:960px){
	.post_content .large-header{
		font-size: var(--font38) !important;
	}
	.post_content .middle-header{
		font-size: var(--font28) !important;
	}
	.post_content .small-header{
		font-size: var(--font24) !important;
	}
}
/*見出し（投稿詳細）*/
.single .post_content h3{
    color: var(--color_main);
}
.single .post_content h4{
    font-weight: 400;
}
@supports (-webkit-hyphens: none) {
    .single .post_content h4{
        font-variation-settings: 'wght' 500;
    }
}
@media (max-width:959px){
	.single .post_content h2{
		font-size: var(--font28);
	}
	.single .post_content h3{
		font-size: var(--font22);
	}
	.single .post_content h4{
		font-size: var(--font20);
	}
}
@media (min-width:960px){
	.single .post_content h2{
		font-size: var(--font38);
	}
	.single .post_content h3{
		font-size: var(--font28);
	}
	.single .post_content h4{
		font-size: var(--font24);
	}
}

/*縦書きテキスト*/
.hd-vertical-text{
    writing-mode: vertical-rl;
}


/*ニュース*/
.p-postList .p-postList__meta{
	font-size: var(--font20);
    color: var(--color_main);
}
.p-postList .p-postList__times{
	opacity: 1;
	margin-right: 1em;
	padding-top: 3px;
}
.p-postList .p-postList__meta :before{
	display:none;
}
.p-postList li a .p-postList__title{
    font-weight: 400;
    text-decoration: underline;
}
@supports (-webkit-hyphens: none) {
    .p-postList li a .p-postList__title{
        font-variation-settings: 'wght' 500;
    }
}
.p-postList li a:hover .p-postList__title{
    text-decoration: none;
}
.p-postList.-type-simple{
    border: unset;
}
.-type-simple .p-postList__link{
    border-bottom: 1px dashed var(--dashed_color);
}
@media (min-width: 960px){
	main .p-postList__body{
		display: flex;
	}
    .p-postList .p-postList__meta{
        width: 7em;
    }
}

/* 書道教室について テーブル */
.hd-about-table th,
.hd-about-table td{
    border: unset;
    border-bottom: 1px dashed var(--dashed_color);
    padding: 0.85em 0;
    line-height: 1.8;
}
.hd-about-table th{
    background-color: unset;
    font-weight: 400;
}
@supports (-webkit-hyphens: none) {
    .hd-about-table th{
        font-variation-settings: 'wght' 500;
    }
}
.hd-about-table th::before{
    content: "";
    display: inline-block;
    mask: var(--icon_disc);
    background-color: var(--color_main);
    margin-right: 0.5em;
}
.hd-about-table tr:nth-child(2n) th::before{
    background-color: var(--about-icon-2-color);
}
@media (max-width:959px){
    .hd-about-table th{
        width:30% !important;
    }
    .hd-about-table th::before{
        width: 20px;
        height: 20px;
        vertical-align: -0.3em;
    }
    .hd-about-table th,
    .hd-about-table td{
        font-size: var(--font15);
    }
}
@media (min-width:960px){
    .hd-about-table th{
        width:30% !important;
    }
    .hd-about-table th,
    .hd-about-table td{
        font-size: var(--font20);
    }
    .hd-about-table th::before{
        width: 27px;
        height: 27px;
        vertical-align: -0.2em;
    }

}
/*マップ*/
@media (max-width:959px){
    .hd-about-map iframe{
        height: calc(100vh * 300 / 760);
    }
}


/* ========================================
   header
======================================== */
.-series .l-header__inner{
	max-width: unset;
}

@media (max-width: 959px){
	.-frame-on .l-mainContent{
		padding-top: 0;
	}
}

/*グローバルメニュー（PC）*/
@media (min-width: 960px){
    .c-gnav>li >a{
        transition: all .25s;
    }
    .c-gnav>.menu-item{
        display: flex;
        align-items: center;
    }
    .c-gnav>li:not(.com-experience-btn)>a,
    .-parallel .l-header__gnav .c-gnav>li:not(.com-experience-btn)>a{
        padding: 6px 7px;
        border-radius: 50px;
        height: auto;
    }
    .c-gnav>li:not(.com-experience-btn):hover>a,
    .c-gnav>li.-current:not(.com-experience-btn)>a{
        background-color: var(--color_main_right);
    }
    .c-gnav>.menu-item:not(.com-experience-btn)>a .ttl{
        font-weight: 600;
        font-size: var(--font14);
    }
    .-parallel-bottom .l-header__gnav{
        padding-bottom: 1em;
    }
    .l-fixHeader__logo{
        margin-right: 10px;
    }
    .l-fixHeader__gnav .c-gnav>.menu-item:not(.com-experience-btn)>a{
        padding-inline: 5px;
    }
    .l-fixHeader__gnav .c-gnav>.menu-item:not(.com-experience-btn)>a .ttl{
        font-size: var(--font12);
    }

}
@media (min-width: 1200px){
    .l-fixHeader__logo{
        margin-right: 15px;
    }
    .c-gnav>li:not(.com-experience-btn)>a,
    .-parallel .l-header__gnav .c-gnav>li:not(.com-experience-btn)>a{
        padding-inline: 14px;
        /* font-size: var(--font12); */
    }
    .l-fixHeader__gnav .c-gnav>.menu-item:not(.com-experience-btn)>a{
        padding-inline: 10px;
    }
    .l-fixHeader__gnav .c-gnav>.menu-item:not(.com-experience-btn)>a .ttl{
        font-size: var(--font14);
    }

}
@media (min-width: 1300px){
    .c-gnav>li:not(.com-experience-btn)>a,
    .-parallel .l-header__gnav .c-gnav>li:not(.com-experience-btn)>a{
        padding: 6px 10px;
    }
    .c-gnav>.menu-item:not(.com-experience-btn)>a .ttl{
        font-size: var(--font16);
    }
}


/*書道体験申し込み sp*/
@media (max-width: 959px){
    .c-spnav>li.com-experience-btn{
        padding-top: 2em;
    }
    .c-spnav>li.com-experience-btn >a{
        max-width: 260px;
        background-color: var(--experience_btn_color);
        border-radius: var(--btn-radius);
        box-shadow: var(--experience_btn_shadow);
        position: relative;
        padding: unset;
        font-size: var(--font18);
        text-shadow: var(--experience_btn_txt_shadow);
        font-weight: 600;
        color: #fff;
        text-align: center;
        padding: 1em 1em;
        margin-inline: auto;
    }
    .c-spnav>li.com-experience-btn >a::before,
    .c-spnav>li.com-experience-btn >a::after{
        content: "";
        position: absolute;
        transform: translateY(-50%);
    }
    .c-spnav>li.com-experience-btn >a::before{
        background: url(/wp-content/uploads/2026/05/icon-entry.webp) no-repeat center left / 100% auto;
        max-width: 58px;
        width: calc(100% * 58 / 261);/* width: 58px;*/
        height: 58px;
        top: 50%;
        left: 0;
    }
    .c-spnav>li.com-experience-btn >a::after{
        mask: var(--arrow_icon_img) no-repeat center right / 100% auto;
        background-color: #fff;
        width: 16px;
        height: 21px;
        top: 50%;
        right: calc(100% * 15 / 261);
        left: unset;
    }
    .c-spnav>li.com-experience-btn >a:hover{
        background-color: var(--experience_btn_color);
        box-shadow: var(--btn_hover_shadow);
    }
}
@supports (-webkit-hyphens: none) {
    .c-gnav>.menu-item:not(.com-experience-btn)>a .ttl{
        font-variation-settings: 'wght' 700;
    }
    .c-spnav>li.com-experience-btn >a{
        font-variation-settings: 'wght' 700;
    }
}

/*書道体験申し込みPC*/
@media (min-width: 960px){
    .c-gnav>li.com-experience-btn{
        max-width: 261px;
        width: calc(100% * 261 /1200 );
        margin-left: 1em;
    }
    .c-gnav>li.com-experience-btn >a{
        background-color: var(--experience_btn_color);
        border-radius: var(--btn-radius);
        box-shadow: var(--experience_btn_shadow);
        position: relative;
        width: 100%;
        padding: unset;
    }
    .c-gnav>li.com-experience-btn >a::before,
    .c-gnav>li.com-experience-btn >a::after{
        content: "";
        position: absolute;
        transform: translateY(-50%);
    }
    .c-gnav>li.com-experience-btn >a::before{
        background: url(/wp-content/uploads/2026/05/icon-entry.webp) no-repeat center left / 100% auto;
        max-width: 58px;
        width: calc(100% * 58 / 261);/* width: 58px;*/
        height: 58px;
        top: 50%;
        left: 0;
    }
    .c-gnav>li.com-experience-btn >a::after{
        mask: var(--arrow_icon_img) no-repeat center right / 100% auto;
        background-color: #fff;
        width: 16px;
        height: 21px;
        top: 50%;
        right: calc(100% * 15 / 261);
        left: unset;
    }
    .c-gnav>li.com-experience-btn >a:hover{
        background-color: var(--experience_btn_color);
        box-shadow: var(--btn_hover_shadow);
    }
    .c-gnav>li.com-experience-btn >a .ttl{
        font-size: var(--font12);
        text-shadow: var(--experience_btn_txt_shadow);
        font-weight: 600;
        color: #fff;
    }
    .-parallel-bottom .l-header__gnav .c-gnav>li.com-experience-btn >a{
        height: 48px;
    }
   .l-fixHeader__gnav .c-gnav>li.com-experience-btn{
        width: calc(100vw * 261 / 1900);
    }
    .l-fixHeader__gnav .c-gnav>li.com-experience-btn > a{
        height: 60%;
    }
    .l-fixHeader__gnav .c-gnav>li.com-experience-btn > a .ttl{
        font-size: var(--font12);
    }
}
@media (min-width: 1200px){
    .c-gnav>li.com-experience-btn >a .ttl{
        font-size: var(--font14);
    }
}
@media (min-width: 1300px){
    .c-gnav>li.com-experience-btn >a .ttl{
        font-size: var(--font16);
    }

}
@media (max-width: 960px){
    .c-gnav>li.com-experience-btn >a .ttl{
        font-size: var(--font14);
    }
}
@supports (-webkit-hyphens: none) {
    .c-gnav>li.com-experience-btn >a .ttl{
        font-variation-settings: 'wght' 700;
    }
}


/* ========================================
   footer
======================================== */
/*footer*/
.l-footer{
	background: var(--color_main);
    color: #fff;
}
.l-footer__widgetArea{
	padding-bottom: 1.5em;
}
.l-footer .w-footer{
	padding: 0;
    flex-flow: row;
    justify-content: start;
    max-width: calc(1200px + var(--swl-pad_container, 0px) * 2);
}
@supports (-webkit-hyphens: none) {
    .l-footer{
        font-variation-settings: 'wght' 500;
    }
}
@media (min-width: 960px){
    .w-footer__box{
        flex: unset;
        width: 33%
    }
}
/*会社情報*/
.l-footer .p-profileBox{
	border: unset;
	padding: 0;
}
.l-footer .p-profileBox__text{
	padding-inline: 0;
}
.l-footer .p-profileBox__name{
	font-family: var(--mincho-text);
	font-size: var(--font45) !important;
	text-decoration: none;
	letter-spacing: 0.1em;
	text-align: left;
    white-space: nowrap;
}
.p-profileBox .p-profileBox__btn{
    text-align: left;
}
.p-profileBox__btn .p-profileBox__btnLink{
    color: var(--color_main);
    border-radius: var(--btn-radius);
    text-align: center;
    min-width: 239px;
    position: relative;
}
.p-profileBox__btn .p-profileBox__btnLink::after{
    content: "";
    position: absolute;
    transform: translateY(-50%);
    mask: var(--arrow_icon_img);
    background-color: var(--color_main);
    width: 14px;
    height: 14px;
    top: 50%;
    right: 1em;
}

/*メニュー・リンク*/
.l-footer .c-listMenu a{
    padding: 0.5em;
    border-bottom: unset;
}
.l-footer .c-listMenu a:before{
    display: none;
}
@media (max-width:959px){
    .l-footer__widgetArea{
		padding-inline: 1em;
		padding-bottom: 0;
	}

    .l-footer .c-listMenu a{
        font-size: var(--font16);
    }
	.l-footer .p-profileBox__text{
		font-size: var(--font15);
	}
	.l-footer .p-profileBox__name{
		font-size: var(--font28) !important;
	}
    .w-footer__box{
        padding: 0;
    }
    .w-footer__box+.w-footer__box{
        margin-top: 0;
    }
}
@media (min-width: 960px){
    .w-footer__box:first-child{
        padding-right: 0;
    }
    .w-footer__box:last-child{
        padding-top: calc(var(--font45) + 4.5em);
        padding-left: 0;
    }
    .l-footer .c-listMenu a{
        font-size: var(--font18);
    }
    .l-footer .p-profileBox__text{
        font-size: var(--font18);
    }
}

/* ========================================
   CTA
======================================== */
.hd-cta-section .hd-cta-block{
    border-radius: var(--section_radius);
}
.hd-cta-section h3.hd-cta-title-open{
    color: var(--color_text);
    background: var(--cta-point);
    font-family: var(--mincho-text);
    font-weight: 500;
    border-radius: 50px;
    max-width: 524px;
    margin: 0 auto 0.8em !important;
    line-height: 1;
    padding: 0.417em 1em;

}
.hd-cta-section .hd-cta-title-caption{
    font-family: var(--mincho-text);
}
.hd-cta-section .hd-cta-title-main span{
    color: var(--color_main);
    background: unset;
}
.hd-cta-section .hd-cta-text{
    background-color: #fafaf5;
    border-radius: var(--material_radius);
}
.hd-cta-section .hd-cta-text-title{
    font-weight: 400;
    margin-bottom: 0.8em;
}
.hd-cta-section .hd-cta-text-title span{
    color: var(--color_main);
    background: unset;
}
.hd-cta-section .hd-cta-img-text .hd-cta-col-text{
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.hd-cta-section .hd-cta-list ul{
    list-style: none;
    padding: 0;
    display: flex;
    gap: 0.5em;
}
.hd-cta-section .hd-cta-list li{
    position: relative;
    background:  url(/wp-content/uploads/2026/05/cta-experience-list-bg.webp) repeat top left / 100% auto;
    outline: 1px solid #fff;
    outline-offset: -5px;
    border-radius: var(--material_radius);
    text-align: center;
    padding: 0.75em 0.5em;
}
.hd-cta-section .hd-cta-list li::before{
    content: "";
    position: absolute;
    background:  url(/wp-content/uploads/2026/05/icon-flower.webp) no-repeat center left / 100% auto;
}
.hd-cta-section .hd-reserve-title{
    font-weight: 400;
    letter-spacing: 0.1em;
    background-color: var(--cta-reserve);
    max-width: 13em;
    border-radius: 50px;
    margin: 0 auto;
    position: relative;
}
.hd-cta-section .hd-reserve-title::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 13px solid transparent;
    border-left: 13px solid transparent;
    border-top: 15px solid var(--cta-reserve);
    border-bottom: 0;
    bottom: -0.6em;
    left: 50%;
    transform: translateX(-50%);
}
.hd-cta-section .tel-number-text{
    line-height: 1.1;
}
.hd-cta-section .tel-number-text a{
    font-weight: 500;
    background: linear-gradient(135deg, var(--cta-tel-text1) 0%, var(--cta-tel-text2) 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;

}
@supports (-webkit-hyphens: none) {
    .hd-cta-section .hd-cta-title-open,
    .hd-cta-section .tel-number-text a{
        font-variation-settings: 'wght' 600;
    }
    .hd-cta-section .hd-cta-text-title,
    .hd-cta-section .hd-reserve-title{
        font-variation-settings: 'wght' 500;
    }
}


@media (max-width:959px){
    .hd-cta-section .hd-cta-title-open{
        font-size: var(--font22);
    }
    .hd-cta-section .hd-cta-title-caption{
        font-size: var(--font19);
    }
    .hd-cta-section .hd-cta-title-main{
        font-size: var(--font38);
        letter-spacing: 0.05em;
    }
    .hd-cta-section .hd-cta-text{
        padding: 1.5em 0;
        margin-bottom: 2em;
    }

    .hd-cta-section .hd-cta-text-title{
        letter-spacing: -0.1em;
    }
    .hd-cta-section .hd-cta-text-text{
        font-size: var(--font14);
    }
    .hd-cta-section .hd-cta-img-text{
        margin-bottom: 2em;
    }
    .hd-cta-section .hd-cta-img-text .swell-block-columns__inner{
        justify-content: space-between;
        gap: 0.5em;
    }
    .hd-cta-section .hd-cta-img-text .hd-cta-col-img{
        width: calc(100% * 280 / 620);
    }
    .hd-cta-section .hd-cta-img-text .hd-cta-col-text{
        width: calc(100% * 310 / 620);
    }
    .hd-cta-section .hd-cta-list ul{
        flex-flow: column;
        gap: 0em;
    }
    .hd-cta-section .hd-cta-list li{
        font-size: var(--font15);
    }
    .hd-cta-section .hd-cta-list li::before{
        width:  22px;
        height:  22px;
        top: -0.3em;
        left: -0.7em;
    }

}
@media (max-width:839px){
    .hd-cta-section .tel-number-text a{
        font-size: var(--font40);
    }
    .hd-cta-section .hd-reserve-title{
        font-size: var(--font18);
        padding: 0.2em 0.1em 0.2em;
        margin-bottom: 1em;
    }
    .hd-cta-section .swell-block-button.-size-l{
        margin-bottom: 1em;
    }
}
@media (max-width:699px){
    .hd-cta-section .tel-number-text a{
        font-size: var(--font32);
    }
}
@media (max-width:599px){
    .hd-cta-section .tel-number-text a{
        font-size: var(--font50);
    }
}
@media (max-width:429px){
    .hd-cta-section .tel-number-text a{
        font-size: var(--font40);
    }
}
@media (min-width: 840px){
    .hd-cta-section .hd-reserve-title{
        font-size: var(--font22);
        padding: 0.45em 0.1em 0.45em;
        margin-bottom: 1.5em;
    }
    .hd-cta-section .tel-number-text a{
        font-size: var(--font50);
    }
    .hd-cta-section .swell-block-button.-size-l{
        margin-bottom: 1.5em;
    }
}
@media (min-width: 960px){
    .hd-cta-section .hd-cta-block{
        padding: 3em 2.75em
    }
    .hd-cta-section .hd-cta-title-open{
        font-size: var(--font30);
        width: calc(100% * 524 / 1200);

    }
    .hd-cta-section .hd-cta-title-caption{
        font-size: var(--font24);
    }
    .hd-cta-section .hd-cta-title-main{
        font-size: var(--font60);
        letter-spacing: 0.1em;
    }
    .hd-cta-section .hd-cta-text{
        padding: 2em;
    }
    .hd-cta-section .hd-cta-img-text .swell-block-column,
    .hd-cta-section .hd-cta-img-text .swell-block-columns__inner{
        margin-left: unset;
    }
    .hd-cta-section .hd-cta-img-text .swell-block-columns__inner{
        gap: 2.5em;
        justify-content: space-around;
        flex-flow: nowrap;
    }
    .hd-cta-section .hd-cta-img-text .hd-cta-col-img{
        width: calc(100% * 344 / 1080);
    }
    .hd-cta-section .hd-cta-img-text .hd-cta-col-text{
        width: calc(100% * 695 / 1080);
    }
    .hd-cta-section .hd-cta-text-title{
        font-size: var(--font24);
    }
    .hd-cta-section .hd-cta-text-text{
        font-size: var(--font19);
    }
    .hd-cta-section .hd-cta-list li::before{
        width: calc(100% * 32 / 226);
        height: calc(100vw * 32 / 1280);
        top: -0.2em;
        left: -0.2em;
    }
    .hd-cta-section .hd-cta-list li{
        font-size: var(--font16);
        flex: 1;
    }
    .hd-cta-section .hd-cta-present-banner{
        margin-bottom: 2.5em;
    }

}
@media (min-width:1299px){
     .hd-cta-section .hd-cta-img-text .swell-block-columns__inner{
        gap: 2.5em;
        justify-content: space-around;
    }
    .hd-cta-section .hd-cta-list li{
        font-size: var(--font20);
    }
    .hd-cta-section .hd-cta-list li::before{
        width: 32px;
        height: 32px;
    }
}

/* ========================================
   SP 固定フッター
======================================== */
#fix_bottom_menu .menu-item-206 i{
    position: relative;
}
#fix_bottom_menu .menu-item-206 i::before{
    content: "";
    background: url(/wp-content/uploads/2026/05/icon-entry.webp) no-repeat center left / 100% auto;
    width: 33px;
    height: 33px;
    margin-top: -0.3em;
}


/* ========================================
   TOP
======================================== */
/*メインビジュアル*/
.p-mainVisual{
    z-index: 2;
}
.p-mainVisual__textLayer{
    justify-content: end;
}
.p-mainVisual__textLayer .c-mvBtn{
    max-width: 338px;
}
.p-mainVisual__textLayer .c-mvBtn__btn{
    background-image: var( --experience_L_btn_bg);
    text-shadow: var( --experience_btn_txt_shadow);
    box-shadow: var( --experience_L_btn_box-shadow);
    border-radius: var(--btn-radius);
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    height: 100%;
    font-weight: 600;
}
.p-mainVisual__textLayer .c-mvBtn__btn::after{
    content: "";
    position: absolute;
    transform: translateY(-50%);
    mask: var(--arrow_icon_img) no-repeat center right / 100% auto;
    background-color: #fff;
    width: 16px;
    height: 21px;
    top: 50%;
    right: 1em;
}
.p-mainVisual__textLayer .c-mvBtn__btn:hover{
    opacity: 1;
    box-shadow: var(--btn_hover_shadow);
}
@supports (-webkit-hyphens: none) {
    .p-mainVisual__textLayer .c-mvBtn__btn{
        font-variation-settings: 'wght' 700;
    }
}
@media (max-width: 959px){
    .p-mainVisual__inner{
        margin-inline: auto;
        aspect-ratio: 780 / 1094;
    }
    .p-mainVisual__textLayer{
        padding-bottom: 15vw;
    }
    .p-mainVisual__textLayer .c-mvBtn{
        width: calc(100% * 527 / 780);
        aspect-ratio: 527/ 118;
    }
    .p-mainVisual__textLayer .c-mvBtn__btn{
        font-size: var(--font18);
        letter-spacing: 0;
    }
}
@media (max-width: 829px){
    .p-mainVisual__textLayer {
        padding-bottom: 12vw;
    }
}
@media (max-width: 419px){
    .p-mainVisual__textLayer .c-mvBtn__btn{
        font-size: var(--font16);
        letter-spacing: 0;
    }
    .p-mainVisual__textLayer .c-mvBtn__btn::after{
        right: 0.5em;
    }
}
@media (min-width: 960px){
    .p-mainVisual__textLayer{
        padding-bottom: 3.5vw;
    }
    .p-mainVisual__textLayer .c-mvBtn{
        width: calc(100% * 338 / 1164);
        aspect-ratio: 338 / 81 ;
    }
    .p-mainVisual__textLayer .c-mvBtn__btn{
        font-size: var(--font18);
        letter-spacing: 0;
    }
}
@media (min-width: 1200px){
    .p-mainVisual__textLayer .c-mvBtn__btn{
        font-size: var(--font20);
        height: 81px;
    }
}
/*大小見出しセット*/
.hd-header-title{
	margin: 0;
}
.hd-header-title .hd-main-title,
.hd-header-title .hd-sub-title{
    font-family: var(--mincho-text);
    font-weight: 200;
	line-height: 1;
}
.hd-header-title .hd-sub-title{
    padding-bottom: 0.5em;
}
@media (max-width:959px){
    @supports (-webkit-hyphens: none) {
        .hd-header-title .hd-main-title,
        .hd-header-title .hd-sub-title{
            font-variation-settings: 'wght' 500;
        }
    }
}
@media (max-width:959px){
    .hd-header-title{
        padding-bottom: 2em;
    }
    .hd-header-title .hd-main-title{
        font-size: var(--font36);
    }
    .hd-header-title .hd-sub-title{
        font-size: var(--font18);
    }
}
@media (min-width:960px){
    .hd-header-title{
        padding-bottom: 2.813em;/*45px*/
    }
	.hd-header-title .hd-main-title{
        font-size: var(--font56);
    }
    .hd-header-title .hd-sub-title{
        font-size: var(--font20);
    }
}


/*セクション概要テキスト*/
.hd-section-outline-text{
    border-top: 3px double var(--color_text);
    border-bottom: 3px double var(--color_text);
    padding: 1em 0;
    text-align: center;
}
.hd-section-outline-text p{
    letter-spacing: 0.1em;
}
@media (max-width:959px){
    .hd-section-outline-text p{
        font-size: var(--font18);
        line-height: 1.5;
    }
    .hd-section-outline-text-large p{
        font-size: var(--font22);
    }
}
@media (max-width:399px){
    .hd-section-outline-text p{
        font-size: var(--font16);
    }
}
@media (min-width:960px){
    .hd-section-outline-text{
        margin-bottom: 3.5em;
    }
    .hd-section-outline-text p{
        font-size: var(--font20);
    }
    .hd-section-outline-text-large p{
        font-size: var(--font28);
    }
}

/*カラーブロック*/
.hd-bgcolor-section .hd-bgcolor-block{
    border-radius: var(--material_radius);
}
.hd-bgcolor-section .wp-block-image.hd-radius-img{
    margin-bottom: 1.5em !important;
}
.hd-bgcolor-section .hd-bgcolor-block .hd-caption-text{
    margin-bottom: 0.5em !important;
}
.hd-bgcolor-section .hd-bgcolor-block .hd-period-text{
    margin-bottom: 1.5em;
}
.hd-bgcolor-section .hd-bgcolor-block .hd-period-text .swl-marker{
    background: #fff;
    border-radius: 50px;
    box-shadow: var(--class_period_shadow);
    font-weight: 600;
    padding: 0.2em 1em 0.25em;
}
@media (max-width:959px){
    .hd-bgcolor-section .hd-bgcolor-block .hd-caption-text{
        font-size: var(--font24);
    }
    .hd-bgcolor-section .hd-bgcolor-block{
        padding: 1.5em 1.5em 2em;
    }
}
@media (min-width:601px){
    .hd-bgcolor-section .hd-bgcolor-block{
        display: flex;
        flex-direction: column;
    }
    .hd-bgcolor-section .hd-default-text{
        flex-grow: 1;
    }
}
@media (min-width:960px){
    .hd-bgcolor-section .hd-bgcolor-block .hd-caption-text{
        font-size: var(--font28);
    }
    .hd-bgcolor-section .hd-bgcolor-block{
        padding: 1.5em 1.5em 2em;
    }
}
@media  (min-width: 1300px){
    .hd-bgcolor-section .hd-bgcolor-block{
        padding: 2em 2.5em 2.5em;
    }
}
/*シャドウ付きブロック*/
.hd-shadow-column .hd-shadow-column-block{
    background-color: #fff;
    border-radius: var(--material_radius);
    box-shadow: var(--shadow-column-block);
}
.hd-shadow-column .hd-shadow-column-title{
    margin-bottom: 0.5em;
    font-weight: 400;
}
@supports (-webkit-hyphens: none) {
    .hd-shadow-column .hd-shadow-column-title{
        font-variation-settings: 'wght' 500;
    }
}
@media (max-width: 959px){
    .hd-shadow-column .hd-shadow-column-block{
        padding: 1em 1.5em 1.5em;
    }
    .hd-shadow-column .hd-shadow-column-title{
        font-size: var(--font22);
    }
}
@media (min-width:960px){
    .hd-shadow-column .hd-shadow-column-block{
        padding: 1.5em 3.5em 2em;
    }
    .hd-shadow-column .hd-shadow-column-title{
        font-size: var(--font28);
    }
}
/*王冠付きブロック*/
.hd-award-block{
    filter: drop-shadow(var(--achievements_list_shadow));
    border-radius: var(--material_radius);
    position: relative;
}
.hd-award-block .hd-award-block-crown{
    position: absolute;
    background-color: #fff;
    transform: translateX(-50%);
    left: 50%;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    z-index: -1;
}
.hd-award-block .hd-award-block-crown .wp-block-image{
    width: 44px;
}
@media (max-width:959px){
    .hd-award-block .hd-award-block-crown{
        width: 100px;
        height: 100px;
        top: -35px;
        padding-top: 10px;
    }
    .hd-award-block .hd-award-block-crown .wp-block-image{
        width: 30px;
    }
}
@media (min-width:960px){
    .hd-award-block .hd-award-block-crown{
        width: 150px;
        height: 150px;
        top: -50px;
        padding-top: 22px;
    }
    .hd-award-block .hd-award-block-crown .wp-block-image{
        width: 44px;
    }

}
/*Benefits 書道が育む力*/
.top .hd-benefits-section{
    background-position: top center;
}
.top .hd-benefits-section .hd-vertical-text{
    font-family: var(--mincho-text);
    font-weight: 200;
    letter-spacing: 0.1em;
    line-height: 1.6;
}
@supports (-webkit-hyphens: none) {
    .top .hd-benefits-section .hd-vertical-text{
        font-variation-settings: 'wght' 300;
    }
}
@media (max-width:959px){
    .top main .post_content .hd-benefits-section{
        margin-top: -16vw !important;
        padding-top: 10em !important;
    }

    .top .hd-benefits-section .hd-vertical-text{
        font-size: var(--font20);
        padding-right: 0.8em;
    }
}
@media (max-width:699px){
    .top main .post_content .hd-benefits-section{
        padding-top: 7em !important;
    }
    .top .hd-benefits-section .wp-block-image{
        width: 80%;
        margin-inline: auto;
    }
    .top .hd-benefits-section .hd-vertical-text{
        line-height: 1.5;
        padding: 0;
        width: 90%;
    }
}
@media (max-width:599px){
    .top main .post_content .hd-benefits-section{
        background: url(/wp-content/uploads/2026/05/top-benefits-bg-sp.webp) no-repeat center top / 100% auto !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
     .top .hd-benefits-section .hd-vertical-text{
        line-height: 1.5;
        width: auto;
        margin: 0 auto;
    }
}
@media (min-width:960px){
    .top .hd-benefits-section{
        margin-top: -12vw !important;
        padding-top: 9em !important;
    }
    .top .hd-benefits-section .hd-vertical-text{
        font-size: var(--font25);
        letter-spacing: 0;
    }
    .top .hd-benefits-section .swell-block-columns .swell-block-columns__inner{
        justify-content: space-around;
        max-width: 1024px;
        margin-inline: auto;
    }
    .top .hd-benefits-section .swell-block-columns .swell-block-column:first-child{
        max-width: 442px;
        width: calc(100% * 442 / 1200);
    }
    .top .hd-benefits-section .swell-block-columns .swell-block-column:last-child{
        padding-top: 2em;
    }

}
@media (min-width:1000px){
    .top .hd-benefits-section .hd-vertical-text{
    line-height: 1.8;
    }
}
@media (min-width:1400px){
    .top .hd-benefits-section{
        padding-top: 12em !important;
    }
}
@media (min-width:1900px){
    .top .hd-benefits-section{
        padding-top: 15em !important;
    }
}

/*Features まみこ書道教室の6つの特徴*/
.hd-features-section .hd-header-title .hd-main-title .swl-marker{
    background-color: unset;
    display: inline-block;
    letter-spacing: 0;
}
@media (max-width:959px){
    .hd-features-section .hd-header-title .hd-main-title .swl-marker{
        font-size: 0.5em;/*13px*/
        display: block;
        background: url(/wp-content/uploads/2026/05/features-balloon-sp.webp) no-repeat right center / 100% auto;
        padding: 0.3em 0 0.9em;
        margin: 0.2em auto 0.1em !important;
        width: 9em;
    }
}
@media (min-width:960px){
    .hd-features-section .hd-header-title .hd-main-title .swl-marker{
        background: url(/wp-content/uploads/2026/05/features-balloon.webp) no-repeat right center / 100% auto;
        padding: 0.4em 0.9em 0.5em 0.5em;
        vertical-align: 0.4em;
        margin-right: 0.25em;
    }
}

/*セクション概要テキスト*/
@media (max-width:959px){
    .hd-features-section .hd-header-title .hd-main-title .swl-marker{
        margin-bottom: 0.3em;
        margin-top: 0.1em;
    }
}
@media (min-width:960px){
    .hd-features-section .hd-section-outline-text{
        margin-bottom: 1.5em
    }
}
/*画像テキストカラム*/

.hd-features-section .hd-features-num{
    margin-bottom: -1em !important;
    z-index: 1;
    position: relative;
}
.hd-features-section .hd-features-num .swl-marker{
    background: url(/wp-content/uploads/2026/05/icon-features-num.webp) no-repeat center center / 100% auto;
    text-shadow: var(--experience_btn_txt_shadow);
    display: inline-block;
    color: #fff;
    font-size: var(--font26);
    font-family: var(--mincho-text);
}
.hd-features-section .hd-features-img-text-column .hd-features-caption{
    color: var(--bold_color);
}
@media (max-width:959px){
    .hd-features-section .hd-features-num .swl-marker{
        width: 54px;
        height: 58px;
        line-height: 52px;
    }
    .hd-features-section .hd-features-img-text-column{
        margin-bottom: 2em;
    }
    .hd-features-section .hd-features-img-text-column .swell-block-columns__inner{
        row-gap:1.5em;
    }
    .hd-features-section .hd-features-img-text-column .hd-features-caption{
        font-size: var(--font20);
        margin-bottom: 0.5em !important;
    }
    .hd-features-section .hd-features-img-text-column .wp-block-image{
        margin-bottom: 1em !important;
    }

}
@media (min-width:960px){
    .hd-features-section .hd-features-img-text-column{
        margin-bottom: 3em;
    }

    .hd-features-section .hd-features-img-text-column .swell-block-columns__inner{
        row-gap:3em;
    }
    .hd-features-section .hd-header-title .hd-main-title .swl-marker{
        font-size: 0.465em;/*26px*/
    }
    .hd-features-section .hd-features-img-text-column .hd-features-caption{
        font-size: var(--font24);
        margin-bottom: 0.8em !important;
    }
    .hd-features-section .hd-features-img-text-column .wp-block-image{
        margin-bottom: 1.75em !important;
    }

    .hd-features-section .hd-features-num .swl-marker{
        width: 64px;
        height: 68px;
        line-height: 59px;
    }
    

}

/*Class Information 教室のご案内*/
.hd-class-section .hd-class-title{
    margin-inline: auto;
    position: relative;
    max-width: 425px;
    width: calc(100% * 425 / 500);
}

.hd-class-section .hd-bgcolor-block-1{
    background-color: var(--pink_block);
}
.hd-class-section .hd-bgcolor-block-1 .hd-caption-text{
    color: var(--color_main);
}
.hd-class-section .hd-bgcolor-block-1 .hd-period-text .swl-marker{
    color: var(--color_main);
}
.hd-class-section .hd-bgcolor-block-2{
    background-color: var(--class_adult_block);
}
.hd-class-section .hd-bgcolor-block-2 .hd-caption-text{
    color: var(--class_adult_text);
}
.hd-class-section .hd-bgcolor-block-2 .hd-period-text .swl-marker{
    color: var(--class_adult_text);
}
@supports (-webkit-hyphens: none) {
    .hd-class-section .hd-period-text .swl-marker{
        font-variation-settings: 'wght' 700;
    }
}
@media (max-width:959px){
    .hd-class-section .hd-class-title{
        margin-bottom: -1.7em;
    }
    .hd-class-section .hd-bgcolor-block{
        padding-top: 0;
    }
}
@media (min-width:601px){
    .hd-class-section .hd-default-text{
        flex-grow: 1;
    }
    .hd-class-section .hd-class-title{
        margin-bottom: -2.3em;
    }

}
@media (min-width:960px){
    .hd-class-section .hd-bgcolor-block{
        padding-top: 0;
    }
    .hd-class-section .hd-default-text{
        padding-bottom: 1em;
    }
}


/*Student / Achievements 受講生・入賞実績*/
.hd-achievements-section .hd-award-block .hd-award-block-title{
    position: relative;
    font-family: var(--mincho-text);
    font-weight: 400;
    width: fit-content;
    margin-top: 0;
    margin-inline: auto;
}
.hd-achievements-section .hd-award-block .hd-award-block-title::before,
.hd-achievements-section .hd-award-block .hd-award-block-title::after{
    content: "";
    position: absolute;
    top: 50%;
    background: url(/wp-content/uploads/2026/05/icon-laurel.webp) no-repeat center top / 100% auto;
}
.hd-achievements-section .hd-award-block .hd-award-block-title::before{
    left: 0;
    transform: translateY(-50%);
}
.hd-achievements-section .hd-award-block .hd-award-block-title::after{
    right: 0;
    transform: translateY(-50%) scaleX(-1);
}
.hd-achievements-section .hd-award-block .wp-block-list{
    list-style: none;
}
.hd-achievements-section .hd-award-block .wp-block-list li::before{
    content: "";
    position: absolute;
    background:  url(/wp-content/uploads/2026/05/icon-medal.webp) no-repeat center top / 100% auto;
    width: 17px;
    height: 27px;
    top: 0;
    left: -30px;
}
@supports (-webkit-hyphens: none) {
    .hd-achievements-section .hd-award-block .hd-award-block-title{
        font-variation-settings: 'wght' 500;
    }
}
@media (max-width:959px){
    .hd-achievements-section .hd-section-outline-text{
        margin-bottom: 3em;
    }
    .hd-achievements-section .hd-award-block .hd-award-block-title{
        font-size: var(--font28);
        padding-inline: 1em;
        margin-bottom: 0.5em;
    }
    .hd-achievements-section .hd-award-block .hd-award-block-title::before,
    .hd-achievements-section .hd-award-block .hd-award-block-title::after{
        width: 17px;
        height: 34px;
    }
    .hd-achievements-section .hd-award-block .swell-block-column{
        margin-block: -0.55em;
        padding-inline: 1em;
    }
    .hd-achievements-section .hd-award-block .swell-block-columns__inner{
        row-gap: 0;
    }
    .hd-achievements-section .hd-award-block .wp-block-list li{
        margin: 1.25em 0;
    }
}
@media (min-width:960px){
    .hd-achievements-section .hd-section-outline-text{
        margin-bottom: 5em
    }
    .hd-achievements-section .hd-award-block{
        margin-bottom: 3em;
        padding: 2em 5em 2.5em;
    }
    .hd-achievements-section .hd-award-block .hd-award-block-title{
        font-size: var(--font32);
        padding-inline: 1.5em;
        margin-bottom: 1em;
    }
    .hd-achievements-section .hd-award-block .hd-award-block-title::before,
    .hd-achievements-section .hd-award-block .hd-award-block-title::after{
        width: 29px;
        height: 60px;
    }
    .hd-achievements-section .hd-award-block .wp-block-list li{
        font-size: var(--font18);
        margin: 0.75em 0;
    }
}
/* News お知らせ */
.hd-news-section .hd-news-inner{
    background:  url(/wp-content/uploads/2026/05/top-news-bg.webp) repeat center top / cover;
    border-radius: var(--section_radius);
}
.hd-news-section .p-postList.-type-simple+.is-style-more_btn {
    margin-top: 3em;
}
.hd-news-section .p-postList.-type-simple+.is-style-more_btn a{
    background-color: var(--color_main);
    text-align: center;
    overflow: hidden;
    border-radius: var(--btn-radius);
    min-width: unset;
    line-height: 1.5;
    width: fit-content;
    box-shadow: unset;
    color: #fff;
    font-weight: 600;
}
.hd-news-section .p-postList.-type-simple+.is-style-more_btn a::after{
    mask: var(--arrow_icon_img) no-repeat center right / 100% auto;
    background-color: #fff;
    width: 16px;
    height: 21px;
    transform: translateY(-50%);
    top: 50%;
    right: calc(100% * 15 / 261);
    left: unset;
}
.hd-news-section .p-postList.-type-simple+.is-style-more_btn a:hover{
    box-shadow: var(--btn_hover_shadow);
    opacity: 1;
}
.hd-news-section .p-postList.-type-simple+.is-style-more_btn a::after:hover{
    transform: translateY(-50%);
}
@supports (-webkit-hyphens: none) {
    .hd-news-section .p-postList.-type-simple+.is-style-more_btn a{
        font-variation-settings: 'wght' 700;
    }
}
@media (max-width:959px){
    .hd-news-section .hd-news-inner{
        padding: 1.5em 1.5em 2em;
    }
    .hd-news-section .p-postList.-type-simple+.is-style-more_btn a{
        padding: 0.967em 2em;
        font-size: var(--font16);
        min-width: calc(100% * 650 / 760);
    }
}
@media (min-width:960px){
    .hd-news-section .hd-news-inner{
        padding: 3em 6.25em 4.5em;
    }
    .hd-news-section .hd-section-outline-text{
        margin-bottom: 2em;
    }
    .hd-news-section .p-postList.-type-simple+.is-style-more_btn a{
        padding: 1.025em 3.1755em;
        font-size: var(--font20);
    }
}

/* About 書道教室について */
@media (min-width:600px){
    .hd-about-section .hd-about-img-block{
        padding-top: 4.5em;
    }
}
@media (min-width:960px){
    .hd-about-section .hd-about-img-block{
        margin-bottom: 1.5em;
    }
    .hd-about-section .hd-about-img-block .swell-block-columns__inner{
        margin-left: -1.8em;
    }
    .hd-about-section .hd-about-img-block .swell-block-columns__inner .swell-block-column{
        margin-left: 1.5em;
    }
}
@media (min-width:1299px){
    .hd-about-section > .swell-block-fullWide__inner > .swell-block-columns > .swell-block-columns__inner > .swell-block-column:first-child{
        width: calc(100% * 580.65 / 1200);
    }
    .hd-about-section > .swell-block-fullWide__inner > .swell-block-columns > .swell-block-columns__inner > .swell-block-column:last-child{
        width: calc(100% * 541.9 / 1200);
    }
}

/* ========================================
   下層
======================================== */
/*下層タイトル*/
.l-topTitleArea__body,
.l-topTitleArea .c-categoryList,
.l-topTitleArea .c-categoryList__link{
    color: var(--color_text);
}
.c-pageTitle{
    font-family: var(--mincho-text);
    font-weight: 400;
}
@supports (-webkit-hyphens: none) {
    .c-pageTitle{
        font-variation-settings: 'wght' 500;
    }
}
@media (max-width: 599px){
    .c-pageTitle{
        font-size: var(--font32);
    }
}
@media screen and (min-width: 600px){
    .c-pageTitle{
        font-size: var(--font56);
    }
}

/*下層見出し*/
.page:not(.home) main .post_content h2{
    letter-spacing: 0.1em;
    position: relative;
    padding-bottom: 0.75em;
}
.page:not(.home) main .post_content h2::after{
    position: absolute;
    content: "";
    border-top: 1px solid var(--color_text);
    border-bottom: 1px solid var(--color_text);
    width: 64px;
    height: 4px;
    transform: translateX(-50%);
    bottom: 0;
    left: 50%;
}
@media (max-width: 599px){
    .page:not(.home) main .post_content h2{
        font-size: var(--font26);
        line-height: 1.3;
    }
}
@media screen and (min-width: 600px){
    .page:not(.home) main .post_content h2{
        font-size: var(--font38);
        line-height: 1;
    }
}
/*****ページ概要*****/
main .post_content .hd-page-about{
    padding-top: 0 !important;
}
.hd-page-about-column .hd-page-about-column-text p{
    font-family: var(--mincho-text);
}

@supports (-webkit-hyphens: none) {
    .hd-contents-header-title .hd-sub-title{
        font-variation-settings: 'wght' 400;
    }
}
@media (max-width: 959px){
    .hd-page-about-column .hd-page-about-column-text p{
        font-size: var(--font15);
    }
}
@media (max-width: 599px){
    .hd-page-about-column .hd-page-about-column-img figure{
        width: 80%;
        margin-inline: auto;
    }
}
@media  (min-width: 600px){
    .hd-page-about-column .hd-page-about-column-img{
        display: flex;
        justify-content: flex-end;
    }
    .hd-page-about-column .swell-block-columns__inner{
        justify-content: center;
    }
}
@media  (min-width: 960px){
    .hd-page-about-column .hd-page-about-column-text p{
        font-size: var(--font18);
    }
}

/* ========================================
   書道教室
======================================== */

/*教室の概要*/
.hd-class-about-column .hd-page-about-column-img figure{
    position: relative;
}
.hd-class-about-column .hd-page-about-column-img figure::before{
    position: absolute;
    content: "";
    background: no-repeat top left / 100% auto;
    z-index: -1;
}


@media (max-width: 599px){
    .hd-class-about-column .hd-page-about-column-img figure::before{
        width: calc(100% * 500 / 760);
        height: calc(100vw * 390 / 760);
        bottom: calc(100% * -45 / 760);
        right: calc(100% * -80 / 760);
    }
}

@media  (min-width: 600px){
    .hd-class-about-column .swell-block-columns__inner{
        justify-content: center;
    }
    .hd-class-about-column .hd-page-about-column-img{
        width: calc(100% * 400 / 1200);
    }
    .hd-class-about-column .hd-page-about-column-img figure{
        width: calc(100% * 400 / 400);
        height: calc(100vw * 155 / 400);
        max-height: 457px;
    }
    .hd-class-about-column .hd-page-about-column-img figure::before{
        width: calc(100% * 280 / 400);
        height: calc(100vw * 280 / 1200);
        bottom: calc(100% * -45 / 400);
        right: calc(100% * -80 / 400);
        max-width: 280px;
    }
    .hd-class-about-column .hd-page-about-column-text{
        width: calc(100% * 550 / 1200);
        max-width: 650px;
    }
}
@media (min-width: 1070px){
    .hd-class-about-column .hd-page-about-column-img{
        width: calc(100% * 457 / 1200);
    }
    .hd-class-about-column .hd-page-about-column-img figure::before{
        width: calc(100% * 280 / 400);
        height: calc(100vw * 280 / 400);
        bottom: calc(100% * -45 / 400);
        right: calc(100% * -80 / 400);
        max-width: 280px;
        max-height:280px;
    }
    .hd-class-about-column .hd-page-about-column-text{
        width: calc(100% * 650 / 1200);
    }
}
/*****学びの広場*****/
.hd-square-section {
    margin-bottom: 0;
    padding-bottom: 0;
}
.hd-square-section .hd-square-inner{
    background:  url(/wp-content/uploads/2026/05/top-news-bg.webp) repeat center top / cover;
    border-radius: var(--section_radius);
}
.hd-square-section .hd-header-title{
    padding-bottom: 1em;;
}
.hd-square-section .hd-square-title figure{
    margin-inline: auto;
}
@media (max-width: 959px){
    .hd-square-section .hd-square-inner{
        padding: 1.5em 1.5em 2em;
    }
    .hd-square-section .hd-square-title figure{
        width: calc(100% * 600 / 760);
    }
    .hd-square-section .hd-square-column-img figure{
        width: 80%;
        margin-inline: auto;
    }
}

@media  (min-width: 960px){
    .hd-square-section .hd-square-inner{
         padding: 3em 6.25em 5em;
    }
    .hd-square-section .hd-square-title figure{
        width: calc(100% * 425 / 1000);
    }
    .hd-square-section .hd-square-column .swell-block-columns__inner{
        justify-content: center;
    }
    .hd-square-section .hd-square-column-img{
        width: calc(100% * 355 / 1000);
    }
    .hd-square-section .hd-square-column-text{
        width: calc(100% * 440 / 1000);
    }
}
/*****教室紹介・料金*****/
.hd-price-section .hd-price-outline{
    border-bottom: var(--dotted);
    padding-bottom: 1em;
}
.hd-price-section .hd-price-outline .hd-price-category{
    list-style: none;
    padding-inline: 0;
    text-align: center;
    margin-bottom: 0.5em;
}
.hd-price-section .hd-price-outline .hd-price-category li{
    display: inline-block;
    margin: 0 0.25em 0.25em;
    line-height: 1;
    padding: 0.4em 0.6em;
    font-weight: 500;
    border-radius: var(--class_tag_radius);
    color: #fff;
    box-shadow: var(--class_period_shadow);
}
.hd-price-section .hd-price-outline .hd-price-num{
    margin-block: -0.2em 0.4em;
    font-weight: 500;
    line-height: 1;
}
.hd-price-section .hd-price-outline .hd-price-num span{
    background: unset;
    font-size: 1.289em;/*PC:36px.*/
}
.hd-price-section .hd-price-list .swell-block-columns__inner .swell-block-column{
    position: relative;
}
@supports (-webkit-hyphens: none) {
    .hd-price-section .hd-price-outline .hd-price-category li,
    .hd-price-section .hd-price-outline .hd-price-num{
        font-variation-settings: 'wght' 600;
    }
}
@media (max-width: 959px){
    .hd-price-section .hd-price-list{
        margin-bottom: 2em;
    }
    .hd-price-section .hd-price-list .swell-block-columns__inner .swell-block-column{
        width: 100%;
        margin-bottom: 2em;
    }
    .hd-price-section .hd-price-list .swell-block-columns__inner .swell-block-column::after{
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        border-bottom: var(--dotted);
        bottom: -1em;
        left: 0;
    }
    .hd-price-section .hd-price-outline .hd-price-num{
        margin-top: 0;
    }
}
@media  (min-width: 960px){
    .hd-price-section .hd-price-img-text-column{
        margin-bottom: 3.5em;
    }
   .hd-price-section .hd-price-outline .hd-price-category li{
        font-size: var(--font12);
        margin: 0 0.1em 0.2em;
    }
    .hd-price-section .hd-price-outline .hd-price-num{
        font-size: var(--font22);
        letter-spacing: 0;
    }
    .hd-price-section .hd-price-list .swell-block-columns__inner{
        gap: 0.5em;
        justify-content: space-between;
    }
    .hd-price-section .hd-price-list .swell-block-columns__inner .swell-block-column:nth-child(2)::before,
    .hd-price-section .hd-price-list .swell-block-columns__inner .swell-block-column:nth-child(2)::after{
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        border-left: var(--dotted);
        transform: translateY(-50%);
        top: 50%;
    }
    .hd-price-section .hd-price-list .swell-block-columns__inner .swell-block-column{
        width: calc(var(--clmn-w) - .5em);
    }
    .hd-price-section .hd-price-list .swell-block-columns__inner .swell-block-column:nth-child(2)::before{
        left: -0.25em;
    }
    .hd-price-section .hd-price-list .swell-block-columns__inner .swell-block-column:nth-child(2)::after{
        right: -0.25em;
    }

}
@media  (min-width: 1000px){
    .hd-price-section .hd-price-outline .hd-price-category li{
        font-size: var(--font14);
    }
    .hd-price-section .hd-price-outline .hd-price-num{
        font-size: var(--font24);
    }
}
@media  (min-width: 1300px){
     .hd-price-section .hd-price-outline .hd-price-num{
        font-size: var(--font28);
        letter-spacing: normal;
    }
     .hd-price-section .hd-price-list .swell-block-columns__inner{
        gap: 1.5em;
        justify-content: space-between;
    }
    .hd-price-section .hd-price-list .swell-block-columns__inner .swell-block-column{
        width: calc(var(--clmn-w) - 1.5em);
    }
    .hd-price-section .hd-price-list .swell-block-columns__inner .swell-block-column:nth-child(2)::before{
        left: -1.1em;
    }
    .hd-price-section .hd-price-list .swell-block-columns__inner .swell-block-column:nth-child(2)::after{
        right: -1.1em;
    }
    .hd-price-section .hd-price-outline .hd-price-category li{
        font-size: var(--font16);
    }

}
/*****注意リスト*****/
.hd-note-block{
    border-top: 3px double var(--color_text);
    border-bottom: 3px double var(--color_text);
}
.hd-note-block .hd-note-block-title{
    font-weight: 400;
    position: relative;
    margin-bottom: 0.5em;
}
.hd-note-block .hd-note-block-title::before{
    content: "";
    display: inline-block;
    mask: var(--icon_disc);
    background-color: var(--color_main);
    margin-right: 0.5em;
    vertical-align: -0.3em;
}
.hd-note-block .hd-note-block-list{
    list-style: none;
    padding-inline: 0;
}
.hd-note-block .hd-note-block-list li{
    text-indent: -1em;
    padding-left: 1em;
}
.hd-note-block .hd-note-block-list li:before{
    content: "・";
}

@supports (-webkit-hyphens: none) {
    .hd-note-block .hd-note-block-title{
        font-variation-settings: 'wght' 500;
    }
}
@media (max-width: 959px){
    .hd-note-block{
        padding: 1em 1em 1.5em;
    }
    .hd-note-block .hd-note-block-title{
        font-size: var(--font18);
    }
    .hd-note-block .hd-note-block-title::before{
        width: 20px;
        height: 20px;
    }
    .hd-note-block .hd-note-block-list li{
        font-size: var(--font15);
    }
}
@media  (min-width: 960px){
    .hd-note-block{
        padding: 1.5em 2em;
    }
    .hd-note-block .hd-note-block-title{
        font-size: var(--font20);
    }
    .hd-note-block .hd-note-block-title::before{
        width: 27px;
        height: 27px;
    }
    .hd-note-block .hd-note-block-list li{
        font-size: var(--font18);
    }
}

/*****スケジュール*****/
.post_content .hd-schedule-table th,
.post_content .hd-schedule-table td{
    border: unset;
    vertical-align: middle;
    padding-inline: 0;
}
.post_content .hd-schedule-table tr:not(:last-child) th,
.post_content .hd-schedule-table tr:not(:last-child) td{
    border-bottom: var(--dotted);
}
.post_content .hd-schedule-table th{
    font-weight: 400;
    background-color: unset;
    text-align: center;
}
.hd-schedule-section .hd-schedule-type{
    background-color: #fff;
    border-radius: 50px;
    border: 1px solid;
    font-weight: 400;
    line-height: 1;
    padding: 0.3em 0.1em 0.5em;
    margin-top: 0;
}
@supports (-webkit-hyphens: none) {
    .post_content .hd-schedule-table th,
    .hd-schedule-section .hd-schedule-type{
        font-variation-settings: 'wght' 500;
    }
}
@media (max-width: 959px){
    .post_content .hd-schedule-table th,
    .post_content .hd-schedule-table td{
        font-size: var(--font15);
    }
    .hd-schedule-section .hd-schedule-type{
        font-size: var(--font15);
    }
}
@media  (min-width: 600px){
    .hd-schedule-section .hd-shadow-column .hd-shadow-column-block{
        display: flex;
        justify-content: flex-start;
        flex-flow: column;
    }
    .post_content .hd-schedule-table-wrap{
        display: flex;
        flex: 1;
    }
    .hd-schedule-section .hd-schedule-table{
        height: 100%;
    }
    .hd-schedule-section .hd-schedule-table table{
        height: 100%;
    }
}
@media  (min-width: 960px){
    .post_content .hd-schedule-table th,
    .post_content .hd-schedule-table td{
        font-size: var(--font18);
        padding-block: 0.7em;
    }
    .hd-schedule-section .hd-schedule-type{
        font-size: var(--font18);
    }
}


/*****入会までの流れ*****/
.hd-flow-section .hd-flow-num{
    margin-bottom: -1.8em !important;
    padding-left: 0.5em;
    z-index: 1;
    position: relative;
}
.hd-flow-section .hd-flow-num .swl-marker{
    background: no-repeat center center / 100% auto;
    display: inline-block;
    color: #fff;
    font-size: var(--font30);
    font-family: var(--mincho-text);
    font-weight: 700;
    text-align: center;
}
@supports (-webkit-hyphens: none) {
    .hd-flow-section .hd-flow-num .swl-marker{
        font-variation-settings: 'wght' 700;
    }
}
@media (max-width:959px){
    .hd-flow-section .hd-flow-num .swl-marker{
        font-size: var(--font20);
        width: 45px;
        height: 45px;
        line-height: 40px;
        padding-right: 0.1em;
    }
    .hd-flow-section .hd-flow-img-text-column{
        margin-bottom: 2em;
    }
    .hd-flow-section .hd-flow-img-text-column .swell-block-columns__inner{
        row-gap:1.5em;
    }
    .hd-flow-section .hd-flow-img-text-column .hd-flow-caption{
        font-size: var(--font18);
        margin-bottom: 0.5em !important;
    }
    .hd-flow-section .hd-flow-img-text-column .wp-block-image{
        margin-bottom: 1em !important;
    }

}
@media (min-width:960px){
    .hd-flow-section .hd-flow-img-text-column{
        margin-bottom: 3em;
    }

    .hd-flow-section .hd-flow-img-text-column .swell-block-columns__inner{
        row-gap:3em;
    }
    .hd-flow-section .hd-header-title .hd-main-title .swl-marker{
        font-size: 0.465em;/*26px*/
    }
    .hd-flow-section .hd-flow-img-text-column .hd-flow-caption{
        font-size: var(--font22);
        margin-bottom: 0.8em !important;
    }
    .hd-flow-section .hd-flow-img-text-column .wp-block-image{
        margin-bottom: 1.25em !important;
    }
    .hd-flow-section .hd-flow-num .swl-marker{
        font-size: var(--font30);
        width: 55px;
        height: 55px;
        line-height: 50px;
    }
}


/*****子ども向け*****/
.page-id-44 .hd-class-about-column .hd-page-about-column-img figure::before{
    background-image: url(/wp-content/uploads/2026/05/kids-about-point.webp);

}
.page-id-44 .hd-bgcolor-section .hd-bgcolor-block{
    background-color: var(--pink_block);
}
.page-id-44 .hd-bgcolor-section .hd-bgcolor-block .hd-caption-text,
.page-id-44 .hd-bgcolor-section .hd-bgcolor-block .hd-period-text .swl-marker{
    color: var(--color_main);
}
.page-id-44 .hd-price-section .hd-price-outline .hd-price-category li{
    background-color: var(--class_kids_tag);
}
.page-id-44 .hd-schedule-section .hd-shadow-column .hd-shadow-column-title{
    color: var(--color_main);
}
.page-id-44 .hd-schedule-section .hd-schedule-type{
    color: var(--color_main);
}
.page-id-44 .hd-flow-section .hd-flow-img-text-column .hd-flow-caption{
    color: var(--bold_color);
}
.page-id-44 .hd-flow-section .hd-flow-num .swl-marker{
    background-image: var(--flow-num-icon-1);
}
/*****大人向け*****/
.page-id-46 .hd-class-about-column .hd-page-about-column-img figure::before{
    background-image: url(/wp-content/uploads/2026/05/adult-about-point.webp);
}
.page-id-46 .hd-features-section .hd-features-img-text-column .hd-features-caption{
    color: var(--class_adult_text);
}
.page-id-46 .hd-bgcolor-section .hd-bgcolor-block{
    background-color: var(--class_adult_block);
}
.page-id-46 .hd-bgcolor-section .hd-bgcolor-block .hd-caption-text,
.page-id-46 .hd-bgcolor-section .hd-bgcolor-block .hd-period-text .swl-marker{
    color: var(--class_adult_text);
}
.page-id-46 .hd-price-section .hd-price-outline .hd-price-category li{
    background-color: var(--class_adult_tag);
}
.page-id-46 .hd-schedule-section .hd-shadow-column .hd-shadow-column-title{
    color: var(--class_adult_text);
}
.page-id-46 .hd-schedule-section .hd-schedule-type{
    color: var(--class_adult_text);
}
.page-id-46 .hd-note-block .hd-note-block-title::before{
    background-color: var(--class_adult_tag);
}
.page-id-46 .hd-flow-section .hd-flow-img-text-column .hd-flow-caption{
    color: var(--class_adult_text);
}
.page-id-46 .hd-flow-section .hd-flow-num .swl-marker{
    background-image: var(--flow-num-icon-2);
}

/* ========================================
   講師の紹介
======================================== */
/*****テーブル*****/
.post_content .hd-instructor-table-block{
    margin-inline: auto;
    width: calc(100% * 1063 / 1136);
}
.post_content .hd-instructor-table-block th{
    white-space: nowrap;
}
.post_content .hd-instructor-table-block td strong{
    color: var(--color_main);
    font-weight: 400;
    font-size: 1.2222em;/*22px*/
}
@supports (-webkit-hyphens: none) {
    .post_content .hd-instructor-table-block td strong{
        font-variation-settings: 'wght' 500;
    }
}
@media (max-width: 959px){
    .post_content .hd-instructor-table-block th{
        width: 25% !important;
    }
    .post_content .post_content .hd-instructor-table-block th{
        font-size: var(--font17) !important;
    }
}
@media (min-width:960px){
    .post_content .hd-instructor-table-block th{
        width: 15.335% !important;
    }
    .post_content .post_content .hd-instructor-table-block th{
        font-size: var(--font18) !important;
    }
}
/*****はじめまして*****/
@media (max-width: 959px){}
@media  (min-width: 600px){
    .hd-instructor-about-column .hd-page-about-column-img{
        width: calc(100% * 450 / 1200);
    }
    .hd-instructor-about-column .hd-page-about-column-text{
        width: calc(100% * 550 / 1200);
    }
}
@media  (min-width: 1070px){
    .hd-instructor-about-column .hd-page-about-column-img{
        width: calc(100% * 363 / 1200);
    }
    .hd-instructor-about-column .hd-page-about-column-text{
        width: calc(100% * 730 / 1200);
    }
}
/*****大切にしていること*****/
.hd-cherish-section .hd-cherish-inner{
    position: relative;
    z-index: -1;

}
.hd-cherish-section .hd-cherish-inner p{
    text-shadow: var( --over_img_txt_shadow);
}
@media (max-width: 959px){
    .hd-cherish-section{
        background-image: url(/wp-content/uploads/2026/05/instructor-cherish-bg-sp-01.webp), url(/wp-content/uploads/2026/05/instructor-cherish-bg-sp-02.webp);
        background-position: left top,bottom right;
        background-size: calc(100% * 470 / 1560) auto, calc(100% * 508 / 1560) auto;
        background-repeat: no-repeat;
    }
}
@media  (min-width: 960px){
    .hd-cherish-section .hd-cherish-inner{
        background: url(/wp-content/uploads/2026/05/instructor-cherish-bg-pc.webp)  no-repeat top center / 100% auto;
        padding-top: 7em;
        padding-bottom: 7em;
        margin-top: -6em;
    }
    .hd-cherish-section .hd-cherish-inner p{
        width: calc(100% * 877 / 1200);
        margin-inline: auto;
    }

}
/*****書道指導歴とこれまでの歩み*****/
.post_content .hd-career-section .hd-instructor-table-block{
    margin-inline: auto;
}
@media  (min-width: 600px){
    .hd-career-section .hd-section-outline-text p{
        font-size: var(--font18);
    }
}
@media  (min-width: 960px){
    .post_content .hd-career-section .hd-instructor-table-block{
        width: calc(100% * 1063 / 1200);
    }
    .post_content .hd-career-section .hd-instructor-table-block th{
        width: 31.5% !important;
    }
}
@media  (min-width: 1200px){
    .hd-career-section .hd-section-outline-text p{
        font-size: var(--font20);
    }
}
/*****実績・受賞歴*****/
@media (max-width: 959px){
    .hd-work-section .hd-work-list{
        margin-bottom: 4em;
    }
}
@media  (min-width: 960px){
    .hd-work-section .hd-work-list{
        margin-bottom: 6em;
    }
}

/*****保有資格*****/
.hd-qualification-section .hd-qualification-inner{
    border-radius: var(--material_radius);
}


/* ========================================
   書道教室について
======================================== */
.hd-about-data .hd-about-table-wrapper{
    max-width: 1068px;
    margin-inline: auto;
}
.hd-about-access-title .wp-block-image{
    width: 66px;
    margin-inline: auto;
}
.hd-about-access-title .hd-about-access-title-means{
    color: var(--color_main);
    font-weight: 400;
    margin-block: 0 0.5em;
}
.hd-about-access-title .hd-about-access-point{
    background-color: var(--about-access-point-bg);
    max-width: 425px;
    margin-inline: auto;
    padding: 0.5em 1em 0.4em;
    border-radius: var(--class_tag_radius);
}
.hd-about-access-section .hd-flow-section .hd-flow-num{
    margin-bottom: -1em !important;
}
.hd-about-access-section .hd-flow-section .hd-flow-num .swl-marker{
    background-image: var(--flow-num-icon-1);
}
.hd-about-access-section .hd-shadow-column .hd-about-access-long .hd-about-access-title .wp-block-image{
    margin-bottom: 0.5em;
}
@supports (-webkit-hyphens: none) {
    .hd-about-access-title .hd-about-access-title-means{
        font-variation-settings: 'wght' 500;
    }
}
@media (max-width: 959px){
    .hd-about-data .swell-block-columns{
        margin-bottom: 3em;
    }
    .hd-about-access-section .hd-flow-section .hd-flow-num .swl-marker{
        width: 35px;
        height: 35px;
        line-height: 31px;
        font-size: var(--font20);
    }
    .hd-about-access-title .hd-about-access-title-means{
        font-size: var(--font22);
    }
    .hd-about-access-section .hd-shadow-column .hd-about-access-long{
        margin-bottom: 2em;
    }
    .hd-about-access-section .hd-about-map iframe{
        margin-bottom: 1.5em !important;
    }

}
@media  (min-width: 600px){
    .hd-about-data .hd-about-table th{
        width: 22% !important;
    }
}
@media  (min-width: 960px){
    .hd-about-data .swell-block-columns{
        margin-bottom: 6em;
    }
    .hd-about-access-title .hd-about-access-title-means{
        font-size: var(--font28);
    }
    .hd-about-access-section .hd-shadow-column .hd-shadow-column-block{
        padding: 2.5em 4.6875em 3em;
    }
    .hd-about-access-section .hd-shadow-column{
        margin-bottom: 3em;
    }
    .hd-about-access-section .hd-shadow-column .hd-about-access-long{
        margin-bottom: 3em;
    }
    .hd-about-access-section .hd-flow-section .hd-flow-num .swl-marker{
        width: 42px;
        height: 42px;
        line-height: 37px;
        font-size: var(--font24);
    }
    .hd-about-access-section .hd-about-map iframe{
            margin-bottom: 3em !important;
    }

}