/*!
Theme Name: komuro20
Theme URI: http://underscores.me/
Author: bitmix
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: komuro
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.

komuro is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*!
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0
}

footer + hr{
  margin-bottom: 0;
}

input,
select {
    vertical-align: middle
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

li {
    list-style: none
}

html {
    font-size: 62.5%;
    background: #fff;
}

body {
    font-family: "Yu Gothic", sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
    color: #533b0f
}

main {
    margin-bottom: 8rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Century, "Yu Mincho", serif;
    font-weight: 500;
    line-height: 1;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
small {
    color: #533b0f
}

img {
    max-width: 100%;
    height: auto
}

p {
    font-size: 1.6rem
}

a {
    font-size: 1.6rem;
    color: #533b0f;
    text-decoration: none;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    opacity: 1
}

a:hover {
  opacity: 0.6;
  text-decoration: none;
}

button {
    background-color: transparent;
    border: none;
    outline: none
}

#footer p {
    display: none;
}

.slick-arrow::before {
    color: #ca9253
}

.has-vivid-red-color {
    color: #cf2e2e !important;
}

@media (min-width: 576px) {

    img.aligncenter,
    img.alignright,
    img.alignleft,
    .aligncenter img,
    .alignright img,
    .alignleft img {
        width: auto
    }
}

.header-logo img {
  max-width: 257px;
}

ol,
ul {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.aligncenter {
  clear: both
}

html :where([style*=border-top-color]) {
  border-top-style: solid
}

html :where([style*=border-right-color]) {
  border-right-style: solid
}

html :where([style*=border-bottom-color]) {
  border-bottom-style: solid
}

html :where([style*=border-left-color]) {
  border-left-style: solid
}

html :where([style*=border-width]) {
  border-style: solid
}

html :where([style*=border-top-width]) {
  border-top-style: solid
}

html :where([style*=border-right-width]) {
  border-right-style: solid
}

html :where([style*=border-bottom-width]) {
  border-bottom-style: solid
}

html :where([style*=border-left-width]) {
  border-left-style: solid
}

html :where(img[class*=wp-image-]) {
  height: auto;
  max-width: 100%
}

:where(figure) {
  margin: 0 0 1em
}

.aligncenter {
    display: block;
    margin: 0 auto
}

.alignright {
    float: right;
    margin: 0 0 10px 20px
}

.alignleft {
    float: left;
    margin: 0 20px 10px 0
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: left;
    background-color: #f3f3f3;
    padding: 5px;
    border-radius: 3px
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    padding: 0
}

.clearfix {
    overflow: hidden
}

/* indent-cmn */
.indent-cmn-01 {
  padding-left: 1em;
  text-indent: -1em;
}

