@charset "utf-8";
/*
Theme Name:ClinicDesignMiraiya
Theme URI:https://miraiya.jp/
Description:ClinicDesignMiraiya from Miraiya
Version:1.0
Author:Miraiya,Inc.
Author URI:https://miraiya.jp/
*/

:root {
    /* --- Fonts --- */
    --font-family:-apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Segoe UI", Verdana, "メイリオ", Meiryo, sans-serif;
    --sb-font-family:-apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Segoe UI", Verdana, "メイリオ", Meiryo, sans-serif;
    --mincho-font-family:游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
    --nu-sb-font-family:"Segoe UI", "メイリオ", Meiryo, sans-serif;
    --font-base:18px;
    --line-height-base:1.6;
    --letter-spacing:.1rem;
    --word-spacing:.1rem;
    --center-margin:0 auto;
    --font-weight-bold:900;
    --absolute-white: hsla(0, 0%, 100%, 1);

    /* --- Font Sizes --- */
    --font-small:.8em;
    --font-little:0.9;
    --font-medium:1rem;
    --font-large:1.3em;
    --font-xlarge:1.6em;
    --font-xxlarge:1.8em;
    --font-button:1.2rem;
    --font-heading-h1:2rem;
    --font-heading-h2:1.7rem;
    --font-heading-h3:1.6rem;
    --font-size-h1:1.8rem;
    --font-size-h2:1.5rem;
    --font-size-h3:1.4rem;
    --font-size-h4:1.3rem;
    --font-size-h5:1.2rem;
    --font-size-h6:1.1rem;
    --font-size-nav-button:3rem;
    --font-size-blockquote-icon:2.5rem;

    /* --- Border Radius --- */
    --radius-button:9999px;
    --radius-img:.5rem;
    --radius-card:.75rem;
    --radius-input:.5rem;
    --radius-icon:50%;

    /* --- Buttons --- */
    --button-padding:.75rem 1.5rem;

    /* --- Layout --- */
    --h-vw:2vw;
    --max-width:100%;
    --max-height:100%;
    --content-with-margin:1rem 1rem;
    --content-margin-sm:.5rem;
    --content-margin-def:1rem;
    --content-margin-lg:1.5rem;
    --content-margin-xl:3rem;
    --content-margin-tb:.5rem 0 1rem;
    --content-margin-dd:0 0 1rem 1rem;
    --content-smallpadding:.5rem .5rem;
    --content-padding-min:.25rem;
    --content-padding-sm:.5rem;
    --content-padding:.5rem 1rem;
    --content-padding-def:1rem;
    --content-padding-md:1.25rem;
    --content-padding-lg:1.5rem;
    --content-widepadding:1.5rem 1.5rem;
    --content-padding-dd:0 0 .5rem 1rem;
    --header-height:4rem;
    --list-mp-left:2rem;
    --list-icon-size:1.6rem;
    --pagenavi-width:12rem;
    --indent-padding:1.5rem;
    --position-def:1rem;

    /* --- POINT ICON --- */
    --point-icon-size:3rem;
    --point-icon-font:1.5rem;

    /* --- Image & Thumbnail --- */
    --thumbnail-img-brightness:50%;
    --thumbnail-text-width:80%;
    --thumbnail-text-shadow:black 2px 2px 0px, black -2px 2px 0px, black 2px -2px 0px, black -2px -2px 0px;

    /* --- Misc --- */
    --transition:0.3s;
    --hover-trp:0.75;
    --logo-width:15rem;
    --border-thickness-def:1px;
    --card-image-height:90%;
}

/* --- MEDIA QUERY:768px以上 --- */
@media (min-width:768px) {
    :root {
        --font-base:20px;
        --line-height-base:1.7;
        --font-heading-h1:2.2rem;
        --font-heading-h2:2rem;
        --font-heading-h3:1.8rem;
        --font-size-h1:2rem;
        --font-size-h2:1.8rem;
        --font-size-h3:1.6rem;
        --font-size-h4:1.5rem;
        --font-size-h5:1.4rem;
        --font-size-h6:1.2rem;

        --content-padding:1.5rem 2rem;
        --content-widepadding:2rem 2.5rem;
        --header-height:5rem;
        --indent-padding:2rem;

        --card-padding:1rem;
        --form-padding:1rem 1.5rem;

        --point-icon-size:4rem;
        --point-icon-font:2rem;
        --logo-width:18rem;
    }
}
@media (min-width:1279px) {
    :root {
        --logo-width:22rem;
    }
}
@media (min-width:1920px) {
    :root {
        --logo-width:18rem;
    }
}

