@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
*/
:root{
    /* === サイトで使う主要な色（online_clinic全ページ共通） === */
    --c-primary:  #0dbff3;  /* メインの水色 */
    --c-primary2: #2fa5e6;  /* ページによって使う青 */
    --c-navy:     #01177d;  /* 濃い紺 */
    --c-accent:   #d92b4a;  /* 赤（女性向けアクセント） */
    --c-text:     #404040;  /* 本文の文字色 */
    --c-white:    #ffffff;
    /* === 文字サイズ === */
    --fs-body: 16px;   /* 本文 */
    --fs-h3:   1.5em;  /* 小見出し */
    --fs-h2:   2em;    /* 見出し */
}

/*追加修正1130*/
.endcta_area .wp-block-button.btn_white {
    display: none;
}

.endcta_area h2.txt_star {
    display: none;
}

.endcta_area .swell-block-fullWide__inner.l-container {
    display: flex;
    flex-direction: column-reverse;
}

.swell-block-fullWide__inner.l-article.banar_area {
    text-align: center;
    padding: 2em;
    margin: auto;
}

.endcta_area .cta_txt {
    margin-top: 1em;
}

span.has-text-align-center {
    text-align: center;
    display: block;
}

/*===========html化調整 ===============*/
.wp-block-column {
    padding: 1em;
}

/*下層*/
.l-topTitleArea__body.l-container {
    padding-left: 0;
}

/*youtube*/
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*===========System ===============*/
.wp-block-columns {
    --wp-column-gap: 0;
}

.c_white,
.c_white a {
    color: var(--c-white) !important;
}

.bg_white,
.bg_white a {
    background: var(--c-white) !important;
}

.c_blue,
.c_blue a {
    color: var(--c-primary) !important;
}

.bg_blue,
.bg_bluea {
    background: var(--c-primary) !important;
}

div#content {
    padding-top: 0;
}

.page div#content {
    margin-top: 0px;
}

.l-header__menuBtn {
    color: #000;
}

.txt_bold {
    font-weight: 400;
}

.txt_name {
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: .5em;
}

.txt_red {
    color: var(--c-accent);
}

.txt_dark_blue {
    color: var(--c-navy);
}

.txt_light_blue {
    color: var(--c-primary2);
}

.txt_souryo {
	/*color: var(--c-primary);*/
	line-height: 1.5;
	color: #000;
	font-size: .9rem;
	margin-bottom: .5em;
}

/*-----h Parts-----*/
.post_content h2 {
    font-size: var(--fs-h2);
}

@media screen and (max-width:480px) {
    .post_content h2 {
        font-size: 1.6em;
		margin-bottom: 1em;
    }

}

.home h2:before {
    border-radius: 5px;
    bottom: -10px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 50px;
}

.home h2.c_blue:before {
    background-color: var(--c-primary) !important;
}

.home h2.c_black:before {
    background-color: #333 !important;
}

/*===========Button ===============*/
.wp-block-button {
    position: relative;
}

.wp-block-button::after {
    position: absolute;
    content: "\2b";
    font-size: var(--fs-h3);
    text-shadow: none;
    font-weight: 600;
    top: 48%;
    right: 5%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

/*@media screen and (max-width:480px) {
    .wp-block-button::after{
        top: 10px;
        right: 10px;
    }
}*/
.btn_white .wp-block-button::after {
    color: var(--c-primary);
    transition: all 0.3s ease 0s;
}

.btn_white .wp-block-button:hover::after {
    color: var(--c-white);
}

.btn_white a.wp-block-button__link {
    border-radius: 5px;
    background: var(--c-white);
    color: var(--c-primary);
    text-shadow: none;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    padding: 1em 4em;
}

.btn_white a.wp-block-button__link:hover {
    background: var(--c-accent);
    color: var(--c-white);
}

@media screen and (max-width:480px) {
    .btn_white a.wp-block-button__link {
        margin: 0;
        padding: 1em 2.5em 1em 1.5em;
        font-size: 1.2em;
    }
}

.btn_blue.wp-block-button::after {
    color: var(--c-white);
    transition: all 0.3s ease 0s;
}

.btn_blue.wp-block-button:hover::after {
    color: var(--c-primary);
}

.btn_blue a.wp-block-button__link {
    border-radius: 5px;
    background: var(--c-primary);
    color: var(--c-white);
    text-shadow: none;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    padding: 1em 4em;
}

.btn_blue a.wp-block-button__link:hover {
    background: #FAFAFA;
    color: var(--c-primary);
}

@media screen and (max-width:480px) {
    .btn_blue a.wp-block-button__link {
        margin: 0;
        padding: 1em 2em;
        font-size: 1.2em;
    }
}

a.insta_button {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: var(--c-white);
    border-radius: 25px;
    margin: 10px 0;
}

a.insta_button::before {
    content: "\f16d";
    font-family: 'Font Awesome 5 Brands';
    font-weight: 600;
    color: var(--c-text);
    display: block;
    font-size: 25px;
    padding-left: 14px;
    padding-top: 3px;
    transition: all 0.3s ease 0s;
}

a.insta_button:hover::before {
    color: var(--c-primary);
}

/*===========Header ===============*/
.c-gnav>.menu-item>a .ttl {
    font-size: var(--fs-body);
}

li.openbtn1.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-14 {
    top: 0;
    right: 0;
    width: unset;
}

li.openbtn1.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-14 a span {
    background: none;
    left: 0;
    top: 0;
    height: unset;
    transform: unset;
}

.l-header__bar.pc_ {
    display: none;
}

.c-gnav {
    color: var(--c-primary);
    font-weight: 600;
}

.header_button_area {
    display: inline-flex;
    padding-right: 1em;
}

a.h_my_page_button,
a.h_online_button {
    display: inline-block;
    width: 160px;
    text-align: center;
    margin: 2px;
    padding: 0.5em 1em;
    border: solid 1px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
}

@media screen and (max-width:480px) {
	a.h_my_page_button,
	a.h_online_button {
		width: auto;
		font-size: 11px;
		white-space: nowrap;
	}
}
a.h_my_page_button:hover {
    background: var(--c-navy) !important;
    color: var(--c-white) !important;
}

a.h_online_button:hover {
    background: #DB4963 !important;
    color: var(--c-white) !important;
}

/*===========FOOTER ===============*/
.l-footer .copyright {
    text-align: right;
    padding-right: 5em;
}

div#pagetop {
    background: var(--c-text);
}

.icon-chevron-small-up::before {
    content: "\f062";
    color: var(--c-white);
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 600;
}

.hov-bg-main:hover {
    color: var(--c-white) !important;
    background-color: var(--c-primary) !important;
}

.c-fixBtn {
    border: none;
}

/*nav*/

.acd-check {
    display: none;
}

.acd-label {
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    border-bottom: solid 2px;
    margin-right: 2em;
}

@media screen and (max-width:480px) {
    label.acd-label {
        text-align: center;
    }
}

@media screen and (max-width:480px) {
    .acd-content {
        height: 0;
        opacity: 0;
        padding: 0 10px;
        transition: .5s;
        visibility: hidden;
    }

    .acd-check:checked+.acd-label+.acd-content {
        height: auto;
        opacity: 1;
        padding: 10px;
        visibility: visible;
    }

    .acd-content {
        font-size: 0.9em;
    }
}

.footer_nav {
    display: flex;
    justify-content: center;
    font-weight: 600;
}

@media screen and (max-width:949px) {
    .footer_nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .nav_menu01 {
        width: 50% !important;
    }

    .nav_menu02 ul {
        column-count: 1 !important;
    }

    .nav_menu03,
    .nav_menu04 {
        width: 100% !important;
    }
}

@media screen and (max-width:480px) {
    .footer_nav {
        flex-direction: column;
    }

    .nav_menu02 ul {
        column-count: 2 !important;
    }
}

.footer_nav a: {
    transition: all 0.3s ease 0s;
}

.footer_nav a:hover {
    opacity: 0.6;
}

/*.nav_menu01,.nav_menu02,.nav_menu03,.nav_menu04{
    width: 20%;
}*/

.nav_menu01 {
    width: 20%;
}

.nav_menu02 {
    width: 40%;
}

.nav_menu02 ul {
    column-count: 2;
}

.nav_inner_flex {
    width: 20%;
}

.nav_menu03,
.nav_menu04 {
    width: 100%;
}

@media screen and (max-width:480px) {

    .nav_menu01,
    .nav_menu02,
    .nav_menu03,
    .nav_menu04,
    .nav_inner_flex {
        width: 100% !important;
    }
}

.nav_menu01 {
    color: var(--c-text);
}

.nav_menu02 {
    color: var(--c-primary2);
}

.nav_menu03 {
    color: var(--c-navy);
}

.nav_menu04 {
    color: var(--c-accent);
}

/*リスト*/
.acd-content li {
    padding: 0.25em 0;
}

@media screen and (max-width:480px) {
    .acd-content li {
        padding: 0.5em 0;
    }
}

ul.nav-child {
    list-style: none;
    padding-left: 0;
    padding: 0.5em 0;
}

@media screen and (max-width:480px) {
    ul.nav-child {
        column-count: 2;
    }
}

ul.nav-child li {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
}

ul.nav-child li:before {
    content: "\2b";
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    padding-right: 0.5em;
}

.footer_button_area {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    padding-top: 1em;
}

.footer_button_area a.h_my_page_button,
.footer_button_area a.h_online_button {
    width: 200px;
}
.inner_button_area {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--c-primary);
    padding: 20px;
}
.inner_button_area a.h_my_page_button,
.inner_button_area a.h_online_button {
    font-size: 13px;
    margin-top: 0!important;
    margin-bottom: 0!important;
}
/*SP用擬似要素*/
@media screen and (max-width:480px) {
    .acd-label {
        position: relative;
        margin-right: 0;
    }

    .acd-label:after {
        box-sizing: border-box;
        content: "\f0ab";
        display: block;
        font-family: "Font Awesome 5 Free";
        height: 52px;
        padding: 10px 20px;
        position: absolute;
        right: 0;
        top: 0px;
        font-weight: 600;
    }

    .acd-check:checked+.acd-label:after {
        content: "\f0aa";
    }
}

@media screen and (max-width:480px) {
    .p-fixBtnWrap {
        left: 1em;
        align-items: flex-start;
    }

}

/*===========PC hamburger menu ===============*/
@media screen and (max-width:1039px) {
    .grobal-nav_menu {
        display: none;
    }
}

[data-scrolled=true] .openbtn1 {
    top: 6px;
    transform: translateY(0) !important;
}

.openbtn1[data-ready] {
    transition: all .5s;
}

#g-nav_menu {
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    top: -120%;
    left: 0;
    width: 100%;
    height: 100vh;
    /*ナビの高さ*/
    background: var(--c-white);
    transition: all 0.6s;
    /*動き*/
    font-size: 1.6em;
}

nav#g-nav_menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#g-nav_menu.panelactive #g-nav-list:before {
    position: absolute;
    content: "";
    top: 10px;
    left: 30px;
    width: 13vw;
    height: 100px;
    background-image: url(../img/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    /*画像を繰り返さない*/
}

