/* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:wght@400;700&family=Zen+Old+Mincho:wght@400;600&family=EB+Garamond:ital@0;1&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital@0;1&family=Noto+Sans+JP:wght@100..900&family=Roboto:wght@400;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Zen+Old+Mincho:wght@400;600&display=swap");

.clearfix::after {
    content: "";
    clear: both;
    display: table
}

p {
    margin: 0;
    padding: 0;
    text-align: justify
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

input,
textarea {
    margin: 0;
    font-size: 100%;
    resize: none
}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="url"] {
    word-break: normal;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%
}

dl,
dt,
dd,
th,
td {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0;
    padding: 0
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
dialog {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

img {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: 0;
    max-width: 100%;
    height: auto
}

table img {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: 0
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

nav ul {
    list-style: none
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*:focus {
    outline: none !important
}

label,
select,
button {
    cursor: pointer
}

input,
textarea,
select,
button {
    font-family: inherit
}

button {
    border: 0
}

a {
    outline: none;
    transition: opacity 0.2s;
    cursor: pointer
}

@media only screen and (min-width: 1025px) {
    a:hover {
        opacity: 0.7
    }
}

a:link,
a:visited,
a:active {
    color: #3e3a39;
    text-decoration: none
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%
}

html.is-ipad * {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2em;
    letter-spacing: .15em;
    font-weight: 400;
    word-break: break-word;
    color: #3e3a39;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

body.bg_col{
    background-color: #f5f5f5;
    background-image: url(../a_images/mypage/common/bg_img.svg);
    background-repeat: no-repeat;
    background-position: left calc(50% + 540px) bottom;
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2em;
        letter-spacing: .1em;
        font-weight: 400
    }
}

#wrap {
    display: block
}

.inner {
    width: calc(100% - 60px);
    max-width: 1200px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .inner {
        width: calc(100% - 40px)
    }
}

@media (min-width: 768px) {

    .sp,
    .SP {
        display: none !important
    }
}

@media (max-width: 767px) {

    .pc,
    .PC {
        display: none !important
    }
}

.c-news li:not(:first-child) {
    margin-top: 10px
}

@media (max-width: 767px) {
    .c-news li:not(:first-child) {
        border-top: 1px solid #bcb9b0;
        margin-top: 15px;
        padding-top: 15px
    }
}

.c-news li a {
    display: flex;
    align-items: center;
    padding-right: 1em;
    position: relative
}

@media (max-width: 767px) {
    .c-news li a {
        flex-direction: column;
        padding-right: 0
    }
}

.c-news li a:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    top: calc(50% - 5.5px);
    right: 0;
    background-image: url("../a_images/mypage/common/arrow-yellow.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: 0.3s
}

@media (max-width: 767px) {
    .c-news li a:after {
        display: none
    }
}

.c-news li a time {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
    letter-spacing: .15em;
    font-weight: 600;
    color: #c4993d;
    height: 1.5em;
    width: 120px
}

@media (max-width: 767px) {
    .c-news li a time {
        font-size: 12px;
        font-size: 1.2rem;
        width: 100%
    }
}

.c-news li a p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
    letter-spacing: .15em;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: calc(100% - 120px);
    text-align: left
}

@media (max-width: 767px) {
    .c-news li a p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5714em;
        width: 100%;
        -webkit-line-clamp: 2;
        margin-top: 3px
    }
}



.c-seminar li:not(:first-child) {
    margin-top: 10px
}
.c-seminar li{
    display: flex;
    align-items: center;
}
.c-seminar li a.c-seminar-detail{
    display: flex;
    align-items: center;
    flex: 1;
}
.c-seminar li a.c-seminar-detail time{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5em;
    letter-spacing: .15em;
    font-weight: 600;
    color: #c4993d;
    text-align: center;
}
.c-seminar li a.c-seminar-detail p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
    letter-spacing: .15em;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: left;
}
/* カテゴリの場合 */
.c-seminar.category_type li{
    padding-right: 1em;
    position: relative;
}
.c-seminar.category_type li a:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    top: calc(50% - 5.5px);
    right: 0;
    background-image: url("../a_images/mypage/common/arrow-yellow.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: 0.3s;
}
.c-seminar.category_type li a.c-seminar-detail .c-seminar-detail-category{
    width: 75px;
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0em;
    text-align: center;
}
.c-seminar.category_type li a.c-seminar-detail .c-seminar-detail-category.basic{
    background-color: #c4993d;
}
.c-seminar.category_type li a.c-seminar-detail .c-seminar-detail-category.special{
    background-color: #bcb9b0;
}
.c-seminar.category_type li a.c-seminar-detail .c-seminar-detail-category.collabo{
    background-color: #e6e6e6;
}
.c-seminar.category_type li a.c-seminar-detail .c-seminar-detail-category.question {
    background: #4f700f;
}
.c-seminar.category_type li a.c-seminar-detail time{
    width: 175px;
}
/*
.c-seminar.category_type li a.c-seminar-detail p{
    width: calc(100% - 250px);
}
*/
/* 受講履歴の場合 */
.c-seminar.history_type li a.c-seminar-detail .c-seminar-detail-history{
    width: 45px;
    color: #fff;
    background-color: #bcb9b0;
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0em;
    text-align: center;
}
.c-seminar.history_type li a.c-seminar-detail .c-seminar-detail-history.attended{
    background-color: #c4993d;
}
.c-seminar.history_type li a.c-seminar-detail .c-seminar-detail-history.application{
    background-color: #4f700f;
}
.c-seminar.history_type li a.c-seminar-detail .c-seminar-detail-history.paid{
    background-color: #3e3a39;
}
.c-seminar.history_type li a.c-seminar-detail .c-seminar-detail-history.not_attended{
    background-color: #bcb9b0;
}
.c-seminar.history_type li a.c-seminar-detail time{
    width: 120px;
}
.c-seminar.history_type li a.c-seminar-detail p{
    width: calc(100% - 200px);
}
.c-seminar li a.c-seminar-receipt {
    padding: 0 10px;
    font-size: 11px;
    font-size: 1.1rem;
    color: #c4993d;
}
.c-seminar li a.c-seminar-receipt span{
    white-space: nowrap;
}
.c-seminar li a.c-seminar-receipt.c-btn-small:after {
    margin-left: 2px;
}

@media (max-width: 767px) {
    .c-seminar li a.c-seminar-detail{
        flex: unset;
    }
    .c-seminar li:not(:first-child){
        border-top: 1px solid #bcb9b0;
        margin-top: 15px;
        padding-top: 15px;
    }
    .c-seminar li a.c-seminar-detail{
        flex-wrap: wrap;
        width: 100%;
    }
    .c-seminar.category_type li a.c-seminar-detail .c-seminar-detail-category,
    .c-seminar.history_type li a.c-seminar-detail .c-seminar-detail-history{
        line-height: 2;
    }
    .c-seminar.category_type li a.c-seminar-detail p,
    .c-seminar.history_type li a.c-seminar-detail p {
        margin-top: 10px;
        width: 100%;
        -webkit-line-clamp: 2;
    }
    .c-seminar.category_type li a.c-seminar-detail time,
    .c-seminar.history_type li a.c-seminar-detail time{
        width: auto;
        margin-left: 15px;
        font-size: 12px;
        font-size: 1.2rem;
    }
    /* カテゴリの場合 */
    .c-seminar.category_type li{
        padding-right: 0;
    }
    .c-seminar.category_type li a:after {
        content: none;
    }
    /* 受講履歴の場合 */
    .c-seminar li a.c-seminar-receipt {
        display: none;
    }
    .c-seminar.sp_receipt_visibility li {
        flex-wrap: wrap;
    }
    .c-seminar.sp_receipt_visibility li a.c-seminar-receipt {
        margin: 7px 0 0 auto;
        display: flex;
    }
}


