@charset "UTF-8";

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




/*
 * Body
 */
body {
}



/*
 * Header
 */
header {
    align-items: center;
    display: flex;
    height: 56px;
    justify-content: center;
    width: 100vw;
}
@media screen and (min-width: 1384px) {
    header {
        height: 72px;
    }
}
header > .logo {
    display: block;
    height: 100%;
}
header > .logo > img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 250px;
}
@media screen and (max-width: 1384px) {
    .hide-lg, .hide-xs, .show-sm {
        display: block!important;
    }
    #fixed-btn--sp.hide-lg {
        display: none!important;
    }
}
@media screen and (max-width: 1384px) {
    #header--pc {
        display: none !important;
    }
}
@media screen and (max-width: 959px) {
    .hide-lg, .hide-xs, .show-sm {
        display: block!important;
    }
    #fixed-btn--sp.hide-lg {
        display: block!important;
    }
}



/*
 * Picture
 */
picture {
    display: block;
}
picture > img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}


/*
 * Display PC or SP
 */
.display-sp {
    display: block;
	position:relative;
}
@media screen and (min-width: 768px) {
    .display-sp {
        display: none;
    }
}
.display-pc {
    display: none;
}
@media screen and (min-width: 768px) {
    .display-pc {
        display: block;
    }
}
.hifu-fv > display-sp {
    width: 100%;
}
@media screen and (max-width: 499px) {
    .hifu-fv > picture > img {
        aspect-ratio: 65/155;
        object-fit: cover;
    }
}

@media screen and (max-width: 499px) {
    .p-r_btn{
	z-index:100;
	position:absolute;
        top: 18rem;
        right: 0.2rem;
        width: 38%;
    }
}
@media screen and (min-width: 768px) {
    .p-r_btn{
	position: absolute;
    top: 45%;
    right: 17rem;
    width: 13%;
    }
}


.color-blue {
    color: #10938D;
}
.note {
    color: #646768;
    font-size: 0.75rem;
    line-height: 1.25;
    margin-top: 1.75rem;
    position: relative;
    text-align: left;
}


/*
 * Cv
 */
 @media screen and (max-width: 499px) {
 .cv-3{

 align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding-bottom:2rem;
 }
  }
 [class^=cv-] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 3rem 1rem 3rem 1rem;
	padding-bottom:2rem;
}
[class^=cv-] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 3rem 1rem 3rem 1rem;
	padding-bottom:2rem;
}

[class^=cv-] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
}


[class^=cv-] > .txt {
    color: #4f4f53;
    font-size: 1.125rem;
    line-height: 1.5;
}
[class^=cv-] > a {
    align-items: center;
    background: linear-gradient(0deg, #D43646, #EA838C);
    border-radius: 3.5rem;
    box-shadow: -1px -1px 5px #c3c3c3, 1px -1px 5px #c3c3c3;
    box-sizing: border-box;
    column-gap: 0.75rem;
    color: #fff;
    display: flex;
    font-size: 1.125rem;
    font-weight: bold;
    justify-content: center;
    line-height: 1.5;
    margin-top: 0.5rem;
    padding: 0.5rem;
    position: relative;
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
    [class^=cv-] > a {
        font-size: 1.25rem;
    }
}
[class^=cv-] > a:hover {
    opacity: 0.86;
}
[class^=cv-] > a::after {
    content: '▶︎';
    transform: translateX(-3px);
    transition: transform 0.3s ease-in-out;
}
[class^=cv-] > a:hover::after {
    content: '▶︎';
    transform: translateX(0);
}
[class^=cv-] > a > .sub {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    color: #D44351;
    display: flex;
    flex-direction: column;
    font-size: 0.9rem;
    line-height: 1.25;
    height: 80px;
    justify-content: center;
    row-gap: 0.125rem;
    width: 80px;
}
[class^=cv-] > a > .sub > .ok {
    font-size: 1.5rem;
    line-height: 1;
}
[class^=cv-] > a > .main {

}




/*
 * Sub Title
 */
.sub-title {
    color: #9C8347;
    font-family: serif;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.75;
    position: relative;
    text-align: center;
}
.sub-title::before {
    border-bottom: 2px solid #9C8347;
    bottom: -5px;
    content: '';
    display: block;
    height: 7px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) rotate(290deg);
    width: 20px;
    z-index: 2; 
}
.sub-title > .under-line {
    display: inline-block;
    padding: 0 0.5rem 0.25rem;
    position: relative;
}
.sub-title > .under-line::before {
    background-color: #9C8347;
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 47%;
    z-index: 1;
}
.sub-title > .under-line::after {
    background-color: #9C8347;
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    width: 48.5%;
    z-index: 1;
}




/*
 * Board Double Lines
 */