/*アクティブクラスがついたら位置を0に*/
#g-nav_menu.panelactive {
    top: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav_menu.panelactive #g-nav-list {
    /*ナビの数が増えた場合縦スクロール*/
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 50%;
    /*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    top: 0;
}

#g-nav_menu ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    column-count: 2;
    width: 60vw;
    margin-top: 15vh;
}

#g-nav_menu li {
    list-style: none;
    text-align: center;
    font-size:0.9em;
}

#g-nav_menu li a {
    color: var(--c-primary);
    text-decoration: none;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
    text-align: left;
    border-bottom: solid 3px #F5F5F5;
}

#g-nav_menu li a::before {
    content: "\2b";
    padding-right: 0.4em;
}

#g-nav_menu .header_button_area {
    font-size: .5em;
    width: 70vw;
    justify-content: flex-end;
    position: absolute;
    bottom: 2em;
    z-index: 999;
}

#g-nav_menu .header_button_area a {
    padding: 1em;
}

/*メディカルメニュー*/
.medical_menu {
    width: 100%;
    background: var(--c-primary);
    height: 50%;
    position: absolute;
    bottom: 0;
    font-size: var(--fs-body);
    font-weight: 600;
    color: var(--c-white);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding-top: 3em;
    background-image: url(../img/hamburger_img.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: 2em;
}

@media screen and (max-width:1599px) {
    .medical_menu {
        background-image: none;
    }
}

.medical_menu a {
    color: var(--c-white);
}

.medical_menu .medical_ttl {
    width: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6em;
}

@media screen and (max-width:1199px) {
    .medical_menu .medical_ttl {
        display: none;
    }
}

.medical_items {
    width: 20vw;
    min-width: 350px;
    padding-right: 1em;
}

@media screen and (max-width:1199px) {
    .medical_items {
        width: 30%;
        min-width: unset;
    }
}

.medical_items_ttl {
    border-bottom: solid 2px var(--c-white);
    margin-bottom: 1em;
}

ul.medical_content_child {
    position: unset !important;
    transform: unset !important;
    column-count: 2 !important;
    width: unset !important;
    margin: 0 !important;
}

ul.medical_content_child li {
    text-align: left !important;
    padding: 0.5em 0;
    display: flex;
}

ul.medical_content_child li::before {
    content: "＋";
    padding-right: 0.5em;
}

/*ボタン*/
.openbtn1 {
    position: fixed;
    z-index: 9999;
    /*ボタンを最前面に*/
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
}

/*×に変化*/
.openbtn1 span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background-color: #666;
    width: 45%;
}

.openbtn1 span:nth-of-type(1) {
    top: 15px;
}

.openbtn1 span:nth-of-type(2) {
    top: 23px;
}