.c-archive {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 44px;
}
.c-archive li{
    width: calc(50% - 22px);
}
.c-archive li a{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.c-archive li a figure{
    width: 110px;
    aspect-ratio: 3 / 2;
}
.c-archive li a figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.c-archive li a .c-archive-detail{
    padding-left: 20px;
    width: calc(100% - 110px);
}
.c-archive li a .c-archive-cate-wrap{
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}
.c-archive li a .c-archive-cate{
    width: 85px;
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0em;
    text-align: center;
}
.c-archive li a .c-archive-cate.basic{
    background-color: #c4993d;
}
.c-archive li a .c-archive-cate.special{
    background-color: #bcb9b0;
}
.c-archive li a .c-archive-cate.collabo{
    background-color: #e6e6e6;
}
.c-archive li a .c-archive-cate.question{
    background-color: #4f700f;
}
.c-archive li a time{
    font-size: 10px;
    font-size: 1rem;
}
.c-archive li a .c-archive-detail-series{
    margin-bottom: 5px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.8;
}
.c-archive li a .c-archive-detail-title{
    margin-bottom: 8px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.c-archive li a .c-archive-detail-duration{
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    color: #c4993d;
}
@media (max-width: 980px) {
    .c-archive {
        gap: 20px;
    }
    .c-archive li a figure{
        margin-bottom: 10px;
        width: 100%;
    }
    .c-archive li a .c-archive-detail{
        padding-left: 0px;
        width: calc(100%);
    }
}
@media (max-width: 767px) {
    .c-archive li{
        width: 100%;
    }
    .c-archive li a figure{
        margin-bottom: 0px;
        width: 90px;
    }
    .c-archive li a .c-archive-detail{
        padding-left: 10px;
        width: calc(100% - 90px);
    }
}


.c-banner {
    background: url(../a_images/mypage/common/banner-bg_lg.png) repeat-x center bottom -82px/4290px #4f700f;
    padding-top: 100px;
    padding-bottom: 100px
}

@media only screen and (max-width: 1260px) {
    .c-banner {
        background: url(../a_images/mypage/common/banner-bg.png) no-repeat center bottom -28%/102.86% #4f700f;
        padding-top: 7.937%;
        padding-bottom: 7.937%
    }
}

@media (max-width: 767px) {
    .c-banner {
        padding-top: 100px;
        padding-bottom: 100px;
        background: url(../a_images/mypage/common/banner-bg_sp.png) no-repeat center bottom 0/100% #4f700f
    }
}

.c-banner .c-banner_btn {
    display: block;
    width: 100%;
    aspect-ratio: 1200 / 300;
    background: url(../a_images/mypage/common/banner-btn-bg.png) no-repeat center center/100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 27px;
    position: relative
}

@media only screen and (max-width: 1260px) {
    .c-banner .c-banner_btn {
        gap: 2.143vw
    }
}

@media (max-width: 767px) {
    .c-banner .c-banner_btn {
        background-image: url(../a_images/mypage/common/banner-btn-bg_sp.png);
        aspect-ratio: 320 / 200;
        gap: 12px
    }
}

.c-banner .c-banner_btn span {
    font-family: "Zen Old Mincho", serif;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700;
    text-indent: 0.15em
}

@media only screen and (max-width: 1260px) {
    .c-banner .c-banner_btn span {
        font-size: 2.54vw
    }
}

@media (max-width: 767px) {
    .c-banner .c-banner_btn span {
        font-size: 22px;
        font-size: 2.2rem
    }
}

.c-banner .c-banner_btn:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

.c-banner .c-banner_btn.therapist {
    padding-top: 7.5%
}

@media (max-width: 767px) {
    .c-banner .c-banner_btn.therapist {
        padding-top: 18.75%
    }
}

.c-banner .c-banner_btn.therapist:before {
    width: 30.5px;
    height: 30.5px;
    background-image: url(../a_images/mypage/common/icon-signup-yellow.svg)
}

@media only screen and (max-width: 1260px) {
    .c-banner .c-banner_btn.therapist:before {
        width: 2.42vw;
        height: 2.42vw
    }
}

@media (max-width: 767px) {
    .c-banner .c-banner_btn.therapist:before {
        width: 25px;
        height: 25px
    }
}

.c-banner .c-banner_btn.therapist:after {
    content: "";
    display: block;
    width: 27.292%;
    aspect-ratio: 327.5 / 227.3;
    background: url(../a_images/mypage/common/banner-signup.png) no-repeat center center/100%;
    position: absolute;
    top: -10%;
    left: 18%
}

@media (max-width: 767px) {
    .c-banner .c-banner_btn.therapist:after {
        width: 76.75%;
        left: -8.5%;
        top: -41%
    }
}

.c-banner .c-banner_btn.seller {
    padding-top: 8.5%
}

@media (max-width: 767px) {
    .c-banner .c-banner_btn.seller {
        padding-top: 21%
    }
}

.c-banner .c-banner_btn.seller:before {
    width: 30px;
    height: 20px;
    background-image: url(../a_images/mypage/common/icon-mail.svg)
}

@media only screen and (max-width: 1260px) {
    .c-banner .c-banner_btn.seller:before {
        width: 2.381vw;
        height: 1.587vw
    }
}

@media (max-width: 767px) {
    .c-banner .c-banner_btn.seller:before {
        width: 24px;
        height: 16px
    }
}

.c-banner .c-banner_btn.seller:after {
    content: "";
    display: block;
    width: 25.334%;
    aspect-ratio: 304 / 221;
    background: url(../a_images/mypage/common/banner-request.png) no-repeat center center/100%;
    position: absolute;
    top: -10%;
    left: 19%
}

@media (max-width: 767px) {
    .c-banner .c-banner_btn.seller:after {
        width: 71.25%;
        left: -6%;
        top: -41%
    }
}

.c-body {
    width: calc(75.6% - 40px);
    padding-bottom: 50px;
}

@media only screen and (max-width: 1200px) {
    .c-body {
        width: calc(100% - 220px - 20px)
    }
}

@media (max-width: 767px) {
    .c-body {
        width: 100%;
        padding-bottom: 0px;
    }
}

.c-body .c-body_content {
    background: #fff;
    border-radius: 10px;
    padding: 40px 40px 70px
}

@media (max-width: 767px) {
    .c-body .c-body_content {
        padding: 30px 20px 30px
    }
}

.c-body .c-body_content:not(:last-of-type) {
    margin-bottom: 20px
}

.c-body .c-body_title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700;
    font-family: "Zen Kaku Gothic New", serif;
    margin-bottom: 30px;
    display: flex;
    align-items: center
}
.c-body .c-body_title.line{
    position: relative;
}
.c-body .c-body_title.line::after{
    content:"";
    width: 100%;
    height: 1px;
    background-color: #c4993d;
    position: absolute;
    left: 0;
    top: 50%;
}
.c-body .c-body_title.line span{
    display: inline-block;
    padding-right: 10px;
    position: relative;
    z-index: 2;
    background-color: #fff;
}

@media (max-width: 767px) {
    .c-body .c-body_title {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 20px;
        justify-content: space-between
    }
}

.c-body .c-body_title.small {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 25px
}

.c-body .c-body_title .c-btn-small {
    font-family: "Noto Sans JP", sans-serif;
    margin-left: 20px
}

.c-body .c-body_content section + section{
    margin-top: 40px;
}

.c-body.c-body-karadajyuku {
    width: calc(100% - 280px - 40px)
}

@media only screen and (max-width: 1200px) {
    .c-body.c-body-karadajyuku {
        width: calc(100% - 240px - 20px)
    }
}

@media (max-width: 767px) {
    .c-body.c-body-karadajyuku {
        width: 100%
    }
}


.locked{
    position: relative;
}
.locked-content{
    padding: 20px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: rgb(188 185 176 / 0.8);
    z-index: 3;
    border-radius: 10px;
}
.locked-sticky-wrapper{
    position: relative;
    height: 100%;
}
.locked-sticky-item{
    position: sticky;
    top: 20px;
}
.locked-content img{
    margin-bottom: 30px;
    width: 72px;
    filter: drop-shadow(2px 1px 6px rgb(0 0 0 / 0.4));
}
.locked-content p{
    margin-bottom: 30px;
    color: #fff;
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
    filter: drop-shadow(2px 1px 6px rgb(0 0 0 / 0.6));
}
.locked-content a{
    margin: auto;
    width: 280px;
    color: #fff;
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 700;
    font-size: 2rem;
    filter: drop-shadow(2px 1px 6px rgb(0 0 0 / 0.4));
}
@media (max-width: 767px) {
    .locked-content{
        padding-top: 70px;
        align-items: flex-start;
    }
    .locked-content img{
        margin-bottom: 20px;
        width: 52px;
    }
    .locked-content p{
        margin-bottom: 20px;
        font-size: 15px;
        font-size: 1.5rem;
    }
    .locked-content a{
        height: 50px;
        border-radius: 50px;
    }
    .locked-content a span{
        line-height: 1.5;
    }
}





.c-bottom_menu {
    display: flex;
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100
}

.c-bottom_menu .c-bottom_menu_item {
    width: 50%
}

.c-bottom_menu .c-bottom_menu_link {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700
}

.c-bottom_menu .c-bottom_menu_link:before {
    content: "";
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.c-bottom_menu .c-bottom_menu_link.signup {
    background-color: #c4993d
}

.c-bottom_menu .c-bottom_menu_link.signup:before {
    width: 20px;
    height: 20px;
    background-image: url(../a_images/mypage/common/icon-signup-white.svg)
}

.c-bottom_menu .c-bottom_menu_link.request {
    background-color: #ae8d56
}

.c-bottom_menu .c-bottom_menu_link.request:before {
    width: 17px;
    height: 18px;
    background-image: url(../a_images/mypage/common/icon-request-white.svg)
}

.c-bottom_menu .c-bottom_menu_link.login {
    background-color: #bcb9b0
}

.c-bottom_menu .c-bottom_menu_link.login:before {
    width: 18px;
    height: 20px;
    background-image: url(../a_images/mypage/common/icon-login-white.svg)
}

.c-bottom_menu_system {
    width: 100%;
    align-items: center;
    background: #f5f5f5;
    padding: 10px 20px 20px;
    border-top: 1px solid #bcb9b0;
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10
}

@media (max-width: 767px) {
    .c-bottom_menu_system {
        display: flex
    }
}

.c-bottom_menu_system .c-bottom_menu_item {
    width: 20%
}

.c-bottom_menu_system .c-bottom_menu_link {
    display: flex;
    flex-direction: column;
    align-items: center
}

/*
.c-bottom_menu_system .c-bottom_menu_link:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}
*/

.c-bottom_menu_system .c-bottom_menu_link.current .c-bottom_menu_text {
    color: #c4993d
}

.c-bottom_menu_system .c-bottom_menu_link.mypage:before {
    background-image: url(../a_images/mypage/common/icon-top-gray.svg)
}

.c-bottom_menu_system .c-bottom_menu_link.mypage.current:before {
    background-image: url(../a_images/mypage/common/icon-top.svg)
}

.c-bottom_menu_system .c-bottom_menu_link.news:before {
    background-image: url(../a_images/mypage/common/icon-news-gray.svg)
}

.c-bottom_menu_system .c-bottom_menu_link.news.current:before {
    background-image: url(../a_images/mypage/common/icon-news.svg)
}

.c-bottom_menu_system .c-bottom_menu_link.archive:before {
    background-image: url(../a_images/mypage/common/icon-movie-gray.svg)
}

.c-bottom_menu_system .c-bottom_menu_link.archive.current:before {
    background-image: url(../a_images/mypage/common/icon-movie.svg)
}

.c-bottom_menu_system .c-bottom_menu_link.question:before {
    background-image: url(../a_images/mypage/common/icon-question-gray.svg)
}

.c-bottom_menu_system .c-bottom_menu_link.question.current:before {
    background-image: url(../a_images/mypage/common/icon-question.svg)
}

.c-bottom_menu_system .c-bottom_menu_link.history:before {
    background-image: url(../a_images/mypage/common/icon-time-gray.svg)
}

.c-bottom_menu_system .c-bottom_menu_link.history.current:before {
    background-image: url(../a_images/mypage/common/icon-time.svg)
}

.c-bottom_menu_system .c-bottom_menu_link .c-bottom_menu_text {
    color: #bcb9b0;
    font-size: 8px;
    font-size: .8rem;
    line-height: 2.625em;
    letter-spacing: .1em;
    font-weight: 400;
    text-align: center
}

.c-bottom_link_event {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 10
}

@media (max-width: 767px) {
    .c-bottom_link_event {
        display: block;
    }
}

.c-breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 40px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: calc(79% - 40px);
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .15em
}

@media only screen and (max-width: 1200px) {
    .c-breadcrumbs {
        margin-left: 20px
    }
}

/*
.c-breadcrumbs a:not(:last-child):after,
.c-breadcrumbs span:not(:last-child):after {
    content: '＞';
    color: #bcb9b0;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .15em;
    margin: 0 0.4em
}
*/
.c-breadcrumbs a:not(:last-child):after {
    content: '＞';
    color: #bcb9b0;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .15em;
    margin: 0 0.4em
}

.c-breadcrumbs a {
    color: #c4993d
}

.c-btn {
    width: 100%;
    height: 40px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #c4993d;
    transition: all 0.3s
}
.c-btn.white{
    color: #c4993d;
    background: #fff;
}

.c-btn:after {
    content: "";
    display: block;
    width: 10px;
    height: 7px;
    position: absolute;
    top: calc(50% - 3px);
    right: 23px;
    background-image: url("../a_images/btn_wrap_arrow_white.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: width 0.3s
}
.c-btn.white:after {
    background-image: url("../a_images/btn_wrap_arrow.svg");
}

.c-btn span {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: .1em;
    color: #fff;
    transition: all 0.3s
}

.c-btn:hover,
.c-btn.current {
    opacity: 1;
    background: #f5f5f5
}
.c-btn.white:hover,
.c-btn.white.current {
    opacity: 1;
    color: #fff;
    background: #bcb9b0
}

.c-btn:hover:after,
.c-btn.current:after {
    background-image: url("../a_images/btn_wrap_arrow.svg")
}
.c-btn.white:hover:after,
.c-btn.white.current:after {
    background-image: url("../a_images/btn_wrap_arrow_white.svg")
}

.c-btn:hover span,
.c-btn.current span {
    color: #c4993d
}

.c-btn.web {
    height: 60px;
    border-radius: 30px
}

.c-btn.web span {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1em;
    letter-spacing: .15em
}

.c-btn.border {
    border: 1px solid #c4993d
}

.c-btn.cancel {
    border-color: #bcb9b0;
    background: #bcb9b0
}

.c-btn.cancel:after {
    background-image: url("../a_images/mypage/common/cross-white.svg")
}

.c-btn.cancel:hover {
    background: #fff
}

.c-btn.cancel:hover:after {
    background-image: url("../a_images/mypage/common/cross-gray.svg")
}

.c-btn.cancel:hover span {
    color: #bcb9b0
}

.c-btn.heart {
    border-color: #bcb9b0;
    background: #fff;
    padding-left: 5px;
    padding-right: 10px
}

.c-btn.heart span {
    color: #bcb9b0
}

.c-btn.heart:after {
    width: 15px;
    height: 12.9px;
    background-image: url("../a_images/mypage/common/heart-gray-border.svg");
    right: 18px
}

.c-btn.heart:hover {
    background: #fff;
    border-color: #ea5550
}

.c-btn.heart:hover:after {
    background-image: url("../a_images/mypage/common/heart-red.svg")
}

.c-btn.heart:hover span {
    color: #ea5550
}

.c-btn.heart.active {
    background: #ea5550;
    border-color: #ea5550
}

.c-btn.heart.active:after {
    background-image: url("../a_images/mypage/common/heart-white.svg")
}

.c-btn.heart.active span {
    color: #fff
}

.c-btn-big {
    margin-top: 20px;
    width: 100%;
    height: 70px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 2.2rem;
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 700;
    background-image: url(../a_images/btn_wrap_arrow_white.svg);
    background-repeat: no-repeat;
    background-position: right 68px center;
    background-size: 35px auto;
    background-color: #c4993d;
    transition: all 0.3s;
    padding: 0 10px 0 20px
}
.c-btn-big span{
    color: #fff;
}

@media (max-width: 767px) {
    .c-btn-big {
        height: 50px;
        font-size: 1.8rem;
        background-position: right 30px center;
        background-size: 20px auto;
    }
}

.c-btn-small {
    width: fit-content;
    height: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border: 1px solid #c4993d;
    background: #fff;
    transition: all 0.3s;
    padding: 0 10px 0 20px
}

.c-btn-small:after {
    content: "";
    display: block;
    width: 10px;
    height: 7px;
    background-image: url("../a_images/btn_wrap_arrow.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: width 0.3s;
    margin-left: 10px
}

.c-btn-small span {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1em;
    letter-spacing: .15em;
    color: #c4993d;
    transition: all 0.3s
}

.c-btn-small:hover,
.c-btn-small.current {
    opacity: 1;
    background: #c4993d
}

.c-btn-small:hover:after,
.c-btn-small.current:after {
    background-image: url("../a_images/btn_wrap_arrow_white.svg")
}

.c-btn-small:hover span,
.c-btn-small.current span {
    color: #fff
}

.c-btn-small.download {
    padding: 0 10px
}

.c-btn-small.download:after {
    width: 7px;
    height: 9px;
    background-image: url("../a_images/mypage/common/icon-download-yellow.svg");
    margin-left: 3px
}

.c-btn-small.download:hover:after {
    background-image: url("../a_images/mypage/common/icon-download-white.svg")
}

.c-category_list {
    margin-top: 50px
}

@media (max-width: 767px) {
    .c-category_list {
        margin-top: 40px
    }
}

.c-category_item {
    border-bottom: 2px solid #fff
}

.c-category_item.is_locked {
    position: relative
}

.c-category_item.is_locked:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #BCB9B0;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.c-category_item.is_locked:after {
    content: "";
    display: block;
    width: 20px;
    height: 25px;
    background: url(../a_images/mypage/common/icon-lock.svg) no-repeat center center/contain;
    position: absolute;
    top: 50%;
    left: 3.062%;
    translate: 0 -50%;
    z-index: 2
}

@media (max-width: 767px) {
    .c-category_item.is_locked:after {
        left: 25px
    }
}

.c-category_head {
    display: flex;
    align-items: center;
    color: #fff;
    background: #c4993d;
    padding: 20px 4.082% 20px 7%;
    cursor: pointer
}

@media (max-width: 767px) {
    .c-category_head {
        position: relative;
        padding: 15px 20px
    }
}

.c-category_head.is_open {
    background: #ae8d56
}

.c-category_head.is_open .head_icon.before,
.c-category_head.is_open .head_icon.after {
    background: #ae8d56
}

.c-category_head.is_open .head_icon:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.c-category_head .head_name {
    flex-shrink: 0;
    width: 230px;
    font-family: "Zen Kaku Gothic New", serif;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700
}

@media (max-width: 767px) {
    .c-category_head .head_name {
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-size: 1.8rem
    }
}

.c-category_head .head_text {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.66667em;
    letter-spacing: .1em
}

@media (max-width: 767px) {
    .c-category_head .head_text {
        display: none
    }
}

.c-category_head .head_icon {
    flex-shrink: 0;
    margin-left: 40px
}

@media (max-width: 767px) {
    .c-category_head .head_icon {
        margin-left: 0;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%)
    }
}

.c-category_head .head_icon:before,
.c-category_head .head_icon:after {
    background: #c4993d
}

.c-category_body {
    background: #fff;
    padding: 40px 7% 45px;
    display: none
}

@media (max-width: 767px) {
    .c-category_body {
        padding: 30px 20px 40px
    }
}

.c-category_body .body_heading {
    display: flex;
    gap: 25px;
    align-items: flex-start;
    padding-bottom: 15px;
    border-bottom: 1px solid #c4993d
}

.c-category_body .body_name {
    font-family: "Zen Kaku Gothic New", serif;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700
}

.c-category_body .body_content {
    margin-top: 35px
}

@media (max-width: 767px) {
    .c-category_body .body_content {
        margin-top: 20px
    }
}

.c-category_body .body_content .series_list {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.c-category_body .body_content .series_item .series_item_main {
    width: fit-content;
    display: flex;
    align-items: baseline
}

.c-category_body .body_content .series_item .series_item_main:before {
    content: "・";
    color: #c4993d;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700
}

.c-category_body .body_content .series_item .series_item_main .series_item_main_inner {
    display: flex;
    align-items: center;
    row-gap: 8px
}

@media (max-width: 767px) {
    .c-category_body .body_content .series_item .series_item_main .series_item_main_inner {
        display: block;
        line-height: 1.572
    }
}

.c-category_body .body_content .series_item .series_item_main .series_item_main_inner p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.07143em;
    letter-spacing: .15em;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: left
}

@media (max-width: 767px) {
    .c-category_body .body_content .series_item .series_item_main .series_item_main_inner p {
        display: inline;
        line-height: 1.572
    }
}

.c-category_body .body_content .series_item .series_item_main .series_item_main_inner span {
    margin-left: 2em;
    flex-shrink: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 400;
    color: rgba(62, 58, 57, 0.5)
}

@media (max-width: 767px) {
    .c-category_body .body_content .series_item .series_item_main .series_item_main_inner span {
        margin-left: 0;
        margin-top: 5px;
        display: block;
        white-space: nowrap;
        font-size: 13px;
        font-size: 1.3rem
    }
}

.c-category_body .body_content .series_item .series_sub_list {
    width: 100%;
    display: flex;
    margin-top: 15px
}

@media (max-width: 767px) {
    .c-category_body .body_content .series_item .series_sub_list {
        flex-direction: column;
        gap: 14px
    }
}

.c-category_body .body_content .series_item .series_sub_list_column {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 14px
}

@media (max-width: 767px) {
    .c-category_body .body_content .series_item .series_sub_list_column {
        width: 100%
    }
}

.c-category_body .body_content .series_item .series_sub_item {
    width: fit-content;
    display: flex;
    align-items: center;
    padding-left: 7.5%
}

@media (max-width: 767px) {
    .c-category_body .body_content .series_item .series_sub_item {
        padding-left: 16px
    }
}

.c-category_body .body_content .series_item .series_sub_item p {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1em;
    letter-spacing: .1em
}

.c-category_body .body_content .series_item .series_sub_item p:before {
    content: "-";
    color: #c4993d;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1em;
    letter-spacing: .1em;
    margin-right: 2px
}

.c-category_body .body_content .series_item .series_sub_item span {
    flex-shrink: 0;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .1em;
    color: rgba(62, 58, 57, 0.5)
}

.c-color-t {
    background: #f5f5f5
}

.c-color-t .c-container:after {
    background: #e0dfda
}

.c-color-s {
    background: #f5f5f5
}

.c-color-s .c-container:after {
    background: #ebe0c8
}

.c-container {
    display: flex;
    align-items: flex-start;
    position: relative;
    justify-content: space-between;
    width: calc(100% - 60px);
    max-width: 1140px;
    margin: 30px auto 0
}

@media (max-width: 767px) {
    .c-container {
        margin-top: 20px;
        width: calc(100% - 40px)
    }
}

.c-container:after {
    content: '';
    width: 100%;
    border-radius: 0 20px 0 0;
    position: absolute;
    top: 0;
    right: 79%;
    height: 100%;
    min-height: calc(100vh - 60px)
}

@media only screen and (max-width: 1200px) {
    .c-container:after {
        right: calc(100% - 220px)
    }
}

@media (max-width: 767px) {
    .c-container:after {
        display: none
    }
}

.c-copyright {
    color: #bcb9b0;
    font-size: 10px;
    font-size: 1rem;
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 10px;
    padding-bottom: 10px
}

@media (max-width: 767px) {
    .c-copyright {
        padding-bottom: 140px;
        text-align: center
    }
}

.c-deactivate-link {
    border-color: #BCB9B0;
    border-width: 1px 0 1px 0;
    border-style: solid;
    padding: 19px 10px 16px
}

.c-deactivate-link a {
    display: flex;
    align-items: center;
    transition: 0.2s;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .15em
}

.c-deactivate-link a:before {
    content: "・";
    color: #c4993d;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em
}

.c-deactivate-link a:hover {
    opacity: 1;
    color: #c4993d
}

@media (max-width: 767px) {
    .c-deactivate-link a {
        justify-content: center
    }
}

.c-detail_title {
    border-bottom: 1px solid #bcb9b0;
    padding-bottom: 15px;
    margin-bottom: 35px
}

@media (max-width: 767px) {
    .c-detail_title {
        margin-bottom: 25px
    }
}

.c-detail_title time {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 600;
    display: block;
    color: #c4993d
}

@media (max-width: 767px) {
    .c-detail_title time {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.c-detail_title h1 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.666em;
    letter-spacing: .15em;
    font-weight: 600;
    display: block;
    text-align: justify;
    margin-top: 12px
}

@media (max-width: 767px) {
    .c-detail_title h1 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5714em
    }
}

.c-detail_body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    word-wrap: break-word;
    border-bottom: 1px solid #bcb9b0;
    padding-bottom: 40px
}

.c-detail_body::after {
    content: "";
    clear: both;
    display: table
}

.c-detail_body ul,
.c-detail_body ol {
    padding-left: 20px;
    margin-bottom: 20px
}

.c-detail_body ul[style*="list-style-type: circle;"] li {
    list-style-type: circle
}

.c-detail_body ul[style*="list-style-type: square;"] li {
    list-style-type: square
}

.c-detail_body ul li {
    list-style: disc
}

.c-detail_body ol[style*="list-style-type: lower-roman;"] li {
    list-style-type: lower-roman
}

.c-detail_body ol[style*="list-style-type: lower-alpha;"] li {
    list-style-type: lower-alpha
}

.c-detail_body ol[style*="list-style-type: lower-greek;"] li {
    list-style-type: lower-greek
}

.c-detail_body ol[style*="list-style-type: upper-alpha;"] li {
    list-style-type: upper-alpha
}

.c-detail_body ol[style*="list-style-type: upper-roman;"] li {
    list-style-type: upper-roman
}

.c-detail_body ol li {
    list-style-type: decimal
}

.c-detail_body p,
.c-detail_body ol,
.c-detail_body ul,
.c-detail_body a,
.c-detail_body table,
.c-detail_body blockquote {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6923em;
    letter-spacing: .15em;
    font-weight: 400;
    text-align: justify
}

.c-detail_body h2,
.c-detail_body h3,
.c-detail_body h4,
.c-detail_body h5,
.c-detail_body h6,
.c-detail_body p,
.c-detail_body ol,
.c-detail_body ul,
.c-detail_body blockquote {
    display: block;
    text-align: justify
}

.c-detail_body h2:not(:last-child),
.c-detail_body h3:not(:last-child),
.c-detail_body h4:not(:last-child),
.c-detail_body h5:not(:last-child),
.c-detail_body h6:not(:last-child),
.c-detail_body p:not(:last-child),
.c-detail_body ol:not(:last-child),
.c-detail_body ul:not(:last-child),
.c-detail_body table:not(:last-child),
.c-detail_body figure:not(:last-child),
.c-detail_body iframe:not(:last-child),
.c-detail_body blockquote:not(:last-child) {
    margin-bottom: 30px
}

@media (max-width: 767px) {

    .c-detail_body h2:not(:last-child),
    .c-detail_body h3:not(:last-child),
    .c-detail_body h4:not(:last-child),
    .c-detail_body h5:not(:last-child),
    .c-detail_body h6:not(:last-child),
    .c-detail_body p:not(:last-child),
    .c-detail_body ol:not(:last-child),
    .c-detail_body ul:not(:last-child),
    .c-detail_body table:not(:last-child),
    .c-detail_body figure:not(:last-child),
    .c-detail_body iframe:not(:last-child),
    .c-detail_body blockquote:not(:last-child) {
        margin-bottom: 20px
    }
}

.c-detail_body h2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5em;
    letter-spacing: .15em;
    font-weight: 600;
    display: block
}