@media (min-width: 768px) {
    .l-split.split3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .l-split.split3>* {
        width: 48%;
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width: 996px) {
    .l-split {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .l-split.half>* {
        width: calc(98% / 2);
        margin-right: 0;
        margin-left: 0
    }

    .l-split.split3>* {
        width: 33% !important;
        margin-right: 0;
        margin-left: 0
    }
}

@media(max-width:576px){
  .alignright.-sp-center {
    float: unset;
    margin: 0 auto 20px;
    width: 60%;
    display: block;
}
}

.l-header {
    padding: 3rem
}

@media (min-width: 576px) {
    .l-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 3rem 2rem 3rem 3rem
    }
}

.l-header .header-action {
    display: none
}

.index-page .der111{
  position: fixed !important;
  transition: .5s;
  opacity: 0;
  visibility: hidden;
  display: block !important;
}

.index-page .hd-display .der111{
  animation: sclAnimation 1.0s;
  opacity: 1;
  visibility: visible;
  transition: .5s;
}

[data-element-id] .der111{
    position: relative !important;
  opacity: 1;
  visibility: visible;
  animation: none;
}

/* スクロールメニューアニメーション */
@-webkit-keyframes sclAnimation {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes sclAnimation {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@media (min-width: 768px) {
    .l-header .header-action {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 768px) {
    .l-header .sp-header-action {
        display: none
    }
}

.l-footer {
    width: 95%;
    max-width: 1440px;
    margin: 0 auto 80px
}

@media (min-width: 576px) {
    .l-footer {
        padding: 2rem 2rem;
        margin-bottom: 0
    }
}

@media (min-width: 576px) {
    .l-footer .l-split {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.l-footer .copyright {
    margin-top: 1.6rem;
    text-align: center;
    font-size: 1.4rem;
    padding-bottom: 3.5rem;
}

.l-footer .copyright a {
    font-size: 1.4rem
}

.l-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4rem auto 8rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 996px) {
    .l-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .l-wrapper main {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .l-wrapper aside {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.l-wrapper main {
    width: 100%;
    max-width: 960px
}

.l-wrapper aside {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width: 996px) {
    .l-wrapper aside {
        width: 320px;
        margin-right: 4rem;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .l-wrapper aside {
        width: 440px;
        margin-right: 6rem;
        margin-left: 0
    }
}

@media (min-width: 576px) {
    .l-wrapper aside .c-aside-nav:not(:last-child) {
        margin-bottom: 4.8rem
    }
}

.l-wrapper.reverse main {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.l-wrapper.reverse aside {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width: 996px) {
    .l-wrapper.reverse aside {
        margin-right: 0;
        margin-left: 4rem
    }
}

@media (min-width: 1200px) {
    .l-wrapper.reverse aside {
        margin-right: 0;
        margin-left: 6rem
    }
}

.l-container-large {
    width: 90%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .l-container-large {
        width: 95%
    }
}

.l-container-mid {
    max-width: 960px;
    width: 95%;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 996px) {
    .l-2column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .l-2column>*:first-child {
        width: 320px;
        margin-right: 2rem
    }

    .l-2column>*:last-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.u-mb5 {
    margin-bottom: 5rem
}

.u-mb10 {
    margin-bottom: 10rem
}

.u-mb20 {
    margin-bottom: 20rem
}

.u-ml1 {
    margin-left: 1rem
}

.u-ml2 {
    margin-left: 2rem
}

.u-mr1 {
    margin-right: 1rem
}

.u-mr2 {
    margin-right: 2rem
}

.u-mr10w {
    margin-right: 10vw
}

.u-mt4 {
    margin-top: 4rem
}

.u-mt6 {
    margin-top: 6rem
}

.u-mt8 {
    margin-top: 8rem
}

.u-mt10 {
    margin-top: 10rem
}

.u-mt30 {
    margin-top: 30rem
}

.u-w250p {
    width: 250px !important;
    height: 100%
}

.u-w280p {
    width: 280px !important;
    height: 100%
}

.u-w400p {
    width: 400px !important;
    height: 100%
}

.u-h100p {
    height: 100%
}

.u-ta-center {
    text-align: center
}

@media (min-width: 768px) {
    .u-desktop-w50p {
        width: 50% !important
    }
}

@media (max-width: 575px) {
    .u-mobile-mt5 {
        margin-top: 5rem
    }
}

@media (max-width: 575px) {
    .u-mobile-w100p {
        width: 100% !important;
        margin-right: 0;
        margin-left: 0
    }
}

@media (max-width: 575px) {
    .u-mobile-hide {
        display: none
    }
}

.top-mv {
    position: relative;
}

.top-mv .top-mv-logo {
    padding: 3rem;
    background-color: #f7f5f6;
    position: absolute !important;
    top: 4rem;
    left: 4rem;
}

.top-mv .topimg{
  max-height:850px;
  overflow:hidden;
}

.top-mv .topimg img{
  object-position:top;
}

@media (max-width: 767px) {
    .top-mv .top-mv-logo img {
        width: 250px
    }
}

@media (min-width: 768px) {
    .top-mv .top-mv-logo {
        padding: 0;
        width: 213px;
        background-color: none
    }
}

@media (min-width: 996px) {
    .top-mv .top-mv-logo {
        width: 260px
    }
}

@media (min-width: 768px) {
    body .top-mv .top-mv-copy {
      display:block;
        position: absolute;
        top: 15%;
        left: 8vw;
        width: calc(100% - 16vw);
        font-size:clamp(40px,4vw,60px );
        letter-spacing:.2em;
        font-family: Century, "Yu Mincho", serif;
        line-height:1.8em;
        font-weight:400;
    }
}

.top-mv .top-mv-content {
    display: none;
    position: absolute;
    left: 4rem;
    bottom: 10%;
    font-family: Century, "Yu Mincho", serif
}

@media (min-width: 768px) {
    .top-mv .top-mv-content {
        display: block
    }
}

@media (min-width: 996px) {
    .top-mv .top-mv-content {
        bottom: 15%
    }
}

.top-mv .top-mv-content .top-mv-menu {
    margin-bottom: 2em
}

.top-mv .top-mv-content .top-mv-menu .top-mv-menu-item {
    margin-bottom: 1em
}

.top-mv .top-mv-content .top-mv-menu .top-mv-menu-item a {
    font-size: 1.6rem;
    letter-spacing: 3px
}

@media (min-width: 996px) {
    .top-mv .top-mv-content .top-mv-menu .top-mv-menu-item a {
        font-size: 1.8rem
    }
}

.top-mv .top-mv-content .top-mv-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.top-mv .top-mv-content .top-mv-contact .c-btn {
    margin-right: 2rem;
    padding-left: 2rem;
    padding-right: 2rem
}

.top-mv .top-mv-content .top-mv-contact-tel-no a {
    font-size: 2rem;
    letter-spacing: 2px;
    font-weight: 700
}

.top-mv .top-mv-content .top-mv-contact-tel-no small {
    font-size: 1.6rem
}

.top-mv .top-mv-content .top-mv-contact-tel-note {
    margin-top: 0.8rem;
    font-size: 1.4rem
}

.top-latest-news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 4rem;
    border-top: 1px solid #e8e5e0;
    border-bottom: 1px solid #e8e5e0;
    padding: 2rem 0
}

@media (min-width: 768px) {
    .top-latest-news {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 0;
        padding: 2rem
    }
}

.top-latest-news .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 2.4rem;
    letter-spacing: 3px;
    margin-bottom: 1.6rem
}

@media (min-width: 768px) {
    .top-latest-news .heading {
        display: block;
        margin-top: 1rem;
        margin-right: 4rem
    }
}

.top-latest-news .heading::after {
    content: '';
    display: inline-block;
    text-align: center;
    background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/ico-line.png) no-repeat;
    background-size: contain;
    width: 4rem;
    height: 1.4rem;
    margin: 1.6rem auto 0
}

@media (min-width: 768px) {
    .top-latest-news .heading::after {
        margin: 0 0 0 3rem;
        width: 5rem;
        height: 1.8rem
    }
}

.top-latest-news .news-list {
    width: 100%
}

.top-latest-news .news-list .news-item {
    border-top: none !important;
    border-bottom: 1px solid #e8e5e0 !important;
    padding: 1rem
}

.top-latest-news .news-list .news-item .news-date,
.top-latest-news .news-list .news-item .news-category {
    font-size: 1.2rem;
    margin-right: 1.2rem
}

@media (max-width: 767px) {

    .top-latest-news .news-list .news-item .news-date,
    .top-latest-news .news-list .news-item .news-category {
        font-family: Century, "Yu Mincho", serif;
        margin-bottom: 0
    }
}

@media (min-width: 768px) {

    .top-latest-news .news-list .news-item .news-date,
    .top-latest-news .news-list .news-item .news-category {
        margin-right: 4rem;
        font-size: 1.4rem
    }
}

.top-latest-news .news-list .news-item .news-title {
    display: block;
    font-size: 1.4rem;
    margin-top: 0.4rem
}

@media (min-width: 768px) {
    .top-latest-news .news-list .news-item .news-title {
        margin-top: 0;
        display: inherit
    }
}

.top-news {
    background: url('/import/tenant_1/162.43.45.192/html/images/top/bg-news.webp') no-repeat;
    background-size: cover;
    padding: 2rem 0 10rem
}

.top-news .news-box {
    max-width: 960px;
    margin: 0 auto;
    padding: 2rem;
    background-color: #ffffff
}

@media (min-width: 768px) {
    .top-news .news-box {
        padding: 6rem
    }
}

@media (max-width: 575px) {
    .top-medical .c-in-page-links {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .top-medical .c-in-page-links .in-page-link {
        width: 48%;
        padding: 1.2rem;
        margin-bottom: 0;
        margin-right: 0 !important;
        border-bottom: 1px solid #e8e5e0;
        background: none
    }

    .top-medical .c-in-page-links .in-page-link:nth-of-type(-n+2) {
        border-top: 1px solid #e8e5e0
    }
}

@media (min-width: 996px) {
    .top-medical .top-medical-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 996px) {
    .top-reasons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.top-reasons .reason {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12rem
}

@media (min-width: 996px) {
    .top-reasons .reason {
        width: calc(100% / 3)
    }
}

.top-reasons .reason .heading {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 85%;
    margin: -10rem auto;
    padding: 3rem 1rem;
    background-color: #ffffff;
    z-index: 100
}

@media (min-width: 768px) {
    .top-reasons .reason .heading {
        padding: 3rem 1.8rem
    }
}

.top-reasons .reason .heading .title {
    font-family: Century, "Yu Mincho", serif;
    font-size: 6.4vw;
    padding: 2rem 0 6.5rem;
    line-height: 1.2;
    letter-spacing: 0.4rem;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 40%
}

@media (min-width: 576px) {
    .top-reasons .reason .heading .title {
        font-size: 4.8vw
    }
}

@media (min-width: 768px) {
    .top-reasons .reason .heading .title {
        padding: 2rem 0 6.5rem
    }
}

@media (min-width: 996px) {
    .top-reasons .reason .heading .title {
        font-size: 2vw
    }
}

.top-reasons .reason .heading .content {
    margin-top: 4rem;
    font-size: 1.7rem;
    line-height: 1.8;
    letter-spacing: 0.25rem
}

.top-reasons .reason .image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.top-reasons .reason.reason1 .heading .title {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/top/number-reason01.webp')
}

.top-reasons .reason.reason2 .heading .title {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/top/number-reason02.webp')
}

.top-reasons .reason.reason3 .heading .title {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/top/number-reason03.webp')
}

@media (min-width: 768px) {
    .top-others {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.top-others .top-other-item {
    position: relative
}

@media (max-width: 767px) {
    .top-others .top-other-item:not(:last-child) {
        margin-bottom: 8rem
    }

    .top-others .top-other-item img {
        height: 130px;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center -35px;
        object-position: center -35px;
    }

    .top-others .top-other-item .top-other-item-btn {
        bottom: -3rem !important;
    }

    .top-others .top-other-item .top-other-item-btn a {
        width: 94% !important;
        font-size: 20px;
        padding: 2rem;
    }
}

@media (min-width: 768px) {
    .top-others .top-other-item:not(:last-child) {
        margin-right: 4rem
    }
}

.top-others .top-other-item .top-other-item-btn {
    position: absolute;
    bottom: -5rem;
    text-align: center;
    width: 100%
}

.top-others .top-other-item .top-other-item-btn .c-btn {
    width: 80%
}

@media (max-width: 767px) {
    .care-menu {
        margin-bottom: 0.4rem
    }
}

@media (min-width: 1200px) {
    .care-menu {
        width: 50%
    }
}

.care-menu .heading {
    position: relative;
    height: 47.5vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat
}

@media (min-width: 768px) {
    .care-menu .heading {
        height: 37.5vw
    }
}

@media (min-width: 1200px) {
    .care-menu .heading {
        height: calc(50vw * 0.375)
    }
}

@media (max-width: 767px) {
    .care-menu .heading .heading-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-left: 2rem;
        width: 60%;
        height: 100%
    }
}

@media (min-width: 768px) {
    .care-menu .heading .heading-content {
        position: absolute;
        top: 30%;
        left: 4rem
    }
}

.care-menu .heading .heading-content .title {
    font-size: 2.4rem
}

@media (min-width: 768px) {
    .care-menu .heading .heading-content .title {
        font-size: 2.8rem
    }
}

.care-menu .heading .heading-content .c-btn {
    width: 16rem;
    padding: 1.6rem 2rem;
    font-size: 1.6rem
}

@media (min-width: 768px) {
    .care-menu .heading .heading-content .c-btn {
        margin-top: 4rem;
        padding: 2rem 4rem;
        width: 24rem;
        font-size: 1.8rem
    }
}

/* .care-menu.care-menu-faceline .heading {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/mobile/care-menu/img-menu-faceline.webp')
}

.care-menu.care-menu-futae .heading {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/mobile/care-menu/img-menu-futae.webp')
}

.care-menu.care-menu-nose .heading {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/mobile/care-menu/img-menu-nose.webp')
}

.care-menu.care-menu-skincare .heading {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/mobile/care-menu/img-menu-skincare.webp')
}

.care-menu.care-menu-injection .heading {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/mobile/care-menu/img-menu-injection.webp')
}

.care-menu.care-menu-bust .heading {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/mobile/care-menu/img-menu-bust.webp')
}

.care-menu.care-menu-fat .heading {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/mobile/care-menu/img-menu-fat.webp')
}

.care-menu.care-menu-body .heading {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/mobile/care-menu/img-menu-body.webp')
}

.care-menu.care-menu-armpit .heading {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/mobile/care-menu/img-menu-armpit.webp')
}

.care-menu.care-menu-pill .heading {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/mobile/care-menu/img-menu-pill.webp')
}

@media (min-width: 768px) {
    .care-menu.care-menu-faceline .heading {
        background-image: url('/import/tenant_1/162.43.45.192/html/images/care-menu/img-menu-faceline.webp')
    }

    .care-menu.care-menu-futae .heading {
        background-image: url('/import/tenant_1/162.43.45.192/html/images/care-menu/img-menu-futae.webp')
    }

    .care-menu.care-menu-nose .heading {
        background-image: url('/import/tenant_1/162.43.45.192/html/images/care-menu/img-menu-nose.webp')
    }

    .care-menu.care-menu-skincare .heading {
        background-image: url('/import/tenant_1/162.43.45.192/html/images/care-menu/img-menu-skincare.webp')
    }

    .care-menu.care-menu-injection .heading {
        background-image: url('/import/tenant_1/162.43.45.192/html/images/care-menu/img-menu-injection.webp')
    }

    .care-menu.care-menu-bust .heading {
        background-image: url('/import/tenant_1/162.43.45.192/html/images/care-menu/img-menu-bust.webp')
    }

    .care-menu.care-menu-fat .heading {
        background-image: url('/import/tenant_1/162.43.45.192/html/images/care-menu/img-menu-fat.webp')
    }

    .care-menu.care-menu-body .heading {
        background-image: url('/import/tenant_1/162.43.45.192/html/images/care-menu/img-menu-body.webp')
    }

    .care-menu.care-menu-armpit .heading {
        background-image: url('/import/tenant_1/162.43.45.192/html/images/care-menu/img-menu-armpit.webp')
    }

    .care-menu.care-menu-pill .heading {
        background-image: url('/import/tenant_1/162.43.45.192/html/images/care-menu/img-menu-pill.webp')
    }
} */

.care-menu .care-list {
    display: none;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 4rem auto
}

@media (min-width: 768px) {
    .care-menu .care-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.care-menu .care-list .care-item-empty {
    width: 240px;
    margin: 0 0.5rem 1rem
}

@media (min-width: 1000px) and (max-width: 1199px) {
    .care-menu .care-list .care-item-empty {
        margin: 0 4rem 1rem
    }
}

.care-menu .care-list .care-item {
    margin: 0 0.5rem 1rem;
    position: relative;
    width: 240px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none
}

@media (min-width: 1000px) and (max-width: 1199px) {
    .care-menu .care-list .care-item {
        margin: 0 4rem 1rem
    }
}

.care-menu .care-list .care-item a {
    display: block;
    position: relative;
    padding: 2rem 0;
    text-align: center;
    text-decoration: none
}

.care-menu .care-list .care-item .care-item-image {
    height: 10rem;
    width: initial
}

.care-menu .care-list .care-item .care-item-name {
    height: 4rem;
    font-size: 1.6rem;
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #533b0f;
    font-family: Century, "Yu Mincho", serif
}

.care-menu .care-list .care-item .care-item-name small {
    font-size: 1.4rem
}

@media (min-width: 1500px) {
    .care-menu .care-list .care-item:nth-of-type(-n+3)::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(-n+3) a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: cover;
        width: calc(100% - 1rem);
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(-n+3)::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(-n+3) a::after {
        content: '';
        position: absolute;
        bottom: -0.2rem;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: cover;
        width: calc(100% - 1rem);
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(n+4)::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(n+4) a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: cover;
        width: calc(100% - 1rem);
        height: 1rem
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .care-menu .care-list .care-item:nth-of-type(-n+2)::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(-n+2) a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: cover;
        width: calc(100% - 1rem);
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(-n+2)::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(-n+2) a::after {
        content: '';
        position: absolute;
        bottom: -0.2rem;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: cover;
        width: calc(100% - 1rem);
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(n+3):nth-of-type(-n+4)::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(n+3):nth-of-type(-n+4) a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: cover;
        width: calc(100% - 1rem);
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(n+5)::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(n+5) a::after {
        content: '';
        position: absolute;
        bottom: -0.2rem;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: cover;
        width: calc(100% - 1rem);
        height: 1rem
    }
}

@media (max-width: 1199px) {
    .care-menu .care-list .care-item:nth-of-type(-n+3)::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(-n+3) a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: cover;
        width: calc(100% - 1rem);
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(-n+3)::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(-n+3) a::after {
        content: '';
        position: absolute;
        bottom: -0.2rem;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: cover;
        width: calc(100% - 1rem);
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(n+4)::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu .care-list .care-item:nth-of-type(n+4) a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: cover;
        width: calc(100% - 1rem);
        height: 1rem
    }
}

.care-menu .care-list .care-item-empty {
    width: 240px
}

.care-menu-page .care-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 4rem auto;
    padding-left: 0
}

.care-menu-page .care-list .care-item {
    margin: 0 0.5rem 1rem;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none
}

@media (min-width: 768px) {
    .care-menu-page .care-list .care-item {
        width: 45%
    }
}

.care-menu-page .care-list .care-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 3.2rem 2rem;
    text-align: center;
    text-decoration: none
}

@media (min-width: 768px) {
    .care-menu-page .care-list .care-item a {
        padding: 3.2rem 1rem 3.2rem 0;
    }
}

.care-menu-page .care-list .care-item div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.care-menu-page .care-list .care-item .care-item-image {
    height: 8rem;
    width: auto;
    margin-right: 1.6rem
}

@media (min-width: 576px) {
    .care-menu-page .care-list .care-item .care-item-image {
        height: 10rem
    }
}

.care-menu-page .care-list .care-item .care-item-desc {
    margin-bottom: 0;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5
}

.care-menu-page .care-list .care-item .care-item-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding: 0;
    height: 4rem;
    font-size: 1.8rem;
    line-height: 1;
    color: #533b0f;
    font-family: Century, "Yu Mincho", serif;
    text-align: left
}

.care-menu-page .care-list .care-item .care-item-name small {
    font-size: 1.4rem
}

@media (max-width: 767px) {

    .care-menu-page .care-list .care-item:nth-of-type(1)::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu-page .care-list .care-item:nth-of-type(1) a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: calc(100% - 1rem) 1rem;
        width: 100%;
        height: 1rem
    }

    .care-menu-page .care-list .care-item:nth-of-type(2n)::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu-page .care-list .care-item:nth-of-type(2n) a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: calc(100% - 1rem) 1rem;
        width: 100%;
        height: 1rem
    }

    .care-menu-page .care-list .care-item:nth-of-type(2n+1)::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu-page .care-list .care-item:nth-of-type(2n+1) a::after {
        content: '';
        position: absolute;
        bottom: -0.2rem;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: calc(100% - 1rem) 1rem;
        width: 100%;
        height: 1rem
    }
}

@media (min-width: 768px) {
    .care-menu-page .care-list .care-item:nth-of-type(-n+2)::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu-page .care-list .care-item:nth-of-type(-n+2) a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: calc(100% - 1rem) 1rem;
        width: 100%;
        height: 1rem
    }

    .care-menu-page .care-list .care-item:nth-of-type(-n+2)::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu-page .care-list .care-item:nth-of-type(-n+2) a::after {
        content: '';
        position: absolute;
        bottom: -0.2rem;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: calc(100% - 1rem) 1rem;
        width: 100%;
        height: 1rem
    }

    .care-menu-page .care-list .care-item:nth-of-type(n+3):nth-of-type(-n+4)::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu-page .care-list .care-item:nth-of-type(n+3):nth-of-type(-n+4) a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: calc(100% - 1rem) 1rem;
        width: 100%;
        height: 1rem
    }

    .care-menu-page .care-list .care-item:nth-of-type(n+5)::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/dot-menu-list.png) no-repeat;
        background-size: contain;
        width: 1rem;
        height: 1rem
    }

    .care-menu-page .care-list .care-item:nth-of-type(n+5) a::after {
        content: '';
        position: absolute;
        bottom: -0.2rem;
        left: 0.5rem;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: calc(100% - 1rem) 1rem;
        width: 100%;
        height: 1rem
    }
}

.care-list-box {
    margin-bottom: 6rem !important;
    padding: 3.2rem;
    background-color: #fcfbf9;
    border: 1px solid #e8e5e0
}

.care-list-box .care-item {
    padding: 1rem 0;
    list-style-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/ico-arrow-right.webp');
    list-style-position: inside;
    border-bottom: 1px dotted #533b0f
}

@media (min-width: 576px) {
    .care-list-box .care-item {
        padding: 2rem 0
    }
}

.news-list .news-item {
    padding: 2rem 0;
    border-top: 2px solid #e8e5e0
}

@media (min-width: 768px) {
    .news-list .news-item {
        padding: 2rem 1rem
    }
}

.news-list .news-item:last-child {
    border-bottom: 2px solid #e8e5e0
}

.news-list .news-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .news-list .news-item a {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.news-list .news-item a .news-date {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.4rem;
    margin-right: 1rem
}

@media (min-width: 768px) {
    .news-list .news-item a .news-date {
        margin-right: 4rem
    }
}

.news-list .news-item a .news-category {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1rem;
    margin-bottom: 0.8rem
}

@media (min-width: 768px) {
    .news-list .news-item a .news-category {
        margin-right: 4rem;
        margin-bottom: 0
    }
}

.news-list .news-item a .news-title {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    font-size: 1.6rem
}

.news-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.news-list-item .news-date {
    font-size: 1.4rem
}

.news-list-item .news-category {
    margin-right: 1.2rem
}

@media (min-width: 768px) {
    .news-list-item .news-category {
        margin-right: 4rem
    }
}

@media(max-width:575px){
  .news-list .news-item a .news-title{
      width: 100%;
      margin-top: 5px;
  }
}

.news-list-item .news-title {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.c-heading-wavy {
    max-width: 960px;
    margin: 4rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .c-heading-wavy {
        margin: 8rem auto
    }
}

.c-heading-wavy small {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 2.4rem;
    font-family: Century, "Yu Mincho", serif;
    letter-spacing: 0.3rem
}

.c-heading-wavy h2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin: 1rem 0;
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.4;
    letter-spacing: 0.3rem
}

@media (min-width: 576px) {
    .c-heading-wavy h2 {
        font-size: 3.6rem
    }
}

@media (min-width: 768px) {

    .c-heading-wavy h2::before,
    .c-heading-wavy h2::after {
        content: '';
        display: inline-block;
        background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/head-line.webp');
        width: 108px;
        height: 14px;
        margin: 0 3rem
    }
}

@media (min-width: 996px) {

    .c-heading-wavy h2::before,
    .c-heading-wavy h2::after {
        content: '';
        display: inline-block;
        background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/head-line.webp');
        width: 175px;
        height: 14px;
        margin: 0 3rem
    }
}

.c-heading1 {
    padding: 2rem;
    background-color: #533b0f;
    font-size: 2.8rem;
    color: #ffffff
}

.c-heading2 {
    margin-top: 0;
    margin-bottom: 2rem;
    padding: 2rem;
    background-color: #F8F7F3;
    border-top: 2px solid #E2D7C3;
    border-bottom: 2px solid #E2D7C3;
    font-size: 2.4rem;
    letter-spacing: 0.3rem
}

.c-heading-category {
    margin-bottom: 5rem;
    padding-bottom: 1.6rem;
    border-bottom: 2px solid #e8e5e0;
    font-size: 2.8rem
}

.c-btn-area {
    margin: 4rem auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-btn {
    display: inline-block;
    position: relative;
    padding: 1.6rem 3rem;
    cursor: pointer;
    text-align: center;
    font-size: 1.6rem;
    font-family: Century, "Yu Mincho", serif;
    font-weight: 400;
    background-color: #533b0f;
    color: #ffffff;
    text-decoration: none !important;
    border: #533b0f
}

.c-btn:hover{
  color:#fff;
}

.sidepc li:first-child .c-btn {
    background: #ad4343;
}

.sidepc li:first-child .c-btn span {
    display: block;
    font-size: 80%;
    margin-top: 5px
}

li .c-btn.line {background:#07B43A;}

.header-action ul.header-ul{
  display: flex;
  flex-wrap: wrap;
}
.header-action ul:nth-child(2) li:last-child a {
    background: #ad4343;
}

.c-btn-subtext {
    display: block;
    margin-top: 1rem;
    font-size: 1.4rem
}

.c-btn::before {
    content: "";
    border: solid 1px #ffffff;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width: calc(100% - 4px);
    height: calc(100% - 4px)
}

.c-btn::after {
    content: "";
    position: absolute;
    background: url('/import/tenant_1/162.43.45.192/html/images/common/icon/ico-triangle-white.webp') no-repeat;
    bottom: 3px;
    right: 3px;
    width: 1rem;
    height: 1rem
}

.c-btn.c-btn-xsmall {
    padding: 0.8rem 1rem;
    font-size: 1.3rem
}

@media (min-width: 576px) {
    .c-btn.c-btn-xsmall {
        padding: 1.2rem 2rem;
        font-size: 1.6rem
    }
}

@media(max-width:768px){
  .sidepc{
    display: none;
  }
}

.c-btn.c-btn-small {
    padding: 1.2rem 2rem
}

.c-btn.c-btn-large {
    padding: 2rem 4rem;
    font-size: 1.8rem
}

.c-btn.c-btn-xlarge {
    padding: 4rem 0;
    font-size: 2.4rem
}

.c-btn.c-btn-case {
    padding: 2rem;
    font-size: 2rem;
    width: 100%;
    text-align: left
}

.c-btn.c-btn-rev {
    background-color: #ffffff;
    color: #533b0f;
    border: 1px solid #cbc6b5
}

.c-btn.c-btn-rev::before {
    border: 1px solid #cbc6b5
}

.c-btn.c-btn-rev::after {
    background: url('/import/tenant_1/162.43.45.192/html/images/common/icon/ico-triangle-blown.webp');
    bottom: 4px;
    right: 4px
}

.c-btn.c-btn-alpha {
    background-color: rgba(0, 0, 0, 0);
    color: #533b0f;
    border: 1px solid #533b0f;
    font-weight: 500
}

.c-btn.c-btn-alpha::before {
    border: none
}

.c-btn.c-btn-alpha::after {
    background: url('/import/tenant_1/162.43.45.192/html/images/common/icon/ico-triangle-blown.webp');
    bottom: 2px;
    right: 2px
}

.c-category{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 5px;
  margin-right: 10px;
}

.c-category span{
    padding: 0.5rem 1rem;
    font-size: 16px;
    border: 1px solid #e8e5e0;
    text-align: center
}

@media (min-width: 768px) {
    .c-category span{
        padding: 0.5rem 2rem
    }
}

.c-category.reverse {
    background-color: #533b0f;
    color: #ffffff
}

.c-in-page-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-in-page-links.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-in-page-links .in-page-link,
.c-in-page-links>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 4rem;
    padding: 0 0.8rem 0.8rem;
    background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
    background-size: 100% 7px;
    background-position-y: bottom
}

@media (min-width: 576px) {

    .c-in-page-links .in-page-link,
    .c-in-page-links>li {
        padding: 0 1rem 1.5rem;
        background-size: 100% 10px
    }
}

.c-in-page-links .in-page-link:not(:last-child),
.c-in-page-links>li:not(:last-child) {
    margin-right: 2rem
}

.c-in-page-links .in-page-link::after,
.c-in-page-links>li::after {
    content: url("/upload/tenant_1/images/common/icon/ico-arrow-down.webp");
    display: block;
    margin-left: 1rem
}

.c-in-page-links .in-page-link a,
.c-in-page-links>li a {
    text-decoration: none !important
}

.topicpath {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
    max-width: 1440px;
    width: 95%;
    margin: 0 auto 4rem;
    padding: 2rem 0;
    overflow-x: scroll;
    line-height: 1.5
}

@media (min-width: 576px) {
    .topicpath {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: visible
    }
}

.topicpath li {
    /* white-space: nowrap */
    display: inline;
}

.topicpath li a,
.topicpath li span {
    font-size: 1.4rem;
    display: inline;
}

.topicpath li a {
    padding-right: 12px;
    margin-right: 5px;
    background: url('/import/tenant_1/162.43.45.192/html/images/common/lm_arrow.webp') no-repeat right center;
    text-decoration: underline
}

.c-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    margin: 2rem 0;
    letter-spacing: 0;
}

.c-pagination .pagination-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-pagination .pagination-link>span,
.c-pagination .pagination-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ccc;
    margin-left: 0.5rem;
    font-size: 1.4rem;
    height: 3rem;
    width: 3rem
}

.c-pagination .pagination-link>span {
    background-color: #533b0f;
    color: #ffffff
}

.c-post-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 8rem
}

.c-post-navigation a {
    margin: 0 1rem
}

.c-post-navigation .archive-link {
    background-color: #533b0f;
    color: #ffffff;
    padding: 0.5rem 1rem
}

.c-review-stars {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 26px;
    font-size: 19px;
    letter-spacing: 1px
}

.c-review-stars::before,
.c-review-stars::after {
    position: absolute;
    content: '★★★★★';
    top: 4px;
    left: 0;
    height: 20px;
    line-height: 20px
}

.c-review-stars::before {
    color: #ccc
}

.c-review-stars::after {
    color: #CBB112;
    overflow: hidden;
    white-space: nowrap
}

.c-review-stars.rate10::after {
    width: 20px
}

.c-review-stars.rate15::after {
    width: 29.5px
}

.c-review-stars.rate20::after {
    width: 40px
}

.c-review-stars.rate25::after {
    width: 49.5px
}

.c-review-stars.rate30::after {
    width: 60px
}

.c-review-stars.rate35::after {
    width: 69.5px
}

.c-review-stars.rate40::after {
    width: 80px
}

.c-review-stars.rate45::after {
    width: 89.5px
}

.c-review-stars.rate50::after {
    width: 100px
}

.c-review-stars.large-star {
    width: calc(30px * 5 + 5px);
    height: 28px;
    font-size: 30px
}

.c-review-stars.large-star::before,
.c-review-stars.large-star::after {
    height: 28px;
    line-height: 28px
}

.c-review-stars.large-star.rate10::after {
    width: calc(30px * 1 + 1px)
}

.c-review-stars.large-star.rate15::after {
    width: calc(30px * 1.5 + 1px)
}

.c-review-stars.large-star.rate20::after {
    width: calc(30px * 2 + 2px)
}

.c-review-stars.large-star.rate25::after {
    width: calc(30px * 2.5 + 2px)
}

.c-review-stars.large-star.rate30::after {
    width: calc(30px * 3 + 3px)
}

.c-review-stars.large-star.rate35::after {
    width: calc(30px * 3.5 + 3px)
}

.c-review-stars.large-star.rate40::after {
    width: calc(30px * 4 + 4px)
}

.c-review-stars.large-star.rate45::after {
    width: calc(30px * 4.5 + 4px)
}

.c-review-stars.large-star.rate50::after {
    width: calc(30px * 5 + 5px)
}

.c-before-after .before-after-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-before-after .before-after-item>* {
    width: calc(100% / 2)
}

.c-before-after .before-after-item .before-heading,
.c-before-after .before-after-item .after-heading {
    text-align: center;
    padding: 1rem 0;
    font-size: 2rem;
    font-family: Century, "Yu Mincho", serif
}

.c-before-after .before-after-item .before-heading {
    background-color: #E2D7C3
}

.c-before-after .before-after-item .after-heading {
    background-color: #533B0F;
    color: #ffffff
}

.c-before-after .before-after-item img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.c-before-after.with-margin .before-after-item {
    margin-bottom: 1.6rem
}

.c-before-after.with-margin .before-after-item>* {
    width: calc(100% / 2 - 1rem)
}

.c-before-after.case-archive .before-heading,
.c-before-after.case-archive .after-heading {
    width: 10rem;
    font-size: 1.6rem
}

.c-mv-page,
.c-mv-case,
.c-mv-news,
.c-mv-voice,
.c-mv-404 {
    background-color: #F3EFF0;
    background-repeat: no-repeat;
    background-position-x: right
}

.c-mv-page h1,
.c-mv-page .c-mv-heading,
.c-mv-case h1,
.c-mv-case .c-mv-heading,
.c-mv-news h1,
.c-mv-news .c-mv-heading,
.c-mv-voice h1,
.c-mv-voice .c-mv-heading,
.c-mv-404 h1,
.c-mv-404 .c-mv-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1.6rem;
    height: 300px;
    text-align: center;
    font-size: 3rem;
    font-family: Century, "Yu Mincho", serif;
    line-height: 1.2;
}

@media (max-width: 575px) {

    .c-mv-page h1,
    .c-mv-page .c-mv-heading,
    .c-mv-case h1,
    .c-mv-case .c-mv-heading,
    .c-mv-news h1,
    .c-mv-news .c-mv-heading,
    .c-mv-voice h1,
    .c-mv-voice .c-mv-heading,
    .c-mv-404 h1,
    .c-mv-404 .c-mv-heading {
        background: radial-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.25));
        padding: 6rem 1.6rem 0;
        height: 250px;
        font-size: 2.4rem;
    }
    
    .c-pagination{
      flex-direction: column;
      gap: 10px;
    }
}

.case_photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 576px) {
    .case_photo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.case_photo.case_photo3 .before,
.case_photo.case_photo3 .after {
    width: 30%
}

.case_photo .before,
.case_photo .after {
    position: relative;
    width: 45%;
    text-align: center;
    list-style-type: none
}

@media (min-width: 576px) {

    .case_photo .before,
    .case_photo .after {
        width: auto;
        margin: 0 4rem
    }
}

.case_photo .before>span,
.case_photo .after>span {
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-family: "Arial Black", Gadget, sans-serif;
    font-weight: bold;
    color: #444;
    line-height: 1
}

.case_photo .before>em,
.case_photo .after>em {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.2
}

@media (min-width: 576px) {

    .case_photo .before img,
    .case_photo .after img {
        width: auto
    }
}

.case_photo .before {
    position: relative
}

.case_photo .before::after {
    position: absolute;
    content: '';
    display: block;
    background: url('/import/tenant_1/162.43.45.192/html/images/medical/case_arrow.webp') no-repeat right center;
    background-size: contain;
    top: calc(50% - 0.5rem);
    right: -2rem;
    width: 1rem;
    height: 1rem
}

@media (min-width: 576px) {
    .case_photo .before::after {
        top: calc(50% - 0.8rem);
        right: -4.8rem;
        width: 1.6rem;
        height: 1.6rem
    }
}

.case_photo .before.is-arrow-none::after {
    display: none
}

.kpm.in-campaign .kpm-price {
    text-decoration: line-through
}

.kpm.in-campaign .kpm-campaign_price {
    color: #ff4d4d;
    font-weight: bold
}

.kpm-campaign {
    margin-bottom: 2rem;
    position: relative;
    padding: 2rem;
    border: 2px solid #e8e5e0;
    background: -webkit-gradient(linear, left top, right top, from(#FDF7D7), to(#FFFCF5));
    background: linear-gradient(to right, #FDF7D7, #FFFCF5)
}

@media (min-width: 576px) {
    .kpm-campaign {
        padding: 2rem 4rem
    }
}

.kpm-campaign::before {
    content: "";
    border: solid 6px #ffffff;
    position: absolute;
    top: 6px;
    left: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px)
}

.kpm-campaign .kpm-campaign-info {
    font-family: Century, "Yu Mincho", serif
}

.kpm-campaign .kpm-campaign-info .kpm-campaign-name {
    display: table-cell;
    vertical-align: middle;
    height: 15vw;
    font-size: 9vw;
    line-height: 1.2
}

@media (min-width: 576px) {
    .kpm-campaign .kpm-campaign-info .kpm-campaign-name {
        height: 12rem;
        font-size: 4rem
    }
}

@media (min-width: 768px) {
    .kpm-campaign .kpm-campaign-info .kpm-campaign-name {
        height: 15rem;
        font-size: 4.8rem
    }
}

.kpm-campaign .kpm-campaign-info .kpm-campaign-name .kpm-campaign-name-sub {
    font-size: 6vw
}

@media (min-width: 576px) {
    .kpm-campaign .kpm-campaign-info .kpm-campaign-name .kpm-campaign-name-sub {
        font-size: 2.8rem
    }
}

@media (min-width: 768px) {
    .kpm-campaign .kpm-campaign-info .kpm-campaign-name .kpm-campaign-name-sub {
        font-size: 3.2rem
    }
}

.kpm-campaign .kpm-campaign-info .kpm-campaign-price {
    margin-top: 2rem;
    padding-top: 4rem;
    border-top: 1px dashed #999;
    font-size: 12vw;
    color: #ff4d4d;
    text-align: center
}

@media (min-width: 576px) {
    .kpm-campaign .kpm-campaign-info .kpm-campaign-price {
        font-size: 9.6rem
    }
}

.kpm-campaign .kpm-campaign-info .kpm-campaign-price .kpm-currency-mark {
    color: #ff4d4d;
    font-size: 6vw
}

@media (min-width: 576px) {
    .kpm-campaign .kpm-campaign-info .kpm-campaign-price .kpm-currency-mark {
        font-size: 3.2rem
    }
}

.kpm-campaign .kpm-campaign-info .kpm-campaign-price .kpm-tax {
    font-size: 4.5vw
}

@media (min-width: 576px) {
    .kpm-campaign .kpm-campaign-info .kpm-campaign-price .kpm-tax {
        font-size: 2.4rem
    }
}

.case-carousel {
    margin-right: 4rem;
    margin-left: 4rem
}

@media (min-width: 768px) {
    .case-carousel {
        margin-right: 6rem;
        margin-left: 6rem
    }
}

.case-carousel-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 2rem;
    margin-left: 2rem
}

.case-carousel-item a figure {
    width: 100%
}

.case-carousel-item a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.case-detail .case-meta {
    margin: 4rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 10px;
}

.case-detail .case-meta .c-category {
    margin-right: 2rem
}

.case-detail .case-content {
    margin-bottom: 4rem;
    border: 1px solid #f4ebdc
}

.case-detail .case-content-heading {
    margin-bottom: 0;
    padding: 1.6rem;
    background-color: #f4ebdc;
    border: none;
    font-size: 2rem
}

.case-detail .case-content-heading::before {
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 0.4rem
}

.case-detail .case-content-body {
    background-color: #fcfbf9;
    padding: 4rem 2rem;
    line-height: 3.2rem
}

.case-detail .case-explanation .case-content-heading::before {
    content: '\f481'
}

.case-detail .case-risk .case-content-heading::before {
    content: '\f06a'
}

.case-detail .case-price-body {
    margin: 2rem 0 4rem;
    font-family: Century, "Yu Mincho", serif;
    text-align: right
}

.case-detail .case-price-body-price {
    color: #ff4d4d;
    font-size: 3.6rem;
    letter-spacing: 0
}

.case-detail .case-price-body-currency {
    font-size: 2.4rem
}

.case-detail .case-price-note {
    font-size: 1.4rem
}

.case-detail .case-price-note-item:not(:last-child) {
    margin-bottom: 1.6rem
}

.case-detail .case-menu .c-btn-area {
    margin: 2rem auto
}

@media (min-width: 768px) {
    .case-list-item .case-meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

.case-list-item .case-meta .flex {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    align-items: baseline;
}

.case-list-item .case-meta .case-meta-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.case-list-item .case-meta .case-meta-date .case-meta-label {
    margin-right: 1.6rem;
    font-size: 1.4rem
}

.case-list-item .case-meta .case-meta-review {
    margin-top: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.case-list-item .case-meta .case-meta-review .c-category {
    margin-right: 1.6rem
}

.case-list-item .case-meta .case-meta-review .case-review-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.case-list-item .case-meta .case-meta-review .case-review-summary .review-score {
    margin-left: 1rem;
    color: #EA5251;
    font-family: Century, "Yu Mincho", serif;
    font-size: 2.4rem
}

.case-list-item .case-meta .case-meta-price {
    position: relative;
    font-family: Century, "Yu Mincho", serif;
    margin-top: 0.8rem;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .case-list-item .case-meta .case-meta-price {
        margin-top: 0
    }
}

.case-list-item .case-meta .case-meta-price::before {
    content: '';
    position: relative;
    top: 0.2rem;
    background: url('/import/tenant_1/162.43.45.192/html/images/common/ico-yen.webp') no-repeat;
    background-size: contain;
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem
}

.case-list-item .case-meta .case-meta-price-body {
    font-size: 2rem;
    font-style: normal;
    color: #ff4d4d;
    margin-left: 2rem
}

.case-list-item .case-content {
    margin-top: 4rem
}

@media (min-width: 768px) {
    .case-list-item .case-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.case-list-item .case-content .c-before-after {
    width: 50%;
    margin-bottom: 1.6rem
}

.case-list-item .case-content .c-before-after img {
    width: 100%;
    height: 100%;
    margin-right: 1rem
}

@media (min-width: 768px) {
    .case-list-item .case-content .c-before-after {
        margin-right: 2rem
    }
}

.case-list-item .case-content .case-excerpt {
    line-height: 3.6rem;
    width: 50%;
    margin-top: 4rem
}

@media (min-width: 768px) {
    .case-list-item .case-content .case-excerpt {
        margin-top: 0
    }
    
    .case-list-item .case-content .c-before{
    width:100%;
}
}

.voice-carousel {
    margin-right: 4rem;
    margin-left: 4rem
}

@media (min-width: 768px) {
    .voice-carousel {
        margin-right: 6rem;
        margin-left: 6rem
    }
}

.voice-carousel-item {
    background-color: #ffffff;
    padding: 0 0 3.2rem;
    margin-right: 2rem;
    margin-left: 2rem
}

@media (min-width: 768px) {
    .voice-carousel-item {
        padding: 0 3.2rem 3.2rem
    }
    
}

.voice-carousel-item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid black;
    padding: 1rem 0
}

.voice-carousel-item-header h3 {
    font-size: 1.8rem
}

.voice-carousel-item-body {
    margin-top: 1rem;
    line-height: 3.2rem
}

.voice-list-item .voice-meta .voice-meta-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.voice-list-item .voice-meta .voice-meta-date .voice-meta-label {
    margin-right: 1rem;
    font-size: 1.2rem
}

@media (min-width: 576px) {
    .voice-list-item .voice-meta .voice-meta-date .voice-meta-label {
        margin-right: 1.6rem;
        font-size: 1.4rem
    }
}

.voice-list-item .voice-meta .voice-meta-review {
    margin-top: 1.6rem
}

@media (min-width: 576px) {
    .voice-list-item .voice-meta .voice-meta-review {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.voice-list-item .voice-meta .voice-meta-review .c-category {
    margin-right: 1.2rem
}

.voice-list-item .voice-meta .voice-meta-review .voice-review-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.voice-list-item .voice-meta .voice-meta-review .voice-review-summary .review-score {
    margin-left: 1rem;
    color: #EA5251;
    font-family: Century, "Yu Mincho", serif;
    font-size: 2.4rem
}

.voice-list-item .voice-content {
    margin-top: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.voice-list-item .voice-content .voice-excerpt {
    line-height: 1.8
}

.voice-detail .voice-meta {
    margin: 3rem 0
}

@media (min-width: 768px) {
    .voice-detail .voice-meta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.voice-detail .voice-meta .voice-patient {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem
}

.voice-detail .voice-meta .voice-patient .voice-patient-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.voice-detail .voice-meta .voice-patient .voice-patient-info .voice-meta-label {
    font-size: 1.4rem
}

.voice-detail .voice-meta .voice-patient .voice-patient-info .c-category {
    margin: 1rem 0
}

.voice-detail .voice-meta .voice-review-summary {
    border: 1px solid #D0CFCB;
    text-align: center
}

.voice-detail .voice-meta .voice-review-summary .heading {
    font-size: 1.8rem;
    font-family: Century, "Yu Mincho", serif;
    padding: 1.5rem 2rem;
    color: #533B0F;
    background-color: #E2D7C3;
    text-align: center
}

.voice-detail .voice-meta .voice-review-summary .summary {
    padding: 1.6rem
}

.voice-detail .voice-meta .voice-review-summary .summary .score {
    color: #ff4d4d;
    font-family: Century, "Yu Mincho", serif;
    font-size: 3.6rem
}

.voice-detail .voice-review {
    margin-top: 4rem;
    border: 1px solid #D0CFCB
}

.voice-detail .voice-review .voice-review-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.8rem;
    font-family: Century, "Yu Mincho", serif;
    padding: 1.5rem 2rem;
    color: #533B0F;
    background-color: #E2D7C3
}

.voice-detail .voice-review .voice-review-heading button i {
    font-size: 1.6rem
}

.voice-detail .voice-review .voice-review-heading button i.open {
    display: none
}

.voice-detail .voice-review .voice-review-heading button i.close {
    display: inline
}

.voice-detail .voice-review .voice-review-heading button.active i.open {
    display: inline
}

.voice-detail .voice-review .voice-review-heading button.active i.close {
    display: none
}

.voice-detail .voice-review .voice-review-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.5rem 2rem;
    background-color: #ffffff;
    border-top: 1px solid #D0CFCB
}

.voice-detail .voice-review .voice-review-item:nth-of-type(2n) {
    background-color: #F7F7F7
}

.voice-detail .voice-review .voice-review-item .review-item-label {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    font-size: 1.4rem;
    max-width: 30vw;
    margin-right: 2rem
}

@media (max-width: 575px) {
    .voice-detail .voice-review .voice-review-item .review-item-label {
        -webkit-box-flex: 5;
        -ms-flex: 5 0;
        flex: 5 0;
        margin-bottom: 1.6rem;
        width: 100%;
        min-width: 100%
    }
}

.voice-detail .voice-review .voice-review-item .review-score {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-right: 2rem
}

.voice-detail .voice-review .voice-review-item .review-score-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 1.4rem
}

.voice-detail .voice-report {
    position: relative;
    margin-top: 8rem
}

.voice-detail .voice-report .c-heading2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.voice-detail .voice-report .c-heading2 span {
    font-family: "Yu Gothic", sans-serif;
    font-size: 1.4rem;
    letter-spacing: 0.1rem
}

@media (max-width: 575px) {
    .voice-detail .voice-report .c-heading2 span {
        margin-top: 0.8rem
    }
}

.voice-detail .voice-report .voice-report-item {
    margin-top: 4rem;
    border: 1px solid #F4EBDC
}

.voice-detail .voice-report .voice-report-item .heading {
    padding: 1.5rem 2rem;
    font-size: 2rem;
    background-color: #F4EBDC
}

.voice-detail .voice-report .voice-report-item .heading::before {
    content: '\f4ad';
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    display: inline-block;
    margin-right: 0.8rem
}

.voice-detail .voice-report .voice-report-item .content {
    padding: 4rem 2rem;
    background-color: #fcfbf9;
    line-height: 3.2rem
}

.voice-detail .voice-report .voice-report-item.voice01-clinic_comment .heading {
    background-color: #e3dfe0
}

.voice-detail .voice-report .voice-report-item.voice01-clinic_comment .content {
    background-color: #f9f7f8
}

.voice-detail .voice-report+.voice-report::before {
    content: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/ico-arrow-down.png);
    position: absolute;
    top: -4.5rem;
    left: 50%;
    right: 50%
}

.review-score {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.review-score .review-score-point {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    border-radius: 50%;
    font-size: 1.4rem;
    background-color: #AFAFAF;
    padding: 0.2rem;
    z-index: 1
}

.review-score .review-score-point.active {
    background-color: #C27A0E
}

.review-score .review-score-bar {
    width: 2.4rem;
    height: 0.4rem;
    margin: 0 -0.2rem;
    background-color: #D0CFCB
}

@media (min-width: 576px) {
    .review-score .review-score-bar {
        width: 4rem;
        height: 0.8rem
    }
}

.review-score .review-score-bar.active {
    background-color: #DAA95D
}

.voice-avatar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 1rem;
    width: 80px;
    height: 80px;
    margin-right: 2rem;
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width: 576px) {
    .voice-avatar {
        width: 120px;
        height: 120px;
        margin-right: 4rem
    }
}

/* .voice-avatar.gender-man.age10 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice01.webp')
}

.voice-avatar.gender-man.age20 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice06.webp')
}

.voice-avatar.gender-man.age30 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice01.webp')
}

.voice-avatar.gender-man.age40 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice06.webp')
}

.voice-avatar.gender-man.age50 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice01.webp')
}

.voice-avatar.gender-man.age60 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice06.webp')
}

.voice-avatar.gender-man.age70 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice01.webp')
}

.voice-avatar.gender-man.age80 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice06.webp')
}

.voice-avatar.gender-man.age00 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice01.webp')
}

.voice-avatar.gender-woman.age10 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice02.webp')
}

.voice-avatar.gender-woman.age20 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice03.webp')
}

.voice-avatar.gender-woman.age30 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice04.webp')
}

.voice-avatar.gender-woman.age40 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice05.webp')
}

.voice-avatar.gender-woman.age50 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice02.webp')
}

.voice-avatar.gender-woman.age60 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice03.webp')
}

.voice-avatar.gender-woman.age70 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice04.webp')
}

.voice-avatar.gender-woman.age80 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice05.webp')
}

.voice-avatar.gender-woman.age90 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/icon-voice02.webp')
} */

.news-detail{
  line-height: 1.3
}

.news-detail .news-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-detail .news-meta .news-date {
    margin-right: 2rem
}

.news-detail h1 {
    margin-top: 0;
    margin-bottom: 2rem;
    padding: 2rem;
    background-color: #F8F7F3;
    border-top: 2px solid #E2D7C3;
    border-bottom: 2px solid #E2D7C3;
    font-size: 2.4rem;
    letter-spacing: 0.3rem
}

.news-detail h2 {
    margin-top: 4rem;
    margin-bottom: 2rem;
    padding-bottom: 1.6rem;
    border-bottom: 2px solid #e8e5e0;
    font-size: 2.8rem
}

.news-detail h3 {
    margin-top: 4rem;
    position: relative;
    margin-bottom: 2rem;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #533b0f;
    font-size: 2.4rem
}

.news-detail h3::after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 70%;
    border-bottom: 1px solid #cbc6b5
}

.news-detail h4 {
    margin: 1em 0;
    padding-bottom: 0.5em;
    font-weight: 600;
    font-size: 18px;
    border-bottom: dotted 1px #533b0f;
}

.news-detail ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px;
  margin-bottom: .5rem;
  line-height: 1.2;
}

.news-detail ul li::before {
  content: "■";
  color: #533b0f;
}

.news-detail ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  list-style-type: none;
  counter-increment: cnt;
}

.news-detail ol li::before {
  content: ""counter(cnt)".";
  margin-right: 10px;
  font-weight: bold;
  font-size: 120%;
  color: #533b0f;
  font-family: Century, "Yu Mincho", serif;
}

.news-detail iframe[src*="youtube"] {
  margin-top: 1em;
  margin-bottom: 1em;
  aspect-ratio: 16 / 9;
  height: auto;
}

.news-detail p {
    margin-bottom: 2rem;
    line-height: 1.8
}

body.page main.l-page-single section>* {
    margin-right: auto;
    margin-left: auto;
    max-width: 1400px;
    width: 100%;
}
 
body.page main article section,
body.page main article div.contents {
    margin-bottom: 3.2rem;
    padding: 1.6rem 0
}

body.page main article h2,main article.recommend-title h2 {
    max-width: 960px;
    margin: 0 auto 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.4;
    letter-spacing: 0.4rem
}

@media (min-width: 576px) {
    body.page main article h2,main article.recommend-title h2 {
        font-size: 3.6rem
    }

    body.page main article h2::before,
    body.page main article h2::after,
    main article.recommend-title h2::before,
    main article.recommend-title h2::after {
        content: '';
        display: inline-block;
        background-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/head-line.webp');
        background-repeat: no-repeat;
        background-size: contain;
        width: 16%;
        height: 12px;
        margin: 0 1.6rem
    }
}

@media(max-width:576px){
  main article h2.min{
    font-size: 2.5rem !important;
  }
}

body.page main article .h3,
body.page main article h3 {
    margin-top: 0;
    margin-bottom: 4rem;
    padding: 2rem;
    background-color: #F8F7F3;
    border-top: 2px solid #E2D7C3;
    border-bottom: 2px solid #E2D7C3;
    font-size: 2.4rem;
    letter-spacing: 0.3rem
}

body.page main article .h3 {
    display: block;
    text-align: left;
    line-height: 1
}

body.page main article .h3::before,
body.page main article .h3::after {
    display: none
}

body.page main article h4,
body.page main article .h4 {
    position: relative;
    margin-bottom: 2rem;
    padding: 1.6rem 0;
    background-color: rgba(0, 0, 0, 0);
    font-size: 2.0rem;
    font-family: Century, "Yu Mincho", serif;
    letter-spacing: 4px;
    line-height: 2.4rem;
    border-top: none;
    border-bottom: 1px solid #e8e5e0
}

body.page main article h4::after,
body.page main article .h4::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: calc(100% - 4px);
    border-bottom: 1px solid #e8e5e0
}

