@charset "UTF-8";
/* ==========================================
対象 : 全体共通（リセット）
============================================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap");

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
li>ul,
a,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: bottom;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: inherit;
}

li {
    list-style-type: none;
}

.tabOnly {
    display: none !important;
}

.pcNone {
    display: block !important;
}

.yellow {
    color: #F8D340;
}

.blue {
    color: #5779C2;
}

/* ==========================================
対象 : 全体共通
============================================*/
html {
    scroll-behavior: smooth;
    height: -webkit-fill-available;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    color: #333333;
    background-color: #fff;
    width: 100%;
    height: 100%;
}

body.fixed {
    overflow: hidden;
}

img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

p,
li,
a,
dt,
dd {
    font-size: 16px;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: 400;
    color: #333333;
}

p,
li,
a,
dt,
dd {
    line-height: 1.25;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    color: #333333;
}

button {
    cursor: pointer;
}

/* ========================================
    ここからレイアウト関連
======================================== */
/* ==========================================
レイアウト大枠
============================================*/
.l-wrapper {
    overflow: hidden;
    min-width: 1360px;
}

/* ========================================
    ここからコンポーネント関連
======================================== */
/* ==========================================
ボタン関連
============================================*/
.c-btn {
    width: 100%;
    height: 48px;
    position: relative;
    z-index: 1;
}

.c-btn a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    color: #5779C2;
    line-height: 1;
    background-color: #fff;
    border: solid 1px #5779C2;
    border-radius: 24px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.c-btn a .iconArrow {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #5779C2;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 9px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.c-btn a .iconArrow i {
    color: #fff;
    font-size: 10px;
}

.c-btn a:hover {
    background-color: #5779C2;
    color: #fff;
}

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

.c-btn a:hover .iconArrow i {
    color: #5779C2;
}

.c-btn.black a {
    color: #333333;
    border: solid 1px #333333;
}

.c-btn.black .iconArrow {
    background-color: #333333;
}

.c-btn.lightblue a {
    color: #4391AD;
    border: solid 1px #4391AD;
}

.c-btn.lightblue .iconArrow {
    background-color: #4391AD;
}

.c-btn.lightblue:hover a {
    color: #fff;
    background-color: #4391AD;
}

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

.c-btn.lightblue:hover .iconArrow i {
    color: #4391AD;
}

.c-btn.bgBlue a {
    border: solid 1px #fff;
    width: 100%;
    height: 100%;
    background-color: #5779C2;
    color: #fff;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
}

.c-btn.bgBlue .iconArrow {
    background-color: #fff;
}

.c-btn.bgBlue .iconArrow i {
    color: #5779C2;
}

.c-btn.bgBlue a:hover {
    border: solid 1px #5779C2;
    background-color: #fff;
    color: #5779C2;
}

.c-btn.bgBlue a:hover .iconArrow {
    background-color: #5779C2;
}

.c-btn.bgBlue a:hover .iconArrow i {
    color: #fff;
}

.c-btn.bgOrange a {
    border: solid 1px #fff;
    width: 100%;
    height: 100%;
    background-color: #FF9B00;
    color: #fff;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
}

.c-btn.bgOrange .iconArrow {
    background-color: #fff;
}

.c-btn.bgOrange .iconArrow i {
    color: #FF9B00;
}

.c-btn.bgOrange a:hover {
    border: solid 1px #FF9B00;
    background-color: #fff;
    color: #FF9B00;
}

.c-btn.bgOrange a:hover .iconArrow {
    background-color: #FF9B00;
}

.c-btn.bgOrange a:hover .iconArrow i {
    color: #fff;
}

/* ==========================================
ハートのアイコン
============================================*/
.c-iconHeart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F2F1EF;
    border-radius: 100px;
    cursor: pointer;
}

.c-iconHeart .heart::before {
    content: "\f004";
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    font-weight: 300;
    color: #707070;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.c-iconHeart input[type=checkbox] {
    display: none;
}

.c-iconHeart input[type=checkbox]:checked+.heart::before {
    font-weight: bold;
    color: #FF5968;
}

.c-iconHeart--S {
    width: 28px;
    height: 28px;
}

.c-iconHeart--S .heart::before {
    font-size: 14px;
}

.c-iconHeart--M {
    width: 48px;
    height: 48px;
}

.c-iconHeart--M .heart::before {
    font-size: 23px;
    margin-bottom: -3px;
}

/* ==========================================
タグ関連
============================================*/
.tagList {
    max-width: 732px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 9px;
}

.tagList li {
    display: inline-block;
    min-width: 91px;
    background-color: #5779C2;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    padding: 5px;
    border-radius: 64px;
}

/* ========================================
    ここからブロック共通関連
======================================== */
.p-bannerBox {
    position: absolute;
    top: 15px;
    left: 10px;
    z-index: 2;
    width: 160px;
}

.p-bannerBox a {
    display: block;
    -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}

.p-bannerBox a:not(:last-child) {
    margin-bottom: 18px;
}

.page .p-bannerBox {
    top: 40px;
}

.p-calendar {
    max-width: 300px;
}

.p-calendar .month {
    background-color: #DDDDDD;
    width: 100%;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    padding: 4px;
}

.p-calendar table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.p-calendar th,
.p-calendar td {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

.p-calendar .week th {
    background-color: #8E8E8E;
    color: #fff;
}

.p-calendar th:last-child {
    border-right: initial;
}

.p-calendar td {
    background-color: #C4C4C4;
    cursor: pointer;
}

.p-calendar td:empty {
    background-color: #DDDDDD;
}

.p-calendar td:last-child {
    border-right: initial;
}

.p-calendar tr:last-child td {
    border-bottom: initial;
}

.p-newsCard--A {
    width: 268px;
    background-color: #fff;
    border: solid 1px #DDDDDD;
    border-radius: 12px;
    -webkit-box-shadow: 3px 3px 0 #DDDDDD;
    box-shadow: 3px 3px 0 #DDDDDD;
}

.p-newsCard--A:has(.btn) {
    padding: 18px 15px;
}

.p-newsCard--A:not(:has(.btn)) a {
    padding: 18px 15px;
}

.p-newsCard--A>a {
    display: block;
}

.p-newsCard--A .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.p-newsCard--A .head h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    color: #5779C2;
}

.p-newsCard--A .head h3.yellow {
    color: #FF9B00;
}

.p-newsCard--A .head .date {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #909090;
}

.p-newsCard--A .photo {
    width: 100%;
    height: 178px;
    border-radius: 11px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 17px;
}

.p-newsCard--A h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: solid 1px #ddd;
}

.p-newsCard--A .read {
    line-height: 1.25;
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}

.p-newsCard--A .btn a {
    width: 183px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5779C2;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    border: solid 1px #5779C2;
    border-radius: 24px;
    margin: 0 auto;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.p-newsCard--A .btn a:hover {
    background-color: #5779C2;
    color: #fff;
}

.p-newsCard--A .btn.yellow a {
    border: solid 1px #FF9B00;
    color: #FF9B00;
}

.p-newsCard--A .btn.yellow a:hover {
    background-color: #FF9B00;
    color: #fff;
}

.p-newsCard--B {
    width: 268px;
    background-color: #fff;
    border: solid 1px #DDDDDD;
    border-radius: 12px;
    -webkit-box-shadow: 3px 3px 0 #DDDDDD;
    box-shadow: 3px 3px 0 #DDDDDD;
}

.p-newsCard--B .photoBox {
    width: 100%;
    height: 307px;
    padding: 18px 15px 0;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.p-newsCard--B .photo {
    width: calc(100% - 30px);
    height: calc(100% - 18px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 11px 11px 0 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}

.p-newsCard--B .list {
    padding: 8px 9px;
}

.p-newsCard--B .list li:not(:last-child) {
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: solid 1px #DDDDDD;
}

.p-newsCard--B h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    padding: 2px 15px;
    background-color: #5779C2;
    text-align: center;
}

.p-newsCard--B .detailBox {
    padding: 8px 15px 17px;
}

.p-newsCard--B .btn a {
    width: 153px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5779C2;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    border: solid 1px #5779C2;
    border-radius: 24px;
    margin: 0 auto;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
}

.p-newsCard--B .btn a:hover {
    background-color: #5779C2;
    color: #fff;
}

.p-newsCard--C {
    width: 268px;
    background-color: #fff;
    padding: 20px 15px 15px;
    border: solid 1px #DDDDDD;
    border-radius: 12px;
    -webkit-box-shadow: 3px 3px 0 #DDDDDD;
    box-shadow: 3px 3px 0 #DDDDDD;
}

.p-newsCard--C .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}

.p-newsCard--C .head h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    color: #333333;
}

.p-newsCard--C .photo {
    width: 100%;
    height: 178px;
    border-radius: 11px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 16px;
}

.p-newsCard--C .list {
    margin-bottom: 20px;
}

.p-newsCard--C .list li:not(:last-child) {
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: solid 1px #DDDDDD;
}

.p-newsCard--C .btn {
    width: 220px;
    height: 32px;
    margin: 0 auto;
}

.p-newsCard--C .btn a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    border: solid 1px #5779C2;
    border-radius: 4px;
    background-color: #5779C2;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.p-newsCard--C .btn a:hover {
    background-color: #fff;
    color: #5779C2;
}

.p-newsCard--D {
    width: 268px;
    background-color: #fff;
    padding: 8px 15px 18px;
    border: solid 1px #DDDDDD;
    border-radius: 12px;
    -webkit-box-shadow: 3px 3px 0 #DDDDDD;
    box-shadow: 3px 3px 0 #DDDDDD;
}

.p-newsCard--D .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

.p-newsCard--D .head h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    color: #5779C2;
}

.p-newsCard--D .head .date {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #909090;
}

.p-newsCard--D .photo {
    width: 100%;
    height: 120px;
    border-radius: 11px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 10px;
}

.p-newsCard--D h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 3px;
}

.p-newsCard--D h5 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    color: #5779C2;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: solid 1px #DDDDDD;
}

.p-newsCard--D .read {
    line-height: 1.25;
    text-align: justify;
    margin-bottom: 10px;
}

.p-newsCard--D .btn a {
    width: 183px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5779C2;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    border: solid 1px #5779C2;
    border-radius: 24px;
    margin: 0 auto;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.p-newsCard--D .btn a:hover {
    background-color: #5779C2;
    color: #fff;
}

.p-cardVoice {
    width: 268px;
    min-height: 393px;
    background-color: #fff;
    border-radius: 18px;
    border: solid 1px #DDDDDD;
    -webkit-box-shadow: 3px 3px 0 #DDDDDD;
    box-shadow: 3px 3px 0 #DDDDDD;
    padding: 20px 17px;
}

.p-cardVoice .starBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
}

.p-cardVoice .starBox .icon {
    display: block;
    width: 27px;
}

.p-cardVoice h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}

.p-cardVoice .dateBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 10px;
}

.p-cardVoice .dateBox .date {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #333333;
    line-height: 1;
}

.p-cardVoice .dateBox .time {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #333333;
    line-height: 1;
}

.p-cardVoice .listBox {
    background-color: #F4F4F4;
    border-radius: 7px;
    padding: 6px 8px;
    margin-bottom: 10px;
}

.p-cardVoice .listBox li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-cardVoice .listBox li:not(:last-child) {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: solid 1px #DDDDDD;
}

.p-cardVoice .listBox .title {
    width: 100px;
}

.p-cardVoice .listBox .desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    word-break: break-all;
    word-break: break-word;
}

.p-cardVoice .listBox li:last-child .desc {
    min-height: 45px;
}

.p-cardVoice .read {
    line-height: 1.5;
}

.p-cardVoice02 {
    width: 100%;
    background-color: #fff;
    border-radius: 18px;
    border: solid 1px #DDDDDD;
    -webkit-box-shadow: 3px 3px 0 #DDDDDD;
    box-shadow: 3px 3px 0 #DDDDDD;
    padding: 20px 20px;
}

.p-cardVoice02 .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}

.p-cardVoice02 .userInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 25px;
}

.p-cardVoice02 .userInfo .icon {
    width: 60px;
}

.p-cardVoice02 .userInfo p {
    line-height: 1.5;
}

.p-cardVoice02 .starBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.p-cardVoice02 .starBox .icon {
    display: block;
    width: 40px;
}

.p-cardVoice02 .menuBox {
    background-color: #F4F4F4;
    border-radius: 7px;
    padding: 6px 8px;
    margin-bottom: 15px;
}

.p-cardVoice02 .menuBox li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-cardVoice02 .menuBox li:not(:last-child) {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: solid 1px #DDDDDD;
}

.p-cardVoice02 .menuBox .title {
    padding-right: 15px;
    margin-right: 15px;
    position: relative;
    z-index: 1;
}

.p-cardVoice02 .menuBox .title::after {
    content: "";
    width: 1px;
    height: calc(100% - 6px);
    background-color: #DDDDDD;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-cardVoice02 .menuBox .desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.p-cardVoice02 .prBox .title {
    display: inline-block;
    width: 72px;
    background-color: #5779C2;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    border-radius: 10px;
    text-align: center;
    padding: 3px 0;
    margin-bottom: 5px;
}

.p-cardVoice02 .prBox .read {
    line-height: 1.5;
}

.p-resultCardSalon {
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 3px 3px 0 #DDDDDD;
    box-shadow: 3px 3px 0 #DDDDDD;
}

.p-resultCardSalon_head {
    background-color: #F8D340;
    border-radius: 12px;
    -webkit-box-shadow: 3px 3px 0 #DDDDDD;
    box-shadow: 3px 3px 0 #DDDDDD;
    padding: 16px 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.p-resultCardSalon_head .type {
    width: 62px;
    height: 62px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    background-color: #FF9B00;
    white-space: nowrap;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-resultCardSalon_head .heading {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.p-resultCardSalon_head .heading h2 {
    font-size: 23px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 10px;
}

.p-resultCardSalon_head .heading .text {
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
    color: #A5A5A5;
}

.p-resultCardSalon_head .c-iconHeart {
    margin-left: auto;
}

.p-resultCardSalon_content {
    padding: 20px 25px;
}

.p-resultCardSalon_content .head {
    margin-bottom: 28px;
}

.p-resultCardSalon_content .head .tagList {
    margin-bottom: 13px;
    gap: 7px 9px;
}

.p-resultCardSalon_content .head .tagList li {
    padding: 5px 9px;
    min-width: 70px;
    text-align: center;
}

.p-resultCardSalon_content .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
}

.p-resultCardSalon_content .photoBox {
    width: 238px;
}

.p-resultCardSalon_content .photoBox .mainImage {
    width: 100%;
    height: 178px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 11px;
}

.p-resultCardSalon_content .detailBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.p-resultCardSalon_content .detailBox .salonInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-resultCardSalon_content .detailBox .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.p-resultCardSalon_content .detailBox .item:not(:last-child) {
    padding-right: 18px;
    margin-right: 18px;
    position: relative;
    z-index: 1;
}

.p-resultCardSalon_content .detailBox .item:not(:last-child)::after {
    content: "";
    width: 1px;
    height: 26px;
    background-color: #DDDDDD;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-resultCardSalon_content .detailBox .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}

.p-resultCardSalon_content .detailBox .heading .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5779C2;
}

.p-resultCardSalon_content .detailBox .heading .icon.woman {
    width: 17px;
}

.p-resultCardSalon_content .detailBox .heading .icon.review {
    width: 23px;
}

.p-resultCardSalon_content .detailBox .heading h3 {
    font-size: 17px;
    font-weight: 900;
    line-height: 1.4705882353;
}

.p-resultCardSalon_content .detailBox .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-resultCardSalon_content .detailBox .number strong {
    font-size: 28px;
    font-weight: 900;
    line-height: 1.4285714286;
    color: #5779C2;
}

.p-resultCardSalon_content .detailBox .banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 130px;
}

.p-resultCardRanking {
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 3px 3px 0 #4391AD;
    box-shadow: 3px 3px 0 #4391AD;
}

.p-resultCardRanking_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding: 0 50px;
    height: 80px;
    background-color: #F8D340;
    border-radius: 12px;
    -webkit-box-shadow: 3px 3px 0 #4391AD;
    box-shadow: 3px 3px 0 #4391AD;
    position: relative;
    z-index: 1;
}

.p-resultCardRanking_head .number {
    font-size: 41px;
    font-weight: 900;
    color: #5779C2;
    line-height: 1;
    margin-top: -20px;
}

