:root {
    --gold: #D3B860;
    --main: #AD9F71;
    --red: #A50303;
    --shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
    --ff-en: "Cormorant SC", serif;
    --ff-g: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Yu Gothic", "游ゴシック",
}
html {
    scroll-behavior: smooth;
    font-size: 62.5%;
    box-sizing: border-box;
}
body {
    font-family:
        "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Yu Mincho", "游明朝", serif !important;
}
img {
    width: 100% !important;
}
.colorful_content p {
    padding: 0;
}
.entry-content p.txt {
    font-size: clamp(1.5rem, 4vw, 1.6rem);
    font-family: var(--ff-g) !important;
    line-height: 2;
}
.entry-content .alignfull {
    width: unset;
    max-width: unset;
    margin: 0 auto;
}
/* .colorful_content,
.colorful_content p,
.colorful_content ul,
.colorful_content ol,
.colorful_content h1,
.colorful_content h2,
.colorful_content h3,
.colorful_content h4,
.colorful_content h5,
.colorful_content h6,
.colorful_content .wp-block-cover h1,
.colorful_content .wp-block-cover h2,
.colorful_content .wp-block-cover h3,
.colorful_content .wp-block-cover h4,
.colorful_content .wp-block-cover h5,
.colorful_content .wp-block-cover h6 {
    font-family:
        "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Yu Mincho", "游明朝", serif !important;
} */
.entry-content {
    padding: 0 !important;
}
ul {
    list-style: none !important;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
}
#main p,
#main h2,
#main h3,
#main .fv li,
#main .monitor-btn {
    font-family:
        "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "Yu Mincho", "游明朝", serif !important;
}
#main p.txt,
#main p.price-red__txt,
#main p.voice-monitor,
#main p.voice-age {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Yu Gothic", "游ゴシック" !important;
}

#main p.hdg-en,
#main p.mechanism-num {
    font-family: var(--ff-en) !important;
}




main {
    margin: 0 auto;
    background: #012540 0% 0% no-repeat padding-box;
}
/*===================================================

SP FV

====================================================*/
.fv-obi__list {
    display: flex;
    justify-content: center;
}
.fv-obi {
    background: transparent linear-gradient(100deg, #E5C46B 0%, #EFE3AD 52%, #E5C063 100%) 0% 0% no-repeat padding-box;
    margin-top: 2rem;
    padding: 1rem 0 0.5rem;
}
li.fv-obi__item {
    background: #fff;
    padding: 0 0.5rem;
    font-size: 1.6rem;
    margin: 0 0.3rem;
    font-weight: bold;
}
p.fv-obi__txt {
    font-size: clamp(1.5rem, 4vw, 1.8rem);
    font-weight: bold;
    text-align: center;
}
.fv {
    display: flex;
    flex-direction: column;
    position: relative;
}
.fv::after {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2026/02/fv-kira.png);
    width: 100%;
    height: 50vh;
    bottom: 30rem;
    background-size: cover;
    z-index: 1;
}
.fv-copy-img {
    z-index: 2;
    position: relative;
}
.fv-photo {
    margin-top: -8rem;
}
.fv-main {
    margin-top: -6rem;
    position: relative;
    z-index: 10;
}
.fv-list {
    display: flex;
    justify-content: center;
    padding: 0 5vw 2rem;
    margin-top: -3rem;
    position: relative;
    z-index: 10;
}
li.fv-item {
    margin: 0 0.5rem;
}