body.page main article h5 {
    margin: 1.8rem 0;
    font-size: 1.8rem;
    font-family: Century, "Yu Mincho", serif;
    font-weight: 700
}

body.page main article a {
    text-decoration: underline
}

body.page main article ul,
body.page main article ol {
    margin-bottom: 1.6rem;
    padding-left: 2rem
}

body.page main article ul>li,
body.page main article ol>li {
    list-style-type: disc;
    list-style-position: outside
}

body.page main article ul>li:not(:last-child),
body.page main article ol>li:not(:last-child) {
    margin-bottom: 1.6rem
}

body.page main article ul.topic_brown,
body.page main article ol.topic_brown {
    padding: 1.6rem 1.6rem 1.6rem 3.2rem;
    background-color: #f7efe8;
    border: 1px solid #dbb793
}

body.page main article ul>li {
    list-style-type: disc
}

body.page main article ol>li {
    list-style-type: decimal
}

body.page main article ul.no-marker {
    padding-left: 0
}

body.page main article ul.no-marker>li {
    list-style-type: none
}

body.page main article p {
    line-height: 3.2rem;
    margin-bottom: 2rem
}

main article .text-box + .text-box {
    margin-top: 40px
}

body.page main article p.title {
    line-height: 1.8;
    margin-bottom: 0
}