.openbtn1 span:nth-of-type(3) {
    top: 31px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn1.active span:nth-of-type(2) {
    opacity: 0;
}

.openbtn1.active span:nth-of-type(3) {
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

/*===========SP hamburger menu===============*/
.p-spMenu__inner {
    width: 100vw;
}

.c-widget__title.-spmenu {
    display: none;
}

.p-spMenu__inner {
    /*position:relative;*/
}

.p-spMenu__inner::after {
    position: absolute;
    content: "";
    top: 10px;
    left: 10px;
    width: 28vw;
    height: 100px;
    background-image: url(../img/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 5;
}

/*===========Content===============*/


/*===========First View===============*/
.p-mainVisual__slide.c-filterLayer.-texture_dot {
    border-radius: 10px;
}

.p-mainVisual.-margin-on {
    padding-top: 72px;
}

@media screen and (max-width:480px) {
    .p-mainVisual.-margin-on {
        padding: 0;
    }

    .p-mainVisual__textLayer {
        padding: 10em 4vw 0;
    }
}

.wp-block-group.fv_text_box {
    position: relative;
    background: #0dbff3b8;  /* --c-primary の透明度72%。alphaはvar()に連結できないためhex8で指定 */
    padding: 0em 2em 3em;
    margin: 0 20vw;
    border-radius: 10px;
}

@media screen and (max-width:900px) {
    .wp-block-group.fv_text_box {
        margin: 0 2vw;
    }
}

@media screen and (max-width:480px) {
    .wp-block-group.fv_text_box {
        padding: 0em 0em 3em;
        background: var(--c-primary);
    }
}

.wp-block-group.fv_text_box::before {
    position: relative;
    content: "";
    display: block;
    top: -3vh;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 15vh;
    background-image: url(../img/fv_frontimg_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width:480px) {
    .wp-block-group.fv_text_box::before {
        top: -5vh;
        width: 90%;
        background-image: url(../img/fv_frontimg_sp.png);
    }
}

.fv_text_box p {
    text-align: center;
    font-size: var(--fs-h2);
    font-weight: 600;
    text-shadow: none;
}

@media screen and (max-width:480px) {
    .fv_text_box p {
        font-size: 1.4em;
    }
}

.fv_text_box .wp-block-buttons.btn_white {
    justify-content: center;
}

@media screen and (max-width:480px) {
    a.wp-block-button__link {
        width: 92vw;
    }

    .fv_text_box a.wp-block-button__link {
        width: unset;
    }
}

/*===========コンテンツ（タブ）エリア===============*/
.contents_list_box {
    padding: 0 2em;
}

@media screen and (max-width:480px) {
    .contents_list_box {
        padding: 0em !important;
    }
}

@media screen and (max-width:850px) {
    .tab_lists .btn_white a.wp-block-button__link {
        font-size: 1em;
        text-align: left;
        padding: 1em;
    }
}

@media screen and (max-width: 480px) {
    .tab_lists .btn_white a.wp-block-button__link {
        padding: 1em 1.2em;
        font-size: 12px;
        text-align: left;
    }
}

.tab_lists a.wp-block-button__link {
    width: 100%;
}

.tab_lists a.wp-block-button__link::after {
    position: absolute;
    content: "\2b";
    font-size: var(--fs-h2);
    text-shadow: none;
    font-weight: 600;
    top: 48%;
    right: 0;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

.wp-block-button.btn_white.btn_border_blue a {
    border: solid 2px var(--c-primary);
    border-radius: 5px;
}

.tab_lists .wp-block-button::after {
    content: "";
}

.tab_lists .btn_white a.wp-block-button__link:hover {
    background: var(--c-primary2);
}

.wp-block-column.contents_box_woman,
.contents_box_woman .btn_white a.wp-block-button__link {
    color: #DB4963;
}

.contents_box_woman .wp-block-button.btn_white.btn_border_blue a {
    border: solid 2px #DB4963;
}

.contents_box_woman .tab_lists .btn_white a.wp-block-button__link:hover {
    background: #DB4963;
    color: var(--c-white);
}

.wp-block-column.contents_box_man,
.contents_box_man .btn_white a.wp-block-button__link {
    color: var(--c-navy);
}

.contents_box_man .wp-block-button.btn_white.btn_border_blue a {
    border: solid 2px var(--c-navy);
}

.contents_box_man .tab_lists .btn_white a.wp-block-button__link:hover {
    background: var(--c-navy);
    color: var(--c-white);
}

.contents_box_man,
.contents_box_woman {
    position: relative;
    margin-left: 0 !important;
    padding: 5em 1em;
}

@media screen and (max-width:480px) {

    .contents_box_man,
    .contents_box_woman {
        padding: 5em 0;
    }
}

.wp-block-column.contents_box_man:before {
    position: absolute;
    display: block;
    content: "";
    background-image: url(../img/content_man_bg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50vw;
    height: 100%;
    top: 0px;
    left: 0;
    /* padding: 2em; */
}

.wp-block-column.contents_box_woman:before {
    position: absolute;
    display: block;
    content: "";
    background-image: url(../img/content_woman_bg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50vw;
    height: 100%;
    top: 0px;
    right: 0;
    /* padding: 2em; */
}

@media screen and (max-width:959px) {

    .wp-block-column.contents_box_woman:before,
    .wp-block-column.contents_box_man:before {
        display: none;
    }
}

.cotents_list_area1 {
    margin: 0;
}

.wp-block-columns.contents_list_box .tab_lists a {
    padding: 1em;
}

.c-tabList li.c-tabList__item {
    margin-left: 0px !important;
}

[data-width-pc="25"] .c-tabList__item {
    width: 15%;
}

.is-style-default .c-tabList {
    justify-content: flex-end;
}

#content .c-tabList {
    padding-right: 5vw;
}

@media screen and (max-width:480px) {
    #content .c-tabList {
        padding-right: 0;
        justify-content: center;
    }
}

button.c-tabList__button {
    width: 15vw;
    font-size: 1.1em;
    font-weight: 600;
}

@media screen and (max-width:480px) {
    button.c-tabList__button {
        width: unset;
        font-size: .9em;
    }
}

.is-style-default .c-tabList__button:hover,
.is-style-default .c-tabList__button[aria-selected=true] {
    color: unset;
    background: unset;
}

.c-tabList__item,
.c-tabList__button {
    color: var(--c-white);
}

.c-tabList__item:nth-of-type(1) {
    background: var(--c-primary2) !important;
}

.c-tabList__item:nth-of-type(2) {
    background: #DB4963 !important;
}

.c-tabList__item:nth-of-type(3) {
    background: var(--c-navy) !important;
}

.c-tabBody {
    padding: 0 !important;
    border: none !important;
}

/*タブ内*/
ul.tab_lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

ul.tab_lists {
    column-count: 3;
    list-style: none;
    padding-left: 0;
}

@media screen and (max-width:480px) {
    ul.tab_lists {
        display: flex;
        flex-wrap: wrap;
    }
}

.tab_lists li {
    margin-top: 0;
    width: 33%;
}

@media screen and (max-width:1050px) {
    .tab_lists li {
        margin-bottom: 0;
        width: 48%;
        padding: 1px 4px;
    }
}

.contents_list_area2 .tab_lists li {
    width: 48%;
    margin: 1%;
}

/*===========スライダー（Front ===============*/
.slider {
    width: 94%;
    margin: 0 auto;
}

.slider img {
    width: 100%;
    height: auto;
}

.slider .slick-slide {
    margin: 0 10px;
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    cursor: pointer;
    /*マウスカーソルを指マークに*/
    outline: none;
    width: 44px !important;
    height: 44px !important;
    border: none;
    border-radius: 50%;
    background: #5b9bd5 !important;
    transform: translateY(-50%) !important;
    z-index: 1;
    opacity: 0.5;
}

@media screen and (max-width:480px) {

    .slick-prev,
    .slick-next {
        top: 50% !important;
        width: 29px !important;
        height: 29px !important;
    }

    .slick-next:before,
    .slick-prev:before {
        width: 8px;
        height: 8px;
        border-top-width: 2px;
        border-right-width: 2px;
    }
}

.slick-prev {
    left: -10px !important;
}

.slick-next {
    /*次へ矢印の位置と形状*/
    right: -10px !important;
}

.slick-next:before,
.slick-prev:before {
    content: "" !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-top: 3px solid var(--c-white);
    border-right: 3px solid var(--c-white);
    font-size: 0 !important;
    color: transparent !important;
    opacity: 1 !important;
}

.slick-next:before {
    transform: translate(-65%, -50%) rotate(45deg);
}

.slick-prev:before {
    transform: translate(-35%, -50%) rotate(-135deg);
}

ul.slider.slick-initialized.slick-slider.slick-dotted {
    padding-left: 0 !important;
    width: 94%;
    margin: 0 auto;
}

.slick-dots {
    text-align: center;
    margin: 20px 0 0 0;
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width: 8px;
    /*ドットボタンのサイズ*/
    height: 8px;
    /*ドットボタンのサイズ*/
    display: block;
    border-radius: 50%;
    background: #ccc;
    /*ドットボタンの色*/
}

.slick-dots .slick-active button {
    background: none;
    /*ドットボタンの現在地表示の色*/
}

.slick-dots li.slick-active button:before {
    color: var(--c-primary) !important;
}




/*===========オンラインクリニックとは===============*/
.home .about_area h2.c_blue:before {
    left: .8em;
}

@media screen and (max-width:480px) {
    .wp-block-columns.online_flow_area.contents_list_box {
        margin: 0;
    }
}

.wp-block-group.about_area {
    margin-bottom: 10em;
    padding-left: 1em;
}

@media screen and (max-width:480px) {
    .wp-block-group.about_area {
        margin-bottom: 1em;
        padding-left: 0;
    }
}

/* ▼flexbox化に伴い無効化 2026-07-05 ▼
.wp-block-group.about_text_area {
    font-weight: 600;
    padding-right: 45vw;
    background: #fafafa;
}

@media screen and (max-width:480px) {
    .wp-block-group.about_text_area {
        padding-right: 0;
        padding-bottom: 40vh;
    }
}
▲ここまで▲ */

.wp-block-group.about_text_area2 {
    font-size: .8em;
}

.text_area p {
    padding: 0 1em;
}

@media screen and (max-width:480px) {
    .text_area p {
        padding: 0;
    }
}

/* ▼flexbox化に伴い無効化（画像はHTMLのimgタグへ移行）2026-07-05 ▼
.wp-block-group.about_area::after {
    position: absolute;
    content: "";
    display: block;
    width: 40vw;
    height: 100%;
    max-height: 500px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: -5vh;
    right: 0;
    margin: auto;
    background-image: url(../img/about_bg1.png);
}

@media screen and (max-width:768px) {
    .wp-block-group.about_area::after {
        width: 40vw;
        height: 40vh;
        bottom: 0vh;
        right: 10px;
        left: unset;
    }
}

@media screen and (max-width:480px) {
    .wp-block-group.about_area::after {
        width: 80vw;
        height: 40vh;
        bottom: -50vh;
        right: 0;
        left: 0;
    }
}
▲ここまで▲ */

/* ▼flexbox版レイアウト 2026-07-05 ▼ */
.wp-block-group.about_text_area {
    font-weight: 600;
    background: #fafafa;
}

/* テキスト列と画像列を横並びに */
.about_flex {
    display: flex;
    align-items: center;
    gap: 3em;
}

/* 左列：h2＋テキスト */
.about_text_col {
    flex: 1 1 0%;
}

/* 右列：画像 */
.about_img_area {
    flex: 0 1 40%;
}

.about_img_area img {
    display: block;
    width: 100%;
    height: auto;
}

/* タブレット以下：縦積みに */
@media screen and (max-width: 768px) {
    .about_flex {
        flex-direction: column;
        gap: 2em;
    }
    .about_img_area {
        flex: 0 0 auto;
        width: 80%;
        margin: 0 auto;
    }
}

/* SP幅：下余白 */
@media screen and (max-width: 480px) {
    .about_img_area {
        padding-bottom: 2.5em;
    }
}

/*===========選ばれる理由===============*/
.sokuyaku_reason_area h2 {
    font-size: 1.6em;
    color:var(--c-primary) !important;
}

@media screen and (max-width:480px) {
    .sokuyaku_reason_area h2 {
        font-size: 1.2em;
    }
}

.sokuyaku_reason_area h2:before {}

.sokuyaku_reason_area h2:after {}

/*
.sokuyaku_reason_area ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.sokuyaku_reason_area ul li{
    display: flex;
    width:16.6%;
}@media screen and (max-width:480px) {
    .sokuyaku_reason_area ul li{
    width:33.3%;
    }
}
.sokuyaku_reason_area ul li div {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    background: var(--c-white);
    padding: 1em;
    margin: 1em;
    width: -webkit-fill-available;
}
.sokuyaku_reason_area ul li div img{
    display:block;
    width:100%;
    height:100px;
    object-fit:scale-down;
}
.sokuyaku_reason_area ul li div span{
    width:100%;
    flex-grow:1;
    text-align:center;
    color: var(--c-primary);
    font-weight: 600;
    font-size: 0.9em;
    display:block;
}*/
.sokuyaku_reason_area ul {
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

@media screen and (max-width: 480px) {
    .swell-block-fullWide.pc-py-60.sp-py-40.has-bg-img.alignfull.sokuyaku_reason_area.lazyloaded ul {
        padding: 0.5em;
    }
}

.sokuyaku_reason_area ul li {
	display: flex;
    width: 13%;
}

@media screen and (max-width:959px) {
    .sokuyaku_reason_area ul li {
		/*width: 33.3%;*/
		width: 31%;
    }
}

.sokuyaku_reason_area ul li div.flexbox_reason {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    background: var(--c-white);
    padding: .5em;
    margin: .5em;
    width: -webkit-fill-available;
    border-radius: 10px;
}

@media screen and (max-width: 480px) {
	.sokuyaku_reason_area ul {
		justify-content: space-between;
	}
    .sokuyaku_reason_area ul li div.flexbox_reason {
        margin: 0.25em;
        padding: 0.5em 0.25em;
    }
}

.sokuyaku_reason_area ul li div img {
    display: block;
    width: 100%;
    height: 100px;
    object-fit: scale-down;
}

@media screen and (max-width: 480px) {
    .sokuyaku_reason_area ul li div img {
        height: 60px;
    }
}

.sokuyaku_reason_area ul li div>div.text_area {
    width: 100%;
    flex-grow: 1;
    text-align: center;
    color: var(--c-primary);
    font-weight: 600;
    font-size: 0.8em;
    display: flex;
    /* 追加 */
    justify-content: center;
    /* 追加 */
    align-items: flex-start;
    /* 追加 */
}

/*===========流れ===============*/

.wp-block-columns.online_flow_area {
    color: var(--c-white);
}

.online_flow_area .wp-block-column {
    padding-top: 1.5em;
    padding-bottom: 1em;
}

.online_flow_area.wp-block-columns .wp-block-column:not(:first-child) {
    margin-left: 0 !important;
}

.online_flow_area .wp-block-column+.wp-block-column {
    margin-top: 0em;
}

.wp-block-column.text_area {
    text-align: center;
    font-size: .9em;
}
.online_flow_area .wp-block-column.text_area {
	min-height: 140px;
}
.online_flow_area .wp-block-column.text_area .att {
	font-size: .8em;
}

.online_flow_area h3 {
    text-align: center;
}

@media screen and (max-width:959px) {
    .online_flow_area h3 {
        text-align: left !important;
	}
	.online_flow_area .wp-block-column.text_area {
		min-height: auto;
	}
}

.online_flow_area figure.wp-block-image {
    margin-bottom: -11px;
}

@media screen and (max-width:959px) {
    .online_flow_area img {
        margin-bottom: -10px;
    }

    .wp-block-column.text_area {
        padding: 1em;
    }

    .wp-block-columns.online_flow_area {
        margin: 1em;
    }

    .wp-block-column.text_area {
        text-align: left;
    }
}

.online_flow_area .wp-block-columns.sp_column2 {
    flex-direction: column;
}

@media screen and (max-width:959px) {
    .online_flow_area .wp-block-columns.sp_column2 {
        flex-direction: unset;
    }
}

.online_flow_area .wp-block-columns.sp_column2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.online_flow_area .wp-block-columns.sp_column2 h3 {
    font-size: var(--fs-h3);
}

.wp-block-column.online_flow_column01 {
    position: relative;
    background: #7C87BA;
    border-radius: 10px 0 0 10px;
}

.wp-block-column.online_flow_column02 {
    position: relative;
    background: #3F509C;
}

.wp-block-column.online_flow_column03 {
    background: var(--c-navy);
    border-radius: 0 10px 10px 0;
}

@media screen and (max-width:959px) {
    .wp-block-column.online_flow_column01 {
        border-radius: 10px 10px 0 0;
    }

    .wp-block-column.online_flow_column03 {
        border-radius: 0 0 10px 10px;
    }
}

.wp-block-column.online_flow_column01,
.wp-block-column.online_flow_column02,
.wp-block-column.online_flow_column03 {
    padding: 1em;
}

@media screen and (max-width:959px) {

    .wp-block-column.online_flow_column01,
    .wp-block-column.online_flow_column02,
    .wp-block-column.online_flow_column03 {
        padding: 0em;
    }
}

.wp-block-column.online_flow_column01::after {
    content: "→";
    position: absolute;
    right: -25px;
    top: 50%;
    background: #7C87BA;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    z-index: 1;
    padding-top: 13px;
}

@media screen and (max-width:959px) {
    .wp-block-column.online_flow_column01::after {
        content: "↓";
        position: absolute;
        left: 20%;
        bottom: -25px;
        top: unset;
    }
}


.wp-block-column.online_flow_column02::after {
    content: "→";
    position: absolute;
    right: -25px;
    top: 50%;
    background: #3F509C;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    padding-top: 13px;
}

@media screen and (max-width:959px) {
    .wp-block-column.online_flow_column02::after {
        content: "↓";
        position: absolute;
        left: 20%;
        bottom: -25px;
        top: unset;
    }
}

@media screen and (max-width:480px) {

    .wp-block-column.online_flow_column01::after,
    .wp-block-column.online_flow_column02::after {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

/*===========FAQ===============*/
.swell-block-accordion__item[aria-expanded="false"]>.swell-block-accordion__title {
    background: #f5f5f5;
}

.swell-block-accordion__title {
    background: var(--c-primary);
    border-radius: 5px;
}

.swell-block-accordion__item[aria-expanded="false"] span.swell-block-accordion__label {
    color: var(--c-text);
}

span.swell-block-accordion__label {
    color: var(--c-white);
}

.swell-block-accordion__body p {
    color: var(--c-primary);
    font-weight: 700;
}

.icon-arrow_drop_up::before,
.icon-arrow_drop_down::before {
    font-weight: 600;
    font-family: "Font Awesome 5 free" !important;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow_drop_up::before {
    content: "\f0aa";
    color: var(--c-white);
}

.icon-arrow_drop_down::before {
    content: "\f0ab";
}

.swell-block-accordion {
    counter-reset: number 0;
}

span.swell-block-accordion__label,
.swell-block-accordion__body p {
    padding-left: 3em !important;
    font-weight: 600;
}

.swell-block-accordion__item {
    position: relative;
}

.swell-block-accordion__item::before {
    counter-increment: number 1;
    content: "Q"counter(number);
    position: absolute;
    top: 15px;
    left: 15px;
    color: var(--c-white);
    background: var(--c-text);
    padding: 3px 6px;
    border-radius: 20px;
    font-weight: 600;
    z-index: 10;
}

.swell-block-accordion__body::before {
    content: "A";
    position: absolute;
    top: auto;
    left: 15px;
    color: var(--c-white);
    background: var(--c-primary);
    padding: 3px 11px;
    border-radius: 20px;
    font-weight: 600;
    z-index: 10;
}

/*===========CTA1===============*/
.sokuyaku_cta_area1 .btn_white a.wp-block-button__link {
    color: #082D59;
}

.sokuyaku_cta_area1 .btn_white a.wp-block-button__link:hover {
    background: #082D59;
    color: var(--c-white);
}

.sokuyaku_cta_area1 .wp-block-button::after {
    color: #082D59;
}

.sokuyaku_cta_area1 .wp-block-button:hover::after {
    color: var(--c-white);
}

/*===========information ===============*/

.wp-block-latest-posts:not(.is-grid) {
    border-top: none;
}

.wp-block-latest-posts:not(.is-grid) li {
    border-bottom: solid 1px var(--c-white);
}

.wp-block-latest-posts li {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

time.wp-block-latest-posts__post-date {
    color: var(--c-primary);
    font-weight: 600;
    padding-right: 3em;
}

.widget_recent_entries a,
.wp-block-latest-posts a {
    color: var(--c-text);
    font-weight: 600;
    transition: all 0.3s ease 0s;
}

.wp-block-latest-posts a:hover {
    color: #4040408f;  /* --c-text の透明度56%。alphaはvar()に連結できないためhex8で指定 */
}

.wp-block-latest-posts a::after {
    position: absolute;
    content: "\2b";
    font-size: var(--fs-h3);
    text-shadow: none;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

.wp-block-latest-posts a:hover::after {
    color: var(--c-primary);
}

/*swellpost*/
.-type-simple .p-postList__link {
    border-bottom: solid 1px var(--c-white);
}

.p-postList.-type-simple {
    border-top: none;
}

.p-postList__body::after {
    position: absolute;
    content: "\2b";
    font-size: var(--fs-h3);
    top: 8px;
    right: 15px;
    text-shadow: none;
    font-weight: 600;
    transition: all 0.3s ease 0s;
}

.p-postList__body:hover::after {
    color: var(--c-primary) !important;
    background: none !important;
    transition: none;
}

.p-postList__meta ::before {
    display: none;
}

span.p-postList__cat.u-thin.icon-folder {
    border: solid 1px var(--c-primary);
    border-radius: 20px;
    padding: 0.25em 1em;
    color: var(--c-primary);
}

/*===========CTA2===============*/
.sokuyaku_cta_area2 .btn_white a.wp-block-button__link {
    color: var(--c-primary);
}

.sokuyaku_cta_area2 .btn_white a.wp-block-button__link:hover {
    background: var(--c-primary);
    color: var(--c-white);
}

.sokuyaku_cta_area2 .wp-block-button.btn_white::after {
    color: var(--c-primary);
}

.sokuyaku_cta_area2 .wp-block-button.btn_white:hover::after {
    color: var(--c-white);
}


.sokuyaku_cta_area2 .btn_white.btn_tel a.wp-block-button__link {
    color: var(--c-white);
    background: var(--c-primary);
    border: solid 1.5px var(--c-white);
}

.sokuyaku_cta_area2 .btn_white.btn_tel a.wp-block-button__link:hover {
    background: var(--c-primary);
    color: var(--c-white);
}

.sokuyaku_cta_area2 .wp-block-button.btn_white.btn_tel::after {
    color: var(--c-white);
}

.sokuyaku_cta_area2 .wp-block-button.btn_white.btn_tel:hover::after {
    color: var(--c-primary);
}

.sokuyaku_cta_area2 h2 {
    font-size: 1.1em;
}

.sokuyaku_cta_area2 p.text_tel {
    font-size: var(--fs-h2);
    font-weight: 600;
}

@media screen and (max-width:480px) {}

@media screen and (max-width:959px) {}

/*===========下層＞共通科目＞ヘッダー===============*/

.l-topTitleArea__body.l-container {
    padding-left: unset;
}

.c-filterLayer.-texture-dot::before,
.c-filterLayer.-texture-dot::after {
    display: none;
}

@media screen and (max-width:480px) {
    .-height-auto .p-mainVisual__textLayer {
        padding-top: 14em;
    }
}

.page div#top_title_area {
    z-index: -1;
    height: auto;
}

.page div#top_title_area {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
    padding: 0;
    background-color: var(--c-primary);
}

.img_container,
.l-topTitleArea__body.l-container {
    width: 50vw;
}

.u-obf-cover {
    object-fit: cover;
    width: 100% !important;
    /*height: 400px!important;*/
    position: unset;
}

div.img_container {
    /*親テーマに追加*/
    position: relative;
}

div.img_container::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 80px 0 70px 2px #FBE9EC;
}

div.img_container img {
    width: 100%;
    height: 100%;
}

.page h1.c-pageTitle {
    color: var(--c-white);
    font-size: var(--fs-h2);
    margin: -10vh auto 4vh;
    text-align: center;
}

h1.c-pageTitle {
    position: relative;
    z-index: 1;
}

.page .c-pageTitle::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 1.5em;
    left: 50%;
    transform: translate(-50%);
    width: 40vw;
    max-width: 450px;
    height: 200px;
    background: url(../img/page/fv_txt_pill.png);
    background-size: contain;
    background-repeat: no-repeat;
    visibility: inherit;
}

@media screen and (max-width:640px) {
    .page div#top_title_area {
        flex-direction: column;
        height: auto;
    }

    .img_container,
    .l-topTitleArea__body.l-container {
        width: 100vw;
    }

    .u-obf-cover {
        height: auto !important;
    }

    div.img_container::after {
        box-shadow: inset 0px -30px 20px -3px #FBE9EC;
    }

    .l-topTitleArea__body.l-container {
        height: 200px;
        padding: 0;
    }

	.page h1.c-pageTitle {
		font-size: var(--fs-h3);
        margin: -4vh auto 4vh;
    }

    .page .c-pageTitle::after {
        width: 90vw;
    }
}

/*===========下層＞共通科目＞コンテンツ部===============*/

/*PRICE横幅最大*/
.wp-block-group.price_area_full_width_box {
    background-color: #f5f5f5;
    margin: 0 -50vw;
    padding: 0 50vw 2em;
}

.page_about_txtbox {
    background: var(--c-white);
    padding: 2em;
    margin: 0 5vw;
    border-radius: 10px;
    font-size: 20px;
    max-width: 1400px;
    font-weight: 600;
}

@media screen and (max-width:480px) {
    .page_about_txtbox {
        font-size: 14px;
        padding: 1em;
        margin: 1em;
    }
}

/*薬のイメージフレーム*/
.swell-block-capbox.cap_box.image_frame_box {
    display: flex;
    flex-direction: column !important;
}

.image_frame_box .cap_box_content {
    border: solid 2px #D5EDFA;
    text-align: center;
}

.image_frame_box .cap_box_ttl {
    background-color: #D5EDFA;
    color: var(--c-primary2);
    font-weight: 600;
}

.image_frame_box .wp-block-columns.are-vertically-aligned-bottom.sp_column2 {
    justify-content: center;
}

/*デリバリーフレーム*/
.wp-block-columns.delivery_box {
    border-radius: 5px;
}

@media screen and (max-width:480px) {
    .wp-block-columns.delivery_box {
        margin-top: 0;
        margin-bottom: 0;
        padding: 1em;
    }
}

/*よくある質問ボックス*/

.faq_box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.q_innner,
.a_innner {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    align-items: flex-start;
}

.q_innner {
    align-items: stretch;
}

.faq_txt_q_ico,
.faq_txt_a_ico {
    width: 50px;
    padding: 0.5em;
}

@media screen and (max-width:480px) {

    .faq_txt_q_ico,
    .faq_txt_a_ico {
        width: 35px;
        padding: 0.5em;
    }
}

.faq_txt_q,
.faq_txt_a {
    width: 90%;
    flex-grow: 1;
}

.faq_txt_q_ico {
    color: var(--c-white);
    background: var(--c-primary2);
    border-radius: 3px 0 0 3px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq_txt_q_ico img {
    vertical-align: sub;
    padding: 0.25em;
}

.faq_txt_q {
    background: #E9F6FD;
    ;
    padding: 0.5em;
    font-weight: 600;
}

.faq_txt_a {
    border: solid 2px #E9F6FD;
    padding: 1em 1em;
}

.faq_txt_a span.txt_bold {
    color: var(--c-primary2);
}

/*チェックリストアイコン*/
ul.check_lists {
    list-style: none;
    padding-left: 0;
    position: relative;
}

ul.check_lists li {
    border-bottom: solid 2px #f0f0f0;
    padding: 0.5em 0 0.5em 2em;
}

ul.check_lists li:before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    top: 0.75em;
    margin-left: -1.5em;
    background-image: url(../img/ico/hedding_ico_check_ub.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: top;
}

@media screen and (max-width:480px) {

    .check_ver .faq_txt_q_ico,
    .check_ver .faq_txt_a_ico {
        display: none;
    }

    .check_ver .faq_txt_q {
        padding-left: 2.5em;
        position: relative;
    }

    .check_ver .faq_txt_q::before {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        top: 0.95em;
        margin-left: -1.8em;
        background-image: url(../img/ico/common_ico_check.png);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: top;
    }

    .check_ver .faq_txt_a {
        padding: 1em 0.5em;
    }

    ul.check_lists li:before {
        width: 20px;
        height: 20px;
        margin-left: -1.8em;
    }
}

/*料金ボックス*/
.price_container.count_6 {
    width: 16.6666666667%;
}

.price_container.count_4 {
    width: 25%;
}
.price_container.count_3 {
	width: 33.3%;
}


.price_container.count_2 {
    width: 50%;
}

.price_container.count_1 {
    width: 100%;
}

.price_container.count_1.flex_row {
    flex-direction: row;
    /*横テーブル*/
}

.price_container.count_1.flex_row div {
    width: 50%;
    height: 60px;
    min-height: fit-content;
}

.price_container.count_1.flex_row.per_40 .price_ttl {
    width: 40%;
}

@media screen and (max-width:920px) {

    .price_container.count_1.flex_row div,
    .price_container.count_1.flex_row.per_40 .price_ttl {
        width: 100%;
    }
}

span.bar_black {
    /*料金ボックス内マーカー*/
    font-size: 11px;
    vertical-align: text-bottom;
    background: #D2D2D2;
    padding: 0.5em 0.5em;
    margin: 10px;
}

.price_content_red .price_ttl {
    background: #FBE9EC;
    color: var(--c-accent);
}

.price_content_red1 .price_ttl {
    background: #F8D4DB;
    color: var(--c-accent);
}

.price_content_red2 .price_ttl {
    background: #F4BFC8;
    color: var(--c-accent);
}

.price_content_blue1 .price_ttl {
    background: #DAF6FE;
    color: #00A9DB;
}

.price_content_blue2 .price_ttl {
    background: #B5ECFC;
    color: #00A9DB;
}

.price_content_gray .price_ttl {
    background: #D2D2D2;
    color: var(--c-text);
}

.price_content_courseblue_1 .price_ttl {
    background: #E9F6FD;
    color: var(--c-primary2);
}

.price_content_courseblue_3 .price_ttl {
    background: #D5EDFA;
    color: var(--c-primary2);
}

.price_content_courseblue_6 .price_ttl {
    background: #C0E4F8;
    color: #1994D8;
}

.price_content_course_darkblue_1 .price_ttl {
    background: #E5E7F2;
    color: var(--c-navy);
}

.price_content_course_darkblue_2 .price_ttl {
    background: #CCD0E5;
    color: var(--c-navy);
}

.price_content_course_darkblue_3 .price_ttl {
    background: #B2B9D8;
    color: var(--c-navy);
}

.price_txt_tab span {
    display: block;
    padding: 0.1rem 1rem !important;
    border-radius: 10px !important;
}

.price_content_red .price_txt_tab span {
    background: #DC3F5B;
}

.price_content_red1 .price_txt_tab span {
    background: #DC3F5B;
}

.price_content_red2 .price_txt_tab span {
    background: #DC3F5B;
}

.price_content_blue1 .price_txt_tab span {
    background: #24C5F4;
}

.price_content_blue2 .price_txt_tab span {
    background: #24C5F4;
}

.price_content_gray .price_txt_tab span {}

.price_content_courseblue_1 .price_txt_tab span {
    background: #6DC0ED;
}

.price_content_courseblue_3 .price_txt_tab span {
    background: #58B7EB;
}

.price_content_courseblue_6 .price_txt_tab span {
    background: #43ADE8;
}

.price_content_course_darkblue_1 .price_txt_tab span,
.price_content_course_darkblue_2 .price_txt_tab span,
.price_content_course_darkblue_3 .price_txt_tab span {
    background: var(--c-navy);
}

.price_txt_comment {
    font-size: 0.7em;
}

.price_box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 2em;
}

.price_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    padding: 5px;
}

.price_ttl,
.price_cost {
    text-align: center;
    width: 100%;
    font-weight: 600;
}

.price_ttl {
    padding: 1em;
    font-size: 0.95em;
    min-height: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.price_cost {
    background: var(--c-white);
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em;
}

.price_txt_money {
    font-size: 1.2em;
}

.price_txt_tab span {
    color: var(--c-white);
    font-size: 12px;
    padding: 6px 15px;
    border-radius: 15px;
}

@media screen and (max-width:1100px) {
    .price_container.count_6 {
        width: 33%;
    }
}

@media screen and (max-width:880px) {
    .price_container.count_4 {
        width: 50%;
    }
}

@media screen and (max-width:590px) {
    .price_ttl {
        padding: 0.5em 0.2em;
        font-size: 0.8em;
    }
}

@media screen and (max-width:480px) {
    .price_container {
        padding: 3px;
    }

    .price_cost {
        padding: 10px 2px;
    }

    .price_txt_tab span {
        font-size: 10px;
        padding: 5px 10px;
    }

    .price_container.count_4 {
        width: 50%;
    }
}

/*追加ボタン*/
.wp-block-buttons.pill_buttons div {
    margin-bottom: 0;
}

.wp-block-button.pill_button_1 a,
.wp-block-button.pill_button_2 a {
    width: 300px;
    border-radius: 5px;
	font-weight: 600;
}

.wp-block-button.pill_button_1::after,
.wp-block-button.pill_button_2::after {
    content: "\f358";
    font-family: "Font Awesome 5 Free";
    color: var(--c-white);
    font-weight: 600;
}

/*薬説明カラム*/
.wp-block-columns.medicine_columns {
    margin-top: 1em;
}

@media screen and (max-width:480px) {
    .wp-block-columns.medicine_columns {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 0;
    }

    .wp-block-columns.medicine_columns .wp-block-column+.wp-block-column {
        margin-top: 0;
        margin-bottom: 1em !important;
    }
}

/*===========下層＞共通科目＞コンテンツ部＞見出しパーツ===============*/
.page h2.has-text-align-left {
    margin-left: 1em;
}

/*テキスト系*/
.page #content h2.txt_ttl {
    position: relative;
    /*margin-left: 100px;*/
}

@media screen and (max-width:480px) {
    .page #content h2.txt_ttl {
        margin-left: 0.5em;
    }
}

.page #content h2.txt_ttl::before {
    position: absolute;
    background-image: url(../img/ico/hedding_ttl_about_it.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: contain;
    display: block;
    content: "";
    width: 40px;
    height: 30px;
    left: 5px;
    bottom: -33px;
}

.page #content h2.txt_ttl::after {
    content: "";
    position: absolute;
    display: block;
    border-radius: 2px;
    z-index: -1;
    width: 50px;
    height: 20px;
    background-color: #58B7EB;

}

/*aboutit*/
.page #content h2.txt_ttl.txt_aboutit::before {
    background-image: url(../img/ico/hedding_ttl_about_it.png);
    width: 40px;
    height: 30px;
    left: 5px;
    bottom: -33px;
}

.page #content h2.txt_ttl.txt_aboutit::after {
    width: 50px;
    height: 20px;
    background-color: #58B7EB;
}

/*price*/
.page #content h2.txt_ttl.txt_price::before {
    background-image: url(../img/ico/hedding_ttl_price.png);
    width: 25px;
    height: 30px;
    left: 5px;
    bottom: -33px;
}