.p-resultCardRanking_head .number strong {
    display: inline-block;
    font-size: 61px;
    font-weight: 900;
    margin-bottom: -3px;
}

.p-resultCardRanking_head .heading h2 {
    font-size: 23px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 5px;
}

.p-resultCardRanking:nth-of-type(1) .p-resultCardRanking_head::after {
    content: "";
    width: 54px;
    height: 60px;
    background-image: url(../img/common/ranking_number01@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 50px;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-resultCardRanking:nth-of-type(2) .p-resultCardRanking_head::after {
    content: "";
    width: 54px;
    height: 60px;
    background-image: url(../img/common/ranking_number02@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 50px;
    z-index: -1;
}

.p-resultCardRanking:nth-of-type(3) .p-resultCardRanking_head::after {
    content: "";
    width: 54px;
    height: 60px;
    background-image: url(../img/common/ranking_number03@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 50px;
    z-index: -1;
}

.p-resultCardRanking_content {
    padding: 20px 25px;
}

.p-resultCardRanking_content .head {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #DDDDDD;
}

.p-resultCardRanking_content .head .tagList {
    max-width: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 7px;
}

.p-resultCardRanking_content .head .tagList li {
    display: inline-block;
    min-width: 70px;
    background-color: #5779C2;
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    padding: 5px 15px;
    border-radius: 64px;
    text-align: center;
}

.p-resultCardRanking_content .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
}

.p-resultCardRanking_content .photoBox {
    width: 238px;
}

.p-resultCardRanking_content .photoBox .mainImage {
    width: 100%;
    height: 178px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 11px;
    margin-bottom: 10px;
}

.p-resultCardRanking_content .photoBox .sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.p-resultCardRanking_content .photoBox .subImage {
    width: calc((100% - 10px) / 2);
    height: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.p-resultCardRanking_content .detailBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-resultCardRanking_content .detailBox .read {
    margin-bottom: 45px;
    line-height: 1.5625;
}

.p-resultCardRanking_content .detailBox .salonInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.p-resultCardRanking_content .detailBox .item {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
}

.p-resultCardRanking_content .detailBox .item:nth-of-type(odd) {
    position: relative;
    z-index: 1;
    padding-right: 10px;
}

.p-resultCardRanking_content .detailBox .item:nth-of-type(odd)::after {
    content: "";
    width: 1px;
    height: 26px;
    background-color: #DDDDDD;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-resultCardRanking_content .detailBox .item:nth-of-type(even) {
    padding-left: 10px;
}

.p-resultCardRanking_content .detailBox .item:nth-child(-n+2) {
    padding-bottom: 5px;
    border-bottom: solid 1px #DDDDDD;
}

.p-resultCardRanking_content .detailBox:nth-child(n+3):nth-child(-n+4) {
    padding-top: 5px;
}

.p-resultCardRanking_content .detailBox .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}

.p-resultCardRanking_content .detailBox .heading .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5779C2;
}

.p-resultCardRanking_content .detailBox .heading .icon.access i {
    font-size: 22px;
}

.p-resultCardRanking_content .detailBox .heading .icon.store i {
    font-size: 16px;
}

.p-resultCardRanking_content .detailBox .heading .icon.staff {
    width: 17px;
}

.p-resultCardRanking_content .detailBox .heading .icon.review i {
    font-size: 19px;
}

.p-resultCardRanking_content .detailBox .heading h3 {
    font-size: 17px;
    font-weight: 900;
    line-height: 1.4705882353;
}

.p-resultCardRanking_content .detailBox .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
}

.p-resultCardRanking_content .detailBox .banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 130px;
}

.p-cardTherapist {
    width: 376px;
    background-color: #fff;
    padding: 18px 20px;
    border: solid 1px #A5A5A5;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
}

.p-cardTherapist .title {
    display: inline-block;
    background-color: #5779C2;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1;
    border-radius: 10px;
    text-align: center;
    padding: 3px 0;
    margin-bottom: 5px;
}

.p-cardTherapist .read {
    line-height: 1.25;
    text-align: justify;
}

.p-cardTherapist .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 10px;
}

.p-cardTherapist .head .photo {
    width: 218px;
    height: 158px;
    border-radius: 11px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.p-cardTherapist .head .info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.p-cardTherapist .head .info>.item:not(:last-child) {
    margin-bottom: 15px;
}

.p-cardTherapist .head .title {
    width: 72px;
}

.p-cardTherapist .head.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
}

.p-cardTherapist .head.column .photo {
    width: 100%;
    height: 178px;
}

.p-cardTherapist .head.column .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.p-cardTherapist .head.column .info>.item:not(:last-child) {
    margin-bottom: 0;
}

.p-cardTherapist .prBox .title {
    width: 72px;
}

.p-footer {
    background-color: #fff;
}

.p-footer_inner {
    width: 1040px;
    margin: 0 auto;
    padding-top: 63px;
    padding-bottom: 68px;
    padding-left: 20px;
    padding-right: 20px;
}

.p-footer_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
}

.p-footer_logoBox {
    width: 240px;
}

.p-footer_logoBox .logo {
    width: 170px;
    margin-bottom: 20px;
}

.p-footer_logoBox .btnBox a {
    width: 100%;
    height: 34px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    border-radius: 24px;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-footer_logoBox .btnBox a:not(:last-child) {
    margin-bottom: 8px;
}

.p-footer_logoBox .btnBox a.yellow {
    color: #F8D340;
    border: solid 1px #F8D340;
}

.p-footer_logoBox .btnBox a.blue {
    color: #5779C2;
    border: solid 1px #5779C2;
}

.p-footer_naviBox {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 30px;
}

.p-footer_naviItem a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #B4B4B4;
}

.p-footer_naviItem .iconArrow {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #B4B4B4;
    margin-top: 3px;
}

.p-footer_naviItem .iconArrow i {
    color: #fff;
    font-size: 9px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.p-footer_naviItem a.current {
    color: #5779C2;
}

.p-footer_naviItem a.current .iconArrow {
    background-color: #5779C2;
}

.p-footer_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.p-footer_bottom .copyright {
    font-size: 12px;
    line-height: 1;
    color: #5779C2;
}

.p-header {
    background-color: #fff;
}

.p-header_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
    height: 70px;
}

.p-header_logo {
    width: 180px;
}

.p-header_logo a {
    display: block;
}

.p-header_menu {
    background-color: #5779C2;
}

.p-header_menu .menuBox {
    width: 800px;
    height: 40px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 50px;
    background-color: #5779C2;
}

.p-header_menu .item a {
    height: 100%;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
}

.p-header_menu .item .iconArrow {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    margin-left: 5px;
    margin-top: 3px;
}

.p-header_menu .item .iconArrow i {
    color: #5779C2;
    font-size: 8px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.p-header_toggleBox .hamburgerMenu {
    width: 100%;
    height: 100%;
    border: none;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    cursor: pointer;
    width: 45px;
    height: 45px;
    position: relative;
    z-index: 11;
}

.p-header_toggleBox .hamburgerMenu_bar {
    display: inline-block;
    width: 25px;
    height: 1px;
    background: #333;
    position: absolute;
    top: 13px;
    left: 10px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.p-header_toggleBox .hamburgerMenu_bar:first-child {
    top: 13px;
}

.p-header_toggleBox .hamburgerMenu_bar:nth-child(2) {
    top: 22px;
}

.p-header_toggleBox .hamburgerMenu_bar:last-child {
    top: 31px;
}

.p-header_toggleBox .hamburgerMenu.active .hamburgerMenu_bar:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
}

.p-header_toggleBox .hamburgerMenu.active .hamburgerMenu_bar:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 50%;
}

.p-header_toggleBox .hamburgerMenu.active .hamburgerMenu_bar:nth-child(2) {
    display: none;
}

.p-header .spNavi {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
}

.p-header .navigation {
    width: calc(100% - 100px);
    height: 100vh;
    position: absolute;
    top: 0;
    right: -100%;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.p-header .navigation_inner {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding-top: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.p-header .navigation_userBox {
    border-top: solid 1px #DDDDDD;
    padding: 12px 20px 20px;
}

.p-header .navigation_userBox .item:not(:last-child) {
    margin-bottom: 6px;
}

.p-header .navigation_userBox .item a {
    font-size: 19px;
    font-weight: bold;
    line-height: 1.4210526316;
    color: #5779C2;
    text-decoration: underline;
}

.p-header .navigation_list {
    border-top: solid 1px #DDDDDD;
    padding: 15px 20px 25px;
}

.p-header .navigation_list .item:not(:last-child) {
    margin-bottom: 13px;
}

.p-header .navigation_list .item a {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}

.p-header .navigation_storeMenu {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 25px;
    padding: 30px 20px;
}

.p-header .navigation_storeMenu .item a {
    font-size: 14px;
    font-weight: 400;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    line-height: 1.4285714286;
    color: #fff;
}

.p-header .navigation_storeMenu .item:not(:last-child) {
    margin-bottom: 10px;
}

.p-header .spNavi.active {
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
    visibility: visible;
}

.p-header .navigation.active {
    display: block;
    right: 0;
}

.p-secHeading--A {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: solid 4px #F7ECBC;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
}

.p-secHeading--A h2 {
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: 500;
    color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 6px;
    line-height: 1;
}

.p-secHeading--A h2 strong {
    font-size: 40px;
    font-weight: 900;
    color: #5779C2;
}

.p-secHeading--A h2 small {
    font-size: 30px;
}

.p-secHeading--A .en {
    font-size: 73px;
    font-family: "Outfit", sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #F7ECBC;
    position: absolute;
    bottom: -10px;
    right: 0;
}

.p-secHeading--B .en {
    font-size: 25px;
    font-weight: 900;
    font-family: "Outfit", sans-serif;
    line-height: 1;
    margin-bottom: 7px;
}

.p-secHeading--B .en.blue {
    color: #5779C2;
}

.p-secHeading--B .en.yellow {
    color: #F8D340;
}

.p-secHeading--B .en.small {
    font-weight: 300;
    font-size: 16px;
}

.p-secHeading--B h2 {
    font-size: 30px;
    font-weight: 900;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    line-height: 1;
    padding-bottom: 15px;
    text-decoration: underline;
    text-underline-offset: 15px;
    text-decoration-thickness: 4px;
}

.p-secHeading--B h2.white {
    color: #fff;
    text-decoration-color: #fff;
}

.p-secHeading--B h2.small {
    font-size: 21px;
}

.p-secHeading--B h2.underBlue {
    text-decoration-color: #5779C2;
    text-decoration-thickness: 2px;
}

.p-secHeading--C {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: solid 4px #000000;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
}

.p-secHeading--C h2 {
    font-size: 30px;
    font-weight: 900;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    color: #333333;
    line-height: 1;
}

.p-secHeading--C .en {
    font-size: 73px;
    font-family: "Outfit", sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #000000;
    position: absolute;
    bottom: -10px;
    right: 0;
}

.p-secHeading--D {
    position: relative;
    z-index: 1;
}

.p-secHeading--D .en {
    font-size: 25px;
    font-weight: 900;
    font-family: "Outfit", sans-serif;
    line-height: 1;
    margin-bottom: 8px;
}

.p-secHeading--D .en.blue {
    color: #5779C2;
}

.p-secHeading--D .en.yellow {
    color: #F8D340;
}

.p-secHeading--D h2 {
    font-size: 30px;
    font-weight: 900;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    line-height: 1;
    padding-bottom: 15px;
    text-decoration: underline;
    text-underline-offset: 15px;
    text-decoration-thickness: 4px;
}

.p-secHeading--D .big {
    font-size: 110px;
    font-weight: 900;
    font-family: "Outfit", sans-serif;
    line-height: 1;
    color: #F7ECBC;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}

.p-secHeading--E {
    background-color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    padding: 15px;
    border-left: solid 6px #FDB01F;
}

.p-secHeading--E.blue {
    background-color: #5779C2;
}

.p-secHeading--E h2 {
    font-size: 21px;
    font-weight: 900;
    line-height: 1;
    color: #fff;
}

.p-secHeading--E .en {
    font-size: 16px;
    font-weight: 300;
    font-family: "Outfit", sans-serif;
    line-height: 1;
    color: #fff;
}

.p-secHeading--normal h2 {
    display: inline-block;
    font-size: 30px;
    font-weight: 900;
    line-height: 1;
    padding-bottom: 15px;
    border-bottom: solid 4px #333333;
}

.p-secHeading--page h2 {
    font-size: 29px;
    font-weight: 900;
    line-height: 1;
    color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-secHeading--page .icon {
    display: inline-block;
    margin-right: 5px;
}

.p-secHeading--page .icon i {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #5779C2;
    font-size: 26px;
}

.p-secHeading--page .icon img {
    width: 20px;
}

.p-login {
    background-color: #F2F2F2;
}

.p-login h3 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5625;
    background-color: #A5A5A5;
    padding: 8px;
    text-align: center;
}

.p-login input {
    cursor: pointer;
}

.p-login .content {
    padding: 20px;
}

.p-login .inputBox {
    margin-bottom: 10px;
}

.p-login .inputBox.mb25 {
    margin-bottom: 25px;
}

.p-login .inputBox h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 5px;
}

.p-login .inputBox input {
    width: 100%;
    height: 34px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) inset;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) inset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.p-login .actionBox .c-btn {
    width: 270px;
    height: 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    margin: 0 auto 10px;
}

.p-login .actionBox .c-btn input {
    width: 100%;
    height: 100%;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    background-color: #FF9B00;
    border: solid 1px #fff;
    border-radius: 24px;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.p-login .actionBox .c-btn .iconArrow {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 9px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-login .actionBox .c-btn .iconArrow i {
    color: #FF9B00;
    font-size: 10px;
}

.p-login .actionBox .link {
    display: block;
    text-decoration: underline;
    text-align: center;
    font-weight: 500;
    color: #333333;
}

.p-login .actionBox .attention {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
}

.p-login .actionBox .attention:not(:last-child) {
    margin-bottom: 5px;
}

.p-login .descBox .title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3888888889;
    margin-bottom: 15px;
}

.p-login .descBox .read {
    font-weight: 500;
    line-height: 1.5625;
    margin-bottom: 17px;
    text-align: center;
}

.p-modalAddCondition {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.4);
}

.p-modalAddCondition_inner {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-modalAddCondition_center {
    width: 748px;
}

.p-modalAddCondition_head {
    background-color: #5779C2;
    padding: 12px 15px 12px 20px;
    position: relative;
    z-index: 1;
}

.p-modalAddCondition_head h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
}

.p-modalAddCondition_head .closeBtn {
    width: 30px;
    background-color: initial;
    border: initial;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    padding: 0;
}

.p-modalAddCondition_content {
    background-color: #fff;
    padding: 17px 20px 30px;
}

.p-modalAddCondition_listBox .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px 32px;
    margin-bottom: 20px;
}

.p-modalAddCondition_listBox .list:not(:last-child) {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: solid 1px #5779C2;
}

.p-modalAddCondition_listBox .list li {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    color: #B4B4B4;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.p-modalAddCondition_listBox .list li::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #E6ECFA;
    position: absolute;
    top: 0;
    right: -16px;
    z-index: -1;
}

.p-modalAddCondition_listBox .list li.active {
    color: #5779C2;
    font-weight: bold;
}

.p-modalAddCondition .btnBox {
    padding: 5px 0 15px;
}

.p-modalAddCondition .btnBox .selectBtn {
    background-color: #E6ECFA;
    border: solid 1px #5779C2;
    border-radius: 17px;
    width: 118px;
    height: 26px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #5779C2;
}

.p-modalDateSelect {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.4);
}

.p-modalDateSelect_inner {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-modalDateSelect_center {
    width: 665px;
}

.p-modalDateSelect_head {
    background-color: #5779C2;
    padding: 12px 15px 12px 20px;
    position: relative;
    z-index: 1;
}

.p-modalDateSelect_head h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
}

.p-modalDateSelect_head .closeBtn {
    width: 30px;
    background-color: initial;
    border: initial;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    padding: 0;
}

.p-modalDateSelect_content {
    background-color: #fff;
    padding: 20px 20px 15px;
}

.p-modalDateSelect .selectBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.p-modalDateSelect .btnBox {
    padding: 5px 0 15px;
}