body.page main article p.text {
    line-height: 1.8;
    margin-bottom: 0
}

body.page main article th,
body.page main article td,
body.page main article dt,
body.page main article dd,
body.page main article li {
    line-height: 2.4rem
}

body.page main article p.con_lead,
body.page main article span.con_lead,
body.page main article strong.con_lead,
body.page main article ul.con_lead,
body.page main article ol.con_lead,
body.page main article li.con_lead {
    font-size: 2rem;
    font-weight: 700
}

body.page main article p.text_blue,
body.page main article span.text_blue,
body.page main article strong.text_blue,
body.page main article ul.text_blue,
body.page main article ol.text_blue,
body.page main article li.text_blue {
    color: #059ec3
}

body.page main article p.text_red,
body.page main article span.text_red,
body.page main article strong.text_red,
body.page main article ul.text_red,
body.page main article ol.text_red,
body.page main article li.text_red {
    color: #cc0033
}

body.page main article p.text_brown,
body.page main article span.text_brown,
body.page main article strong.text_brown,
body.page main article ul.text_brown,
body.page main article ol.text_brown,
body.page main article li.text_brown {
    color: #92643a
}

body.page main article p.text_purple,
body.page main article span.text_purple,
body.page main article strong.text_purple,
body.page main article ul.text_purple,
body.page main article ol.text_purple,
body.page main article li.text_purple {
    color: #996699
}