@media (max-width: 767px) {
    .c-detail_body h2 {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.c-detail_body h3 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5em;
    letter-spacing: .15em;
    font-weight: 600;
    padding-left: 1.5em;
    position: relative
}

@media (max-width: 767px) {
    .c-detail_body h3 {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.c-detail_body h3:before {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    background: #c4993d;
    position: absolute;
    top: 0.3em;
    left: 0
}

@media (max-width: 767px) {
    .c-detail_body h3:before {
        top: 0.4em;
        width: 0.8em;
        height: 0.8em
    }
}

.c-detail_body h4 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5em;
    letter-spacing: .15em;
    font-weight: 600;
    color: #c4993d
}

@media (max-width: 767px) {
    .c-detail_body h4 {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.c-detail_body h5,
.c-detail_body h6 {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6923em;
    letter-spacing: .15em;
    font-weight: 400;
    display: block
}

.c-detail_body iframe {
    max-width: 100% !important
}

.c-detail_body blockquote {
    padding: 5px 0 5px 15px;
    border-left: 5px solid #E4E3DF
}

.c-detail_body img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto
}
.c-detail_body figcaption {
    text-align: center;
    margin-top: 10px;
}

.c-detail_body table {
    table-layout: fixed;
    border: 1px solid #bcb9b0;
    margin-bottom: 40px
}

.c-detail_body table td,
.c-detail_body table th {
    border: 1px solid #E4E3DF;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6923em;
    letter-spacing: .15em;
    font-weight: 400;
    padding: 5px 10px
}

@media (max-width: 767px) {

    .c-detail_body table td,
    .c-detail_body table th {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.5em;
        padding: 3px 5px
    }
}

.c-detail_body table th {
    color: #3e3a39;
    font-weight: 600;
    background: #f5f5f5;
    text-align: center
}

.c-detail_body .fukidashi {
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
}
.c-detail_body .fukidashi::before,
.c-detail_body .fukidashi::after {
    content: "";
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.c-detail_body .fukidashi::before {
    left: 0;
    background: url(../a_images/blog/fukidashi_left.svg) no-repeat center / 17px auto;
}
.c-detail_body .fukidashi::after {
    right: 0;
    background: url(../a_images/blog/fukidashi_right.svg) no-repeat center / 17px auto;
}

.c-detail_link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin: 50px auto 0;
    width: 100%;
    max-width: 420px
}

@media (max-width: 767px) {
    .c-detail_link {
        gap: 10px 20px
    }
}

.c-detail_link a.prev {
    width: calc(50% - 10px);
    padding-left: 10px
}

.c-detail_link a.prev:hover {
    background: #fff
}

.c-detail_link a.prev:hover span {
    color: #c4993d
}

.c-detail_link a.prev:after {
    left: 23px;
    right: auto;
    transform: scale(-1, -1)
}

.c-detail_link a.next {
    width: calc(50% - 10px);
    padding-right: 10px
}

.c-detail_link a.archive {
    background: #fff
}

.c-detail_link a.archive span {
    color: #c4993d
}

.c-detail_link a.archive:after {
    left: 23px;
    right: auto;
    transform: scale(-1, -1);
    background-image: url("../a_images/btn_wrap_arrow.svg")
}

.c-detail_link a.archive:hover {
    background: #c4993d
}

.c-detail_link a.archive:hover span {
    color: #fff
}

.c-detail_link a.archive:hover:after {
    background-image: url("../a_images/btn_wrap_arrow_white.svg")
}

.c-faq {
    padding: 100px 0 100px
}

@media (max-width: 767px) {
    .c-faq {
        padding: 70px 0 70px
    }
}

.c-faq .c-faq_inner {
    width: calc(100% - 60px);
    max-width: 980px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .c-faq .c-faq_inner {
        width: calc(100% - 40px)
    }
}

.c-faq .c-faq_title {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 27px
}

@media (max-width: 767px) {
    .c-faq .c-faq_title {
        gap: 9px
    }
}

.c-faq .c-faq_title .en {
    font-family: "EB Garamond", serif;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 400
}

@media (max-width: 767px) {
    .c-faq .c-faq_title .en {
        font-size: 30px;
        font-size: 3rem
    }
}

.c-faq .c-faq_title .ja {
    font-family: "Zen Old Mincho", serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 600;
    color: #c4993d
}

.c-faq .c-faq_text {
    margin-top: 68px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2em;
    letter-spacing: .15em;
    font-weight: 400;
    display: block;
    text-align: center
}

@media (max-width: 767px) {
    .c-faq .c-faq_text {
        margin-top: 40px
    }
}

.c-faq .c-btn {
    margin: 40px auto 0;
    max-width: 320px;
    height: 60px;
    border-radius: 30px
}

@media (max-width: 767px) {
    .c-faq .c-btn {
        margin-top: 37px
    }
}

.c-faq .c-btn span {
    font-size: 15px;
    font-size: 1.5rem
}

.c-form input[type="text"],
.c-form input[type="tel"],
.c-form input[type="email"],
.c-form input[type="number"],
.c-form input[type="date"],
.c-form select {
    width: 100%;
    height: 50px;
    background: rgba(188, 185, 176, 0.2);
    padding: 0 20px;
    border: none;
    border-radius: 5px;
    color: #3e3a39;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.14286em;
    letter-spacing: .15em;
    font-weight: 400
}

.c-form input::-webkit-outer-spin-button,
.c-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.c-form input[type="number"] {
    -moz-appearance: textfield
}

.c-form select {
    appearance: none
}

.c-form select:invalid,
.c-form select.is_empty,
.c-form ::placeholder {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.14286em;
    letter-spacing: .15em;
    color: rgba(62, 58, 57, 0.5)
}

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

    .c-form select:invalid,
    .c-form select.is_empty,
    .c-form ::placeholder {
        font-size: 13px;
        font-size: 1.3rem
    }
}

@media (max-width: 767px) {

    .c-form select:invalid,
    .c-form select.is_empty,
    .c-form ::placeholder {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.c-form input[type="number"].right_align,
.c-form input[type="number"].right_align::placeholder {
    text-align: right
}

.c-form textarea::placeholder {
    line-height: 1.857
}

.c-form textarea {
    display: block;
    width: 100%;
    height: 90px;
    background: rgba(188, 185, 176, 0.2);
    padding: 15px 20px;
    border: none;
    border-radius: 5px
}

@media only screen and (max-width: 1024px) {
    .c-form textarea {
        height: 120px
    }
}

.c-form textarea.h_110 {
    height: 110px
}

@media only screen and (max-width: 1024px) {
    .c-form textarea.h_110 {
        height: 180px
    }
}

.c-form textarea.h_130 {
    height: 130px
}

@media only screen and (max-width: 1024px) {
    .c-form textarea.h_130 {
        height: 180px
    }
}

.c-form textarea.h_260 {
    height: 260px
}

@media only screen and (max-width: 1024px) {
    .c-form textarea.h_260 {
        height: 180px
    }
}

.c-form .checkbox_wrapper label {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.c-form .checkbox_wrapper span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.57143em;
    letter-spacing: .15em
}

@media only screen and (max-width: 1024px) {
    .c-form .checkbox_wrapper span br {
        display: none
    }
}

.c-form .checkbox_wrapper input[type="checkbox"] {
    flex-shrink: 0;
    position: relative;
    width: 22px;
    height: 22px;
    border: 2px solid #bcb9b0;
    vertical-align: middle;
    appearance: none;
    cursor: pointer
}

.c-form .checkbox_wrapper input[type="checkbox"]:checked:before {
    content: "";
    width: 18px;
    height: 14px;
    background: url(../a_images/mypage/common/check-yellow.svg) no-repeat center/contain;
    position: absolute;
    left: 0;
    top: 2px
}

.c-form .checkbox_wrapper .checkbox_col {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media only screen and (max-width: 1024px) {
    .c-form .checkbox_wrapper .checkbox_col {
        gap: 8px
    }
}

.c-form .checkbox_wrapper .checkbox_col .checkbox_row {
    gap: 0
}

@media only screen and (max-width: 1024px) {
    .c-form .checkbox_wrapper .checkbox_col .checkbox_row {
        gap: 8px
    }
}

.c-form .checkbox_wrapper .checkbox_col label {
    flex: 1
}

.c-form .checkbox_wrapper .checkbox_row {
    display: flex;
    gap: 45px
}

@media only screen and (max-width: 1024px) {
    .c-form .checkbox_wrapper .checkbox_row {
        flex-direction: column;
        gap: 8px
    }
}

.c-form .checkbox_wrapper .label_other {
    width: 100%;
    margin-top: 8px
}

.c-form .checkbox_wrapper .label_other .input_other_wrapper {
    width: 100%;
    margin-top: -2px
}

.c-form .checkbox_wrapper .label_other .input_other {
    margin-top: 5px
}

.c-form .radio_wrapper {
    display: flex;
    gap: 37px
}

@media (max-width: 767px) {
    .c-form .radio_wrapper {
        flex-direction: column;
        gap: 8px
    }
}

.c-form .radio_wrapper.h_fixed {
    height: 50px;
    align-items: flex-start
}

.c-form .radio_wrapper label {
    display: flex;
    align-items: center;
    gap: 8px
}

.c-form .radio_wrapper label span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em
}

.c-form .radio_wrapper input[type="radio"] {
    position: relative;
    width: 22px;
    height: 22px;
    border: 2px solid #bcb9b0;
    border-radius: 50%;
    appearance: none;
    cursor: pointer
}

.c-form .radio_wrapper input[type="radio"]:checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #c4993d;
    content: ""
}

.c-form .c-form_avatar {
    display: flex;
    gap: 30px;
    align-items: center
}

@media (max-width: 767px) {
    .c-form .c-form_avatar {
        gap: 20px
    }
}

.c-form .c-form_avatar .c-form_avatar_img {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden
}

@media (max-width: 767px) {
    .c-form .c-form_avatar .c-form_avatar_img {
        width: 90px;
        height: 90px
    }
}

.c-form .c-form_avatar .c-form_avatar_upload {
    flex-grow: 1
}

.c-form .c-form_avatar .upload_text {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2.15385em;
    letter-spacing: .15em
}

@media (max-width: 767px) {
    .c-form .c-form_avatar .upload_text {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.58333em
    }
}

.c-form .c-form_avatar .upload_btn {
    max-width: 200px;
    height: 40px;
    margin-top: 10px;
    position: relative
}

@media (max-width: 767px) {
    .c-form .c-form_avatar .upload_btn {
        margin-top: 6px
    }
}

.c-form .c-form_avatar .upload_btn input[type="file"] {
    width: 100%;
    height: 40px;
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}

.c-form .c-form_avatar .upload_btn input[type="file"]::file-selector-button {
    width: 100%;
    height: 40px
}

.c-form .c-form_avatar .upload_btn button {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 10px;
    padding-left: 4px
}

@media (max-width: 767px) {
    .c-form .c-form_avatar .upload_btn button {
        padding-right: 20px
    }

    .c-form .c-form_avatar .upload_btn button:after {
        right: 20px
    }
}

.c-form .c-form_items {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (max-width: 767px) {
    .c-form .c-form_items {
        margin-top: 45px;
        gap: 0
    }
}

/*
.c-form .c-form_items .c-form_row {
    display: flex;
    gap: 40px
}
*/
.c-form .c-form_items .c-form_row {
    display: flex;
    align-items: flex-start;
    gap: 40px
}

@media only screen and (max-width: 1024px) {
    .c-form .c-form_items .c-form_row {
        gap: 20px
    }
}

@media (max-width: 767px) {
    .c-form .c-form_items .c-form_row {
        flex-direction: column;
        gap: 0
    }
}

.c-form .c-form_items .c-form_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px
}

@media (max-width: 767px) {
    .c-form .c-form_items .c-form_item {
        padding-top: 20px;
        padding-bottom: 25px;
        border-top: 1px solid #bcb9b0
    }
}

.c-form .c-form_items .c-form_item_title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875em;
    letter-spacing: .15em;
    font-weight: 700;
    color: #c4993d;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 1024px) {
    .c-form .c-form_items .c-form_item_title {
        flex-direction: column;
        align-items: flex-start;
        flex-grow: 1
    }
}

.c-form .c-form_items .c-form_item_title small {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2.5em;
    font-feature-settings: "palt"
}

@media (max-width: 767px) {
    .c-form .c-form_items .c-form_item_title:has(small) {
        line-height: 1.4
    }

    .c-form .c-form_items .c-form_item_title:has(small) small {
        line-height: 1.8
    }
}

.c-form .c-form_items .c-form_item_content.pattern_01 {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.c-form .c-form_items .c-form_item_content.pattern_01 .c-form_sub_item {
    gap: 40px
}

@media (max-width: 767px) {
    .c-form .c-form_items .c-form_item_content.pattern_01 .c-form_sub_item {
        flex-direction: column;
        gap: 0
    }
}

.c-form .c-form_items .c-form_item_content.pattern_01 .c-form_sub_item_title {
    width: 100%;
    flex-grow: 1;
    flex-shrink: 1
}

.c-form .c-form_items .c-form_item_content.pattern_01 .c-form_sub_item_content span {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1em;
    letter-spacing: .15em;
    margin-left: 10px;
    margin-right: 10px
}

.c-form .c-form_items .c-form_item_content.pattern_02 {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.c-form .c-form_items .c-form_item_content.pattern_02 span {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1em;
    letter-spacing: .15em;
    margin-left: 10px;
    margin-right: 15px
}

@media only screen and (max-width: 1024px) {
    .c-form .c-form_items .c-form_item_content.pattern_02 .c-form_sub_item {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start
    }
}

.c-form .c-form_items .c-form_item_content.pattern_02 .c-form_responsive_wrapper {
    display: flex;
    align-items: center
}

.c-form .c-form_items .c-form_item_content.pattern_02 .c-form_responsive_wrapper:nth-child(2) {
    width: 100%;
    flex-grow: 1
}

@media only screen and (max-width: 1024px) {
    .c-form .c-form_items .c-form_item_content.pattern_02 .c-form_responsive_wrapper.vertical {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start
    }
}

.c-form .c-form_items .c-form_item_content.pattern_02 .year {
    width: 110px
}

.c-form .c-form_items .c-form_item_content.pattern_02 .month {
    width: 90px
}

.c-form .c-form_items .c-form_item_content.pattern_02 .name {
    flex-grow: 1
}

.c-form .c-form_items .c-form_item_content.pattern_02 .select {
    width: 140px;
    margin-left: 20px
}

@media only screen and (max-width: 1024px) {
    .c-form .c-form_items .c-form_item_content.pattern_02 .select {
        width: 100%;
        margin-left: 0
    }
}

/*
.c-form .c-form_items .c-form_sub_row {
    display: flex;
    gap: 40px
}
*/
.c-form .c-form_items .c-form_sub_row {
    display: flex;
    align-items: flex-start;
    gap: 40px
}

@media only screen and (max-width: 1024px) {
    .c-form .c-form_items .c-form_sub_row {
        gap: 20px
    }
}

@media (max-width: 767px) {
    .c-form .c-form_items .c-form_sub_row {
        flex-direction: column;
        gap: 10px
    }
}

.c-form .c-form_items .c-form_sub_item {
    width: 100%;
    display: flex;
    align-items: center
}

.c-form .c-form_items .c-form_sub_item_title {
    flex-shrink: 0;
    width: 40px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2em;
    letter-spacing: .15em
}

.c-form .c-form_items .c-form_sub_item_content {
    width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center
}

.c-form .c-form_items .c-form_sub_item_content input {
    flex-grow: 1
}

.c-form .c-form_btns {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 40px
}

@media (max-width: 767px) {
    .c-form .c-form_btns {
        flex-direction: column-reverse;
        gap: 10px;
        margin-top: 30px;
        align-items: center
    }
}

.c-form .c-form_btns .c-btn {
    max-width: 200px
}

@media (max-width: 767px) {
    .c-form .c-form_btns .c-btn {
        width: 100%;
        max-width: 300px
    }
}

.c-form .c-form_textlink {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2em;
    letter-spacing: .15em;
    font-weight: 600;
    text-decoration: underline;
    color: #c4993d
}

.c-list .c-list_title {
    color: #c4993d;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.75em;
    letter-spacing: .15em;
    font-weight: 600;
    font-family: "Zen Old Mincho", serif;
    display: block;
    margin-top: 58px;
    font-feature-settings: "palt"
}

.c-list .c-list_title:not(:first-of-type) {
    margin-top: 42px
}

@media (max-width: 767px) {
    .c-list .c-list_title {
        margin-top: 36px !important;
        font-size: 20px;
        font-size: 2rem
    }
}

.c-list p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.1428em;
    letter-spacing: .15em;
    font-weight: 400;
    font-feature-settings: "palt";
    margin-top: 23px;
    display: block
}

@media (max-width: 767px) {
    .c-list p {
        margin-top: 20px
    }
}

.c-list p+p {
    margin-top: 15px
}

.c-list ol,
.c-list ul {
    margin-top: 23px;
    list-style-type: none
}

@media (max-width: 767px) {

    .c-list ol,
    .c-list ul {
        margin-top: 20px
    }
}

.c-list ol li,
.c-list ul li {
    padding-left: 17px;
    position: relative
}

.c-list ol li:not(:first-child),
.c-list ul li:not(:first-child) {
    margin-top: 2px
}

.c-list ol li::before,
.c-list ul li::before {
    position: absolute;
    left: 0;
    top: 0
}

.c-list ol {
    counter-reset: item
}

.c-list ol li::before {
    counter-increment: item;
    content: counter(item) "."
}

.c-list ul li::before {
    content: '';
    width: 4px;
    height: 4px;
    background: #3e3a39;
    border-radius: 50%;
    display: block;
    top: 1em
}

@media (max-width: 767px) {
    .c-list ul li::before {
        top: 0.95em
    }
}

.c-list .no-margin {
    margin-top: 0
}

.c-main_top {
    background: url(../img/karadajyuku/mv-bg.jpg) no-repeat top center/110%;
    padding-top: 130px
}

@media only screen and (max-width: 1399px) {
    .c-main_top {
        background-size: 120%
    }
}

@media only screen and (max-width: 1260px) {
    .c-main_top {
        padding-top: 100px;
        background-size: 140%
    }
}

@media only screen and (max-width: 960px) {
    .c-main_top {
        background-size: 160%
    }
}

@media (max-width: 767px) {
    .c-main_top {
        background: #f5f5f5 url(../img/karadajyuku/mv-bg_sp.jpg);
        padding-top: 0;
        background-size: 105%;
        background-position: top center;
        background-repeat: no-repeat
    }
}

.c-main_top_logo {
    width: 280px;
    margin: 0 auto
}
.c-main_top_logo img{
    width: 100%;
}

@media (max-width: 767px) {
    .c-main_top_logo {
        width: 190px;
        background: rgba(255, 255, 255, 0.8);
        margin: 0 0 0 -20px;
        padding: 15px 20px;
        border-radius: 0 0 10px 0
    }
}

.c-main_top_search {
    width: 100%;
    padding: 40px 50px 30px;
    background: #fff;
    border-radius: 10px;
    margin-top: 20px;
    box-shadow: 0 10px 10px rgba(62, 58, 37, 0.2)
}

@media only screen and (max-width: 1260px) {
    .c-main_top_search {
        padding: 30px 40px 20px
    }
}

@media only screen and (max-width: 960px) {
    .c-main_top_search {
        padding: 30px 25px 20px
    }
}

@media (max-width: 767px) {
    .c-main_top_search {
        padding: 30px 20px 20px;
        margin-top: 50px
    }
}

.c-main_top_search .c-search_title {
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.8rem;
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 700;
}

.c-main_top_search .c-search_input_box {
    width: 80%;
    max-width: 560px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    position: relative
}

@media (max-width: 767px) {
    .c-main_top_search .c-search_input_box {
        width: 100%
    }
}

.c-main_top_search .c-search_input_box:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../a_images/mypage/common/icon-search-gray.svg) no-repeat center center/contain;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.c-main_top_search .c-search_input_box input {
    width: calc(100% - 50px);
    background: rgba(188, 185, 176, 0.3);
    padding-left: 50px;
    border: none;
    border-radius: 5px 0 0 5px
}

.c-main_top_search .c-search_input_box input::placeholder {
    color: rgba(62, 58, 57, 0.5);
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em
}

.c-main_top_search .c-search_input_box .c-search_input_btn {
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 0 5px 5px 0;
    background: #c4993d;
    position: relative
}

.c-main_top_search .c-search_input_box .c-search_input_btn::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../a_images/mypage/common/icon-search-white.svg) no-repeat center center/contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.c-main_top_search .c-search_type_box {
    margin-top: 20px
}

.c-main_top_search .c-search_type_box .c-search_type_list {
    display: flex;
    gap: 1px
}

@media (max-width: 767px) {
    .c-main_top_search .c-search_type_box .c-search_type_list {
        flex-direction: column
    }
}

.c-main_top_search .c-search_type_box .c-search_type_item {
    flex: 1
}

.c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label {
    width: 100%;
    height: 100%;
    background: #bcb9b0;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s
}

@media only screen and (max-width: 960px) {
    .c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label {
        padding: 15px 10px
    }
}

@media (max-width: 767px) {
    .c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label {
        position: relative;
        padding-top: 18px;
        padding-bottom: 18px
    }
}

.c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label:hover {
    background: #ae8d56
}

.c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label:hover .c-search_type_icon:after,
.c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label:hover .c-search_type_icon:before {
    background: #ae8d56
}

.c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label.current {
    background: #c4993d
}

.c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label.current .c-search_type_icon:after,
.c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label.current .c-search_type_icon:before {
    background: #c4993d
}

.c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label.current .c-search_type_icon:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label .c-search_type_text {
    flex-grow: 1;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    color: #fff;
    text-align: center
}

@media only screen and (max-width: 960px) {
    .c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label .c-search_type_text {
        letter-spacing: 0.1em
    }
}

@media (max-width: 767px) {
    .c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label .c-search_type_text {
        letter-spacing: 0.15em
    }
}

@media (max-width: 767px) {
    .c-main_top_search .c-search_type_box .c-search_type_item .c-search_type_label .c-search_type_icon {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%)
    }
}