.p-modalDateSelect .btnBox .selectBtn {
    background-color: #E6ECFA;
    border: solid 1px #5779C2;
    border-radius: 17px;
    width: 118px;
    height: 26px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #5779C2;
}

.p-modalStationSearch {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.4);
}

.p-modalStationSearch_inner {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-modalStationSearch_center {
    width: 748px;
}

.p-modalStationSearch_head {
    background-color: #5779C2;
    padding: 12px 15px 12px 20px;
    position: relative;
    z-index: 20;
}

.p-modalStationSearch_head h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
}

.p-modalStationSearch_head .closeBtn {
    width: 30px;
    background-color: initial;
    border: initial;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20;
    padding: 0;
}

.p-modalStationSearch_content {
    background-color: #fff;
}

.p-modalStationSearch_content .searchBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
}

.p-modalStationSearch_content input[type=search] {
    width: 355px;
    height: 34px;
    border-radius: 6px;
    border: solid 1px #DDDDDD;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) inset;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) inset;
}

.p-modalStationSearch_content input[type=submit] {
    background-color: #E6ECFA;
    border: solid 1px #5779C2;
    border-radius: 17px;
    width: 70px;
    height: 26px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #5779C2;
}

.p-modalStationSearch h3 {
    background-color: #DDDDDD;
    font-size: 15px;
    font-weight: 500;
    color: #333333;
    line-height: 1;
    padding: 7px 20px;
}

.p-modalStationSearch h3 strong {
    font-weight: bold;
    margin-right: 5px;
}

.p-modalStationSearch_listBox--max500 {
    max-height: 500px;
    height: 100%;
    overflow: scroll;
}

.p-modalStationSearch .selectBox h4 {
    background-color: #F2F2F2;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    padding: 4px 23px;
}

.p-modalStationSearch_listBox--max500 .listItem:nth-of-type(n+12) {
    display: none;
}

.p-modalStationSearch .itemBox {
    padding: 0 23px 10px;
}

.p-modalStationSearch .itemBox .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.p-modalStationSearch .itemBox .listItem {
    width: 33.33%;
}

.p-modalStationSearch .itemBox label {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4666666667;
}

.p-modalStationSearch .itemBox .moreBtn {
    background-color: #E6ECFA;
    border: solid 1px #5779C2;
    border-radius: 17px;
    width: 135px;
    height: 26px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #5779C2;
    cursor: pointer;
}

.p-modalStationSearch .btnBox {
    padding: 5px 0 15px;
    text-align: center;
}

.p-modalStationSearch .btnBox .selectBtn {
    background-color: #5779C2;
    border: initial;
    border-radius: 17px;
    width: 100px;
    height: 26px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
}

/* 追加 disabled状態のスタイル */
.p-modalStationSearch .btnBox .selectBtn:disabled {
    background-color: #d3d3d3; /* 灰色背景 */
    color: #a9a9a9;           /* テキストを薄い灰色に */
    cursor: not-allowed;      /* カーソルを「禁止」に変更 */
    border: 1px solid #ccc;   /* 枠線を追加 */
}

.p-modalTreatmentDesignation {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.4);
}

.p-modalTreatmentDesignation_inner {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-modalTreatmentDesignation_center {
    width: 748px;
}

.p-modalTreatmentDesignation_head {
    background-color: #5779C2;
    padding: 12px 15px 12px 20px;
    position: relative;
    z-index: 1;
}

.p-modalTreatmentDesignation_head h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
}

.p-modalTreatmentDesignation_head .closeBtn {
    width: 30px;
    background-color: initial;
    border: initial;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    padding: 0;
}

.p-modalTreatmentDesignation_content {
    background-color: #fff;
    padding: 17px 20px 30px;
    height: calc(100% - 47px);
}

.p-modalTreatmentDesignation_listBox {
    max-width: 560px;
}

.p-modalTreatmentDesignation_listBox .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px 32px;
    margin-bottom: 20px;
    overflow: hidden;
}

.p-modalTreatmentDesignation_listBox .list:not(:last-child) {
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: solid 1px #5779C2;
}

.p-modalTreatmentDesignation_listBox .list li {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    color: #B4B4B4;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.p-modalTreatmentDesignation_listBox .list li::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #E6ECFA;
    position: absolute;
    top: 0;
    right: -16px;
    z-index: -1;
}

.p-modalTreatmentDesignation_listBox .list li.active {
    color: #5779C2;
    font-weight: bold;
}

.p-modalTreatmentDesignation .btnBox {
    padding: 5px 0 15px;
}

.p-modalTreatmentDesignation .btnBox .selectBtn {
    background-color: #E6ECFA;
    border: solid 1px #5779C2;
    border-radius: 17px;
    width: 118px;
    height: 26px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #5779C2;
}

/* ==========================================
対象 : ランキングページ
使用箇所 : ページ上部の絞り込みのボックス
============================================*/
.p-narrowDown {
    width: 100%;
    padding: 20px 15px;
    border: solid 1px #DDDDDD;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.p-narrowDown.bgNone {
    padding: 0;
    border: none;
    background-color: initial;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.p-narrowDown_content h3 {
    font-size: 23px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 16px;
}

.p-narrowDown_content h3 .icon {
    display: inline-block;
    margin-right: 5px;
}

.p-narrowDown_content h3 .icon i {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #FF9B00;
    font-size: 23px;
}

.p-narrowDown_item:not(:last-child) {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #DDDDDD;
}

.p-narrowDown .heading {
    font-weight: 500;
    margin-bottom: 8px;
}

.p-narrowDown .btnBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.p-narrowDown .btnBox button {
    width: 300px;
    background-color: #F7F7F7;
    border: solid 1px #F8D340;
    padding: 12px;
    border-radius: 10px;
}

.p-narrowDown .btnBox button p {
    font-weight: bold;
    line-height: 1.25;
    color: #5779C2;
}

.p-narrowDown .btnBox button.active {
    background-color: #F8D340;
    border: solid 1px #5779C2;
}

.p-narrowDown .btnBox button.active p {
    color: #fff;
}

.p-narrowDown .areaBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    margin-bottom: 10px;
}

.p-narrowDown .areaBtn button {
    width: 146px;
    height: 82px;
    display: grid;
    place-items: center;
    background-color: #fff;
    border: solid 1px #F8D340;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
}

.p-narrowDown .areaBtn button p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.25;
    color: #C3C3C3;
}

.p-narrowDown .areaBtn button.active {
    border: solid 1px #fff;
    background-color: #F8D340;
}

.p-narrowDown .areaBtn button.active p {
    color: #333333;
}

.p-narrowDown .treatmentBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.p-narrowDown .treatmentBtn button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 52px;
    display: grid;
    place-items: center;
    background-color: #F7F7F7;
    border-radius: 10px;
    border: solid 1px #F8D340;
}

.p-narrowDown .treatmentBtn button p {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #5779C2;
}

.p-narrowDown .treatmentBtn button.active {
    background-color: #F8D340;
}

.p-narrowDown .treatmentBtn button.active p {
    color: #333333;
}

.p-narrowDown .searchBtn {
    background-color: #5779C2;
    border-radius: 13px;
    border: none;
    color: #fff;
    padding: 1px 20px;
    margin-top: 10px;
}

.p-narrowDown .moreBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p-narrowDown .moreBtn button {
    width: 300px;
    height: 47px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}

.p-narrowDown .moreBtn.yellow button {
    background-color: #F8D340;
    border: solid 1px #5779C2;
    color: #fff;
}

.p-narrowDown .moreBtn.gray button {
    background-color: #F7F7F7;
    border: solid 1px #F8D340;
    color: #5779C2;
}

.p-pageNavigation {
    background-color: #333333;
}

.p-pageNavigation_list {
    width: 1040px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px;
    padding: 15px 20px;
    margin: 0 auto;
}

.p-pageNavigation_list a {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.p-pageNavigation_list.store {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p-sidebarNews {
    position: absolute;
    top: 28px;
    right: 12px;
    z-index: 1;
    width: 170px;
    border: solid 1px #707070;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
}

.p-sidebarNews_inner {
    padding: 7px 10px 15px;
}

.p-sidebarNews h2 {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    margin-bottom: 5px;
}

.p-sidebarNews h2 .blue {
    color: #5779C2;
}

.p-sidebarNews_list {
    margin-bottom: 10px;
}

.p-sidebarNews_listItem:not(:last-child) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #DDDDDD;
}

.p-sidebarNews_listItem .date {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #A5A5A5;
}

.p-sidebarNews_listItem .title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    text-decoration: underline;
}

.p-sidebarNews_btnBox a {
    display: block;
    width: 100%;
    padding: 4px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3333333333;
    letter-spacing: -0.04em;
    color: #fff;
    background-color: #5779C2;
    border-radius: 16px;
    text-align: center;
}

.p-pageHeader .p-panList {
    padding: 10px 0;
}

.p-pageSearchArea {
    background-image: url(../img/common/bg_dot_gray@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}

.p-pageSearchArea.kimotty::after {
    content: "";
    background-image: url(../img/common/heading_kimotty_big@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 524px;
    height: 143px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.p-pageSearchArea.bgNone {
    background-image: none;
}

.p-pageSearchArea_inner {
    padding-top: 10px;
    padding-bottom: 95px;
    position: relative;
    z-index: 2;
}

.p-pageSearchArea_inner:has(.p-searchMultiple) {
    padding-bottom: 10px;
}

.p-pageSearchArea_inner.pb20 {
    padding-bottom: 20px;
}

.p-pageSearchArea_inner[data-text=NOW]::after,
.p-pageSearchArea_inner[data-text=TODAY]::after,
.p-pageSearchArea_inner[data-text="PICK UP"]::after,
.p-pageSearchArea_inner[data-text=NEWS]::after,
.p-pageSearchArea_inner[data-text=BLOG]::after {
    font-size: 88px;
    font-family: "Outfit", sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #D9E2F7;
    position: absolute;
    bottom: -15px;
    right: 230px;
    z-index: -1;
}

.p-pageSearchArea_inner[data-text=NOW]::after {
    content: "NOW";
}

.p-pageSearchArea_inner[data-text=TODAY]::after {
    content: "TODAY";
}

.p-pageSearchArea_inner[data-text="PICK UP"]::after {
    content: "PICK UP";
}

.p-pageSearchArea_inner[data-text=NEWS]::after {
    content: "NEWS";
}

.p-pageSearchArea_inner[data-text=BLOG]::after {
    content: "BLOG";
}

.p-pageSearchArea .p-panList {
    margin-bottom: 40px;
}

.p-pageSearchArea.bgNone .p-panList {
    margin-bottom: 0;
}

.p-pageSearchArea .p-secHeading {
    margin-bottom: 20px;
}

.p-pageSearchArea_content:has(.p-searchMultiple) .p-narrowDown {
    margin-bottom: 10px;
}

.p-pageSearchArea .rankingSwich {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.p-pageSearchArea .rankingSwich a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 52px;
    display: grid;
    place-items: center;
    background-color: #F7F7F7;
    border: solid 1px #F8D340;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    color: #5779C2;
}

.p-pageSearchArea .rankingSwich a.active {
    background-color: #F8D340;
    color: #fff;
}

.p-pagination_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.p-pagination_list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    color: #727272;
    text-align: center;
    border: solid 1px #707070;
    border-radius: 4px;
    background-color: #fff;
    white-space: nowrap;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.p-pagination_list a:hover {
    color: #fff;
    background-color: #727272;
}

.p-pagination_list li.current a {
    color: #fff;
    background-color: #727272;
}

.p-pagination_list li.prev a,
.p-pagination_list li.next a {
    width: 80px;
    position: relative;
    z-index: 1;
}

.p-pagination_list li.prev a::before,
.p-pagination_list li.next a::before {
    content: "";
    width: 8px;
    height: 10px;
    background-color: #727272;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}

.p-pagination_list li.prev a:hover::before,
.p-pagination_list li.next a:hover::before {
    background-color: #fff;
}

.p-pagination_list li.prev a::before {
    -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    left: 5px;
}

.p-pagination_list li.next a::before {
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    right: 5px;
}

.p-articlePagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

.p-articlePagination a {
    display: block;
    background-color: #fff;
    border: solid 1px #707070;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #727272;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.p-articlePagination .itemBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 13px;
}

.p-articlePagination .itemBox a.list {
    width: 190px;
    height: 30px;
}

.p-articlePagination .itemBox a.list::after {
    content: "";
    width: 8px;
    height: 9px;
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background-color: #727272;
    position: absolute;
    top: 50%;
    right: 5px;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-articlePagination .itemBox a.prev,
.p-articlePagination .itemBox a.next {
    text-indent: -9999px;
    width: 30px;
    height: 30px;
}

.p-articlePagination .itemBox a.prev::before,
.p-articlePagination .itemBox a.next::before {
    content: "";
    content: "";
    width: 8px;
    height: 9px;
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background-color: #727272;
}

.p-articlePagination .itemBox a.prev::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.p-panList li,
.p-panList a {
    display: inline;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #A5A5A5;
}

.p-panList li:not(:last-child)::after {
    content: ">";
    display: inline;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #A5A5A5;
    margin-left: 3px;
}

.p-panList--B li,
.p-panList--B a {
    color: #333333;
}

.p-panList--B li:not(:last-child)::after {
    content: "/";
    display: inline;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
    color: #333333;
    margin-left: 3px;
}

.p-quickSearch {
    width: 178px;
    background-color: #E6ECFA;
    padding: 15px 8px 20px;
    position: absolute;
    top: 50px;
    right: 17px;
}

.p-quickSearch h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #5779C2;
    text-align: center;
    white-space: nowrap;
    padding: 10px;
    border-bottom: solid 1px #D3DDF4;
    text-decoration: underline;
    line-height: 1.5;
    margin-bottom: initial;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.p-quickSearch h2::after {
    content: "";
    background-color: #5779C2;
    width: 16px;
    height: 14px;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}

.p-quickSearch h2.open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.p-quickSearch_content:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 7px;
    border-bottom: solid 1px #A9C0F0;
}

.p-quickSearch_content h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #5779C2;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 10px;
}

.p-quickSearch_list:has(:nth-child(3)) {
    border-bottom: solid 1px #D3DDF4;
    margin-bottom: 16px;
}

.p-quickSearch_listItem {
    width: 100%;
}

.p-quickSearch_listItem:not(:last-child) {
    margin-bottom: 10px;
}

.p-quickSearch_listItem button {
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #5779C2;
    width: 100%;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    color: #5779C2;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

.p-quickSearch_listItem button .icon i {
    color: #5779C2;
}

.p-quickSearch_listItem button.active {
    background-color: #5779C2;
    border: solid 1px #F8D340;
    color: #F8D340;
    font-weight: bold;
}

.p-quickSearch_listItem button.active .icon i {
    color: #F8D340;
}

/* =====================
対象 : 会員登録・編集フォーム
使用箇所 : 会員ログイン / マイページ
=======================*/
.p-registrationInformation h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    background-color: #A5A5A5;
    padding: 10px;
    text-align: center;
}

.p-registrationInformation .content {
    background-color: #F2F2F2;
    padding: 30px 20px 60px;
    margin-bottom: 18px;
}

.p-registrationInformation .formItemBox {
    margin-bottom: 30px;
}

.p-registrationInformation .formItemBox .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: solid 1px #DDDDDD;
}

.p-registrationInformation .formItemBox .item:not(:last-child) {
    margin-bottom: 20px;
}

.p-registrationInformation .formItemBox label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: 500;
    line-height: 1.5;
}

.p-registrationInformation .formItemBox label .required {
    width: 60px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #fff;
    background-color: #5779C2;
    border-radius: 64px;
    padding: 5px;
    margin-left: 7px;
}

.p-registrationInformation .formItemBox .inputBox {
    width: 500px;
    padding-right: 15px;
}

.p-registrationInformation .formItemBox .inputBox.gender {
    display: grid;
    grid-template-columns: repeat(3, auto);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
}

.p-registrationInformation .formItemBox .inputBox.dateBirth {
    display: grid;
    grid-template-columns: repeat(2, auto);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
}

.p-registrationInformation .formItemBox .inputBox.phoneNumber {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.p-registrationInformation .formItemBox .inputBox.phoneNumber input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}

.p-registrationInformation .formItemBox input[type=text],
.p-registrationInformation .formItemBox input[type=tel],
.p-registrationInformation .formItemBox select,
.p-registrationInformation .formItemBox textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) inset;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) inset;
    font-size: 16px;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: 500;
    color: #333333;
    box-sizing: border-box;
}