/* RESET & FLEXBOX */
a, abbr, acronym, address, applet, article, aside, audio,big, blockquote, body, canvas, caption, center, cite, code,dd, del, details, dfn, div, dl, dt, em, embed, fieldset,figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6,header, hgroup, html, i, iframe, img, ins, kbd, label,legend, li, mark, menu, nav, object, ol, output, p, pre,q, ruby, s, samp, section, small, span, strike, sub,summary, sup, table, tbody, td, tfoot, th, thead, time, tr,tt, u, ul, var, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article, aside, details, figcaption, figure,footer, header, hgroup, img, menu, nav, section{display:block}
body{font-family:var(--mincho-font-family);font-size:var(--font-base);line-height:var(--line-height-base)}
ol, ul{list-style:none;padding:var(--content-smallpadding)}
ul li::marker{content:none}
blockquote, q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:""}
table{border-collapse:collapse; 
border-spacing:0}
*, *::before, *::after{box-sizing:border-box}
a{text-decoration:none;color:var(--color-form-trp);outline:0;cursor:pointer;transition:var(--transition)}
a:hover{opacity:var(--hover-trp)}

button,input,select,textarea{margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;border:none;border-radius:0;box-shadow:none;font:inherit;box-sizing:border-box}
button:focus,input:focus,select:focus,textarea:focus{outline:0}
img, amp-img{max-width:var(--max-width);height:auto;display:block;border-radius:var(--radius-img);transition:opacity 0.3s ease}
a img:hover, a amp-img:hover{opacity:var(--hover-trp)}

.container{position:relative;width:100%;max-width:1366px;margin:var(--center-margin);padding-left:10px;padding-right:10px}@media (min-width:768px){.container{width:90%}}@media (min-width:1921px){.container{max-width:1800px}}.row{margin-left:-10px;margin-right:-10px;position:relative}.row.float [class*=column-]{float:left}.row.float:after{display:block;clear:both;content:""}.lg-1,.lg-2,.lg-3,.lg-4,.lg-5,.lg-6,.lg-7,.lg-8,.lg-9,.lg-10,.lg-11,.lg-12,.md-1,.md-2,.md-3,.md-4,.md-5,.md-6,.md-7,.md-8,.md-9,.md-10,.md-11,.md-12,.row[class*=columns-] .column,.sm-1,.sm-2,.sm-3,.sm-4,.sm-5,.sm-6,.sm-7,.sm-8,.sm-9,.sm-10,.sm-11,.sm-12,.xl-1,.xl-2,.xl-3,.xl-4,.xl-5,.xl-6,.xl-7,.xl-8,.xl-9,.xl-10,.xl-11,.xl-12,.xs-1,.xs-2,.xs-3,.xs-4,.xs-5,.xs-6,.xs-7,.xs-8,.xs-9,.xs-10,.xs-11,.xs-12{position:relative;width:100%;padding-left:10px;padding-right:10px}.xs-1{max-width:8.33333%;flex:0 0 8.33333%}.xs-2{max-width:16.66667%;flex:0 0 16.66667%}.xs-3{max-width:25%;flex:0 0 25%}.xs-4{max-width:33.33333%;flex:0 0 33.33333%}.xs-5{max-width:41.66667%;flex:0 0 41.66667%}.xs-6{max-width:50%;flex:0 0 50%}.xs-7{max-width:58.33333%;flex:0 0 58.33333%}.xs-8{max-width:66.66667%;flex:0 0 66.66667%}.xs-9{max-width:75%;flex:0 0 75%}.xs-10{max-width:83.33333%;flex:0 0 83.33333%}.xs-11{max-width:91.66667%;flex:0 0 91.66667%}.xs-12{max-width:100%;flex:0 0 100%}@media (min-width:768px){.sm-1{max-width:8.33333%;flex:0 0 8.33333%}.sm-2{max-width:16.66667%;flex:0 0 16.66667%}.sm-3{max-width:25%;flex:0 0 25%}.sm-4{max-width:33.33333%;flex:0 0 33.33333%}.sm-5{max-width:41.66667%;flex:0 0 41.66667%}.sm-6{max-width:50%;flex:0 0 50%}.sm-7{max-width:58.33333%;flex:0 0 58.33333%}.sm-8{max-width:66.66667%;flex:0 0 66.66667%}.sm-9{max-width:75%;flex:0 0 75%}.sm-10{max-width:83.33333%;flex:0 0 83.33333%}.sm-11{max-width:91.66667%;flex:0 0 91.66667%}.sm-12{max-width:100%;flex:0 0 100%}}@media (min-width:1024px){.md-1{max-width:8.33333%;flex:0 0 8.33333%}.md-2{max-width:16.66667%;flex:0 0 16.66667%}.md-3{max-width:25%;flex:0 0 25%}.md-4{max-width:33.33333%;flex:0 0 33.33333%}.md-5{max-width:41.66667%;flex:0 0 41.66667%}.md-6{max-width:50%;flex:0 0 50%}.md-7{max-width:58.33333%;flex:0 0 58.33333%}.md-8{max-width:66.66667%;flex:0 0 66.66667%}.md-9{max-width:75%;flex:0 0 75%}.md-10{max-width:83.33333%;flex:0 0 83.33333%}.md-11{max-width:91.66667%;flex:0 0 91.66667%}.md-12{max-width:100%;flex:0 0 100%}}@media (min-width:1279px){.lg-1{max-width:8.33333%;flex:0 0 8.33333%}.lg-2{max-width:16.66667%;flex:0 0 16.66667%}.lg-3{max-width:25%;flex:0 0 25%}.lg-4{max-width:33.33333%;flex:0 0 33.33333%}.lg-5{max-width:41.66667%;flex:0 0 41.66667%}.lg-6{max-width:50%;flex:0 0 50%}.lg-7{max-width:58.33333%;flex:0 0 58.33333%}.lg-8{max-width:66.66667%;flex:0 0 66.66667%}.lg-9{max-width:75%;flex:0 0 75%}.lg-10{max-width:83.33333%;flex:0 0 83.33333%}.lg-11{max-width:91.66667%;flex:0 0 91.66667%}.lg-12{max-width:100%;flex:0 0 100%}}@media (min-width:1366px){.xl-1{max-width:8.33333%;flex:0 0 8.33333%}.xl-2{max-width:16.66667%;flex:0 0 16.66667%}.xl-3{max-width:25%;flex:0 0 25%}.xl-4{max-width:33.33333%;flex:0 0 33.33333%}.xl-5{max-width:41.66667%;flex:0 0 41.66667%}.xl-6{max-width:50%;flex:0 0 50%}.xl-7{max-width:58.33333%;flex:0 0 58.33333%}.xl-8{max-width:66.66667%;flex:0 0 66.66667%}.xl-9{max-width:75%;flex:0 0 75%}.xl-10{max-width:83.33333%;flex:0 0 83.33333%}.xl-11{max-width:91.66667%;flex:0 0 91.66667%}.xl-12{max-width:100%;flex:0 0 100%}}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.flex-d-row{flex-direction:row}.flex-d-row-reverse{flex-direction:row-reverse}.flex-d-column{flex-direction:column}.flex-d-column-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-flow-rw{flex-flow:row wrap}.flex-flow-rrw{flex-flow:row-reverse wrap}.flex-flow-rnw{flex-flow:row nowrap}.flex-flow-rrnw{flex-flow:row-reverse nowrap}.flex-flow-cw{flex-flow:column wrap}.flex-flow-crw{flex-flow:column-reverse wrap}.flex-flow-cnw{flex-flow:column nowrap}.flex-flow-crnw{flex-flow:column-reverse nowrap}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-baseline{justify-content:baseline}.justify-content-around{justify-content:space-around}.justify-content-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.align-items-stretch{align-items:stretch}.align-self-start{align-self:flex-start}.align-self-end{align-self:flex-end}.align-self-center{align-self:center}.align-self-baseline{align-self:baseline}.align-self-stretch{align-self:stretch}.align-content-start{align-content:flex-start}.align-content-end{align-content:flex-end}.align-content-center{align-content:center}.align-content-between{align-content:space-between}.align-content-around{align-content:space-around}.flex-order-first{order:-1}.flex-order-last{order:1}.flex-order-unordered{order:0}.flex-ml-auto{margin-left:auto}.flex-mr-auto{margin-right:auto}.flex-mt-auto{margin-top:auto}.flex-mb-auto{margin-bottom:auto}