body.page main article p.text_small,
body.page main article span.text_small,
body.page main article strong.text_small,
body.page main article ul.text_small,
body.page main article ol.text_small,
body.page main article li.text_small {
    font-size: 1.2rem
}

body.page main article p.text_big,
body.page main article span.text_big,
body.page main article strong.text_big,
body.page main article ul.text_big,
body.page main article ol.text_big,
body.page main article li.text_big {
    font-size: 2rem
}

body.page main article p.text_bbbig,
body.page main article span.text_bbbig,
body.page main article strong.text_bbbig,
body.page main article ul.text_bbbig,
body.page main article ol.text_bbbig,
body.page main article li.text_bbbig {
    font-size: 2.4rem
}

body.page main article p.back_line,
body.page main article span.back_line,
body.page main article strong.back_line,
body.page main article ul.back_line,
body.page main article ol.back_line,
body.page main article li.back_line {
    background-color: #ffdcb9
}

body.page main article p.bold,
body.page main article span.bold,
body.page main article strong.bold,
body.page main article ul.bold,
body.page main article ol.bold,
body.page main article li.bold {
    font-weight: 700
}

body.page main article p.text_bold,
body.page main article span.text_bold,
body.page main article strong.text_bold,
body.page main article ul.text_bold,
body.page main article ol.text_bold,
body.page main article li.text_bold {
    font-weight: 700
}

body.page main article p.text_center,
body.page main article span.text_center,
body.page main article strong.text_center,
body.page main article ul.text_center,
body.page main article ol.text_center,
body.page main article li.text_center {
    text-align: center
}

body.page main article p.must,
body.page main article span.must,
body.page main article strong.must,
body.page main article ul.must,
body.page main article ol.must,
body.page main article li.must {
    color: #ff3333;
    font-weight: 700
}

body.page main article strong {
    font-weight: 700
}

body.page main article dl {
    border-top: 1px solid #ccc4b7;
    border-bottom: 1px solid #ccc4b7
}

body.page main article dl>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body.page main article dl>div:not(:last-child) {
    border-bottom: 1px dashed #ccc4b7
}

body.page main article dl>div dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 12rem;
    padding: 2rem 0;
    background-color: #F8F7F3;
    text-align: center
}

@media (min-width: 768px) {
    body.page main article dl>div dt {
        width: 24rem
    }
}

body.page main article dl>div dd {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 2rem;
    background-color: #ffffff
}

@media (min-width: 768px) {
    body.page main article dl>div dd {
        padding: 2rem 0 2rem 4.8rem
    }
}

body.page main article table {
    margin: 4rem auto;
    border-top: 1px solid #ccc4b7;
    border-bottom: 1px solid #ccc4b7;
    width: 100%
}

body.page main article table.stripe {
    border: 1px solid #ccc4b7
}

body.page main article table.stripe th,
body.page main article table.stripe td {
    border: 1px dashed #ccc4b7
}

@media (max-width: 575px) {

    body.page main article table th,
    body.page main article table td {
        font-size: 1.4rem
    }
    
    body.page main article h3.min{
      font-size: 2.2rem;
      letter-spacing: 0.2rem;
    }
    
    .page-acf-template .title-h3 h3.min{
      font-size: 2.2rem;
      letter-spacing: .2rem;
    }
}

@media(max-width:575px){
    body.page main article table th{
      padding: 2rem 1rem !important;
    }
}

body.page main article table tr:not(:last-child) {
    border-bottom: 1px dashed #ccc4b7
}

body.page main article table th {
    padding: 2rem;
    vertical-align: top;
    text-align: left;
    font-weight: 500;
    background-color: #F8F7F3;
    min-width: 6rem
}

@media (min-width: 576px) {
    body.page main article table th {
        min-width: 16rem
    }
}

body.page main article table.hleft th {
    text-align: left
}

body.page main article table td {
    padding: 2rem 0.5rem 2rem 2rem;
    vertical-align: top;
    background-color: #ffffff
}

body.page main article table thead th {
    min-width: 0
}

body.page main article table.smallpad th,
body.page main article table.smallpad td {
    padding: 1rem
}

body.page main article .clinic-photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body.page main article .clinic-photo figure {
    margin: 0 1rem 1rem;
    padding: 1rem;
    border: 1px solid #e8e5e0
}

body.page main article .clinic-photo figure figcaption {
    margin: 3rem 0 2rem;
    text-align: center
}

body.page main article .photo-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

body.page main article .photo-gallery figure {
    margin: 1rem;
    padding: 1rem;
    width: calc(50% - 2rem);
    border: 1px solid #e8e5e0
}

@media (min-width: 768px) {
    body.page main article .photo-gallery figure {
        margin: 2rem;
        padding: 1rem;
        width: calc(33% - 4rem)
    }
}

@media (min-width: 996px) {
    body.page main article .photo-gallery figure {
        width: calc(25% - 4rem)
    }
}

body.page main article .map {
    margin: 8rem auto;
    min-height: 200px;
}

body.page main article .map iframe {
    width: 100%
}

body.page main article .free-call {
    font-family: Century, "Yu Mincho", serif;
    margin: 0 auto;
    max-width: 500px
}

body.page main article .free-call .free-call-tel a {
    font-size: 5rem
}

body.page main article .free-call .free-call-tel small {
    font-size: 1.6rem
}

body.page main article .free-call .free-call-note {
    margin-bottom: 1rem
}

body.page main article .note {
    border: 1px solid #ddd;
    padding: 2rem;
    background-color: #ffffff
}

@media (min-width: 768px) {
    body.page main article .note {
        padding: 4rem
    }
}

body.page main article .border-box {
    border-width: 1px;
    border-style: solid;
    border-color: #e8e5e0;
    margin-bottom: 2rem;
    padding: 1.6rem
}