.p-registrationInformation .formItemBox input[type=text]::-webkit-input-placeholder,
.p-registrationInformation .formItemBox input[type=tel]::-webkit-input-placeholder,
.p-registrationInformation .formItemBox select::-webkit-input-placeholder,
.p-registrationInformation .formItemBox textarea::-webkit-input-placeholder {
    color: #C6C6C6;
}

.p-registrationInformation .formItemBox input[type=text]::-moz-placeholder,
.p-registrationInformation .formItemBox input[type=tel]::-moz-placeholder,
.p-registrationInformation .formItemBox select::-moz-placeholder,
.p-registrationInformation .formItemBox textarea::-moz-placeholder {
    color: #C6C6C6;
}

.p-registrationInformation .formItemBox input[type=text]:-ms-input-placeholder,
.p-registrationInformation .formItemBox input[type=tel]:-ms-input-placeholder,
.p-registrationInformation .formItemBox select:-ms-input-placeholder,
.p-registrationInformation .formItemBox textarea:-ms-input-placeholder {
    color: #C6C6C6;
}

.p-registrationInformation .formItemBox input[type=text]::-ms-input-placeholder,
.p-registrationInformation .formItemBox input[type=tel]::-ms-input-placeholder,
.p-registrationInformation .formItemBox select::-ms-input-placeholder,
.p-registrationInformation .formItemBox textarea::-ms-input-placeholder {
    color: #C6C6C6;
}

.p-registrationInformation .formItemBox input[type=text]::placeholder,
.p-registrationInformation .formItemBox input[type=tel]::placeholder,
.p-registrationInformation .formItemBox select::placeholder,
.p-registrationInformation .formItemBox textarea::placeholder {
    color: #C6C6C6;
}

.p-registrationInformation .formItemBox input[type=tel] {
    text-align: center;
}

.p-registrationInformation .formItemBox input[type=text],
.p-registrationInformation .formItemBox select {
    width: 100%;
    height: 34px;
}

.p-registrationInformation .formItemBox textarea {
    width: 100%;
    height: 166px;
}

.p-registrationInformation .formItemBox input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 24px;
    height: 24px;
    margin: 0;
    border: 1px solid #707070;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.p-registrationInformation .formItemBox input[type=radio]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background-color: #000;
    border-radius: 50%;
    opacity: 0;
}

.p-registrationInformation .formItemBox input[type=radio]:checked::before {
    opacity: 1;
}

.p-registrationInformation .formItemBox .inputBox label,
.p-registrationInformation .formItemBox .inputBox .selectBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.p-registrationInformation .formItemBox .inputBox label {
    cursor: pointer;
}

.p-registrationInformation .formItemBox .inputBox .selectBox .selectWrap {
    position: relative;
}

.p-registrationInformation .formItemBox .inputBox .selectBox .selectWrap::after {
    content: "";
    border: 0.1em solid #707070;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 8px;
    right: 15px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-left: 0;
    border-bottom: 0;
    pointer-events: none;
}

.p-registrationInformation .formItemBox .inputBox .selectBox select {
    width: 165px;
}

.p-registrationInformation .formDetailBox {
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p-registrationInformation .formDetailBox h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5625;
    text-align: center;
    margin-bottom: 20px;
}

.p-registrationInformation .formDetailBox ol {
    margin-bottom: 30px;
}

.p-registrationInformation .formDetailBox ol li {
    list-style-type: decimal;
    margin-left: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5625;
}

.p-registrationInformation .agreeBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.p-registrationInformation .agreeBox input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 34px;
    height: 34px;
    border: solid 1px #DDDDDD;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) inset;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) inset;
    border-radius: 6px;
    outline: none;
    background-color: #fff;
    position: relative;
    cursor: pointer;
}

.p-registrationInformation .agreeBox input[type=checkbox]::before {
    content: "";
    /* チェックされていないときは何も表示しない */
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 20px;
    border: solid #333333;
    border-width: 0 4px 4px 0;
    opacity: 0;
    /* チェックされていない状態では非表示 */
}

.p-registrationInformation .agreeBox input[type=checkbox]:checked::before {
    opacity: 1;
    /* チェックされたときに表示 */
}

.p-registrationInformation .agreeBox span,
.p-registrationInformation .agreeBox a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5625;
}

.p-registrationInformation .agreeBox a {
    color: #5779C2;
}

.p-registrationInformation .btnBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.p-registrationInformation .btnBox .submit {
    width: 272px;
    height: 47px;
    position: relative;
    z-index: 1;
}

.p-registrationInformation .btnBox .submit .iconArrow {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 9px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-registrationInformation .btnBox .submit .iconArrow i {
    color: #FF9B00;
    font-size: 10px;
}

.p-registrationInformation .btnBox input[type=submit] {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: bold;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    background-color: #FF9B00;
    border: solid 1px #fff;
    border-radius: 24px;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

.p-resultNumber-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.p-resultNumber-pagination_result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}

.p-resultNumber-pagination_result .number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px;
}

.p-resultNumber-pagination_result .number strong {
    font-size: 25px;
    font-weight: 900;
    line-height: 1.44;
    color: #5779C2;
}

.p-resultNumber-pagination_pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.p-resultNumber-pagination_pagination .number {
    line-height: 1.5;
}

.p-resultNumber-pagination_pagination a {
    border: solid 1px #fff;
    border-radius: 13px;
    background-color: #5779C2;
    color: #fff;
    line-height: 1.5;
    padding: 0 17px 1px;
    font-size: 16px;
    font-weight: 400;
}

.p-resultNumber-pagination_lineup {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.p-resultNumber-pagination_lineup .title {
    font-size: 14px;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: 400;
    line-height: 1.4285714286;
    white-space: nowrap;
}

.p-resultNumber-pagination_lineup a {
    display: inline-block;
    border: solid 1px #fff;
    border-radius: 13px;
    background-color: #5779C2;
    color: #fff;
    line-height: 1;
    padding: 1px 10px 3px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
}

.p-resultNumber-pagination_lineup a.w140 {
    width: 140px;
    padding: 1px 0 3px;
}

.p-resultNumber-pagination_lineup a.current {
    background-color: #F0F0F0;
    border: solid 1px #fff;
    color: #5779C2;
}

.p-searchArea_inner {
    padding-top: 72px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}

.p-searchArea .p-secHeading {
    margin-bottom: 58px;
}

.p-searchArea_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 40px;
}

.p-searchArea_searchBox {
    width: 172px;
    background-color: #E6ECFA;
}

.p-searchArea_searchBox .head {
    padding: 14px 12px 22px;
    margin: 0 5px;
    border-bottom: solid 1px #A9C0F0;
}

.p-searchArea_searchBox .head .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 38px;
    background-color: #fff;
    padding: 7px 6px;
    border: solid 1px #5779C2;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1;
    color: #5779C2;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

.p-searchArea_searchBox .head .btn.active {
    background-color: #5779C2;
    border: solid 1px #F8D340;
    color: #F8D340;
    font-weight: bold;
}

.p-searchArea_searchBox .head .btn:not(:last-child) {
    margin-bottom: 10px;
}

.p-searchArea_searchBox .content {
    padding-top: 12px;
}

.p-searchArea_searchBox .content .title {
    color: #5779C2;
    font-weight: bold;
    text-align: center;
    margin-bottom: 8px;
}

.p-searchArea_searchBox .content .title strong {
    font-size: 21px;
}

.p-searchArea_searchBox .content .title small {
    font-size: 16px;
}

.p-searchArea_searchBox .content .listBox {
    border: solid 1px #5779C2;
}

.p-searchArea_searchBox .content .item {
    background-color: #fff;
    width: 100%;
    height: 35px;
}

.p-searchArea_searchBox .content .item:not(:last-child) {
    border-bottom: solid 1px #5779C2;
}

.p-searchArea_searchBox .content .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 3px 16px 3px 9px;
    color: #5779C2;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.p-searchArea_searchBox .content .item a i {
    font-size: 12px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-searchArea_searchBox .content .item a.active {
    background-color: #5779C2;
    color: #F8D340;
    font-weight: bold;
}

.p-searchArea_searchBox .content .item a.active i {
    color: #F8D340;
    font-size: 14px;
}

.p-searchArea_selectBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.p-searchArea_selectBox .btnSwitch {
    width: 220px;
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px #5779C2;
    border-radius: 5px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: 10px;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
}

.p-searchArea_selectBox .btnSwitch button {
    width: 100%;
    height: 100%;
    background-color: initial;
    border: none;
    padding: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    line-height: 1;
    color: #5779C2;
    cursor: pointer;
}

.p-searchArea_selectBox .btnSwitch button i {
    color: #5779C2;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 19px;
}

.p-searchArea_select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    gap: 12px;
    position: relative;
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.p-searchArea_select.hidden {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.p-searchArea_select>.moreBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 34px;
    min-height: 100%;
    border: solid 1px #5779C2;
    border-radius: 5px;
    background-color: #fff;
    padding: 3px;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

.p-searchArea_select>.moreBtn p {
    font-size: 16px;
    font-weight: bold;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 0.2em;
    color: #5779C2;
}

.p-searchArea_select .selectArea {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 15px;
    position: relative;
    z-index: 1;
}

.p-searchArea_select .selectArea::after {
    content: "";
    background-image: url(../img/common/decora_rail01@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 640px;
    height: 235px;
    position: absolute;
    top: 25px;
    left: 0;
    z-index: -1;
}

.p-searchArea_select .areaList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    position: relative;
    z-index: 1;
}

.p-searchArea_select .areaItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 146px;
    height: 82px;
}

.p-searchArea_select .areaItem.btLine {
    position: relative;
    z-index: 1;
}

.p-searchArea_select .areaItem a,
.p-searchArea_select .areaItem .moreBtn {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    line-height: 1.25;
    color: #C3C3C3;
    text-align: center;
    background-color: #fff;
    border: solid 1px #F8D340;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
}

.p-searchArea_select .areaItem .moreBtn {
    border: solid 1px #5779C2;
}

.p-searchArea_select .areaItem .moreBtn p {
    font-size: 16px;
    font-weight: bold;
    color: #5779C2;
}

.p-searchArea_select .areaItem a.active {
    background-color: #F8D340;
    border: solid 1px #fff;
    color: #333333;
}

.p-searchArea_select.reserve {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.p-searchArea_select.reserve .selectArea::after {
    content: "";
    background-image: url(../img/common/decora_rail02@2x.png);
    width: 582px;
    height: 255px;
    top: 10px;
    left: 36px;
}

.p-searchTerms_content .termsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
}

.p-searchTerms_content .tabCat {
    width: 294px;
    height: 48px;
    background-color: #fff;
    border: solid 1px #5779C2;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.p-searchTerms_content .tabCat:nth-child(2) {
    width: 260px;
}

.p-searchTerms_content .tabCat p {
    font-weight: 500;
    line-height: 1;
    color: #5779C2;
}

.p-searchTerms_content .tabCat .iconArrow {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #5779C2;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 9px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-searchTerms_content .tabCat .iconArrow i {
    color: #fff;
    font-size: 10px;
}

.p-searchTerms_content .tabCat.show {
    background-color: #5779C2;
}

.p-searchTerms_content .tabCat.show p {
    color: #fff;
}

.p-searchTerms_content .tabCat.show .iconArrow {
    background-color: #fff;
}

.p-searchTerms_content .tabCat.show .iconArrow i {
    color: #5779C2;
}

.p-searchTerms_content .tagBox {
    display: none;
    padding-top: 22px;
    width: 732px;
}

.p-searchTerms_content .tagBox.show {
    display: block;
}

.p-searchTerms_content .tagList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 9px;
}

.p-searchTerms_content .tagList li {
    display: inline-block;
    background-color: #F1F6F6;
    border: solid 1px #E5E5E5;
    border-radius: 4px;
    text-align: center;
}

.p-searchTerms_content .tagList a {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3333333333;
}

.p-searchTerms_content .tagList a.treatment01 {
    color: #4391AD;
}

.p-searchTerms_content .tagList a.treatment02 {
    color: #A79638;
}

.p-searchTerms_content .tagList a.treatment03 {
    color: #249062;
}

.p-searchTerms_content .tagList a.treatment04 {
    color: #904924;
}

.p-searchTerms_content .tagList a.treatment05 {
    color: #6843AD;
}

.p-searchTerms_content .tagList a.treatment06 {
    color: #A73881;
}

.p-searchTerms_content .tagList a.treatment07 {
    color: #902424;
}

.p-searchTerms_content .tagList a.treatment08 {
    color: #242490;
}

.p-searchTerms_content .tagList a.treatment09 {
    color: #AD8443;
}

.p-searchTerms_content .tagList a.treatment10 {
    color: #38A738;
}

.p-searchTerms_content .tagList a.treatment11 {
    color: #3029D0;
}

.p-searchTerms_content .tagList a.treatment12 {
    color: #C4850F;
}

.p-searchTerms_content .tagList a.treatment13 {
    color: #28596A;
}

.p-searchTerms_content .tagList a.treatment14 {
    color: #4D6A14;
}

.p-searchTerms_content .tagList a.terms01 {
    color: #4391AD;
}

.p-searchTerms_content .tagList a.terms02 {
    color: #A79638;
}

.p-searchTerms_content .tagList a.terms03 {
    color: #6843AD;
}

.p-searchTerms_content .tagList a.terms04 {
    color: #5779C2;
}

.p-searchTerms_content .tagList a.terms05 {
    color: #AD8443;
}

.p-searchTerms_content .tagList a.terms06 {
    color: #A73881;
}

.p-searchTerms_content .tagList a.terms07 {
    color: #902424;
}

.p-searchTerms_content .tagList a.terms08 {
    color: #28596A;
}

.p-searchTerms_content .tagList a.terms09 {
    color: #C4850F;
}

.p-searchMultiple_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #F7F7F7;
    height: 44px;
}

.p-searchMultiple_content:not(:last-child) {
    border-bottom: solid 1px #DEDEDE;
}

.p-searchMultiple .title {
    width: 117px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F0F0F0;
}

.p-searchMultiple .title h2 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.p-searchMultiple .searchBox {
    padding: 0 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.p-searchMultiple .searchBox .inner {
    width: 100%;
}

.p-searchMultiple .searchBox input[type=search] {
    width: 440px;
    height: 26px;
    background-color: #fff;
    border: solid 1px #EFEFEF;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.p-searchMultiple .searchBox input[type=search]::-webkit-input-placeholder {
    color: #CCCCCC;
}

.p-searchMultiple .searchBox input[type=search]::-moz-placeholder {
    color: #CCCCCC;
}

.p-searchMultiple .searchBox input[type=search]:-ms-input-placeholder {
    color: #CCCCCC;
}

.p-searchMultiple .searchBox input[type=search]::-ms-input-placeholder {
    color: #CCCCCC;
}

.p-searchMultiple .searchBox input[type=search]::placeholder {
    color: #CCCCCC;
}

.p-searchMultiple .searchBox input[type=submit] {
    border: solid 1px #fff;
    border-radius: 17px;
    background-color: #5779C2;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 14px;
    cursor: pointer;
}

.p-searchMultiple .searchBox .areaList {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.p-searchMultiple .searchBox .changeBox,
.p-searchMultiple .searchBox .dateSelect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-searchMultiple .searchBox .changeBox button,
.p-searchMultiple .searchBox .dateSelect button {
    border: none;
    background-color: initial;
    padding: 0;
    color: #5779C2;
    font-size: 15px;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: 500;
    line-height: 1.4;
    position: relative;
    z-index: 1;
}

.p-searchMultiple .searchBox .changeBox button:not(:last-child),
.p-searchMultiple .searchBox .dateSelect button:not(:last-child) {
    padding-right: 8px;
    margin-right: 8px;
}

.p-searchMultiple .searchBox .changeBox button:not(:last-child)::after,
.p-searchMultiple .searchBox .dateSelect button:not(:last-child)::after {
    display: inline-block;
    content: "";
    width: 1px;
    height: calc(100% - 6px);
    background-color: #A5A5A5;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}

.p-searchMultiple .searchBox .add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.p-searchMultiple .searchBox .add button {
    border: none;
    background-color: initial;
    padding: 0;
    font-size: 15px;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: 500;
    line-height: 1.4;
    color: #5779C2;
    text-decoration: underline;
}

.p-searchMultiple .searchBtn {
    display: grid;
    place-items: center;
    margin-top: 10px;
}

.p-searchMultiple .searchBtn input {
    width: 300px;
    height: 40px;
    font-size: 16px;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: bold;
    line-height: 1.6;
    color: #fff;
    border: solid 1px #F8D340;
    border-radius: 10px;
    background-color: #5779C2;
    cursor: pointer;
}

.p-searchMultiple .searchKeyword {
    background-color: #F7F7F7;
    border: solid 4px #5779C2;
    padding: 10px 10px 20px;
    margin-top: 10px;
}

.p-searchMultiple .searchKeyword h2 {
    font-size: 16px;
    font-weight: 500;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    line-height: 1.5;
    color: #333333;
    margin-bottom: 3px;
    margin-left: -10px;
}

.p-searchMultiple .searchKeyword .contentBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.p-searchMultiple .searchKeyword .contentBox h3 {
    font-size: 15px;
    font-weight: 500;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    line-height: 1.4;
    color: #333333;
    width: auto;
}

.p-searchMultiple .searchKeyword .contentBox ul {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.p-searchMultiple .searchKeyword .contentBox ul :where(li, a) {
    font-size: 15px;
    font-weight: 500;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    line-height: 1.4;
    color: #5779C2;
}

.p-userBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
}

.p-userBox_navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 22px;
}

.p-userBox_navi a {
    display: block;
    color: #5779C2;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    text-decoration: underline;
}

.p-userBox_search {
    width: 245px;
    height: 35px;
    position: relative;
    z-index: 1;
}

.p-userBox_search form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}

.p-userBox_search input[type=search] {
    display: block;
    width: calc(100% - 33px);
    border: solid 1px #5779C2;
    line-height: 1;
    padding: 3px 10px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
    background-color: #F7F7F7;
}

.p-userBox_search input[type=search]::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #C3C3C3;
}