.c-main_top_search .c-search_type_box .c-search_category_box {
    display: none;
    background: rgba(196, 153, 61, 0.3);
    padding: 4.546% 5.682%
}

@media (max-width: 767px) {
    .c-main_top_search .c-search_type_box .c-search_category_box {
        padding: 15px 20px
    }
}

.c-main_top_search .c-search_type_box .c-search_category_box.for_pc .c-search_category_list {
    display: none
}

.c-main_top_search .c-search_type_box .c-search_category_box.for_pc .c-search_category_list.is_show {
    display: flex
}

.c-main_top_search .c-search_type_box .c-search_category_list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.922%;
    row-gap: 10px
}

@media (max-width: 767px) {
    .c-main_top_search .c-search_type_box .c-search_category_list {
        flex-direction: column;
        row-gap: 15px
    }
}

.c-main_top_search .c-search_type_box .c-search_category_item {
    width: 32.052%;
    cursor: pointer
}

@media (max-width: 767px) {
    .c-main_top_search .c-search_type_box .c-search_category_item {
        width: 100%
    }
}

.c-main_top_search .c-search_type_box .c-search_category_item a {
    display: block;
    width: 100%;
    height: 100%;
    color: #c4993d;
    background: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700;
    padding: 13px 20px;
    border-radius: 10px;
    transition: all 0.3s
}

.c-main_top_search .c-search_type_box .c-search_category_item a:hover,
.c-main_top_search .c-search_type_box .c-search_category_item a.current {
    background: #c4993d;
    color: #fff
}

.c-main_top_news {
    margin-top: 60px;
    border-radius: 10px 10px 0 0;
    background: #fff;
    padding: 30px 50px;
    display: flex
}

@media only screen and (max-width: 1260px) {
    .c-main_top_news {
        margin-top: 40px;
        padding: 25px 40px
    }
}

@media (max-width: 767px) {
    .c-main_top_news {
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 35px 20px 30px;
        margin-top: 20px
    }
}

.c-main_top_news .c-main_top_news_title {
    flex-shrink: 0;
    font-family: "Zen Old Mincho", serif;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1em;
    letter-spacing: .15em;
    margin-right: 45px
}

@media (max-width: 767px) {
    .c-main_top_news .c-main_top_news_title {
        order: 1;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1em;
        letter-spacing: .15em;
        margin-right: 0
    }
}

.c-main_top_news .c-main_top_news_list a:after {
    display: none
}

@media (max-width: 767px) {
    .c-main_top_news .c-main_top_news_list {
        order: 3;
        width: 100%;
        margin-top: 15px
    }
}

.c-main_top_news .c-main_top_news_btn {
    flex-shrink: 0
}

@media (max-width: 767px) {
    .c-main_top_news .c-main_top_news_btn {
        order: 2
    }
}

.c-newsarchive li {
    border-bottom: 1px solid #bcb9b0;
    padding-bottom: 20px
}

.c-newsarchive li:not(:last-of-type) {
    margin-bottom: 25px
}

@media (max-width: 767px) {
    .c-newsarchive li:not(:last-of-type) {
        margin-bottom: 20px
    }
}

.c-newsarchive li a {
    display: flex;
    flex-direction: column;
    position: relative
}

@media (max-width: 767px) {
    .c-newsarchive li a {
        flex-direction: column;
        padding-right: 0
    }
}

.c-newsarchive li a:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 36px;
    right: -2px;
    background-image: url("../a_images/mypage/common/arrow-yellow.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: 0.3s
}

@media (max-width: 767px) {
    .c-newsarchive li a:after {
        display: none
    }
}

.c-newsarchive li a time {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5em;
    letter-spacing: .15em;
    font-weight: 600;
    color: #c4993d;
    height: 1.5em
}

@media (max-width: 767px) {
    .c-newsarchive li a time {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.c-newsarchive li a p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5555em;
    letter-spacing: .15em;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-top: 10px;
    padding-right: 1.5em;
    text-align: left
}

@media (max-width: 767px) {
    .c-newsarchive li a p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5714em;
        -webkit-line-clamp: 2;
        padding-right: 0
    }
}

.c-newsarchive li a span {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6923em;
    letter-spacing: .15em;
    font-weight: 400;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 12px;
    text-align: left
}

@media (max-width: 767px) {
    .c-newsarchive li a span {
        margin-top: 10px
    }
}

.c-pagehead .c-pagehead_title {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 27px;
    height: 340px;
    padding-top: 190px
}

@media (max-width: 767px) {
    .c-pagehead .c-pagehead_title {
        padding-top: 137px;
        gap: 9px;
        height: 240px
    }
}

.c-pagehead .c-pagehead_title .en {
    font-family: "EB Garamond", serif;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 400
}

@media (max-width: 767px) {
    .c-pagehead .c-pagehead_title .en {
        font-size: 30px;
        font-size: 3rem
    }
}

.c-pagehead .c-pagehead_title .ja {
    font-family: "Zen Old Mincho", serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 600;
    color: #c4993d
}

.page-seller .c-pagehead {
    background: #f5f5f5
}

.page-therapist .c-pagehead {
    background: #f5f5f5 url("../a_images/mypage/common/head-bg.svg");
    background-size: 65px
}

@media (max-width: 767px) {
    .page-therapist .c-pagehead {
        background-size: 40px
    }
}

.c-pageinner {
    width: calc(100% - 60px);
    margin: 0 auto;
    max-width: 980px
}

@media (max-width: 767px) {
    .c-pageinner {
        width: calc(100% - 40px)
    }
}

.c-plus_icon {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    position: relative
}

.c-plus_icon:before {
    content: "";
    display: block;
    width: 60%;
    height: 2px;
    background: #bcb9b0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.c-plus_icon:after {
    content: "";
    display: block;
    width: 2px;
    height: 60%;
    background: #bcb9b0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: transform 0.3s
}

.c-post {
    background: #f5f5f5;
    border-radius: 10px;
    position: relative
}

.c-post .c-post_head {
    background: #c4993d;
    color: #fff;
    border-radius: 10px 10px 0 0;
    padding: 0 30px;
    height: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .c-post .c-post_head {
        padding: 0 20px
    }
}

.c-post .c-post_head span {
    font-size: 12px;
    font-size: 1.2rem
}

.c-post .c-post_body {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 30px
}

@media (max-width: 767px) {
    .c-post .c-post_body {
        padding: 0 20px
    }
}

.c-post .c-post_body .c-post_body_img {
    width: 28%;
    aspect-ratio: 1.5;
    display: block
}

@media (max-width: 767px) {
    .c-post .c-post_body .c-post_body_img {
        width: 30%
    }
}

.c-post .c-post_body .c-post_body_img img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%
}

.c-post .c-post_body .c-post_body_text {
    width: calc(72% - 20px)
}

@media (max-width: 767px) {
    .c-post .c-post_body .c-post_body_text {
        width: calc(70% - 20px)
    }
}

.c-post .c-post_body .c-post_body_text p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left
}

@media (max-width: 767px) {
    .c-post .c-post_body .c-post_body_text p {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.6153em;
        letter-spacing: .1em
    }
}

.c-post .c-post_body .c-post_body_text span {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6em;
    color: #c4993d;
    display: block;
    margin-top: 8px
}

@media (max-width: 767px) {
    .c-post .c-post_body .c-post_body_text span {
        margin-top: 5px
    }
}

.c-post .c-post_foot {
    padding: 18px 30px 26px
}

@media (max-width: 767px) {
    .c-post .c-post_foot {
        padding: 12px 20px 20px
    }
}

.c-post .c-post_foot span {
    display: block;
    padding-left: 20px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.4545em;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    text-align: left
}

.c-post .c-post_foot span:not(:first-child) {
    margin-top: 9px
}

.c-post .c-post_foot span:after {
    content: '';
    display: block;
    width: 13px;
    height: 17px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.c-post .c-post_foot span.map {
    -webkit-line-clamp: 1
}

.c-post .c-post_foot span.map:after {
    background-image: url("../a_images/mypage/common/icon-map.svg")
}

.c-post .c-post_foot span.note {
    -webkit-line-clamp: 2
}

.c-post .c-post_foot span.note:after {
    background-image: url("../a_images/mypage/common/icon-light.svg")
}

.c-post .c-post_heart {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ea5550;
    padding-top: 3px;
    background: #fff;
    transition: 0.3s;
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer
}

@media (max-width: 767px) {
    .c-post .c-post_heart {
        right: auto;
        left: -10px
    }
}

.c-post .c-post_heart:after {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("../a_images/mypage/common/heart-solid.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.c-post .c-post_heart:hover:after {
    background-image: url("../a_images/mypage/common/heart-red.svg")
}

.c-post .c-post_heart.active {
    background: #ea5550
}

.c-post .c-post_heart.active:after {
    background-image: url("../a_images/mypage/common/heart-white.svg")
}

.c-post.no-head {
    padding-top: 25px
}

@media (max-width: 767px) {
    .c-post.no-head {
        padding-top: 20px
    }
}

.c-post.no-foot {
    padding-bottom: 20px
}

.c-post.off .c-post_head {
    background: #bcb9b0
}

.c-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap
}

.c-row .c-post {
    width: calc(50% - 10px)
}

@media only screen and (max-width: 1024px) {
    .c-row .c-post {
        width: 100%
    }
}

.c-search {
    background: #f8f5ed;
    width: 100%;
    position: relative;
    border-radius: 10px;
    padding: 50px 40px 40px
}

@media (max-width: 767px) {
    .c-search {
        padding-left: 20px;
        padding-right: 20px
    }
}

.c-search .c-search_title {
    font-family: "Zen Kaku Gothic New", serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 600;
    display: flex;
    background: #f8f5ed;
    padding: 15px 50px 0 40px;
    border-radius: 10px 10px 0 0;
    position: absolute;
    top: -20px;
    left: 0
}

@media (max-width: 767px) {
    .c-search .c-search_title {
        padding-left: 20px;
        padding-right: 20px
    }
}

.c-search .c-search_title:before {
    content: '';
    display: block;
    background-image: url("../a_images/mypage/common/icon-search.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.c-search .c-search_list {
    display: flex;
    flex-wrap: wrap
}

@media only screen and (max-width: 1024px) {
    .c-search .c-search_list {
        display: flex;
        flex-direction: column
    }
}

.c-search .c-search_list dt:not(:first-of-type),
.c-search .c-search_list dd:not(:first-of-type) {
    margin-top: 20px
}

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

    .c-search .c-search_list dt:not(:first-of-type),
    .c-search .c-search_list dd:not(:first-of-type) {
        margin-top: 0
    }
}

.c-search .c-search_list dt {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875em;
    letter-spacing: .15em;
    font-weight: 600;
    color: #c4993d;
    width: 21.3%
}

@media only screen and (max-width: 1024px) {
    .c-search .c-search_list dt {
        width: 100%
    }

    .c-search .c-search_list dt:not(:first-of-type) {
        margin-top: 20px
    }
}

.c-search .c-search_list dd {
    width: 76.7%
}

@media only screen and (max-width: 1024px) {
    .c-search .c-search_list dd {
        width: 100%
    }
}

@media (max-width: 767px) {
    .c-search .c-search_list dd:not(:first-of-type),
    .c-search .c-search_list dd {
        margin-top: 10px
    }
}

.c-search .c-search_list dd.checkbox_wrapper {
    padding-top: 5px
}

@media (max-width: 767px) {
    .c-search .c-search_list dd.checkbox_wrapper {
        padding-top: 0
    }
}

.c-search .c-search_list dd.checkbox_wrapper input[type="checkbox"] {
    background: #fff
}

.c-search .c-search_list dd.checkbox_wrapper>.checkbox_row {
    gap: 30px
}

@media only screen and (max-width: 1024px) {
    .c-search .c-search_list dd.checkbox_wrapper>.checkbox_row {
        gap: 10px
    }
}

.c-search .c-search_list dd.c-form_responsive_wrapper {
    position: relative
}

.c-search .c-search_list dd.c-form_responsive_wrapper select {
    max-width: 370px;
    background: rgba(188, 185, 176, 0.3);
    position: relative;
    z-index: 2
}

.c-search .c-search_list dd.c-form_responsive_wrapper::after {
    content: "";
    width: 100%;
    max-width: 370px;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.c-search .c-search_btns {
    margin: 35px auto 0;
    max-width: 420px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px
}

@media (max-width: 767px) {
    .c-search .c-search_btns {
        flex-direction: column-reverse;
        gap: 10px
    }
}

.c-search .c-search_btns .c-btn {
    width: calc(50% - 10px);
    width: 100%
}

.c-side {
    width: 24.6%;
    position: sticky;
    top: 20px;
    left: 0;
    z-index: 1;
    height: calc(100vh - 40px);
    background-color: #fff;
    box-shadow: 0 0 20px rgba(62, 58, 37, 0.2);
}
/* stickyが動いてない時 */
.c-side:not(.is-sticky-active) {
    height: calc(100vh - 90px);
}

@media only screen and (max-width: 1200px) {
    .c-side {
        width: 220px
    }
}

@media (max-width: 767px) {
    .c-side {
        display: none
    }
}

.c-side:not(.is-sticky-active) .c-side_content{
    height: calc(100% - 180px);
    overflow-y: scroll;
}
.c-side .c-side_content {
    max-width: 200px;
    margin: 40px auto 0;
}

@media screen and (max-height: 800px) {
    .c-side .c-side_content {
        height: calc(100% - 160px);
        overflow-y: scroll;
    }
}

.c-side .c-side_content .c-btn {
    margin-top: 15px
}

@media screen and (max-height: 860px) {
    .c-side .c-side_content .c-btn {
        margin-top: 10px
    }
}

@media only screen and (max-width: 1200px) {
    .c-side .c-side_content {
        margin: 20px auto 0
    }
}

.c-side .c-side_profile figure {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden
}

@media screen and (max-height: 860px) {
}

.c-side .c-side_profile figure img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.c-side .c-side_profile .name {
    text-align: center;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 14px
}

.c-side .c-side_profile .name small {
    font-size: 10px;
    font-size: 1rem;
    margin-left: 0.5em
}

.c-side .c-side_profile .lank {
    text-align: center;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #ae8d56;
}

.c-side .c-side_links {
    margin: 20px auto 0;
    display: flex;
    flex-direction: column;
    gap: 5px
}

@media only screen and (max-width: 1200px) {
    .c-side .c-side_links {
        font-size: 13px;
        font-size: 1.3rem
    }
}

@media screen and (max-height: 860px) {
    .c-side .c-side_links {
        margin-top: 15px
    }
}

.c-side .c-side_links li {
    display: block
}

.c-side .c-side_links li a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    transition: 0.3s;
    padding-left: 13px
}

/*
.c-side .c-side_links li a:before {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 10px
}
*/

.c-side .c-side_links li a.mypage:before {
    background-image: url("../a_images/mypage/common/icon-top.svg")
}

.c-side .c-side_links li a.news:before {
    background-image: url("../a_images/mypage/common/icon-news.svg")
}

.c-side .c-side_links li a.seminar:before {
    background-image: url("../a_images/mypage/common/icon-seminar.svg")
}

.c-side .c-side_links li a.archive:before {
    background-image: url("../a_images/mypage/common/icon-movie.svg")
}

.c-side .c-side_links li a.question:before {
    background-image: url("../a_images/mypage/common/icon-question.svg")
}

.c-side .c-side_links li a.list:before {
    background-image: url("../a_images/mypage/common/icon-human.svg")
}

.c-side .c-side_links li a.favorite:before {
    background-image: url("../a_images/mypage/common/icon-heart.svg")
}

.c-side .c-side_links li a.history:before {
    background-image: url("../a_images/mypage/common/icon-time.svg")
}

.c-side .c-side_links li a.video:before {
    background-image: url("../a_images/mypage/common/icon-movie.svg")
}

.c-side .c-side_links li a:hover,
.c-side .c-side_links li a.current {
    opacity: 1;
    background: #f5f5f5;
    color: #c4993d
}

.c-side .c-side_links_sub{
    margin: 30px auto 0;
    width: 160px;
    display: block;
}
.c-side .c-side_links_sub li{
    line-height: 1.2;
}
.c-side .c-side_links_sub li a{
    padding-left: 12px;
    display: inline-block;
    position: relative;
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.1em;
}
.c-side .c-side_links_sub li a.current{
    color: #c4993d
}
.c-side .c-side_links_sub li a::before{
    content: "";
    width: 6px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background-color: #bcb9b0;
}
.c-side .c-side_links_sub li a.current::before{
    background-color: #c4993d;
}




.c-side.c-side-karadajyuku {
    width: 280px;
    height: calc(100vh - 100px);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width: 1200px) {
    .c-side.c-side-karadajyuku {
        width: 240px
    }
}

@media (max-width: 767px) {
    .c-side.c-side-karadajyuku {
        display: block;
        width: 100%;
        height: auto;
        position: static
    }
}

.c-side.c-side-karadajyuku .c-side_content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 100px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .c-side.c-side-karadajyuku .c-side_content {
        padding-bottom: 40px
    }
}