body.page main article .border-box.info-box {
    border-color: #059ec3
}

body.page main article .border-box.info-box strong {
    color: #059ec3;
    display: block
}

body.page main article .border-box.point-box {
    border-color: #ffcc00
}

body.page main article .border-box.point-box strong {
    color: #ff6600;
    display: block
}

body.page main article .border-box.warn-box {
    border-color: #b22c00
}

body.page main article .border-box.warn-box strong {
    color: #b22c00;
    display: block
}

body.page main article .border-box p:last-child {
    margin-bottom: 0
}

body.page main article ul.list_btn {
    margin: 4rem 0;
    padding-left: 0
}

@media (min-width: 576px) {
    body.page main article ul.list_btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

body.page main article ul.list_btn li {
    list-style-type: none
}

body.page main article ul.list_btn li img {
    width: auto
}

body.page main article ul.checklist {
    padding: 3rem;
    border: 1px solid #e8e5e0
}

body.page main article ul.checklist li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px dashed #e8e5e0
}

body.page main article ul.checklist li::before {
    content: '';
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/ico-check.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.8rem
}

body.page main article div.checklist {
    margin: 4rem 0;
    padding: 3rem;
    border: 1px solid #e8e5e0
}

body.page main article div.checklist .checklist-title {
    font-weight: 700;
    margin-bottom: 3rem
}

body.page main article div.checklist .checklist-body {
    padding-left: 0
}

body.page main article div.checklist .checklist-body li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px dashed #e8e5e0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

body.page main article div.checklist .checklist-body li::before {
    content: '';
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url('/import/tenant_1/162.43.45.192/html/images/common/ico-check.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.8rem
}

body.page main article dl.bullet-list,
body.page main article dl.flow_item,
body.page main article dl.dl_flow,
body.page main article dl.dl_brown {
    margin: 4rem 0;
    border: 1px solid #ccc4b7;
    background-color: #fcfbf9;
    padding: 2rem
}

@media (min-width: 576px) {

    body.page main article dl.bullet-list,
    body.page main article dl.flow_item,
    body.page main article dl.dl_flow,
    body.page main article dl.dl_brown {
        padding: 4rem
    }
}

body.page main article dl.bullet-list dt,
body.page main article dl.flow_item dt,
body.page main article dl.dl_flow dt,
body.page main article dl.dl_brown dt {
    position: relative;
    margin-bottom: 2rem;
    padding: 1rem 0;
    border-bottom: 1px solid #d6a75f;
    color: #c17b0c;
    font-family: Century, "Yu Mincho", serif;
    font-size: 1.8rem;
    font-weight: 700
}

body.page main article dl.bullet-list dt::after,
body.page main article dl.flow_item dt::after,
body.page main article dl.dl_flow dt::after,
body.page main article dl.dl_brown dt::after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 0;
    border-bottom: 1px solid #ebd4b2;
    width: calc(100% - 10rem)
}

body.page main article dl.bullet-list dd,
body.page main article dl.flow_item dd,
body.page main article dl.dl_flow dd,
body.page main article dl.dl_brown dd {
    line-height: 3.6rem
}

body.page main article dl.bullet-list dd:not(:last-child),
body.page main article dl.flow_item dd:not(:last-child),
body.page main article dl.dl_flow dd:not(:last-child),
body.page main article dl.dl_brown dd:not(:last-child) {
    margin-bottom: 4rem
}

body.page main article dl.dl-case {
    margin: 4rem 0;
    border: 1px solid #ccc4b7;
    background-color: #fcfbf9;
    padding: 2rem
}

@media (min-width: 576px) {
    body.page main article dl.dl-case {
        padding: 4rem
    }
}

body.page main article dl.dl-case dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4ebdc;
    margin-bottom: 1.6rem;
    padding: 0.8rem;
    font-family: Century, "Yu Mincho", serif;
    font-size: 1.8rem
}

body.page main article dl.dl-case dt::before {
    content: '';
    display: inline-block;
    margin-right: 0.8rem;
    width: 0.8rem;
    background-color: #c17b0c;
    height: 3.6rem
}

body.page main article dl.dl-case dd {
    margin: 1.6rem 0 3.2rem
}

body.page main article dl.dl-case dd ul {
    border: 1px solid #e8e5e0;
    background-color: #ffffff;
    margin-top: 1.6rem;
    padding: 1.6rem
}

@media (min-width: 576px) {
    body.page main article dl.dl-case dd ul {
        padding: 1.6rem 3.2rem
    }
}

body.page main article dl.dl-case dd ul li {
    list-style: none
}

body.page main article dl.qanda {
    border: 1px solid #ccc4b7;
    background-color: #fcfbf9;
    padding: 2rem;
    margin-bottom: 4rem
}

@media (min-width: 576px) {
    body.page main article dl.qanda {
        padding: 4rem
    }
}

body.page main article dl.qanda dt {
    position: relative;
    margin-bottom: 1.8rem;
    padding: 1rem 0;
    border-bottom: 1px solid #8e7d5f;
    font-family: Century, "Yu Mincho", serif;
    font-weight: 700;
    line-height: 3.2rem
}

body.page main article dl.qanda dt::before {
    content: 'Q';
    margin-right: 1rem;
    font-weight: 500;
    color: #3b88da
}

body.page main article dl.qanda dt::after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 0;
    border-bottom: 1px solid #c9c2b2;
    width: calc(100% - 10rem)
}

body.page main article dl.qanda dd {
    line-height: 3.2rem;
    margin-bottom: 3.2rem
}

body.page main article dl.qanda dd::before {
    content: 'A';
    margin-right: 1rem;
    font-size: 1.8rem;
    font-family: Century, "Yu Mincho", serif;
    color: #c17b0c
}

body.page main article dl.qanda dd:last-child {
    margin-bottom: 0
}

body.page main article .qa_item {
    border: 1px solid #ccc4b7;
    background-color: #fcfbf9;
    padding: 2rem;
    margin-bottom: 4rem
}

body.page main article .qa_item dl {
    border: none
}

@media (min-width: 576px) {
    body.page main article .qa_item {
        padding: 4rem
    }
}

body.page main article .qa_item dt {
    position: relative;
    margin-bottom: 1.8rem;
    padding: 1rem 0;
    border-bottom: 1px solid #8e7d5f;
    font-family: Century, "Yu Mincho", serif;
    font-weight: 700;
    line-height: 3.2rem
}

body.page main article .qa_item dt::before {
    content: 'Q';
    margin-right: 1rem;
    font-weight: 500;
    color: #3b88da
}

body.page main article .qa_item dt::after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: 0;
    border-bottom: 1px solid #c9c2b2;
    width: calc(100% - 10rem)
}

body.page main article .qa_item dd {
    line-height: 3.2rem;
    margin-bottom: 3.2rem;
    padding-left: 2.2rem;
    text-indent: -2.4rem;
}

body.page main article .qa_item dd::before {
    content: 'A';
    margin-right: 1rem;
    font-size: 1.8rem;
    font-family: Century, "Yu Mincho", serif;
    color: #c17b0c
}

body.page main article .qa_item dd:last-child {
    margin-bottom: 0
}

body.page main article .original-width {
    width: auto
}

body.page main article #kuchikomi img {
    width: auto
}

body.page main article .kuchikomi {
    margin-bottom: 4rem
}

body.page main article .kuchikomi>div {
    margin-bottom: 1.6rem
}

body.page main article .kuchikomi .main-q {
    font-size: 2.0rem;
    font-weight: 700;
    color: #e9788a
}

body.page main article .sitemap-list {
    padding-left: 0
}

body.page main article .sitemap-list ul {
    padding-left: 2rem
}

body.page main article .sitemap-list li {
    margin: 1.6rem 0;
    list-style: none
}

body.page main article .sitemap-list li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 2rem;
    text-decoration: underline
}

@media (min-width: 768px) {
    body.page main article .sitemap-list li>a {
        text-decoration: none
    }
}

body.page main article .sitemap-list li>a::before {
    content: '';
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: url('/import/tenant_1/162.43.45.192/html/images/common/icon/ico-arrow-right.webp') no-repeat;
    display: inline-block;
    margin-right: 0.8rem;
    width: 1.6rem;
    height: 1.6rem
}

@media (max-width: 767px) {
    body.page main article .scrollable {
        margin-bottom: 2rem;
        width: 100%
    }

    body.page main article .scrollable table {
        margin: 2rem auto;
        min-width: 720px
    }
}

@media (max-width: 767px) {
    body.page main article .widetable-wrap {
        padding: 0 2rem
    }

    body.page main article .widetable-wrap>table>tr>th,
    body.page main article .widetable-wrap>table>tr>td,
    body.page main article .widetable-wrap>table>tbody>tr>th,
    body.page main article .widetable-wrap>table>tbody>tr>td {
        display: block
    }
}

body.page main article .cta-tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Century, "Yu Mincho", serif
}

body.page main article .cta-tel-detail {
    text-align: center;
    text-decoration: none
}

@media (min-width: 576px) {
    body.page main article .cta-tel-detail {
        text-align: left
    }
}

body.page main article .cta-tel-detail a {
    font-size: 12vw
}

@media (min-width: 576px) {
    body.page main article .cta-tel-detail a {
        font-size: 4.8rem
    }
}

body.page main article .cta-tel-detail small {
    font-size: 1.6rem
}

@media (max-width: 575px) {
    body.page main article .cta-tel-detail a{
      margin-bottom: 10px;
      display: block;
    }
    body.page main article .cta-tel-detail small {
        display: block
    }
}

body.page main article .cta-tel-detail-notes {
    margin-top: 1.6rem
}

body.page main article ul.acr-flow,
body.page main article ul.macule-flow,
body.page main article ul.macule-internal-flow,
body.page main article ol.velux-flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0
}

@media (max-width: 767px) {

    body.page main article ul.acr-flow,
    body.page main article ul.macule-flow,
    body.page main article ul.macule-internal-flow,
    body.page main article ol.velux-flow {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

body.page main article ul.acr-flow li,
body.page main article ul.macule-flow li,
body.page main article ul.macule-internal-flow li,
body.page main article ol.velux-flow li {
    list-style: none;
    padding: 0 1rem
}

@media (max-width: 575px) {

    body.page main article ul.acr-flow li,
    body.page main article ul.macule-flow li,
    body.page main article ul.macule-internal-flow li,
    body.page main article ol.velux-flow li {
        width: 48%
    }
}

@media (max-width: 767px) {
    body.page main article ol.velux-flow.velux-frow-3 li {
        width: 100%
    }

    body.page main article ol.velux-flow.velux-frow-3 li:not(:last-child)::after {
        content: '\f0d7';
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
        display: block;
        text-align: center
    }
}

@media (min-width: 768px) {
    body.page main article ol.velux-flow.velux-frow-3 li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 31%
    }

    body.page main article ol.velux-flow.velux-frow-3 li:not(:last-child)::after {
        content: '\f0da';

        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
        display: block;
        margin: 0 2rem
    }
}

@media (min-width: 768px) {
    body.page main article ol.velux-flow.velux-frow-4 li {
        width: 24%
    }
}

body.page main article .aquaTxt {
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 1.6rem;
    margin-bottom: 2.4rem
}

body.page main article .aquaTxt strong {
    display: block;
    color: #047997
}

body.page main article .line-head {
    margin-bottom: 3em;
    text-align: center
}

body.page main article .line-head-title {
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 1rem
}

body.page main article .line-body-title {
    border: 1px solid #2cbf13;
    border-radius: 6px;
    padding: 1.6rem;
    text-align: center;
    color: #2cbf13;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 3.2rem
}

body.page main article .line-body-item {
    margin-bottom: 3.2rem
}

body.page main article .line-body-item img {
    float: left;
    margin: 0 3.2rem .8rem 0;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2)
}

@media (max-width: 575px) {
    body.page main article .line-body-item img {
        float: none;
        margin: 0 auto 2rem;
        display: block
    }
}

body.page main article .line-body-item-text {
    font-size: 1.4rem;
    line-height: 2rem
}

body.page main article .line-body-item-text ol li {
    list-style-position: inside
}

body.page main article .line-entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.6rem;
    border: 1px solid #DDD;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 575px) {
    body.page main article .line-entry {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

body.page main article .tenteki-viking_spot {
    display: inline-block;
    padding: 1.6rem;
    font-weight: 700;
    color: #ffffff;
    background-color: #ee9737
}

body.page main article .tenteki-viking_sec .tenteki-viking_title {
    padding: 0.6rem 1rem;
    border-left: 4px solid #ee9737;
    color: #ee9737;
    font-weight: 700;
    font-size: 2.4rem;
    font-family: "Yu Gothic", sans-serif
}

body.page main article .tenteki-viking_sec .tenteki-viking_subtitle {
    color: #06a654;
    font-weight: 700;
    font-size: 2rem
}

body.page main article table.price a {
    color: #cc9755;
    text-decoration: underline
}

body.page main article table.price th {
    text-align: left
}

body.page main article table.price td {
    min-width: 40%
}

body.page main article .first {
    position: relative
}

@media (min-width: 576px) {
    body.page main article .first {
        margin-left: 4rem !important;
        margin-bottom: 0 !important;
        padding: 2.4rem 8rem 4rem !important;
        border-left: 1px dashed #e8e5e0
    }
}

body.page main article .first-step {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f3eff0;
    border: 1px solid #e8e5e0;
    width: 6rem;
    height: 6rem;
    font-family: Century, "Yu Mincho", serif
}

@media (min-width: 576px) {
    body.page main article .first-step {
        left: -4rem;
        width: 8rem;
        height: 8rem
    }
}

body.page main article .first-step-step {
    font-size: 1.2rem
}

@media (min-width: 576px) {
    body.page main article .first-step-step {
        font-size: 1.6rem
    }
}

body.page main article .first-step-no {
    font-size: 2rem
}

@media (min-width: 576px) {
    body.page main article .first-step-no {
        font-size: 2.4rem
    }
}

body.page main article .first h2 {
    display: block;
    margin: -0.6rem 0px 4rem 7rem;
    text-align: left;
    font-size: 2.4rem
}

@media (min-width: 576px) {
    body.page main article .first h2 {
        margin: 0 0 4rem
    }
}

body.page main article .first h2::before,
body.page main article .first h2::after {
    display: none
}

@media (max-width: 767px) {
    body.page main article .first img {
        width: 100% !important
    }
}

body.page main article .first .cmn_tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 80rem;
    padding: 4rem 0;
    background-color: #fcfbf9;
    border: 1px solid #e8e5e0
}