/* monitor */
.monitor-wrap {
    position: relative;
    z-index: 10;
    width: calc(100% - 2.4rem);
    margin: 0 auto 2rem;
    background: transparent linear-gradient(125deg, #FFFFFF 0%, #F2F2F2 28%, #FFFFFF 51%, #EBEBEB 71%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
p.monitor-obi {
    color: #fff;
    background: transparent linear-gradient(95deg, #B1913B 0%, #D3B86D 49%, #B1913B 100%) 0% 0% no-repeat padding-box;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    padding: .5rem;
    margin-bottom: 1rem;
}
.monitor-main {
    padding: 1rem;
    text-align: center;
}
p.monitor-sub {
    font-size: 2.2rem;
}
p.monitor-ttl {
    font-size: 3.8rem;
    line-height: 1 !important;
    border-bottom: 1px solid;
    padding-bottom: 1rem;
    font-weight: bold;
}
.monitor-price {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
    align-items: center;
}
p.monitor-kakaku {
    font-size: 1.5rem;
    border: 1px solid;
    line-height: 1.3 !important;
}
p.monitor-oldPrice {
    font-size: 1.5rem;
}
p.monitor-oldPrice span {
    font-size: 2.6rem;
    font-weight: bold;
}
.monitor-newPrice span {
    font-size: 4.7rem;
    color: var(--red);
    line-height: 1;
}
.monitor-btn {
    width: 75%;
    display: block;
    margin: 1rem auto;
    background: transparent linear-gradient(0deg, #A50303 0%, #DD4747 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    padding: 1rem 2rem;
    text-decoration: none;
    font-size: 1.8rem;
    text-align: center;
    transition: all .4s;
}
.monitor-btn:hover {
    transform: scale(0.97);
    color: #fff;
}
p.monitor-txt {
    font-size: 1.4rem;
}
.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #000;
    border-right: 0;
    margin-right: 1rem;
}
.fv .off-cam::after {
    content: "";
    width: 80%;
    display: block;
    height: 1px;
    background: #000;
    margin: 0 auto 1rem;
}
/*===================================================

SP NAYAMI

====================================================*/

.nayami {
    background: transparent linear-gradient(180deg, #C6C6C6 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
.inner {
    padding: 4rem 1.2rem;
}
.nayami-wrap {
    background: #fff;
}
.nayami-inner {
    padding: 2rem 2rem 0;
}
p.nayami-sub {
    font-size: clamp(2.2rem, 7vw, 2.8rem);
}
.nayami-sub span {
    background: #000;
    display: inline-block;
    color: #fff;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
}
p.nayami-main {
    font-size: clamp(2.7rem, 7vw, 3rem);
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid;
    margin-bottom: 2rem;
}
li.nayami-item {
    font-size: 1.6rem;
    font-weight: bold;
}
li.nayami-item::before {
    content: "";
    width: 23px;
    height: 20px;
    background-image: url(/wp-content/uploads/2026/02/check.png);
    display: inline-block;
    background-size: cover;
    margin-right: 1rem;
}
.nayami-img {
    width: 100%;
}
.wp-block-heading.nayami-sub {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    align-items: flex-start;
}
/*===================================================

SP NAYAMI

====================================================*/
.nayami .inner {
    padding-bottom: 0;
}
p.nayami-reason-txt {
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.5 !important;
}
.nayami-reason {
    margin: 2rem auto 0;
    text-align: center;
}
.nayami-reason-txt span {
    font-size: clamp(3.6rem, 5vw, 4.3rem);
    line-height: 1.2;
}
.sankaku {
    width: 130px;
    margin: 2rem 0 0;
}
/*===================================================

SP HAND

====================================================*/
.hand {
    background: transparent linear-gradient(0deg, #EFE8C5 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
.hand::after {
    content: "";
    background: url(/wp-content/uploads/2026/02/kira-line.png);
    background-size: cover;
    width: 100%;
    height: 20vh;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
}
.hand p.nayami-reason-txt {
    position: relative;
    z-index: 10;
}
p.nayami-reason-main {
    font-size: clamp(4.5rem, 6vw, 5rem);
    font-weight: bold;
    padding: 0;
    letter-spacing: -0.5rem;
    text-align: center;
}
.nayami-reason-main span {
    background: linear-gradient(135deg, #bc9b41 0%, #e5d191 50%, #bc9b41 100%);
    background-clip: border-box;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    position: relative;
    z-index: 10;
}
.hand-img {
    margin-bottom: 3rem;
}
.\33 circle {
    width: 100%;
}
ul.hand-list {
    display: flex;
    flex-direction: column;
}
li.hand-item {
    margin: 0 0 1rem;
    background: #fff;
    padding: 4rem 1.5rem 2rem;
    position: relative;
}
li.hand-item::before {
    content: "";
    background: url(/wp-content/uploads/2026/02/hand-line.png);
    width: 60%;
    background-size: cover;
    display: block;
    height: 3rem;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}
p.hand-hdg {
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.2 !important;
    font-weight: bold;
    color: var(--main);
    margin: 0.5rem auto 1rem;
}
/*===================================================

SP MECHA

====================================================*/
.mechanism {
    background-image: url(/wp-content/uploads/2026/02/washi-bk.jpg);
    background-repeat: repeat;
    background-size: contain;
}
.hdg-area {
    text-align: center;
    margin-bottom: 3rem;
}
p.hdg-en {
    font-size: 2rem;
    color: var(--main);
    font-family: var(--ff-en) !important;
}
.hdg-h2 {
    font-size: clamp(2rem, 7vw, 2.4rem);
    line-height: 1.4;
    font-weight: bold;
}
li.mechanism-item {
    margin: 0 0 3rem;
}
.mechanism-img {
    margin-bottom: 1rem;
}
.mechanism-ex {
    display: flex;
    align-items: center;
}
.mechanism-l {
    display: flex;
    flex-direction: column;
    align-items: center;
}

p.mechanism-step {
    font-size: 1.8rem;
    font-weight: 600;
    font-family: var(--ff-en) !important;
    line-height: 0.5 !important;
}
p.mechanism-num {
    font-weight: 600;
    font-family: var(--ff-en) !important;
    font-size: 4.8rem;
    line-height: 0.7 !important;
    color: var(--main);
}
.mechanism-item .txt {
    line-height: 1.6 !important;
}
/*===================================================

SP MOVIE

====================================================*/
.movie {
    background-image: url(/wp-content/uploads/2026/02/washi-bk.jpg);
    background-repeat: repeat;
    background-size: contain;
}
iframe {
    margin-top: 2rem;
    aspect-ratio: 16 / 9;
    width: 100%;
}
/*===================================================

SP COMPARE

====================================================*/
.comparison {
    background-image: url(/wp-content/uploads/2026/02/washi-bk.jpg);
    background-repeat: repeat;
    background-size: contain;
}
.table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-left: 5vw;
}
table.compare-table {
    border-collapse: collapse;
    padding-left: 5vw;
    width: auto !important;
    min-width: 720px;
}
thead {
    border: 1px solid var(--main);
}
.compare-table thead th {
    background: var(--main);
    color: #fff;
    padding: 1rem;
    font-size: 1.6rem;
    text-align: center;
    border-left: 1px solid;
}
.compare-table thead th.kara {
    border-left: 1px solid var(--main);
}
tbody {
    border: 1px solid var(--main);
}
.compare-table tbody {
    background: #fff;
}
.compare-table tbody td {
    padding: 1rem;
    font-size: 1.6rem;
    border-right: 1px solid var(--main);
    border-bottom: 1px solid var(--main);
}
.compare-td {
    color: #A50303;
    font-weight: bold;
}
.area-wrap {
    position: relative;
    overflow: hidden;
}
.area-wrap::before {
    content: "";
    background: url(/wp-content/uploads/2026/02/area01.png);
    background-repeat: repeat;
    background-size: auto;
    width: 120px;
    height: 150px;
    display: block;
    position: absolute;
    left: -1rem;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.area-wrap::after {
    content: "";
    background: url(/wp-content/uploads/2026/02/area02.png);
    background-repeat: repeat;
    background-size: auto;
    width: 120px;
    height: 150px;
    display: block;
    position: absolute;
    right: -1rem;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
p.area-txt {
    font-size: clamp(2rem, 5vw, 2.4rem);
    text-align: center;
    line-height: 1.4 !important;
    font-weight: 600;
    z-index: 1;
    position: relative;
}
.area-txt span {
    background: var(--main);
    color: #fff;
    padding: 0.4rem 1rem;
    line-height: 1.5;
    font-size: 3.2rem;
    margin-right: 0.5rem;
}
.area-left {
    margin: 1rem 0 2rem 2rem;
}

/*===================================================

SP CTA

====================================================*/
.cta {
    background: url(/wp-content/uploads/2026/02/cta-bk.jpg);
    background-repeat: repeat;
    background-size: cover;
    background-position: bottom;
}
p.cta-lead {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4 !important;
    margin-bottom: 2rem;
    position: relative;
}
.cta-lead::before,
.cta-lead::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 5rem;
    background: rgba(0, 0, 0, 0.4);
}
.cta-lead::before {
    transform: rotate(-30deg);
    left: 0;
}
.cta-lead::after {
    transform: rotate(30deg);
    right: 0;
}
.cta .monitor-wrap {
    width: 100%;
}

/* 10%OFF */
.off-wrap {
    background: transparent linear-gradient(125deg, #FFFFFF 0%, #F2F2F2 28%, #FFFFFF 51%, #EBEBEB 71%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    padding: 3rem 2rem 2rem;
    outline: 1px solid var(--main);
    outline-offset: -1rem;
}
p.off-sub {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin-bottom: 2rem;
}
p.off-sub::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1rem;
    display: inline-block;
    width: 11rem;
    height: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: black;
    border-radius: 2px;
}
.off-main {
    color: var(--red);
    text-align: center;
}
.off-main span.off-10 {
    font-size: clamp(8rem, 5vw, 8.8rem);
    font-weight: bold;
    letter-spacing: -1rem;
    margin-right: 1rem;
}
.off-main span {
    font-size: clamp(5rem, 5vw, 5.8rem);
    font-weight: bold;
}
p.off-main {
    line-height: 1.1 !important;
}
p.off-cam {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
}
/*===================================================

SP BENEFIT

====================================================*/

.benefit {
    background-image: url(/wp-content/uploads/2026/02/washi-bk.jpg);
    background-repeat: repeat;
    background-size: contain;
}
li.benefit-item {
    margin: 0 0 2rem;
    box-shadow: 0px 3px 6px #00000029;
}
p.benefit-obi {
    padding: 0;
    background: transparent linear-gradient(90deg, #E5D191 0%, #BC9B41 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    text-align: center;
    font-size: 2.4rem;
    font-weight: bold;
}
.benefit-wrap {
    background: #fff;
    padding: 5vw;
}
.benefit-h3 {
    font-size: clamp(1.9rem, 6vw, 2.3rem);
    line-height: 1.5 !important;
    color: var(--main);
    margin-bottom: 1rem;
}
.benefit-img {
    margin-bottom: 2rem;
}
p.benefit-uka__ttl {
    background: transparent linear-gradient(90deg, #CCBA7F 0%, #FFF 100%) 0% 0% no-repeat padding-box;
    font-size: 2rem;
    padding: 0.5rem 0 0.5rem 2rem !important;
    font-weight: bold;
}
.benefit-uka__wrap {
    background: transparent linear-gradient(180deg, #FDF6D0 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    padding: 2rem;
    position: relative;
}
.benefit-uka__wrap::after {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2026/02/benefit-bk.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right;
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-size: contain;
}
.benefit-uka__wrap p {
    position: relative;
    z-index: 2;
}
/*===================================================

SP COMMIT

====================================================*/
.commit {
    background: transparent linear-gradient(180deg, #022A5A 0%, #021A27 100%) 0% 0% no-repeat padding-box;
    position: relative;
}
.commit::before {
    content: "";
    background: url(/wp-content/uploads/2026/02/commit-bird.png);
    background-size: auto;
    background-size: cover;
    width: 100%;
    height: 21rem;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
}
.commit h2 {
    color: #fff;
    position: relative;
    z-index: 10;
}
ul.commit-list {
    position: relative;
}
.commit-list::after {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2026/02/commit-cho.png);
    background-size: cover;
    width: 100%;
    height: 16rem;
    bottom: -10rem;
    z-index: 1;
    display: block;
    right: 0;

}
li.commit-item {
    margin: 0 0 5rem;
}
p.commit-hdg {
    font-size: clamp(2rem, 6vw, 2.4rem);
    font-weight: bold;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 2.1 !important;
    gap: 0.4em;
}
.commit-hdg span {
    background: var(--main);
    padding: 0 1rem;
}
.commit-img {
    margin-bottom: 1rem;
}
p.commit-txt.txt {
    color: #fff;
    margin-top: 1rem;
}
/*===================================================

SP VOICE

====================================================*/
.voice {
    background: url(/wp-content/uploads/2026/02/voice-bk.jpg);
    background-size: cover;
}
li.voice-item {
    margin: 0 0 2rem;
    background: #fff;
}
p.voice-age {
    color: var(--main);
    font-size: 1.6rem;
    font-weight: bold;
}
p.voice-hdg {
    font-size: 2rem;
    line-height: 1.5 !important;
    font-weight: bold;
    margin: 0.5rem 0 1rem;
}
.voice-wrap {
    padding: 1.5rem 1rem 2rem;
}
.voice-flex {
    display: flex;
    align-items: center;
}
.voice-img {
    margin-bottom: 1rem;
}
p.voice-monitor {
    font-size: clamp(1.4rem, 4vw, 1.7rem);
    color: #fff;
    background: var(--main);
    text-align: center;
    padding: 0;
    display: block;
    font-weight: bold;
}
/*===================================================

SP MESSAGE

====================================================*/

.message-txt.txt {
    color: #fff;
}
.message .hdg-h2 {
    color: #fff;
}
.message {
    background: url(/wp-content/uploads/2026/02/message-bk-1.jpg);
    background-size: cover;
}
.message picture {
    width: 30%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}
.message-img {
    width: 100%;
    border-radius: 10rem;
}

/*===================================================

SP PRICE

====================================================*/
.price {
    background: transparent linear-gradient(180deg, #EBE5CA 0%, #B7A968 100%) 0% 0% no-repeat padding-box;
}
li.price-item {
    margin: 0 0 1rem;
    background: #fff;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
p.price-tag {
    font-size: 1.8rem;
    background: var(--red);
    color: #fff;
    text-align: center;
    padding: 0 1rem;
    margin: 0 0 1rem;
}
h3.price-h3 {
    font-size: clamp(2.5rem, 7vw, 2.8rem);
    position: relative;
    padding-bottom: 2rem;
    margin-bottom: 1.5rem;
    text-align: center;
    line-height: 1.3 !important;
    width: 100%;
}
.price-h3::after {
    content: "";
    position: absolute;
    width: 75%;
    height: 1.5rem;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: url(/wp-content/uploads/2026/02/price-line.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.price-h3 span {
    font-size: clamp(1.4rem, 4vw, 1.6rem);
}
table.price-table {
    border: 1px solid #C6C6C6;
    margin: 2rem 0 1rem;
    width: 100%;
}
tbody {
    border: 1px solid #C6C6C6;
}
.price-table tr {
    border-bottom: 1px solid #C6C6C6;
}
.price-table th {
    font-size: 1.5rem;
    color: #000;
    text-align: center;
    padding: 1rem 0;
    background: #F2F1EC;
}
.price-table td {
    font-size: 1.5rem;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.5 !important;
}
td.price-td {
    line-height: 1.6 !important;
    text-align: center;
}
td.ticket-td {
    flex-direction: inherit;
    justify-content: center;
    line-height: 2.2 !important;
}

.old-price {
    font-size: 2rem;
    line-height: 1.2 !important;
}
.new-price {
    font-size: 2rem;
    color: var(--red);
    line-height: 1.2 !important;
}
.price-flex {
    display: flex;
    align-items: first baseline;
}
p.price-no1 {
    font-size: 1.8rem;
    background: var(--main);
    color: #fff;
    text-align: center;
    padding: 0 1rem;
    margin-right: 0.5rem;
    line-height: 1.5 !important;
    font-weight: bold;
}
p.price-red__txt {
    font-weight: bold;
    padding: 0 !important;
}
.off {
    background: var(--red);
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
    line-height: 1.8;
}
p.tokuten-tag {
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    background: var(--red);
    display: inline;
    margin: 0 0 1rem;
}
p.tokuten-hdg {
    font-size: clamp(2.1rem, 6vw, 2.6rem);
    font-weight: bold;
    line-height: 1.4 !important;
    text-align: center;
    padding-bottom: 1rem;
    margin: 0 0 1rem;
    border-bottom: 1px solid;
}
p.tokuten-hdg span {
    color: var(--red);
}
.price-item.tokuten-wrap p {
    position: relative;
    z-index: 2;
}
.price-item.tokuten-wrap {
    position: relative;
}
.price-item.tokuten-wrap::after {
    content: "";
    background: url(/wp-content/uploads/2026/02/campaign-bk.png);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-size: cover;
    top: 0;
    left: 0;
}
/*===================================================

SP TICKET

====================================================*/
.ticket {
    background: url(/wp-content/uploads/2026/02/ticket-bk.jpg);
    background-size: cover;
}
.ticket .price-list {
    margin-top: 2rem;
}
.price-red {
    background: var(--red);
    width: 100%;
    padding: 1rem;
    margin-top: 1rem;
    box-sizing: border-box;
}
.price-red p {
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.7 !important;
}
.ticket .price-table {
    margin-top: 0;
}
/*===================================================

SP FLOW

====================================================*/
.flow {
    background: transparent linear-gradient(180deg, #071F3C 0%, #233F64 100%) 0% 0% no-repeat padding-box;
}
.flow .hdg-h2 {
    color: #fff;
    position: relative;
    margin-bottom: 5rem;
}
.flow .hdg-h2::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 20px;
    background: url(/wp-content/uploads/2026/02/line.png);
    background-size: cover;
    left: 50%;
    bottom: -3rem;
    background-repeat: no-repeat;
    transform: translateX(-50%);
}
li.flow-item {
    margin: 0 0 1.5rem;
    background: #fff;
}
.flow-ex {
    padding: 2rem;
}
.flow-wrap {
    display: flex;
    border-bottom: 1px solid;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    align-content: center;
}
.flow-l {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 1rem;
}
p.flow-step {
    font-family: var(--ff-en);
    font-size: 1.3rem;
    font-weight: 600;
}
p.flow-num {
    font-family: var(--ff-en);
    font-size: 2.7rem;
    color: var(--main);
    font-weight: 600;
    line-height: 0.9 !important;
}
h3.flow-h3 {
    margin: 0;
    font-size: 2rem;
    line-height: 1 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.flow .monitor-btn {
    width: 100%;
    box-sizing: border-box;
}
/*===================================================

SP FAQ

====================================================*/
.faq {
    background: transparent linear-gradient(180deg, #7E604E 0%, #38241E 3%, #5B3620 38%, #CCAD96 100%) 0% 0% no-repeat padding-box;
}
.faq .hdg-h2 {
    color: #fff;
    position: relative;
    margin-bottom: 5rem;
}
.faq .hdg-h2::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 20px;
    background: url(/wp-content/uploads/2026/02/line.png);
    background-size: cover;
    left: 50%;
    bottom: -3rem;
    background-repeat: no-repeat;
    transform: translateX(-50%);
}
li.faq-item {
    margin: 0 0 1.5rem;
    background: #fff;
    padding: 2rem;
}
.faq-top {
    display: flex;
    align-items: center;
    border-bottom: 1px solid;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
p.faq-q {
    color: var(--main);
    font-size: 3rem;
    font-family: var(--ff-en) !important;
}
h3.faq-h3 {
    font-size: clamp(1.8rem, 5vw, 2rem);
    line-height: 1.5;
    margin: 0;
}
/*===================================================

SP CONTACT

====================================================*/
.contact {
    background: url(/wp-content/uploads/2026/02/gray-bk.jpg);
    background-size: cover;
}
.contact-wrap {
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    padding: 2rem;
}
h2.contact-h2 {
    font-size: 3.3rem;
    text-align: center;
    color: var(--main);
    font-family: var(--ff-en) !important;
    font-weight: 500;
    margin: 0;
}
.contact-wrap .txt {
    text-align: center;
    margin-bottom: 1rem;
}
.monitor-btn.line-btn {
    background: transparent linear-gradient(0deg, #00B900 0%, #3AE83A 100%) 0% 0% no-repeat padding-box;
}
/*===================================================

SP SALON

====================================================*/
.salon {
    background: url(/wp-content/uploads/2026/02/salon-bk.jpg);
    background-size: cover;
}
.h1 {
    width: 60%;
    margin: 0 auto;
}
dl.info-list {
    color: #fff;
    margin: 0;
    font-size: 1.4rem;
}
.info-list .row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid;
    margin: 0 0 2rem;
    padding-bottom: 1rem;
    align-items: center;
}
.info-list dt {
    width: 20%;
    text-align: center;
}
.info-list dd {
    width: 70%;
    line-height: 1.5 !important;
    margin: 0;
}
small {
    display: block;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 1rem;
}
@media screen and (min-width: 768px) {
    .wrapper {
        max-width: 750px;
    }
    html {
        font-size: 75%;
        /* 1rem = 12px */
    }

    .inner {
        padding: 5rem;
    }
    /*===================================================

    PC MONITOR

====================================================*/
    .monitor-wrap {
        width: calc(100% - 10rem);
    }
    p.monitor-oldPrice {
        margin: 0 1rem 0;
    }
    p.monitor-kakaku {
        font-size: 1.5rem;
        padding: 0 1rem;
    }
    p.monitor-oldPrice span {
        font-size: 3rem;
        margin-right: 0.5rem;
    }
    .monitor-newPrice span {
        font-size: 6rem;
        margin: 0 0.5rem 0 1rem;
        line-height: 0.7;
    }
    /*===================================================

    PC NAYAMI

====================================================*/
    p.nayami-sub {
        text-align: center;
    }
    p.nayami-sub {
        text-align: center;
        font-size: 4rem;
        display: inline-block;
    }
    .nayami-sub span {
        padding: 0 1rem;
    }
    p.nayami-main {
        font-size: 4rem;
    }
    li.nayami-item {
        font-size: 2rem;
    }
    .nayami-list {}
    p.nayami-reason-txt {
        font-size: 2.8rem;
        line-height: 1.6 !important;
    }
    .nayami-reason-txt span {
        font-size: 5rem;
    }
    p.nayami-reason-main {
        font-size: 6rem;
    }
    /*===================================================

    PC HAND

====================================================*/
    li.hand-item {
        padding: 3rem;
    }
    .hdg-h2 {
        font-size: 3rem;
    }
    p.hdg-en {
        font-size: 3rem;
    }
    .hand::after {
        opacity: 0.6;
        top: -3rem;
    }
    p.hand-hdg {
        margin: 2rem auto;
    }
    /*===================================================

    PC MECHA
    
====================================================*/
    .mechanism-l {
        flex-basis: 15%;
    }
    /*===================================================

    PC COMPARE

====================================================*/
    .table-scroll {
        overflow: unset;
        padding: 0 3vw;
    }
    table.compare-table {
        width: 100% !important;
        min-width: unset;
    }
    /*===================================================

    PC AREA

====================================================*/
    .area-txt span {
        font-size: 4rem;
    }
    .area-wrap::before {
        width: 200px;
        height: 230px;
    }
    .area-wrap::after {
        width: 190px;
        height: 200px;
    }

    /*===================================================

    PC CTA

====================================================*/
    p.cta-lead {
        font-size: 2.5rem;
    }
    .cta-lead::before,
    .cta-lead::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 2px;
        height: 7rem;
        background: rgba(0, 0, 0, 0.4);
    }
    /* 10%OFF */
    .off-main span {
        font-size: 7rem;
    }
    .off-main span.off-10 {
        font-size: 11rem;
    }

    /*===================================================

    PC BENEFIT

====================================================*/
    .benefit-wrap {
        padding: 3rem;
    }
    .benefit-h3 {
        font-size: 2.8rem;
    }
    .benefit-uka__wrap {
        padding: 3rem;
    }
    .benefit-uka__wrap::after {
        background-repeat: no-repeat;
        background-position: right;
    }
    /*===================================================

    PC COMMIT

====================================================*/
    .commit-hdg span {
        padding: 0 1rem;
        font-size: 3rem;
    }
    .commit-list::after {
        height: 25rem;
        bottom: -10rem;
        right: 0;
    }
    /*===================================================

    PC VOICE

====================================================*/
    .voice-wrap {
        padding: 2rem;
    }
    p.voice-monitor {
        padding: 0 1rem;
        margin-right: 1rem;
    }
    /*===================================================

    PC PRICE

====================================================*/
    p.price-tag {
        margin-bottom: 1rem;
    }
    .price-table td {
        font-size: 2rem;
    }
    p.tokuten-tag {
        font-size: 2rem;
        padding: 0 1rem;
    }
    li.price-item {
        padding: 3rem;
    }
    /*===================================================

    PC FLOW

====================================================*/
    .flow .hdg-h2 {
        margin-bottom: 8rem;
    }
    p.flow-step {
        line-height: 1.5;
    }
    .flow-l {
        flex-basis: 15%;
    }
    h3.flow-h3 {
        font-size: 3rem;
        font-weight: 500;
    }
    li.flow-item {
        margin-bottom: 2rem;
    }
    .flow-ex {
        padding: 2rem 3rem;
    }
    /*===================================================

    PC FAQ

====================================================*/
    .faq .hdg-h2 {
        margin-bottom: 8rem;
    }
    p.faq-q {
        margin-right: 2rem;
    }
    /*===================================================

    PC SALON

====================================================*/
    .h1 {
        width: 40%;
    }
}