/* BASE VARIABLES */
html{font:var(--font-base)/var(--line-height-base) var(--mincho-font-family);letter-spacing:var(--letter-spacing);word-spacing:var(--word-spacing);color:var(--color-black);word-break:normal}
body{background:var(--color-body-background)}
b,strong,.bold{font-family:var(--sb-font-family)}
.mincho{font-family:var(--mincho-font-family)}
.clearfix::after{content:"";display:table;clear:both}
.displaynone{display:none}
.hiddendisplay{visibility:hidden}
.content-padding{padding:var(--content-padding)}
.content-widepadding{padding:var(--content-widepadding)}
ul:not(.nostyle) li, ol:not(.nostyle) li{position:relative;padding-left:var(--list-mp-left);margin-bottom:var(--content-margin-sm);font-size:var(--font-base)}
span.ulli, span.olli{position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--list-icon-size);height:var(--list-icon-size);border-radius:var(--radius-icon);display:flex;align-items:center;justify-content:center;color:var(--color-white);background:var(--color-point)}
ol:not(.nostyle) li > span.olli{font-weight:var(--font-weight-bold)}

dl:not(.vertical){width:var(--max-width);margin:0 auto;padding:var(--content-smallpadding);background:var(--card-bg);color:var(--color-black)}
dl dt{font-weight:var(--font-weight-bold);}
dl:not(.vertical) dt{margin-top:var(--content-margin-def);margin-bottom:calc(var(--content-margin-def) * 0.3)}
dl:not(.vertical) dd{margin:var(--content-margin-dd);padding:var(--content-padding-dd)}