body.page main article .first .cmn_tel li {
    margin: 0 1rem;
    list-style: none
}

body.page main article .first .cmn_tel li .c-btn {
    margin: 0 0 2.4rem
}

main article .first .cmn_tel li.tels a {
    font-family: Century, "Yu Mincho", serif
}

main article .first .cmn_tel li.tels .tel-no {
    margin-bottom: 1rem;
    text-align: center
}

@media (min-width: 576px) {
    main article .first .cmn_tel .tels .tel-no {
        text-align: left
    }
}

main article .first .cmn_tel .tels .tel-no .tel a {
    font-size: 12vw
}

@media (min-width: 576px) {
    main article .first .cmn_tel .tels .tel-no .tel a {
        font-size: 4.8rem
    }
}

main article .first .cmn_tel .tels .tel-no small {
    display: block
}

main article .first .cmn_tel .tels .tel-notes {
    line-height: 1;
    margin-bottom: 0
}

body.page main article .saghikaku {
    padding: 0
}

body.page main article .saghikaku-item {
    list-style: none;
    padding: 0.8rem;
    margin-bottom: 2.4rem !important;
    border-radius: 1.6rem
}

@media (min-width: 576px) {
    body.page main article .saghikaku-item {
        padding: 1.6rem;
        margin-bottom: 4.8rem !important
    }
}

body.page main article .saghikaku-item:nth-of-type(1) {
    background-color: #fcf3e4
}

body.page main article .saghikaku-item:nth-of-type(2) {
    background-color: #f7daae
}

body.page main article .saghikaku-item:nth-of-type(3) {
    background-color: #f6cf94
}

body.page main article .saghikaku-joutai h5 {
    text-align: center;
    font-weight: 400;
    font-size: 2.4rem;
    margin-bottom: 0.8rem
}

body.page main article .saghikaku-joutai::after {
    content: '\f0d7';
    font-family: "Font Awesome 5 Free";
    display: block;
    margin: 1.6rem;
    text-align: center;
    font-weight: 900;
    font-size: 3.6rem
}

body.page main article .saghikaku-care {
    padding: 1.6rem;
    background-color: #ffffff;
    border: 1px solid #f3c379;
    border-radius: 1.6rem
}

body.page main article .saghikaku-care .t {
    text-align: center;
    font-size: 2.4rem;
    color: #c37c33
}

body.page main article .page_ancher {
    padding: 1rem 2rem 2rem;
    background-color: #fbfbfa;
    border: 1px solid #cbc6b5
}

@media (min-width: 576px) {
    body.page main article .page_ancher {
        padding: 2rem 4rem 4rem
    }
}

body.page main article .page_ancher li {
    padding: 1rem 0;
    list-style-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/ico-arrow-right.webp');
    list-style-position: inside;
    border-bottom: 1px dotted #533b0f
}

@media (min-width: 576px) {
    body.page main article .page_ancher li {
        padding: 2rem 0
    }
}

body.page main article .page_ancher li a {
    margin-left: 0.8rem
}

body.page main article .case_photo {
    padding-left: 0
}

body.page main article .cosmeList {
    padding-left: 0
}

@media (min-width: 768px) {
    body.page main article .cosmeList li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

body.page main article .cosmeList li .pho {
    text-align: center
}

@media (min-width: 768px) {
    body.page main article .cosmeList li .pho {
        margin-top: 4rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 200px
    }
}

body.page main article .cosmeList li .txt dl {
    border: none
}

body.page main article .cosmeList li .txt dl dt {
    margin-bottom: 0.8rem;
    font-weight: 700;
    font-size: 1.8rem
}

body.page main article .cosmeList li .txt dl dd {
    margin-bottom: 3.2rem
}

body.page main article .campaign-banner {
    margin-bottom: 5rem
}

@media (min-width: 768px) {
    body.page main article .campaign-banner {
        margin-bottom: 8rem
    }
}

body.page main article .c-in-page-links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0
}

body.page main article .c-in-page-links li {
    margin-bottom: 2rem !important
}

@media (max-width: 575px) {
    body.page main article .c-in-page-links li a {
        font-size: 1.4rem
    }
}

.concept-message {
    position: relative;
    margin-top: 8rem
}

@media (max-width: 767px) {
    .concept-message {
        margin-bottom: 4rem
    }
}

@media (min-width: 768px) {
    .concept-message {
        margin-bottom: 8rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .concept-message-body {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        z-index: 100;
        padding: 2rem;
        margin-top: 16rem;
        padding: 7rem 6rem;
        background-color: #fcfbf9
    }

    .concept-message-body h3 {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center 40%;
        background-color: transparent !important;
        border: none !important;
        font-size: 3rem !important;
        padding: 2rem !important;
        line-height: 1.2;
        letter-spacing: 0.5rem !important;
        text-align: center
    }

    .concept-message-body h3::after {
        content: '';
        display: block;
        background: url(/import/tenant_1/www.komuro-biyou.com/images/common/icon/line-menu-list.png) no-repeat;
        background-size: contain;
        width: 16rem;
        height: 1rem;
        margin: 4rem auto 0
    }

    .concept-message-body p {
        margin-bottom: 0;
        line-height: 4rem
    }

    .concept-message-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%
    }
}

.concept-homedoctor {
    position: relative;
   /*  background: url('/import/tenant_1/162.43.45.192/html/images/concept/img-concept02.webp') no-repeat;
   background-size: contain;
   margin-bottom: 20vw */
  margin-bottom: 0;
}

@media (min-width: 768px) {
    .concept-homedoctor {
        background-size: cover;
        margin-bottom: 0;
    }
}

.concept-homedoctor-body {
    position: relative;
    background-color: #ffffff
}

@media (max-width: 767px) {
    .concept-homedoctor-body {
        top: 20vw;
        margin: 0 2rem;
        padding: 2rem
    }
    
    .concept-homedoctor-body.type02 {
        top: 0;
        margin: -30px 2rem 0;
        padding: 2rem;
    }
}

@media (min-width: 768px) {
    .concept-homedoctor-body {
        top: -7rem;
        width: calc(100% - 16rem);
        margin: 0 auto;
        padding: 8rem 4rem
    }
}

.concept-homedoctor-body p {
    line-height: 4rem
}

@media (min-width: 768px) {
    .concept-split {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 8rem
    }
}

.concept-split:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.concept-split-body {
    padding: 0 2rem 2rem
}

@media (min-width: 768px) {
    .concept-split-body {
        width: 50%
    }
}

.concept-split-body h3 {
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent !important;
    padding: 2rem 4rem 6.5rem !important;
    border: none !important;
    font-size: 3rem
}

.concept-split-body-head1 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/top/number-reason01.webp')
}

.concept-split-body-head2 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/top/number-reason02.webp')
}

.concept-split-body-head3 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/top/number-reason03.webp')
}

.concept-split-image {
    margin: 4rem 0
}

@media (min-width: 768px) {
    .concept-split-image {
        margin: 0;
        width: 50%
    }
}

.contact-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 3.2rem
}

.contact-progress .contact-process {
    border: 1px solid #533b0f;
    padding: 1rem 0;
    width: 30%;
    font-size: 2rem;
    font-family: Century, "Yu Mincho", serif;
    text-align: center
}

.contact-progress .contact-process.active {
    background-color: #533b0f;
    color: #ffffff
}

.contact-progress i {
    display: inline-block;
    margin: 0 1rem
}

.formTbl caption {
    text-align: left;
    margin-bottom: 0.8rem
}

.formTbl th {
    padding: 1.6rem !important;
    width: 40% !important
}

@media (min-width: 768px) {
    .formTbl th {
        padding: 3.2rem !important
    }
}

.formTbl td {
    padding: 1.6rem !important
}

@media (min-width: 768px) {
    .formTbl td {
        padding: 3.2rem !important
    }
}

.formTbl td input[type=text],
.formTbl td input[type=email],
.formTbl td input[type=number] {
    height: 3.6rem;
    font-size: 2rem
}

.formTbl td input[type=text],
.formTbl td input[type=email],
.formTbl td textarea {
    width: 90%
}

.formTbl textarea {
    height: 70px;
    padding: 5px;
}

.formTbl td input[type=number] {
    width: 8rem
}

.doctor-intro {
    position: relative;
    background: url('/import/tenant_1/162.43.45.192/html/images/doctor/img-doctor1.webp') top left no-repeat;
    background-size: contain
}

@media (max-width: 767px) {
    .doctor-intro {
        margin-bottom: calc(42vw + 4rem)
    }
}

@media (min-width: 768px) {
    .doctor-intro {
        height: 60rem
    }
}

.doctor-intro-content {
    background-color: #fcfbf9
}

@media (max-width: 767px) {
    .doctor-intro-content {
        position: relative;
        top: 42vw;
        margin: 2rem;
        padding: 2rem
    }
}

@media (min-width: 768px) {
    .doctor-intro-content {
        position: absolute;
        right: 0;
        top: 15%;
        width: 60%;
        padding: 4rem
    }
}

.doctor-intro-content-message {
    margin-bottom: 8rem;
    line-height: 4rem
}

.doctor-intro-content-about-job {
    text-align: right
}

.doctor-intro-content-about-name {
    font-weight: 700;
    font-size: 2.2rem;
    text-align: right
}

@media (min-width: 768px) {
    .doctor-intro-content-about-detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: right;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .doctor-intro-content-about-detail li {
        list-style-type: none !important
    }

    .doctor-intro-content-about-detail li:not(:last-child)::after {
        content: '／'
    }
}

@media (min-width: 576px) {
    .doctor-detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 768px) {
    .doctor-detail {
        margin-top: 8rem
    }
}

@media (min-width: 576px) {
    .doctor-detail-license {
        -ms-flex-preferred-size: 360px;
        flex-basis: 360px;
        margin-right: 6rem
    }
}

.doctor-detail-career {
    margin-top: 2rem
}

@media (min-width: 576px) {
    .doctor-detail-career {
        margin-top: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.doctor-message {
    position: relative;
    background: url('/import/tenant_1/162.43.45.192/html/images/doctor/img-doctor2.webp') no-repeat;
    background-size: contain;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .doctor-message {
        margin-bottom: 0
    }
}

.doctor-message-body {
    position: relative;
    background-color: #ffffff
}

@media (max-width: 767px) {
    .doctor-message-body {
        top: -2rem;
        margin: 0 2rem;
        padding: 2rem
    }
}

@media (min-width: 768px) {
    .doctor-message-body {
        top:-7rem;
        width: calc(100% - 16rem);
        margin: 0 auto;
        padding: 8rem 4rem
    }
}

.doctor-message-body p {
    line-height: 4rem
}

.doctor-policy-item {
    position: relative
}

@media (max-width: 767px) {
    .doctor-policy-item {
        margin-bottom: 4rem
    }

    .doctor-policy-item .doctor-policy-item-image {
        display: none
    }
}

@media (min-width: 768px) {
    .doctor-policy-item {
        margin-bottom: 8rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.doctor-policy-item:nth-child(2n+1) .doctor-policy-item-image {
    right: 0
}

.doctor-policy-item:nth-child(2n) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.doctor-policy-item:nth-child(2n) .doctor-policy-item-image {
    left: 0
}

.doctor-policy-item .doctor-policy-item-body {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    z-index: 100;
    padding: 2rem;
    background-color: #fcfbf9
}

@media (min-width: 768px) {
    .doctor-policy-item .doctor-policy-item-body {
        margin-top: 16rem;
        padding: 7rem 6rem
    }
}

.doctor-policy-item .doctor-policy-item-body h3 {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 40%;
    background-color: transparent;
    border: none;
    height: 14rem;
    font-size: 3rem;
    padding: 3rem 0;
    line-height: 1.2;
    letter-spacing: 0.5rem;
    text-align: center;
    margin-bottom: 6rem
}

.doctor-policy-item .doctor-policy-item-body p {
    margin-bottom: 0;
    line-height: 4rem
}

.doctor-policy-item:nth-child(1) h3 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/top/number-reason01.webp')
}

.doctor-policy-item:nth-child(2) h3 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/top/number-reason02.webp')
}

.doctor-policy-item:nth-child(3) h3 {
    background-image: url('/import/tenant_1/162.43.45.192/html/images/top/number-reason03.webp')
}

.doctor-policy-item-image {
    position: absolute;
    top: 0;
    width: 50%
}

.header-action .header-navi-btn {
    position: relative;
    background: #ffffff;
    border: none;
    padding: 0;
    width: 50px;
    height: 70px
}

.header-action .header-navi-btn .header-navi-btn-bar {
    position: absolute;
    width: 40px;
    height: 29px;
    left: 5px;
    top: 20%;
    z-index: 1005;
}

.header-action .header-navi-btn .header-navi-btn-bar::before,
.header-action .header-navi-btn .header-navi-btn-bar::after {
    content: '';
    left: 0
}

.header-action .header-navi-btn .header-navi-btn-bar::before,
.header-action .header-navi-btn .header-navi-btn-bar::after,
.header-action .header-navi-btn .header-navi-btn-bar div {
    display: block;
    position: absolute;
    border-top: 3px solid #533b0f;
    width: 100%;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out
}

.header-action .header-navi-btn .header-navi-btn-bar::before {
    top: 0
}

.header-action .header-navi-btn .header-navi-btn-bar div {
    top: 13px;
    height: 3px
}

.header-action .header-navi-btn .header-navi-btn-bar::after {
    bottom: 0
}

.header-action .header-navi-btn.open .header-navi-btn-bar {
    z-index: 10000
}

.header-action .header-navi-btn.open .header-navi-btn-bar::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 13px
}

.header-action .header-navi-btn.open .header-navi-btn-bar div {
    display: none
}

.header-action .header-navi-btn.open .header-navi-btn-bar::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 13px
}