.page #content h2.txt_ttl.txt_price::after {
    width: 35px;
    height: 20px;
}

/*delivery*/
.page #content h2.txt_ttl.txt_delivery::before {
    background-image: url(../img/ico/hedding_ttl_delivery.png);
    width: 80px;
}

.page #content h2.txt_ttl.txt_delivery::after {
    width: 90px;
}

/*faq*/
.page #content h2.txt_ttl.txt_faq::before {
    background-image: url(../img/ico/hedding_ttl_faq.png);
    width: 16px;
}

.page #content h2.txt_ttl.txt_faq::after {
    width: 26px;
}

/*medicine*/
.page #content h2.txt_ttl.txt_medicine::before {
    background-image: url(../img/ico/hedding_ttl_medicine.png);
    width: 40px;
}
.page #content h2.txt_ttl.txt_cautions::before {
  background-image: url(../img/ico/hedding_ttl_cautions.png);
  width: 46px;
}
.page #content h2.txt_ttl.txt_cautions::after {
  width: 56px;
}
.page #content h2.txt_ttl.txt_voice::before {
  background-image: url(../img/ico/hedding_ttl_voice.png);
  width: 28px;
}
.page #content h2.txt_ttl.txt_voice::after {
  width: 38px;
}
.page #content h2.txt_ttl.txt_related::before {
	background-image: url(../img/ico/hedding_ttl_related.png);
	width: 46px;
}
.page #content h2.txt_ttl.txt_related::after {
	width: 56px;
}