.board-double-lines {
    border: 1px solid;
    border-image-source: linear-gradient(320deg, #B08731, #EAD7AD);
    border-image-slice: 1;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin: 1.5rem auto;
    max-width: 700px;
    padding: 1.25rem;
    position: relative;
    width: calc(100% - 3rem);
}
.board-double-lines::before {
    border: 1px solid;
    border-image-source: linear-gradient(320deg, #B08731, #EAD7AD);
    border-image-slice: 1;
    box-sizing: border-box;
    content: '';
    height: calc(100% + 3px);
    left: 3px;
    position: absolute;
    top: 3px;
    width: calc(100% + 3px);
}
.board-double-lines::after {

}
.board-double-lines.blue {
    border-image-source: linear-gradient(320deg, #69D4CF, #98DEDC);
}
.board-double-lines.blue::before {
    border-image-source: linear-gradient(320deg, #69D4CF, #98DEDC);
}
.board-double-lines.hifu {
    border-image-source: linear-gradient(320deg, #69D4CF, #98DEDC);
}
.board-double-lines.hifu::before {
    border-image-source: linear-gradient(320deg, #69D4CF, #98DEDC);
}
.board-double-lines.pico {
    margin-top: 2.5rem;
}
.board-double-lines > .tag {
    background: linear-gradient(320deg, #19AFA6, #16ACA4);
    box-sizing: border-box;
    color: #fff;
    font-family: serif;
    font-size: 0.875rem;
    line-height: 1.5;
    padding: 0.5rem 2rem;
    position: absolute;
    top: -1.25rem;
}
@media screen and (min-width: 768px) {
    .board-double-lines > .tag {
        font-size: 1rem;
    }
}
.board-double-lines > .txt {
    color: #505050;
    font-family: serif;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
.board-double-lines.potenza > .txt > strong {
    color: #12918A;
}
.board-double-lines.pico > .txt {
    color: #9C8346;
    font-size: 2.5rem;
}



/*
 * Table
 */
.table-box {
    margin: 1rem auto;
    max-width: 1200px;
    padding: 0;
    width: calc(100% - 2rem);
}
.table-box > .scroll-table {
    margin: 1rem 0;
    overflow: auto;
    padding: 0;
    width: 100%;
}
.table-box table {
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 1.5;
    margin: 1rem 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.table-box > .scroll-table > table {
    margin: 0;
}
.table-box table tr {

}
.table-box table tr > * {
    border: 1px solid #8CC9D8;
    font-size: 0.5rem;
    line-height: 1.25;
    padding: 0.5rem;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.table-box .potenza tr > * {
    height: 35px;
    padding: 0.25rem 0.5rem;
}
.table-box .hifu tr > * {
    height: 50px;
    padding: 0.25rem 0.5rem;
}
@media screen and (min-width: 500px) {
    .table-box table tr > * {
        font-size: 0.85rem;
    }
    .table-box .potenza tr > * {
        height: 43px;
    }
    .table-box .hifu tr > * {
        height: 60px;
    }
}
.table-box table tr > th {

}
.table-box table tr > td {
    background-color: #fff;
}
.table-box table tr > .none {
    border: none;
}
.table-box table tr > .bg-blue-1 {
    background-color: #2aaba6;
    color: #fff;
    font-family: YakuHanJP,"Noto Sans JP",sans-serif;
}
.table-box table tr > .bg-blue-2 {
    background-color: #C4F2FE;
}
.table-box table tr > .bg-blue-3 {
    background-color: #76dabe;
    color: #fff;
    font-family: YakuHanJP,"Noto Sans JP",sans-serif;
}
.table-box table tr > .bg-gray {
    background-color: #eeeeee;
}
.table-box table tr > .txt-blue-1 {
    color: #209A94;
    font-weight: bold;
}
.table-box table tr > .txt-red-1 {
    color: #CB0012;
}
.table-box table tr > .keep-all {
    text-wrap: nowrap;
    word-break: keep-all;
}
.table-box table tr > .border-t-gold {
    border-top: 3px solid #9B8246;
}
.table-box table tr > .border-r-gold {
    border-right: 3px solid #9B8246;
}
.table-box table tr > .border-b-gold {
    border-bottom: 3px solid #9B8246;
}
.table-box table tr > .border-l-gold {
    border-left: 3px solid #9B8246;
}
.table-box table tr > .circle {
    color: #EB7000;
    font-family: math;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
}
.table-box table tr > .double-circle {
    color: #118033;
    font-family: math;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1;
}
.table-box table tr > .triangle {
    color: #656a6f;
    font-family: math;
    font-size: 1.1rem;
    line-height: 1;
}
.table-box > .note {
    color: #828282;
    font-size: 0.75rem;
    line-height: 1.5;
    text-align: left;
}



/*
 * Price Board
 */
.price-board {
    color: #3C3C3C;
    margin: 3rem auto;
    max-width: 450px;
    width: calc(100% - 4rem);
}
.price-board.t-1 {
    color: #9B8246;
}
.price-board.t-2 {
    color: #118E87;
    margin: 0.5rem auto;
}
.price-board > [class^="content-"] {
    background-color: #F7FBFD;
    box-sizing: border-box;
    padding: 1rem 0.5rem;
    position: relative;
}
.price-board.t-1 > [class^="content-"] {
    background-color: unset;
}
@media screen and (min-width: 768px) {
    .price-board > [class^="content-"] {
        padding: 1.5rem;
    }
}
.price-board.t-2 > [class^="content-"] {
    padding: unset;
}
.price-board > [class^="content-"]::before {
    border: 2px solid;
    border-image-source: linear-gradient(0deg, #B08731, #EAD7AD);
    border-image-slice: 1;
    box-sizing: border-box;
    content: '';
    display: block;
    height: calc(100% + 1rem);
    left: -0.5rem;
    position: absolute;
    top: -0.5rem;
    width: calc(100% + 1rem);
}
.price-board.t-1 > [class^="content-"]::before {
    border: none;
}
.price-board > .content-potenza {
    
}
.price-board > .content-potenza > .heading {
    color: #118E87;
    font-family: serif;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.75;
    text-align: center;
}
.price-board > .content-potenza > .pico-heading {
    color: #118E87;
    font-family: serif;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.75;
    text-align: center;
}
.price-board > .content-potenza > .main {
    align-items: center;
    gap: 0.5rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
@media screen and (min-width: 500px) {
    .price-board > .content-potenza > .main {
        align-items: flex-start;
        justify-content: center;
        flex-direction: row;
    }
}
.price-board > .content-potenza > .main > .prefix {
    align-items: center;
    display: flex;
    flex-direction: column;
}
@media screen and (min-width: 500px) {
    .price-board > .content-potenza > .main > .prefix {
        align-items: flex-end;
    }
}
.price-board > .content-potenza > .main > .prefix > .txt {
    font-size: 1rem;
    line-height: 1.5;
}
.price-board > .content-potenza > .main > .prefix > .txt:last-child {
    font-size: 1.5rem;
    line-height: 1.25;
}
@media screen and (min-width: 768px) {
    .price-board > .content-potenza > .main > .prefix > .txt:last-child {
        font-size: 1.75rem;
    }
}
.price-board.t-2 > .content-potenza > .main > .prefix > .txt:last-child {
    font-size: 1rem;
    line-height: 1.5;
}
.price-board > .content-potenza > .main > .price-bpx {
    display: flex;
    flex-direction: column;
    font-family: serif;
}
.price-board > .content-potenza > .main > .price-bpx > .main {
    align-items: flex-end;
    display: flex;
    gap: 0.25rem;
    font-weight: bold;
}
.price-board > .content-potenza > .main > .price-bpx > .main > .price {
    font-size: 3.5rem;
    line-height: 1;
}
.price-board > .content-potenza > .main > .price-bpx > .main > .jpy {
    font-size: 1.25rem;
}
.price-board > .content-potenza > .main > .price-bpx > .opt {
    display: flex;
    justify-content: flex-end;
}
.price-board > .content-potenza > .main > .price-bpx > .opt > .price {
    font-size: 0.875rem;
    line-height: 1;
}


.price-board > .content-potenza > .main > .price {
    flex-grow: 0;
    font-family: serif;
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    line-height: 1;
    transform: scale(1.15);
}
@media screen and (min-width: 768px) {
    .price-board > .content-potenza > .main > .price {
        font-size: 3.5rem;
    }
}
.price-board > .content-potenza > .main > .postfix {
    align-items: flex-start;
    display: flex;
    flex-basis: 20%;
    flex-direction: column;
}
.price-board > .content-potenza > .main > .postfix > .txt {
    font-size: 0.75rem;
    line-height: 1.5;
}
.price-board > .content-potenza > .main > .postfix > .txt:last-child {
    font-family: serif;
    font-size: 1.75rem;
    line-height: 1.25;
}
.price-board > .content-potenza > .sub {
    font-size: 0.875rem;
    line-height: 1.25;
    margin-top: 1rem;
    text-align: center;
}
.price-board > .note {
    color: #646768;
    font-size: 0.75rem;
    left: 0;
    line-height: 1.25;
    margin-top: 1.75rem;
    position: relative;
    text-align: left;
}
.price-board.t-1 > .note {
    left: unset;
    margin-top: unset;
}
@media screen and (min-width: 768px) {
    .price-board > .note {
        font-size: 0.875rem;
    }
}




/*
 * Case List
 */
.case-list {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: auto;
    max-width: 768px;
    width: 100%;
}
.case-list > .case-item {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.case-list > .case-item > .before-after {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    max-width: 600px;
    position: relative;
    width: 100%;
}
.case-list > .case-item > .before-after::before {
    content: '';
}
.case-list > .case-item > .before-after::after {
    content: '';
}
.case-list > .case-item > .before-after > div {
    flex-basis: 50%;
    position: relative;
}
.case-list > .case-item > .before-after > div::before {
    border-bottom-right-radius: 0.5rem;
    box-sizing: border-box;
    color: #fff;
    content: '';
    display: block;
    font-family: serif;
    font-size: 1.25rem;
    left: 0;
    line-height: 1.5;
    padding: 0.25rem 2rem;
    position: absolute;
    top: 0;
    z-index: 2;
}
.case-list > .case-item > .before-after > .before::before {
    background-color: rgba(0, 0, 0, 0.4);
    content: 'Before';
}
.case-list > .case-item > .before-after > .after::before {
    background-color: rgb(26, 174, 166, 0.7);
    content: 'After';
}
.case-list > .case-item > .before-after > div > picture {
    display: block;
    height: 200px;
    overflow: hidden;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .case-list > .case-item > .before-after > div > picture {
        height: 300px;
    }
}
.case-list > .case-item > .before-after > div > picture > img {
    display: block;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    width: 100%;
}
.case-list > .case-item > .txt {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0.75rem;
}



/*
 * XXXX Section
 */
[class*="-section"] {
    box-sizing: border-box;
    margin: auto;
    overflow: hidden;
    padding: 3rem 0 0 0;
    position: relative;
    width: 100vw;
}
[class*="-section"].bg-blue-gradient {
    background: linear-gradient(125deg, #D3EAE9, #DAF2F2);
}
[class*=-section] > h2 {
    color: #363636;
    font-family: serif;
    font-size: 1.875rem;
    line-height: 1.5;
    margin: 1.5rem auto;
    text-align: center;
}
@media screen and (min-width: 768px) {
    [class*=-section] > h2 {
        font-size: 2.5rem;
    }
}
[class*=-section] > h2.blue {
    color: #10938D;
}
[class*=-section] > h2 > strong {
    
}
[class*=-section] > h2 > strong.blue {
    color: #10938D;
}
[class*=-section] > h2 > strong.underline {
    border-bottom: 1px solid #10938D;
}
[class*=-section] > h3 {
    color: #363636;
    font-family: serif;
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 1.5rem auto;
    text-align: center;
}
@media screen and (min-width: 768px) {
    [class*=-section] > h3 {
        font-size: 2rem;
    }
}




/*
 * Price Section
 */
.price-section {
    background-color: #E0F1F4;
}





/*
 * Recommend Section
 */
.recommend-section {
    background: radial-gradient(ellipse farthest-corner at 60% 40%, #FFFEFA 20%, #E7E0BD), radial-gradient(ellipse farthest-corner at 40% 60%, #FFFEFA 25%, #E7E0BD);
    position: relative;
}
.recommend-section::after {
    background-color: #f3edcd;
    bottom: -1rem;
    content: '';
    display: block;
    height: 2rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) rotate(45deg);
    width: 2rem;
    z-index: -1;
}
.recommend-section > .content {
    margin-bottom: -1rem;
    position: relative;
}
@media screen and (min-width: 768px) {
    .recommend-section > .content {
        margin: auto auto 5rem;
        max-width: 896px;
    }
}
.recommend-section > .content > picture {
    display: block;
    height: 100%;
    width: 85%;
}
@media screen and (min-width: 768px) {
    .recommend-section > .content > picture {
        width: 60%;
    }
}
.recommend-section > .content > picture > img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.recommend-section > .content > .recommend-list {
    background-color: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    padding: 1rem;
    position: relative;
    row-gap: 0.75rem;
    top: -3.5rem;
    width: 90%;
}
@media screen and (min-width: 768px) {
    .recommend-section > .content > .recommend-list {
        bottom: -3rem;
        padding: 2rem;
        position: absolute;
        right: 0;
        top: unset;
        width: 60%;
    }
}
.recommend-section > .content > .recommend-list > .recommend-item {
    align-items: flex-start;
    display: flex;
    font-size: 1rem;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .recommend-section > .content > .recommend-list > .recommend-item {
        font-size: 1.125rem;
    }
}
.recommend-section > .content > .recommend-list > .recommend-item > picture {
    display: block;
    flex-shrink: 0;
    height: 24px;
    margin-right: 0.75rem;
    width: 24px;
}
.recommend-section > .content > .recommend-list > .recommend-item > picture > img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}
.recommend-section > .content > .recommend-list > .recommend-item > .txt {
}
.recommend-section > .content > .recommend-list > .recommend-item > .txt > strong {
    color: #D23A49;
    font-family: serif;
}
.recommend-section > .content > .dot {
    aspect-ratio: unset;
    bottom: 1.5rem;
    display: block;
    height: unset;
    left: 50%;
    margin: auto;
    position: absolute;
    transform: translateX(-50%);
    width: 28px;
}
@media screen and (min-width: 768px) {
    .recommend-section > .content > .dot {
        bottom: -4.5rem;
        left: unset;
        position: relative;
        transform: unset;
    }
}
.recommend-section > .content > .dot > img {
    display: block;
    height: auto;
    object-fit: contain;
    width: 100%;
}
.recommend-section > .txt {
    font-size: 1.5rem;
    line-height: 1.75;
    text-align: center;
}




/*
 * Reason Section
 */
.reason-section {
    background-image: url(/wp-content/themes/twentytwentythree/img/lp/potenza_reason_bg_sp.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (min-width: 768px) {
    .reason-section {
        background-image: url(/wp-content/themes/twentytwentythree/img/lp/potenza_reason_bg_pc.webp);
    }
}
.reason-section.hifu {
    background-image: url(/wp-content/themes/twentytwentythree/img/lp/hifu_reason_bg_sp.webp);
}
@media screen and (min-width: 768px) {
    .reason-section.hifu {
        background-image: url(/wp-content/themes/twentytwentythree/img/lp/hifu_reason_bg_pc.webp);
    }
}
.reason-section > h2 {
}


.reason-list {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    margin: 3rem auto;
    width: calc(100% - 2rem);
}
@media screen and (min-width: 768px) {
    .reason-list {
        max-width: 896px;
    }
}
.reason-list > .item {
    align-items: center;
    background-color: #fff;
    box-shadow: -1px 1px 5px #c3c3c3, 1px 1px 5px #c3c3c3;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 2.5rem 0 1rem;
    position: relative;
}
.reason-list > .item > .number {
    align-items: center;
    background: linear-gradient(90deg, #DFC186, #9B8144);
    box-sizing: border-box;
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
    color: #fff;
    display: flex;
    font-size: 1.125rem;
    height: 40px;
    justify-content: center;
    line-height: 1.5;
    padding: 0 2rem;
    position: absolute;
    top: -20px;
}
.reason-list > .item > .number.bg-blue {
    background: linear-gradient(90deg, #19AFA6, #119089);
}
.reason-list > .item > h3 {
    color: #118E87;
    font-size: 1.75rem;
    line-height: 1.5;
    text-align: center;
}
.reason-list > .item > .content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    margin: 1rem auto;
    width: calc(100% - 2rem);
}
@media screen and (min-width: 768px) {
    .reason-list > .item > .content {
        align-items: flex-start;
        flex-direction: row;
    }
}
.reason-list > .item > .content > picture {
    aspect-ratio: 1.5/1;
    display: block;
    flex: 1 1 45%;
    width: 100%;
}
.reason-list > .item > .content > picture > img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.reason-list > .item > .content > .txt {
    flex: 1 1 55%;
    font-size: 1.0rem;
    line-height: 1.5;
}
.reason-list > .item > .content > .txt > .desc {

}
.reason-list > .item > .content > .txt > .desc > strong {
    color: #D54552;
    font-weight: normal;
}
.reason-list > .item > .content > .txt > .note {
    color: #848484;
    font-size: 0.875rem;
    left: 0;
    line-height: 1.25;
    margin-top: 0.875rem;
    text-align: left;
}
.reason-list > .item > .boxes {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem auto;
    max-width: 600px;
    width: calc(100% - 2rem);
}
@media screen and (min-width: 768px) {
    .reason-list > .item > .boxes {
        flex-direction: row;
        max-width: 820px;
    }
}
.reason-list > .item > .boxes > .box {
    border: 1px solid #3C3C3C;
    box-sizing: border-box;
}
.reason-list > .item > .boxes > .box.bg-blue {
    border: 1px solid #1AAEA6;
}
.reason-list > .item > .boxes > .box > .heading {
    background-color: #3C3C3C;
    box-sizing: border-box;
    color: #fff;
    font-family: serif;
    font-size: 1.125rem;
    line-height: 1.5;
    padding: 0.25rem 1rem;
    text-align: center;
}
.reason-list > .item > .boxes > .box.bg-blue > .heading {
    background-color: #1AAEA6;
}
.reason-list > .item > .boxes > .box > .content {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    padding: 1rem;
    position: relative;
}
.reason-list > .item > .boxes > .box > .content > picture {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}
.reason-list > .item > .boxes > .box > .content > .txt {
    position: relative;
    width: 65%;
}
.reason-list > .item > .boxes > .box > .content > .txt > strong {
    color: #D45461;
    font-weight: normal;
}




/*
 * about-treatment
 */
.about-treatment {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.about-treatment > div {
    border: 1px solid #76BDD0;
    box-sizing: border-box;
    margin: auto;
    max-width: 900px;
    width: calc(100% - 2rem);
}
.about-treatment > div > .heading {
    background-color: #76BDD0;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.5;
    padding: 0.5rem 1rem;
    text-align: center;
}
.about-treatment > div > .content {
    box-sizing: border-box;
    color: #4A4A4A;
    font-size: 1rem;
    line-height: 1.5;
    padding: 1rem;
}





/*
 * QA Section
 */
.qa-section {
    background-color: #DAF2F2;
    box-sizing: border-box;
    margin: auto;
    padding: 3rem 0;
    width: 100vw;
}
.qa-section > h2 {

}
.qa-section > .qa-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 3rem auto;
    max-width: 896px;
    width: calc(100% - 2rem);
}
.qa-section > .qa-list > .qa-item {
    background-color: #fff;
    box-shadow: -1px 1px 5px #d5d5d5, 1px 1px 5px #d5d5d5;
    box-sizing: border-box;
    max-height: 3.5rem;
    padding: 0 1rem;
    position: relative;
    overflow-y: hidden;
    transition: max-height 0.3s ease-in-out;
}
.qa-section > .qa-list > .qa-item > .q {
    align-items: center;
    box-sizing: border-box;
    column-gap: 0.75rem;
    cursor: pointer;
    display: flex;
    font-size: 1rem;
    line-height: 1.5;
    padding: 1rem 1rem 1rem 0;
}
.qa-section > .qa-list > .qa-item > .q::before {
    color: #24B7AE;
    content: 'Q';
    display: block;
    transform: scale(1.5);
}
.qa-section > .qa-list > .qa-item > .q::after {
    border-bottom: 2px solid #24B7AE;
    border-right: 2px solid #24B7AE;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 10px;
    position: absolute;
    right: 1rem;
    transform: rotate(45deg);
    transition: all 0.3s ease-in-out;
    width: 10px;
}
.qa-section > .qa-list > .qa-item > .q.activated::after {
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: #24B7AE;
    border-left-color: #24B7AE;
}
.qa-section > .qa-list > .qa-item > .a {
    border-top: 1px solid #24B7AE;
    box-sizing: border-box;
    padding: 1rem 0;
}




/*
 * Case Section
 */
.case-section {
    background-image: url(/wp-content/themes/twentytwentythree/img/lp/potenza_case_bg_sp.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (min-width: 768px) {
    .case-section {
        background-image: url(/wp-content/themes/twentytwentythree/img/lp/potenza_case_bg_pc.webp);
    }
}






/*
 * Potenza
 */
.potenza-fv {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100vw;
}
.potenza-fv > picture {
    width: 100vw;
}
@media screen and (min-width: 768px) {
    .potenza-fv > picture {
    }
}
.potenza-fv > picture > img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}
.potenza-fv > .price-board-container {
    position: absolute;
    transform: translateY(-15vw);
}
@media screen and (min-width: 500px) {
    .potenza-fv > .price-board-container {
        position: absolute;
        max-width: 480px;
        transform: translateY(-22vw);
        width: calc(100% - 2rem);
    }
}
@media screen and (min-width: 768px) {
    .potenza-fv > .price-board-container {
        max-width: 700px;
        transform: translateY(-5vw);
    }
}
.potenza-fv > .price-board-container > .price-boards {
    border: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    max-width: 670px;
    width: calc(100% - 2rem);
}
@media screen and (min-width: 500px) {
    .potenza-fv > .price-board-container > .price-boards {
        row-gap: 4rem;
    }
}
@media screen and (min-width: 600px) {
    .potenza-fv > .price-board-container > .price-boards {
        bottom: 8rem;
    }
}
@media screen and (min-width: 700px) {
    .potenza-fv > .price-board-container > .price-boards {
        bottom: 12rem;
    }
}
@media screen and (min-width: 768px) {
    .potenza-fv > .price-board-container > .price-boards {
        bottom: 2vw;
        flex-direction: row;
    }
}
@media screen and (min-width: 900px) {
    .potenza-fv > .price-board-container > .price-boards {
        bottom: 4vw;
    }
}
.potenza-fv > .price-board-container > .price-boards > .board {
    background-color: rgba(247, 251, 253, 0.8);
    box-sizing: border-box;
    flex: 1 1 100%;
    padding: 1rem 3rem;
    position: relative;
    transform: scale(0.75);
}
@media screen and (min-width: 500px) {
    .potenza-fv > .price-board-container > .price-boards > .board {
        transform: scale(1);
    }
}
@media screen and (min-width: 600px) {
    .potenza-fv > .price-board-container > .price-boards > .board {
        transform: scale(1);
    }
}
@media screen and (min-width: 768px) {
    .potenza-fv > .price-board-container > .price-boards > .board {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:first-child {
        transform: translateX(2rem) scale(0.7);
    }
    .potenza-fv > .price-board-container > .price-boards > .board:last-child {
        transform: translateX(-2rem) scale(0.7);
    }
}
@media screen and (min-width: 850px) {
    .potenza-fv > .price-board-container > .price-boards > .board {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:first-child {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:last-child {
        
    }
}
@media screen and (min-width: 900px) {
    .potenza-fv > .price-board-container > .price-boards > .board {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:first-child {
        transform: translateX(1rem) scale(0.8);
    }
    .potenza-fv > .price-board-container > .price-boards > .board:last-child {
        transform: translateX(-1rem) scale(0.8);
    }
}
@media screen and (min-width: 950px) {
    .potenza-fv > .price-board-container > .price-boards > .board {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:first-child {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:last-child {
        
    }
}
@media screen and (min-width: 1000px) {
    .potenza-fv > .price-board-container > .price-boards > .board {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:first-child {
        transform: translateX(0) scale(0.85);
    }
    .potenza-fv > .price-board-container > .price-boards > .board:last-child {
        transform: translateX(0) scale(0.85);
    }
}
@media screen and (min-width: 1050px) {
    .potenza-fv > .price-board-container > .price-boards > .board {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:first-child {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:last-child {
        
    }
}
@media screen and (min-width: 1100px) {
    .potenza-fv > .price-board-container > .price-boards > .board {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:first-child {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:last-child {
        
    }
}
@media screen and (min-width: 1150px) {
    .potenza-fv > .price-board-container > .price-boards > .board {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:first-child {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:last-child {
        
    }
}
@media screen and (min-width: 1200px) {
    .potenza-fv > .price-board-container > .price-boards > .board {
        
    }
    .potenza-fv > .price-board-container > .price-boards > .board:first-child {
        transform: translateX(0rem) scale(0.9);
    }
    .potenza-fv > .price-board-container > .price-boards > .board:last-child {
        transform: translateX(0rem) scale(0.9);
    }
}
.potenza-fv > .price-board-container > .price-boards > .board::before {
    border: 2px solid;
    border-image-source: linear-gradient(0deg, #B08731, #EAD7AD);
    border-image-slice: 1;
    box-sizing: border-box;
    content: '';
    display: block;
    height: calc(100% + 1rem);
    left: -0.5rem;
    position: absolute;
    top: -0.5rem;
    width: calc(100% + 1rem);
}
.potenza-fv > .price-board-container > .price-boards > .board > .heading {
    color: #118E87;
    font-family: serif;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.75;
    text-align: center;
}
.potenza-fv > .price-board-container > .price-boards > .board > .main {
    color: #9C8346;
    gap: 0.5rem;
    display: flex;
    justify-content: center;
}
.potenza-fv > .price-board-container > .price-boards > .board > .main > .prefix {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
.potenza-fv > .price-board-container > .price-boards > .board > .main > .prefix > .txt {
    font-size: 1rem;
    line-height: 1.5;
}
.potenza-fv > .price-board-container > .price-boards > .board > .main > .price-bpx {
    display: flex;
    flex-direction: column;
    font-family: serif;
}
.potenza-fv > .price-board-container > .price-boards > .board > .main > .price-bpx > .main {
    align-items: flex-end;
    display: flex;
    gap: 0.25rem;
    font-weight: bold;
}
.potenza-fv > .price-board-container > .price-boards > .board > .main > .price-bpx > .main > .price {
    font-size: 3.5rem;
    line-height: 1;
}
.potenza-fv > .price-board-container > .price-boards > .board > .main > .price-bpx > .main > .jpy {
    font-size: 1.25rem;
}
.potenza-fv > .price-board-container > .price-boards > .board > .main > .price-bpx > .opt {
    display: flex;
    justify-content: flex-end;
}
.potenza-fv > .price-board-container > .price-boards > .board > .main > .price-bpx > .opt > .price {
    font-size: 0.875rem;
    line-height: 1;
}
.potenza-fv > .price-board-container > .price-boards > .board > .sub {
    font-size: 0.75rem;
    line-height: 1.25;
    margin-top: 1rem;
}
.potenza-fv > .price-board-container > .note {
    font-size: 0.7rem;
    line-height: 1.25;
    margin: 0 auto auto auto;
    width: calc(100% - 2rem);
}
@media screen and (min-width: 500px) {
    .potenza-fv > .price-board-container > .note {
        font-size: 0.8rem;
        margin: 2rem auto auto auto;
    }
}
@media screen and (min-width: 768px) {
    .potenza-fv > .price-board-container > .note {
        margin: 0 auto auto auto;
    }
}
@media screen and (min-width: 950px) {
    .potenza-fv > .price-board-container > .note {
        font-size: 0.8rem;
        margin-top: 1rem;
    }
}
.potenza-hr {
    width: 100vw;
}
.potenza-hr::before {
    content: '';
}
.potenza-hr > picture {
    width: 100vw;
}
.potenza-hr > picture > img {
    display: block;
    height: auto;
    object-fit: contain;
    width: 100%;
}
.potenza-heading-t1 {
    background: linear-gradient(125deg, #DFC186, #9B8144);
    box-sizing: border-box;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.5;
    margin: auto;
    max-width: 400px;
    padding: 0.5rem 0.75rem;
    text-align: center;
    width: calc(100% - 2rem);
}
@media screen and (min-width: 768px) {
    .potenza-heading-t1 {
        font-size: 1rem;
    }
}

.about-potenza {
    box-sizing: border-box;
    margin: 3rem auto;
    max-width: 768px;
    overflow: hidden;
    padding-bottom: 3rem;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .about-potenza {
        padding-bottom: 5rem;
    }
}
@media screen and (min-width: 896px) {
    .about-potenza {
        overflow: unset;
    }
}
.about-potenza > .sub-heading {
    background: linear-gradient(90deg, #19A79E, #2FBAB4 70%, #fff);
    box-sizing: border-box;
    color: #fff;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 1rem;
    padding: 1rem 1.5rem;
    width: 80%;
}
.about-potenza > .heading {
    font-family: serif;
    font-size: 2rem;
    line-height: 1.75;
    margin-left: 1rem;
    text-align: center;
    width: calc(80% - 1rem);
}
.about-potenza > .heading > strong {
    border-top: 1px solid #9ACEDD;
    color: #9C8346;
    font-size: 3rem;
    line-height: 1.5;
    display: block;
    text-align: center;
}
.about-potenza > .txt {
    font-size: 1rem;
    line-height: 1.5;
    margin-left: 1rem;
    width: calc(80% - 1rem);
}
.about-potenza > .txt > strong {
    color: #DD6872;
    font-weight: normal;
}
.about-potenza > picture {
    bottom: -2rem;
    display: block;
    height: 95%;
    max-width: 180px;
    right: 0;
    position: absolute;
    transform: translateX(30%);
}
@media screen and (min-width: 768px) {
    .about-potenza > picture {
        bottom: 2rem;
        transform: translateX(0%) scale(1.3);
    }
}
.about-potenza > picture > img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.potenza-feature-section {
    margin-top: -8rem;
    overflow: hidden;
    padding: 5rem 0 0;
    position: relative;
    z-index: 2;
}
@media screen and (min-width: 768px) {
    .potenza-feature-section {
        padding-top: 10rem;
    }
}
@media screen and (min-width: 1200px) {
    .potenza-feature-section {
    }
}
.potenza-feature-section::before {
    background-image: url(/wp-content/themes/twentytwentythree/img/lp/potenza_feature_bg_sp.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    height: 14rem;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1;
}
@media screen and (min-width: 768px) {
    .potenza-feature-section::before {
        background-image: url(/wp-content/themes/twentytwentythree/img/lp/potenza_feature_bg_pc.webp);
        height: 20rem;;
    }
}
@media screen and (min-width: 1200px) {
    .potenza-feature-section::before {
    }
}
.feature-potenza {
    
}
.feature-potenza::before {
   content: '';
}
.feature-potenza > .heading {
    background-color: #fff;
    border: 1px solid #9C8347;
    box-sizing: border-box;
    margin: 1rem auto;
    max-width: 1000px;
    padding: 1rem;
    text-align: center;
    width: calc(100% - 2rem);
}
.feature-potenza > .heading > .sub {
    align-items: center;
    column-gap: 0.25rem;
    display: flex;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.5;
    justify-content: center;
    position: relative;
}
.feature-potenza > .heading > .sub::before {
    background-color: #000;
    content: '';
    display: block;
    height: 1px;
    width: 1.5rem;
}
.feature-potenza > .heading > .sub::after {
    background-color: #000;
    content: '';
    display: block;
    height: 1px;
    width: 1.5rem;
}
.feature-potenza > .heading > .main {
    color: #9C8347;
    font-family: serif;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0.5rem;
}
.feature-potenza > .desc {
    font-size: 1rem;
    line-height: 1.5;
    margin: 1.5rem auto;
    text-align: center;
    width: 80%;
}
.feature-potenza > .step-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 1rem auto;
    max-width: 350px;
    width: calc(100% - 2rem);
}
@media screen and (min-width: 768px) {
    .feature-potenza > .step-list {
        align-items: flex-start;
        flex-direction: row;
        gap: 1rem;
        max-width: 1000px;
    }
}
.feature-potenza > .step-list > .step-item {
    display: flex;
    column-gap: 1rem;
    flex: 1 1 100%;
}
.feature-potenza > .step-list > .step-item > .sp {
    display: block;
    flex: 0 0 100px;
}
@media screen and (min-width: 768px) {
    .feature-potenza > .step-list > .step-item > .sp {
        display: none;
    }
}
.feature-potenza > .step-list > .step-item > .sp > img {
    display: block;
    height: auto;
    object-fit: contain;
    width: 100%;
}
.feature-potenza > .step-list > .step-item > .content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}
.feature-potenza > .step-list > .step-item > .content > .step {
    align-items: center;
    background-color: #118E87;
    border: 1px solid #118E87;
    box-sizing: border-box;
    clip-path: polygon(30% 0, 70% 0, 80% 48%, 100% 48%, 100% 50%, 100% 52%, 80% 52%, 70% 100%, 30% 100%, 20% 48%, 0 48%, 0 50%, 0 52%, 20% 52%);
    color: #118E87;
    display: flex;
    font-family: serif;
    font-size: 1.5rem;
    justify-content: center;
    line-height: 1.25;
    margin: auto;
    padding: 0.25rem 0.5rem;
    position: relative;
    text-align: center;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .feature-potenza > .step-list > .step-item > .content > .step {
        font-size: 1rem;
    }
}
.feature-potenza > .step-list > .step-item > .content > .step::before {
    background-color: #fff;
    clip-path: polygon(30% 0, 70% 0, 80% 50%, 70% 100%, 30% 100%, 20% 50%);
    content: '';
    height: calc(100% - 2px);
    position: absolute;
    width: calc(100% - 7px);
    z-index: -1;
}
.feature-potenza > .step-list > .step-item > .content > .pc {
    display: none;
}
@media screen and (min-width: 768px) {
    .feature-potenza > .step-list > .step-item > .content > .pc {
        aspect-ratio: 1 / 1;
        display: block;
        flex: 0 0 120px;
        height: 120px;
    }
}
.feature-potenza > .step-list > .step-item > .content > .pc > img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}
.feature-potenza > .step-list > .step-item > .content > .desc {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 1rem;
}
@media screen and (min-width: 768px) {
    .feature-potenza > .step-list > .step-item > .content > .desc {
        margin-top: unset;
    }
}
.potenza-feature-banner-sp {
    display: block;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .potenza-feature-banner-sp {
        display: none;
    }
}
.potenza-feature-banner-sp > img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}
.potenza-feature-banner-pc {
    display: none;
}
@media screen and (min-width: 768px) {
    .potenza-feature-banner-pc {
        display: block;
        width: 100%;
    }
}
.potenza-feature-banner-pc > img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}
.potenza-banner-2 {
    
    width: 100xw;
}
.potenza-banner-2 > img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}




/*
 * HIFU
 */
.hifu-pros {
    margin: auto;
    max-width: 1000px;
    width: calc(100% - 2rem);
}
.hifu-pros > .top {
    box-sizing: border-box;
    padding-bottom: 5rem;
    position: relative;
}
@media screen and (min-width: 768px) {
    .hifu-pros > .top {
        padding-bottom: 10rem;
    }
}
.hifu-pros > .top::before {
    background-image: url(/wp-content/themes/twentytwentythree/img/lp/hifu_pros_arrow.webp);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    content: '';
    height: 10vw;
    position: absolute;
    width: 100%;
}
.hifu-pros > .top > .inner {
    box-sizing: border-box;
}
.hifu-pros > .top > .inner > picture {
    width: 100%;
}
.hifu-pros > .top > .inner > picture > img {

}
.hifu-pros > .top > .inner > .flex {
    column-gap: 1rem;
    display: flex;
    justify-content: center;
}
.hifu-pros > .top > .inner > .flex > .item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
    width: calc(50% - 0.5rem);
}
@media screen and (min-width: 768px) {
    .hifu-pros > .top > .inner > .flex > .item {
        align-items: center;
        flex-direction: row;
    }
}
.hifu-pros > .top > .inner > .flex > .item > picture {
    aspect-ratio: 1 / 1;
    flex: 0 0 50%;
    max-height: 250px;
}
.hifu-pros > .top > .inner > .flex > .item > .txt {
    line-height: 2;
    text-align: center;
}
.hifu-pros > .top > .inner > .flex > .item > .txt > .outlined {
    border: 1px solid;
    box-sizing: border-box;
    margin: 0 0.125rem;
    padding: 0.25rem;
}
.hifu-pros > .bottom {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    margin: 1rem auto;
}
@media screen and (min-width: 768px) {
    .hifu-pros > .bottom {
        flex-direction: row;
    }
}
.hifu-pros > .bottom > .item > .heading {
    box-sizing: border-box;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 0.75rem;
    position: relative;
    text-align: center;
}
.hifu-pros > .bottom > .item:first-child > .heading {
    background-color: #1AAEA6;
}
.hifu-pros > .bottom > .item:last-child > .heading {
    background-color: #76BDD0;
}
.hifu-pros > .bottom > .item > .heading::before {
    background-color: inherit;
    bottom: -10px;
    content: '';
    height: 24px;
    position: absolute;
    transform: rotate(45deg);
    width: 24px;
}
.hifu-pros > .bottom > .item > .txt {
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.5;
    padding: 1.75rem 1rem 1rem;
}
.hifu-pros > .bottom > .item:first-child > .txt {
    background-color: #DBF2F3;
}
.hifu-pros > .bottom > .item:last-child > .txt {
    background-color: #E2EBF6;
}
.hifu-pros > .bottom > .item > .txt > strong {
    color: #D4414F;
    font-weight: normal;
}

.hifu-about {
    overflow: hidden;
    position: relative;
}
.hifu-about.ultrazi {

}
.hifu-about.super-hifu {

}
.hifu-about > .heading {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    min-height: 350px;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    width: 95%;
    z-index: 2;
}
.hifu-about.ultrazi > .heading {
    background: linear-gradient(90deg, rgb(150, 222, 219) 10%, rgb(22, 156, 148)  30%, rgb(22, 156, 148));
    justify-content: flex-end;
    margin-left: auto;
}
@media screen and (min-width: 1000px) {
    .hifu-about.ultrazi > .heading {
        justify-content: center;
        width: unset;
    }
}
.hifu-about.super-hifu > .heading {
    background: linear-gradient(90deg, #468EA4, #83B3C0);
    margin-right: auto;
}
.hifu-about > .heading::before {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    height: calc(100% + 5rem);
    left: -90px;
    position: absolute;
    top: 0rem;
    transform: scale(1.5);
    width: 100%;
    z-index: -1;
    filter: opacity(0.5);
}
.hifu-about.ultrazi > .heading::before {
    background-image: url(/wp-content/themes/twentytwentythree/img/lp/hifu_ultrazi_machine.webp);
}
@media screen and (min-width: 1000px) {
    .hifu-about.ultrazi > .heading::before {
        height: calc(100% + 15rem);
        left: -160px;
        top: -10rem;
        transform: scale(0.8);
    }
}
.hifu-about.super-hifu > .heading::before {
    background-image: url(/wp-content/themes/twentytwentythree/img/lp/hifu_super_hifu_machine.webp);
}
.hifu-about > .heading > picture {

}
.hifu-about > .heading > h2 {
    color: #fff;
    font-family: serif;
    font-size: 1.25rem;
    line-height: 1.5;
    position: absolute;
    text-align: right;
}
@media screen and (min-width: 1000px) {
    .hifu-about > .heading > h2 {
        transform: translateX(30%);
    }
}
.hifu-about > .heading > h2 > .outlined {
    border: 1px solid;
    box-sizing: border-box;
    display: block;
    padding: 0.5rem;
    text-align: center;
}
.hifu-about > .heading > h2 > strong {
    font-size: 2.5rem;
    line-height: 2;
}
.hifu-about > .content {
    background-color: #E1F2F6;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 12rem 1rem 3rem;
    position: relative;
    top: -10rem;
    width: 95%;
    z-index: 1;
}
@media screen and (min-width: 1000px) {
    .hifu-about > .content {
        flex-direction: row;
        gap: 1rem;
        justify-content: center;
        padding-left: 20%;
        padding-right: 20%;
    }
}
.hifu-about.ultrazi > .content {
    margin-right: auto;
}
.hifu-about.super-hifu > .content {
    margin-left: auto;
}
.hifu-about > .machine {
    display: block;
    max-width: 400px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.hifu-about.ultrazi > .machine {
    height: 375px;
    right: -7rem;
    transform: translateY(-15%);
}
.hifu-about.super-hifu > .machine {
    height: 375px;
    left: -8rem;
    transform: translateY(-15%);
}
@media screen and (min-width: 500px) {
    .hifu-about.ultrazi > .machine {
        transform: translate(-10%, -15%);
    }
    .hifu-about.super-hifu > .machine {
        transform: translate(20%, -15%);
    }
}
@media screen and (min-width: 768px) {
    .hifu-about.ultrazi > .machine {
        height: 500px;
        transform: translate(-5%, -20%);
    }
    .hifu-about.super-hifu > .machine {
        height: 500px;
        transform: translate(20%, -20%);
    }
}
@media screen and (min-width: 1000px) {
    .hifu-about.ultrazi > .machine {
        transform: translate(100%, -20%);
        right: 30%;
    }
    .hifu-about.super-hifu > .machine {
        transform: translate(-80%, -20%);
        left: 30%;
    }
}
.hifu-about > .content > .machine > img {

}
.hifu-about.super-hifu > .content > .inner {
    margin-left: auto;
    width: 70%;
}
@media screen and (min-width: 1000px) {
    .hifu-about > .content > .inner {
        flex: 0 1 40%;
    }
}
.hifu-about > .content > .inner > h3 {
    border-bottom: 1px solid #00B4AD;
    box-sizing: border-box;
    color: #3C3C3C;
    font-family: serif;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.5;
    padding-bottom: 0.25rem;
    width: 63%;
}
@media screen and (min-width: 1000px) {
    .hifu-about > .content > .inner > h3 {
        width: unset;
    }
}
.hifu-about.super-hifu > .content > .inner > h3 {
    width: unset;
}
.hifu-about > .content > .inner > .txt {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 1rem;
    width: 60%;
}
@media screen and (min-width: 1000px) {
    .hifu-about > .content > .inner > .txt {
        width: unset;
    }
}
.hifu-about.super-hifu > .content > .inner > .txt {
    width: unset;
}
.hifu-about > .content > .inner > .outline-txt {
    border: 1px solid #00B4AD;
    box-sizing: border-box;
    color: #00B4AD;
    font-size: 1rem;
    line-height: 1.5;
    margin: 1.5rem 0;
    padding: 1rem;
    width: 75%;
}
@media screen and (min-width: 1000px) {
    .hifu-about > .content > .inner > .outline-txt {
        width: unset;
    }
}
.hifu-about.super-hifu > .content > .inner > .outline-txt {
    width: unset;
}
.hifu-about > .content > .flex {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin: auto;
    max-width: 570px;
}
@media screen and (min-width: 1000px) {
    .hifu-about > .content > .flex {
        flex: 0 1 300px;
        margin: unset;
    }
}
.hifu-about > .content > .flex > .item {
    flex: 0 1 180px;
}
.hifu-about > .content > .flex > .item > picture {
    
}
.hifu-about > .content > .flex > .item > picture > img {

}
.hifu-about > .content > .flex > .item > .txt {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0.75rem;
}
.hifu-about > .content > .flex > .item > .txt > strong {
    color: #D54856;
    font-weight: normal;
}

.hifu-point {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
    width: calc(100% - 2rem);
}
.hifu-point::before {
    background-image: url(/wp-content/themes/twentytwentythree/img/lp/hifu_point_bg.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 250px;
    left: -5rem;
    position: absolute;
    top: -1rem;
    width: 300px;
    z-index: -1;
}
.hifu-point > .tag {
    background-color: #1AAEA6;
    box-sizing: border-box;
    color: #fff;
    font-family: serif;
    font-size: 1.125rem;
    line-height: 1.5;
    padding: 0.25rem 1rem;
    text-align: center;
    width: 100%;
}
.hifu-point > .sub {
    box-sizing: border-box;
    font-family: serif;
    font-size: 1.25rem;
    line-height: 1.5;
    padding: 1rem;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .hifu-point > .sub {
        font-size: 1.5rem;
    }
}
.hifu-point > .main {
    border-bottom: 1px solid #1AAEA6;
    box-sizing: border-box;
    color: #1AAEA6;
    font-family: serif;
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1.75;
}
@media screen and (min-width: 768px) {
    .hifu-point > .main {
        font-size: 2rem;
    }
}
.hifu-point > .note {
    color: #A0A0A0;
    font-size: 0.75rem;
    line-height: 1.25;
    margin-top: 1rem;
    width: 100%;
}

.hifu-hybrid-hifu {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    left: 50%;
    margin: 1rem auto;
    max-width: 400px;
    padding: 0.5rem;
    position: absolute;
    top: 2rem;
    transform: translateX(-50%) scale(0.85);
    width: calc(100% - 2rem);
}
@media screen and (min-width: 500px) {
    .hifu-hybrid-hifu {
        top: 5rem;
        transform: translateX(-50%) scale(1.1);
    }
}
@media screen and (min-width: 520px) {
    .hifu-hybrid-hifu {
        top: 6rem;
        transform: translateX(-50%) scale(1.15);
    }
}
@media screen and (min-width: 540px) {
    .hifu-hybrid-hifu {
        top: 7rem;
        transform: translateX(-50%) scale(1.15);
    }
}
@media screen and (min-width: 570px) {
    .hifu-hybrid-hifu {
        top: 8rem;
        transform: translateX(-50%) scale(1.25);
    }
}
@media screen and (min-width: 600px) {
    .hifu-hybrid-hifu {
        top: 11rem;
        transform: translateX(-50%) scale(1.35);
    }
}
@media screen and (min-width: 650px) {
    .hifu-hybrid-hifu {
        top: 12rem;
        transform: translateX(-50%) scale(1.5);
    }
}
@media screen and (min-width: 768px) {
    .hifu-hybrid-hifu {
        gap: 1rem;
        max-width: 800px;
        top: 3rem;
        transform: translateX(-50%) translateY(-25%) scale(0.5);
    }
}
@media screen and (min-width: 1024px) {
    .hifu-hybrid-hifu {
        transform: translateX(-50%) translateY(-15%) scale(0.7);
    }
}
.hifu-hybrid-hifu::before {
    border: 1px solid #B3A076;
    box-sizing: border-box;
    content: '';
    height: calc(100% - 6px);
    left: 3px;
    position: absolute;
    top: 3px;
    width: calc(100% - 6px);
}
.hifu-hybrid-hifu > picture {
   flex: 0 1 50%;
}
.hifu-hybrid-hifu > picture {
    object-fit: contain;
}
@media screen and (min-width: 768px) {
    .hifu-hybrid-hifu > div {
        flex: 0 1 50%;
    }
}
.hifu-hybrid-hifu > div > h2 {
    color: #3C3C3C;
    font-family: serif;
    font-size: 1.75rem;
    line-height: 1.5;
    text-align: center;
}
.hifu-hybrid-hifu > div > picture {
    margin: 0.5rem auto;
}
.hifu-hybrid-hifu > div > .price-box {
    align-items: center;
    display: flex;
    margin: 1rem auto 0.25rem;
}
@media screen and (min-width: 768px) {
    .hifu-hybrid-hifu > div > .price-box {
        flex-direction: column;
    }
}
.hifu-hybrid-hifu > div > .price-box > .desc {
    align-items: center;
    color: #494949;
    display: flex;
    flex: 0 1 40%;
    flex-direction: column;
    font-size: 0.75rem;
    gap: 0.125rem;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .hifu-hybrid-hifu > div > .price-box > .desc {
        flex-direction: row;
        font-size: 0.875rem;
    }
}
.hifu-hybrid-hifu > div > .price-box > .desc > .part {

}
.hifu-hybrid-hifu > div > .price-box > .desc > .num {

}
.hifu-hybrid-hifu > div > .price-box > .desc > .method {
    border: 1px solid;
    box-sizing: border-box;
    padding: 0rem 1rem;
}
.hifu-hybrid-hifu > div > .price-box > .price {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}
.hifu-hybrid-hifu > div > .price-box > .price > .int {
    color: #D4414E;
    font-family: serif;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
    transform: scaleY(1.15);
}
@media screen and (min-width: 768px) {
    .hifu-hybrid-hifu > div > .price-box > .price > .int {
        font-size: 3.5rem;
    }
}
.hifu-hybrid-hifu > div > .price-box > .price > .int > .jpy {
    font-size: 1.5rem;
    font-weight: normal;
}
.hifu-hybrid-hifu > div > .price-box > .price > .postfix {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.hifu-hybrid-hifu > div > .price-box > .price > .postfix > .opt {
    color: #5E5E5E;
    font-size: 0.875rem;
    line-height: 1.5;
    text-wrap: nowrap;
}
.hifu-hybrid-hifu > div > .price-box > .price > .postfix > .jpy {
    color: #D4414E;
    font-family: serif;
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .hifu-hybrid-hifu > div > .price-box > .price > .postfix > .jpy {
        font-size: 2rem;
    }
}
.hifu-hybrid-hifu > div > .note {
    color: #7F7F7F;
    display: flex;
    font-size: 0.75rem;
    line-height: 1.25;
    margin: auto 1rem auto auto;
    justify-content: flex-end;
}

.fv-price-box {
    bottom: 0;
    margin: 1rem auto;
    max-width: 550px;
    
    width: calc(100% - 2rem);
}
.fv-price-box_hi {
    bottom: 0;
    margin: 1rem auto;
    max-width: 550px;
    position: absolute;
    width: calc(100% - 2rem);
}
.fv-price-box_hi {
    margin: -2rem auto;
    width: calc(100% - 2rem);
}
.fv-price-box {
    margin: 1rem auto;
    width: calc(100% - 2rem);
}

.fv-price-box.pico {
    transform: translateY(0);
}
.fv-price-box.mhr {
    bottom: 1rem;
    left: 50%;
    margin: auto;
    transform: translate(-50%, 0);
    width: 100%;
}
@media screen and (min-width: 500px) {
    .fv-price-box {
        transform: translateY(2rem) scale(0.85);
    }
    .fv-price-box.pico {
        transform: translateY(-5rem);
    }
    .fv-price-box.mhr {
        bottom: 2rem;
    }
}
@media screen and (min-width: 768px) {
    .fv-price-box {
        max-width: 500px;
        transform: translate(-10rem, 5rem) scale(0.5);
    }
    .fv-price-box.pico {
        transform: translate(-9rem, 6.4rem) scale(0.5);
    }
    .fv-price-box.mhr {
        bottom: 0;
        transform: translate(-30%, -10%);
    }
}
@media screen and (min-width: 850px) {
    .fv-price-box {
        transform: translate(-10.5rem, 4rem) scale(0.5);
    }
    .fv-price-box.pico {
        transform: translate(-10rem, 6rem) scale(0.55);
    }
}
@media screen and (min-width: 900px) {
    .fv-price-box {
        transform: translate(-11.5rem, 3.5rem) scale(0.55);
    }
    .fv-price-box.pico {
        transform: translate(-11rem, 5.5rem) scale(0.6);
    }
    .fv-price-box.mhr {
        transform: translate(-30%, -15%);
    }
}
@media screen and (min-width: 950px) {
    .fv-price-box {
        transform: translate(-12.5rem, 3.5rem) scale(0.6);
    }
}
@media screen and (min-width: 1024px) {
    .fv-price-box {
        transform: translate(-13rem, 3rem) scale(0.65);
    }
    .fv-price-box.pico {
        transform: translate(-12.5rem, 4.5rem) scale(0.65);
    }
}
@media screen and (min-width: 1100px) {
    .fv-price-box {
        transform: translate(-14rem, 2.5rem) scale(0.7);
    }
    .fv-price-box.pico {
        transform: translate(-13rem, 4rem) scale(0.7);
    }
}
@media screen and (min-width: 1200px) {
    .fv-price-box {
        transform: translate(-15rem, 2rem) scale(0.75);
    }
    .fv-price-box.pico {
        transform: translate(-14rem, 4rem) scale(0.75);
    }
}
@media screen and (min-width: 1250px) {
    .fv-price-box {
        transform: translate(-15rem, 1rem) scale(0.75);
    }
    .fv-price-box.pico {
        transform: translate(-14rem, 3.5rem) scale(0.75);
    }
}
@media screen and (min-width: 1300px) {
    .fv-price-box {
        transform: translate(-16rem, 1rem) scale(0.8);
    }
    .fv-price-box.pico {
        transform: translate(-15rem, 3.5rem) scale(0.8);
    }
}
@media screen and (min-width: 1400px) {
    .fv-price-box {
        transform: translate(-18rem, 0rem) scale(0.9);
    }
    .fv-price-box.pico {
        transform: translate(-16rem, 2.5rem) scale(0.9);
    }
}
@media screen and (min-width: 1500px) {
    .fv-price-box {
        transform: translate(-18.5rem, 0rem) scale(0.9);
    }
    .fv-price-box.pico {
        transform: translate(-17rem, 2rem) scale(0.9);
    }
}
.fv-price-box > .inner {
    background-color: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    padding: 1rem;
    position: relative;
    width: 100%;
}
.fv-price-box.mhr > .inner {
    background-color: unset;
    display: flex;
    justify-content: center;
    padding: unset;
}
@media screen and (min-width: 768px) {
    
}

.fv-price-box_hi > .inner::before {
    border: 1px solid;
    border-image-source: linear-gradient(320deg, #B08731, #EAD7AD);
    border-image-slice: 1;
    box-sizing: border-box;
    content: '';
    height: calc(100% + 10px);
    left: -5px;
    position: absolute;
    top: -5px;
    width: calc(100% + 10px);
}
.fv-price-box > .inner::before {
    border: 1px solid;
    border-image-source: linear-gradient(320deg, #B08731, #EAD7AD);
    border-image-slice: 1;
    box-sizing: border-box;
    content: '';
    height: calc(100% + 10px);
    left: -5px;
    position: absolute;
    top: -5px;
    width: calc(100% + 10px);
}
.fv-price-box.mhr > .inner::before {
    border: none;
}
.fv-price-box  > .inner > .parts {
    display: flex;
    gap: 0.25rem;
}
.fv-price-box  > .inner > .parts > p {
    background: linear-gradient(90deg, #EAC981, #A08028);
    box-sizing: border-box;
    color: #fff;
    flex: 1 0 auto;
    font-size: 0.6rem;
    line-height: 1.5;
    padding: 0.25rem 0.5rem;
    text-align: center;
}
.fv-price-box  > .inner > .txt {
    border-bottom: 1px solid;
    box-sizing: border-box;
    color: #AD8A2A;
    font-family: serif;
    font-size: 1.5rem;
    letter-spacing: 3px;
    line-height: 1.5;
    margin-top: 1rem;
    text-align: center;
}
.fv-price-box  > .inner > picture {
    left: 0;
    position: absolute;
    top: 5%;
    width: 40%;
}
@media screen and (min-width: 500px) {
    .fv-price-box  > .inner > picture {
        top: -5%;
    }
}
@media screen and (min-width: 550px) {
    .fv-price-box  > .inner > picture {
        top: -15%;
    }
}
@media screen and (min-width: 768px) {
    .fv-price-box  > .inner > picture {
        top: 0;
    }
}
.fv-price-box  > .inner > .txt.pico {
    color: #6B6B6B;
    font-size: 1rem;
    margin-left: auto;
    width: 65%;
}
.fv-price-box  > .inner > .txt.pico > strong {
    color: #AD8A2A;
    font-size: 2rem;
}
.fv-price-box  > .inner> .price-box {
    display: flex;
    margin: 1rem auto 0.25rem;
    justify-content: center;
}
.fv-price-box.pico  > .inner> .price-box {
    justify-content: center;
}
@media screen and (min-width: 768px) {
    .fv-price-box  > .inner> .price-box {
        flex-direction: row;
    }
    .fv-price-box.pico  > .inner> .price-box {
        flex-direction: row;
    }
    .fv-price-box.mhr  > .inner> .price-box {
        flex-direction: row;
    }
}
.fv-price-box.mhr  > .inner> .price-box {
    gap: 0.5rem;
}
.fv-price-box  > .inner> .price-box > .desc {
    align-items: center;
    color: #494949;
    display: flex;
    flex-direction: column;
    font-size: 0.75rem;
    gap: 0.125rem;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .fv-price-box  > .inner> .price-box > .desc {
        flex-direction: column;
        font-size: 0.875rem;
    }
}
.fv-price-box.pico > .inner> .price-box > .desc {
     flex: unset;
     flex-direction: column;
}
.fv-price-box  > .inner> .price-box > .mhr-desc {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0.5rem;
    position: relative;
}
@media screen and (min-width: 768px) {
    .fv-price-box  > .inner> .price-box > .mhr-desc {
        background-color: rgba(255, 255, 255, 0.3);
        font-size: 0.675rem;
    }
}
@media screen and (min-width: 1200px) {
    .fv-price-box  > .inner> .price-box > .mhr-desc {
        font-size: 0.875rem;
    }
}
.fv-price-box  > .inner> .price-box > .mhr-desc::before {
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-top: 1px solid;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    width: 3px;
}
.fv-price-box  > .inner> .price-box > .mhr-desc::after {
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
    content: '';
    height: 100%;
    right: 0;
    position: absolute;
    width: 3px;
}
.fv-price-box  > .inner> .price-box > .mhr-desc > b {
    color: #1CABA6;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.5;
    transform: scaleY(1.25);
}
@media screen and (min-width: 768px) {
    .fv-price-box  > .inner> .price-box > .mhr-desc > b {
        font-size: 0.875rem;
    }
}
@media screen and (min-width: 1200px) {
    .fv-price-box  > .inner> .price-box > .mhr-desc > b {
        font-size: 1.25rem;
    }
}
.fv-price-box  > .inner> .price-box > .mhr-desc > span {
    font-size: 0.625rem;
    line-height: 1.25;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .fv-price-box  > .inner> .price-box > .mhr-desc > span {
        font-size: 0.5rem;
    }
}
@media screen and (min-width: 1200px) {
    .fv-price-box  > .inner> .price-box > .mhr-desc > span {
        font-size: 0.75rem;
    }
}
.fv-price-box  > .inner> .price-box > .desc > .part {

}
.fv-price-box  > .inner> .price-box > .desc > .num {

}
.fv-price-box  > .inner> .price-box > .desc > .method {
    border: 1px solid;
    box-sizing: border-box;
    padding: 0rem 1rem;
}
.fv-price-box  > .inner> .price-box > .desc > .one-time {
    font-size: 1.5rem;
}
.fv-price-box  > .inner > .price-box > .price {
    align-items: center;
    flex-direction: column;
    display: flex;
}
.fv-price-box.pico  > .inner > .price-box > .price {
    flex: unset;
}
.fv-price-box.mhr > .inner > .price-box > .price {

}
.fv-price-box > .inner > .price-box > .price > .int {
    align-items: baseline;
    color: #3C3C3C;
    column-gap: 0.25rem;
    display: flex;
    font-family: serif;
    font-size: 3.15rem;
    font-weight: bold;
    line-height: 1.25;
    transform: scaleY(1.25);
}
@media screen and (min-width: 500px) {
    .fv-price-box.mhr > .inner > .price-box > .price > .int {
        font-size: 4rem;
    }
}
@media screen and (min-width: 768px) {
    .fv-price-box > .inner > .price-box > .price > .int {
        font-size: 3.5rem;
    }
    .fv-price-box.mhr > .inner > .price-box > .price > .int {
        font-size: 1.75rem;
    }
}
@media screen and (min-width: 900px) {
    .fv-price-box.mhr > .inner > .price-box > .price > .int {
        font-size: 2rem;
    }
}
@media screen and (min-width: 1024px) {
    .fv-price-box.mhr > .inner > .price-box > .price > .int {
        font-size: 2.5rem;
    }
}
@media screen and (min-width: 1200px) {
    .fv-price-box.mhr > .inner > .price-box > .price > .int {
        font-size: 3.5rem;
    }
}
.fv-price-box > .inner > .price-box > .price > .postfix {
    align-items: center;
    display: flex;
    flex-direction: column;
}
.fv-price-box > .inner > .price-box > .price > .int > .jpy {
    font-size: 1.5rem;
}
.fv-price-box > .inner > .price-box > .price > .tax {
    font-size: 0.875rem;
    line-height: 1;
    margin-left: auto;
}
@media screen and (min-width: 768px) {
    .fv-price-box > .inner > .price-box > .price > .tax {
        font-size: 0.75rem;
    }
}
.fv-price-box > .inner > .price-box > .price > .postfix > .opt {
    color: #5E5E5E;
    font-size: 0.875rem;
    line-height: 1.5;
    text-wrap: nowrap;
}
@media screen and (min-width: 768px) {
    .fv-price-box.mhr > .inner > .price-box > .price > .postfix > .opt {
        font-size: 0.75rem;
    }
}
.fv-price-box > .inner > .price-box > .price > .postfix > .jpy {
    color: #3C3C3C;
    font-family: serif;
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1;
}
@media screen and (min-width: 768px) {
    .fv-price-box > .inner > .price-box > .price > .postfix > .jpy {
        font-size: 2rem;
    }
    .fv-price-box.mhr > .inner > .price-box > .price > .postfix > .jpy {
        font-size: 1.25rem;
    }
}
@media screen and (min-width: 1200px) {
    .fv-price-box.mhr > .inner > .price-box > .price > .postfix > .jpy {
        font-size: 1.5rem;
    }
}
.fv-price-box > .note {
    color: #393939;
    display: flex-start;
    font-size: 0.8rem;
    line-height: 1.25;
    margin: 1rem auto;
    justify-content: flex-end;
}
@media screen and (min-width: 768px) {
    .fv-price-box > .note {
        font-size: 1rem;
    }
}
.fv-price-box.mhr > .note {
    left: unset;
    width: calc(100% - 2rem);
}
@media screen and (min-width: 768px) {
    .fv-price-box.mhr > .note {
        font-size: 0.675rem;
    }
}
.hifu-hybrid-hifu-bg > img {
    max-height: 1450px;
    object-position: bottom;
}
@media screen and (min-width: 768px) {
    .hifu-hybrid-hifu-bg > img {
    }
}
.hifu-fv {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    position: relative;
}


.about-pico {
    box-sizing: border-box;
    margin: 3rem auto;
    max-width: 768px;
    padding-bottom: 3rem;
    position: relative;
    width: 100%;
}
.about-pico > .heading {
    border-bottom: 1px solid #9ACEDD;
    box-sizing: border-box;
    font-family: serif;
    font-size: 1.5rem;
    line-height: 1.75;
    margin-left: 1rem;
    text-align: center;
    width: calc(70% - 1rem);
    text-wrap: nowrap;
}
.about-pico > .heading > strong {
    color: #393939;
    font-size: 2rem;
    line-height: 1.5;
    text-align: center;
}
.about-pico > .txt {
    font-size: 1rem;
    line-height: 1.5;
    margin-left: 1rem;
    margin-top: 1rem;
    width: calc(70% - 1rem);
}
.about-pico > .txt > strong {
    color: #DD6872;
    font-weight: normal;
}
.about-pico > picture {
    bottom: 0;
    display: block;
    height: 100%;
    max-width: 115px;
    right: 0;
    position: absolute;
}
@media screen and (min-width: 500px) {
    .about-pico > picture {
        transform: translateX(-25%) scale(1.3);
    }
}
@media screen and (min-width: 768px) {
    .about-pico > picture {
        transform: translateX(-100%) scale(1.75);
    }
}
.about-pico > picture > img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.about-pico-2 {
    box-sizing: border-box;
    padding: 7rem 0 0;
    position: relative;
}
.about-pico-2::after {
    background-color: #E2F4F5;
    bottom: -100px;
    clip-path: polygon(0 0, 100% 0, 50% 50%);
    content: '';
    height: 100px;
    position: absolute;
    width: 100%;
}
.about-pico-2 > .pico-hr {
    bottom: 0;
    display: block;
    max-width: unset;
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    transform: unset;
    width: 100%;
    z-index: -1;
}
.about-pico-2 > .pico-hr.sp {
    display: block;
}
.about-pico-2 > .pico-hr.pc {
    display: none;
}
@media screen and (min-width: 768px) {
    .about-pico-2 > .pico-hr.sp {
        
    }
    .about-pico-2 > .pico-hr.pc {
        
    }
}
.about-pico-2 > .pico-hr > img {
    object-fit: cover;
    object-position: top;
}
.about-pico-2 > .pico-graph {
    border: 2px solid #92CCD9;
    display: block;
    margin: 1rem auto;
    max-width: 500px;
    width: calc(100% - 2rem);
}
.about-pico-2 > .pico-graph.pc {
    max-width: 500px;
}
.about-pico-2 > .pico-graph.pc {
    max-width: 768px;
    display: none;
}
@media screen and (min-width: 768px) {
    .about-pico-2 > .pico-graph.sp {
        display: none;
    }
    .about-pico-2 > .pico-graph.pc {
        display: block;
    }
}
.about-pico-2 > .arrow {
    display: flex;
    justify-content: center;
    margin: 3rem auto;
    position: relative;
}
.about-pico-2 > .arrow::before {
    background-color: #92CCD9;
    content: '';
    height: 2px;
    transform: translateX(3px) rotate(20deg);
    width: 100px;
}
.about-pico-2 > .arrow::after {
    background-color: #92CCD9;
    content: '';
    height: 2px;
    transform: translateX(-3px) rotate(-20deg);
    width: 100px;

}
.about-pico-2 > h2 {
    color: #363636;
    font-family: serif;
    font-size: 1.875rem;
    line-height: 1.5;
    margin: 1.5rem auto;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .about-pico-2 > h2 {
        font-size: 2.5rem;
    }
}
.about-pico-2 > h2.blue {
    color: #10938D;
}
.about-pico-2 > h2 > strong.blue {
    color: #10938D;
}
.about-pico-2 > .pico-banner {
    display: block;
    margin: 1rem auto;
    width: calc(100% - 2rem);
}
.about-pico-2 > .pico-banner.pc {
    max-width: 500px;
}
.about-pico-2 > .pico-banner.pc {
    max-width: 768px;
    display: none;
}
@media screen and (min-width: 768px) {
    .about-pico-2 > .pico-banner.sp {
        display: none;
    }
    .about-pico-2 > .pico-banner.pc {
        display: block;
    }
}
.about-pico-2 > .board {
    align-items: center;
    background-color: #fff;
    border: 2px solid;
    border-image-source: linear-gradient(0deg, #B08731, #EAD7AD);
    border-image-slice: 1;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 2rem auto 1rem;
    max-width: 680px;
    padding: 2rem 1rem 1.5rem;
    position: relative;
    width: calc(100% - 2rem);
}
.about-pico-2 > .board > .tag {
    background: linear-gradient(270deg, #1AAEA6, #1AAEA6);
    box-sizing: border-box;
    color: #fff;
    font-family: serif;
    font-size: 0.875rem;
    line-height: 1.5;
    padding: 0.25rem 2rem;
    position: absolute;
    top: -1rem;
}
.about-pico-2 > .board > .sub {
    align-items: center;
    color: #3A3A3A;
    display: flex;
    font-size: 0.875rem;
    font-weight: bold;
    gap: 0.5rem;
    justify-content: center;
    position: relative;
}
.about-pico-2 > .board > .sub::before {
    background-color: #3A3A3A;
    content: '';
    height: 1.5px;
    width: 20px;
}
.about-pico-2 > .board > .sub::after {
    background-color: #3A3A3A;
    content: '';
    height: 1.5px;
    width: 20px;
}
.about-pico-2 > .board > .main {
    color: #3A3A3A;
    font-family: serif;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 1rem;
}
.about-pico-2 > .board > .main > strong {
    color: #009893;
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
}
.about-pico-2 > .postfix-txt {
     color: #302E2E;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 2rem;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .about-pico-2 > .postfix-txt { 
        font-size: 1.5rem;
    }
}
.pico-toning-spot-flex {
    display: flex;
    margin: 1rem auto;
    max-width: 680px;
    width: 100%;
}
.pico-toning-spot-flex > div {
    box-sizing: border-box;
    flex: 1 1 100%;
}
.pico-toning-spot-flex > div:last-child {
    border-left: 1px solid #878787;
}
.pico-toning-spot-flex > div > .heading {
    box-sizing: border-box;
    color: #343434;
    font-size: 0.875rem;
    line-height: 1.5;
    padding: 0.5rem;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .pico-toning-spot-flex > div > .heading {
        font-size: 1rem;
    }
}
.pico-toning-spot-flex > div > .heading > strong {
    color: #008E87;
    font-family: serif;
    font-size: 1.25rem;
    line-height: 1.5;
}
@media screen and (min-width: 768px) {
    .pico-toning-spot-flex > div > .heading > strong {
        font-size: 2rem;
    }
}
.pico-toning-spot-flex > div > picture {
    aspect-ratio: 1/1;
}
.pico-toning-spot-flex > div > picture > img {

}
.pico-toning-spot-flex > div > .content {
    background-color: #E1F2F6;
    box-sizing: border-box;
    font-size: 0.75rem;
    line-height: 1.5;
    margin: 0.5rem auto 0;
    padding: 0.5rem;
    text-align: center;
    width: calc(100% - 2rem);
}
@media screen and (min-width: 768px) {
    .pico-toning-spot-flex > div > .content {
        font-size: 1rem;
    }
}

.about-pico-toning-and-spot {
   margin: 3rem auto 0 auto;
}
.about-pico-toning-and-spot > .heading {
    align-items: flex-start;
    background: linear-gradient(270deg, #E1F2F6, #1AAEA6);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    padding: 1rem;
}
@media screen and (min-width: 768px) {
    .about-pico-toning-and-spot > .heading {
        align-items: center;
        background: #1AAEA6;
    }
}
.about-pico-toning-and-spot.left > .heading {
    align-items: center;
}
.about-pico-toning-and-spot > .heading > .outlined {
    border: 1px solid;
    box-sizing: border-box;
    font-size: 0.875rem;
    line-height: 1.5;
    padding: 0.5rem;
}
.about-pico-toning-and-spot > .heading > h2 {
    font-family: serif;
    font-size: 2.5rem;
    line-height: 1.75;
    text-shadow: 3px 3px rgba(0, 0, 0, 0.05);
}
.about-pico-toning-and-spot > .content {
    align-items: center;
    background-image: url(/wp-content/themes/twentytwentythree/img/lp/potenza_reason_bg_sp.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 1rem;
    width: calc(100% - 1rem);
}
@media screen and (min-width: 768px) {
    .about-pico-toning-and-spot > .content {
        padding: 2rem;
        width: 100%;
    }
}
.about-pico-toning-and-spot.right > .content {
    margin-left: auto;
}
.about-pico-toning-and-spot.left > .content {
    margin-right: auto;
}
.about-pico-toning-and-spot > .content > .flex {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
@media screen and (min-width: 768px) {
    .about-pico-toning-and-spot > .content > .flex {
        align-items: center;
        flex-direction: row;
        max-width: 800px;
    }
}
.about-pico-toning-and-spot > .content > .flex > .img-box {
    display: flex;
    justify-content: center;
    position: relative;
}
.about-pico-toning-and-spot > .content > .flex > .img-box > picture {
    display: block;
}
.about-pico-toning-and-spot > .content > .flex > .img-box > .tags {
    bottom: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    position: absolute;
    width: calc(100% - 1rem);
}
.about-pico-toning-and-spot > .content > .flex > .img-box > .tags > span {
    background-color: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    flex: 1 0 30%;
    font-family: serif;
    font-size: 0.875rem;
    padding: 0.25rem 1rem;
    text-align: center;
}
.about-pico-toning-and-spot > .content > .flex > .content {
    color: #383737;
    font-size: 1rem;
    line-height: 1.5;
}
.about-pico-toning-and-spot > .content > .flex > .content > strong {
    color: #CD505C;
    font-weight: normal;
}
.about-pico-toning-and-spot > .content > .boards {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1.5rem auto;
    max-width: 550px;
    width: calc(100% - 2rem);
}
.about-pico-toning-and-spot > .content > .boards > .board {
}
.about-pico-toning-and-spot > .content > .boards > .board > .heading {
    background-color: #3C3C3C;
    box-sizing: border-box;
    color: #fff;
    font-family: serif;
    font-size: 1.125rem;
    line-height: 1.5;
    padding: 0.5rem 1rem;
    text-align: center;
}
.about-pico-toning-and-spot > .content > .boards > .board.blue > .heading {
    background-color: #1AAEA6;
}
.about-pico-toning-and-spot > .content > .boards > .board > .content {
    background-color: #fff;
    box-sizing: border-box;
    padding: 1rem 0;
}
.about-pico-toning-and-spot > .content > .boards > .board > .content > .txt {
    color: #3F3F3F;
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0.5rem;
    text-align: center;
}
.about-pico-toning-and-spot > .content > .boards > .board.point > .content > .txt {
    font-family: serif;
    margin-top: 0;
}
.about-pico-toning-and-spot > .content > .boards > .board.point > .content > .txt > strong {
    color: #1AAEA6;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.75;
}
.about-pico-toning-and-spot > .content > .arrow {
    display: flex;
    justify-content: center;
    margin: 2rem auto;
    position: relative;
}
.about-pico-toning-and-spot > .content > .arrow::before {
    background-color: #92CCD9;
    content: '';
    height: 2px;
    transform: translateX(3px) rotate(20deg);
    width: 80px;
}
.about-pico-toning-and-spot > .content > .arrow::after {
    background-color: #92CCD9;
    content: '';
    height: 2px;
    transform: translateX(-3px) rotate(-20deg);
    width: 80px;
}
.about-pico-toning-and-spot > .content > .postfix-heading {
    color: #3C3838;
    font-family: serif;
    font-size: 1.25rem;
    line-height: 1.5;
    text-align: center;
}
.about-pico-toning-and-spot > .content > .postfix-heading > strong {
    color: #128F89;
    font-size: 2rem;
    line-height: 1.75;
}
@media screen and (min-width: 768px) {
    .about-pico-toning-and-spot > .content > .postfix-heading {
        font-size: 1.5rem;
    }
}
@media screen and (min-width: 768px) {
    .about-pico-toning-and-spot > .content > .postfix-heading > strong {
        font-size: 2.5rem;
    }
}




.pico-fv {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    position: relative;
}


.mhr-banner-1 {
    margin: auto;
    max-width: 930px;
}

.mhr-secret-bg {
    background-image: url(/wp-content/themes/twentytwentythree/img/lp/mhr_secret_bg_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
@media screen and (min-width: 768px) {
    .mhr-secret-bg {
        background-image: url(/wp-content/themes/twentytwentythree/img/lp/mhr_secret_bg_pc.png);
    }
}

.mhr-secret {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin: 1rem auto;
    max-width: 700px;
    width: calc(100% - 2rem);
}
@media screen and (min-width: 768px) {
    .mhr-secret {
        margin: 3rem auto;
    }
}
.mhr-secret > div {
    display: flex;
    flex: 0 1 calc(50% - 1rem);
    justify-content: center;
}
.mhr-secret > div:first-child {
    flex-basis: 100%;
    flex-shrink: 0;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .mhr-secret > div {
        flex-basis: calc(33.33% - 1rem);
    }
    .mhr-secret > div:first-child {
        flex-basis: calc(33.33% - 1rem);
        width: unset;
    }
}
.mhr-secret > div > .txt {
    align-items: center;
    aspect-ratio: 1/1;
    background: #fff;
    border: none;
    border-radius: 50%;
    box-sizing: border-box;
    color: #B08731;
    display: flex;
    flex-direction: column;
    font-family: serif;
    font-size: 1.25rem;
    justify-content: center;
    line-height: 1.5;
    max-width: 165px;
    position: relative;
    width: 100%;
}
.mhr-secret > div > .txt::before {
    background: linear-gradient(320deg, #B08731, #EAD7AD);
    border-radius: 50%;
    content: '';
    display: block;
    height: calc(100% + 10px);
    left: -5px;
    position: absolute;
    top: -5px;
    width: calc(100% + 10px);
    z-index: -1;
}
.mhr-secret > div > .txt > strong {
    font-size: 1.625rem;
    font-weight: normal;
}
.mhr-secret > div > .txt > .price {
    align-items: baseline;
    column-gap: 3px;
    display: flex;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
}
.mhr-secret > div > .txt > .price > .jpy {
    font-size: 1.25rem;
    font-weight: normal;
}

.mhr-trouble {
    background-color: #D9D9D9;
    margin-bottom: 2rem;
    position: relative;
}
.mhr-trouble::after {
    background-color: inherit;
    bottom: -80px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    display: block;
    position: absolute;
    height: 80px;
    width: 100%;
}
.mhr-trouble > .box {
    box-sizing: border-box;
    padding: 1rem;
}
.mhr-trouble > .box > .heading-1 {
    background-color: #fff;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1), -1px 3px 5px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    color: #4B4B4B;
    display: flex;
    font-size: 1rem;
    line-height: 1.5;
    justify-content: center;
    margin: 1rem auto 2rem;
    max-width: 550px;
    padding: 0.5rem 1rem;
    position: relative;
    z-index: 1;
}
.mhr-trouble > .box > .heading-1::before {
    background-color: inherit;
    bottom: -12px;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1), -1px 3px 5px rgba(0, 0, 0, 0.1);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    height: 12px;
    position: absolute;
    width: 24px;
    z-index: -1;
}
.mhr-trouble > .box > .heading-2 {
    color: #3D3D3D;
    font-family: serif;
    font-size: 1.25rem;
    line-height: 1.75;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .mhr-trouble > .box > .heading-2 {
        bottom: 50%;
        font-size: 1.5rem;
        left: 50%;
        margin: auto;
        position: absolute;
        text-align: left;
        transform: translateX(-100%);
        z-index: 1;
    }
}
.mhr-trouble > .box > .mhr-trouble-thumbnail {
    aspect-ratio: 1.618 / 1;
    align-items: center;
    background: linear-gradient(0deg, rgba(217, 217, 217, 0.9), transparent, rgba(217, 217, 217, 0.9)), url(/wp-content/themes/twentytwentythree/img/lp/mhr_trouble_thumbnail.webp);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
}
@media screen and (min-width: 768px) {
    .mhr-trouble > .box > .mhr-trouble-thumbnail {
        max-width: 520px;
        margin: auto;
        transform: translateX(10rem);
    }
}
.mhr-trouble > .box > .mhr-trouble-thumbnail > img {
    height: 95%;
    width: 95%;
}
.mhr-trouble > .box > .flex {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin: auto;
    max-width: 520px;
}
.mhr-trouble > .box > .flex > p {
    align-items: center;
    background-color: #999999;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1), -1px 3px 5px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex: 1 1 100%;
    justify-content: center;
    padding: 1rem;
    text-align: center;
}

.about-mhr {
    box-sizing: border-box;
    margin: 3rem auto;
    margin-left: auto;
    margin-right: 0;
    max-width: 768px;
    overflow: hidden;
    padding-bottom: 3rem;
    position: relative;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .about-mhr {
        margin: 3rem auto;
        overflow: unset;
    }
}
.about-mhr > .sub-heading {
    background: linear-gradient(270deg, #19A79E, #2FBAB4, #fff 99%);
    box-sizing: border-box;
    color: #fff;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 1rem;
    margin-left: auto;
    padding: 1rem 1.5rem;
    text-align: right;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .about-mhr > .sub-heading {
        text-align: center;
    }
}
.about-mhr > .heading {
    box-sizing: border-box;
    font-family: serif;
    font-size: 1.25rem;
    line-height: 3;
    margin-left: auto;
    text-align: center;
    width: 70%;
}
@media screen and (min-width: 768px) {
    .about-mhr > .heading {
        font-size: 1.5rem;
        width: 100%;
    }
}
.about-mhr > .heading > strong {
    color: #9C8346;
    font-size: 1.5rem;
    line-height: 1.25;
    display: block;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .about-mhr > .heading > strong {
        font-size: 2rem;
    }
}
.about-mhr > .txt {
    border: 1px solid;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.5;
    margin-left: auto;
    margin-right: 1rem;
    padding: 0.25rem;
    text-align: center;
    width: 60%;
}
@media screen and (min-width: 768px) {
    .about-mhr > .txt {
        display: flex;
        justify-content: center;
        margin: auto;
        text-align: center;
        width: 35%;
    }
}
.about-mhr > picture {
    bottom: -2rem;
    display: block;
    height: 95%;
    max-width: 180px;
    left: -40px;
    position: absolute;
    transform: translateX(30%);
}
@media screen and (min-width: 768px) {
    .about-mhr > picture {
        bottom: 2rem;
        transform: translateX(0%) scale(1.3);
    }
}

.banner-with-txt {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.banner-with-txt > .content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: absolute;
}
.banner-with-txt > .content > .heading {
    color: #5a5858;
    font-family: serif;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.75;
    text-shadow: 1px 1px white, -1px -1px white;
}
@media screen and (min-width: 768px) {
    .banner-with-txt > .content > .heading {
        font-size: 2rem;
    }
}
.banner-with-txt > .content > .logo {
    max-width: 500px;
    width: 60%;
}

.mhr-feature {
    background-color: #ECF8F8;
    box-sizing: border-box;
    margin: 2rem auto;
    max-width: 900px;
    padding: 1rem;
    position: relative;
    width: 100%;
}
.mhr-feature.with-more {
    margin-bottom: -2rem;
    padding-bottom: 3rem;
}
.mhr-feature > .heading-box {

}
.mhr-feature > .heading-box > .top {
    height: 1.2rem;
    margin: 1rem auto;
}
@media screen and (min-width: 768px) {
    .mhr-feature > .heading-box > .top {
        height: 1.75rem;
    }
}
.mhr-feature > .heading-box > .top > img {
    object-fit: cover;
}
.mhr-feature > .heading-box > .bottom {
    height: 1px;
    margin: 1rem auto;
}
@media screen and (min-width: 768px) {
    .mhr-feature > .heading-box > .bottom {
        height: 1.5px;
    }
}
.mhr-feature > .heading-box > .bottom > img {
    object-fit: cover;
}
.mhr-feature > .heading-box > .sub-heading {
    color: #363636;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
}
.mhr-feature > .heading-box > .heading {
    color: #139089;
    font-family: serif;
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1.75;
    text-align: center;
}
.mhr-feature > .flex {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: auto;
    max-width: 720px;
}
@media screen and (min-width: 768px) {
    .mhr-feature > .flex {
        flex-direction: row;
    }
}
.mhr-feature > .flex > picture {
    aspect-ratio: 1/0.5;
    flex-basis: 50%;
    overflow: hidden;
}
.mhr-feature > .flex > picture > img {
    object-fit: cover;
}
.mhr-feature > .flex > .content {
    flex-basis: 50%;
    font-size: 1rem;
    line-height: 1.5;
}
.mhr-feature > .flex > .content > strong {
    color: #D33F4D;
    font-weight: normal;
}
.mhr-feature > .recommend {
    margin: 1rem auto;
}
.mhr-feature > .recommend > .heading {
    color: #424141;
    font-size: 1.125rem;
    line-height: 1.5;
    text-align: center;
}
.mhr-feature > .recommend > .flex {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin: 1rem auto;
}
.mhr-feature > .recommend > .flex > .txt {
    background-color: #fff;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1), -1px 3px 5px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    color: #424141;
    font-size: 1rem;
    line-height: 1.75;
    padding: 1rem;
    text-align: center;
}
.mhr-feature > .recommend > .flex > .txt > strong {
    color: #60B0C7;
    font-weight: normal;
}
.mhr-feature-more {
    align-items: center;
    background: linear-gradient(180deg,transparent, #b1ddeb);
    color: #595B5C;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    display: flex;
    height: 100px;
    justify-content: center;
    margin: auto;
    position: relative;
    width: 300px;
    z-index: 1;
}

.mhr-feature-overview {
    background-image: url(/wp-content/themes/twentytwentythree/img/lp/mhr_feature_overview.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin: 1rem auto;
    max-width: 440px;
    padding: 2rem 0;
    position: relative;
    width: calc(100% - 2rem);
}
.mhr-feature-overview > div {
    flex-basis: 50%;
}
.mhr-feature-overview > div > .sub-heading {
    color: #2B2B2B;
    font-size: 0.875rem;
    line-height: 1.5;
    text-align: center;
}
.mhr-feature-overview > div > .heading {
    color: #128F89;
    font-family: serif;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0.5rem;
    text-align: center;
}

.mhr-fv {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    position: relative;
}


#effect-table table tr td.td-excellent, #effect-table table tr td.td-good, #effect-table table tr td.td-outstanding {
    font-size: 0;
    position: relative;
}
#effect-table table tr td.td-excellent::before, #effect-table table tr td.td-good:before, #effect-table table tr td.td-outstanding:before {
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#effect-table table tr td.td-excellent::before {
    background-image: url(../../img/menu/icn_table_excellent.png);
}
#effect-table table tr td.td-outstanding:before {
    background-image: url(../../img/menu/icn_table_outstanding.png);
}