.p-userBox_search input[type=search]::-moz-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #C3C3C3;
}

.p-userBox_search input[type=search]:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #C3C3C3;
}

.p-userBox_search input[type=search]::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #C3C3C3;
}

.p-userBox_search input[type=search]::placeholder {
    font-size: 16px;
    font-weight: 500;
    color: #C3C3C3;
}

/*
.p-userBox_search input[type=submit] {
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  border: none;
  background-color: #5779C2;
  color: #fff;
  width: 33px;
  height: 100%;
}
*/
.p-userBox_search button[type=submit] {
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    border: none;
    background-color: #5779C2;
    color: #fff;
    width: 33px;
    height: 100%;
}

/* ========================================
    ここからページ毎の設定
======================================== */
.pageTop .p-searchTerms {
    background-image: url(../img/common/bg_dot_yellow@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 32px;
    padding-bottom: 50px;
}

.pageTop .p-searchTerms .p-secHeading {
    margin-bottom: 40px;
}

.pageTop .topNews {
    background-color: #E6ECFA;
    position: relative;
    z-index: 1;
}

.pageTop .topNews .headingEn {
    font-size: 156px;
    font-family: "Outfit", sans-serif;
    font-weight: 900;
    line-height: 0.7884615385;
    text-align: right;
    color: #fff;
    position: absolute;
    top: -10px;
    right: -26px;
    z-index: -1;
}

.pageTop .topNews_inner {
    padding-top: 20px;
    padding-bottom: 50px;
}

.pageTop .topNews_head {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

.pageTop .topNews_head .read {
    line-height: 1;
}

.pageTop .topNews_content {
    margin-bottom: 10px;
}

.pageTop .topNews_list .slick-list {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    padding: 3px !important;
}

.pageTop .topNews_list .slick-track {
    padding: 0 3px;
}

.pageTop .topNews_list .slick-slide {
    margin: 0 11px;
}

.pageTop .topNews_list .slick-prev,
.pageTop .topNews_list .slick-next {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    top: 50%;
    left: initial;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pageTop .topNews_list .slick-prev {
    left: -30px;
    background-color: #fff;
    border: solid 1px #5779C2;
}

.pageTop .topNews_list .slick-next {
    right: -30px;
    background-color: #5779C2;
    border: solid 1px #5779C2;
}

.pageTop .topNews_list .slick-prev::before,
.pageTop .topNews_list .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #5779C2;
    opacity: 1;
}

.pageTop .topNews_list .slick-prev::before {
    content: "\f053";
}

.pageTop .topNews_list .slick-next::before {
    content: "\f054";
    color: #fff;
}

.pageTop .topNews .c-btn {
    max-width: 375px;
    margin: 0 auto;
}

.pageTop .topNowTherapist {
    position: relative;
    z-index: 1;
}

.pageTop .topNowTherapist::before {
    content: "";
    background-image: url(../img/top/search_now_bg@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 493px;
    height: 478px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.pageTop .topNowTherapist::after {
    content: "";
    background-color: #F8D340;
    width: 100%;
    height: 125px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.pageTop .topNowTherapist_inner {
    padding-top: 10px;
    padding-bottom: 175px;
    position: relative;
    z-index: 1;
}

.pageTop .topNowTherapist_inner::before {
    content: "kimotty";
    font-size: 105px;
    font-weight: 900;
    font-family: "Outfit", sans-serif;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    position: absolute;
    bottom: 15px;
    right: 155px;
}

.pageTop .topNowTherapist_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 20px;
}

.pageTop .topNowTherapist_content {
    margin-bottom: 10px;
}

.pageTop .topNowTherapist_list .slick-list {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    padding: 3px !important;
}

.pageTop .topNowTherapist_list .slick-track {
    padding: 0 3px;
}

.pageTop .topNowTherapist_list .slick-slide {
    margin: 0 11px;
}

.pageTop .topNowTherapist_list .slick-prev,
.pageTop .topNowTherapist_list .slick-next {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    top: 50%;
    left: initial;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pageTop .topNowTherapist_list .slick-prev {
    left: -30px;
    background-color: #fff;
    border: solid 1px #5779C2;
}

.pageTop .topNowTherapist_list .slick-next {
    right: -30px;
    background-color: #5779C2;
    border: solid 1px #5779C2;
}

.pageTop .topNowTherapist_list .slick-prev::before,
.pageTop .topNowTherapist_list .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #5779C2;
    opacity: 1;
}

.pageTop .topNowTherapist_list .slick-prev::before {
    content: "\f053";
}

.pageTop .topNowTherapist_list .slick-next::before {
    content: "\f054";
    color: #fff;
}

.pageTop .topNowTherapist .c-btn {
    max-width: 376px;
    margin: 0 auto;
    z-index: 1;
}

.pageTop .topPickup {
    background-color: #F7ECBC;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.pageTop .topPickup_content {
    margin-bottom: 10px;
}

.pageTop .topPickup .c-btn {
    max-width: 376px;
    margin: 0 auto;
    z-index: 1;
}

.pageTop .topPickup_inner {
    padding-top: 40px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}

.pageTop .topPickup_inner::before {
    content: "";
    width: calc(100% + 280px);
    height: 100%;
    background-color: #F8D340;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -2;
}

.pageTop .topPickup_inner::after {
    content: "";
    display: block;
    width: 450px;
    height: 100%;
    background-color: #F8D340;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    position: absolute;
    top: 0;
    right: 280px;
    z-index: -2;
}

.pageTop .topPickup_inner .decoraText {
    content: "PICKUP SALON";
    font-size: 83px;
    font-weight: 900;
    font-family: "Outfit", sans-serif;
    color: #F7ECBC;
    line-height: 1;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    position: absolute;
    top: -10px;
    right: -1.4641288433vw;
    z-index: 1;
}

.pageTop .topPickup .p-secHeading {
    margin-bottom: 40px;
}

.pageTop .topPickup_content {
    position: relative;
    z-index: 3;
}

.pageTop .topPickup_list .slick-list {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    padding: 3px !important;
}

.pageTop .topPickup_list .slick-track {
    padding: 0 3px;
}

.pageTop .topPickup_list .slick-slide {
    margin: 0 11px;
}

.pageTop .topPickup_list .slick-prev,
.pageTop .topPickup_list .slick-next {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    top: 50%;
    left: initial;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pageTop .topPickup_list .slick-prev {
    left: -30px;
    background-color: #fff;
    border: solid 1px #5779C2;
}

.pageTop .topPickup_list .slick-next {
    right: -30px;
    background-color: #5779C2;
    border: solid 1px #5779C2;
}

.pageTop .topPickup_list .slick-prev::before,
.pageTop .topPickup_list .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #5779C2;
    opacity: 1;
}

.pageTop .topPickup_list .slick-prev::before {
    content: "\f053";
}

.pageTop .topPickup_list .slick-next::before {
    content: "\f054";
    color: #fff;
}

.pageTop .topRanking_inner {
    padding-top: 30px;
    padding-bottom: 58px;
}

.pageTop .topRanking .p-secHeading {
    margin-bottom: 30px;
}

.pageTop .topRanking .p-secHeading h2 {
    width: 208px;
    border-bottom: solid 4px #333333;
    text-decoration: none;
}

.pageTop .topRanking .tabBtnList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.pageTop .topRanking .tabBtn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.pageTop .topRanking .tabBtn button {
    width: 100%;
    background-color: #F7F7F7;
    border: solid 1px #F8D340;
    border-radius: 10px;
    height: 52px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
    color: #5779C2;
}

.pageTop .topRanking .tabBtn.show button {
    color: #fff;
    background-color: #F8D340;
}

.pageTop .topRanking .tabContents {
    display: none;
}

.pageTop .topRanking .tabContents.show {
    display: block;
}

.pageTop .topRanking .tabContents_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 23px;
}

.pageTop .topRanking .tabContents_wrap .wrapBox {
    width: calc((100% - 23px) / 2);
}

.pageTop .topRanking .tabContents_wrap .tabTitle {
    font-size: 26px;
    font-weight: bold;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    line-height: 1;
    margin-bottom: 10px;
}

.pageTop .topRanking .tabContents_wrap .wrapBox:nth-child(even) .tabTitle {
    text-align: right;
}

.pageTop .topRanking .tabContents_wrap .wrapBox:nth-child(even) h3 {
    border-bottom: solid 4px #5779C2;
}

.pageTop .topRanking_item {
    background-color: #F6F6F6;
    border: solid 1px #C9C9C9;
    border-radius: 22px;
    padding: 0 24px 30px;
}

.pageTop .topRanking_item:not(:last-child) {
    margin-bottom: 20px;
}

.pageTop .topRanking_item h3 {
    font-size: 29px;
    font-weight: bold;
    line-height: 1;
    color: #333333;
    height: 80px;
    margin-bottom: 10px;
    border-bottom: solid 4px #4391AD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pageTop .topRanking_item .list {
    margin-bottom: 20px;
}

.pageTop .topRanking_item .listItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: solid 1px #ddd;
}

.pageTop .topRanking_item .photo {
    width: 208px;
    height: 156px;
    border-radius: 20px;
    overflow: hidden;
    padding-top: 6px;
}

.pageTop .topRanking_item .photo img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.pageTop .topRanking_item .detailBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.pageTop .topRanking_item .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 16px;
}

.pageTop .topRanking_item .number {
    width: 37px;
}

.pageTop .topRanking_item h4 {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4705882353;
    color: #4391AD;
    white-space: nowrap;
}

.pageTop .topRanking_item .featureList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
}

.pageTop .topRanking_item .featureList li {
    background-color: #5779C2;
    padding: 2px 9px;
    border-radius: 22px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4166666667;
}

.pageTop .topRanking_item .c-btn {
    width: calc(100% - 30px);
    margin: 0 auto;
    text-align: center;
    line-height: 1.25;
}

.pageTop .topBlog {
    background-color: #E6ECFA;
    position: relative;
    z-index: 1;
}

.pageTop .topBlog::after {
    content: "BLOG";
    font-size: 156px;
    font-weight: 900;
    font-family: "Outfit", sans-serif;
    line-height: 1;
    white-space: nowrap;
    color: #fff;
    position: absolute;
    bottom: -20px;
    left: -10px;
    z-index: -1;
}

.pageTop .topBlog_inner {
    padding-top: 10px;
    padding-bottom: 40px;
}

.pageTop .topBlog_head {
    margin-bottom: 20px;
}

.pageTop .topBlog_head .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pageTop .topBlog_head .customArrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
}

.pageTop .topBlog_content {
    margin-bottom: 10px;
}

.pageTop .topBlog_list .slick-list {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    padding: 3px !important;
}

.pageTop .topBlog_list .slick-track {
    padding: 0 3px;
}

.pageTop .topBlog_list .slick-slide {
    margin: 0 11px;
}

.pageTop .topBlog_list .slick-prev,
.pageTop .topBlog_list .slick-next {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    top: 50%;
    left: initial;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pageTop .topBlog_list .slick-prev {
    left: -30px;
    background-color: #fff;
    border: solid 1px #5779C2;
}

.pageTop .topBlog_list .slick-next {
    right: -30px;
    background-color: #5779C2;
    border: solid 1px #5779C2;
}

.pageTop .topBlog_list .slick-prev::before,
.pageTop .topBlog_list .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #5779C2;
    opacity: 1;
}

.pageTop .topBlog_list .slick-prev::before {
    content: "\f053";
}

.pageTop .topBlog_list .slick-next::before {
    content: "\f054";
    color: #fff;
}

.pageTop .topBlog .c-btn {
    max-width: 376px;
    margin: 0 auto;
    z-index: 1;
}

.pageTop .topTodayTherapist {
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.pageTop .topTodayTherapist::before {
    content: "";
    background-image: url(../img/top/search_now_bg@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 493px;
    height: 478px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.pageTop .topTodayTherapist::after {
    content: "";
    background-color: #F8D340;
    width: 100%;
    height: 125px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.pageTop .topTodayTherapist_inner {
    padding-top: 10px;
    padding-bottom: 180px;
    position: relative;
    z-index: 1;
}

.pageTop .topTodayTherapist_inner::before {
    content: "kimotty";
    font-size: 105px;
    font-weight: 900;
    font-family: "Outfit", sans-serif;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    position: absolute;
    bottom: 15px;
    right: 155px;
}

.pageTop .topTodayTherapist_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 20px;
}

.pageTop .topTodayTherapist_head .customArrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
}

.pageTop .topTodayTherapist_head .customBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    border: solid 1px #5779C2;
    background-color: #fff;
}

.pageTop .topTodayTherapist_head .customBtn::before,
.pageTop .topTodayTherapist_head .customBtn::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #5779C2;
    opacity: 1;
}

.pageTop .topTodayTherapist_head .customBtn.prev::before {
    content: "\f053";
}

.pageTop .topTodayTherapist_head .customBtn.next::before {
    content: "\f054";
    color: #fff;
}

.pageTop .topTodayTherapist_head .customBtn.next {
    background-color: #5779C2;
}

.pageTop .topTodayTherapist_content {
    margin-bottom: 10px;
}

.pageTop .topTodayTherapist_list .slick-list {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    padding: 3px !important;
}

.pageTop .topTodayTherapist_list .slick-track {
    padding: 0 3px;
}

.pageTop .topTodayTherapist_list .slick-slide {
    margin: 0 11px;
}

.pageTop .topTodayTherapist_list .slick-prev,
.pageTop .topTodayTherapist_list .slick-next {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    top: 50%;
    left: initial;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pageTop .topTodayTherapist_list .slick-prev {
    left: -30px;
    background-color: #fff;
    border: solid 1px #5779C2;
}

.pageTop .topTodayTherapist_list .slick-next {
    right: -30px;
    background-color: #5779C2;
    border: solid 1px #5779C2;
}

.pageTop .topTodayTherapist_list .slick-prev::before,
.pageTop .topTodayTherapist_list .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #5779C2;
    opacity: 1;
}

.pageTop .topTodayTherapist_list .slick-prev::before {
    content: "\f053";
}

.pageTop .topTodayTherapist_list .slick-next::before {
    content: "\f054";
    color: #fff;
}

.pageTop .topTodayTherapist .c-btn {
    max-width: 376px;
    margin: 0 auto;
}