.page #content h2.txt_ttl.txt_faq::after {
    width: 26px;
}

/*type of pill 1*/
.page #content h2.txt_ttl.txt_type_of_pll_1::before {
    background-image: url(../img/ico/hedding_ttl_type_of_pill_1.png);
    width: 70px;
}

.page #content h2.txt_ttl.txt_type_of_pll_1::after {
    width: 80px;
}

/*faq*/
.page #content h2.txt_ttl.txt_type_of_pll_2::before {
    background-image: url(../img/ico/hedding_ttl_type_of_pill_2.png);
    width: 70px;
}

.page #content h2.txt_type_of_pll_2::after {
    width: 80px;
}

/*aga*/
.page #content h2.txt_ttl.txt_aga::before {
    background-image: url(../img/ico/hedding_ttl_aga.png);
    width: 100px;
}

.page #content h2.txt_ttl.txt_aga::after {
    width: 110px;
}

/*ed1*/
.page #content h2.txt_ttl.txt_ed1::before {
    background-image: url(../img/ico/hedding_ttl_ed1.png);
    width: 100px;
}

.page #content h2.txt_ttl.txt_ed1::after {
    width: 110px;
}

/*ed2*/
.page #content h2.txt_ttl.txt_ed2::before {
    background-image: url(../img/ico/hedding_ttl_ed2.png);
    width: 120px;
}

.page #content h2.txt_ttl.txt_ed2::after {
    width: 130px;
}

/*howtouse*/
.page #content h2.txt_ttl.txt_howtouse::before {
    background-image: url(../img/ico/hedding_ttl_howtouse.png);
    width: 55px;
}

.page #content h2.txt_ttl.txt_howtouse::after {
    width: 65px;
}

/*数字系*/
.num_ttl {
    margin-bottom: 0.5em !important;
}

.num_ttl {
    padding-left: 33px !important;
    line-height: 1.2;
    color: var(--c-primary2)
}

.num_ttl::before {
    background: #58B7EB;
    border-radius: 3px;
    width: 29px;
    height: 29px;
    padding: 0 8px 10px;
    margin-bottom: 2px;
    display: inline-block;
    vertical-align: middle;
    line-height: inherit;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width:480px) {
    .num_ttl::before {
        width: 26px;
        height: 25px;
        padding: 0 0 0 6px;
        margin-bottom: 1px;
        margin-top: 0px;
    }
}

.num_ttl._num_01::before {
    content: url(../img/ico/hedding_num_01.png);
}

.num_ttl._num_02::before {
    content: url(../img/ico/hedding_num_02.png);
}

.num_ttl._num_03::before {
    content: url(../img/ico/hedding_num_03.png);
}

.num_ttl._num_04::before {
    content: url(../img/ico/hedding_num_04.png);
}

.num_ttl._num_05::before {
    content: url(../img/ico/hedding_num_05.png);
}

.num_ttl._num_06::before {
    content: url(../img/ico/hedding_num_06.png);
}

.num_ttl._num_07::before {
    content: url(../img/ico/hedding_num_07.png);
}

.num_ttl._num_08::before {
    content: url(../img/ico/hedding_num_08.png);
}

.num_ttl._num_09::before {
    content: url(../img/ico/hedding_num_09.png);
}

.num_ttl._num_10::before {
    content: url(../img/ico/hedding_num_10.png);
}

.num_ttl._num_11::before {
    content: url(../img/ico/hedding_num_11.png);
}

.num_ttl._num_12::before {
    content: url(../img/ico/hedding_num_12.png);
}

.num_ttl._num_13::before {
    content: url(../img/ico/hedding_num_13.png);
}

.num_ttl._num_14::before {
    content: url(../img/ico/hedding_num_14.png);
}

.num_ttl._num_15::before {
    content: url(../img/ico/hedding_num_15.png);
}

.num_ttl._num_16::before {
    content: url(../img/ico/hedding_num_16.png);
}

.num_ttl._num_17::before {
    content: url(../img/ico/hedding_num_17.png);
}

.num_ttl._num_18::before {
    content: url(../img/ico/hedding_num_18.png);
}

.num_ttl._num_19::before {
    content: url(../img/ico/hedding_num_19.png);
}

/*アイコン系*/
.page #content h3.ico_ttl {
    position: relative;
    background: #E9F6FD;
    color: var(--c-primary2);
    padding: 0.25em 0.5em;
    border-left: solid 2em var(--c-primary);
    border-radius: 3px;
}

.page #content h3.ico_ttl::before {
    position: absolute;
    background-image: url(../img/ico/hedding_ico_logo.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: contain;
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    left: -1.7em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width:480px) {
    .page #content h3.ico_ttl {
        margin-top: 0;
    }

    .page #content h3.ico_ttl::before {
        width: 24px;
        height: 24px;
    }
}

/*?アイコン*/
.page #content h3.ico_ttl._icon_faq::before {
    background-image: url(../img/ico/hedding_ico_qestion.png);
    left: -1.4em;
    height: 24px;
}

@media screen and (max-width:480px) {
    .page #content h3.ico_ttl._icon_faq::before {
        height: 19px;
    }
}

/*カプセルアイコン*/
.page #content h3.ico_ttl._icon_cap::before {
    background-image: url(../img/ico/hedding_ico_capsel.png);
    left: -1.5em;
    width: 22px;
    height: 30px;
}

@media screen and (max-width:480px) {
    .page #content h3.ico_ttl._icon_cap::before {
        left: -1.5em;
        width: 18px;
        height: 23px;
    }
}

/*薬アイコン*/
.page #content h3.ico_ttl._icon_medicine::before {
    background-image: url(../img/ico/hedding_ico_medicine.png);
    left: -1.5em;
    width: 22px;
    height: 30px;
}

@media screen and (max-width:480px) {
    .page #content h3.ico_ttl._icon_medicine::before {
        left: -1.5em;
        width: 18px;
        height: 23px;
    }
}

/*聴診器アイコン*/
.page #content h3.ico_ttl._icon_doctor::before {
    background-image: url(../img/ico/hedding_ico_doctor.png);
    left: -1.5em;
    width: 21px;
    height: 30px;
}

@media screen and (max-width:480px) {
    .page #content h3.ico_ttl._icon_doctor::before {
        left: -1.5em;
        width: 16px;
        height: 23px;
    }
}

/*男女アイコン1*/
.page #content h3.ico_ttl._icon_fm::before {
    background-image: url(../img/ico/hedding_ico_fm.png);
    left: -1.3em;
    width: 20px;
    height: 30px;
}

@media screen and (max-width:480px) {
    .page #content h3.ico_ttl._icon_fm::before {
        left: -1.5em;
        width: 18px;
        height: 23px;
    }
}

/*男女アイコン2*/
.page #content h3.ico_ttl._icon_fm2::before {
    background-image: url(../img/ico/hedding_ico_fm2.png);
    left: -1.5em;
    width: 22px;
    height: 30px;
}

@media screen and (max-width:480px) {
    .page #content h3.ico_ttl._icon_fm2::before {
        left: -1.5em;
        width: 18px;
        height: 23px;
    }
}

/*バッグアイコン*/
.page #content h3.ico_ttl._icon_bag::before {
    background-image: url(../img/ico/hedding_ico_bag.png);
    left: -1.5em;
    width: 22px;
    height: 30px;
}

@media screen and (max-width:480px) {
    .page #content h3.ico_ttl._icon_bag::before {
        left: -1.5em;
        width: 18px;
        height: 23px;
    }
}

/*¥アイコン*/
.page #content h3.ico_ttl._icon_yen {
    background: var(--c-white) !important;
}

.page #content h3.ico_ttl._icon_yen::before {
    background-image: url(../img/ico/hedding_ico_yen.png);
    left: -1.6em;
    width: 26px;
    height: 30px;
}

@media screen and (max-width:480px) {
    .page #content h3.ico_ttl._icon_yen::before {
        left: -1.5em;
        width: 18px;
        height: 23px;
    }
}

/*カレンダーアイコン*/
v .page #content h3.ico_ttl._icon_cal::before {
    background-image: url(../img/ico/hedding_ico_cal.png);
    left: -1.6em;
    width: 26px;
    height: 30px;
}

@media screen and (max-width:480px) {
    .page #content h3.ico_ttl._icon_cal::before {
        left: -1.5em;
        width: 18px;
        height: 23px;
    }
}

/*その他*/
.marker_ttl_area {
    padding-left: 1em;
}

.marker_ttl_area h4 {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 0;
}

/*===========下層＞一般科目（青）===============*/

.page-id-756 div#top_title_area,
.page-id-942 div#top_title_area,
.page-id-1011 div#top_title_area,
.page-id-1032 div#top_title_area,
.page-id-1057 div#top_title_area,
.page-id-1066 div#top_title_area,
.page-id-1092 div#top_title_area {
    background-color: #E9F6FD !important;
}

.page-id-756 div.img_container::after,
.page-id-942 div.img_container::after,
.page-id-1011 div.img_container::after,
.page-id-1032 div.img_container::after,
.page-id-1057 div.img_container::after,
.page-id-1066 div.img_container::after,
.page-id-1092 div.img_container::after {
    box-shadow: inset 80px 0 70px 2px #E9F6FD;
}

@media screen and (max-width:480px) {

    .page-id-756 div.img_container::after,
    .page-id-942 div.img_container::after,
    .page-id-1011 div.img_container::after,
    .page-id-1032 div.img_container::after,
    .page-id-1057 div.img_container::after,
    .page-id-1066 div.img_container::after,
    .page-id-1092 div.img_container::after {
        box-shadow: inset 0px -30px 20px -3px #E9F6FD;
    }
}

.page-id-756 div#breadcrumb,
.page-id-942 div#breadcrumb,
.page-id-1011 div#breadcrumb,
.page-id-1032 div#breadcrumb,
.page-id-1057 div#breadcrumb,
.page-id-1066 div#breadcrumb,
.page-id-1092 div#breadcrumb {
    background: var(--c-primary2) !important;
    color: var(--c-white);
}