@media (max-width: 767px) {
    .c-side.c-side-karadajyuku .c-side_profile {
        display: flex;
        align-items: center
    }
}

@media (max-width: 767px) {
    .c-side.c-side-karadajyuku .c-side_profile figure {
        width: 60px;
        height: 60px;
        margin: 0
    }
}


.c-side.c-side-karadajyuku .c-side_profile .c-side_profile_info .name {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700
}

@media (max-width: 767px) {
    .c-side.c-side-karadajyuku .c-side_profile .c-side_profile_info .name {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 0
    }
}

.c-side.c-side-karadajyuku .c-side_profile .c-side_profile_info .name small {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700;
    margin-left: 0
}

@media (max-width: 767px) {
    .c-side.c-side-karadajyuku .c-side_profile .c-side_profile_info .name small {
        font-size: 12px;
        font-size: 1.2rem;
        margin-left: 0.5em
    }
}

.c-side.c-side-karadajyuku .c-side_profile .c-side_profile_info .class {
    color: #c4993d;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    text-align: center;
    display: block;
    margin-top: 15px
}

@media (max-width: 767px) {
    .c-side.c-side-karadajyuku .c-side_profile .c-side_profile_info .class {
        margin-top: 10px
    }
}

.c-side.c-side-karadajyuku .c-side_btns {
    margin-top: 40px
}

@media (max-width: 767px) {
    .c-side.c-side-karadajyuku .c-side_btns {
        margin-top: 35px
    }
}

.c-side.c-side-karadajyuku .c-side_btns .c-btn {
    margin-top: 10px
}

.c-side.c-side-karadajyuku .c-side_links_karadajyuku {
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 30px auto 0
}

.c-side.c-side-karadajyuku .c-side_links_karadajyuku li {
    width: fit-content
}

.c-side.c-side-karadajyuku .c-side_links_karadajyuku li a {
    display: flex;
    align-items: center;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .15em
}

.c-side.c-side-karadajyuku .c-side_links_karadajyuku li a:before {
    content: "\025b6";
    width: auto;
    height: auto;
    color: #BCB9B0;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .15em;
    margin-right: 0;
    transition: 0.2s
}

@media (min-width: 768px) {
    .c-side.c-side-karadajyuku .c-side_links_karadajyuku li a:before:hover {
        opacity: 0.6
    }
}

.c-sublist {
    margin: auto;
    z-index: 2;
    width: 200px;
    position: fixed;
    bottom: 100px;
    left: calc((100vw - 1140px) * 0.5 + 40px)
}

@media only screen and (max-width: 1200px) {
    .c-sublist {
        left: 40px;
    }
}

@media (max-width: 767px) {
    .c-sublist {
        display: none
    }
}


@media screen and (max-height: 970px) {
    /* stickyが動いてない時 */
    .c-sublist:not(.is-sticky-active) {
        bottom: 30px
    }
}
@media screen and (max-height: 890px) {
    .c-sublist {
        bottom: 30px
    }
}

.c-sublist .c-sublist_content {
    width: 100%;
    max-width: 200px;
    border-top: 1px solid #bcb9b0;
    border-bottom: 1px solid #bcb9b0;
    padding: 16px 11px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0 auto
}

@media only screen and (max-width: 1200px) {
    .c-sublist .c-sublist_content {
        margin: 0
    }
}

.c-sublist .c-sublist_content li {
    display: block
}

.c-sublist .c-sublist_content li a {
    display: block;
    width: fit-content;
    padding-left: 15px;
    position: relative;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6em;
    transition: color 0.3s
}

.c-sublist .c-sublist_content li a:before {
    content: '';
    width: 3px;
    height: 3px;
    background: #c4993d;
    display: block;
    position: absolute;
    top: calc(50% - 1.5px);
    left: 0
}

.c-sublist .c-sublist_content li a:hover {
    color: #c4993d;
    opacity: 1
}

.c-teacher_list {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 20px
}

@media (max-width: 767px) {
    .c-teacher_list {
        flex-direction: column
    }
}

.c-teacher_item {
    width: calc(50% - 10px);
    background: #fff;
    padding: 40px 40px 30px;
    border-radius: 10px
}

@media only screen and (max-width: 1024px) {
    .c-teacher_item {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 767px) {
    .c-teacher_item {
        width: 100%;
        padding: 30px 20px
    }
}

.c-teacher_item .teacher_item_head {
    display: flex;
    align-items: center;
    gap: 30px
}

@media only screen and (max-width: 1024px) {
    .c-teacher_item .teacher_item_head {
        gap: 20px
    }
}

.c-teacher_item .teacher_item_head .teacher_img {
    width: 100px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden
}

@media (max-width: 767px) {
    .c-teacher_item .teacher_item_head .teacher_img {
        width: 70px
    }
}

.c-teacher_item .teacher_item_head .teacher_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-teacher_item .teacher_item_head .teacher_name {
    color: #c4993d;
    font-family: "Zen Old Mincho", serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700
}

.c-teacher_item .teacher_item_head .teacher_btn {
    margin-top: 15px;
    padding: 0 10px 1px 20px
}

.c-teacher_item .teacher_item_body {
    margin-top: 15px
}

.c-teacher_item .teacher_item_body .teacher_intro {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2em;
    letter-spacing: .1em
}

.c-video .c-video_link {
    display: block
}

.c-video .c-video_link:has(.is_locked) {
    pointer-events: none
}

.c-video .c-video_head {
    display: block;
    position: relative
}

.c-video .c-video_head.is_locked {
    position: relative
}

.c-video .c-video_head.is_locked:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #bcb9b0;
    mix-blend-mode: multiply
}

.c-video .c-video_head.is_locked:after {
    content: "";
    position: absolute;
    width: 13.76%;
    aspect-ratio: 42.7 / 54.7;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background: url(../a_images/mypage/common/icon-lock.svg) no-repeat center center/contain
}

.c-video .c-video_head .c-video_class {
    width: 100px;
    display: inline-block;
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .1em;
    border-radius: 0 0 0 5px;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
}

.c-video .c-video_head .c-video_class.basic {
    background: #c4993d;
}
.c-video .c-video_head .c-video_class.special {
    background: #bcb9b0;
}
.c-video .c-video_head .c-video_class.collabo {
    background: #e6e6e6;
}
.c-video .c-video_head .c-video_class.question {
    background: #4f700f;
}

.c-video .c-video_head .c-video_img {
    width: 100%;
    aspect-ratio: 310 / 174.4
}

.c-video .c-video_head .c-video_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-video .c-video_head .c-video_time {
    color: #fff;
    background: rgba(62, 58, 57, 0.9);
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .1em;
    padding: 5px 8px;
    border-radius: 5px;
    position: absolute;
    bottom: 5px;
    right: 5px
}

.c-video .c-video_body {
    padding-top: 15px
}

.c-video .c-video_body .c-video_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.c-video .c-video_body .c-video_info .category {
    padding: 8px 8px;
    width: 100px;
    text-align: center;
}
.c-video .c-video_body .c-video_info .category.basic {
    background: #c4993d;
}
.c-video .c-video_body .c-video_info .category.special {
    background: #bcb9b0;
}
.c-video .c-video_body .c-video_info .category.collabo {
    background: #e6e6e6;
}
.c-video .c-video_body .c-video_info .category.question {
    background: #4f700f;
}

.c-video .c-video_body .c-video_info .category span {
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .1em;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.c-video .c-video_body .c-video_info .date {
    flex-shrink: 0;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .1em
}

.c-video .c-video_body .c-video_series {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: .1em;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-top: 10px;
    text-align: left
}

.c-video .c-video_body .c-video_title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
    letter-spacing: .1em;
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-top: 5px;
    text-align: left
}

.c-video .c-video_tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 7px
}

.c-video .c-video_tags .tag {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .1em;
    color: #c4993d
}

.c-video .c-video_tags .tag:before {
    content: "＃";
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .1em;
    color: #c4993d
}

.c-video.row_align {
    display: flex;
    align-items: flex-start;
    column-gap: 4.256%
}

@media (max-width: 767px) {
    .c-video.row_align {
        column-gap: 20px
    }
}

.c-video.row_align .c-video_link {
    width: 42.554%;
    flex-shrink: 0
}

@media (max-width: 767px) {
    .c-video.row_align .c-video_link {
        width: 34.375%
    }
}

@media (min-width: 768px) {
    .c-video.row_align .c-video_link.is_hover {
        opacity: 0.5
    }
}

.c-video.row_align .c-video_link .c-video_img {
    aspect-ratio: 200 / 112.5
}

.c-video.row_align .c-video_body {
    padding-top: 0
}

@media (min-width: 768px) {
    .c-video.row_align .c-video_body .c-video_body_link.is_hover {
        opacity: 0.5
    }
}

.c-video.row_align .c-video_body .c-video_class_time {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .1em;
    color: #c4993d;
    margin-top: 10px
}

.c-video.row_align .c-video_body .c-video_class_time a {
    color: inherit
}

@media (max-width: 767px) {
    .c-video.row_align .c-video_body .c-video_title {
        -webkit-line-clamp: 2
    }
}

.c-footer-karadajyuku {
    background-color: #c4993d;
    padding-top: 100px;
    padding-bottom: 105px
}

@media (max-width: 767px) {
    .c-footer-karadajyuku .c-copyright{
        padding-bottom: 0;
    }
    .c-footer-karadajyuku {
        padding-top: 70px;
        padding-bottom: 140px
    }
}

.c-footer-karadajyuku .c-footer_inner {
    max-width: 980px
}

.c-footer-karadajyuku .c-footer_main {
    display: flex
}

.c-footer-karadajyuku .c-footer_info {
    width: 50%;
    padding-left: 6.123%
}

@media only screen and (max-width: 1024px) {
    .c-footer-karadajyuku .c-footer_info {
        width: 40%;
        padding-left: 3%
    }
}

@media only screen and (max-width: 960px) {
    .c-footer-karadajyuku .c-footer_info {
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .c-footer-karadajyuku .c-footer_info {
        width: 100%;
        padding-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center
    }
}

.c-footer-karadajyuku .c-footer_info .c-footer_logo {
    display: block;
    max-width: 280px
}
.c-footer-karadajyuku .c-footer_info .c-footer_logo img {
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .c-footer-karadajyuku .c-footer_info .c-footer_logo {
        max-width: 240px
    }
}

@media only screen and (max-width: 960px) {
    .c-footer-karadajyuku .c-footer_info .c-footer_logo {
        max-width: 220px
    }
}

@media (max-width: 767px) {
    .c-footer-karadajyuku .c-footer_info .c-footer_logo {
        width: 200px
    }
}

.c-footer-karadajyuku .c-footer_info .c-footer_sns {
    display: flex;
    gap: 15px;
    margin-top: 25px
}

@media (max-width: 767px) {
    .c-footer-karadajyuku .c-footer_info .c-footer_sns {
        gap: 25px
    }
}

.c-footer-karadajyuku .c-footer_info .c-footer_sns .sns_link.instagram,
.c-footer-karadajyuku .c-footer_info .c-footer_sns .sns_link.facebook {
    width: 25px;
    height: 25px
}

.c-footer-karadajyuku .c-footer_info .c-footer_sns .sns_link.youtube {
    width: 29px;
    height: 20px
}

.c-footer-karadajyuku .c-footer_menu {
    width: 50%;
    padding-left: 10px
}

@media only screen and (max-width: 1024px) {
    .c-footer-karadajyuku .c-footer_menu {
        width: 60%
    }
}

@media (max-width: 767px) {
    .c-footer-karadajyuku .c-footer_menu {
        display: none
    }
}

.c-footer-karadajyuku .c-footer_menu .c-footer_menu_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: -10px;
    gap: 0 15px;
}
.c-footer-karadajyuku .c-footer_menu .c-footer_menu_list .break {
    flex-basis: 100%;
    height: 0;
    margin: 0;
    padding: 0;
}

.c-footer-karadajyuku .c-footer_menu .c-footer_menu_list li a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.28571em;
    letter-spacing: .1em;
    font-weight: 700
}

@media only screen and (max-width: 960px) {
    .c-footer-karadajyuku .c-footer_menu .c-footer_menu_list li a {
        font-size: 13px;
        font-size: 1.3rem
    }
}

@media only screen and (max-width: 960px) {
    .c-footer-karadajyuku .c-footer_menu .c-footer_menu_list li a:before {
        font-size: 13px;
        font-size: 1.3rem
    }
}

.c-footer-karadajyuku .c-footer_menu .c-footer_menu_links {
    margin-top: 15px
}

.c-footer-karadajyuku .c-footer_menu .c-footer_menu_links .c-footer_menu_links_row {
    display: flex;
    align-items: center
}

.c-footer-karadajyuku .c-footer_menu .c-footer_menu_links .c-footer_menu_links_row .c-footer_menu_link {
    line-height: 1.5
}

.c-footer-karadajyuku .c-footer_menu .c-footer_menu_links .c-footer_menu_links_row .c-footer_menu_link:not(:nth-last-child(1)):after {
    content: "/";
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2em;
    letter-spacing: .15em;
    margin: 0 7.5px
}

@media only screen and (max-width: 1024px) {
    .c-footer-karadajyuku .c-footer_menu .c-footer_menu_links .c-footer_menu_links_row .c-footer_menu_link.for_pc {
        display: none
    }
}

@media only screen and (max-width: 1024px) {
    .c-footer-karadajyuku .c-footer_menu .c-footer_menu_links .c-footer_menu_links_row .c-footer_menu_link.for_tab {
        display: block
    }
}

.c-footer-karadajyuku .c-footer_menu .c-footer_menu_links .c-footer_menu_links_row .c-footer_menu_link a {
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2em;
    letter-spacing: .15em
}

.c-footer-karadajyuku .c-copyright {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .15em;
    color: #fff;
    text-align: center;
    margin-top: 40px
}

@media (max-width: 767px) {
    .c-footer-karadajyuku .c-copyright {
        margin-top: 50px
    }
}