table{margin:var(--content-margin-tb);width:var(--max-width);border-collapse:separate;border-spacing:0;font-size:var(--font-base);line-height:var(--line-height-base);color:var(--color-black);background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow-gold);overflow:hidden}
.wp-block-table td,.wp-block-table th{border:none}
thead th{font-weight:var(--font-weight-bold);text-transform:uppercase}
tbody tr{transition:background .3s ease,transform .2s ease}
tbody tr:nth-child(even){background:var(--color-gold-mtrp)}
td,th{padding:var(--content-padding);border-bottom:none}

/* FORMS & BUTTONS */
form{font-size:var(--form-font-size)}
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),textarea,select{width:var(--max-width);padding:var(--form-padding);font-size:var(--form-font-size);border:var(--form-border-width) solid var(--color-form-mtrp);border-radius:var(--form-border-radius);background:var(--absolute-white);margin-bottom:var(--content-margin-def);transition:border var(--form-transition),box-shadow var(--form-transition),background-color var(--form-transition)}
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,textarea:focus,select:focus{border-color:var(--color-form);box-shadow:var(--form-focus-shadow)}
input[type="submit"],button,.wp-block-button__link{min-width:50%;padding:var(--button-padding);font-size:var(--font-button);font-weight:var(--font-weight-bold);border-radius:var(--radius-button);background:var(--color-form);color:var(--color-white);border:none;cursor:pointer;transition:filter var(--form-transition),box-shadow var(--form-transition);box-shadow:var(--form-box-shadow);margin-bottom:var(--content-margin-def)}
input[type="submit"]:hover,button:hover,.wp-block-button__link:hover{filter:brightness(0.9);box-shadow:var(--form-box-shadow-hover)}
input[disabled],button[disabled]{background:hsla(var(--hue-form),var(--sat-form),calc(var(--lum-form)-10%),var(--alpha-trp));cursor:not-allowed;opacity:var(--form-disabled-opacity)}
input[type="checkbox"],input[type="radio"]{width:var(--font-xlarge);height:var(--font-xlarge);border:var(--form-border-width) solid var(--color-form-trp);border-radius:var(--radius-button);background:var(--absolute-white);cursor:pointer;margin-right:.5rem;transition:var(--transition);transform:translateY(.3rem);}
input[type="checkbox"]:checked::after,input[type="radio"]:checked::after{content:"\f00c";font-family:"Font Awesome 7 Free";font-weight:var(--font-weight-bold);color:var(--color-white);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-small);pointer-events:none}
input[type="checkbox"]:checked,input[type="radio"]:checked{background:var(--color-form);border-color:var(--color-form)}
.wpcf7-list-item-label{font-size:var(--font-large);margin:0;line-height:1.2}
.wpcf7-list-item{display:flex;align-items:flex-start;flex-direction:column;padding-right:var(--content-padding-def);white-space:nowrap;margin:0}

/* LAYOUT */
#wrapper{position:relative}
#header{position:fixed;top:0;left:0;right:0;width:var(--max-width);height:var(--header-height);z-index:999;background:var(--color-body-background);border-bottom:var(--border-thickness-def) solid var(--color-black-trp)}
#contents{margin-top:var(--header-height)}
#aside{margin-top:calc(var(--content-margin-def) * 2)}
#footer{position:relative;padding:var(--content-padding-def) 0 0 0;background:var(--color-darktheme-mtrp)}
#footer-widget-area{padding:var(--content-padding-def)}
#footer-copy-area{background:var(--color-black-trp);color:var(--color-white);text-align:center}
section:not(.nomp){margin-bottom:var(--content-margin-xl)}

/* HEADER */
.header-top{position:relative}
#logo img,#logo amp-img{width:var(--logo-width)}

/* HERO SECTION */
section#hero{position:relative;min-height:calc(100dvh + var(--header-height));display:flex;background:url('http://cdmeast.miraiya.jp/wp-content/uploads/sites/3/2025/12/DSC00123-scaled.jpg') center/cover no-repeat;display:flex;justify-content:center;align-items:center}
section#hero::before{content:"";position:absolute;inset:0;background-color:var(--color-white-mtrp);z-index:1}
section#hero > *{position:relative;z-index:2}

/* NAV */
#HNavOpen,#HNavClose{position:fixed;top:0;right:var(--h-vw);transition:right 1s;font-size:var(--font-size-nav-button)}
#HNavOpen a,#HNavClose a{width:var(--font-size-nav-button);color:var(--color-black)}
#HNavOpen{z-index:9}
#HNavClose{background:var(---color-white);z-index:999}
ul#NavMenu li{width:var(--max-width)}
ul#NavMenu li a{display:block;padding:var(--content-padding);font-size:var(--font-large);font-weight:var(--font-weight-bold);color:var(--color-black)}
ul#NavMenu li a:hover{color:var(--color-theme)}
#HNav a.hbutton button{width:var(--max-width)}