.page-id-756 .sokuyaku_reason_area h2,
.page-id-942 .sokuyaku_reason_area h2,
.page-id-1011 .sokuyaku_reason_area h2,
.page-id-1032 .sokuyaku_reason_area h2,
.page-id-1057 .sokuyaku_reason_area h2,
.page-id-1066 .sokuyaku_reason_area h2,
.page-id-1092 .sokuyaku_reason_area h2 {
    color: var(--c-primary2) !important;
}

.page-id-756 .sokuyaku_reason_area ul li div>div.text_area,
.page-id-942 .sokuyaku_reason_area ul li div>div.text_area,
.page-id-1011 .sokuyaku_reason_area ul li div>div.text_area,
.page-id-1032 .sokuyaku_reason_area ul li div>div.text_area,
.page-id-1057 .sokuyaku_reason_area ul li div>div.text_area,
.page-id-1066 .sokuyaku_reason_area ul li div>div.text_area,
.page-id-1092 .sokuyaku_reason_area ul li div>div.text_area {
    color: var(--c-primary2) !important;
}

.page-id-756 h1.c-pageTitle,
.page-id-942 h1.c-pageTitle,
.page-id-1011 h1.c-pageTitle,
.page-id-1032 h1.c-pageTitle,
.page-id-1057 h1.c-pageTitle,
.page-id-1066 h1.c-pageTitle,
.page-id-1092 h1.c-pageTitle {
    color: var(--c-primary2) !important;
}

.page-id-756 h2.txt_ttl::after,
.page-id-942 h2.txt_ttl::after,
.page-id-1011 h2.txt_ttl::after,
.page-id-1032 h2.txt_ttl::after,
.page-id-1057 h2.txt_ttl::after,
.page-id-1066 h2.txt_ttl::after,
.page-id-1092 h2.txt_ttl::after {
    background: #58B7EB !important;
}

.page-id-756 h3.ico_ttl,
.page-id-942 h3.ico_ttl,
.page-id-1011 h3.ico_ttl,
.page-id-1032 h3.ico_ttl,
.page-id-1057 h3.ico_ttl,
.page-id-1066 h3.ico_ttl,
.page-id-1092 h3.ico_ttl {
    color: var(--c-primary2) !important;
    background: #E9F6FD !important;
    border-left: solid 2em var(--c-primary2) !important;
}

.page-id-756 .num_ttl,
.page-id-942 .num_ttl,
.page-id-1011 .num_ttl,
.page-id-1032 .num_ttl,
.page-id-1057 .num_ttl,
.page-id-1066 .num_ttl,
.page-id-1092 .num_ttl {
    color: var(--c-primary2);
}

.page-id-756 .num_ttl::before,
.page-id-942 .num_ttl::before,
.page-id-1011 .num_ttl::before,
.page-id-1032 .num_ttl::before,
.page-id-1057 .num_ttl::before,
.page-id-1066 .num_ttl::before,
.page-id-1092 .num_ttl::before {
    background: var(--c-primary2) !important;
}

.page-id-756 .image_frame_box .cap_box_content,
.page-id-942 .image_frame_box .cap_box_content,
.page-id-1011 .image_frame_box .cap_box_content,
.page-id-1032 .image_frame_box .cap_box_content,
.page-id-1057 .image_frame_box .cap_box_content,
.page-id-1066 .image_frame_box .cap_box_content,
.page-id-1092 .image_frame_box .cap_box_content {
    border: solid 2px #D5EDFA;
}

.page-id-756 .image_frame_box .cap_box_ttl,
.page-id-942 .image_frame_box .cap_box_ttl,
.page-id-1011 .image_frame_box .cap_box_ttl,
.page-id-1032 .image_frame_box .cap_box_ttl,
.page-id-1057 .image_frame_box .cap_box_ttl,
.page-id-1066 .image_frame_box .cap_box_ttl,
.page-id-1092 .image_frame_box .cap_box_ttl {
    background-color: #D5EDFA;
    color: var(--c-primary2);
}

.page-id-756 .faq_txt_q_ico,
.page-id-942 .faq_txt_q_ico,
.page-id-1011 .faq_txt_q_ico,
.page-id-1032 .faq_txt_q_ico,
.page-id-1057 .faq_txt_q_ico,
.page-id-1066 .faq_txt_q_ico,
.page-id-1092 .faq_txt_q_ico {
    color: var(--c-white);
    background: #58B7EB;
}

.page-id-756 .faq_txt_q,
.page-id-942 .faq_txt_q,
.page-id-1011 .faq_txt_q,
.page-id-1032 .faq_txt_q,
.page-id-1057 .faq_txt_q,
.page-id-1066 .faq_txt_q,
.page-id-1092 .faq_txt_q {
    background: #E9F6FD;
}

.page-id-756 .faq_txt_a,
.page-id-942 .faq_txt_a,
.page-id-1011 .faq_txt_a,
.page-id-1032 .faq_txt_a,
.page-id-1057 .faq_txt_a,
.page-id-1066 .faq_txt_a,
.page-id-1092 .faq_txt_a {
    border: solid 2px #E9F6FD;
}

.page-id-756 .faq_txt_a span.txt_bold,
.page-id-942 .faq_txt_a span.txt_bold,
.page-id-1011 .faq_txt_a span.txt_bold,
.page-id-1032 .faq_txt_a span.txt_bold,
.page-id-1057 .faq_txt_a span.txt_bold,
.page-id-1066 .faq_txt_a span.txt_bold,
.page-id-1092 .faq_txt_a span.txt_bold {
    color: var(--c-primary2);
}

.page-id-307 ul.check_lists li:before {
    background-image: url(../img/ico/hedding_ico_check_ub_red.png);
}

/*===========下層＞女性専用科目（赤）===============*/

.page-id-473 div#top_title_area,
.page-id-307 div#top_title_area,
.page-id-734 div#top_title_area,
.page-id-1200 div#top_title_area {
    background-color: #FBE9EC !important;
}

.page-id-473 div.img_container::after,
.page-id-307 div.img_container::after,
.page-id-734 div.img_container::after,
.page-id-1200 div.img_container::after {
    box-shadow: inset 80px 0 70px 2px #FBE9EC;
}

@media screen and (max-width:480px) {

    .page-id-473 div.img_container::after,
    .page-id-307 div.img_container::after,
    .page-id-734 div.img_container::after,
    .page-id-1200 div.img_container::after {
        box-shadow: inset 0px -30px 20px -3px #FBE9EC;
    }
}

.page-id-473 div#breadcrumb,
.page-id-307 div#breadcrumb,
.page-id-734 div#breadcrumb,
.page-id-1200 div#breadcrumb {
    background: var(--c-accent) !important;
    color: var(--c-white);
}

.page-id-473 .sokuyaku_reason_area h2,
.page-id-307 .sokuyaku_reason_area h2,
.page-id-734 .sokuyaku_reason_area h2,
.page-id-1200 .sokuyaku_reason_area h2 {
    color: var(--c-accent) !important;
}

.page-id-473 .sokuyaku_reason_area ul li div>div.text_area,
.page-id-307 .sokuyaku_reason_area ul li div>div.text_area,
.page-id-734 .sokuyaku_reason_area ul li div>div.text_area,
.page-id-1200 .sokuyaku_reason_area ul li div>div.text_area {
    color: var(--c-accent) !important;
}

.page-id-473 h1.c-pageTitle,
.page-id-307 h1.c-pageTitle,
.page-id-734 h1.c-pageTitle,
.page-id-1200 h1.c-pageTitle {
    color: var(--c-accent) !important;
}

.page-id-473 h2.txt_ttl::after,
.page-id-307 h2.txt_ttl::after,
.page-id-734 h2.txt_ttl::after,
.page-id-1200 h2.txt_ttl::after {
    background: #E0556E !important;
}

.page-id-473 h3.ico_ttl,
.page-id-307 h3.ico_ttl,
.page-id-734 h3.ico_ttl,
.page-id-1200 h3.ico_ttl {
    color: var(--c-accent) !important;
    background: #FBE9EC !important;
    border-left: solid 2em var(--c-accent) !important;
}

.page-id-473 .num_ttl,
.page-id-307 .num_ttl,
.page-id-734 .num_ttl,
.page-id-1200 .num_ttl {
    color: var(--c-accent);
}

.page-id-473 .num_ttl::before,
.page-id-307 .num_ttl::before,
.page-id-734 .num_ttl::before,
.page-id-1200 .num_ttl::before {
    background: var(--c-accent) !important;
}

.page-id-473 .image_frame_box .cap_box_content,
.page-id-307 .image_frame_box .cap_box_content,
.page-id-734 .image_frame_box .cap_box_content,
.page-id-1200 .image_frame_box .cap_box_content {
    border: solid 2px #F8D5DB;
}

.page-id-473 .image_frame_box .cap_box_ttl,
.page-id-307 .image_frame_box .cap_box_ttl,
.page-id-734 .image_frame_box .cap_box_ttl,
.page-id-1200 .image_frame_box .cap_box_ttl {
    background-color: #F8D5DB;
    color: var(--c-accent);
}

.page-id-473 .faq_txt_q_ico,
.page-id-307 .faq_txt_q_ico,
.page-id-734 .faq_txt_q_ico,
.page-id-1200 .faq_txt_q_ico {
    color: var(--c-white);
    background: #E0556E;
}

.page-id-473 .faq_txt_q,
.page-id-307 .faq_txt_q,
.page-id-734 .faq_txt_q,
.page-id-1200 .faq_txt_q {
    background: #FBE9EC;
}

.page-id-473 .faq_txt_a,
.page-id-307 .faq_txt_a,
.page-id-734 .faq_txt_a,
.page-id-1200 .faq_txt_a {
    border: solid 2px #FBE9EC;
}

.page-id-473 .faq_txt_a span {
    color: var(--c-accent);
}

.page-id-473 ul.check_lists li:before {
    background-image: url(../img/ico/hedding_ico_check_ub_red.png);
}

.page-id-307 .faq_txt_a span.txt_bold,
.page-id-1200 .faq_txt_a span.txt_bold {
    color: var(--c-accent);
}

.page-id-307 ul.check_lists li:before,
.page-id-1200 ul.check_lists li:before {
    background-image: url(../img/ico/hedding_ico_check_ub_red.png);
}

@media screen and (max-width:480px) {

    .page-id-473 .check_ver .faq_txt_q::before,
    .page-id-307 .check_ver .faq_txt_q::before,
    .page-id-734 .check_ver .faq_txt_q::before,
    .page-id-1200 .check_ver .faq_txt_q::before {
        background-image: url(../img/ico/common_ico_check_red.png);
    }
}

/*===========下層＞男性専用科目（藍）===============*/

.page-id-851 div#top_title_area,
.page-id-854 div#top_title_area {
    background-color: #E5E7F2 !important;
}

.page-id-851 div.img_container::after,
.page-id-854 div.img_container::after {
    box-shadow: inset 20px 0px 19px #E5E7F2;
}

@media screen and (max-width:480px) {

    .page-id-851 div.img_container::after,
    .page-id-854 div.img_container::after {
        box-shadow: inset 0px -30px 20px -3px #E5E7F2;
    }
}

.page-id-851 div#breadcrumb,
.page-id-854 div#breadcrumb {
    background: var(--c-navy) !important;
    color: var(--c-white);
}

.page-id-851 .sokuyaku_reason_area h2,
.page-id-854 .sokuyaku_reason_area h2 {
    color: var(--c-navy) !important;
}

.page-id-851 .sokuyaku_reason_area ul li div>div.text_area,
.page-id-854 .sokuyaku_reason_area ul li div>div.text_area {
    color: var(--c-navy) !important;
}

.page-id-851 h1.c-pageTitle,
.page-id-854 h1.c-pageTitle {
    color: var(--c-navy) !important;
}

.page-id-851 h2.txt_ttl::after,
.page-id-854 h2.txt_ttl::after {
    background: var(--c-navy) !important;
}

.page-id-851 h3.ico_ttl,
.page-id-854 h3.ico_ttl {
    color: var(--c-navy) !important;
    background: #E5E7F2 !important;
    border-left: solid 2em var(--c-navy) !important;
}