.c-links_section {
    background-color: #f5f5f5;
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 767px) {
    .c-links_section {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.c-links_section .c-links_inner {
    width: calc(100% - 120px);
    margin: 0 auto
}

@media only screen and (max-width: 1024px) {
    .c-links_section .c-links_inner {
        width: calc(100% - 60px)
    }
}

@media (max-width: 767px) {
    .c-links_section .c-links_inner {
        width: calc(100% - 40px)
    }
}

.c-links_section .c-links {
    display: flex;
    justify-content: space-between;
    gap: 3.077%
}

@media (max-width: 767px) {
    .c-links_section .c-links {
        flex-direction: column;
        gap: 20px
    }
}

.c-links_section .c-links_item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 20px 80px;
    border-radius: 10px
}

@media (max-width: 767px) {
    .c-links_section .c-links_item {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.c-links_section .c-links_item.contact {
    background: #bcb9b0
}

.c-links_section .c-links_item.contact .c-links_btn:hover:after {
    background-image: url(../a_images/mypage/common/arrow-gray.svg)
}

.c-links_section .c-links_item.contact .c-links_btn:hover span {
    color: #bcb9b0
}

.c-links_section .c-links_item.seller {
    background: #ae8d56
}

.c-links_section .c-links_item.seller .c-links_btn:hover:after {
    background-image: url(../a_images/mypage/common/arrow-brown.svg)
}

.c-links_section .c-links_item.seller .c-links_btn:hover span {
    color: #ae8d56
}

.c-links_section .c-links_item.therapist {
    background: #c4993d
}

.c-links_section .c-links_item.therapist .c-links_btn:hover span {
    color: #c4993d
}

.c-links_section .c-links_text_en {
    font-family: "EB Garamond", serif;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    color: #fff
}

@media (max-width: 767px) {
    .c-links_section .c-links_text_en {
        font-size: 30px;
        font-size: 3rem
    }
}

.c-links_section .c-links_text_jp {
    font-family: "Zen Old Mincho", serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700;
    color: #fff;
    margin-top: 15px
}

@media (max-width: 767px) {
    .c-links_section .c-links_text_jp {
        margin-top: 10px
    }
}

.c-links_section .c-links_btn {
    max-width: 320px;
    height: 60px;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    margin-top: 37px
}

@media (max-width: 767px) {
    .c-links_section .c-links_btn {
        margin-top: 25px
    }
}

.c-links_section .c-links_btn:hover {
    background: #fff
}

.c-links_section .c-links_btn span {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.13333em;
    letter-spacing: .15em
}

.c-manage {
    padding-top: 100px;
    padding-bottom: 105px
}

@media (max-width: 767px) {
    .c-manage {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.c-manage .c-manage_content {
    display: flex;
    gap: 70px;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .c-manage .c-manage_content {
        flex-direction: column;
        gap: 0
    }
}

.c-manage .c-manage_logo {
    width: 220px
}

@media (max-width: 767px) {
    .c-manage .c-manage_logo {
        order: 2;
        width: 145px;
        margin-top: 40px
    }
}

.c-manage .c-manage_info {
    max-width: 430px
}

@media (max-width: 767px) {
    .c-manage .c-manage_info {
        display: contents;
        width: 100%
    }
}

.c-manage .c-manage_title {
    font-family: "EB Garamond", serif;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    display: flex;
    align-items: center;
    gap: 30px
}

@media (max-width: 767px) {
    .c-manage .c-manage_title {
        order: 1;
        flex-direction: column;
        gap: 10px;
        font-size: 30px;
        font-size: 3rem
    }
}

.c-manage .c-manage_title span {
    font-family: "Zen Old Mincho", serif;
    color: #c4993d;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700
}

.c-manage .c-manage_text {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2.15385em;
    letter-spacing: .15em;
    margin-top: 35px
}

@media (max-width: 767px) {
    .c-manage .c-manage_text {
        order: 3
    }
}

.c-manage .c-manage_text p:not(:first-child) {
    margin-top: 15px
}

.c-manage .c-manage_btn_wrapper {
    max-width: 320px;
    margin-top: 30px
}

@media (max-width: 767px) {
    .c-manage .c-manage_btn_wrapper {
        order: 4;
        width: 100%
    }
}

.c-footer {
    background: #c4993d;
    color: #fff;
    padding-top: 140px;
    padding-bottom: 100px
}

.c-footer.seller {
    background: #ae8d56
}

@media (max-width: 767px) {
    .c-footer {
        padding-top: 70px;
        padding-bottom: 90px
    }
}

.c-footer .c-footer_inner {
    max-width: 980px
}

.c-footer .c-footer_main {
    display: flex;
    justify-content: center
}

.c-footer .c-footer_logo_wrapper {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-footer .c-footer_logo_wrapper .c-footer_logo {
    width: 209.5px
}

@media (max-width: 767px) {
    .c-footer .c-footer_logo_wrapper .c-footer_logo {
        width: 121.3px
    }
}

.c-footer .c-footer_menu {
    width: 50%;
    padding-left: 10px
}

@media (max-width: 767px) {
    .c-footer .c-footer_menu {
        display: none
    }
}

.c-footer .c-footer_menu_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 5px
}

@media only screen and (max-width: 860px) {
    .c-footer .c-footer_menu_list {
        grid-template-columns: repeat(2, 1fr)
    }
}

.c-footer .c-footer_menu_link {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em
}

.c-footer .c-footer_menu_link:before {
    content: "-";
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: .15em;
    margin-right: 5px
}

.c-footer .c-footer_menu_sub_list {
    display: flex;
    margin-top: 10px
}

.c-footer .c-footer_menu_sub_item:nth-child(n+2):before {
    content: "/";
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .15em;
    margin-left: 7px;
    margin-right: 7px
}

.c-footer .c-footer_menu_sub_link {
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .15em
}

.c-footer .c-footer_copyright {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .15em;
    text-align: center;
    margin-top: 75px
}

.c-header-karadajyuku .c-header_user {
    color: #c4993d;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    gap: 10px;
    border-bottom-left-radius: 20px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.c-header-karadajyuku .c-header_user:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../a_images/mypage/common/icon-human.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.c-header-karadajyuku .c-header_user .user_name {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857em;
    letter-spacing: .15em;
    font-weight: 700
}

.c-header-karadajyuku .c-header_user .user_name span {
    font-size: 10px;
    font-size: 1rem
}

.c-header-karadajyuku .c-header_user .user_class {
    font-size: 10px;
    font-size: 1rem;
    line-height: 2em;
    letter-spacing: .15em;
    font-weight: 700
}

@media (min-width: 768px) {
    .c-header-karadajyuku .c-header_drawer_btn {
        min-width: 160px;
        padding: 10px 20px;
        border-radius: 0 0 10px 0;
        background: #c4993d;
        color: #fff;
        display: flex;
        gap: 15px;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
    }
}

@media (max-width: 767px) {
    .c-header-karadajyuku .c-header_drawer_btn_sp,
    .c-header-karadajyuku .c-header_drawer_btn {
        width: 60px;
        height: 60px;
        background: #c4993d;
        padding: 19px 15px 29px;
        border-radius: 0 0 0 10px;
        border: none;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 50
    }
}

.c-header-karadajyuku .c-header_drawer_btn .drawer_btn_text {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.13333em;
    letter-spacing: .15em;
    font-weight: 700
}

.c-header-karadajyuku .c-header_drawer_btn_sp .drawer_btn_icon,
.c-header-karadajyuku .c-header_drawer_btn .drawer_btn_icon {
    width: 30px;
    height: 20px;
    position: relative
}

.c-header-karadajyuku .c-header_drawer_btn_sp .drawer_btn_icon span,
.c-header-karadajyuku .c-header_drawer_btn .drawer_btn_icon span {
    display: block;
    width: 100%;
    height: 2px;
    background: #f5f5f5;
    transition: all 0.2s;
    position: absolute;
    left: 50%;
    transform-origin: center center;
    top: calc(50% - 1px)
}

.c-header-karadajyuku .c-header_drawer_btn_sp.is_open .drawer_btn_icon span {
    width: 122%;
}

.c-header-karadajyuku .c-header_drawer_btn_sp .drawer_btn_icon span:nth-child(1),
.c-header-karadajyuku .c-header_drawer_btn .drawer_btn_icon span:nth-child(1) {
    transform: translate(-50%, -10px)
}

.c-header-karadajyuku .c-header_drawer_btn_sp .drawer_btn_icon span:nth-child(2),
.c-header-karadajyuku .c-header_drawer_btn .drawer_btn_icon span:nth-child(2) {
    transform: translate(-50%, 0)
}

.c-header-karadajyuku .c-header_drawer_btn_sp .drawer_btn_icon span:nth-child(3),
.c-header-karadajyuku .c-header_drawer_btn .drawer_btn_icon span:nth-child(3) {
    transform: translate(-50%, 10px)
}

.c-header-karadajyuku .c-header_drawer_btn_sp.is_open,
.c-header-karadajyuku .c-header_drawer_btn.is_open {
    z-index: 300
}

@media (max-width: 767px) {
    .c-header-karadajyuku .c-header_drawer_btn_sp.is_open ,
    .c-header-karadajyuku .c-header_drawer_btn.is_open {
        background: #bcb9b0
    }
}

.c-header-karadajyuku .c-header_drawer_btn.is_open .drawer_btn_icon span {
    width: 122%
}

.c-header-karadajyuku .c-header_drawer_btn_sp.is_open .drawer_btn_icon span:nth-child(1),
.c-header-karadajyuku .c-header_drawer_btn.is_open .drawer_btn_icon span:nth-child(1) {
    transform: translate(-50%, 0) rotate(215deg)
}

.c-header-karadajyuku .c-header_drawer_btn_sp.is_open .drawer_btn_icon span:nth-child(2),
.c-header-karadajyuku .c-header_drawer_btn.is_open .drawer_btn_icon span:nth-child(2) {
    visibility: hidden;
    opacity: 0
}

.c-header-karadajyuku .c-header_drawer_btn_sp.is_open .drawer_btn_icon span:nth-child(3),
.c-header-karadajyuku .c-header_drawer_btn.is_open .drawer_btn_icon span:nth-child(3) {
    transform: translate(-50%, 0) rotate(-215deg)
}

.c-header-karadajyuku .c-drawer_menu {
    width: 340px;
    height: 100vh;
    height: 100dvh;
    background: url(../a_images/mypage/karadajyuku/logo-bg.png) no-repeat right -1% bottom -16.5%/380px #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -200;
    box-shadow: 0 10px 10px rgba(62, 58, 37, 0.2);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s
}

@media only screen and (max-width: 1400px) {
    .c-header-karadajyuku .c-drawer_menu {
        background-size: 27.143% auto
    }
}

@media (max-width: 767px) {

    .c-header-karadajyuku #js-drawer_menu{
        display: none;
    }
    .c-header-karadajyuku .c-drawer_menu.is_open {
        display: block;
        left: 0;
    }
}

.c-header-karadajyuku .c-drawer_menu.is_open {
    z-index: 200;
    opacity: 1;
    visibility: visible
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu{
    padding: 50px 0;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
}

.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content {
    width: 200px;
    margin: auto;
}

.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_profile figure {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_profile figure img {
    object-fit: cover;
    width: 100%;
    height: 100%
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_profile .name {
    text-align: center;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 14px
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_profile .name small {
    font-size: 10px;
    font-size: 1rem;
    margin-left: 0.5em
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_profile .lank {
    text-align: center;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #ae8d56;
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_content .c-btn {
    margin-top: 15px;
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links{
    margin: 20px auto 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links li {
    display: block
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links li a {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    transition: 0.3s;
    padding-left: 13px
}
/*
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links li a:before {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 10px
}
*/
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links li a.mypage:before {
    background-image: url("../a_images/mypage/common/icon-top.svg")
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links li a.news:before {
    background-image: url("../a_images/mypage/common/icon-news.svg")
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links li a.seminar:before {
    background-image: url("../a_images/mypage/common/icon-seminar.svg")
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links li a.archive:before {
    background-image: url("../a_images/mypage/common/icon-movie.svg")
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links li a.question:before {
    background-image: url("../a_images/mypage/common/icon-question.svg")
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links li a.history:before {
    background-image: url("../a_images/mypage/common/icon-time.svg")
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links li a:hover,
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links li a.current {
    opacity: 1;
    background: #f5f5f5;
    color: #c4993d
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links_sub{
    margin: 30px auto 0;
    width: 160px;
    display: block;
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links_sub li{
    line-height: 1.2;
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links_sub li a{
    padding-left: 12px;
    display: inline-block;
    position: relative;
    font-size: 10px;
    font-size: 1rem;
    letter-spacing: 0.1em;
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links_sub li a.current {
    color: #c4993d;
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links_sub li a::before{
    content: "";
    width: 6px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background-color: #bcb9b0;
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-drawer_menu_content .c-side_links_sub li a.current::before {
    background-color: #c4993d;
}
.c-header-karadajyuku #js-drawer_menu.c-drawer_menu .c-sublist {
    margin-top: 20px;
    position: static;
}

.c-header {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 40px;
    z-index: 60
}

@media (max-width: 767px) {
    .c-header {
        top: 0;
        left: 0;
        height: 60px
    }
}

.c-header .c-header_inner {
    width: calc(100% - 100px);
    height: 100%;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.8);
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width: 1260px) {
    .c-header .c-header_inner {
        width: calc(100% - 20px);
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 767px) {
    .c-header .c-header_inner {
        width: fit-content;
        margin: 0 auto 0 0;
        padding-left: 20px;
        padding-right: 30px;
        border-radius: 0 0 10px 0
    }
}

.c-header .c-header_logo {
    width: 282px
}

@media only screen and (max-width: 1260px) {
    .c-header .c-header_logo {
        width: 225.6px
    }
}

@media only screen and (max-width: 940px) {
    .c-header .c-header_logo {
        width: 160.3px
    }
}

.c-header .c-header_nav {
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .c-header .c-header_nav {
        display: none
    }
}

.c-header .c-header_nav_list {
    display: flex;
    align-items: center;
    gap: 35px
}

@media only screen and (max-width: 1260px) {
    .c-header .c-header_nav_list {
        gap: 20px
    }
}

@media only screen and (max-width: 940px) {
    .c-header .c-header_nav_list {
        gap: 15px
    }
}

.c-header .c-header_nav_list .c-header_nav_link {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700;
    transition: all 0.2s
}

@media only screen and (max-width: 1260px) {
    .c-header .c-header_nav_list .c-header_nav_link {
        font-size: 13px;
        font-size: 1.3rem
    }
}

@media only screen and (max-width: 960px) {
    .c-header .c-header_nav_list .c-header_nav_link {
        font-size: 12px;
        font-size: 1.2rem;
        letter-spacing: 0.1em
    }
}

.c-header .c-header_nav_list .c-header_nav_link:hover {
    opacity: 1;
    color: #c4993d
}

.c-header .c-header_nav_btn {
    height: 50px;
    border-radius: 24.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: background 0.2s
}

@media only screen and (max-width: 940px) {
    .c-header .c-header_nav_btn {
        height: 40px;
        gap: 5px
    }
}

.c-header .c-header_nav_btn:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transition: width 0.2s
}

.c-header .c-header_nav_btn span {
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700;
    transition: color 0.2s
}

@media only screen and (max-width: 1260px) {
    .c-header .c-header_nav_btn span {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 940px) {
    .c-header .c-header_nav_btn span {
        font-size: 12px;
        font-size: 1.2rem;
        letter-spacing: 0.1em
    }
}

.c-header .c-header_nav_btn:hover {
    opacity: 1
}

.c-header .c-header_nav_btn.therapist {
    background: #c4993d;
    border: 1px solid #c4993d;
    padding: 0 35px 0 40px;
    margin-left: 25px
}

@media only screen and (max-width: 1260px) {
    .c-header .c-header_nav_btn.therapist {
        padding: 0 20px 0 22px;
        margin-left: 15px
    }
}

.c-header .c-header_nav_btn.therapist:before {
    width: 20px;
    height: 20px;
    background-image: url(../a_images/mypage/common/icon-signup-white.svg)
}

@media only screen and (max-width: 1260px) {
    .c-header .c-header_nav_btn.therapist:before {
        width: 18px;
        height: 18px
    }
}

@media only screen and (max-width: 940px) {
    .c-header .c-header_nav_btn.therapist:before {
        width: 14px;
        height: 14px
    }
}

.c-header .c-header_nav_btn.therapist:hover {
    background: #fff
}

.c-header .c-header_nav_btn.therapist:hover span {
    color: #c4993d
}

.c-header .c-header_nav_btn.therapist:hover:before {
    background-image: url(../a_images/mypage/common/icon-signup-yellow.svg)
}

.c-header .c-header_nav_btn.seller {
    background: #ae8d56;
    border: 1px solid #ae8d56;
    padding: 0 26px;
    margin-left: 35px
}

@media only screen and (max-width: 1260px) {
    .c-header .c-header_nav_btn.seller {
        padding: 0 20px;
        margin-left: 15px
    }
}

.c-header .c-header_nav_btn.seller:before {
    width: 18px;
    height: 17px;
    background-image: url(../a_images/mypage/common/icon-request-white.svg)
}

@media only screen and (max-width: 1260px) {
    .c-header .c-header_nav_btn.seller:before {
        width: 15px;
        height: 14px
    }
}

@media only screen and (max-width: 940px) {
    .c-header .c-header_nav_btn.seller:before {
        width: 13px;
        height: 12px
    }
}

.c-header .c-header_nav_btn.seller:hover {
    background: #fff
}

.c-header .c-header_nav_btn.seller:hover span {
    color: #ae8d56
}

.c-header .c-header_nav_btn.seller:hover:before {
    background-image: url(../a_images/mypage/common/icon-request-yellow.svg)
}

.c-header .c-drawer_btn {
    width: 60px;
    height: 70px;
    background: #c4993d;
    padding: 19px 15px 29px;
    border: none;
    clip-path: polygon(0 0, 100% 0%, 100% 76%, 50% 100%, 0 76%);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 50
}

.c-header .c-drawer_btn.is_open .c-drawer_btn_icon span {
    width: 122%
}

.c-header .c-drawer_btn.is_open .c-drawer_btn_icon span:nth-child(1) {
    transform: translate(-50%, 0) rotate(215deg)
}

.c-header .c-drawer_btn.is_open .c-drawer_btn_icon span:nth-child(2) {
    visibility: hidden;
    opacity: 0
}

.c-header .c-drawer_btn.is_open .c-drawer_btn_icon span:nth-child(3) {
    transform: translate(-50%, 0) rotate(-215deg)
}

.c-header .c-drawer_btn .c-drawer_btn_icon {
    width: 100%;
    height: 100%;
    position: relative
}

.c-header .c-drawer_btn .c-drawer_btn_icon span {
    display: block;
    width: 100%;
    height: 2px;
    background: #f5f5f5;
    transition: all 0.2s;
    position: absolute;
    left: 50%;
    transform-origin: center center;
    top: calc(50% - 1px)
}

.c-header .c-drawer_btn .c-drawer_btn_icon span:nth-child(1) {
    transform: translate(-50%, -10px)
}

.c-header .c-drawer_btn .c-drawer_btn_icon span:nth-child(2) {
    transform: translate(-50%, 0)
}

.c-header .c-drawer_btn .c-drawer_btn_icon span:nth-child(3) {
    transform: translate(-50%, 10px)
}

.c-header .c-drawer_menu {
    display: none;
    width: 100%;
    position: fixed;
    top: 0;
    left: 120%;
    height: 100%;
    background: #f5f5f5;
    padding: 100px 20px 0;
    transition: all 0.2s;
    z-index: -1
}

@media (max-width: 767px) {
    .c-header .c-drawer_menu {
        display: block
    }
}

.c-header .c-drawer_menu.is_open {
    left: 0
}

.c-header .c-drawer_menu .c-drawer_menu_list {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.c-header .c-drawer_menu .c-drawer_menu_list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Zen Old Mincho", serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.13em;
    letter-spacing: .15em;
    font-weight: 700;
    background: #fff;
    padding: 20px
}

.c-header .c-drawer_menu .c-drawer_menu_list li a:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background: url(../a_images/btn_wrap_arrow.svg) no-repeat center/100%
}

.c-header .c-drawer_menu .c-drawer_menu_btn {
    width: 100%;
    margin-top: 20px
}

.c-header .c-drawer_menu .c-drawer_menu_btn.seller {
    background: #ae8d56;
    border-color: #ae8d56
}

.c-header .c-drawer_menu .c-drawer_menu_btn.seller:hover {
    background: #fff
}

.c-header .c-drawer_menu .c-drawer_menu_btn.seller:hover span {
    color: #ae8d56
}

.c-header .c-drawer_menu .c-drawer_menu_links {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px
}

.c-header .c-drawer_menu .c-drawer_menu_links .c-drawer_menu_link_wrapper:nth-child(n+2):before {
    content: "/";
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .15em;
    margin-left: 20px;
    margin-right: 20px
}

.c-header .c-drawer_menu .c-drawer_menu_links .c-drawer_menu_link {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .15em;
    padding: 0.2em
}

.c-head_links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: absolute;
    right: 50px
}

@media only screen and (max-width: 1260px) {
    .c-head_links {
        right: 20px
    }
}

@media (max-width: 767px) {
    .c-head_links {
        display: none
    }
}

.c-head_links.seller_top .c-head_link {
    color: #fff
}

.c-head_links.seller_top .c-head_link.login:before {
    background-image: url(../a_images/mypage/common/icon-login-white.svg)
}

.c-head_links.seller_top .c-head_link.entrance:before {
    background-image: url(../a_images/mypage/common/icon-entrance-white.svg)
}

.c-head_links .c-head_link {
    color: #c4993d;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .15em;
    display: flex;
    align-items: center;
    gap: 5px
}

.c-head_links .c-head_link:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.c-head_links .c-head_link.login:before {
    width: 9px;
    height: 10.7px;
    background-image: url(../a_images/mypage/common/icon-login-yellow.svg)
}

.c-head_links .c-head_link.entrance:before {
    width: 7.5px;
    height: 8.7px;
    background-image: url(../a_images/mypage/common/icon-entrance-yellow.svg)
}

.c-header_system {
    width: calc(100% - 60px);
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding-top: 30px
}

@media (max-width: 767px) {
    .c-header_system {
        width: 100%;
        height: 60px;
        padding-top: 0;
        padding-left: 0;
        justify-content: space-between
    }
}

.c-header_system .c-header_logo {
    width: 24.6%
}

@media only screen and (max-width: 1200px) {
    .c-header_system .c-header_logo {
        width: 220px;
        flex-shrink: 0
    }
}

@media (max-width: 767px) {
    .c-header_system > .c-header_logo {
        width: 190px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border-radius: 0 0 10px 0;
    }
}


.c-header_system .c-header_logo a {
    width: 190px;
    display: block;
    margin: 0 auto 0 10px
}

@media (max-width: 767px) {
    .c-header_system .c-header_logo a {
        width: auto;
        margin: 0
    }
}

.c-header_system .c-drawer_btn {
    width: 60px;
    height: 60px;
    background: #c4993d;
    padding: 19px 15px;
    border: none;
    border-radius: 0 0 0 10px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 200
}
.c-header_system .c-drawer_btn.is_open{
    background: #bcb9b0;
}

.c-header_system .c-drawer_btn.is_open .c-drawer_btn_icon span {
    width: 122%
}

.c-header_system .c-drawer_btn.is_open .c-drawer_btn_icon span:nth-child(1) {
    transform: translate(-50%, 0) rotate(215deg)
}

.c-header_system .c-drawer_btn.is_open .c-drawer_btn_icon span:nth-child(2) {
    visibility: hidden;
    opacity: 0
}

.c-header_system .c-drawer_btn.is_open .c-drawer_btn_icon span:nth-child(3) {
    transform: translate(-50%, 0) rotate(-215deg)
}

.c-header_system .c-drawer_btn .c-drawer_btn_icon {
    width: 100%;
    height: 100%;
    position: relative
}

.c-header_system .c-drawer_btn .c-drawer_btn_icon span {
    display: block;
    width: 100%;
    height: 2px;
    background: #f5f5f5;
    transition: all 0.2s;
    position: absolute;
    left: 50%;
    transform-origin: center center;
    top: calc(50% - 1px)
}

.c-header_system .c-drawer_btn .c-drawer_btn_icon span:nth-child(1) {
    transform: translate(-50%, -10px)
}

.c-header_system .c-drawer_btn .c-drawer_btn_icon span:nth-child(2) {
    transform: translate(-50%, 0)
}

.c-header_system .c-drawer_btn .c-drawer_btn_icon span:nth-child(3) {
    transform: translate(-50%, 10px)
}

.c-header_system .c-drawer_menu {
    display: none;
}

@media (max-width: 767px) {
    .c-header_system .c-drawer_menu {
        display: block
    }
    .c-header-karadajyuku #js-drawer_menu.c-drawer_menu{
        display: none;
    }
}

.c-header_system .c-drawer_menu,
.c-header-karadajyuku #js-drawer_menu_sp.c-drawer_menu{
    width: 100%;
    position: fixed;
    top: 0;
    left: 120%;
    height: 100%;
    overflow-y: scroll;
    background-color: #c4993d;
    background-image: url(../a_images/mypage/common/sp_menu_bg.svg);
    background-repeat: no-repeat;
    background-position: right -20px bottom -10px;
    background-size: 75% auto;
    padding: 13.2px 30px;
    transition: all 0.2s;
    z-index: 100
}
.c-header-karadajyuku #js-drawer_menu_sp.c-drawer_menu.is_open,
.c-header_system .c-drawer_menu.is_open {
    left: 0
}

#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_profile,
.c-header_system .c-drawer_menu .c-drawer_menu_profile {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 25px
}

#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_profile .profile_avatar,
.c-header_system .c-drawer_menu .c-drawer_menu_profile .profile_avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden
}

#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_profile .profile_avatar img,
.c-header_system .c-drawer_menu .c-drawer_menu_profile .profile_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_profile .profile_name,
.c-header_system .c-drawer_menu .c-drawer_menu_profile .profile_name {
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.6em;
    letter-spacing: .15em;
    font-weight: 400
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_profile .profile_name .lank,
.c-header_system .c-drawer_menu .c-drawer_menu_profile .profile_name .lank{
    font-size: 1.2rem;
}

#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_profile .profile_name span,
.c-header_system .c-drawer_menu .c-drawer_menu_profile .profile_name span {
    font-size: 10px;
    font-size: 1rem
}

#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_profile .profile_name span:before,
.c-header_system .c-drawer_menu .c-drawer_menu_profile .profile_name span:before {
    content: " "
}
#js-drawer_menu_sp.c-drawer_menu .c-btn_wrap,
.c-header_system .c-drawer_menu .c-btn_wrap {
    margin-top: 25px;
}
#js-drawer_menu_sp.c-drawer_menu .c-btn_wrap a,
.c-header_system .c-drawer_menu .c-btn_wrap a {
    padding: 0 50px;
}

#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list,
.c-header_system .c-drawer_menu .c-drawer_menu_list {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 2px
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list li a,
.c-header_system .c-drawer_menu .c-drawer_menu_list li a {
    padding: 0 20px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.13em;
    letter-spacing: .15em;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    transition: 0.3s;
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list li a.current,
.c-header_system .c-drawer_menu .c-drawer_menu_list li a.current {
    background-color: #bcb9b0;
}
/*
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list li a::before,
.c-header_system .c-drawer_menu .c-drawer_menu_list li a::before{
    content:"";
    width: 18px;
    height: 18px;
    display: block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 15px
}
*/

#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list li a.mypage::before,
.c-header_system .c-drawer_menu .c-drawer_menu_list li a.mypage::before{
    background-image: url("../a_images/mypage/common/icon-top-white.svg")
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list li a.news::before,
.c-header_system .c-drawer_menu .c-drawer_menu_list li a.news::before{
    background-image: url("../a_images/mypage/common/icon-news-white.svg")
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list li a.seminar::before,
.c-header_system .c-drawer_menu .c-drawer_menu_list li a.seminar::before{
    background-image: url("../a_images/mypage/common/icon-seminar-white.svg")
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list li a.archive::before,
.c-header_system .c-drawer_menu .c-drawer_menu_list li a.archive::before{
    background-image: url("../a_images/mypage/common/icon-movie-white.svg")
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list li a.question::before,
.c-header_system .c-drawer_menu .c-drawer_menu_list li a.question::before{
    background-image: url("../a_images/mypage/common/icon-question-white.svg")
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list li a.history::before,
.c-header_system .c-drawer_menu .c-drawer_menu_list li a.history::before{
    background-image: url("../a_images/mypage/common/icon-time-white.svg")
}


#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list_sub,
.c-header_system .c-drawer_menu .c-drawer_menu_list_sub{
    margin-top: 35px;
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    gap: 10px;
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list_sub li,
.c-header_system .c-drawer_menu .c-drawer_menu_list_sub li{
    padding-left: 8px;
    position: relative;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list_sub li:before,
.c-header_system .c-drawer_menu .c-drawer_menu_list_sub li::before{
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #fff;
    border-radius: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list_sub li:nth-of-type(odd),
.c-header_system .c-drawer_menu .c-drawer_menu_list_sub li:nth-of-type(odd){
    flex: 0 0 calc(55% - 5px);
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list_sub li:nth-of-type(even),
.c-header_system .c-drawer_menu .c-drawer_menu_list_sub li:nth-of-type(even){
    flex: 0 0 calc(45% - 5px);
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list_sub li a,
.c-header_system .c-drawer_menu .c-drawer_menu_list_sub li a{
    color: #fff;
}
#js-drawer_menu_sp.c-drawer_menu .c-drawer_menu_list_sns,
.c-header_system .c-drawer_menu .c-drawer_menu_list_sns{
    margin-top: 30px;
    display: flex;
    gap: 18px;
}

.wp-pagenavi {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 40px;
    gap: 10px
}

@media (max-width: 767px) {
    .wp-pagenavi {
        gap: 8px;
        margin-top: 25px
    }
}

.wp-pagenavi .pages {
    display: none
}

.wp-pagenavi span,
.wp-pagenavi a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #bcb9b0;
    background: #fff;
    color: #bcb9b0;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1em;
    letter-spacing: 0em;
    font-weight: 600;
    transition: 0.3s;
    padding-bottom: 2px
}

.wp-pagenavi a:hover {
    color: #fff;
    background: #bcb9b0;
    opacity: 1
}

.wp-pagenavi span.current {
    color: #fff;
    border-color: #c4993d;
    background: #c4993d
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    background: #bcb9b0;
    padding: 0
}

/*
.wp-pagenavi .previouspostslink:after,
.wp-pagenavi .nextpostslink:after {
    content: '';
    background-image: url("../a_images/btn_wrap_arrow_white.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    display: block
}
*/

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
    background: #c4993d;
    border-color: #c4993d
}

/*
.wp-pagenavi .previouspostslink:after {
    transform: scale(-1, -1)
}
*/

.top .c-profile {
    gap: 20px;
    display: flex;
    align-items: center;
}

.top .c-profile .profile_top_avatar {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden
}

.top .c-profile .profile_top_info .name {
    font-size: 1.6rem;
    font-weight: 700;
}
.top .c-profile .profile_top_info .name small {
    margin-left: 1rem;
    font-size: 10px;
    font-size: 1rem;
}
.top .c-profile .profile_top_info .lank {
    color: #c4993d;
    font-weight: 700;
}

.top .c-profile + .c-btn{
    margin-top: 20px;
}


@media (min-width: 768px) {
    .archive {
        overflow: visible!important;
    }
}

.archive .c-main_top {
    padding-bottom: 100px;
    background: url(../a_images/mypage/common/archive_bg.png) no-repeat top center / cover;
}

.archive .c-form .checkbox_wrapper{
    margin-top: 15px;
}
.archive .c-form .checkbox_wrapper label{
    justify-content: right;
}

.archive .movies_section section + section {
    margin-top: 50px;
}
@media (max-width: 767px) {
    .archive .movies_section section + section {
        padding-bottom: 60px
    }
}

.archive .movies_section .section_title .c-btn-small{
    margin-left: 20px;
}

@media (max-width: 767px) {
    .archive .c-main_top {
        padding-bottom: 20px
    }
}

.archive .movies_section {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #f5f5f5
}

@media (max-width: 767px) {
    .archive .movies_section {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.archive .movies_section .movies_list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2.5505%;
    row-gap: 35px;
    margin-top: 40px
}

@media (max-width: 767px) {
    .archive .movies_section .movies_list {
        flex-direction: column;
        gap: 35px
    }
}

.archive .movies_section .movies_item {
    width: 31.633%
}

@media (max-width: 767px) {
    .archive .movies_section .movies_item {
        width: 100%
    }
}

.archive .movies_section .wp-pagenavi {
    margin-top: 50px
}


@media (max-width: 767px) {
    
    .archive .movies_section .c-btn {
        margin-top: 50px;
    }

}


.archive .locked-content{
    border-radius: 0px;
}
.archive .locked-sticky-item{
    margin-top: 120px;
    top: 40px;
}

@media (max-width: 767px) {

    .archive .locked-sticky-item{
        margin-top: 60px;
        top: 20px;
    }

}

.archive .c-main_top_logo.detail {
    display: none;
}

@media (max-width: 767px) {
    .archive .c-main_top_logo.detail  {
        display: block;
        margin: 0;
    }
}


.archive .movie_area {
    padding-top: 100px
}

@media (max-width: 767px) {
    .archive .movie_area {
        padding-top: 20px
    }
}

.archive .movie_area {
    padding-bottom: 80px
}

@media (max-width: 767px) {
    .archive .movie_area {
        padding-bottom: 50px
    }
}

.archive .movie_area .c-video_head .c-video_class {
    border-radius: 0;
    position: static
}

.archive .movie_area .c-video_head .c-video_img {
    margin-top: 10px
}

.archive .movie_area .c-video_head .c-video_date {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .1em;
    margin-left: 8px
}

.archive .movie_area .c-video_body .c-video_series {
    margin-top: 0
}

.archive .movie_area .c-video_body .c-video_title {
    font-size: 18px;
    font-size: 1.8rem
}

.archive .movie_area .c-video_body .c-video_info {
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 0px;
    column-gap: 20px
}

.archive .movie_area .movie_area_btn {
    max-width: 320px;
    height: 60px;
    border-radius: 30px;
    margin: 40px auto 0
}

.archive .movie_area .movie_area_btn:after {
    right: auto;
    left: 20px;
    rotate: 180deg
}

.archive .movie_area .movie_area_btn span {
    font-size: 15px;
    font-size: 1.5rem
}

.archive .relate {
    background: #f5f5f5;
    padding-top: 95px;
    padding-bottom: 50px
}

@media (max-width: 767px) {
    .archive .relate {
        padding-top: 50px;
        padding-bottom: 30px
    }
}

.archive .relate .relate_list {
    display: flex;
    justify-content: space-between;
    margin-top: 40px
}

@media (max-width: 767px) {
    .archive .relate .relate_list {
        flex-direction: column;
        gap: 35px;
        margin-top: 20px
    }
}

.archive .relate .relate_item {
    width: 31.633%
}

@media (max-width: 767px) {
    .archive .relate .relate_item {
        width: 100%
    }
}

.archive .relate .c-main_top_search {
    margin-top: 90px
}

@media (max-width: 767px) {
    .archive .relate .c-main_top_search {
        margin-top: 50px
    }
}

.archive .category {
    background: #f5f5f5;
    padding-top: 50px;
    padding-bottom: 100px
}

@media (max-width: 767px) {
    .archive .category {
        padding-top: 30px;
        padding-bottom: 50px
    }
}

.archive .c-form .checkbox_wrapper{
    margin-top: 15px;
}
.archive .c-form .checkbox_wrapper label{
    justify-content: right;
}


.cal_event .detail_title{
    padding-bottom: 15px;
    font-size: 1.6rem;
    font-weight: 600;
    border-bottom: 1px solid #c4993d;
}
.cal_event .profile_title{
    margin-top: 50px;
    font-size: 1.6rem;
    font-weight: 600;
}

.cal_event .detail_img{
    margin: 40px auto 0;
    max-width: 100%;
    display: block;
}

.cal_event .detail_table{
    margin-top: 40px;
}
.cal_event .detail_table,
.cal_event .detail_table th,
.cal_event .detail_table td{
    border: 1px solid#c4993d;
}
.cal_event .detail_table th,
.cal_event .detail_table td{
    padding: 5px 20px;
    letter-spacing: 0.1em;
    line-height: 1.8;
}
.cal_event .detail_table th{
    width: 160px;
}
.cal_event .detail_table a{
    overflow-wrap: anywhere;
    word-wrap: break-word;
    word-break: break-all;
}

.cal_event .event_btn{
    margin-top: 40px;
    display: flex;
    gap: 10px;
    justify-content: center;
}
.cal_event .event_btn .c-btn{
    max-width: 200px;
}
.cal_event .event_btn .application{
    background-color: #f5f5f5;
    pointer-events: none;
}
.cal_event .event_btn .application span{
    color: #c4993d;
}
.cal_event .event_btn .application::after{
    content: none;
}
.cal_event .event_btn .return{
    background-color: #f5f5f5;
    border: 1px solid transparent;
    transition: 0.3s;
}
.cal_event .event_btn .return::after{
    left: 23px;
    background-image: url(../a_images/btn_wrap_arrow_left.svg);
}
.cal_event .event_btn .return span{
    color: #c4993d;
}
.cal_event .event_btn .return:hover{
    border: 1px solid #c4993d;
}



@media (max-width: 767px) {

    .cal_event .profile_title{
        margin-top: 30px;
    }
    .cal_event .detail_img{
        margin-top: 20px;
    }
    .cal_event .detail_table{
        margin-top: 20px;
        border: none;
    }
    .cal_event .detail_table th,
    .cal_event .detail_table td{
        width: 100%;
        display: block;
        text-align: left;
    }
    .cal_event .detail_table tr + tr th{
        border-top: none;
    }
    .cal_event .detail_table tr td{
        border-top: none;
    }
    .cal_event .event_btn{
        margin-top: 20px;
    }

}

.history .c-body .c-body_title {
    margin-bottom: 45px;
}

@media (max-width: 767px) {
}

.history .c-body .c-body_content .c-search {
    margin-bottom: 50px
}

.history .logo{
    width: 170px;
}
.history .receipt-no,
.history .receipt-date{
    text-align: right;
    line-height: 1.8;
    font-size: 1rem;
}
.history .receipt-title{/* 領収書 */
    margin-top: 35px;
    text-align: center;
    font-size: 2.8rem;
    font-weight: 700;
    font-family: "Zen Kaku Gothic New", serif;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.history .receipt-title span {
    font-size: 1.4rem;
}
.history .receipt-name{/* 名前 */
    margin-top: 40px;
    font-size: 1.8rem;
    font-weight: 600;
}
.history .receipt-amount{/* 金額 */
    margin: 40px auto 0;
    padding: 25px 40px;
    width: 400px;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    border: 1px solid #c4993d;
    line-height: 1;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: 0.15em;
}
.history .receipt-amount_note{/* 但書 */
    margin: 20px auto 0;
    width: 400px;
    max-width: 100%;
    text-align: left;
    font-size: 1.6rem;
}
.history .receipt-row{/* 小計と会社情報 */
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 66px;
}
.history .receipt-row .receipt-subtotal{/* 小計 */
    padding: 20px 0;
    width: calc(50% - 33px);
    border-top: 1px solid #c4993d;
    border-bottom: 1px solid #c4993d;
}
.history .receipt-row .receipt-subtotal table th{
    text-align: left;
    font-weight: normal;
}
.history .receipt-row .receipt-subtotal table td{
    text-align: right;
}


.history .receipt-row .receipt-company{/* 会社情報 */
    width: calc(50% - 33px);
}
.history .receipt-row .receipt-company_top{/* 会社情報 上 */
    display: flex;
    justify-content: space-between;
}
.history .receipt-row .receipt-company_logo {/* 会社情報 上 ロゴ */
    width: 134px;
}
.history .receipt-row .receipt-company_top p{/* 会社情報 上 テキスト */
    margin-top: 15px;
    font-size: 1rem;
    line-height: 1.8;
}
.history .receipt-row .receipt-stamp {/* 会社情報 上 ハンコ */
    width: 100px;
}
.history .receipt-row .receipt-company_bottom address{/* 会社情報 下 アドレス */
    font-style: normal;
    font-size: 1rem;
    line-height: 1.8;
}
.history .receipt-row .receipt-company_bottom p{/* 会社情報 下 電話番号 */
    font-size: 1rem;
    line-height: 1.8;
}

.history .print.c-btn{/* 印刷ボタン */
    font-size: 1rem;
    margin: 80px auto 0;
    width: 200px;
}
.history .print_note{/* 印刷ボタン 注意書き */
    margin-top: 5px;
    text-align: center;
    font-size: 1.2rem;
}

@media screen and (max-width: 960px) {
    .history .receipt-row{
        margin-top: 30px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0px;
    }
    .history .receipt-row .receipt-subtotal{
        padding: 20px;
        width: calc(100%);
    }
    .history .receipt-row .receipt-company{
        margin-top: 45px;
        width: calc(100%);
    }
    .history .receipt-row .receipt-company_bottom{
        margin-top: 20px;
    }
}

@media screen and (max-width: 767px) {
    .history .receipt-name{
        font-size: 1.6rem;
    }
    .history .receipt-amount{
        margin: 30px auto 0;
        padding: 15px 20px;
        width: 100%;
        font-size: 1.8rem;
    }
    .history .receipt-amount_note{
        margin: 10px auto 0;
        width: 100%;
        font-size: 1.4rem;
        line-height: 1.5;
    }
    .history .receipt-row{
        margin-top: 20px;
    }
    .history .receipt-row .receipt-stamp {
        width: 80px;
    }
    .history .print.c-btn{
        margin: 40px auto 0;
    }
    .history .print_note{
        font-size: 1rem;
    }
}

.login #wrap {
    background: url(../a_images/mypage/common/bg_img.svg) no-repeat right bottom/400px auto #bcb9b0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh
}

@media only screen and (max-width: 1400px) {
    .login #wrap {
        background-size: 27.143% auto
    }
}

@media (max-width: 767px) {
    .login #wrap {
        background-position: right -5% bottom -7.5%;
        background-size: 58.334%
    }
}

.login .inner {
    max-width: 435px
}
.login .inner.forget{
    max-width: 600px;
}

@media (max-width: 767px) {
    .login .inner.forget,
    .login .inner {
        max-width: 330px
    }
}

.login .login_logo {
    width: 280px;
    margin: 0 auto;
    text-align: center;
}
.login .login_logo img{
    width: 100%;
}

@media (max-width: 767px) {
    .login .login_logo {
        max-width: 280px
    }
}

.login_note{
    margin-top: 50px;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
}


.login .login_form {
    width: 100%;
    margin-top: 70px
}
.login_note + .login_form{
    margin-top: 50px;
}

@media (max-width: 767px) {
    .login .login_form {
        margin-top: 50px
    }
}

.login .login_form .login_form_items {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px
}

.login .login_form .login_form_item {
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: center
}

@media (max-width: 767px) {
    .login .login_form .login_form_item {
        flex-direction: column;
        align-items: flex-start
    }
}

.login .login_form .login_form_item label {
    color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700
}

.login .login_form .login_form_item input {
    flex-grow: 1;
    max-width: 330px;
    height: 50px;
    background: #f5f5f5;
    border-radius: 5px;
    border: none;
    padding: 5px 10px
}

@media (max-width: 767px) {
    .login .login_form .login_form_item input {
        width: 100%;
        max-width: none
    }
}

.login .login_form .login_form_btn {
    max-width: 320px;
    margin: 40px auto 0
}

.login .login_footer {
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 40px auto 0
}

.login .login_footer a {
    color: #fff;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .15em
}

.login .login_footer a:before {
    content: "\025b6";
    margin-right: 3px
}

.profile .profile_top {
    display: flex;
    align-items: center;
    gap: 40px
}

@media (max-width: 767px) {
    .profile .profile_top {
        gap: 20px;
        align-items: flex-start;
        padding-top: 5px
    }
}

.profile .profile_top .profile_top_avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden
}

@media (max-width: 767px) {
    .profile .profile_top .profile_top_avatar {
        width: 90px;
        height: 90px
    }
}

.profile .profile_top .profile_top_info {
    padding-top: 10px
}

@media (max-width: 767px) {
    .profile .profile_top .profile_top_info {
        padding-top: 0
    }
}

.profile .profile_top .profile_top_info .lank {
    color: #ae8d56;
    font-weight: 700;
}

.profile .profile_top .profile_top_name {
    margin-top: 5px;
    display: flex;
    gap: 3px
}

.profile .profile_top .profile_top_name .name_wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 700
}

.profile .profile_top .profile_top_name .name_wrap span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1em;
    letter-spacing: .15em;
    font-weight: 400
}

.profile .profile_top .profile_top_basic {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2.66667em;
    letter-spacing: .15em;
    font-weight: 400;
    margin-top: 5px;
    display: flex
}

@media (max-width: 767px) {
    .profile .profile_top .profile_top_basic {
        flex-direction: column;
        align-items: flex-start;
        line-height: 1.75;
        margin-top: 10px
    }
}

.profile .profile_top .profile_top_basic span:not(:last-child):after {
    content: "/";
    margin-left: 5px;
    margin-right: 5px
}

@media (max-width: 767px) {
    .profile .profile_top .profile_top_basic span:not(:last-child):after {
        display: none
    }
}

.profile .profile_info {
    margin-top: 60px
}

@media (max-width: 767px) {
    .profile .profile_info {
        margin-top: 22px
    }
}

.profile .profile_info .profile_info_row {
    display: flex;
    padding: 20px 0 22px;
    border-bottom: 1px solid #bcb9b0
}

@media (max-width: 767px) {
    .profile .profile_info .profile_info_row {
        flex-direction: column;
        border: none;
        padding: 0
    }
}

.profile .profile_info .profile_info_row:first-child {
    border-top: 1px solid #bcb9b0
}

@media (max-width: 767px) {
    .profile .profile_info .profile_info_row:first-child {
        border: none
    }

    .profile .profile_info .profile_info_row:first-child .profile_info_item {
        border-top: 1px solid #bcb9b0
    }
}

.profile .profile_info .profile_info_item {
    width: 100%;
    flex-grow: 1
}

@media (max-width: 767px) {
    .profile .profile_info .profile_info_item {
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #bcb9b0
    }
}

.profile .profile_info .profile_info_item_title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875em;
    letter-spacing: .15em;
    font-weight: 700;
    color: #c4993d
}

.profile .profile_info .profile_info_item_content {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.28571em;
    letter-spacing: .15em;
    font-weight: 400
}

@media (max-width: 767px) {
    .profile .profile_info .profile_info_item_content {
        line-height: 2
    }
}

.profile .profile_info .content_list.checklist .content_list_item:before {
    content: "";
    width: 22px;
    height: 13px;
    background: url(../../../img/common/check-yellow.svg) no-repeat center center/contain;
    margin-right: 3px
}

.profile .profile_info .content_list_item {
    line-height: 2.072;
    display: flex;
    align-items: baseline;
    gap: 5px
}

.profile .profile_info .content_list_item:before {
    content: "・";
    font-weight: 700
}

.profile .profile_btn {
    max-width: 200px;
    margin: 35px auto 0
}

@media (min-width: 768px) {
    .question .locked-content{
        padding-top: 120px;
        align-items: flex-start;
    }
}


.question .c-body .c-body_title {
    margin-bottom: 45px;
}
.question .c-form{
    padding: 20px 40px;
    background-color: rgb( 196 153 61 / 0.1);
    border-radius: 15px;
}
.question .c-question_title{
    margin-bottom: 20px;
    font-weight: 700;
    font-family: "Zen Kaku Gothic New", serif;
    text-align: center;
    font-size: 1.6rem;
}
.question .c-question_title img{
    margin-right: 10px;
}
.question .c-form textarea{
    min-height: 150px;
    border: 1px solid #c4993d;
    background-color: #fff;
    border-radius: 10px;
}
.question .c-question_btns{
    margin-top: 20px;
}
/*
.question .c-question_btns button{
    margin: auto;
    max-width: 200px;
}
*/
.question .c-question_btns button{
    max-width: 200px;
}

/* 過去に送った質問 */
.question .past-question{
    margin-top: 40px;
}
.question .c-past li {
    display: flex;
    align-items: flex-start;
    padding-right: 1em;
    position: relative;
}
.question .c-past li:not(:first-child) {
    margin-top: 10px;
}
.question .c-past li time {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8em;
    letter-spacing: .15em;
    font-weight: 600;
    color: #c4993d;
    height: 1.5em;
    width: 120px;
}
.question .c-past li p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8em;
    letter-spacing: .15em;
    font-weight: 400;
    width: calc(100% - 120px);
    text-align: left;
}
.past-question .c-btn{
    margin: 35px auto 0;
    max-width: 200px;
    border: 1px solid #c4993d;
    background-color: #fff;
}
.past-question .c-btn span{
    color: #c4993d;
}
.past-question .c-btn.more:after {
    width: 11px;
    height: 6px;
    top: calc(50% - 3px);
    right: 23px;
    background-image: url("../a_images/mypage/common/arrow-bottom.svg");
    transition: width 0.3s;
}
.past-question .c-btn:hover{
    background-color: #c4993d;
}
.past-question .c-btn:hover span{
    color: #fff;
}
.past-question .c-btn:hover:after {
    background-image: url("../a_images/mypage/common/arrow-bottom-white.svg");
}

/* 講師からの回答 */
.question .c-body .c-body_content section.answer{
    margin-top: 80px;
}
.question .answer .c-question_title{
    margin-bottom: 40px;
}
.question .answer .c-body_title{
    margin-bottom: 20px;
}
.question .answer .answer-date{
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
}
.question .answer .answer-date span{
    padding: 10px 20px;
    background-color: #4f700f;
    color: #fff;
    line-height: 1;
}
.question .answer .answer-date time{
    margin-left: 10px;
}
.question .answer .c-video-wrap{
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: #e6e6e6;
    position: relative;
}
.question .answer .c-video-wrap .c-video_time {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: 0.1em;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: rgba(62, 58, 57, 0.9);
    padding: 5px 8px;
    border-radius: 5px;
}
.question .answer p{
    margin-top: 10px;
}
.question .c-video_tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 7px;
}
.question .c-video_tags .tag {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .1em;
    color: #c4993d;
}
.question .c-video_tags .tag:before {
    content: "＃";
    font-size: 10px;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: .1em;
    color: #c4993d;
}

/* 過去の回答 */
.question .past-answer .c-body_title{
    margin-bottom: 25px;
}


/* thanks */
.question-thanks{
    padding: 75px 40px 40px;
    width: 70vw;
    max-width: 750px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    background-color: #fff;
    filter: drop-shadow(2px 1px 6px rgb(0 0 0 / 0.4));
    border-radius: 10px;
}
.question-thanks button{
    padding-right: 50px;
    position: absolute;
    top: 25px;
    right: 20px;
    background: none;
    font-size: 1.5rem;
    font-weight: 700;
    color: #c4993d;
}
.question-thanks button::before,
.question-thanks button::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 36px;
    height: 2px;
    background-color: #c4993d;
}
.question-thanks button::before{
    transform: rotate(-35deg);
}
.question-thanks button::after{
    transform: rotate(35deg);
}
.question-thanks p:nth-of-type(1){
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    line-height: 2;
}
.question-thanks p:nth-of-type(2){
    margin-top: 10px;
    font-size: 1.4rem;
    text-align: center;
}
.question-thanks a{
    margin: 40px auto 0;
    max-width: 200px;
}




@media (max-width: 767px) {

    .question .c-body .c-body_title {
        margin-bottom: 20px;
    }
    
    .question .c-form{
        padding: 20px 20px 40px;
    }
    .question .c-question_title{
        text-align: left;
    }
    .question .c-question_title img{
        width: 20px;
    }
    
    /* 過去に送った質問 */
    .question .past-question{
        margin-top: 25px;
    }
    .question .c-past li {
        flex-direction: column;
        align-items: flex-start;
        padding-right: 0;
    }
    .question .c-past li:not(:first-child) {
        border-top: 1px solid #bcb9b0;
        margin-top: 15px;
        padding-top: 15px;
    }
    .question .c-past li time {
        font-size: 1.2rem;
        width: 100%;
    }
    .question .c-past li p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5714em;
        width: 100%;
        margin-top: 3px;
    }
    .past-question .c-btn{
        margin-top: 20px;
    }
    
    /* 講師からの回答 */
    .question .c-body .c-body_content section.answer{
        margin-top: 40px;
    }
    .question .answer .c-question_title{
        margin-bottom: 30px;
    }
    .question .answer .c-body_title{
        margin-bottom: 20px;
    }
    .question .answer .answer-date{
        margin-bottom: 15px;
    }
    .question .answer .answer-date span{
        padding: 10px 13px;
    }
    .question .answer .answer-date time{
        margin-left: 10px;
    }
    .question .answer p{
        font-size: 1.2rem;
        line-height: 1.8;
    }
    .question .c-video_tags {
        margin-top: 15px;
    }
    .question .c-video_tags .tag {
        font-size: 10px;
        font-size: 1rem;
        line-height: 1em;
        letter-spacing: .1em;
        color: #c4993d;
    }
    .question .c-video_tags .tag:before {
        content: "＃";
        font-size: 10px;
        font-size: 1rem;
        line-height: 1em;
        letter-spacing: .1em;
        color: #c4993d;
    }
    
    /* 過去の回答 */
    .question .past-answer .c-body_title{
        margin-bottom: 25px;
    }

    /* thanks */
    .question-thanks{
        padding: 50px 20px 20px;
    }
    .question-thanks button{
        padding-right: 25px;
        top: 15px;
        right: 10px;
        font-size: 1.1rem;
    }
    .question-thanks button::before,
    .question-thanks button::after{
        width: 20px;
    }
    .question-thanks p:nth-of-type(1){
        font-size: 1.3rem;
    }
    .question-thanks p:nth-of-type(2){
        font-size: 1.1rem;
        line-height: 1.8;
    }
    .question-thanks a{
        margin-top: 20px;
    }


}