.pageTop .topUserVoice {
    background-image: url(../img/common/bg_dot_gray02@2x.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.pageTop .topUserVoice_inner {
    padding-top: 10px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}

.pageTop .topUserVoice_inner::after {
    content: "";
    background-image: url(../img/common/font_kimotty_yellow@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 507px;
    height: 140px;
    position: absolute;
    left: 58px;
    bottom: 12px;
    z-index: -1;
}

.pageTop .topUserVoice_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 20px;
}

.pageTop .topUserVoice_content {
    margin-bottom: 10px;
}

.pageTop .topUserVoice_list .slick-list {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    padding: 3px !important;
}

.pageTop .topUserVoice_list .slick-track {
    padding: 0 3px;
}

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

.pageTop .topUserVoice_list .slick-prev,
.pageTop .topUserVoice_list .slick-next {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    top: 50%;
    left: initial;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pageTop .topUserVoice_list .slick-prev {
    left: -30px;
    background-color: #fff;
    border: solid 1px #5779C2;
}

.pageTop .topUserVoice_list .slick-next {
    right: -30px;
    background-color: #5779C2;
    border: solid 1px #5779C2;
}

.pageTop .topUserVoice_list .slick-prev::before,
.pageTop .topUserVoice_list .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #5779C2;
    opacity: 1;
}

.pageTop .topUserVoice_list .slick-prev::before {
    content: "\f053";
}

.pageTop .topUserVoice_list .slick-next::before {
    content: "\f054";
    color: #fff;
}

.pageTop .topUserVoice .c-btn {
    width: 430px;
    margin: 0 auto;
}

.pageTop .topGuide {
    background-color: #F7ECBC;
    position: relative;
    z-index: 1;
}

.pageTop .topGuide::before {
    content: "";
    display: block;
    background-color: #F8D340;
    width: 260px;
    height: 100%;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    position: absolute;
    top: 0;
    right: 345px;
    z-index: -1;
}

.pageTop .topGuide::after {
    content: "";
    display: block;
    background-color: #F8D340;
    width: 345px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.pageTop .topGuide_inner {
    padding-top: 28px;
    padding-bottom: 100px;
}

.pageTop .topGuide_content {
    padding-left: 50px;
    padding-right: 50px;
}

.pageTop .topGuide .p-secHeading {
    margin-bottom: 40px;
}

.pageTop .topGuide_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 30px;
    margin-bottom: 18px;
}

.pageTop .topGuide_listItem {
    width: calc((100% - 30px) / 2);
    height: 75px;
}

.pageTop .topGuide_listItem a {
    display: block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 22px 10px 22px 15px;
    background-color: #fff;
    border: solid 1px #F8D340;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

.pageTop .topGuide_listItem .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.pageTop .topGuide_listItem .icon {
    width: 32px;
    height: 32px;
    background-color: #F8D340;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pageTop .topGuide_listItem .icon i {
    font-size: 15px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
}

.pageTop .topGuide_listItem .heading .en {
    font-size: 15px;
    font-weight: 900;
    font-family: "Outfit", sans-serif;
    line-height: 1;
    color: #F8D340;
    margin-bottom: 5px;
}

.pageTop .topGuide_listItem .heading .ja {
    font-size: 19px;
    font-weight: 900;
    line-height: 1;
}

.pageTop .topGuide_listItem .iconArrow {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #F8D340;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pageTop .topGuide_listItem .iconArrow i {
    color: #fff;
    font-size: 10px;
}

.pageTop .topGuide .btnBox {
    text-align: right;
}

.pageTop .topGuide .btnBox a {
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 2px;
}

/* ==========================================
対象 : お問い合わせページ
============================================*/
.pageContact .contact {
    /* 見出し */
    /* 注意事項文章 */
    /* フォーム */
}

.pageContact .contact_inner {
    position: relative;
    z-index: 1;
    padding-top: 155px;
    padding-bottom: 65px;
}

.pageContact .contact .p-secHeading {
    margin-bottom: 45px;
}

.pageContact .contact_attention {
    margin-bottom: 16px;
}

.pageContact .contact_attention h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    padding-bottom: 7px;
    margin-bottom: 5px;
    border-bottom: solid 1px #DDDDDD;
}

.pageContact .contact_attention .read {
    line-height: 1.5625;
}

.pageContact .contact_formBox .content {
    background-color: #F2F2F2;
    padding: 23px 26px;
    margin-bottom: 18px;
}

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

.pageContact .contact_formBox .content .item:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #DDDDDD;
}

.pageContact .contact_formBox .content label {
    width: 395px;
    font-size: 16px;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: 500;
    line-height: 1.5;
}

.pageContact .contact_formBox .content label .required {
    width: 60px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #fff;
    background-color: #5779C2;
    border-radius: 64px;
    padding: 5px;
    margin-left: 7px;
}

.pageContact .contact_formBox .content .inputBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.pageContact .contact_formBox .content input,
.pageContact .contact_formBox .content select,
.pageContact .contact_formBox .content textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    border: solid 1px #DDDDDD;
    border-radius: 6px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) inset;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16) inset;
    font-size: 16px;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: 500;
    color: #C6C6C6;
    box-sizing: border-box;
}

.pageContact .contact_formBox .content input,
.pageContact .contact_formBox .content select {
    width: 100%;
    height: 34px;
    line-height: 34px;
}

.pageContact .contact_formBox .content textarea {
    width: 100%;
    height: 166px;
}

.pageContact .contact_formBox .attention {
    line-height: 1.5625;
    margin-bottom: 30px;
}

.pageContact .contact_formBox .attention a {
    color: #0051FF;
    line-height: 1.5625;
}

.pageContact .contact_formBox .btnBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pageContact .contact_formBox .btnBox .submit {
    width: 272px;
    height: 47px;
    position: relative;
    z-index: 1;
}

.pageContact .contact_formBox .btnBox .submit .iconArrow {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 9px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pageContact .contact_formBox .btnBox .submit .iconArrow i {
    color: #5779C2;
    font-size: 10px;
}

.pageContact .contact_formBox .btnBox input[type=submit] {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-family: "Noto Sans JP", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: bold;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    background-color: #5779C2;
    border: solid 1px #fff;
    border-radius: 24px;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

.pageContact .contact .p-bannerBox {
    top: 100px;
}

/* =====================
対象 : 会員登録・ログインエラー
使用箇所 : 全般
=======================*/
.pageLoginError .loginError_inner {
    padding-top: 90px;
    padding-bottom: 50px;
}

.pageLoginError .loginError .p-secHeading {
    margin-bottom: 50px;
}

.pageLoginError .loginError .read {
    font-size: 28px;
    font-weight: 900;
    line-height: 1.7857142857;
    color: #333333;
    margin-bottom: 90px;
}

.pageLoginError .loginError .c-btn {
    width: 240px;
    margin: 0 auto;
}

.pageLoginError .loginError .c-btn a {
    text-align: center;
    font-weight: bold;
    line-height: 1.25;
    gap: 10px;
}

.pageLoginError .loginError .c-btn .iconArrow {
    position: initial;
    -webkit-transform: initial;
    transform: initial;
}

/* =====================
対象 : 会員登録ページ（会員ログイン）
使用箇所 : 全般
=======================*/
.pageRegistration .memberRegistration_inner {
    padding-top: 90px;
}

.pageRegistration .memberRegistration .p-secHeading {
    margin-bottom: 45px;
}

/* ==========================================
対象 :
・店舗別サロンニュース記事一覧
・店舗別サロンニュース記事詳細
・店舗別店長ブログ記事詳細
・店舗別店長ブログ記事一覧
============================================*/
.pageArticle {
    /* コンテンツ */
}

.pageArticle .storeInfo {
    background-image: url(../img/common/bg_dot_gray@2x.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* パンくず */
    /* 店舗情報 */
}

.pageArticle .storeInfo_inner {
    padding-top: 10px;
    padding-bottom: 45px;
}

.pageArticle .storeInfo .p-panList {
    margin-bottom: 45px;
}

.pageArticle .storeInfo_content {
    max-width: 800px;
    background-color: #fff;
    border: solid 1px #5779C2;
    border-radius: 12px;
    padding: 25px 20px 30px;
    margin: 0 auto;
    /* 店舗名 */
    /* 特徴 */
}

.pageArticle .storeInfo_content .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}

.pageArticle .storeInfo_content .head .icon {
    width: 62px;
}

.pageArticle .storeInfo_content .head h2 {
    font-size: 23px;
    font-weight: 900;
    line-height: 1.4782608696;
}

.pageArticle .storeInfo_content .head .area {
    font-size: 17px;
    font-weight: 900;
    line-height: 1;
    color: #A5A5A5;
}

.pageArticle .storeInfo_content .tagList li {
    min-width: 70px;
    text-align: center;
    padding: 5px 15px;
}

.pageArticle .articleBox {
    background-color: #E6ECFA;
    /* 位置調整 */
    /* 一覧ページ */
    /* カード型レイアウト */
    /* 詳細ページ */
    /* 記事内容 */
}

.pageArticle .articleBox .p-bannerBox {
    top: 45px;
}

.pageArticle .articleBox_inner {
    padding-top: 45px;
    padding-bottom: 100px;
    position: relative;
    z-index: 1;
}

.pageArticle .articleBox_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 23px 48px;
    margin-bottom: 80px;
}

.pageArticle .articleBox_body {
    max-width: 800px;
    margin: 0 auto;
}

.pageArticle .articleBox .article {
    background-color: #fff;
    margin-bottom: 60px;
}

.pageArticle .articleBox .article .title {
    background-color: #5779C2;
    color: #fff;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.4210526316;
    padding: 8px 25px;
}

.pageArticle .articleBox .article .content {
    padding: 25px 25px 70px;
}

.pageArticle .articleBox .article .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    border-bottom: solid 1px #DDDDDD;
    padding-bottom: 7px;
    margin-bottom: 20px;
}

.pageArticle .articleBox .article .head .heading {
    font-size: 19px;
    font-weight: 900;
    line-height: 1.4210526316;
}

.pageArticle .articleBox .article .head .postDate {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4285714286;
}

.pageArticle .articleBox .article .desc :where(p) {
    margin: 20px 0;
    line-height: 2;
}

.pageArticle .articleBox .article .desc :where(figure, img) {
    margin: 40px 0;
}

/* ==========================================
対象 : 会員登録ログインページ
============================================*/
.pageMember {
    /* ログイン・無料得録 */
    /* コンテンツ（ポイント） */
}

.pageMember .pageLogin {
    position: relative;
    z-index: 2;
}

.pageMember .pageLogin_inner {
    padding-top: 90px;
    padding-bottom: 68px;
    position: relative;
    z-index: 1;
}

.pageMember .pageLogin .p-secHeading {
    margin-bottom: 45px;
}

.pageMember .pageLogin_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 40px;
}

.pageMember .pageLogin_content .p-login {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.pageMember .memberMerit {
    background-color: #FFF2DE;
    position: relative;
    z-index: 1;
}

.pageMember .memberMerit::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/page/decora_yellow04_big@2x.png), url(../img/page/decora_yellow05_big@2x.png);
    background-repeat: no-repeat;
    background-size: 492px 500px;
    background-position: top right, bottom left;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.pageMember .memberMerit_inner {
    padding-top: 75px;
    padding-bottom: 155px;
}

.pageMember .memberMerit .heading {
    width: 550px;
    margin: 0 auto 55px;
}

.pageMember .memberMerit_list {
    max-width: 680px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding-top: 40px;
}

.pageMember .memberMerit_list::before {
    content: "";
    width: 100%;
    height: 11px;
    background-image: url(../img/page/decora_line01@2x.png);
    background-repeat: repeat;
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.pageMember .memberMerit_listItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}