.page-id-851 .num_ttl,
.page-id-854 .num_ttl {
    color: var(--c-navy);
}

.page-id-851 .num_ttl::before,
.page-id-854 .num_ttl::before {
    background: var(--c-navy) !important;
}

.page-id-851 .image_frame_box .cap_box_content,
.page-id-854 .image_frame_box .cap_box_content {
    border: solid 2px #CCD0E5;
}

.page-id-851 .image_frame_box .cap_box_ttl,
.page-id-854 .image_frame_box .cap_box_ttl {
    background-color: #CCD0E5;
    color: var(--c-navy);
}

.page-id-851 .faq_txt_q_ico,
.page-id-854 .faq_txt_q_ico {
    color: var(--c-white);
    background: var(--c-navy);
}

.page-id-851 .faq_txt_q,
.page-id-854 .faq_txt_q {
    background: #E5E7F2;
}

.page-id-851 .faq_txt_a,
.page-id-854 .faq_txt_a {
    border: solid 2px #E5E7F2;
}

.page-id-851 .faq_txt_a span.txt_bold,
.page-id-854 .faq_txt_a span.txt_bold {
    color: var(--c-navy);
}

.page-id-851 ul.check_lists li:before,
.page-id-854 ul.check_lists li:before {
    background-image: url(../img/ico/hedding_ico_check_ub_blue.png);
}

@media screen and (max-width:480px) {

    .page-id-851 .check_ver .faq_txt_q::before,
    .page-id-854 .check_ver .faq_txt_q::before {
        background-image: url(../img/ico/common_ico_check_blue.png);
    }
}

/*===========下層＞共通科目＞記事上下ウィジェット部===============*/
.bunkatsu_chozai_area h3.ico_ttl {
    color: var(--c-text) !important;
    background: var(--c-white) !important;
    margin-left: 1em !important;
    border-left: solid 2em var(--c-primary) !important;
}

.bunkatsu_chozai_area h3.ico_ttl._icon_logo::before {
    background-image: url(../img/ico/hedding_ico_logo.png);
}

.bunkatsu_chozai_area p {
    margin-left: 2em;
}

.bunkatsu_chozai_area .price_area_full_width_box {
    padding-top: 3em !important;
}

@media screen and (max-width:480px) {
    .bunkatsu_chozai_area h3.ico_ttl {
        margin-left: 0 !important;
    }

    .bunkatsu_chozai_area p {
        margin-left: 0;
    }
}

/*===========下層＞共通科目＞基本ページ===============*/
div#breadcrumb {
    background: #CEF2FD !important;
    color: var(--c-primary);
}

/*
contact
---------------------------*/
#top_title_area02 {
    display: flex;
    align-items: stretch;
    color: var(--c-white);
}

#top_title_area02 .top_title_text {
    display: flex;
    align-items: center;
    background-color: var(--c-primary);
    width: 41%;
}

#top_title_area02 .top_title_image {
    width: 59%;
}

#top_title_area02 .top_title_image img {
    vertical-align: bottom;
}

#top_title_area02 .pageTitle {
    color: var(--c-white);
    font-size: 2.5em;
    line-height: 1.4;
    letter-spacing: .05em;
    padding-left: 13%;
}

.content_title_wrap {
    margin-bottom: 44px;
}

.content_title_wrap .content_title {
    position: relative;
    font-size: 40px;
    padding-bottom: 30px;
}

.content_title_wrap .content_title:after {
    content: "";
    display: block;
    width: 71px;
    height: 23px;
    background-image: url(../img/ico/hedding_ttl_contact.svg);
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
}

.inner-wrap {
    max-width: 1070px;
    margin: auto;
}

.contact-info-box {
    text-align: center;
    color: var(--c-white);
    background-color: var(--c-primary);
    padding: 80px 0;
}

.contact-info-box .info-text-wrap {
    padding-bottom: 30px;
}

.contact-info-box p {
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 1.4;
}

.contact-info-box .info-text {
    font-size: 20px;
    padding-bottom: 5px;
}

.contact-info-box .info-text+p {
    font-size: var(--fs-body);
}

.contact-btn {
    text-align: center;
}

.contact-btn .btn {
    display: block;
    position: relative;
    max-width: 500px;
    border-radius: 5px;
    background: var(--c-white);
    color: var(--c-primary);
    text-shadow: none;
    font-weight: 600;
    font-size: 24px;
    transition: all 0.3s ease 0s;
    padding: 20px 0;
    box-sizing: border-box;
    margin: auto;
}

.contact-btn .btn.back {
    background-color: #D2D2D2;
    color: var(--c-text);
}

.contact-btn .btn.back:after {
    content: none;
}

.contact-btn .btn.back:before {
    content: "";
    position: absolute;
    left: 25px;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 10px;
    border-left: 4px solid var(--c-text);
    border-bottom: 4px solid var(--c-text);
    transform: rotate(45deg);
    margin: auto;
}

.contact-btn .btn.back:hover:before {
    border-left: 4px solid var(--c-white);
    border-bottom: 4px solid var(--c-white);
}

.contact-btn .btn:hover {
    background-color: var(--c-accent);
    color: var(--c-white);
}

.contact-btn .btn:hover:after {
    color: var(--c-white);
}

.contact-btn .btn:after {
    position: absolute;
    content: "\2b";
    font-size: var(--fs-h3);
    text-shadow: none;
    font-weight: 600;
    top: 48%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    color: var(--c-primary);
    right: 10px;
}

.send-message {
    text-align: center;
    max-width: 853px;
    margin: auto;
}

.send-message p {
    font-weight: 600;
}

.send-message h3 {
    line-height: 1.6;
    letter-spacing: .05em;
    font-size: 30px;
    font-weight: 600;
    color: var(--c-text);
    margin-bottom: 55px;
}

.send-message p {
    font-size: var(--fs-body);
}

.send-message p+p {
    padding-top: 1em;
}

.contact-detail {
    text-align: center;
    border: 2px solid var(--c-primary);
    padding: 25px;
    margin: 52px 0 80px;
}

.contact-detail dt {
    color: var(--c-primary);
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: .05em;
    font-weight: 600;
    padding-bottom: 5px;
}

.contact-detail dd {
    font-weight: 600;
}

.contact-detail a {
    color: var(--c-text);
}

#contact_content {
    margin-top: 135px;
}

#contact_content .text_base {
    color: var(--c-text);
    letter-spacing: .05em;
    line-height: 1.6;
    font-size: var(--fs-body);
}

#contact_content .ib {
    display: inline-block;
}

#contact_content .ib_pc {
    display: inline-block;
}

#contact_content .mode_sp {
    display: none;
}

@media screen and (max-width:900px) {
    #top_title_area02 {
        flex-wrap: wrap;
    }

    #top_title_area02 .top_title_text {
        display: flex;
        align-items: center;
        width: 100%;
        height: 170px;
        order: 2;
    }

    #top_title_area02 .top_title_image {
        width: 100%;
        order: 1;
    }

    #top_title_area02 .pageTitle {
        padding-left: 4.6%;
        font-size: 30px;
    }

    .content_title_wrap {
        margin-bottom: 25px;
    }

    .content_title_wrap .content_title {
        font-size: 24px;
        padding-bottom: 18px;
    }

    .content_title_wrap .content_title:after {
        width: 55px;
        height: 17px;
    }

    .contact-info-box {
        padding: 50px 4%;
    }

    .contact-info-box .info-text-wrap {
        padding-bottom: 20px;
    }

    .contact-info-box .info-text {
        font-size: var(--fs-body);
    }

    .contact-info-box .info-text+p {
        font-size: var(--fs-body);
    }

    .contact-btn .btn {
        font-size: var(--fs-body);
        padding: 12px 0;
    }

    .contact-btn .btn.back:before {
        left: 20px;
        width: 14px;
        height: 14px;
        border-left: 3px solid var(--c-text);
        border-bottom: 3px solid var(--c-text);
    }

    .send-message {
        text-align: center;
        max-width: 853px;
        margin: auto;
    }

    .send-message h3,
    .send-message p {
        line-height: 1.6;
        font-weight: 600;
        letter-spacing: .05;
    }

    .send-message h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .send-message p {
        text-align: left;
        font-size: 14px;
    }

    .send-message p+p {
        padding-top: 1.5em;
    }

    .contact-detail {
        padding: 25px 4%;
        margin: 50px 0;
    }

    .contact-detail dt {
        font-size: var(--fs-body);
        padding-bottom: 5px;
    }

    #contact_content {
        margin-top: 40px;
    }

    #contact_content .text_base {
        font-size: 14px;
    }

    #contact_content .mode_sp {
        display: block;
    }

    #contact_content .ib_pc {
        display: inline;
    }

    #contact_content .ib_sp {
        display: inline-block;
    }

    #contact_content .mode_pc {
        display: none;
    }
}

@media screen and (max-width:480px) {
    div#content {
        padding-top: 0px !important;
        margin-bottom: 0;
    }
}

.swell-block-fullWide.pc-py-60.sp-py-40.alignfull.cotents_list_area1 {
    padding: 0 !important;
}

/*.swell-block-fullWide.pc-py-60.sp-py-40.alignfull {
    padding-bottom: 10px!important;
}
}*/
/*スキマ*/
.swell-block-fullWide.pc-py-0.sp-py-0.alignfull.contents_list_area2.pc_only.u-mb-ctrl.u-mb-0 {
    margin-top: 0;
}

.swell-block-fullWide.pc-py-60.sp-py-40.alignfull.cotents_list_area1 .swell-block-fullWide__inner.l-article {
    padding-bottom: 2em;
}

.swell-block-fullWide.pc-py-0.sp-py-0.alignfull.slider_full .wp-block-group.alignfull.sp_only {
    margin-bottom: 0;
}

.swell-block-fullWide.pc-py-40.sp-py-20.alignfull {
    padding-bottom: 1em !important;
}

.wp-block-group__inner-container.main_box {
    height: auto;
    margin-top: -30px !important;
}

.swell-block-fullWide.pc-py-60.sp-py-40.has-bg-img.alignfull.sokuyaku_reason_area.lazyloaded {
    padding: 2em 0 !important;
}

.wp-block-group.page_about_txtbox .faq_txt_a_ico {
    display: none;
}

.faq_txt_q {
    font-size: .9em;
    display: flex;
    align-items: center;
}
.faq_txt_q h3 {
    font-size: .9em;
}
.post_content h3 {
    margin: 2em 0 1em;
}

.swell-block-capbox.cap_box.is-style-default.image_frame_box img {
       width: auto;
    height: auto;
    max-height: 230px;
    max-width: 250px;
    }
@media (max-width: 480px) {
    .swell-block-fullWide.pc-py-60.sp-py-40.alignfull.about_inner {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 781px) {
    .wp-block-columns.sp_column2:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }

    .swell-block-fullWide.pc-py-40.sp-py-40.alignfull.page_about_area {
        padding-top: 1em !important;
    }


}
.relation-link-list-block {
    padding-bottom: 80px;
}
.relation-link-list-inner {
    background-color: #fdf4f5;
}
.relation-link-list-block.type02 .relation-link-list-inner {
    background-color: #E9F6FD;
}
.relation-link-list li {
    position: relative;
  list-style: none;
}
.relation-link-list li:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  content: '';
  width: 6px;
  height: 6px;
  margin: auto;
  border: 0px;
  border-top: solid 1px #E0556E;
  border-right: solid 1px #E0556E;
  transform: rotate(45deg);
  z-index: 1;
}
.relation-link-list li a {
  color: #E0556E;
}
.relation-link-list-block.type02 .relation-link-list li:after {
  border-top: solid 1px var(--c-primary);
  border-right: solid 1px var(--c-primary);
}
.relation-link-list-block.type02 .relation-link-list li a {
  color: var(--c-primary);
}
.infomation-block {
    display: none;
    text-align: center;
    border: solid 2px var(--c-primary);
    padding: 20px;
    margin: 20px 0 0;
}
.infomation-block p+p {
    margin-top: 10px;
}
.infomation-block a.h_online_button {
    font-size: 14px;
}
@media screen and (max-width: 480px) {
    .infomation-block {
        display: block;
    }
    .infomation-block a.h_online_button {
        width: 180px;
    }
    .relation-link-list-block {
        padding-bottom: 40px;
    }
}