.header-action .header-navi-btn .header-navi-btn-label {
    position: absolute;
    bottom: 0;
    width: 50px;
    text-align: center;
    font-family: Century, "Yu Mincho", serif;
    z-index: 1005;
}

.header-action .header-navi {
    position: fixed;
    right: 0;
    top: -100%;
    width: 40%;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background: rgba(250, 227, 186, 0.8);
    padding: 12rem 4rem 4rem;
    z-index: 1000
}

.header-action .header-navi li {
    padding: 2rem 0;
    font-size: 2rem;
    border-bottom: 1px dashed #533b0f
}

.header-action .header-navi.open {
    opacity: 1;
    top: 0
}

.sp-header-action {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

@media (min-width: 768px) {
    .sp-header-action {
        display: none
    }
}

.sp-header-action .fixed-navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px
}

.sp-header-action .fixed-navi .fixed-navi-item {
    width: 25%;
    height: 100%;
    background-color: #fae3ba;
    font-size: 1.4rem
}

.sp-header-action .fixed-navi .fixed-navi-item a,
.sp-header-action .fixed-navi .fixed-navi-item button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.sp-header-action .fixed-navi .fixed-navi-item a .fixed-navi-item-icon,
.sp-header-action .fixed-navi .fixed-navi-item button .fixed-navi-item-icon {
    height: 26px;
    width: auto
}

.sp-header-action .fixed-navi .fixed-navi-item a .fixed-navi-item-label,
.sp-header-action .fixed-navi .fixed-navi-item button .fixed-navi-item-label {
    text-align: center;
    font-family: Century, "Yu Mincho", serif
}

.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn {
    padding: 0;
    cursor: pointer
}

.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn .fixed-navi-item-icon {
    height: 33px;
    width: 70%;
    position: relative
}

.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn .fixed-navi-item-icon::before,
.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn .fixed-navi-item-icon::after {
    content: '';
    left: 0
}

.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn .fixed-navi-item-icon::before,
.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn .fixed-navi-item-icon::after,
.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn .fixed-navi-item-icon div {
    display: block;
    position: absolute;
    border-top: 3px solid #533b0f;
    width: 100%;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out
}

.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn .fixed-navi-item-icon::before {
    top: 5px
}

.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn .fixed-navi-item-icon div {
    top: 15px;
    height: 3px
}

.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn .fixed-navi-item-icon::after {
    bottom: 5px
}

.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn.open .fixed-navi-item-icon {
    z-index: 10000
}

.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn.open .fixed-navi-item-icon::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 15px
}

.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn.open .fixed-navi-item-icon div {
    display: none
}

.sp-header-action .fixed-navi .fixed-navi-item .hamburger-btn.open .fixed-navi-item-icon::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 15px
}

.sp-header-action .fixed-navi .fixed-navi-item:not(:last-child) {
    border-right: 1px solid #533b0f;
    position: relative;
}

.sp-header-action .fixed-navi .fixed-navi-item.hamburger .header-navi {
    position: fixed;
    left: 0;
    bottom: -100%;
    width: 100%;
    opacity: 0;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background: rgba(250, 227, 186, 0.9);
    padding: 1rem 1rem 80px;
    z-index: 1000
}

.sp-header-action .fixed-navi .fixed-navi-item.hamburger .header-navi li {
    padding: 1.6rem 0.8rem;
    border-bottom: 1px dashed #533b0f
}

.sp-header-action .fixed-navi .fixed-navi-item.hamburger.open .header-navi {
    opacity: 1;
    bottom: 0
}

.c-aside-nav:not(:last-child) {
    margin-bottom: 1.6rem
}

.c-aside-nav .aside-nav-heading {
    padding: 1.6rem;
    background-color: #533b0f;
    font-family: Century, "Yu Mincho", serif;
    font-size: 1.6rem;
    color: #ffffff
}

@media (min-width: 576px) {
    .c-aside-nav .aside-nav-heading {
        padding: 2rem 4rem;
        font-size: 2rem
    }
}

.c-aside-nav .aside-nav-heading img {
    height: 1.6rem
}

.c-aside-nav .aside-nav-heading.with-icon {
    position: relative
}

@media (min-width: 576px) {
    .c-aside-nav .aside-nav-heading.with-icon {
        padding: 2rem 2rem
    }
}

.c-aside-nav .aside-nav-heading.with-icon img {
    position: relative;
    top: 0.2rem;
    height: 1.6rem;
    margin-right: 0.4rem
}

@media (min-width: 576px) {
    .c-aside-nav .aside-nav-heading.with-icon img {
        height: 2rem
    }
}

.c-aside-nav .aside-nav-list {
    padding: 1rem 2rem 2rem;
    background-color: #fbfbfa;
    border-left: 1px solid #cbc6b5;
    border-right: 1px solid #cbc6b5;
    border-bottom: 1px solid #cbc6b5
}

@media (min-width: 576px) {
    .c-aside-nav .aside-nav-list {
        padding: 2rem 4rem 4rem
    }
}

.c-aside-nav .aside-nav-list .aside-nav-item {
    padding: 1.6rem 0;
    list-style-image: url('/import/tenant_1/162.43.45.192/html/images/common/icon/ico-arrow-right.webp');
    list-style-position: inside;
    border-bottom: 1px dotted #533b0f
}

@media (min-width: 576px) {
    .c-aside-nav .aside-nav-list .aside-nav-item {
        padding: 2rem 0
    }
}

.c-aside-nav .aside-nav-list .aside-nav-item a {
    margin-left: 0.4rem;
    font-size: 1.4rem
}

@media (min-width: 576px) {
    .c-aside-nav .aside-nav-list .aside-nav-item a {
        margin-left: 0.8rem;
        font-size: 1.6rem
    }
}

.footer-clinic-info {
    font-family: Century, "Yu Mincho", serif;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #533b0f;
    text-align: center
}

@media (min-width: 996px) {
    .footer-clinic-info {
        width: 340px;
        text-align: left;
        margin-right: 4rem
    }
}

.footer-clinic-info .footer-logo {
    margin: 0 auto;
    max-width: 416px
}

@media (min-width: 996px) {
    .footer-clinic-info .footer-logo {
        margin: 0
    }
}

.footer-clinic-info .footer-address {
    margin-top: 1rem;
    font-style: normal;
    font-size: 1.4rem
}

.footer-clinic-info .footer-tel .footer-tel-no {
    margin: 2rem 0 1.5rem
}

.footer-clinic-info .footer-tel .footer-tel-no a {
    font-size: 3.2rem
}

.footer-clinic-info .footer-tel .footer-tel-no small {
    font-size: 1.2rem
}

.footer-clinic-info .footer-tel .footer-tel-notes {
    font-size: 1.2rem
}

.footer-navi .footer-link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer-navi .footer-link-list .footer-link-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 44vw;
    margin-right: 1rem;
    margin-bottom: .8rem
}

@media (min-width: 576px) {
    .footer-navi .footer-link-list .footer-link-item {
        width: 24rem;
        margin-bottom: 1.6rem
    }
}

.footer-navi .footer-link-list .footer-link-item::before {
    content: "";
    display: inline-block;
    background: url(/import/tenant_1/162.43.45.192/html/images/common/icon/ico-arrow-right.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 1 / 1;
    width: 13px;
    flex-shrink: 0;
   image-rendering: pixelated;
}

@media (min-width: 576px) {
    .footer-navi .footer-link-list .footer-link-item::before {
        margin-right: 1rem
    }
}

.footer-navi .footer-link-list .footer-link-item a {
    font-size: 1.2rem;
    line-height: 1.3;
    margin-left: .5rem;
}

.case-list-item .case-content .c-before-after,
.case-list-item .case-content .case-excerpt{
  width:100%;
}

@media(min-width:768px){
  .case-list-item .case-content .c-before-after,
.case-list-item .case-content .case-excerpt{
  width:50%;
}
}

[data-element-id] .sp-header-action {
        display: block;
        position: relative;
        max-width: 768px;
        left: auto;
        border: 5px solid orange;
        padding: 10px;
        margin: 10px auto;
    }
[data-element-id] .sp-header-action::before {
        content: "SP用追従ボタン";
        display: block;
        background: orange;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        padding: 0 5px 5px;
        margin: -10px -10px 10px;
    }
[data-element-id] .sp-header-action .fixed-navi{
  height: auto;
}
[data-element-id] .sp-header-action .fixed-navi .fixed-navi-item:not(.hamburger){
  height: 70px;
}
[data-element-id] .sp-header-action .fixed-navi .fixed-navi-item.hamburger .header-navi {
    position: relative;
    left: auto;
    bottom: auto;
    opacity: 1;
}
[data-element-id] .c-mv-page h1,[data-element-id] .c-mv-case h1,[data-element-id] .c-mv-voice h1,[data-element-id] .c-mv-news h1{
  flex-direction: column;
}
[data-element-id] .c-mv-page h1 .show\@sp,[data-element-id] .c-mv-case h1 .show\@sp,[data-element-id] .c-mv-voice h1 .show\@sp,[data-element-id] .c-mv-news h1 .show\@sp{
  font-size:24px;
}
[data-element-id] .page-acf-template .title-h2 .show\@sp h2,
[data-element-id] main article .show\@sp h2,
[data-element-id] .contents .group1 .show\@sp h2{
  font-size:24px;
}
[data-element-id] .page-acf-template .title-h3 .show\@sp h3,[data-element-id] .concept-message-body .show\@sp h3{
  font-size:24px !important;
}
[data-element-id] .kpm-campaign::before,[data-element-id] main article h4::after{
  content: none !important;
}

.case-detail .case-menu .c-btn {
    margin: 0 auto;
}

.onoff-item span {
    padding-left: 12px;
    margin-left: 5px;
    background: url('/import/tenant_1/162.43.45.192/html/images/common/lm_arrow.webp') no-repeat left center;
}



/* 翻訳 */
.translate-box{
  z-index: 9999;
  position: relative;
}

.language-translation-box {
    font-family: Arial;
    font-size: 20px;
    border-radius: 2px;
    color: #555;
    display: inline-block;
    line-height: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 5px 15px;
    background: #fff;
    overflow: hidden;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 6;
}

.language-options{
  position: relative;
    z-index: 777;
    max-height: 250px;
    overflow-y: auto;
    transform: translateY(-30px);
    opacity: 0;
    cursor: pointer;
    transition: all .8s cubic-bezier(.3,1.1,.4,1.1);
}

.language-options.is-open {
    opacity: 1;
    transform: translateX(0px);
}

.nturl, .current-lang {
    display: flex;
    gap: 10px;
    text-decoration: none;
    padding: 10px 15px;
    color: #444;
    transition: color .4s linear;
    align-items: center;
    cursor: pointer;
}

.nturl {
    font-size: 1.6rem;
}

.nturl:hover {
    background: #6070a0;
    color: #fff;
}
.current-lang {
    color: #333;
    font-weight: bold;
    position: relative;
}

.nturl img ,.current-lang img {
    width: 30px;
    border-radius: 2px;
}

.lang-arrow{
  display: inline-block;
    height: 24px;
    width: 15px;
    vertical-align: middle;
    background-image: url("/upload/tenant_1/direction.webp");
    background-position: 50%;
    background-size: 11px;
    background-repeat: no-repeat;
    transition: all .3s;
    transform: rotate(-180deg);
    margin-left: -5px;
}

.language-options.is-open + .language-selected .lang-arrow{
  transform: rotate(0deg);
}

.page-404 .language-translation-box{
  display: none;
}

@media(max-width:599px){
  .language-translation-box{
    bottom: 60px !important;
  }
}

[data-element-id] .language-translation-box{
  position: relative;
  bottom: auto;
  left: auto;
}

[data-element-id] .language-options{
  display: block !important;
  opacity: 1;
    transform: translateX(0px);
}

[data-element-id] .nturl{
  display: flex !important;
}


.expect-hidden {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.expect-hidden br{
  display:none;
}

.dates_year,.dates_month{
  display: none;
}