.pageMember .memberMerit_listItem::after {
    content: "";
    width: 100%;
    height: 11px;
    background-image: url(../img/page/decora_line01@2x.png);
    background-repeat: repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.pageMember .memberMerit_listItem:not(:last-child) {
    margin-bottom: 30px;
}

.pageMember .memberMerit_listItem .number {
    width: 100px;
}

.pageMember .memberMerit_listItem .detail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.pageMember .memberMerit_listItem .detail h3 {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.4444444444;
    margin-bottom: 6px;
}

.pageMember .memberMerit_listItem .detail mark {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #FFE200), to(#FFE200));
    background: -webkit-linear-gradient(top, transparent 0%, transparent 50%, #FFE200 50%, #FFE200 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 50%, #FFE200 50%, #FFE200 100%);
    padding-left: 6px;
    padding-right: 15px;
    padding-bottom: 4px;
}

.pageMember .memberMerit_listItem .detail .read {
    line-height: 1.5625;
}

.pageQuestion .question_inner {
    position: relative;
    z-index: 1;
    padding-top: 150px;
    padding-bottom: 78px;
}

.pageQuestion .question .p-secHeading {
    margin-bottom: 45px;
}

.pageQuestion .question_list {
    margin-bottom: 65px;
}

.pageQuestion .question_listItem:not(:last-child) {
    margin-bottom: 20px;
}

.pageQuestion .question_listItem .accordionHeading {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    padding: 9px 50px 9px 45px;
    background-color: #F8D340;
    border-radius: 12px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.pageQuestion .question_listItem .accordionHeading::before,
.pageQuestion .question_listItem .accordionHeading::after {
    content: "";
    background-color: #333333;
    position: absolute;
    top: 50%;
    z-index: -1;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.pageQuestion .question_listItem .accordionHeading::before {
    width: 16px;
    height: 2px;
    right: 15px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

.pageQuestion .question_listItem .accordionHeading::after {
    width: 16px;
    height: 2px;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pageQuestion .question_listItem .accordionHeading .icon {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}

.pageQuestion .question_listItem .accordionHeading .icon i {
    font-size: 10px;
    color: #F8D340;
}

.pageQuestion .question_listItem .accordionContent {
    display: none;
    padding: 10px 45px;
}

.pageQuestion .question_listItem .accordionContent .read {
    font-weight: 400;
    line-height: 1.5625;
}

.pageQuestion .question_listItem.open .accordionHeading::before {
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
}

.pageQuestion .question .p-bannerBox {
    top: 100px;
}

.pageSearchResult--cardColumn .p-resultCardSalon:not(:last-child),
.pageSearchResult--cardColumn .p-resultCardRanking:not(:last-child) {
    margin-bottom: 20px;
}

.pageSearchResult--cardRow .searchResult_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 23px;
}

.pageSearchResult--cardRow .searchResult_list.space50 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 25px 47px;
}

.pageSearchResult .searchResult {
    position: relative;
    z-index: 1;
}

.pageSearchResult .searchResult.bgGrean {
    background-color: #C7E3ED;
}

.pageSearchResult .searchResult.bgGrean::before,
.pageSearchResult .searchResult.bgGrean::after {
    background-color: #B6DAE6;
}

.pageSearchResult .searchResult.bgBlue {
    background-color: #E6ECFA;
}

.pageSearchResult .searchResult.bgBlue::before,
.pageSearchResult .searchResult.bgBlue::after {
    background-color: #D9E2F7;
}

.pageSearchResult .searchResult.bgYellow {
    background-color: #F7ECBC;
}

.pageSearchResult .searchResult.bgYellow::before,
.pageSearchResult .searchResult.bgYellow::after {
    background-color: #F8D340;
}

.pageSearchResult .searchResult::before,
.pageSearchResult .searchResult::after {
    content: "";
    display: block;
    width: 680px;
    height: 584px;
    position: absolute;
    z-index: -1;
}

.pageSearchResult .searchResult::before {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    top: 0;
    right: 0;
}

.pageSearchResult .searchResult::after {
    -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 100%, 0 100%);
    bottom: 0;
    left: 0;
}

.pageSearchResult .searchResult_inner {
    padding-top: 50px;
    padding-bottom: 100px;
}

.pageSearchResult .searchResult_inner.pb50 {
    padding-bottom: 50px;
}

.pageSearchResult .searchResult_inner:has(.p-resultCardSalon) {
    padding-top: 10px;
}

.pageSearchResult .searchResult .p-secHeading {
    margin-bottom: 45px;
}

.pageSearchResult .searchResult .p-secHeading.border {
    padding-bottom: 10px;
    margin-bottom: 18px;
    border-bottom: solid 1px #333333;
}

.pageSearchResult .searchResult .p-secHeading.mb10 {
    margin-bottom: 10px;
}

.pageSearchResult .searchResult_list {
    margin-bottom: 60px;
}

.pageSearchResult .searchResult .p-resultNumber-pagination {
    margin-bottom: 20px;
}

.pageSearchResult .searchResult .searchResultSalon_list {
    margin-bottom: 80px;
}

.pageSearchResult .searchResult_tabContent .tabBtnList {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px;
}

.pageStoreTherapist {
    background-color: #E6ECFA;
}

.pageStoreTherapist .nowTherapist_inner {
    padding-bottom: 140px;
    position: relative;
    z-index: 1;
}

.pageStoreTherapist .nowTherapist_inner::after {
    content: "";
    background-image: url(../img/common/logo_wh@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 63px;
    position: absolute;
    bottom: 45px;
    right: 230px;
    z-index: -1;
}

.pageStoreTherapist .nowTherapist_body {
    max-width: 900px;
    background-color: #fff;
    padding: 35px 50px 120px;
    position: relative;
    z-index: 1;
}

.pageStoreTherapist .nowTherapist_body::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
}

.pageStoreTherapist .nowTherapist_head {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 25px;
}

.pageStoreTherapist .nowTherapist_head .previousNext {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
}

.pageStoreTherapist .nowTherapist_head .previousNext button {
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    border-radius: 4px;
    background-color: #5779C2;
    border: solid 1px #5779C2;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.pageStoreTherapist .nowTherapist_head .previousNext button::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    color: #fff;
    opacity: 1;
}

.pageStoreTherapist .nowTherapist_head .previousNext button.prev::before {
    content: "\f053";
}

.pageStoreTherapist .nowTherapist_head .previousNext button.next::before {
    content: "\f054";
    color: #fff;
}

.pageStoreTherapist .nowTherapist_head .previousNext button:hover {
    background-color: #fff;
}

.pageStoreTherapist .nowTherapist_head .previousNext button:hover::before {
    color: #5779C2;
}

.pageStoreTherapist .nowTherapist_list {
    width: calc(100% + 50px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 23px;
    margin-bottom: 65px;
}

.pageStoreTherapist .nowTherapist_list.w100 {
    width: 100%;
    gap: 32px 26px;
}

/* =====================
対象 : 料金ページ
使用箇所 : 全般
=======================*/
.pagePrice {
    background-color: #E6ECFA;
}

.pagePrice .pageNavigation_inner {
    background-color: #fff;
}

.pagePrice .price_inner {
    padding-bottom: 130px;
    position: relative;
    z-index: 1;
}

.pagePrice .price_inner::after {
    content: "";
    background-image: url(../img/common/logo_wh@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 300px;
    height: 63px;
    position: absolute;
    bottom: 45px;
    right: 230px;
    z-index: -1;
}

.pagePrice .price_body {
    max-width: 900px;
    background-color: #fff;
    padding: 35px 50px 30px 0;
    position: relative;
    z-index: 1;
}

.pagePrice .price_body::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: -1;
}

.pagePrice .price_head {
    margin-bottom: 40px;
    padding-left: 30px;
}

.pagePrice .price_head .p-secHeading {
    margin-bottom: 20px;
}

.pagePrice .price_head .descBox h3 {
    font-size: 26px;
    font-weight: bold;
    line-height: 1;
    color: #333333;
    margin-bottom: 10px;
}

.pagePrice .price_head .descBox .read {
    font-size: 20px;
    font-weight: 900;
    line-height: 1.45;
    color: #333333;
}

.pagePrice .price_content .p-secHeading {
    border-bottom: solid 1px #333333;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
}

.pagePrice .price_content .p-resultNumber-pagination {
    margin-left: 30px;
    margin-bottom: 20px;
}

.pagePrice .price_content .p-resultNumber-pagination_result .number strong {
    margin-top: -3px;
}

.pagePrice .price_list {
    margin-bottom: 30px;
}

.pagePrice .price_list .listItem:not(:last-child) {
    margin-bottom: 30px;
}

.pagePrice .price_list h3 {
    font-size: 21px;
    font-weight: 900;
    line-height: 1.5;
    color: #fff;
    padding: 15px 20px;
    background-color: #333333;
}

.pagePrice .price_list .detailBox {
    background-color: #EFF1F5;
    border: solid 1px #D5D5D5;
    padding: 25px 100px 50px 50px;
}

.pagePrice .price_list .priceList {
    margin-bottom: 20px;
}

.pagePrice .price_list .priceItem {
    padding-bottom: 20px;
    border-bottom: solid 1px #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.pagePrice .price_list .priceItem:not(:last-child) {
    margin-bottom: 24px;
}

.pagePrice .price_list .priceItem .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 28px;
}

.pagePrice .price_list .priceItem h4 {
    font-size: 21px;
    font-weight: 900;
    line-height: 1.4;
    color: #333333;
}

.pagePrice .price_list .priceItem .time {
    font-size: 21px;
    font-weight: 900;
    line-height: 1.4;
    color: #333333;
}

.pagePrice .price_list .priceItem .value {
    font-size: 21px;
    font-weight: 900;
    line-height: 1.4;
    color: #333333;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.4;
    color: #333333;
}

.pagePrice .price_list .descBox h4 {
    font-size: 21px;
    font-weight: 900;
    line-height: 1.4;
    color: #333333;
    margin-bottom: 20px;
}

.pagePrice .price_list .descBox .read {
    font-size: 20px;
    font-weight: 900;
    line-height: 1.45;
    color: #333333;
}

/* ========================================
    ここから　その他・レスポンシブ
======================================== */

@media (min-width: 768px) and (max-width: 1023px) {
    .tabOnly {
        display: block !important;
    }
}

@media screen and (min-width: 768px) {
    .pcNone {
        display: none !important;
    }

    .l-inner {
        width: 1360px;
        margin: 0 auto;
        padding-left: 230px;
        padding-right: 230px;
    }

    .l-inner1000 {
        width: 1360px;
        margin: 0 auto;
        padding-left: 180px;
        padding-right: 180px;
    }

    .l-inner900 {
        width: 1360px;
        margin: 0 auto;
        padding-left: 230px;
        padding-right: 230px;
    }

    .l-inner800 {
        width: 1360px;
        margin: 0 auto;
        padding-left: 280px;
        padding-right: 280px;
    }
}

@media screen and (max-width: 767px) {
    .spNone {
        display: none !important;
    }

    .l-inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .l-inner1000 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .l-inner900 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .l-inner800 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .l-wrapper {
        min-width: 100%;
    }

    .c-iconHeart--M {
        width: 31px;
        height: 31px;
    }

    .c-iconHeart--M .heart::before {
        font-size: 15px;
    }

    .tagList {
        gap: 15px 10px;
    }

    .tagList li {
        padding: 5px;
        font-size: 12px;
    }

    .p-bannerBox {
        display: none;
    }

    .p-cardVoice02 {
        padding: 20px 10px 30px;
    }

    .p-cardVoice02 .head {
        gap: 45px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .p-cardVoice02 .starBox {
        gap: 3px;
    }

    .p-cardVoice02 .starBox .icon {
        width: 17px;
    }

    .p-cardVoice02 .menuBox {
        padding: 8px 8px 12px;
    }

    .p-cardVoice02 .menuBox li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .p-cardVoice02 .menuBox .title {
        padding-right: 0;
        margin-right: 0;
    }

    .p-cardVoice02 .menuBox .title::after {
        display: none;
    }

    .p-cardVoice02 .prBox .title {
        margin-bottom: 15px;
    }

    .p-resultCardSalon_head {
        padding: 10px;
    }

    .p-resultCardSalon_head .type {
        width: 47px;
        height: 47px;
        font-size: 12px;
    }

    .p-resultCardSalon_head .heading h2 {
        font-size: 15px;
        margin-bottom: 4px;
        line-height: 1.4666666667;
    }

    .p-resultCardSalon_head .heading .text {
        font-size: 13px;
    }

    .p-resultCardSalon_content {
        padding: 20px 8px;
    }

    .p-resultCardSalon_content .head {
        margin-bottom: 20px;
    }

    .p-resultCardSalon_content .head .tagList {
        gap: 12px 6px;
    }

    .p-resultCardSalon_content .head .tagList li {
        padding: 5px 17px;
        font-size: 12px;
    }

    .p-resultCardSalon_content .head .read {
        line-height: 1.5625;
    }

    .p-resultCardSalon_content .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
    }

    .p-resultCardSalon_content .detailBox {
        width: 100%;
        padding: 0 5px;
    }

    .p-resultCardSalon_content .detailBox .salonInfo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .p-resultCardSalon_content .detailBox .item {
        width: 100%;
        margin-bottom: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .p-resultCardSalon_content .detailBox .item:not(:last-child) {
        padding-right: 0;
        margin-right: 0;
    }

    .p-resultCardSalon_content .detailBox .item:not(:last-child)::after {
        display: none;
    }

    .p-resultCardSalon_content .detailBox .banner {
        height: 70px;
    }

    .p-resultCardRanking_head {
        padding: 16px 14px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 7px;
    }

    .p-resultCardRanking_head .number {
        font-size: 28px;
        margin-top: 0;
        margin-bottom: 3px;
    }

    .p-resultCardRanking_head .number strong {
        font-size: 41px;
    }

    .p-resultCardRanking_head .heading h2 {
        font-size: 15px;
    }

    .p-resultCardRanking:nth-of-type(1) .p-resultCardRanking_head::after {
        width: 53px;
        height: 58px;
        right: 15px;
    }

    .p-resultCardRanking:nth-of-type(2) .p-resultCardRanking_head::after {
        width: 53px;
        height: 58px;
        right: 15px;
    }

    .p-resultCardRanking:nth-of-type(3) .p-resultCardRanking_head::after {
        width: 53px;
        height: 58px;
        right: 15px;
    }

    .p-resultCardRanking_content {
        padding: 20px 10px;
    }

    .p-resultCardRanking_content .head {
        padding-bottom: 0;
        margin-bottom: 15px;
        border-bottom: none;
    }

    .p-resultCardRanking_content .head .tagList {
        gap: 12px 3px;
    }

    .p-resultCardRanking_content .head .tagList li {
        font-size: 12px;
    }

    .p-resultCardRanking_content .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }

    .p-resultCardRanking_content .photoBox {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 auto;
    }

    .p-resultCardRanking_content .detailBox {
        display: contents;
    }

    .p-resultCardRanking_content .detailBox .read {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-bottom: 20px;
        margin-bottom: 0;
        border-bottom: solid 1px #ddd;
    }

    .p-resultCardRanking_content .detailBox .detail {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .p-resultCardRanking_content .detailBox .salonInfo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 7px;
    }

    .p-resultCardRanking_content .detailBox .item {
        width: 100%;
        border-bottom: solid 1px #ddd;
        padding-bottom: 7px;
    }

    .p-resultCardRanking_content .detailBox .item:nth-of-type(odd) {
        padding-right: 0;
    }

    .p-resultCardRanking_content .detailBox .item:nth-of-type(odd)::after {
        display: none;
    }

    .p-resultCardRanking_content .detailBox .item:nth-of-type(even) {
        padding-left: 0;
    }

    .p-resultCardRanking_content .detailBox .item:nth-child(-n+2) {
        padding-bottom: 7px;
    }

    .p-resultCardRanking_content .detailBox .heading .icon.access i {
        font-size: 20px;
    }

    .p-resultCardRanking_content .detailBox .heading h3 {
        font-size: 16px;
        line-height: 1.5;
    }

    .p-resultCardRanking_content .detailBox .number {
        font-size: 16px;
    }

    .p-resultCardRanking_content .detailBox .banner {
        height: 70px;
    }

    .p-cardTherapist {
        width: 330px;
    }

    .p-cardTherapist .head .photo {
        width: 185px;
        height: 129px;
    }

    .p-footer_inner {
        width: 100%;
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .p-footer_head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
        gap: 30px;
    }

    .p-footer_logoBox .logo {
        margin: 0 auto 30px;
    }

    .p-footer_naviBox {
        display: none;
    }

    .p-footer_bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 35px;
    }

    .p-footer .p-userBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 14px;
    }

    .p-header_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .p-header_head {
        width: 100%;
        height: 45px;
        padding: 0 8px;
    }

    .p-header .p-userBox_navi {
        gap: 11px;
    }

    .p-header .p-userBox a {
        font-size: 11px;
    }

    .p-header_logo {
        width: 103px;
    }

    .p-header_menu .menuBox {
        width: auto;
    }

    .p-secHeading--A {
        border-bottom: solid 2px #F7ECBC;
        padding-bottom: 6px;
    }

    .p-secHeading--A h2 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .p-secHeading--A h2 strong {
        font-size: 20px;
    }

    .p-secHeading--A h2 small {
        font-size: 15px;
    }

    .p-secHeading--A .en {
        font-size: 18px;
        bottom: -3px;
    }

    .p-secHeading--B {
        width: 100%;
    }

    .p-secHeading--B .en {
        font-size: 17px;
    }

    .p-secHeading--B h2 {
        font-size: 20px;
        padding-bottom: 10px;
        text-decoration: none;
        position: relative;
        z-index: 1;
    }

    .p-secHeading--B h2::after {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #333333;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .p-secHeading--C {
        border-bottom: solid 2px #000000;
    }

    .p-secHeading--C h2 {
        font-size: 20px;
    }

    .p-secHeading--C .en {
        font-size: 18px;
        bottom: -3px;
    }

    .p-secHeading--D .en {
        font-size: 17px;
        margin-bottom: 6px;
    }

    .p-secHeading--D h2 {
        font-size: 20px;
        padding-bottom: 10px;
        text-decoration: none;
        position: relative;
        z-index: 1;
    }

    .p-secHeading--D h2::after {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #333333;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .p-secHeading--D .big {
        display: none;
    }

    .p-secHeading--normal h2 {
        display: block;
        font-size: 20px;
        border-bottom: none;
        position: relative;
        z-index: 1;
    }

    .p-secHeading--normal h2::after {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #333333;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .p-secHeading--page h2 {
        font-size: 20px;
    }

    .p-secHeading--page .icon {
        margin-right: 4px;
    }

    .p-secHeading--page .icon i {
        font-size: 20px;
    }

    .p-modalAddCondition_center {
        width: 100%;
        height: 100vh;
    }

    .p-modalAddCondition_head h2 {
        text-align: center;
    }

    .p-modalAddCondition_content {
        height: calc(100% - 30px);
    }

    .p-modalAddCondition_listBox {
        overflow: scroll;
        max-height: calc(100% - 46px);
    }

    .p-modalAddCondition_listBox .list li::after {
        display: none;
    }

    .p-modalDateSelect_center {
        width: 100%;
        height: 100vh;
    }

    .p-modalDateSelect_head h2 {
        text-align: center;
    }

    .p-modalDateSelect_content {
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 45px 15px;
    }

    .p-modalDateSelect .selectBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .p-modalStationSearch_center {
        width: 100%;
        height: 100%;
    }

    .p-modalStationSearch_head h2 {
        text-align: center;
    }

    .p-modalStationSearch_content {
        height: 100%;
    }

    .p-modalStationSearch h3 {
        padding: 8px 16px;
    }

    .p-modalStationSearch_listBox--max500 {
        max-height: calc(100% - 200px);
    }

    .p-modalStationSearch .selectBox h4 {
        padding: 8px 16px;
    }

    .p-modalStationSearch .itemBox {
        padding: 6px 16px 8px;
    }

    .p-modalStationSearch .itemBox .list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .p-modalStationSearch .itemBox .listItem {
        width: 100%;
    }

    .p-modalStationSearch .btnBox {
        padding: 25px 0 30px;
    }

    .p-modalTreatmentDesignation_center {
        width: 100%;
        height: 100vh;
    }

    .p-modalTreatmentDesignation_head h2 {
        text-align: center;
    }

    .p-modalTreatmentDesignation_listBox {
        overflow-y: scroll;
        max-height: calc(100% - 46px);
    }

    .p-narrowDown_item:not(:last-child) {
        padding-bottom: 30px;
        margin-bottom: 25px;
    }

    .p-narrowDown .heading {
        margin-bottom: 18px;
    }

    .p-narrowDown .btnBox.spFlex {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 20px;
        padding: 0 20px;
    }

    .p-narrowDown .btnBox.spFlex button {
        height: 28px;
        padding: 0;
    }

    .p-narrowDown .areaBtn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px 10px;
        margin-bottom: 15px;
    }

    .p-narrowDown .areaBtn button {
        width: calc((100% - 10px) / 2);
    }

    .p-narrowDown .treatmentBtn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 25px;
    }

    .p-narrowDown .treatmentBtn button {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 280px;
    }

    .p-narrowDown .searchBtn {
        margin-top: 15px;
    }

    .p-pageSearchArea.kimotty::after {
        width: 150px;
        height: 40px;
    }

    .p-pageSearchArea_inner {
        padding-top: 35px;
        padding-bottom: 60px;
    }

    .p-pageSearchArea_inner.pb20 {
        padding-bottom: 55px;
    }

    .p-pageSearchArea_inner[data-text=NOW]::after,
    .p-pageSearchArea_inner[data-text=TODAY]::after,
    .p-pageSearchArea_inner[data-text="PICK UP"]::after,
    .p-pageSearchArea_inner[data-text=NEWS]::after,
    .p-pageSearchArea_inner[data-text=BLOG]::after {
        font-size: 55px;
        right: 14px;
        bottom: -10px;
    }

    .p-pageSearchArea_content:has(.p-searchMultiple) .p-narrowDown {
        margin-bottom: 20px;
    }

    .p-pageSearchArea .rankingSwich {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px;
        margin-bottom: 24px;
    }

    .p-pageSearchArea .rankingSwich a {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 280px;
    }

    .p-pagination_list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .p-pagination_list li.prev,
    .p-pagination_list li.next {
        width: 100%;
        margin: 10px 0;
    }

    .p-pagination_list li.prev a,
    .p-pagination_list li.next a {
        margin: 0 auto;
    }

    .p-articlePagination {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .p-quickSearch {
        width: 100%;
        z-index: 10;
        top: 0;
        right: 0;
        padding: 0;
    }

    .p-quickSearch_inner {
        display: none;
    }

    .p-quickSearch_content:not(:last-child) {
        border-bottom: none;
        margin-bottom: initial;
        padding-bottom: initial;
    }

    .p-quickSearch_content h3 {
        margin-bottom: initial;
    }

    .p-quickSearch_list {
        max-width: 288px;
        margin: 0 auto;
        padding: 17px 10px 26px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 17px 12px;
    }

    .p-quickSearch_listItem {
        width: calc((100% - 12px) / 2);
    }

    .p-quickSearch_listItem:not(:last-child) {
        margin-bottom: initial;
    }

    .p-registrationInformation .content {
        padding: 30px 10px 50px;
    }

    .p-registrationInformation .formItemBox {
        margin-bottom: 40px;
    }

    .p-registrationInformation .formItemBox .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
        padding-bottom: 0;
        border-bottom: none;
    }

    .p-registrationInformation .formItemBox .item:not(:last-child) {
        margin-bottom: 30px;
    }

    .p-registrationInformation .formItemBox .inputBox {
        width: 100%;
        padding-right: 0;
    }

    .p-registrationInformation .formItemBox .inputBox.dateBirth {
        gap: 10px;
    }

    .p-registrationInformation .formItemBox .inputBox .selectBox select {
        width: 120px;
    }

    .p-registrationInformation .formDetailBox ol {
        margin-bottom: 20px;
    }

    .p-resultNumber-pagination {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px;
    }

    .p-resultNumber-pagination_result {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0;
    }

    .p-resultNumber-pagination_result .text {
        font-size: 14px;
    }

    .p-resultNumber-pagination_pagination {
        margin: 0 auto;
    }

    .p-resultNumber-pagination_lineup {
        overflow-x: scroll;
        width: 100vw;
        margin-right: calc(50% - 50vw);
    }

    .p-resultNumber-pagination_lineup a.w140 {
        width: auto;
        padding: 1px 10px 3px;
    }

    .p-searchArea_inner {
        padding-top: 66px;
        padding-bottom: 35px;
    }

    .p-searchArea .p-secHeading {
        margin-bottom: 25px;
    }

    .p-searchArea_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .p-searchArea_searchBox {
        width: 100%;
    }

    .p-searchArea_selectBox .btnSwitch {
        margin: 0 auto 20px;
    }

    .p-searchArea_select {
        padding: 0 10px;
    }

    .p-searchArea_select .selectArea::after {
        display: none;
    }

    .p-searchArea_select .areaItem {
        width: calc((100% - 15px) / 2);
        min-width: 120px;
    }

    .p-searchTerms_content .termsBox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 13px;
    }

    .p-searchTerms_content .tabCat:nth-child(2) {
        width: 294px;
    }

    .p-searchTerms_content .tagBox {
        padding-top: 37px;
        width: auto;
    }

    .p-searchTerms_content .tagList {
        gap: 15px 10px;
    }

    .p-searchMultiple_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
    }

    .p-searchMultiple_content:not(:last-child) {
        border-bottom: none;
    }

    .p-searchMultiple .title {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 4px 15px;
    }

    .p-searchMultiple .searchBox {
        padding: 6px 15px;
    }

    .p-searchMultiple .searchBox input[type=search] {
        width: 100%;
    }

    .p-searchMultiple .searchBox .areaList {
        margin-bottom: 10px;
    }

    .p-searchMultiple .searchBox .changeBox,
    .p-searchMultiple .searchBox .dateSelect {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3px 0;
    }

    .p-searchMultiple .searchBtn input {
        width: 200px;
        border-radius: 17px;
        border: solid 1px #fff;
    }

    .p-searchMultiple .searchKeyword {
        padding: 5px 10px 8px;
    }

    .pageTop .p-searchTerms {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pageTop .p-searchTerms .p-secHeading {
        margin-bottom: 35px;
    }

    .pageTop .p-searchTerms .p-secHeading h2 strong {
        color: #333333;
    }

    .pageTop .p-searchTerms .tagBox {
        margin-right: -12px;
    }

    .pageTop .topNews .headingEn {
        display: none;
    }

    .pageTop .topNews_inner {
        padding-bottom: 40px;
    }

    .pageTop .topNews_head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 14px;
    }

    .pageTop .topNews_head .read {
        font-size: 14px;
    }

    .pageTop .topNews_content {
        margin-bottom: 0;
    }

    .pageTop .topNews_list .slick-list {
        margin-left: 30px;
    }

    .pageTop .topNews_list .slick-prev {
        left: 0;
    }

    .pageTop .topNews_list .slick-next {
        right: 0;
    }

    .pageTop .topNowTherapist::before {
        width: 233px;
        height: 225px;
    }

    .pageTop .topNowTherapist::after {
        height: 90px;
    }

    .pageTop .topNowTherapist_inner {
        padding-bottom: 140px;
    }

    .pageTop .topNowTherapist_inner::before {
        font-size: 36px;
        right: 30px;
        bottom: 22px;
    }

    .pageTop .topNowTherapist_content {
        margin-bottom: 20px;
    }

    .pageTop .topNowTherapist_list .slick-list {
        margin-left: 30px;
    }

    .pageTop .topNowTherapist_list .slick-prev {
        left: 0;
    }

    .pageTop .topNowTherapist_list .slick-next {
        right: 0;
    }

    .pageTop .topPickup_inner {
        padding-top: 10px;
    }

    .pageTop .topPickup_inner::before {
        width: calc(100% + 50px);
    }

    .pageTop .topPickup_inner::after {
        right: 49px;
    }

    .pageTop .topPickup_inner .decoraText {
        display: none;
    }

    .pageTop .topPickup .p-secHeading {
        margin-bottom: 20px;
    }

    .pageTop .topPickup_list .slick-list {
        margin-left: 30px;
    }

    .pageTop .topPickup_list .slick-prev {
        left: 0;
    }

    .pageTop .topPickup_list .slick-next {
        right: 0;
    }

    .pageTop .topRanking_inner {
        padding-top: 10px;
        padding-bottom: 50px;
    }

    .pageTop .topRanking .p-secHeading h2 {
        width: 100%;
        border-bottom: none;
    }

    .pageTop .topRanking .tabBtnList {
        gap: 5px;
    }

    .pageTop .topRanking .tabBtn button {
        white-space: initial;
        font-size: 14px;
        line-height: 1.1428571429;
    }

    .pageTop .topRanking .tabContents_wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }

    .pageTop .topRanking .tabContents_wrap .wrapBox {
        width: 100%;
    }

    .pageTop .topRanking .tabContents_wrap .tabTitle {
        font-size: 16px;
    }

    .pageTop .topRanking .tabContents_wrap .wrapBox:nth-child(even) .tabTitle {
        text-align: left;
    }

    .pageTop .topRanking_item {
        padding: 0 10px 35px;
    }

    .pageTop .topRanking_item h3 {
        height: 60px;
        font-size: 20px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 10px;
    }

    .pageTop .topRanking_item .listItem {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 6px 10px;
        padding-bottom: 10px;
        margin-bottom: 7px;
    }

    .pageTop .topRanking_item .photo {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 170px;
        height: 130px;
        padding-top: 0;
    }

    .pageTop .topRanking_item .detailBox {
        display: contents;
    }

    .pageTop .topRanking_item .head {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 0;
    }

    .pageTop .topRanking_item .featureList {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .pageTop .topRanking_item .c-btn {
        width: 100%;
    }

    .pageTop .topBlog::after {
        display: none;
    }

    .pageTop .topBlog_inner {
        padding-bottom: 50px;
    }

    .pageTop .topBlog_head {
        margin-bottom: 15px;
    }

    .pageTop .topBlog_head .head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px;
    }

    .pageTop .topBlog_head .read {
        font-size: 14px;
    }

    .pageTop .topBlog_list .slick-list {
        margin-left: 30px;
    }

    .pageTop .topBlog_list .slick-prev {
        left: 0;
    }

    .pageTop .topBlog_list .slick-next {
        right: 0;
    }

    .pageTop .topTodayTherapist::after {
        height: 60px;
    }

    .pageTop .topTodayTherapist_inner {
        padding-bottom: 70px;
    }

    .pageTop .topTodayTherapist_inner::before {
        font-size: 36px;
        right: 30px;
        bottom: 14px;
    }

    .pageTop .topTodayTherapist_content {
        margin-bottom: 30px;
    }

    .pageTop .topTodayTherapist_list .slick-list {
        margin-left: 30px;
    }

    .pageTop .topTodayTherapist_list .slick-prev {
        left: 0;
    }

    .pageTop .topTodayTherapist_list .slick-next {
        right: 0;
    }

    .pageTop .topUserVoice_inner {
        padding-bottom: 45px;
    }

    .pageTop .topUserVoice_inner::after {
        width: 213px;
        height: 63px;
        left: 0;
        bottom: -10px;
    }

    .pageTop .topUserVoice_head {
        margin-bottom: 45px;
    }

    .pageTop .topUserVoice_content {
        margin-bottom: 20px;
    }

    .pageTop .topUserVoice_list .slick-list {
        margin-left: 30px;
    }

    .pageTop .topUserVoice_list .slick-prev {
        left: 0;
    }

    .pageTop .topUserVoice_list .slick-next {
        right: 0;
    }

    .pageTop .topUserVoice .c-btn {
        width: 100%;
    }

    .pageTop .topGuide::before {
        width: calc(100% - 100px);
        right: 100px;
    }

    .pageTop .topGuide::after {
        width: 100px;
    }

    .pageTop .topGuide_inner {
        padding-top: 10px;
        padding-bottom: 50px;
    }

    .pageTop .topGuide_content {
        padding: 0;
    }

    .pageTop .topGuide .p-secHeading {
        margin-bottom: 20px;
    }

    .pageTop .topGuide_list {
        margin-bottom: 15px;
    }

    .pageTop .topGuide_listItem {
        width: 100%;
    }

    .pageTop .topGuide .btnBox {
        text-align: center;
    }

    .pageContact .contact_inner {
        padding-top: 35px;
        padding-bottom: 55px;
    }

    .pageContact .contact .p-secHeading {
        margin-bottom: 35px;
    }

    .pageContact .contact_formBox .content {
        padding: 30px 15px;
    }

    .pageContact .contact_formBox .content .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
    }

    .pageContact .contact_formBox .content .inputBox {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 100%;
    }

    .pageLoginError .loginError_inner {
        padding-top: 35px;
        padding-bottom: 50px;
    }

    .pageLoginError .loginError .p-secHeading {
        margin-bottom: 30px;
    }

    .pageLoginError .loginError .read {
        margin-bottom: 60px;
    }

    .pageRegistration .memberRegistration_inner {
        padding-top: 35px;
    }

    .pageRegistration .memberRegistration .p-secHeading {
        margin-bottom: 30px;
    }

    .pageArticle .storeInfo {
        background-size: 350%;
    }

    .pageArticle .storeInfo_inner {
        padding-top: 35px;
        padding-bottom: 60px;
    }

    .pageArticle .storeInfo_content {
        padding: 25px 9px 35px;
    }

    .pageArticle .storeInfo_content .tagList {
        gap: 12px 3px;
    }

    .pageArticle .articleBox_inner {
        padding-top: 60px;
        padding-bottom: 55px;
    }

    .pageArticle .articleBox_list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 70px;
    }

    .pageArticle .articleBox .article {
        margin-bottom: 40px;
    }

    .pageArticle .articleBox .article .head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 20px;
    }

    .pageArticle .articleBox .article .desc :where(figure, img) {
        margin: 30px 0;
    }

    .pageMember .pageLogin_inner {
        padding-top: 35px;
        padding-bottom: 60px;
    }

    .pageMember .pageLogin_content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
    }

    .pageMember .memberMerit::after {
        background-size: 231px 235px;
    }

    .pageMember .memberMerit_inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .pageMember .memberMerit .heading {
        width: 100%;
        margin: 0 auto 50px;
    }

    .pageMember .memberMerit_list {
        padding-top: 25px;
    }

    .pageMember .memberMerit_list::before {
        background-size: 180%;
    }

    .pageMember .memberMerit_listItem {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 35px;
    }

    .pageMember .memberMerit_listItem::after {
        background-size: 180%;
    }

    .pageMember .memberMerit_listItem .detail {
        display: contents;
    }

    .pageMember .memberMerit_listItem .detail h3 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 16px;
        line-height: 1.875;
    }

    .pageMember .memberMerit_listItem .detail .read {
        width: 100%;
    }

    .pageQuestion .question_inner {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pageQuestion .question .p-secHeading {
        margin-bottom: 35px;
    }

    .pageQuestion .question_list {
        margin-bottom: 45px;
    }

    .pageQuestion .question_listItem:not(:last-child) {
        margin-bottom: 10px;
    }

    .pageQuestion .question_listItem .accordionContent {
        padding: 10px 0;
    }

    .pageSearchResult--cardRow .searchResult_list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px;
    }

    .pageSearchResult--cardRow .searchResult_list.space50 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 25px;
    }

    .pageSearchResult .searchResult::before,
    .pageSearchResult .searchResult::after {
        width: 195px;
        height: 167px;
    }

    .pageSearchResult .searchResult_inner {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .pageSearchResult .searchResult .p-secHeading {
        margin-bottom: 15px;
    }

    .pageSearchResult .searchResult .p-secHeading h2 {
        font-size: 18px;
    }

    .pageSearchResult .searchResult .p-secHeading.border {
        margin-bottom: 15px;
    }

    .pageSearchResult .searchResult .p-secHeading.mb10 {
        margin-bottom: 25px;
    }

    .pageSearchResult .searchResult_list {
        margin-bottom: 30px;
    }

    .pageSearchResult .searchResult .p-resultNumber-pagination {
        margin-bottom: 35px;
    }

    .pageStoreTherapist .nowTherapist_inner {
        background-color: #fff;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pageStoreTherapist .nowTherapist_body {
        padding: 0;
    }

    .pageStoreTherapist .nowTherapist_head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 40px;
    }

    .pageStoreTherapist .nowTherapist_list {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 60px;
    }

    .pageStoreTherapist .nowTherapist_list.w100 {
        gap: 45px;
    }

    .pagePrice .price_inner {
        background-color: #fff;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pagePrice .price_body {
        padding: 0;
    }

    .pagePrice .price_head {
        margin-bottom: 75px;
        padding-left: 0;
    }

    .pagePrice .price_head .p-secHeading h2 {
        display: inline-block;
        padding-right: 28px;
    }

    .pagePrice .price_content .p-secHeading {
        margin-bottom: 0;
        margin-left: 0;
    }

    .pagePrice .price_content .p-resultNumber-pagination {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .pagePrice .price_list .listItem:not(:last-child) {
        margin-bottom: 20px;
    }

    .pagePrice .price_list .detailBox {
        padding: 25px 10px 80px;
    }

    .pagePrice .price_list .priceItem .head {
        gap: 10px;
    }
}

@media screen and (max-width: 389px) {
    .pageTop .topRanking_item .photo {
        width: 150px;
    }
}