/* FOOTER */
#footer-copy-area{width:var(--max-width);color:var(--color-white)}
#wrappertop{position:fixed;bottom:calc(var(--content-padding-def) * 4);right:var(--content-padding-def);color:var(--color-theme-trp);z-index:9}
ul.footer-company-menu{margin:var(--center-margin);text-align:center}
ul.footer-company-menu li{float:left;margin:var(--content-margin-def)}
ul.footer-company-menu li a{color:var(--color-white);text-decoration:underline}
p.copy{padding:var(--content-padding-def);text-align:center;font-size:var(--font-small)}
p.copy a{color:var(--color-white)}
#SocialIcons{margin:0 auto;width:calc(var(--font-xlarge) * 16)}
#SocialIcons li a{display:block;width:var(--max-width);font-size:var(--font-xlarge)}
.service_x{color:#0F1419}
.service_facebook{color:#3b5998}
.service_line{color:#00B900}
.service_youtube{color:#cd201f}
.service_instagram{color:#d6249f}

/* Swiper */
.swiper-thumbs{margin-top:var(--content-margin-def)}
.slide-caption {position:absolute;bottom:var(--content-padding-lg);left:var(--content-padding-lg);color:var(--color-white);font-size:var(--font-size-h2);background:var(--color-black-trp);padding:var(--content-padding);border-radius:var(--radius-card);}

/* TYPOGRAPHY */
h1:not(.nomp),h2:not(.nomp),h3:not(.nomp),h4:not(.nomp),h5:not(.nomp),h6:not(.nomp){margin-bottom:var(--content-margin-sm);padding:calc(var(--content-padding-def) / 2) 0;font-weight:var(--font-weight-bold)}
h1{font-size:var(--font-size-h1)}
h1.little{font-size:calc(var(--font-size-h1) * var(--font-little))}
h2{font-size:var(--font-size-h2)}
h2.little{font-size:calc(var(--font-size-h2) * var(--font-little))}
h3{font-size:var(--font-size-h3)}
h3.little{font-size:calc(var(--font-size-h3) * var(--font-little))}
h4{font-size:var(--font-size-h4)}
h4.little{font-size:calc(var(--font-size-h4) * var(--font-little))}
h5{font-size:var(--font-size-h5)}
h5.little{font-size:calc(var(--font-size-h5) * var(--font-little))}
h6{font-size:var(--font-size-h6)}
h6.little{font-size:calc(var(--font-size-h6) * var(--font-little))}
p:not(.nomp){margin:var(--content-margin-def) 0 var(--content-margin-def)}
.title{white-space:normal;word-break:break-word;overflow-wrap:break-word}
.archive .title{font-size:var(--font-size-h3)}
.archive .title a{color:var(--color-black)}
.single .title{padding:var(--content-padding);font-size:var(--font-heading-h1)}

/* CONTENTS */
.post.archive{position:relative;clear:both;margin-bottom:var(--content-margin-def);padding:var(--content-padding);background:var(--color-white);border-radius:var(--card-radius)}
figcaption.mb_narrow{margin-bottom:0}
.article blockquote{position:relative;margin:var(--content-with-margin);padding:var(--content-padding);background:var(--color-point-mtrp);border:none;font-style:italic}
.article blockquote::before{content:"\f10d";font-family:"Font Awesome 7 Free";font-weight:900;position:absolute;top:calc(var(--content-padding-def) - 1rem);left:var(--content-padding-def);font-size:var(--font-size-blockquote-icon);color:var(--color-white-trp)}
.article blockquote p{margin:0;padding-left:calc(var(--font-size-blockquote-icon) + 1rem)}
.article blockquote .quotedsource{display:block;float:right;font-size:var(--font-small)}
.article .wp-caption{max-width:var(--max-width) !important}
.article .wp-caption-text{text-align:center;font-weight:var(--font-weight-bold)}
.article figure.upper-caption{position:relative}
.article figure.upper-caption figcaption{position:absolute;top:0;left:0;right:0}

/* CARD */
.contentbox{padding:var(--card-padding);background:var(--card-bg-trp);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}
.card{margin:var(--card-margin);padding:var(--card-padding);background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}
.card-withimg{position:relative;width:var(--max-width);padding-top:var(--card-image-height);border-radius:var(--radius-img);overflow:hidden;background:var(--card-bg);box-shadow:var(--card-shadow);margin-bottom:var(--content-margin-def)}
.card-withimg .card-image{position:absolute;top:0;left:0;width:var(--max-width);height:var(--card-image-height);overflow:hidden}
.card-withimg .card-image img{width:var(--max-width);height:var(--max-height);object-fit:cover}
.card-withimg .card-content{position:relative;background:var(--color-white);margin-top:calc(var(--card-image-height, 50%) * -0.5);padding:var(--content-padding-def)}

/* TEXT BORDER */
.text-border{display:flex;align-items:center;justify-content:center}
.text-border.right{justify-content:right}
.text-border:before,.text-border:after{border-top:var(--border-thickness-def) solid;content:"";flex-grow:1}
.text-border:before{margin-right:var(--content-margin-def)}
.text-border:after{margin-left:var(--content-margin-def)}

/* POINT */
.point-icon span.icon-circle{display:inline-flex;align-items:center;justify-content:center;width:var(--point-icon-size);height:var(--point-icon-size);border-radius:var(--radius-button);font-size:var(--point-icon-font)}
.point_theme span.icon-circle{background-color:var(--color-theme-mtrp);color:var(--color-theme)}
.point_theme_dark span.icon-circle{background-color:var(--color-theme-dark-mtrp);color:var(--color-theme-dark)}
.point_theme_darker span.icon-circle{background-color:var(--color-theme-darker-mtrp);color:var(--color-theme-darker)}
.point_white span.icon-circle{background-color:var(--color-white-mtrp);color:var(--color-white)}
.point_black span.icon-circle{background-color:var(--color-black-mtrp);color:var(--color-black)}
.point_gold span.icon-circle{background-color:var(--color-gold-mtrp);color:var(--color-gold)}
.point_form span.icon-circle{background-color:var(--color-form-mtrp);color:var(--color-form)}
.point_point span.icon-circle{background-color:var(--color-point-mtrp);color:var(--color-point)}
.point_darktheme span.icon-circle{background-color:var(--color-darktheme-mtrp);color:var(--color-darktheme)}

ul.point-list{list-style:none;padding-left:calc(var(--content-padding-lg))}
ul.point-list li{position:relative;margin-bottom:var(--content-margin-sm);padding-left:var(--content-padding-lg)}
ul.point-list li::before{content:"✔";position:absolute;left:0;top:0;color:var(--color-point);font-weight:var(--font-weight-bold)}

/* FLOW */
.flowstep-index{width:calc(var(--point-icon-size) + 2rem)}
.flowstep-content{padding:var(--content-padding-def) var(--content-padding-def) 0 var(--content-padding-def);width:calc(var(--max-width) - calc(var(--point-icon-size) + 2rem))}
.flowstep-content-theme{border-left:var(--border-thickness-def) solid var(--color-theme);}
.flowstep-content-theme-dark{border-left:var(--border-thickness-def) solid var(--color-theme-dark);}
.flowstep-content-theme-darker{border-left:var(--border-thickness-def) solid var(--color-theme-darker);}
.flowstep-content-white{border-left:var(--border-thickness-def) solid var(--color-white);}
.flowstep-content-black{border-left:var(--border-thickness-def) solid var(--color-black);}
.flowstep-content-gold{border-left:var(--border-thickness-def) solid var(--color-gold);}
.flowstep-content-form{border-left:var(--border-thickness-def) solid var(--color-form);}
.flowstep-content-point{border-left:var(--border-thickness-def) solid var(--color-point);}
.flowstep-content-darktheme{border-left:var(--border-thickness-def) solid var(--color-darktheme);}


/* IMAGE COVER TEXT */
.img-with-covertext{position:relative;display:inline-block}
.img-with-covertext img{display:block;width:100%;height:auto}
.img-with-covertext .covertext{position:absolute;width:5rem;height:5rem;background:var(--color-point-trp);color:var(--color-white);display:flex;justify-content:center;align-items:center;font-size:var(--font-little);text-align:center;padding:.5rem;box-sizing:border-box}
.cover-right-bottom .covertext{right:-2.5rem;bottom:-2rem}
.cover-left-bottom .covertext{left:-2.5rem;bottom:-2rem}
.cover-right-top .covertext{right:-2.5rem;top:-2rem}
.cover-left-top .covertext{left:-2.5rem;top:-2rem}

/* RECENT POSTS */
ul.recent_posts_thumb li:not(:last-child),ul.recent_posts:not(:last-child) li{border-bottom:var(--border-thickness-def) dashed var(--color-theme)}
ul.recent_posts li time,ul.recent_posts_thumb li time,ul.recent_posts_columnthumb li time{font-size:var(--font-small)}

/* BREADCRUMB */
.breadcrumb{clear:both;display:flex;flex-wrap:wrap}
.breadcrumb ol li{float:left;margin-bottom:0;padding:var(--content-smallpadding);white-space:normal;word-break:break-word;overflow-wrap:break-word;font-size:var(--font-small);line-height:1rem}

/* MORE LINK */
.more-link{clear:both;float:right;color:var(--color-form-trp)}

/* PAGENAVI */
.wp-pagenavi{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.6rem;padding:var(--content-smallpadding);background:var(--color-form-mtrp);border-radius:var(--radius-button);font-size:var(--font-base)}
.wp-pagenavi a,.wp-pagenavi span.current,.wp-pagenavi span.pages,.wp-pagenavi span.extend{display:inline-flex;align-items:center;justify-content:center;height:calc(var(--font-base) * 2.4);padding:0 var(--content-padding-def);border-radius:var(--radius-button);transition:background .25s ease, color .25s ease, transform .15s ease}
.wp-pagenavi a{color:var(--color-form);background:var(--color-white);border:var(--border-thickness-def) solid var(--color-form)}
.wp-pagenavi a:hover{background:var(--color-form);color:var(--color-white);transform:translateY(-2px)}
.wp-pagenavi span.current{background:var(--color-form);color:var(--color-white);font-weight:var(--font-weight-bold);border:var(--border-thickness-def) solid var(--color-form);transform:translateY(-2px)}
.wp-pagenavi span.extend{background:none;border:none;padding:calc(var(--content-padding-def) * 0.4)}
.wp-pagenavi span.pages{background:none;border:none;padding:calc(var(--content-padding-def) * 0.4)}
.wp-pagenavi .post-title{display:inline-block;max-width:var(--pagenavi-width);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}

/* --- Font Colors --- */
.fc-theme{color:var(--color-theme)}
.fc-theme-dark{color:var(--color-theme-dark)}
.fc-theme-darker{color:var(--color-theme-darker)}
.fc-white{color:var(--color-white)}
.fc-black{color:var(--color-black)}
.fc-gold{color:var(--color-gold)}
.fc-form{color:var(--color-form)}
.fc-point{color:var(--color-point)}
.fc-darktheme{color:var(--color-darktheme)}

.fc-theme-trp{color:var(--color-theme-trp)}
.fc-theme-mtrp{color:var(--color-theme-mtrp)}
.fc-theme-dark-trp{color:var(--color-theme-dark-trp)}
.fc-theme-dark-mtrp{color:var(--color-theme-dark-mtrp)}
.fc-theme-darker-trp{color:var(--color-theme-darker-trp)}
.fc-theme-darker-mtrp{color:var(--color-theme-darker-mtrp)}

.fc-white-trp{color:var(--color-white-trp)}
.fc-white-mtrp{color:var(--color-white-mtrp)}
.fc-black-trp{color:var(--color-black-trp)}
.fc-black-mtrp{color:var(--color-black-mtrp)}
.fc-gold-trp{color:var(--color-gold-trp)}
.fc-gold-mtrp{color:var(--color-gold-mtrp)}
.fc-form-trp{color:var(--color-form-trp)}
.fc-form-mtrp{color:var(--color-form-mtrp)}
.fc-point-trp{color:var(--color-point-trp)}
.fc-point-mtrp{color:var(--color-point-mtrp)}
.fc-darktheme-trp{color:var(--color-darktheme-trp)}
.fc-darktheme-mtrp{color:var(--color-darktheme-mtrp)}

.required{color:var(--color-theme)}

/* --- Background Colors --- */
.bg_theme{background:var(--color-theme)}
.bg_theme-dark{background:var(--color-theme-dark)}
.bg_theme-darker{background:var(--color-theme-darker)}
.bg_white{background:var(--color-white)}
.bg_black{background:var(--color-black)}
.bg_gold{background:var(--color-gold)}
.bg_form{background:var(--color-form)}
.bg_point{background:var(--color-point)}
.bg_darktheme{background:var(--color-darktheme)}

.bg_theme-trp{background:var(--color-theme-trp)}
.bg_theme-mtrp{background:var(--color-theme-mtrp)}
.bg_theme-dark-trp{background:var(--color-theme-dark-trp)}
.bg_theme-dark-mtrp{background:var(--color-theme-dark-mtrp)}
.bg_theme-darker-trp{background:var(--color-theme-darker-trp)}
.bg_theme-darker-mtrp{background:var(--color-theme-darker-mtrp)}

.bg_white-trp{background:var(--color-white-trp)}
.bg_white-mtrp{background:var(--color-white-mtrp)}
.bg_black-trp{background:var(--color-black-trp)}
.bg_black-mtrp{background:var(--color-black-mtrp)}
.bg_gold-trp{background:var(--color-gold-trp)}
.bg_gold-mtrp{background:var(--color-gold-mtrp)}
.bg_form-trp{background:var(--color-form-trp)}
.bg_form-mtrp{background:var(--color-form-mtrp)}
.bg_point-trp{background:var(--color-point-trp)}
.bg_point-mtrp{background:var(--color-point-mtrp)}
.bg_darktheme-trp{background:var(--color-darktheme-trp)}
.bg_darktheme-mtrp{background:var(--color-darktheme-mtrp)}

/* ボタン内リンク用 */
.bg_theme .wp-block-button__link, .bg_theme-dark .wp-block-button__link, .bg_theme-darker .wp-block-button__link, .bg_white .wp-block-button__link, .bg_black .wp-block-button__link, .bg_gold .wp-block-button__link, .bg_form .wp-block-button__link, .bg_point .wp-block-button__link, .bg_darktheme .wp-block-button__link, .bg_body .wp-block-button__link, .bg_theme-trp .wp-block-button__link, .bg_theme-mtrp .wp-block-button__link, .bg_theme-dark-trp .wp-block-button__link, .bg_theme-dark-mtrp .wp-block-button__link, .bg_theme-darker-trp .wp-block-button__link, .bg_theme-darker-mtrp .wp-block-button__link, .bg_white-trp .wp-block-button__link, .bg_white-mtrp .wp-block-button__link, .bg_black-trp .wp-block-button__link, .bg_black-mtrp .wp-block-button__link, .bg_gold-trp .wp-block-button__link, .bg_gold-mtrp .wp-block-button__link, .bg_form-trp .wp-block-button__link, .bg_form-mtrp .wp-block-button__link, .bg_point-trp .wp-block-button__link, .bg_point-mtrp .wp-block-button__link, .bg_darktheme-trp .wp-block-button__link, .bg_darktheme-mtrp .wp-block-button__link{background:inherit}

/* media */
.container{margin:var(--center-margin)}
.container:after{content:"";display:table;clear:both}
.indent{padding-left:var(--indent-padding)}
.mgt-def{margin-top:var(--content-margin-def)}

.only_max_767{display:block}
.only_min_768{display:none}
.only_max_1278{display:block}
.only_min_1279{display:none}
@media screen and ( max-width :767px ){
    thead{display:none}
    table,tbody,tr,th,td{display:block;width:100%}
    tbody tr{margin:var(--content-margin-sm);border-radius:var(--card-radius);padding:calc(var(--content-padding-def) * 0.7);background:var(--card-bg);box-shadow:var(--card-shadow-gold)}
    td{padding-left:50%;margin-bottom:var(--content-margin-sm);border:none;padding:var(--content-padding);position:relative;text-align:left}
    td::before{content:attr(data-label);font-weight:var(--font-weight-bold);position:absolute;left:var(--position-def);top:calc(var(--position-def) * 0.5);width:45%;white-space:nowrap;color:var(--color-theme-dark);font-size:var(--font-small)}
}
@media screen and (min-width:768px){
    .only_max_767{display:none}
    .only_min_768{display:block}
    .wpcf7-list-item{display:inline-flex;flex-direction:row;align-items:flex-start;}
    dl:not(.vertical) dt{padding:.25rem 0 .25rem;clear:left;float:left;width:30%;text-align:center}
    dl:not(.vertical) dd{padding-left:var(--content-padding-def);width:67%;margin-left:31%;border-left:calc(var(--border-thickness-def) * 2) solid var(--color-gold)}
    table{display:table}
    thead{display:table-header-group;background:var(--color-gold-trp);color:var(--color-black);text-align:center}
    tbody{display:table-row-group}
    tr{display:table-row}
    th,td{display:table-cell}
}
@media screen and (max-width:1278px){
    #HNav:not(:target){display:none;right:-100%}
    #HNav{transition:right 1s;background:var(--color-white);overflow:scroll}
    #HNav:target{position:fixed;top:0;left:0;right:0;display:block;right:0;width:var(--max-width);height:var(--max-height);padding:var(--content-padding-def);z-index:99}
    #NavMenu{margin:6rem 0 2rem;overflow-y:scroll}
}
@media screen and (min-width:1279px){
    .only_max_1278{display:none}
    .only_min_1279{display:block}
    #HNav ul#NavMenu{float:left;width:80%}
    ul#NavMenu li{float:left;width:33%;text-align:center}
    #HNav a.hbutton{float:right;width:20%;margin-top:var(--content-margin-sm)}
}
/* CUSTOM */
.fl_left{float:left}
.fl_right{float:right}
video,source,iframe{max-width:var(--max-width) !important}
.wp-video{max-width:var(--max-width) !important}
.aligncenter, .aligncenter img, .aligncenter iframe, img.aligncenter, a img.aligncenter, amp-img.aligncenter, a amp-img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.aligncenter figcaption{text-align:center}
img.alignright, a img.alignright, amp-img.alignright, a amp-img.alignright{float:right;margin:0 0 var(--position-def) var(--position-def)}
img.alignleft, a img.alignleft, amp-img.alignleft, a amp-img.alignleft{float:left;margin:0 var(--position-def) var(--position-def) 0}
.wp-block-image{margin-bottom:0}
.text-center{text-align:center !important}
.text-center iframe{display:block;margin:var(--center-margin)}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
i,em,.date{font-style:italic}
small,.small{font-size:var(--font-small)}
strong,b,.bold{font-weight:var(--font-weight-bold)}
sup,sub{height:0;line-height:var(--line-height-base);vertical-align:baseline;vertical-align:bottom;position:relative}
sup{bottom:1ex;font-size:var(--font-small)}
sub{top:.5ex}
.big{font-size:var(--font-large);font-weight:var(--font-weight-bold)}
.bigger{font-size:var(--font-xlarge);font-weight:var(--font-weight-bold)}
.biggest{font-size:var(--font-xxlarge);font-weight:var(--font-weight-bold)}
.no_border{border:none !important}
.no_padding{padding:0}
iframe.wp-embedded-content{position:relative !important}
.youtube{position:relative;margin:var(--center-margin);width:var(--max-width);padding-top:56.25%}
.youtube iframe{position:absolute;top:0;right:0;width:var(--max-width);height:var(--max-height)}
.scroll{overflow-x:auto;white-space:nowrap;width:auto}
.scroll table{max-width:96%}
.underline{text-decoration:underline}