.movieInfo {
    text-align: center;
    margin-bottom: 20px;
}
.movieInfoText {
    position: relative;
    display: inline-block;
    color: var(--c-text);
    font-size: 20px;
    font-weight: 600;
    padding: 0 20px;
}
.movieInfoText:before,
.movieInfoText:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    width: 1px;
    height: 32px;
    background-color: #707070;
    transform: rotate(-30deg);
    margin: auto;
}
.movieInfoText:after {
    left: auto;
    right: 0;
    transform: rotate(30deg);
}
.commentMovie {
    margin-bottom: 60px;
}
@media (max-width: 781px) {
    .movieInfo {
        margin-bottom: 10px;
    }
    .movieInfoText {
        font-size: var(--fs-body);
    }
    .commentMovie {
        margin-bottom: 30px;
    }
    .l-mainContent__inner>.post_content.type02 {
        margin-top: 2em;
    }
}
@media screen and (max-width: 350px){
    .movieInfoText {
        font-size: 12px;
    }
}


/*--------------------------------
SEO修正_20250328
-----------------------------------*/

	/*目次*/
	#aga-male-page #table_of_contents, #eyelash-serum-page #table_of_contents, #pill-page #table_of_contents{
		width: 100%;
		margin: 2em auto 2em;
		color: var(--c-navy);
	}
#eyelash-serum-page #table_of_contents, #pill-page #table_of_contents{
		color: var(--c-accent);
	}
	#aga-male-page #table_of_contents .toc_box, #eyelash-serum-page #table_of_contents .toc_box, #pill-page #table_of_contents .toc_box{
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
		padding: 2em;
		border: 1px solid var(--c-navy);
	}
	#eyelash-serum-page #table_of_contents .toc_box, #pill-page #table_of_contents .toc_box{
			border: 1px solid var(--c-accent);
	}
	#aga-male-page #table_of_contents .toc_box ul, #eyelash-serum-page #table_of_contents .toc_box ul, #pill-page #table_of_contents .toc_box ul{
		margin: 0 auto;
	}
	#aga-male-page #table_of_contents .toc_box h2, #eyelash-serum-page #table_of_contents .toc_box h2, #pill-page #table_of_contents .toc_box h2{
		text-align: center;
		font-size: var(--fs-h2);
		font-weight: 900;
		margin-bottom: 1.5em
	}
	#aga-male-page #table_of_contents .toc_box li, #eyelash-serum-page #table_of_contents .toc_box li, #pill-page #table_of_contents .toc_box li {
		margin-bottom: 0.5em;
		padding-left: 1em;
		position: relative;
	}
	#aga-male-page #table_of_contents .toc_box li::before, #eyelash-serum-page #table_of_contents .toc_box li::before, #pill-page #table_of_contents .toc_box li::before{
		content: "▶";
		position: absolute;
		left: -0.5em;
	}
	#aga-male-page #table_of_contents .toc_box li a, #eyelash-serum-page #table_of_contents .toc_box li a, #pill-page #table_of_contents .toc_box li a{
		color: var(--c-navy);
		font-size: 1.1em;
		text-decoration: underline;
	}
	#eyelash-serum-page #table_of_contents .toc_box li a, #pill-page #table_of_contents .toc_box li a{
		color: var(--c-accent)
	}
	#aga-male-page #table_of_contents .toc_box li a:hover, #eyelash-serum-page #table_of_contents .toc_box li a:hover, #pill-page #table_of_contents .toc_box li a:hover{
		opacity: 0.8;
	}

	/*選ばれる理由*/
	#aga-male-page #reason_for_choosing .sub_text_area{
		font-size: 0.6em;
		color:var(--c-navy);
		font-weight: bold;
		text-align: center;
		align-items: center;
	}
	#eyelash-serum-page #reason_for_choosing .sub_text_area, #pill-page #reason_for_choosing .sub_text_area{
		font-size: 0.6em;
		color:var(--c-accent);
		font-weight: bold;
		text-align: center;
		align-items: center;
	}	
	#pill-page #reason_for_choosing h2 span{
		font-size: 0.8em;
	}
	
	@media screen and (max-width: 640px) {
		#aga-male-page #table_of_contents .toc_box, #eyelash-serum-page #table_of_contents .toc_box, #pill-page #table_of_contents .toc_box {
			width: 96%;
		}
		#pill-page #pricelist h2 span{
			font-size: 0.7em;
		}
		#aga-male-page .sokuyaku_reason_area ul, #eyelash-serum-page #reason_for_choosing .sokuyaku_reason_area ul, #pill-page #reason_for_choosing .sokuyaku_reason_area ul {
			justify-content: space-around;
			margin-bottom: 0.3em;
			padding: 0;
		}
		#aga-male-page #reason_for_choosing .sub_text_area, #eyelash-serum-page #reason_for_choosing .sub_text_area, #pill-page #reason_for_choosing .sub_text_area {
			font-size: 1.8vw;
		}
		#aga-male-page .sokuyaku_reason_area ul li, #eyelash-serum-page .sokuyaku_reason_area ul li, #pill-page .sokuyaku_reason_area ul li {
			width: 32.5%;
			margin-bottom: 0.3em;
		}
		#aga-male-page .sokuyaku_reason_area .flexbox_reason, #aga-male-page .sokuyaku_reason_area .flexbox_reason, #pill-page .sokuyaku_reason_area .flexbox_reason{
			padding: 0.3em!important;
			margin: 0.2em!important;
		}
		#aga-male-page .post_content li, #eyelash-serum-page .post_content li, #pill-page .post_content li {
			margin: 0;
		}
}
	/*男性AGAとは*/
#explanation{
	margin-top: 2em;
}
	/*オンライン診療の流れ*/
	#aga-male-page #online_flow h2, #eyelash-serum-page #online_flow h2, #pill-page #online_flow h2{
		margin-left: 0!important;
		margin-bottom: 2em!important;
	}
	#aga-male-page #online_flow h2::before, #eyelash-serum-page #online_flow h2::before, #pill-page #online_flow h2::before {
    background-image: url("../img/ico/hedding_ttl_flow.png");
    width: 25px;
    height: 30px;
    left: 5px;
    bottom: -33px;
}

	#aga-male-page #online_flow h2::after, #eyelash-serum-page #online_flow h2::after, #pill-page #online_flow h2::after {
    width: 35px;
    height: 20px;
}
	#aga-male-page #online_flow, #eyelash-serum-page #online_flow, #pill-page #online_flow{
		width: 100%;
		max-width: 1435px;
		margin: 4em auto;
	}
	#aga-male-page #online_flow .flow_box, #eyelash-serum-page #online_flow .flow_box, #pill-page #online_flow .flow_box{
		width: 100%;
		max-width: 1435px;
		margin: 0 auto;
	}
	#aga-male-page #online_flow .flow_box ul, #eyelash-serum-page #online_flow .flow_box ul, #pill-page #online_flow .flow_box ul{
		display: flex;
		list-style: none;
		justify-content: center;
		width: 100%;
	}
	#aga-male-page #online_flow .flow_box ul li, #eyelash-serum-page #online_flow .flow_box ul li, #pill-page #online_flow .flow_box ul li{
		margin: 1em 0.4em 1em;
		width: 30%;
	}
	
	
	@media screen and (max-width: 640px) {
	#aga-male-page #online_flow, #eyelash-serum-page #online_flow, #pill-page #online_flow{
		margin: 2em auto;
	}
	#aga-male-page #online_flow h2 span, #eyelash-serum-page #online_flow h2 span, #pill-page #online_flow h2 span{
		font-size: 0.7em;
		font-feature-settings: "palt";
		}
	#aga-male-page #online_flow .flow_box ul, #eyelash-serum-page #online_flow .flow_box ul, #pill-page #online_flow .flow_box ul{
		flex-wrap: wrap;
		width: 100%;
		margin-top: 2em!important;
		padding: 0;
	}
	#aga-male-page #online_flow .flow_box ul li, #eyelash-serum-page #online_flow .flow_box ul li, #pill-page #online_flow .flow_box ul li{
		width: 100%;
		margin: 1em auto;
		}	
	}

	/*コラムリンク*/
	#column_link{
		width: 100%;
	    max-width: 1435px;
		margin: 0 auto 2em;
	}
	#column_link h2{
		font-size: var(--fs-h2);
		font-feature-settings: "palt";
		padding-bottom: 0;
}
	#column_link .pc-py-60{
		padding-bottom: 0!important;
}
	#aga-male-page #column_link h2::before, #eyelash-serum-page #column_link h2::before, #pill-page #column_link h2::before{
    background-image: url("../img/ico/hedding_ttl_column.png");
    width: 45px;
    height: 30px;
    left: 5px;
    bottom: -33px;
}
	#aga-male-page #column_link h2::after, #eyelash-serum-page #column_link h2::after, #pill-page #column_link h2::after {
    width: 56px;
    height: 20px;
}
	#column_link h2 span{
		font-size: 0.7em;
}
	#column_link .column_box{
		width: 100%;
		max-width: 950px;
		margin: 0 auto;
		display: flex;
		border: 1px #d0d0d0 solid;
		height: auto;
	}
	#column_link .column_box .column_img{
		width: 20%;
	}

	#column_link .column_box .column_img img{
		margin: 0;
		padding: 0;
		vertical-align: bottom;
	}
	#column_link .column_box .column_text{
		width: 80%;
		padding: 1em 2em;
	}
	#column_link .column_text1{
		font-size: 0.8em;
		margin-bottom: 0.5em;
	}
	#column_link .column_text2{
		font-size: 1.3em;
		text-decoration: underline;
		font-weight: bold;
	}
	#column_link a{
		color: #3B3B3B;
	}
	#column_link a:hover{
		opacity: 0.8;
	}
	#pill-page .txt_related{
		font-size: 2em;
	}
@media screen and (max-width: 959px) {
    #pill-page .wp-block-group.page_about_txtbox {
        padding-top: 38vh;
    }
}
@media screen and (max-width: 640px) {
	#column_link .column_box .column_img{
		width: 32%;
	}
	#column_link .column_box .column_text{
		width: 80%;
		padding: 0.5em 1em;
	}
	#column_link .column_text1{
		font-size: 0.5em;
		margin-bottom: 0.5em;
	}
	#column_link .column_text2{
		font-size: 0.8em!important;
		text-decoration: underline;
		font-weight: bold;
		overflow: hidden;
		  display: -webkit-box;
		  -webkit-box-orient: vertical;
		  -webkit-line-clamp: 2;
			}
}
/*男性AGAページ_薬剤説明の幅修正*/
@media screen and (max-width: 640px) {
	#aga-male-page　.wp-block-columns.medicine_columns .wp-block-column+.wp-block-column{
		width: 100%;
	}
	#aga-male-page .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		width: 100%;
	}
}/*まつ毛ページ_選ばれる理由h2修正*/
#eyelash-serum-page #reason_for_choosing h2 .h2_spn1{
	display: block;
	font-size: 0.7em;
	font-feature-settings: "palt";
	line-height: 1.2;
}
#eyelash-serum-page #reason_for_choosing h2 .h2_spn2{
	display: block;
	margin-top: -1em;
}

/*ドメイン貸し施策　beauty_skinページ　リンク設置*/
#beayty-skin-page .publish{
	margin: 3em auto 2em;
	max-width: 640px;
	width: 100%;
}
#beayty-skin-page .publish p{
	font-size: 1.2em;
	margin-bottom: 1.5em;
	text-align: center;
	font-weight: 700;
}
#beayty-skin-page .publish p a{
	display: block;
	margin: 0 auto;
	background-color: #36AEE9;
	padding: 1em 2em;
	color: var(--c-white);
	width: 100%;
	border-radius: 100px;
}
#beayty-skin-page .publish p a:hover{
	opacity: 0.8;
}
@media screen and (max-width: 640px) {
#beayty-skin-page .publish p{
	font-size: 3.6vw;
	line-height: 1.6;
}
#beayty-skin-page .publish p a{
	display: block;
	background-color: #36AEE9;
	padding: 0.5em 1em;
	color: var(--c-white);
	width: 90%;
	border-radius: 100px;
}
}