@charset "UTF-8";
/* reset.scss start*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

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

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

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

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

/* change border colour to suit your needs
*/
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

.clearfix:after {
    content: ' ';
    display: block;
    clear: both;
}

a:hover {
    color: currentColor;
}

/* reset.scss end*/
/* setting.scss start*/
body {
    letter-spacing: 0.05em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

ul,
li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0;
}

img {
    max-width: 100%;
}

a {
    color: inherit;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
a:hover {
    opacity: 0.7;
}

.inline-block {
    display: inline-block;
}

/*input, button, textarea, select {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}*/
.boxwrap {
    width: 1000px;
    margin: 0 auto;
}
@media screen and (max-width: 1300px) {
    .boxwrap {
        width: 94%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.pc {
    display: block !important;
}
@media screen and (max-width: 568px) {
    .pc {
        display: none !important;
    }
}

.sp {
    display: none !important;
}
@media screen and (max-width: 568px) {
    .sp {
        display: block !important;
    }
}

.ipad {
    display: none !important;
}
@media screen and (max-width: 768px) {
    .ipad {
        display: block !important;
    }
}

.ipad_pc {
    display: block !important;
}
@media screen and (max-width: 768px) {
    .ipad_pc {
        display: none !important;
    }
}

.ipadPro_sp {
    display: none !important;
}
@media screen and (max-width: 1024px) {
    .ipadPro_sp {
        display: block !important;
    }
}

.ipadPro_pc {
    display: block !important;
}
@media screen and (max-width: 1024px) {
    .ipadPro_pc {
        display: none !important;
    }
}

.ipad_pc {
    display: block !important;
}
@media screen and (max-width: 768px) {
    .ipad_pc {
        display: none !important;
    }
}

.pc_inline {
    display: inline-block !important;
}
@media screen and (max-width: 568px) {
    .pc_inline {
        display: none !important;
    }
}

.sp_inline {
    display: none !important;
}
@media screen and (max-width: 568px) {
    .sp_inline {
        display: inline-block !important;
    }
}

.clearfix:after {
    content: ' ';
    display: block;
    clear: both;
}

* {
    min-width: 0;
    min-height: 0;
}

li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

img {
    vertical-align: top;
}

/* setting.scss end*/
@media screen and (max-width: 568px) {
    .ec-shelfRole {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.ec-layoutRole__main {
    max-width: 1130px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.ec-role,
.ec-productRole,
.ec-registerRole,
.ec-mypageRole {
    padding-left: 0px;
    padding-right: 0px;
}

.heading__sub {
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 10px;
    color: #3f131d;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}
.heading__sub::after {
    content: '';
    background-color: #ac6a00;
    width: 165px;
    height: 1px;
    bottom: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (max-width: 568px) {
    .heading__sub {
        margin: 0 auto 10px;
    }
}
.heading__ttl {
    font-size: 22px;
    text-align: center;
    color: #362e2b;
    margin-bottom: 55px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.08em;
}
@media screen and (max-width: 568px) {
    .heading__ttl {
        margin-bottom: 45px;
    }
}

.ec-layoutRole .ec-layoutRole__contents {
    max-width: 100%;
}

.ec-layoutRole__contentBottom {
    background-color: #f7f6f1;
}
.ec-layoutRole__contentBottom .ec-role02 {
    padding-left: 15px;
    padding-right: 15px;
}

.ec-layoutRole__contents {
    padding-top: 40px;
    padding-bottom: 120px;
}
@media screen and (max-width: 568px) {
    .ec-layoutRole__contents {
        padding-top: 35px;
        padding-bottom: 90px;
    }
}

.pageHead {
    margin-bottom: 80px;
}

.ec-off4Grid {
    margin-top: 50px;
}
.ec-off4Grid .ec-off4Grid__cell {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
}
.ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--action {
    background-color: #802645;
    border-color: #802645;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    width: 30%;
    margin: 0 7px;
    display: inline-block;
}
@media screen and (max-width: 568px) {
    .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--action {
        width: 100%;
        margin: 7px 0px;
    }
}
.ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--action:hover {
    background-color: #802645;
    border-color: #802645;
    opacity: 0.7;
    width: 30%;
}
@media screen and (max-width: 568px) {
    .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--action:hover {
        width: 100%;
    }
}
.ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel {
    background-color: #333;
    border-color: #333;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    width: 30%;
    margin: 0 7px;
    display: inline-block;
}
@media screen and (max-width: 568px) {
    .ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel {
        width: 100%;
        margin: 7px 0px;
    }
}
.ec-off4Grid .ec-off4Grid__cell .ec-blockBtn--cancel:hover {
    background-color: #333;
    border-color: #333;
    opacity: 0.7;
}

.ec-pageHeader h1,
.ec-pageHeader h2 {
    font-size: 22px;
    text-align: center;
    color: #362e2b;
    margin-bottom: 30px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.08em;
    border-bottom: none;
}

.ec-overlayRole {
    top: 0px;
}

.slider-img img {
    opacity: 0;
}

.slick-slide .slider-img img {
    opacity: 1;
}

.slick-slider {
    margin-bottom: 30px;
}

.slider-wrap {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}
.slider-wrap .slick-slider {
    padding-bottom: 55px;
    margin-bottom: 29px;
}
@media screen and (max-width: 568px) {
    .slider-wrap .slick-slider {
        margin-bottom: 10px;
    }
}
.slider-wrap .slider {
    overflow: hidden;
}
.slider-wrap .slider .slider-img {
    padding: 0 10px;
}
.slider-wrap .slider .slider-img img {
    height: auto;
    width: 100%;
    border-radius: 0 0 75px 0;
}
@media screen and (max-width: 568px) {
    .slider-wrap .slider .slick-slide {
        padding: 0px;
    }
}
.slider-wrap .slider .slick-dots {
    bottom: 0px;
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
@media screen and (max-width: 568px) {
    .slider-wrap .slider .slick-dots {
        bottom: 12px;
    }
}
.slider-wrap .slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slider-wrap .slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slider-wrap .slider .slick-dots li button:hover,
.slider-wrap .slider .slick-dots li button:focus {
    outline: none;
}
.slider-wrap .slider .slick-dots li button:hover:before,
.slider-wrap .slider .slick-dots li button:focus:before {
    opacity: 1;
}
.slider-wrap .slider .slick-dots li button:before {
    content: ' ';
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    text-align: center;
    opacity: 0.25;
    background-color: black;
    border-radius: 0;
}
.slider-wrap .slider .slick-dots li.slick-active button:before {
    opacity: 0.75;
    background-color: #3f131d;
}
.slider-wrap .slider .slick-dots li button.thumbnail img {
    width: 0;
    height: 0;
}

.ec-newItemRole .ec-newItemRole__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.front_page .ec-layoutRole__contents {
    padding-bottom: 0;
}
.front_page .top-link {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 568px) {
    .front_page .top-link {
        max-width: 100%;
        margin: 0 15px;
    }
}
.front_page .top-link a {
    background-color: #802645;
    color: #fff;
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    letter-spacing: 0.12em;
}
.front_page .top-link a img {
    width: 12px;
    margin-right: 10px;
}
.front_page .ec-layoutRole {
    background-color: #f7f6f1;
}
.front_page .heading .container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1130px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 60px;
    padding-bottom: 60px;
}
.front_page .heading__sub {
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 10px;
    color: #3f131d;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}
.front_page .heading__sub::after {
    content: '';
    background-color: #ac6a00;
    width: 165px;
    height: 1px;
    bottom: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.front_page .heading__ttl {
    font-size: 22px;
    text-align: center;
    color: #362e2b;
    margin-bottom: 23px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.08em;
}
@media screen and (max-width: 568px) {
    .front_page .heading__ttl {
        font-size: 20px;
        margin-bottom: 15px;
    }
}
.front_page .method {
    background-color: #f7f6f1;
}
.front_page .method .container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1130px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 45px;
}
@media screen and (max-width: 568px) {
    .front_page .method .container {
        padding-bottom: 25px;
    }
}
.front_page .method .heading__sub-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.front_page .method__txt {
    font-size: 16px;
    text-align: center;
    line-height: 1.75;
    margin-bottom: 20px;
    font-weight: 300;
    letter-spacing: 0.04em;
}
@media screen and (max-width: 568px) {
    .front_page .method__txt {
        padding: 0 30px;
    }
}
.front_page .method__link ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}
@media screen and (max-width: 768px) {
    .front_page .method__link ul {
        gap: 15px;
    }
}
.front_page .method__link ul li {
    width: calc(25% - 15px);
}
@media screen and (max-width: 768px) {
    .front_page .method__link ul li {
        width: calc(50% - 10px);
    }
}
@media screen and (max-width: 568px) {
    .front_page .method__link ul li {
        width: 100%;
    }
}
.front_page .method__link ul li a {
    display: block;
}
.front_page .method__link ul li img {
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}
.front_page .method__link ul .junbi {
    position: relative;
}
.front_page .method__link ul .junbi::after {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.7);
    content: '準備中';
    color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.08em;
}
.front_page .inquiry {
    background-color: #f7f6f1;
}
.front_page .inquiry .container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1130px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 79px;
    padding-bottom: 60px;
}
@media screen and (max-width: 568px) {
    .front_page .inquiry .container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.front_page .inquiry .heading__ttl {
    margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
    .front_page .inquiry .heading__ttl {
        margin-bottom: 20px;
    }
}
.front_page .inquiry__link ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.front_page .inquiry__link ul li {
    width: 32%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.front_page .inquiry__link ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.front_page .inquiry__link ul li .block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 200px;
}
@media screen and (max-width: 568px) {
    .front_page .inquiry__link ul li .block {
        min-height: auto;
    }
}
.front_page .inquiry__link ul li .block .img-area {
    width: 45%;
    background-image: url(../img/top/inquiry_img01.png);
    background-size: cover;
    background-position: center;
    border-radius: 0 0 0 45px;
}
.front_page .inquiry__link ul li .block .txt-area {
    background-color: #fff;
    width: 55%;
    padding: 27px 18px;
}
@media screen and (max-width: 768px) {
    .front_page .inquiry__link ul li .block .txt-area {
        padding: 20px 15px;
    }
}
.front_page .inquiry__link ul li .block .txt-area .txt-area__ttl {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.front_page .inquiry__link ul li .block .txt-area .txt-area__ttl img {
    width: 16px;
    margin-right: 6px;
    margin-top: 3px;
}
.front_page .inquiry__link ul li .block .txt-area .txt-area__ttl h3 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.25;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.front_page .inquiry__link ul li .block .txt-area p {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
}
.front_page .inquiry__link ul li:nth-child(2) .img-area {
    background-image: url(../img/top/inquiry_img02.png);
}
.front_page .inquiry__link ul li:nth-child(3) .img-area {
    background-image: url(../img/top/inquiry_img03.png);
}
@media screen and (max-width: 1024px) {
    .front_page .inquiry__link ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .front_page .inquiry__link ul li {
        width: 100%;
        margin-bottom: 15px;
    }
}
.front_page .inquiry .search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    background-color: #f7f6f0;
    margin-top: 10px;
}
.front_page .inquiry .search-form label {
    width: 100%;
}
.front_page .inquiry .search-form input {
    height: 35px;
    padding: 5px 12px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f7f6f0;
    font-size: 11px;
    outline: none;
}
.front_page .inquiry .search-form input::-webkit-input-placeholder {
    color: #717171;
}
.front_page .inquiry .search-form input::-moz-placeholder {
    color: #717171;
}
.front_page .inquiry .search-form input:-ms-input-placeholder {
    color: #717171;
}
.front_page .inquiry .search-form input::-ms-input-placeholder {
    color: #717171;
}
.front_page .inquiry .search-form input::placeholder {
    color: #717171;
}
.front_page .inquiry .search-form button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 35px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.front_page .inquiry .search-form button::after {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23802645%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
    margin-top: 5px;
}
.front_page .features {
    background-color: #fff;
}
.front_page .features .container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1130px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 60px;
    padding-bottom: 60px;
}
@media screen and (max-width: 568px) {
    .front_page .features .container {
        padding-top: 45px;
        padding-bottom: 50px;
    }
}
.front_page .features .heading__ttl {
    margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
    .front_page .features .heading__ttl {
        margin-bottom: 20px;
    }
}
.front_page .features .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
    .front_page .features .flex {
        gap: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.front_page .features .flex .flexBox {
    width: calc(33.3333333333% - 13.3333333333px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    padding: 25px;
    border: #c6bfb4 solid 1px;
}
@media screen and (max-width: 768px) {
    .front_page .features .flex .flexBox {
        width: calc(50% - 10px);
    }
}
@media screen and (max-width: 568px) {
    .front_page .features .flex .flexBox {
        width: 100%;
    }
}
.front_page .features .flex .flexBox__img {
    width: 60%;
    margin: 0 auto;
}
.front_page .features .flex .flexBox__ttl {
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
    padding: 15px;
    background-color: #802645;
}
.front_page .features .flex .flexBox__txt {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
}
.front_page .basic {
    background-color: #f7f6f1;
}
.front_page .basic .container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1130px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 70px;
    padding-bottom: 30px;
}
@media screen and (max-width: 568px) {
    .front_page .basic .container {
        padding-top: 50px;
        padding-bottom: 40px;
    }
}
.front_page .basic__img {
    margin-bottom: 20px;
}
.front_page .basic__flex {
    margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
    .front_page .basic__flex {
        margin-bottom: 0;
    }
}
.front_page .basic__flex ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}
@media screen and (max-width: 768px) {
    .front_page .basic__flex ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 14px;
    }
    .front_page .basic__flex ul li {
        width: calc(50% - 7px);
    }
}
.front_page .information {
    background-color: #f7f6f1;
}
.front_page .information .container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1130px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 60px;
    padding-bottom: 60px;
}
@media screen and (max-width: 568px) {
    .front_page .information .container {
        padding-top: 40px;
        padding-bottom: 50px;
    }
}
.front_page .information__block {
    margin-bottom: 30px;
}
.front_page .information__block ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: #c6bfb4 solid 1px;
    padding: 20px 15px;
    position: relative;
}
@media screen and (max-width: 568px) {
    .front_page .information__block ul li {
        padding: 10px 15px;
    }
}
.front_page .information__block ul li .date {
    width: 15%;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.12em;
    display: block;
    text-align: center;
}
.front_page .information__block ul li .date::before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 15%;
    height: inherit;
    border-top: 1px solid #802645;
}
.front_page .information__block ul li .new-badge {
    width: 70px;
    color: #802645;
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 0.12em;
    font-weight: 700;
    display: block;
    text-align: center;
}
.front_page .information__block ul li .title {
    width: calc(85% - 70px);
    letter-spacing: 0.08em;
    font-weight: 400;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.front_page .information__block ul li:last-child {
    border-bottom: #c6bfb4 solid 1px;
}
.front_page .information__block ul li:last-child .date::before {
    content: '';
    bottom: -1px;
    width: 15%;
    border-bottom: 1px solid #802645;
}
@media screen and (max-width: 768px) {
    .front_page .information__block ul li {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: 2;
    }
    .front_page .information__block ul li .date {
        width: 30%;
        text-align: left;
    }
    .front_page .information__block ul li .date::before {
        width: 30%;
    }
    .front_page .information__block ul li .new-badge {
        width: 70%;
        text-align: left;
    }
    .front_page .information__block ul li .title {
        width: 100%;
    }
    .front_page .information__block ul li:last-child .date::before {
        width: 30%;
    }
}
.front_page .guide {
    background-color: #fff;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    border-radius: 0 0 0 75px;
}
.front_page .guide .container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1030px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 60px;
    padding-bottom: 60px;
}
@media screen and (max-width: 568px) {
    .front_page .guide .container {
        padding-top: 45px;
        padding-bottom: 50px;
    }
}
.front_page .guide .flex ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
@media screen and (max-width: 568px) {
    .front_page .guide .flex ul {
        gap: 15px;
    }
}
.front_page .guide .flex ul li {
    background-color: #f7f6f1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: calc(33.3333333333% - 13.3333333333px);
}
@media screen and (max-width: 768px) {
    .front_page .guide .flex ul li {
        width: calc(50% - 10px);
    }
}
@media screen and (max-width: 568px) {
    .front_page .guide .flex ul li {
        width: 100%;
        height: 65px;
    }
}
.front_page .guide .flex ul li a {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    width: 100%;
}
.front_page .guide .flex ul li a img {
    width: 42px;
}
.front_page .guide .flex ul li a .need__ttl {
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    line-height: 1.2;
}
.front_page .guide .flex ul li a .need__ttl img {
    width: 15px;
    margin-right: 10px;
}
@media screen and (max-width: 768px) {
    .front_page .guide {
        padding-left: 15px;
        padding-right: 15px;
    }
    .front_page .guide__flex ul {
        display: block;
    }
    .front_page .guide__flex ul li {
        display: block;
        margin-bottom: 15px;
    }
    .front_page .guide__flex ul li a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .front_page .guide__flex ul li a img {
        width: 42px;
    }
    .front_page .guide__flex ul li a .need__ttl {
        color: #333;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 500;
    }
    .front_page .guide__flex ul li a .need__ttl img {
        width: 15px;
        margin-right: 10px;
    }
}
.front_page .product .container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1130px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 45px;
}
@media screen and (max-width: 568px) {
    .front_page .product .container {
        padding-top: 20px;
    }
}
.front_page .product__wrap {
    max-width: 877px;
    margin: 0 auto;
}
.front_page .product__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
}
.front_page .product__list .product__listItem {
    width: calc(33.3333333333% - 23.3333333333px);
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .front_page .product__list .product__listItem {
        margin-bottom: 30px;
    }
}
.front_page .product__list .product__listItem a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.front_page .product__list .product__listItem a:hover {
    color: #333;
}
@media screen and (max-width: 768px) {
    .front_page .product .product__listItem {
        width: calc(50% - 7.5px);
    }
}
.front_page .product__img {
    margin-bottom: 15px;
}
.front_page .product__listItemColor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 17px;
    height: 20px;
}
@media screen and (max-width: 768px) {
    .front_page .product__listItemColor {
        margin-bottom: 10px;
    }
}
.front_page .product__listItemColor span {
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 50%;
    border: #fff solid 1px;
    display: block;
}
.front_page .product__listItemColor span.navy {
    background-color: #002e73;
}
.front_page .product__listItemColor span.brown {
    background-color: #834e00;
}
.front_page .product__listItemColor span.green {
    background-color: #486a00;
}
.front_page .product__listItemColor span.black {
    background-color: #000000;
}
.front_page .product__listItemColor span.ivory {
    background-color: #e6e3c0;
}
.front_page .product__listItemColor span.red {
    background-color: #7d0000;
}
.front_page .product__listItemColor span.gray {
    background-color: #7d7d7d;
}
.front_page .product__listItemTitle {
    font-size: 16px;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.6;
    margin-bottom: 10px;
}
.front_page .product__listItemPrice {
    margin-bottom: 10px;
    font-size: 16px;
    margin-bottom: 20px;
}
.front_page .product__listItemPrice .num {
    font-family: 'Cinzel', serif;
    font-size: 20px;
}
.front_page .product__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    letter-spacing: 0.08em;
    font-size: 14px;
    margin-top: auto;
}
.front_page .product__link img {
    width: 12px;
    margin-right: 8px;
}

.contants-bottom {
    padding-top: 75px;
}
@media screen and (max-width: 568px) {
    .contants-bottom {
        padding-top: 35px;
    }
}
.contants-bottom__flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
    .contants-bottom__flex {
        display: block;
    }
}
.contants-bottom__left {
    width: calc(50% - 15px);
    background-color: #fff;
    padding: 50px 25px;
    border-radius: 0 0 75px 0;
}
@media screen and (max-width: 768px) {
    .contants-bottom__left {
        width: 100%;
        margin-bottom: 30px;
    }
}
.contants-bottom__left .ec-calendar .ec-calendar__month {
    margin-top: 0;
}
.contants-bottom__left .ec-calendar .ec-calendar__today::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: #f2a83b;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}
.contants-bottom__left .ec-calendar .ec-calendar__holiday {
    background-color: #e6c7c8;
    color: #333 !important;
}
.contants-bottom__left .ec-calendar .ec-calendar__holiday::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: #e6c7c8;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}
.contants-bottom__left .calender-btntxt .calender-btntxtFlex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.contants-bottom__left .calender-btntxt .today-txt {
    margin-bottom: 15px;
}
.contants-bottom__left .calender-btntxt .today-txt span {
    background-color: #f2a83b;
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    margin-right: 15px;
}
.contants-bottom__left .calender-btntxt .holiday-txt {
    margin-bottom: 20px;
}
.contants-bottom__left .calender-btntxt .holiday-txt span {
    background-color: #e6c7c8;
    display: inline-block;
    padding: 4px 7px;
    font-size: 12px;
}
.contants-bottom__left .calender-btntxtBtm {
    font-size: 14px;
}
.contants-bottom__right {
    width: calc(50% - 15px);
    background-color: #fff;
    padding: 50px 25px;
    border-radius: 0 0 75px 0;
}
@media screen and (max-width: 768px) {
    .contants-bottom__right {
        width: 100%;
    }
}
@media screen and (max-width: 568px) {
    .contants-bottom__right {
        padding: 50px 15px;
    }
}
.contants-bottom__right .cb-inquiry__inner {
    line-height: 2;
}
@media screen and (max-width: 568px) {
    .contants-bottom__right .cb-inquiry__inner {
        line-height: 1.7;
    }
}
.contants-bottom__right .cb-inquiry .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 568px) {
    .contants-bottom__right .cb-inquiry .ttl {
        white-space: nowrap;
        width: 20% !important;
    }
}
@media screen and (max-width: 568px) {
    .contants-bottom__right .cb-inquiry .txt {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
.contants-bottom__right .cb-inquiry__txt {
    line-height: 1.75;
    margin-bottom: 30px;
}
.contants-bottom__right .cb-inquiry__tel {
    font-size: 36px;
    margin-bottom: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-family: 'Cinzel', serif;
    color: #802645;
    font-weight: 500;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #c6bfb4;
    padding: 20px 0;
}
@media screen and (max-width: 568px) {
    .contants-bottom__right .cb-inquiry__tel {
        font-size: 30px;
        padding: 15px 0;
    }
}
.contants-bottom__right .cb-inquiry__tel img {
    width: 65px;
    margin-right: 10px;
}
@media screen and (max-width: 568px) {
    .contants-bottom__right .cb-inquiry__tel img {
        width: 50px;
    }
}
.contants-bottom__right .cb-inquiry__hours {
    font-size: 15px;
    font-weight: 400;
}
.contants-bottom__right .cb-inquiry__holiday {
    font-size: 15px;
    font-weight: 400;
}
.contants-bottom__right .cb-inquiry__holiday:last-of-type {
    margin-bottom: 10px;
}
.contants-bottom__right .cb-inquiry__info {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Cinzel', serif;
}
.contants-bottom__right .cb-inquiry__info .fax_tel {
    font-size: 15px;
    vertical-align: text-bottom;
    font-weight: 600;
    display: inline-block;
    width: 14%;
}
@media screen and (max-width: 568px) {
    .contants-bottom__right .cb-inquiry__info .fax_tel {
        width: 24%;
    }
}
.contants-bottom__right .cb-inquiry__info .mail-font {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}
.contants-bottom__right .cb-inquiry__btn {
    margin: 0 auto;
    text-align: center;
    max-width: 300px;
}
@media screen and (max-width: 568px) {
    .contants-bottom__right .cb-inquiry__btn {
        max-width: auto;
    }
}
.contants-bottom__right .cb-inquiry__btn a {
    background-color: #802645;
    color: #fff;
    padding: 25px 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    letter-spacing: 0.12em;
    font-size: 14px;
}
.contants-bottom__right .cb-inquiry__btn a img {
    width: 12px;
    margin-right: 10px;
}
.contants-bottom__right .cb-inquiry .fax-info {
    margin-bottom: -10px;
}
.contants-bottom__right .cb-inquiry .mail-info {
    margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
    .contants-bottom__right .cb-inquiry .mail-info {
        margin-bottom: 20px;
    }
}
.contants-bottom__right .cb-inquiry .hours_holiday {
    font-size: 15px;
    display: inline-block;
    width: 14%;
}
.contants-bottom__right .cb-inquiry .no-font {
    font-size: 20px;
    font-family: 'Cinzel', serif;
    font-weight: 500;
    letter-spacing: 0.08em;
}

.ec-role02 {
    background-color: #f2f0e7;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}
@media screen and (max-width: 568px) {
    .ec-role02 {
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: left;
    }
}
.ec-role02 p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.12em;
    font-weight: 400;
}
.ec-role02 h1 {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.12em;
    font-weight: 400;
}

.contants-bottom__left .ec-calendar {
    font-size: 12px;
    gap: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
}
@media screen and (max-width: 568px) {
    .contants-bottom__left .ec-calendar {
        margin-bottom: 20px;
        padding: 0 15px;
    }
}

.ec-calendar__month {
    margin-left: 0 !important;
    width: calc(50% - 12.5px);
    border: 1px solid #c6c6c6;
}
@media screen and (max-width: 568px) {
    .ec-calendar__month {
        width: 100%;
    }
}

.ec-calendar {
    margin-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.ec-calendar .ec-calendar__title {
    background: #f2f0e8;
}

.ec-calendar .days-of-week th {
    background: #f2f0e8;
}

.ec-calendar__month th,
.ec-calendar__month td {
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
}

.breadcrumbs {
    background-color: #f7f6f1;
}
.breadcrumbs .breadcrumb {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1130px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .breadcrumbs .breadcrumb {
        padding: 20px 15px;
    }
}
.breadcrumbs .breadcrumb li {
    font-size: 11px;
    color: #717171;
}
.breadcrumbs .breadcrumb li + li::before {
    content: '＞';
    margin: 0 10px;
}
.breadcrumbs .breadcrumb a {
    font-size: 11px;
    color: #717171;
}

.merit .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
@media screen and (max-width: 568px) {
    .merit .flex {
        gap: 15px;
    }
}
.merit .flex .flexBox {
    width: calc(33.3333333333% - 13.3333333333px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    border: #c6bfb4 solid 1px;
}
@media screen and (max-width: 768px) {
    .merit .flex .flexBox {
        width: calc(50% - 10px);
    }
}
@media screen and (max-width: 568px) {
    .merit .flex .flexBox {
        width: 100%;
    }
}
.merit .flex .flexBox__img {
    width: 70%;
    margin: 0 auto;
}
.merit .flex .flexBox__ttl {
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
    padding: 15px;
    background-color: #802645;
}
.merit .flex .flexBox__txt {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
}

.product_page .ec-layoutRole__main .cat-list {
    margin-bottom: 70px;
}
.product_page .ec-layoutRole__main .cat-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .cat-list ul {
        gap: 15px;
    }
}
.product_page .ec-layoutRole__main .cat-list ul li {
    width: calc(20% - 16px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
}
@media screen and (max-width: 1024px) {
    .product_page .ec-layoutRole__main .cat-list ul li {
        width: calc(33.3333333333% - 13.3333333333px);
    }
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .cat-list ul li {
        width: calc(50% - 7.5px);
    }
}
.product_page .ec-layoutRole__main .cat-list ul li a {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px 10px 7px;
    border: solid 1px #802645;
    color: #802645;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    text-align: center;
    line-height: 1.1;
    letter-spacing: 0.01em;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .cat-list ul li a {
        padding: 10px 15px 10px 0px;
        font-size: 12px;
        letter-spacing: 0.01em;
    }
}
.product_page .ec-layoutRole__main .cat-list ul li a::after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 5px;
}
.product_page .ec-layoutRole__main .cat-list ul li a:hover {
    opacity: 1;
    color: #fff;
    background-color: #802645;
}
.product_page .ec-layoutRole__main .product-ttl {
    padding: 15px;
    background-color: #802645;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 0.01em;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .product-ttl {
        padding: 15px 10px;
        margin-bottom: 20px;
        font-size: 18px;
    }
}
.product_page .ec-layoutRole__main .product-subttl {
    font-size: 16px;
    font-weight: 500;
    color: #362e2b;
    padding-bottom: 15px;
    border-bottom: #c6bfb4 solid 1px;
    margin-bottom: 25px;
}
.product_page .ec-layoutRole__main .ec-shelfGrid {
    margin-bottom: -30px;
    padding-bottom: 15px;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item {
    font-weight: 400;
    margin-bottom: 30px;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-color {
    font-family: 'Noto Serif JP', serif;
    font-size: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-color::before {
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #002e73;
    display: inline-block;
    margin-right: 5px;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-color.navy::before {
    background-color: #002e73;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-color.brown::before {
    background-color: #834e00;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-color.green::before {
    background-color: #486a00;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-color.black::before {
    background-color: #000000;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-color.ivory::before {
    background-color: #e6e3c0;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-color.red::before {
    background-color: #7d0000;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-color.gray::before {
    background-color: #7d7d7d;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-ttl {
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    margin-bottom: 5px;
    color: #333333;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-ttl .color-red {
    color: #802645;
    font-weight: 700;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-code {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #717171;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-code span {
    font-family: 'Cinzel', serif;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-textlink {
    font-weight: 600;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.product_page .ec-layoutRole__main .ec-shelfGrid__item-textlink::before {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url(../img/top/arrow_drop_down_circle.png);
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__profile {
    margin-left: 0;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-grid2 {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: solid 1px #ccc;
    gap: 50px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-grid2 .product-imgArea {
    width: calc(45% - 25px);
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .ec-productRole .ec-grid2 .product-imgArea {
        width: 100%;
    }
}
.product_page .ec-layoutRole__main .ec-productRole .ec-grid2 .product-desArea {
    width: calc(55% - 25px);
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .ec-productRole .ec-grid2 .product-desArea {
        width: 100%;
    }
}
.product_page .ec-layoutRole__main .ec-productRole .ec-sliderItemRole {
    padding-left: 0;
    padding-right: 0;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__code {
    color: #802645;
    padding: 0;
    margin-bottom: 35px;
    border-bottom: none;
    font-size: 14px;
    font-weight: 500;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .ec-productRole .ec-productRole__code {
        margin-bottom: 20px;
    }
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__code .product-code-default {
    font-family: 'Cinzel', serif;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__title .ec-headingTitle {
    font-size: 22px;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 35px;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-headingDescription {
    font-size: 14px;
    line-height: 1.8;
    font-weight: 300;
    margin-bottom: 40px;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-headingSubttl {
    font-family: 'Noto Serif JP', serif;
    font-size: 15px;
    font-weight: 500;
    color: #802645;
    line-height: 1.3;
    padding-bottom: 10px;
    border-bottom: 1px solid #c6bfb4;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-headingSubttl .required {
    font-size: 10px;
    color: #fff;
    padding: 4px 12px;
    background-color: #ac6a00;
    display: inline-block;
    margin-left: 20px;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__sec {
    margin-bottom: 35px;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__sec p {
    font-size: 14px;
    line-height: 1.8;
    font-weight: 300;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__sec .select-color {
    padding: 8px 10px;
    border-radius: 18px;
    border: #802645 solid 1px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__sec .select-color__txt {
    color: #802645;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    font-size: 12px;
    font-weight: 400;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__sec .select-color__txt::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 50%;
    margin-right: 10px;
    border: #fff solid 1px;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__sec .select-color:hover {
    background-color: #802645;
}
.product_page
    .ec-layoutRole__main
    .ec-productRole
    .ec-productRole__sec
    .select-color:hover
    .select-color__txt {
    color: #fff;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__sec .select-bagtype {
    padding: 8px 20px;
    border-radius: 18px;
    border: #802645 solid 1px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__sec .select-bagtype__txt {
    color: #802645;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    font-size: 12px;
    font-weight: 400;
}
.product_page .ec-layoutRole__main .ec-productRole .ec-productRole__sec .select-bagtype:hover {
    background-color: #802645;
}
.product_page
    .ec-layoutRole__main
    .ec-productRole
    .ec-productRole__sec
    .select-bagtype:hover
    .select-bagtype__txt {
    color: #fff;
}
.product_page .ec-layoutRole__main .ec-productRole__actions .ec-numberInput::after {
    content: '冊';
    display: inline-block;
    margin-left: 10px;
}
.product_page .ec-layoutRole__main .ec-productRole__actions .ec-numberInput input {
    margin-bottom: 0;
    text-align: left;
    background: #f7f6f1;
}
.product_page .ec-layoutRole__main .method_order .navbar-expand-sm .method-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 40px;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .method_order .navbar-expand-sm .method-list {
        gap: 15px;
    }
}
.product_page .ec-layoutRole__main .method_order .group_variant ul li {
    width: calc(50% - 20px);
    border: #802645 solid 1px;
    color: #802645;
    font-weight: 500;
    text-align: center;
    padding: 18px;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .method_order .group_variant ul li {
        padding: 5px 10px;
        width: calc(50% - 7.5px);
        height: 52px;
    }
}
.product_page .ec-layoutRole__main .method_order .group_variant ul li:hover {
    cursor: pointer;
    background-color: #802645;
    color: #fff;
}
.product_page .ec-layoutRole__main .method_order .order_method_tab.active {
    background-color: #802645;
    color: #fff;
}
.product_page .ec-layoutRole__main .method_order .navbar {
    margin-bottom: 35px;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .method_order .navbar {
        margin-bottom: 20px;
    }
}
.product_page .ec-layoutRole__main .method_order_variant {
    margin-bottom: 40px;
}
.product_page .ec-layoutRole__main .method_order_variant .order_variant__ttl {
    width: 100%;
    border: #802645 solid 1px;
    background-color: #802645;
    color: #fff;
    font-weight: 500;
    padding: 18px;
    font-size: 14px;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .method_order_variant .order_variant__ttl {
        padding: 12px 15px;
    }
}
.product_page .ec-layoutRole__main .method_order_variant .order_variant__inner {
    background-color: #f7f6f1;
    padding: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .method_order_variant .order_variant__inner {
        padding: 10px 15px 30px;
    }
}
.product_page
    .ec-layoutRole__main
    .method_order_variant
    .order_variant__inner
    .group_variant_title {
    border-bottom: solid 1px #ccc;
    margin-bottom: 25px;
}
@media screen and (max-width: 568px) {
    .product_page
        .ec-layoutRole__main
        .method_order_variant
        .order_variant__inner
        .group_variant_title {
        margin-bottom: 15px;
    }
}
.product_page
    .ec-layoutRole__main
    .method_order_variant
    .order_variant__inner
    .font_color_attribute
    .ECM_RadioInput {
    background-color: #fff;
    padding: 7px 10px;
    display: inline-block;
    border-radius: 20px;
    border: solid 1px #802645;
    color: #802645;
    font-size: 12px;
    font-weight: 400;
    margin-right: 5px;
}
.product_page
    .ec-layoutRole__main
    .method_order_variant
    .order_variant__inner
    .design_type_attribute
    .design_type_attribute__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 568px) {
    .product_page
        .ec-layoutRole__main
        .method_order_variant
        .order_variant__inner
        .design_type_attribute
        .design_type_attribute__wrap {
        gap: 15px;
    }
}
.product_page
    .ec-layoutRole__main
    .method_order_variant
    .order_variant__inner
    .design_type_attribute
    .design_type_attribute__wrap
    .horizontal_image {
    border: solid 1px #802645;
    width: calc(50% - 40px);
    padding: 15px;
    background-color: #fff;
}
@media screen and (max-width: 568px) {
    .product_page
        .ec-layoutRole__main
        .method_order_variant
        .order_variant__inner
        .design_type_attribute
        .design_type_attribute__wrap
        .horizontal_image {
        width: calc(50% - 7.5px);
    }
}
.product_page
    .ec-layoutRole__main
    .method_order_variant
    .order_variant__inner
    .design_type_attribute
    .design_type_attribute__wrap
    .horizontal_image
    img {
    margin-top: 5px;
}
.product_page
    .ec-layoutRole__main
    .method_order_variant
    .order_variant__inner
    .design_type_attribute
    .design_type_attribute__wrap
    .horizontal_image
    .ECM_RadioInput {
    font-weight: 700;
}
.product_page .ec-layoutRole__main .method_order_variant .request {
    margin-top: 40px;
}
.product_page .ec-layoutRole__main .method_order_variant .request textarea {
    background: #f7f6f1;
    border: 1px solid #deddd5;
    padding: 15px;
    border-radius: 5px;
    width: 100%;
    height: 170px;
}
.product_page
    .ec-layoutRole__main
    .method_order_variant
    .request
    textarea::-webkit-input-placeholder {
    color: #c6bfb4;
    font-size: 14px;
}
.product_page .ec-layoutRole__main .method_order_variant .request textarea::-moz-placeholder {
    color: #c6bfb4;
    font-size: 14px;
}
.product_page .ec-layoutRole__main .method_order_variant .request textarea:-ms-input-placeholder {
    color: #c6bfb4;
    font-size: 14px;
}
.product_page .ec-layoutRole__main .method_order_variant .request textarea::-ms-input-placeholder {
    color: #c6bfb4;
    font-size: 14px;
}
.product_page .ec-layoutRole__main .method_order_variant .request textarea::placeholder {
    color: #c6bfb4;
    font-size: 14px;
}
.product_page .ec-layoutRole__main .price-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: auto;
    padding-top: 35px;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .price-wrap {
        padding-top: 30px;
    }
}
.product_page .ec-layoutRole__main .price-wrap .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 50%;
    line-height: 1.7;
}
@media screen and (max-width: 768px) {
    .product_page .ec-layoutRole__main .price-wrap .flex {
        margin-right: auto;
        width: 80%;
    }
}
.product_page .ec-layoutRole__main .price-wrap .flex .bold {
    font-weight: bold;
}
.product_page .ec-layoutRole__main .ec-productRole__price {
    margin-bottom: 0px;
    color: #333;
    border-bottom: none;
    text-align: right;
    position: relative;
}
@media screen and (max-width: 768px) {
    .product_page .ec-layoutRole__main .ec-productRole__price {
        padding: 25px 0;
    }
}
.product_page .ec-layoutRole__main .ec-productRole__price::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 0;
    left: 0;
}
.product_page .ec-layoutRole__main .ec-productRole__price::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: -4px;
    left: 0;
}
.product_page .ec-layoutRole__main .ec-productRole__price .ec-price {
    font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width: 768px) {
    .product_page .ec-layoutRole__main .ec-productRole__price .ec-price {
        text-align: left;
    }
}
.product_page .ec-layoutRole__main .ec-productRole__price .ec-price__total {
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 0 0.3em;
}
.product_page .ec-layoutRole__main .ec-productRole__price .ec-price__yen {
    font-size: 18px;
}
.product_page .ec-layoutRole__main .ec-productRole__price .ec-price__price {
    font-size: 39px;
    font-family: 'Cinzel', serif;
    letter-spacing: 0.07em;
}
.product_page .ec-layoutRole__main .customize_add_cart {
    width: 100%;
}
.product_page .ec-layoutRole__main .customize_add_cart .ec-blockBtn--action {
    background-color: #ac6a00;
    border-color: #ac6a00;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.product_page .ec-layoutRole__main .customize_add_cart .ec-blockBtn--action::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg height='256' viewBox='0 0 512 512' width='256' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='m491.615 95.732c-5.051-6.18-12.624-9.78-20.622-9.78h-347.338l-11.827-40.616-.009-.025c-5.434-18.177-20.341-31.939-38.883-35.912l-42.449-9.102c-7.2-1.537-14.28 3.039-15.817 10.23-1.536 7.182 3.039 14.271 10.231 15.808l42.449 9.101c9.05 1.935 16.309 8.651 18.958 17.506l77.589 266.549c-1.749.814-3.43 1.706-5.06 2.674-8.371 4.984-15.077 11.979-19.577 20.147-4.296 7.768-6.588 16.564-6.801 25.639h-.042v1.384h.034c.178 7.08 1.68 13.89 4.313 20.095 4.194 9.916 11.172 18.313 19.968 24.264 8.796 5.943 19.476 9.433 30.86 9.424h249.57c7.361 0 13.32-5.96 13.32-13.312s-5.96-13.321-13.32-13.321h-249.57c-3.982 0-7.7-.79-11.104-2.233-5.102-2.156-9.492-5.79-12.574-10.358-2.954-4.381-4.686-9.56-4.839-15.231.153-6.766 2.309-12.633 6.095-17.327 1.97-2.428 4.382-4.551 7.318-6.308 2.904-1.732 6.317-3.098 10.324-3.965l250.86-40.836c16.402-2.674 29.426-15.197 32.737-31.472l30.682-150.848v-.018c.356-1.748.544-3.531.536-5.297.008-6.086-2.09-12.055-6.012-16.86z'/%3E%3Cpath d='m218.402 444.785c-5.841-3.964-12.972-6.283-20.546-6.283-5.043 0-9.907 1.028-14.314 2.896-6.605 2.792-12.191 7.445-16.148 13.303-3.965 5.841-6.291 12.972-6.283 20.546 0 5.043 1.028 9.908 2.887 14.314 2.801 6.606 7.446 12.2 13.304 16.156 5.849 3.956 12.98 6.291 20.554 6.283 5.043.008 9.9-1.028 14.305-2.896 6.614-2.801 12.2-7.436 16.156-13.295 3.956-5.858 6.283-12.989 6.283-20.562 0-5.043-1.036-9.9-2.887-14.297-2.8-6.614-7.444-12.2-13.311-16.165zm-6.894 36.235c-1.12 2.64-3.005 4.924-5.382 6.52-2.378 1.604-5.162 2.521-8.269 2.53-2.072 0-3.99-.416-5.756-1.163-2.649-1.112-4.942-3.014-6.538-5.382-1.595-2.378-2.512-5.171-2.521-8.278.009-2.072.416-3.99 1.163-5.756 1.112-2.649 3.006-4.933 5.382-6.529 2.378-1.604 5.162-2.521 8.27-2.53 2.072.009 3.99.416 5.756 1.163 2.649 1.12 4.933 3.005 6.538 5.382 1.596 2.378 2.512 5.162 2.512 8.27 0 2.08-.407 3.999-1.155 5.773z'/%3E%3Cpath d='m419.935 444.785c-5.849-3.964-12.973-6.283-20.545-6.283-5.043 0-9.917 1.028-14.314 2.896-6.605 2.792-12.192 7.445-16.156 13.303-3.965 5.841-6.292 12.972-6.283 20.546 0 5.043 1.028 9.908 2.895 14.314 2.802 6.606 7.438 12.2 13.295 16.156 5.858 3.956 12.99 6.291 20.563 6.283 5.042.008 9.898-1.028 14.296-2.896 6.614-2.801 12.209-7.436 16.165-13.295 3.956-5.858 6.282-12.989 6.282-20.562 0-5.043-1.036-9.9-2.895-14.297-2.801-6.614-7.445-12.2-13.303-16.165zm-6.893 36.235c-1.121 2.64-3.014 4.924-5.383 6.52-2.377 1.604-5.162 2.521-8.268 2.53-2.08 0-4.008-.416-5.774-1.163-2.632-1.112-4.924-3.014-6.52-5.382-1.596-2.378-2.522-5.171-2.53-8.278 0-2.072.424-3.99 1.163-5.756 1.112-2.649 3.013-4.933 5.374-6.529 2.378-1.604 5.179-2.521 8.287-2.53 2.071.009 3.989.416 5.756 1.163 2.648 1.12 4.924 3.005 6.528 5.382 1.596 2.378 2.522 5.162 2.522 8.27-.001 2.08-.408 3.999-1.155 5.773z'/%3E%3C/g%3E%3C/svg%3E");
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
.product_page .ec-layoutRole__main .upload_file_ai .btn {
    width: 350px;
    background-color: #fff;
    color: #802645;
    font-weight: 600;
    font-size: 14px;
    padding: 10px;
    border: solid 1px #802645;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .upload_file_ai .btn {
        width: 100%;
    }
}
.product_page .ec-layoutRole__main .upload_file_ai .btn::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M11 40q-1.2 0-2.1-.9Q8 38.2 8 37v-7.15h3V37h26v-7.15h3V37q0 1.2-.9 2.1-.9.9-2.1.9Zm13-7.65-9.65-9.65 2.15-2.15 6 6V8h3v18.55l6-6 2.15 2.15Z' fill='%23802645'/%3E%3C/svg%3E%0A");
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
.product_page .ec-layoutRole__main .upload_file_ai .btn.upload::before {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}
.product_page .ec-layoutRole__main .upload_file_ai p {
    line-height: 1.8;
}
.product_page .ec-layoutRole__main .product-table01 {
    margin-bottom: 30px;
    padding-bottom: 40px;
    overflow: scroll;
    /* スクロールバーの色を設定する */
    scrollbar-color: #6969dd #e0e0e0;
}
.product_page .ec-layoutRole__main .product-table01::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
    .product_page .ec-layoutRole__main .product-table01 {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .product-table01 {
        margin-bottom: 50px;
        padding-bottom: 30px;
    }
}
.product_page .ec-layoutRole__main .product-table01 table {
    text-align: center;
    width: 100%;
    border: 1px solid #c6bfb4;
    line-height: 1.5;
    white-space: nowrap;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .product-table01 table {
        font-size: 14px;
    }
}
.product_page .ec-layoutRole__main .product-table01 table tr:nth-child(even) {
    background-color: #fff;
}
.product_page .ec-layoutRole__main .product-table01 table tr:nth-child(odd) {
    background-color: #f7f6f1;
}
.product_page .ec-layoutRole__main .product-table01 table tr:first-of-type th {
    background-color: #f2f0e7;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .product-table01 table tr:first-of-type th {
        padding: 10px 35px;
    }
}
.product_page .ec-layoutRole__main .product-table01 table tr th {
    border-right: 1px solid #c6bfb4;
    font-family: 'Cinzel', serif;
    padding: 14px;
    font-weight: 600;
}
.product_page .ec-layoutRole__main .product-table01 table tr th:first-of-type {
    padding: 14px 10px;
    width: 125px;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .product-table01 table tr th:first-of-type {
        padding: 10px 35px;
        width: auto;
    }
}
.product_page .ec-layoutRole__main .product-table01 table tr td {
    border-right: 1px solid #c6bfb4;
    font-family: 'Cinzel', serif;
    padding: 14px 10px;
    font-weight: 400;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .product-table01 table tr td {
        padding: 10px 10px;
    }
}
.product_page .ec-layoutRole__main .product-table-txt {
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
.product_page .ec-layoutRole__main .product-table02 table {
    width: 100%;
    border: 1px solid #c6bfb4;
    line-height: 1.5;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .product-table02 table {
        display: block;
        border: none;
    }
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .product-table02 table tr {
        display: block;
    }
}
.product_page .ec-layoutRole__main .product-table02 table tr:nth-child(even) {
    background-color: #fff;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .product-table02 table tr:nth-child(even) {
        background: none;
    }
}
.product_page .ec-layoutRole__main .product-table02 table tr:nth-child(odd) {
    background-color: #f7f6f1;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .product-table02 table tr:nth-child(odd) {
        background: none;
    }
}
.product_page .ec-layoutRole__main .product-table02 table tr th {
    border-right: 1px solid #c6bfb4;
    font-family: 'Cinzel', serif;
    padding: 14px 20px;
    text-align: center;
    font-weight: 600;
    white-space: nowrap;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .product-table02 table tr th {
        display: block;
        width: 100%;
        text-align: left;
        border: none;
        background: #f7f6f1;
    }
}
.product_page .ec-layoutRole__main .product-table02 table tr td {
    border-right: 1px solid #c6bfb4;
    padding: 14px 20px;
}
@media screen and (max-width: 568px) {
    .product_page .ec-layoutRole__main .product-table02 table tr td {
        display: block;
        width: 100%;
        border: none;
    }
}
.product_page .ec-layoutRole__main .sec-product-list {
    padding-top: 30px;
    margin-top: -30px;
    margin-bottom: -35px;
}
.product_page .ec-layoutRole__main .sec-product-list .product-table--first {
    margin-bottom: 20px;
    padding-bottom: 0;
}
.product_page .ec-layoutRole__main .ec-productRole__description .product-table.product-table02 {
    margin-bottom: 30px;
}
.product_page .ec-layoutRole__main .ec-productRole__description p {
    color: #333;
    font-weight: 300;
}

.guide a:hover {
    opacity: 1;
}
.guide .heading__sub {
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 15px;
    color: #3f131d;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}
.guide .heading__sub::after {
    content: '';
    background-color: #ac6a00;
    width: 165px;
    height: 1px;
    bottom: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.guide .heading__ttl {
    font-size: 22px;
    text-align: center;
    color: #362e2b;
    margin-bottom: 30px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.08em;
}
@media screen and (max-width: 568px) {
    .guide .heading__ttl {
        font-size: 20px;
        margin-bottom: 15px;
    }
}
.guide .heading__txt {
    text-align: center;
}
.guide .heading__ttl02 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
    color: #fff;
    background-color: #802645;
    padding: 15px 30px;
    margin-bottom: 30px;
    margin-top: 60px;
    text-align: left;
}
.guide .head-nev ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px;
}
@media screen and (max-width: 568px) {
    .guide .head-nev ul {
        gap: 15px;
    }
}
.guide .head-nev ul li {
    width: calc(33.3333333333% - 16.6666666667px);
    border: #802645 solid 1px;
    color: #802645;
    font-weight: 500;
    text-align: center;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
@media screen and (max-width: 768px) {
    .guide .head-nev ul li {
        width: calc(50% - 12.5px);
    }
}
@media screen and (max-width: 568px) {
    .guide .head-nev ul li {
        width: 100%;
    }
}
.guide .head-nev ul li a {
    padding: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.guide .head-nev ul li a::after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    color: #802645;
}
.guide .head-nev ul li:hover {
    cursor: pointer;
    background-color: #802645;
    opacity: 1;
    color: #fff;
}
.guide .head-nev ul li:hover a {
    opacity: 1;
    color: #fff;
}
.guide .head-nev ul li:hover a::after {
    color: #fff;
}
.guide .head-nev ul li.active {
    background-color: #802645;
    color: #fff;
}
.guide .head-nev ul li.active a::after {
    color: #fff;
}
.guide .tab-content {
    margin-bottom: 40px;
}
.guide .sec01 {
    padding-bottom: 70px;
    border-bottom: #c6bfb4 solid 1px;
    margin-bottom: 70px;
}
.guide .sec01 .heading__ttl {
    margin-bottom: 50px;
}
.guide .sec02 .heading {
    margin-bottom: 20px;
}
.guide .sec02 .heading__ttl {
    margin-bottom: 30px;
}
.guide .sec02 .tab {
    margin-bottom: 70px;
}
.guide .sec02 .tab ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
@media screen and (max-width: 568px) {
    .guide .sec02 .tab ul {
        gap: 15px;
    }
}
.guide .sec02 .tab ul li {
    width: calc(20% - 16px);
    border: #802645 solid 1px;
    color: #802645;
    font-weight: 500;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
@media screen and (max-width: 1024px) {
    .guide .sec02 .tab ul li {
        width: calc(33.3333333333% - 16.6666666667px);
    }
}
@media screen and (max-width: 768px) {
    .guide .sec02 .tab ul li {
        width: calc(50% - 12.5px);
    }
}
@media screen and (max-width: 568px) {
    .guide .sec02 .tab ul li {
        width: 100%;
    }
}
.guide .sec02 .tab ul li a {
    padding: 10px 30px 10px 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.guide .sec02 .tab ul li a::after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    color: #802645;
}
.guide .sec02 .tab ul li:hover {
    cursor: pointer;
    background-color: #802645;
    opacity: 1;
}
.guide .sec02 .tab ul li:hover a {
    color: #fff;
}
.guide .sec02 .tab ul li:hover a::after {
    color: #fff;
}
.guide .sec02 .tab ul li.active {
    background-color: #802645;
    color: #fff;
}
.guide .sec02 .tab ul li.active a {
    color: #fff;
}
.guide .sec02 .tab ul li.active a::after {
    color: #fff;
}
.guide .sec02 .tab-content .heading {
    margin-bottom: 30px;
}
.guide .sec02 .tab-content .step-img_step3 {
    max-width: 612px;
}
.guide .sec02 .tab-content .step-img_step4 {
    max-width: 827px;
}
.guide .sec02 .tab-content .step-img_step5 {
    max-width: 1044px;
}
.guide .sec02 .tab-content .inner:not(:last-of-type) {
    margin-bottom: 15px;
}
.guide .sec02 .tab-content .inner__ttl {
    font-size: 16px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: #c6bfb4 solid 1px;
    font-weight: 400;
    margin-top: 45px;
}
.guide .sec02 .tab-content .inner__ttl-s {
    margin-bottom: 7px;
    font-weight: 400;
    line-height: 1.75;
}
.guide .sec02 .tab-content .inner__ttl-s::before {
    content: '◼︎';
    color: #802645;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    display: inline-block;
    margin-right: 5px;
}
.guide .sec02 .tab-content .inner__txt-s {
    font-size: 14px;
    line-height: 1.8;
}
.guide .sec02 .tab-content .inner .red {
    color: #e60012;
}
.guide .sec02 .tab-content .inner .comming {
    width: 500px;
    height: 400px;
    background: #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #999;
    margin: 10px 0;
}
@media screen and (max-width: 768px) {
    .guide .sec02 .tab-content .inner .comming {
        width: 100%;
        height: 250px;
    }
}
.guide .sec02 .tab-content .inner .furikomi-img {
    max-width: 320px;
    margin-bottom: 15px;
}

.guide01 .sec02 .tab-content .step-img {
    margin-bottom: 70px;
}

.guide02 .sec02 .tab ul li a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
}
.guide02 .sec02 .tab ul li a .text-s {
    font-size: 12px;
}
.guide02 .sec02 .tab-content .step-img {
    margin-bottom: 40px;
}
.guide02 .sec02 .tab-content .inner {
    margin-bottom: 20px;
}
.guide02 .sec02 .tab-content .inner .inner_creditCard {
    max-width: 415px;
    padding: 25px 32px;
    background-color: #f7f6f1;
    margin-top: 20px;
    margin-bottom: 10px;
}
@media screen and (max-width: 568px) {
    .guide02 .sec02 .tab-content .inner .inner_creditCard {
        padding: 25px 18px;
    }
}
.guide02 .sec02 .tab-content .inner .inner_creditCard p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
}
.guide02 .sec02 .tab-content .inner .inner_creditCard__flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.guide03 .sec02 .heading {
    margin-bottom: 65px;
}
@media screen and (max-width: 568px) {
    .guide03 .sec02 .heading {
        margin-bottom: 35px;
    }
}

.guide-table {
    border: solid 1px #c6bfb4;
}
.guide-table__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 568px) {
    .guide-table__inner {
        display: block;
    }
}
.guide-table__inner .th {
    font-weight: 400;
    text-align: center;
    padding: 15px;
    width: 25%;
    border-right: solid 1px #c6bfb4;
}
@media screen and (max-width: 768px) {
    .guide-table__inner .th {
        width: 30%;
    }
}
@media screen and (max-width: 568px) {
    .guide-table__inner .th {
        text-align: left;
        width: 100%;
        border-right: none;
        background-color: #f9f8f4;
    }
}
.guide-table__inner .td {
    width: 75%;
    padding: 15px;
}
@media screen and (max-width: 768px) {
    .guide-table__inner .td {
        width: 70%;
    }
}
@media screen and (max-width: 568px) {
    .guide-table__inner .td {
        width: 100%;
    }
}
.guide-table__inner .td .red-under {
    color: #e60012;
    font-weight: 500;
    display: inline-block;
    position: relative;
}
.guide-table__inner .td .red-under::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e60012;
    position: absolute;
    bottom: -5px;
    left: 0px;
}
.guide-table__inner .td .txt-s {
    font-size: 14px;
    margin-left: 20px;
}
.guide-table__inner:first-of-type {
    background-color: #f9f8f4;
}
@media screen and (max-width: 568px) {
    .guide-table__inner:first-of-type {
        background: none;
    }
}
@media screen and (max-width: 568px) {
    .guide-table__inner:first-of-type .td {
        border-bottom: solid 1px #c6bfb4;
    }
}

.guide05 #tab02 .heading p {
    margin-bottom: 10px;
}
.guide05 .font-img {
    max-width: 1100px;
}
.guide05 .color-img {
    max-width: 641px;
}
.guide05 .font-img.sp {
    max-width: 344px;
}
.guide05 .color-img.sp {
    max-width: 200px;
}

.guide01 .img,
.guide03 .img {
    max-width: 600px;
    border: solid 1px #ddd;
}

.guide03 .tab-content .inner p {
    margin-bottom: 20px;
}

.contact .ec-contactRole,
.contact .ec-contactConfirmRole,
.contact .ec-contactCompleteRole {
    padding-left: 0px;
    padding-right: 0px;
}
.contact a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.contact a:hover {
    opacity: 1;
}
.contact .heading__sub {
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 15px;
    color: #3f131d;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}
.contact .heading__sub::after {
    content: '';
    background-color: #ac6a00;
    width: 165px;
    height: 1px;
    bottom: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.contact .heading__txt {
    text-align: center;
}
.contact .heading__txt h3 {
    font-size: 20px;
    line-height: 1.75;
}
@media screen and (max-width: 568px) {
    .contact .heading__txt h3 {
        font-size: 19px;
    }
}
.contact .heading__txt p {
    line-height: 1.8;
    margin: 16px 0;
    font-weight: 400;
}
.contact .heading__txt--s {
    font-size: 12px;
    font-weight: 400;
}
.contact .heading__img {
    width: 62%;
    margin: 50px auto 60px;
}
@media screen and (max-width: 768px) {
    .contact .heading__img {
        width: 80%;
    }
}
.contact .heading__ttl {
    font-size: 22px;
    text-align: center;
    color: #362e2b;
    margin-bottom: 60px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.08em;
}
@media screen and (max-width: 568px) {
    .contact .heading__ttl {
        font-size: 22px;
        margin-bottom: 40px;
    }
}
.contact .heading__txt {
    text-align: center;
}
.contact .heading__ttl02 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
    color: #fff;
    background-color: #802645;
    padding: 15px 30px;
}
.contact .head-nev ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px;
}
@media screen and (max-width: 568px) {
    .contact .head-nev ul {
        gap: 15px;
    }
}
.contact .head-nev ul li {
    width: calc(33.3333333333% - 16.6666666667px);
    border: #802645 solid 1px;
    color: #802645;
    font-weight: 500;
    text-align: center;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
@media screen and (max-width: 768px) {
    .contact .head-nev ul li {
        width: calc(50% - 12.5px);
    }
}
@media screen and (max-width: 568px) {
    .contact .head-nev ul li {
        width: 100%;
    }
}
.contact .head-nev ul li a {
    padding: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.contact .head-nev ul li a::after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    color: #802645;
}
.contact .head-nev ul li:hover {
    cursor: pointer;
    background-color: #802645;
    opacity: 1;
    color: #fff;
}
.contact .head-nev ul li:hover a {
    opacity: 1;
}
.contact .head-nev ul li:hover a::after {
    color: #fff;
}
.contact .head-nev ul li.active {
    background-color: #802645;
    color: #fff;
}
.contact .head-nev ul li.active a::after {
    color: #fff;
}
.contact .heading {
    margin-bottom: 20px;
}
.contact .heading__ttl {
    margin-bottom: 30px;
}
.contact .heading__subtxt {
    font-weight: 400;
}
.contact .sec02 .tab {
    margin-bottom: 70px;
}
.contact .sec02 .tab ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
@media screen and (max-width: 568px) {
    .contact .sec02 .tab ul {
        gap: 15px;
    }
}
.contact .sec02 .tab ul li {
    width: calc(20% - 16px);
    border: #802645 solid 1px;
    color: #802645;
    font-weight: 500;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
@media screen and (max-width: 1024px) {
    .contact .sec02 .tab ul li {
        width: calc(33.3333333333% - 16.6666666667px);
    }
}
@media screen and (max-width: 768px) {
    .contact .sec02 .tab ul li {
        width: calc(50% - 12.5px);
    }
}
@media screen and (max-width: 568px) {
    .contact .sec02 .tab ul li {
        width: 100%;
    }
}
.contact .sec02 .tab ul li a {
    padding: 10px 30px 10px 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.contact .sec02 .tab ul li a::after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    color: #802645;
}
.contact .sec02 .tab ul li:hover {
    cursor: pointer;
    background-color: #802645;
    opacity: 1;
    color: #fff;
}
.contact .sec02 .tab ul li:hover a::after {
    color: #fff;
}
.contact .sec02 .tab ul li.active {
    background-color: #802645;
    color: #fff;
}
.contact .sec02 .tab ul li.active a::after {
    color: #fff;
}
.contact .sec02 .tab-content .heading {
    margin-bottom: 30px;
}
.contact .sec02 .tab-content .step-img_step3 {
    max-width: 612px;
}
.contact .sec02 .tab-content .step-img_step4 {
    max-width: 827px;
}
.contact .sec02 .tab-content .step-img_step5 {
    max-width: 1044px;
}
.contact .sec02 .tab-content .inner {
    margin-bottom: 50px;
}
.contact .sec02 .tab-content .inner__ttl {
    font-size: 16px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: #c6bfb4 solid 1px;
    font-weight: 400;
}
.contact .sec02 .tab-content .inner__ttl-s {
    margin-bottom: 7px;
    font-weight: 400;
    line-height: 1.75;
}
.contact .sec02 .tab-content .inner__ttl-s::before {
    content: '◼︎';
    color: #802645;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    display: inline-block;
    margin-right: 5px;
}
.contact .sec02 .tab-content .inner__txt-s {
    font-size: 14px;
    line-height: 1.8;
}
.contact .sec02 .tab-content .inner .red {
    color: #e60012;
}
.contact .sec02 .tab-content .inner .comming {
    width: 500px;
    height: 400px;
    background: #eee;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #999;
    margin: 10px 0;
}
@media screen and (max-width: 768px) {
    .contact .sec02 .tab-content .inner .comming {
        width: 100%;
        height: 250px;
    }
}
.contact input,
.contact textarea {
    background: #f7f6f1;
    border: 1px solid #deddd5;
    padding: 25px;
    border-radius: 5px;
}
.contact input::-webkit-input-placeholder,
.contact textarea::-webkit-input-placeholder {
    color: #c6bfb4;
    font-size: 16px;
}
.contact input::-moz-placeholder,
.contact textarea::-moz-placeholder {
    color: #c6bfb4;
    font-size: 16px;
}
.contact input:-ms-input-placeholder,
.contact textarea:-ms-input-placeholder {
    color: #c6bfb4;
    font-size: 16px;
}
.contact input::-ms-input-placeholder,
.contact textarea::-ms-input-placeholder {
    color: #c6bfb4;
    font-size: 16px;
}
.contact input::placeholder,
.contact textarea::placeholder {
    color: #c6bfb4;
    font-size: 16px;
}
.contact textarea {
    height: 18em;
}
@media screen and (max-width: 568px) {
    .contact textarea {
        height: 12em;
    }
}

.ec-halfInput input[type='text'] {
    width: 48.5%;
}
@media screen and (max-width: 955px) {
    .ec-halfInput input[type='text'] {
        width: 47%;
    }
}
@media screen and (max-width: 768px) {
    .ec-halfInput input[type='text'] {
        width: 48%;
    }
}
@media screen and (max-width: 568px) {
    .ec-halfInput input[type='text'] {
        width: 100%;
        margin-left: 0;
    }
}

.ec-telInput input {
    max-width: 20em;
}
@media screen and (max-width: 568px) {
    .ec-telInput input {
        max-width: 100%;
    }
}

.ec-select select {
    font-size: 16px;
    font-size: 16px;
    width: 16em;
    padding: 10px;
    background: #fff;
}
@media screen and (max-width: 568px) {
    .ec-select select {
        width: 100%;
    }
}

.ec-off1Grid .ec-off1Grid__cell {
    width: 100%;
    margin-left: 0;
}

.ec-borderedDefs {
    border-top: none;
    margin-top: 0;
}
.ec-borderedDefs .ec-required {
    color: #fff;
    background: #ac6a00;
    font-size: 10px;
    padding: 1px 10px;
}
.ec-borderedDefs dl {
    border-bottom: 1px solid #c6bfb4;
    padding: 20px 0 5px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.ec-borderedDefs dl:last-of-type {
    padding-bottom: 25px;
}
.ec-borderedDefs dl:first-of-type {
    padding-top: 15px;
}
.ec-borderedDefs dl dt {
    padding-top: 10px;
}
.ec-borderedDefs p {
    font-weight: 400;
}

.ec-zipInput {
    margin-bottom: 10px;
}
@media screen and (max-width: 568px) {
    .ec-zipInput {
        display: block;
    }
}
.ec-zipInput .zip-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}
@media screen and (max-width: 568px) {
    .ec-zipInput .zip-inner {
        width: 100%;
        margin-bottom: 10px;
    }
}
.ec-zipInput .zip-inner .p-postal-code {
    margin-bottom: 0px;
}
.ec-zipInput span {
    vertical-align: super;
    font-size: 18px;
    font-weight: 500;
}
.ec-zipInput .ec-zipInputHelp {
    margin-bottom: 0;
    margin-left: 0;
}
@media screen and (max-width: 568px) {
    .ec-zipInput .ec-zipInputHelp {
        margin-left: 0;
    }
}
.ec-zipInput .ec-zipInputHelp span {
    font-size: 12px;
    vertical-align: super;
    border-bottom: 1px solid;
    color: #333;
    padding-bottom: 10px;
    font-weight: 500;
}
@media screen and (max-width: 568px) {
    .ec-zipInput .ec-zipInputHelp span {
        margin-left: 0;
        padding-left: 0;
    }
}
.ec-zipInput input {
    max-width: 16em;
}
@media screen and (max-width: 568px) {
    .ec-zipInput input {
        max-width: 100%;
        width: 90%;
    }
}

.dli-caret-circle-fill-right {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    position: relative;
    width: 0.6em;
    height: 0.6em;
    border: 0.1em solid currentColor;
    background: currentColor;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-right: 8px;
}
.dli-caret-circle-fill-right::before {
    content: '';
    color: #802645;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0.18em 0.25em;
    border-left-color: currentColor;
    border-right: 0;
    -webkit-transform: translateX(15%);
    transform: translateX(15%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.ec-para-normal {
    font-size: 11px;
    margin: 0 0 10px !important;
}

.contact02 .ec-borderedDefs dl {
    padding: 20px 0 15px;
}
.contact02 .ec-borderedDefs dl dt {
    padding-top: 0;
}

@media screen and (max-width: 568px) {
    .customize .heading__txt h3 {
        font-size: 19px;
    }
}
.customize .ec-zipInput {
    margin-bottom: 16px;
}
.customize .ec-zipInput .ec-zipInputHelp {
    margin-bottom: 0;
}
.customize .ec-zipInput input {
    margin-bottom: 0;
}
.customize .ec-zipInput__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 568px) {
    .customize .ec-zipInput__inner {
        margin-bottom: 10px;
        width: 100%;
    }
}
@media screen and (max-width: 568px) {
    .customize .ec-select select {
        width: 100%;
    }
}

.ec-off1Grid {
    font-weight: 400;
}
.ec-off1Grid .ec-off1Grid__cell .ec-numberInput {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.ec-off1Grid .ec-off1Grid__cell .ec-numberInput input {
    width: 200px;
}
@media screen and (max-width: 568px) {
    .ec-off1Grid .ec-off1Grid__cell .ec-numberInput input {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
.ec-off1Grid .ec-off1Grid__cell .ec-numberInput span {
    margin-left: 15px;
}
.ec-off1Grid .ec-off1Grid__cell .flex-c3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
}
@media screen and (max-width: 568px) {
    .ec-off1Grid .ec-off1Grid__cell .flex-c3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.ec-off1Grid .ec-off1Grid__cell .flex-c3 .flexItem {
    width: 33.3333333333%;
}
@media screen and (max-width: 568px) {
    .ec-off1Grid .ec-off1Grid__cell .flex-c3 .flexItem {
        width: 100%;
    }
}
.ec-off1Grid .ec-off1Grid__cell .flex-c3 .flexItem img {
    padding: 0 20px;
    height: 120px;
    width: auto;
    margin-top: 20px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
@media screen and (max-width: 568px) {
    .ec-off1Grid .ec-off1Grid__cell .flex-c3 .flexItem img {
        margin-top: 6px;
    }
}
.ec-off1Grid .ec-off1Grid__cell .flex-c4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.ec-off1Grid .ec-off1Grid__cell .flex-c4.contact_print {
    margin-bottom: 0;
}
.ec-off1Grid .ec-off1Grid__cell .flex-c4 .flexItem {
    width: calc(25% - 22.5px);
}
@media screen and (max-width: 768px) {
    .ec-off1Grid .ec-off1Grid__cell .flex-c4 .flexItem {
        width: calc(50% - 15px);
    }
}
.ec-off1Grid .ec-off1Grid__cell .flex-c4 .flexItem img {
    padding: 0 20px;
    height: auto;
    margin-top: 20px;
    max-width: 120px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
@media screen and (max-width: 768px) {
    .ec-off1Grid .ec-off1Grid__cell .flex-c4 .flexItem img {
        margin-top: 6px;
        max-width: 140px;
    }
}
.ec-off1Grid .ec-off1Grid__cell .flex-c4.contact_design .flexItem img {
    max-height: 140px;
    width: auto;
}
@media screen and (max-width: 768px) {
    .ec-off1Grid .ec-off1Grid__cell .flex-c4.contact_print {
        margin-bottom: 0;
        gap: 0;
    }
}
.ec-off1Grid .ec-off1Grid__cell .form-check {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.ec-off1Grid .ec-off1Grid__cell .form-check input {
    padding: 0px;
}
.ec-off1Grid .ec-off1Grid__cell .form-check .form-check-input[type='checkbox'] {
    border-radius: 0;
}
.ec-off1Grid .ec-off1Grid__cell .form-check .form-check-label {
    font-size: 16px;
}
.ec-off1Grid .ec-off1Grid__cell .form-check label.form-check-label {
    font-size: 16px;
    line-height: 1.5;
    float: left;
}
.ec-off1Grid .ec-off1Grid__cell .red-txt {
    color: #802645;
    font-size: 11px;
    line-height: 1.2;
    margin-bottom: 15px;
    font-weight: 400;
}
.ec-off1Grid .ec-off1Grid__cell .form-txt {
    margin-bottom: 0.5rem;
    margin-left: 15px;
    display: inline;
    font-weight: 400;
    font-size: 16px;
}
@media screen and (max-width: 768px) {
    .ec-off1Grid .ec-off1Grid__cell .form-txt {
        margin-bottom: 0;
        margin-left: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
}
.ec-off1Grid .icon {
    width: 15px;
    margin-right: 10px;
    padding-top: 2px;
}
.ec-off1Grid .form-label.btn {
    padding: 12px 30px;
}
@media screen and (max-width: 768px) {
    .ec-off1Grid .form-label.btn {
        width: 100%;
    }
}

.sec03 .ec-borderedDefs dl {
    padding: 20px 0 10px;
}
.sec03 .ec-borderedDefs dl:last-of-type {
    padding: 20px 0 10px;
}

@media screen and (max-width: 768px) {
    input#contact_company_name {
        width: 100%;
    }
}

.faq .heading h1 {
    border-bottom: none;
    border-top: none;
    padding: 0;
    margin: 0;
    font-weight: 600;
}
.faq .heading__sub {
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 15px;
    color: #3f131d;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}
.faq .heading__sub::after {
    content: '';
    background-color: #ac6a00;
    width: 165px;
    height: 1px;
    bottom: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.faq .heading__ttl {
    font-size: 22px;
    text-align: center;
    color: #362e2b;
    margin-bottom: 30px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.08em;
}
@media screen and (max-width: 568px) {
    .faq .heading__ttl {
        font-size: 20px;
        margin-bottom: 15px;
    }
}
.faq .heading__txt {
    text-align: center;
}
.faq .heading__ttl02 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
    color: #fff;
    background-color: #802645;
    padding: 15px 30px;
    margin-bottom: 30px;
}
.faq .head-nev ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px;
}
@media screen and (max-width: 568px) {
    .faq .head-nev ul {
        gap: 15px;
    }
}
.faq .head-nev ul li {
    width: calc(33.3333333333% - 16.6666666667px);
    border: #802645 solid 1px;
    color: #802645;
    font-weight: 500;
    text-align: center;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
@media screen and (max-width: 768px) {
    .faq .head-nev ul li {
        width: calc(50% - 12.5px);
    }
}
@media screen and (max-width: 568px) {
    .faq .head-nev ul li {
        width: 100%;
    }
}
.faq .head-nev ul li a {
    padding: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.faq .head-nev ul li a::after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    color: #802645;
}
.faq .head-nev ul li:hover {
    cursor: pointer;
    background-color: #802645;
    opacity: 1;
    color: #fff;
}
.faq .head-nev ul li:hover a {
    opacity: 1;
}
.faq .head-nev ul li:hover a::after {
    color: #fff;
}
.faq .head-nev ul li.active {
    background-color: #802645;
    color: #fff;
}
.faq .head-nev ul li.active a::after {
    color: #fff;
}
.faq .sec01 .heading__ttl {
    margin-bottom: 50px;
}
.faq .sec01 .tab {
    margin-bottom: 70px;
}
@media screen and (max-width: 568px) {
    .faq .sec01 .tab {
        margin: 0 auto 70px;
        width: 90%;
    }
}
.faq .sec01 .tab ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
@media screen and (max-width: 568px) {
    .faq .sec01 .tab ul {
        gap: 15px;
    }
}
.faq .sec01 .tab ul li {
    width: calc(20% - 16px);
    border: #802645 solid 1px;
    color: #802645;
    font-weight: 500;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
@media screen and (max-width: 1024px) {
    .faq .sec01 .tab ul li {
        width: calc(33.3333333333% - 16.6666666667px);
    }
}
@media screen and (max-width: 768px) {
    .faq .sec01 .tab ul li {
        width: calc(50% - 12.5px);
    }
}
@media screen and (max-width: 568px) {
    .faq .sec01 .tab ul li {
        width: 100%;
    }
}
.faq .sec01 .tab ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 50px;
    line-height: 1;
    padding-right: 15px;
}
.faq .sec01 .tab ul li a::after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    color: #802645;
}
.faq .sec01 .tab ul li:hover {
    cursor: pointer;
    background-color: #802645;
    opacity: 1;
    color: #fff;
}
.faq .sec01 .tab ul li:hover a::after {
    color: #fff;
}
.faq .sec01 .tab ul li.active {
    background-color: #802645;
    color: #fff;
}
.faq .sec01 .tab ul li.active a::after {
    color: #fff;
}
.faq .sec02 .heading {
    margin-bottom: 20px;
}
.faq .sec02 .heading__ttl {
    margin-bottom: 30px;
}

.qaArea {
    padding-bottom: 45px;
}
.qaArea:last-of-type {
    padding-bottom: 0;
}
.qaArea .qaArea-list {
    font-weight: 400;
    margin-top: 30px;
}
@media screen and (max-width: 568px) {
    .qaArea .qaArea-list {
        margin-top: 20px;
    }
}
.qaArea .qaArea-list li {
    margin-bottom: 10px;
}
.qaArea .qaArea-list .red {
    color: #802645;
}
.qaArea .qaArea-list_q {
    padding: 20px 60px;
    font-size: 15px;
    position: relative;
    font-weight: 500;
    border: 1px solid #802645;
}
@media screen and (max-width: 568px) {
    .qaArea .qaArea-list_q {
        line-height: 1.5;
        padding: 20px 50px;
    }
}
.qaArea .qaArea-list_q::before {
    content: 'Q';
    font-family: 'Cormorant Garamond', serif;
    color: #802645;
    font-size: 20px;
    display: block;
    position: absolute;
    top: 15px;
    left: 3%;
}
@media screen and (max-width: 568px) {
    .qaArea .qaArea-list_q::before {
        left: 5%;
    }
}
.qaArea .qaArea-list_q::after {
    content: '';
    display: block;
    position: absolute;
    right: 3%;
    width: 20px;
    height: 60px;
    background-image: url(../img/page/plus-ico.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.qaArea .qaArea-list_q.btnOn::after {
    background-image: url(../img/page/minus-ico.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.qaArea .qaArea-list_a {
    display: none;
    background-color: #fff;
    padding: 20px 30px;
    font-size: 16px;
    padding-left: 60px;
    position: relative;
    line-height: 1.7;
    color: #333;
}
@media screen and (max-width: 568px) {
    .qaArea .qaArea-list_a {
        padding-left: 50px;
        line-height: 1.5;
    }
}
.qaArea .qaArea-list_a::before {
    content: 'A';
    font-family: 'Cormorant Garamond', serif;
    color: #802645;
    font-size: 20px;
    display: block;
    position: absolute;
    top: 15px;
    left: 3%;
}
@media screen and (max-width: 568px) {
    .qaArea .qaArea-list_a::before {
        left: 5%;
    }
}
@media screen and (max-width: 568px) {
    .qaArea .qaArea-list_a {
        padding: 5%;
        padding-left: 50px;
    }
}
.qaArea .qaArea-list_a a {
    color: #802645;
    border-bottom: 1px solid #802645;
    padding-bottom: 5px;
    margin-top: 10px;
    font-weight: 500;
    display: inline-block;
}
.qaArea .qaArea-list_a a.link span::after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    display: inline-block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.qaArea .qaArea-list_a a.no-txtdeco {
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 0;
    text-decoration: underline;
}

.company a,
.contract a,
.privacy a,
.rules a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.company a:hover,
.contract a:hover,
.privacy a:hover,
.rules a:hover {
    opacity: 1;
}
.company .heading h1,
.contract .heading h1,
.privacy .heading h1,
.rules .heading h1 {
    border-bottom: none;
    border-top: none;
    padding: 0;
    margin: 0;
}
.company .heading__sub,
.contract .heading__sub,
.privacy .heading__sub,
.rules .heading__sub {
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 10px;
    color: #3f131d;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}
.company .heading__sub::after,
.contract .heading__sub::after,
.privacy .heading__sub::after,
.rules .heading__sub::after {
    content: '';
    background-color: #ac6a00;
    width: 165px;
    height: 1px;
    bottom: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.company .heading__ttl,
.contract .heading__ttl,
.privacy .heading__ttl,
.rules .heading__ttl {
    font-size: 22px;
    text-align: center;
    color: #362e2b;
    margin-bottom: 30px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.08em;
}
@media screen and (max-width: 568px) {
    .company .heading__ttl,
    .contract .heading__ttl,
    .privacy .heading__ttl,
    .rules .heading__ttl {
        font-size: 20px;
        margin-bottom: 15px;
    }
}
.company .heading__txt,
.contract .heading__txt,
.privacy .heading__txt,
.rules .heading__txt {
    text-align: center;
}
.company .heading__ttl02,
.contract .heading__ttl02,
.privacy .heading__ttl02,
.rules .heading__ttl02 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
    color: #fff;
    background-color: #802645;
    padding: 15px 30px;
}
@media screen and (max-width: 568px) {
    .company .heading__ttl02,
    .contract .heading__ttl02,
    .privacy .heading__ttl02,
    .rules .heading__ttl02 {
        padding: 12px 15px;
    }
}
.company .head-nev ul,
.contract .head-nev ul,
.privacy .head-nev ul,
.rules .head-nev ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px;
}
@media screen and (max-width: 568px) {
    .company .head-nev ul,
    .contract .head-nev ul,
    .privacy .head-nev ul,
    .rules .head-nev ul {
        gap: 15px;
    }
}
.company .head-nev ul li,
.contract .head-nev ul li,
.privacy .head-nev ul li,
.rules .head-nev ul li {
    width: calc(33.3333333333% - 16.6666666667px);
    border: #802645 solid 1px;
    color: #802645;
    font-weight: 500;
    text-align: center;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
@media screen and (max-width: 768px) {
    .company .head-nev ul li,
    .contract .head-nev ul li,
    .privacy .head-nev ul li,
    .rules .head-nev ul li {
        width: calc(50% - 12.5px);
    }
}
@media screen and (max-width: 568px) {
    .company .head-nev ul li,
    .contract .head-nev ul li,
    .privacy .head-nev ul li,
    .rules .head-nev ul li {
        width: 100%;
    }
}
.company .head-nev ul li a,
.contract .head-nev ul li a,
.privacy .head-nev ul li a,
.rules .head-nev ul li a {
    padding: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.company .head-nev ul li a::after,
.contract .head-nev ul li a::after,
.privacy .head-nev ul li a::after,
.rules .head-nev ul li a::after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    color: #802645;
}
.company .head-nev ul li:hover,
.contract .head-nev ul li:hover,
.privacy .head-nev ul li:hover,
.rules .head-nev ul li:hover {
    cursor: pointer;
    background-color: #802645;
    opacity: 1;
    color: #fff;
}
.company .head-nev ul li:hover a,
.contract .head-nev ul li:hover a,
.privacy .head-nev ul li:hover a,
.rules .head-nev ul li:hover a {
    opacity: 1;
}
.company .head-nev ul li:hover a::after,
.contract .head-nev ul li:hover a::after,
.privacy .head-nev ul li:hover a::after,
.rules .head-nev ul li:hover a::after {
    color: #fff;
}
.company .head-nev ul li.active,
.contract .head-nev ul li.active,
.privacy .head-nev ul li.active,
.rules .head-nev ul li.active {
    background-color: #802645;
    color: #fff;
}
.company .head-nev ul li.active a::after,
.contract .head-nev ul li.active a::after,
.privacy .head-nev ul li.active a::after,
.rules .head-nev ul li.active a::after {
    color: #fff;
}
.company .sec01 .heading__ttl,
.contract .sec01 .heading__ttl,
.privacy .sec01 .heading__ttl,
.rules .sec01 .heading__ttl {
    margin-bottom: 55px;
    font-weight: 600;
}
@media screen and (max-width: 568px) {
    .company .sec01 .heading__ttl,
    .contract .sec01 .heading__ttl,
    .privacy .sec01 .heading__ttl,
    .rules .sec01 .heading__ttl {
        margin-bottom: 45px;
    }
}
.company .sec01 .tab,
.contract .sec01 .tab,
.privacy .sec01 .tab,
.rules .sec01 .tab {
    margin-bottom: 70px;
}
@media screen and (max-width: 568px) {
    .company .sec01 .tab,
    .contract .sec01 .tab,
    .privacy .sec01 .tab,
    .rules .sec01 .tab {
        margin: 0 auto 70px;
        width: 90%;
    }
}
.company .sec01 .tab ul,
.contract .sec01 .tab ul,
.privacy .sec01 .tab ul,
.rules .sec01 .tab ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
@media screen and (max-width: 568px) {
    .company .sec01 .tab ul,
    .contract .sec01 .tab ul,
    .privacy .sec01 .tab ul,
    .rules .sec01 .tab ul {
        gap: 15px;
    }
}
.company .sec01 .tab ul li,
.contract .sec01 .tab ul li,
.privacy .sec01 .tab ul li,
.rules .sec01 .tab ul li {
    width: calc(20% - 16px);
    border: #802645 solid 1px;
    color: #802645;
    font-weight: 500;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
@media screen and (max-width: 1024px) {
    .company .sec01 .tab ul li,
    .contract .sec01 .tab ul li,
    .privacy .sec01 .tab ul li,
    .rules .sec01 .tab ul li {
        width: calc(33.3333333333% - 16.6666666667px);
    }
}
@media screen and (max-width: 768px) {
    .company .sec01 .tab ul li,
    .contract .sec01 .tab ul li,
    .privacy .sec01 .tab ul li,
    .rules .sec01 .tab ul li {
        width: calc(50% - 12.5px);
    }
}
@media screen and (max-width: 568px) {
    .company .sec01 .tab ul li,
    .contract .sec01 .tab ul li,
    .privacy .sec01 .tab ul li,
    .rules .sec01 .tab ul li {
        width: 100%;
    }
}
.company .sec01 .tab ul li a,
.contract .sec01 .tab ul li a,
.privacy .sec01 .tab ul li a,
.rules .sec01 .tab ul li a {
    padding: 15px 30px 15px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.company .sec01 .tab ul li a::after,
.contract .sec01 .tab ul li a::after,
.privacy .sec01 .tab ul li a::after,
.rules .sec01 .tab ul li a::after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    color: #802645;
}
.company .sec01 .tab ul li:hover,
.contract .sec01 .tab ul li:hover,
.privacy .sec01 .tab ul li:hover,
.rules .sec01 .tab ul li:hover {
    cursor: pointer;
    background-color: #802645;
    opacity: 1;
    color: #fff;
}
.company .sec01 .tab ul li:hover a::after,
.contract .sec01 .tab ul li:hover a::after,
.privacy .sec01 .tab ul li:hover a::after,
.rules .sec01 .tab ul li:hover a::after {
    color: #fff;
}
.company .sec01 .tab ul li.active,
.contract .sec01 .tab ul li.active,
.privacy .sec01 .tab ul li.active,
.rules .sec01 .tab ul li.active {
    background-color: #802645;
    color: #fff;
}
.company .sec01 .tab ul li.active a::after,
.contract .sec01 .tab ul li.active a::after,
.privacy .sec01 .tab ul li.active a::after,
.rules .sec01 .tab ul li.active a::after {
    color: #fff;
}
.company .sec02 .heading,
.contract .sec02 .heading,
.privacy .sec02 .heading,
.rules .sec02 .heading {
    margin-bottom: 20px;
}
.company .sec02 .heading__ttl,
.contract .sec02 .heading__ttl,
.privacy .sec02 .heading__ttl,
.rules .sec02 .heading__ttl {
    margin-bottom: 30px;
}
.company .sec02 .contract-list dl,
.contract .sec02 .contract-list dl,
.privacy .sec02 .contract-list dl,
.rules .sec02 .contract-list dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #c6bfb4;
    padding: 20px 0;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media screen and (max-width: 768px) {
    .company .sec02 .contract-list dl,
    .contract .sec02 .contract-list dl,
    .privacy .sec02 .contract-list dl,
    .rules .sec02 .contract-list dl {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.company .sec02 .contract-list dl:first-of-type,
.contract .sec02 .contract-list dl:first-of-type,
.privacy .sec02 .contract-list dl:first-of-type,
.rules .sec02 .contract-list dl:first-of-type {
    border-top: 1px solid #c6bfb4;
}
.company .sec02 .contract-list dl dt,
.contract .sec02 .contract-list dl dt,
.privacy .sec02 .contract-list dl dt,
.rules .sec02 .contract-list dl dt {
    padding-left: 30px;
    width: 29%;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .company .sec02 .contract-list dl dt,
    .contract .sec02 .contract-list dl dt,
    .privacy .sec02 .contract-list dl dt,
    .rules .sec02 .contract-list dl dt {
        width: 90%;
        margin: 0 auto;
        padding-left: 0px;
    }
}
.company .sec02 .contract-list dl dd,
.contract .sec02 .contract-list dl dd,
.privacy .sec02 .contract-list dl dd,
.rules .sec02 .contract-list dl dd {
    font-weight: 400;
    width: 73%;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .company .sec02 .contract-list dl dd,
    .contract .sec02 .contract-list dl dd,
    .privacy .sec02 .contract-list dl dd,
    .rules .sec02 .contract-list dl dd {
        width: 90%;
        margin: 0 auto;
    }
}
.company .sec02 .contract-list dl dd .red-text,
.contract .sec02 .contract-list dl dd .red-text,
.privacy .sec02 .contract-list dl dd .red-text,
.rules .sec02 .contract-list dl dd .red-text {
    color: #802645;
}
.company .sec02 .contract-list dl dd .small-text,
.contract .sec02 .contract-list dl dd .small-text,
.privacy .sec02 .contract-list dl dd .small-text,
.rules .sec02 .contract-list dl dd .small-text {
    font-size: 14px;
}
.company .sec03 .company-list dl,
.contract .sec03 .company-list dl,
.privacy .sec03 .company-list dl,
.rules .sec03 .company-list dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #c6bfb4;
    padding: 20px 0;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media screen and (max-width: 768px) {
    .company .sec03 .company-list dl,
    .contract .sec03 .company-list dl,
    .privacy .sec03 .company-list dl,
    .rules .sec03 .company-list dl {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.company .sec03 .company-list dl dt,
.contract .sec03 .company-list dl dt,
.privacy .sec03 .company-list dl dt,
.rules .sec03 .company-list dl dt {
    padding-left: 30px;
    width: 27%;
}
@media screen and (max-width: 768px) {
    .company .sec03 .company-list dl dt,
    .contract .sec03 .company-list dl dt,
    .privacy .sec03 .company-list dl dt,
    .rules .sec03 .company-list dl dt {
        width: 90%;
        padding-left: 0;
        padding-top: 0;
    }
}
.company .sec03 .company-list dl dd,
.contract .sec03 .company-list dl dd,
.privacy .sec03 .company-list dl dd,
.rules .sec03 .company-list dl dd {
    font-weight: 400;
    width: 73%;
    line-height: 2;
}
@media screen and (max-width: 768px) {
    .company .sec03 .company-list dl dd,
    .contract .sec03 .company-list dl dd,
    .privacy .sec03 .company-list dl dd,
    .rules .sec03 .company-list dl dd {
        width: 90%;
        margin: 0 auto;
    }
}
.company .president-text,
.contract .president-text,
.privacy .president-text,
.rules .president-text {
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.005em;
}
.company .president-text .right-text,
.contract .president-text .right-text,
.privacy .president-text .right-text,
.rules .president-text .right-text {
    text-align: right;
    margin-top: 20px;
}
.company .privacy-text,
.company .rules-text,
.contract .privacy-text,
.contract .rules-text,
.privacy .privacy-text,
.privacy .rules-text,
.rules .privacy-text,
.rules .rules-text {
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.01em;
}

.privacy .sec,
.rules .sec {
    margin-bottom: 45px;
}
.privacy .sec .heading,
.rules .sec .heading {
    margin-bottom: 20px;
}
.privacy .sec:last-of-type,
.rules .sec:last-of-type {
    margin-bottom: 0;
}

.heading .container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1130px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 60px;
    padding-bottom: 60px;
}
.heading__sub {
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 10px;
    color: #3f131d;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}
.heading__sub::after {
    content: '';
    background-color: #ac6a00;
    width: 165px;
    height: 1px;
    bottom: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.heading__ttl {
    font-size: 22px;
    text-align: center;
    color: #362e2b;
    margin-bottom: 30px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.08em;
}
@media screen and (max-width: 568px) {
    .heading__ttl {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

.sample {
    margin-bottom: 60px;
}
.sample a {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.sample a:hover {
    opacity: 1;
}
.sample p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}
.sample .heading__sub {
    font-family: 'Cormorant Garamond', serif;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 15px;
    color: #3f131d;
    position: relative;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
}
.sample .heading__sub::after {
    content: '';
    background-color: #ac6a00;
    width: 165px;
    height: 1px;
    bottom: 2px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sample .heading__txt {
    text-align: center;
}
.sample .heading__txt h3 {
    font-size: 20px;
}
@media screen and (max-width: 568px) {
    .sample .heading__txt h3 {
        font-size: 19px;
    }
}
.sample .heading__txt p {
    line-height: 1.8;
    margin: 16px 0;
    font-weight: 400;
}
@media screen and (max-width: 568px) {
    .sample .heading__txt p {
        letter-spacing: 0;
    }
}
.sample .heading__txt p .red-text {
    color: #802645;
    font-size: 20px;
}
@media screen and (max-width: 568px) {
    .sample .heading__txt p .red-text {
        font-size: 19px;
    }
}
.sample .heading__txt .small-text {
    font-size: 12px;
    line-height: 2;
}
.sample .heading__img {
    width: 62%;
    margin: 50px auto 60px;
}
@media screen and (max-width: 768px) {
    .sample .heading__img {
        width: 80%;
    }
}
.sample .heading__ttl {
    font-size: 22px;
    text-align: center;
    color: #362e2b;
    margin-bottom: 60px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.08em;
}
@media screen and (max-width: 568px) {
    .sample .heading__ttl {
        font-size: 22px;
        margin-bottom: 40px;
    }
}
.sample .heading__txt {
    text-align: center;
}
.sample .heading__ttl02 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
    color: #fff;
    background-color: #802645;
    padding: 15px 30px;
}
.sample .heading__ttl03 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
    color: #fff;
    background-color: #802645;
    padding: 15px 30px;
}
.sample .head-nev ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px;
}
@media screen and (max-width: 568px) {
    .sample .head-nev ul {
        gap: 15px;
    }
}
.sample .head-nev ul li {
    width: calc(33.3333333333% - 16.6666666667px);
    border: #802645 solid 1px;
    color: #802645;
    font-weight: 500;
    text-align: center;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
@media screen and (max-width: 768px) {
    .sample .head-nev ul li {
        width: calc(50% - 12.5px);
    }
}
@media screen and (max-width: 568px) {
    .sample .head-nev ul li {
        width: 100%;
    }
}
.sample .head-nev ul li a {
    padding: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.sample .head-nev ul li a::after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    color: #802645;
}
.sample .head-nev ul li:hover {
    cursor: pointer;
    background-color: #802645;
    opacity: 1;
    color: #fff;
}
.sample .head-nev ul li:hover a {
    opacity: 1;
}
.sample .head-nev ul li:hover a::after {
    color: #fff;
}
.sample .head-nev ul li.active {
    background-color: #802645;
    color: #fff;
}
.sample .head-nev ul li.active a::after {
    color: #fff;
}
.sample .sec02 .heading {
    margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
    .sample .sec02 .heading {
        margin-bottom: 20px;
    }
}
.sample .sec02 .heading__ttl {
    margin-bottom: 30px;
}
.sample .sec03 .heading {
    margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
    .sample .sec03 .heading {
        margin-bottom: 20px;
    }
}
.sample .sec03 .heading__ttl {
    margin-bottom: 30px;
}
.sample input,
.sample textarea {
    background: #f7f6f1;
    border: 1px solid #deddd5;
    padding: 25px;
    border-radius: 5px;
}
.sample input::-webkit-input-placeholder,
.sample textarea::-webkit-input-placeholder {
    color: #c6bfb4;
    font-size: 16px;
}
.sample input::-moz-placeholder,
.sample textarea::-moz-placeholder {
    color: #c6bfb4;
    font-size: 16px;
}
.sample input:-ms-input-placeholder,
.sample textarea:-ms-input-placeholder {
    color: #c6bfb4;
    font-size: 16px;
}
.sample input::-ms-input-placeholder,
.sample textarea::-ms-input-placeholder {
    color: #c6bfb4;
    font-size: 16px;
}
.sample input::placeholder,
.sample textarea::placeholder {
    color: #c6bfb4;
    font-size: 16px;
}
.sample textarea {
    height: 18em;
}
@media screen and (max-width: 568px) {
    .sample textarea {
        height: 12em;
    }
}
.sample .confirmationPage .ec-off4Grid__cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    width: 100%;
}
@media screen and (max-width: 568px) {
    .sample .confirmationPage .ec-off4Grid__cell {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.sample .confirmationPage .ec-off4Grid__cell .ec-blockBtn--action_confirmation {
    width: 30%;
    margin: 20px 0 60px 0;
    height: 70px;
}
@media screen and (max-width: 768px) {
    .sample .confirmationPage .ec-off4Grid__cell .ec-blockBtn--action_confirmation {
        width: 50%;
    }
}
@media screen and (max-width: 568px) {
    .sample .confirmationPage .ec-off4Grid__cell .ec-blockBtn--action_confirmation {
        width: 100%;
    }
}
.sample .confirmationPage .ec-blockBtn--cancel {
    background-color: #333;
    width: 30%;
    height: 70px;
    margin: 20px 0 60px 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    margin-right: 20px;
}
.sample .confirmationPage .ec-blockBtn--cancel:hover {
    opacity: 0.6;
}
@media screen and (max-width: 768px) {
    .sample .confirmationPage .ec-blockBtn--cancel {
        width: 50%;
    }
}
@media screen and (max-width: 568px) {
    .sample .confirmationPage .ec-blockBtn--cancel {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
}
.sample .confirmationPage .ec-blockBtn--cancel .dli-caret-circle-fill-right::before {
    content: '';
    color: #333;
}
.sample .confirmationPage .ec-blockBtn--cancel .dli-caret-circle-fill-right:hover {
    opacity: 0.6;
}

@media screen and (max-width: 568px) {
    .ec-halfInput {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.ec-halfInput input[type='text'] {
    width: 48.5%;
}
@media screen and (max-width: 955px) {
    .ec-halfInput input[type='text'] {
        width: 47%;
    }
}
@media screen and (max-width: 768px) {
    .ec-halfInput input[type='text'] {
        width: 48%;
    }
}
@media screen and (max-width: 568px) {
    .ec-halfInput input[type='text'] {
        width: 48%;
        margin-left: 0;
    }
}

.ec-telInput input,
.ec-faxInput input,
.ec-company_nameInput input {
    max-width: 20em;
    height: 40px;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .ec-telInput input,
    .ec-faxInput input,
    .ec-company_nameInput input {
        max-width: 100%;
    }
}

.ec-select select {
    font-size: 16px;
    width: 16em;
    padding: 10px;
    background: #fff;
}
@media screen and (max-width: 568px) {
    .ec-select select {
        width: 100%;
    }
}

.ec-off1Grid .ec-off1Grid__cell {
    width: 100%;
    margin-left: 0;
}

.ttlBtm-text {
    margin-bottom: 30px;
}
@media screen and (max-width: 568px) {
    .ttlBtm-text {
        margin-bottom: 40px;
    }
}

.ec-borderedDefs {
    border-top: none;
}
.ec-borderedDefs .ec-required {
    color: #fff;
    background: #ac6a00;
    font-size: 10px;
    padding: 4px 12px;
}
@media screen and (max-width: 568px) {
    .ec-borderedDefs .ec-required {
        padding: 4px 13px;
        height: 20px;
        margin-bottom: 6px;
    }
}
.ec-borderedDefs dl {
    border-bottom: 1px solid #c6bfb4;
    padding: 20px 0 5px;
}
@media screen and (max-width: 568px) {
    .ec-borderedDefs dl {
        padding: 10px 0 10px;
    }
}
.ec-borderedDefs dl:last-of-type {
    padding-bottom: 25px;
}
.ec-borderedDefs dl:first-of-type {
    padding-top: 15px;
}
.ec-borderedDefs dl dt {
    font-size: 16px;
    font-weight: 500;
}
@media screen and (max-width: 568px) {
    .ec-borderedDefs dl dt {
        width: 90%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.ec-borderedDefs dl dt .ec-label {
    line-height: 2;
    margin-top: -5px;
}
@media screen and (max-width: 568px) {
    .ec-borderedDefs dl dt .ec-label {
        width: auto;
    }
}
.ec-borderedDefs p {
    font-weight: 400;
}
.ec-borderedDefs .bigDt {
    width: 60%;
    padding-top: 0;
}
@media screen and (max-width: 900px) and (min-width: 768px) {
    .ec-borderedDefs .bigDt {
        width: 35%;
        margin-right: 6%;
    }
}
@media screen and (max-width: 568px) {
    .ec-borderedDefs .bigDt {
        width: 100%;
        margin-right: 0;
    }
}
.ec-borderedDefs dd .ec-para-normal {
    font-size: 11px;
}
.ec-borderedDefs dd .ec-para-normal_Big {
    margin-bottom: 15px;
}
.ec-borderedDefs dd .checkBox_txt {
    font-size: 16px;
    margin-left: 10px;
}
.ec-borderedDefs dd .twoWrap {
    width: 28%;
}
@media screen and (max-width: 1030px) {
    .ec-borderedDefs dd .twoWrap {
        width: 44%;
    }
}
.ec-borderedDefs dd .question-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ec-borderedDefs dd .question-box .question-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 15px;
    margin-right: 12%;
}
@media screen and (max-width: 1030px) {
    .ec-borderedDefs dd .question-box .question-checkbox {
        margin-right: 4%;
    }
}
@media screen and (max-width: 568px) {
    .ec-borderedDefs dd .question-box .question-checkbox {
        margin-right: 0;
        width: 100%;
        margin-bottom: 5px;
    }
}
.ec-borderedDefs dd .question-box .question-checkbox:last-child {
    margin-bottom: 15px;
}
@media screen and (max-width: 568px) {
    .ec-borderedDefs dd .question-box .question-checkbox:last-child {
        margin-bottom: 5px;
    }
}
.ec-borderedDefs dd .question-box .question-checkbox:nth-of-type(3) {
    margin-right: 0;
}
@media screen and (max-width: 1200px) {
    .ec-borderedDefs dd .question-box .question-checkbox:nth-of-type(3) {
        margin-right: 4%;
    }
}
@media screen and (max-width: 1200px) {
    .ec-borderedDefs dd .question-box .question-checkbox:nth-of-type(4) {
        margin-right: 0;
    }
}
.ec-borderedDefs dd .question-box .mbNone {
    margin-bottom: 0;
}

.sampleBox {
    margin: 50px 0 80px 0px;
}
.sampleBox dl {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px 0 !important;
}
.sampleBox dl:first-child {
    border-top: 1px solid #c6bfb4;
}
@media screen and (max-width: 568px) {
    .sampleBox dl .sampleBox_color {
        width: 90%;
        margin: 0 auto;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}
.sampleBox dl .sampleBox_color .sample-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
@media screen and (max-width: 568px) {
    .sampleBox dl .sampleBox_color .sample-item {
        width: 68%;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.sampleBox dl .sampleBox_color .sample-item li {
    width: calc(50% - 5px);
}
.sampleBox dl .sampleBox_color .sample-item li .sample_img {
    width: 115px;
    height: 40px;
    margin-left: 20px;
}
.sampleBox dl .sampleBox_color .sample-item li .sample_img.navy {
    background-image: url(../img/sample/navy.jpg);
    background-size: cover;
    background-position: center;
}
.sampleBox dl .sampleBox_color .sample-item li .sample_img.brown {
    background-image: url(../img/sample/brown.jpg);
    background-size: cover;
    background-position: center;
}
.sampleBox dl .sampleBox_color .sample-item li .sample_img.green {
    background-image: url(../img/sample/green.jpg);
    background-size: cover;
    background-position: center;
}
.sampleBox dl .sampleBox_color .sample-item li .sample_img.black {
    background-image: url(../img/sample/black.jpg);
    background-size: cover;
    background-position: center;
}
.sampleBox dl .sampleBox_color .sample-item li .sample_img.ivory {
    background-image: url(../img/sample/ivory.jpg);
    background-size: cover;
    background-position: center;
}
.sampleBox dl .sampleBox_color .sample-item li .sample_img.red {
    background-image: url(../img/sample/red.jpg);
    background-size: cover;
    background-position: center;
}
.sampleBox dl .sampleBox_color .sample-item li .sample_img.gray {
    background-image: url(../img/sample/gray.jpg);
    background-size: cover;
    background-position: center;
}
.sampleBox dl .sampleBox_color .sample-item .question-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.sampleBox dl .sampleBox_color .sample-item .question-checkbox label {
    font-size: 16px;
    font-weight: 400;
}
.sampleBox dl dd.sampleBox_img {
    width: 25%;
}
@media screen and (max-width: 768px) {
    .sampleBox dl dd.sampleBox_img {
        width: 30%;
    }
}
.sampleBox dl dd.sampleBox_img .img {
    width: 130px;
    margin: 0 auto;
}
.sampleBox dl dd.sampleBox_color {
    width: 50%;
}
@media screen and (max-width: 768px) {
    .sampleBox dl dd.sampleBox_color {
        width: 70%;
    }
}
.sampleBox dl dt {
    text-align: center;
    width: 25%;
}
@media screen and (max-width: 1024px) {
    .sampleBox dl dt {
        width: 25%;
    }
}
@media screen and (max-width: 768px) {
    .sampleBox dl dt {
        text-align: left;
        width: 30%;
    }
}
@media screen and (max-width: 568px) {
    .sampleBox dl dt {
        width: 100%;
    }
}
.sampleBox dl dt .ec-label {
    font-size: 18px;
}
@media screen and (max-width: 568px) {
    .sampleBox dl dt .ec-label {
        line-height: 1.5;
    }
}

.ec-zipInput {
    margin-bottom: 10px;
}
@media screen and (max-width: 568px) {
    .ec-zipInput {
        display: block;
    }
}
.ec-zipInput .zip-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}
@media screen and (max-width: 568px) {
    .ec-zipInput .zip-inner {
        width: 100%;
        margin-bottom: 10px;
    }
}
.ec-zipInput .zip-inner .p-postal-code {
    margin-bottom: 0px;
}
.ec-zipInput span {
    vertical-align: super;
    font-size: 18px;
    font-weight: 500;
}
.ec-zipInput .ec-zipInputHelp {
    margin-bottom: 0;
    margin-left: 0;
}
@media screen and (max-width: 568px) {
    .ec-zipInput .ec-zipInputHelp {
        margin-left: 0;
    }
}
.ec-zipInput .ec-zipInputHelp span {
    font-size: 12px;
    vertical-align: super;
    border-bottom: 1px solid;
    color: #333;
    padding-bottom: 10px;
    font-weight: 500;
}
@media screen and (max-width: 568px) {
    .ec-zipInput .ec-zipInputHelp span {
        margin-left: 0;
        padding-left: 0;
    }
}
.ec-zipInput input {
    max-width: 16em;
}
@media screen and (max-width: 568px) {
    .ec-zipInput input {
        max-width: 100%;
        width: 90%;
    }
}

.dli-caret-circle-fill-right {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    position: relative;
    width: 0.6em;
    height: 0.6em;
    border: 0.1em solid currentColor;
    background: currentColor;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-right: 8px;
}
.dli-caret-circle-fill-right::before {
    content: '';
    color: #802645;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0.18em 0.25em;
    border-left-color: currentColor;
    border-right: 0;
    -webkit-transform: translateX(15%);
    transform: translateX(15%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.ec-para-normal {
    font-size: 11px;
    margin: 0 0 10px !important;
}

.cart-page .heading {
    margin-bottom: 60px;
}
.cart-page .ec-cartRow {
    line-height: 1.8;
}
.cart-page .ec-cartRow:last-of-type .ec-cartRow__contentColumn {
    border-bottom: double 4px #deddd5;
}
.cart-page .ec-cartRow:last-of-type .ec-cartRow__amountColumn {
    border-bottom: double 4px #deddd5;
}
.cart-page .ec-cartRow:last-of-type .ec-cartRow__subtotalColumn {
    border-bottom: double 4px #deddd5;
}
.cart-page .ec-cartRow:last-of-type .ec-cartRow__delColumn {
    border-bottom: double 4px #deddd5;
}
@media screen and (max-width: 768px) {
    .cart-page .ec-cartRow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.cart-page .ec-progress .ec-progress__label {
    color: #802645;
}
@media screen and (max-width: 568px) {
    .cart-page .ec-progress .ec-progress__label {
        font-size: 16px;
    }
}
.cart-page .ec-progress .is-complete .ec-progress__label {
    color: #802645;
}
.cart-page .ec-progress .is-complete .ec-progress__number {
    background-color: #802645;
}
.cart-page .ec-cartRow__delColumn {
    font-size: 12px;
    padding: 10px 12px;
    border-bottom: 1px dotted #ccc;
}
.cart-page .ec-cartRow__delColumn a {
    font-size: 12px;
    padding: 3px 8px;
    border: solid 1px #ddd;
    border-radius: 10px;
    display: inline-block;
}
.cart-page .ec-progress .ec-progress__item:after {
    height: 2px;
    top: 10px;
    background: #802645;
    border: none;
}
.cart-page .ec-progress .is-complete .ec-progress__number {
    background: #802645;
}

.ec-cartRole__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
@media screen and (max-width: 568px) {
    .ec-cartRole__btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.ec-cartRole__btn .flexItem {
    width: 300px;
}
@media screen and (max-width: 768px) {
    .ec-cartRole__btn .flexItem {
        width: 250px;
    }
}
@media screen and (max-width: 568px) {
    .ec-cartRole__btn .flexItem {
        width: 100%;
    }
}

.ec-cartRole__btn .flexItem a:not(last-of-child) {
    margin-bottom: 15px;
}

.ec-cartHeader .ec-cartHeader__label {
    text-align: center;
    background: #f7f6f1;
    overflow-x: hidden;
    font-weight: 500;
    color: #362e2b;
    font-size: 14px;
    border-top: solid 1px #deddd5;
    border-bottom: solid 1px #deddd5;
}

.ec-cartRow .ec-cartRow__summary {
    width: auto;
    font-weight: 400;
}

.ec-cartRow .ec-cartRow__img .ec-cartRow__name {
    font-size: 18px;
    font-weight: 500;
}

.ec-cartRow .ec-cartRow__contentColumn {
    padding: 25px 10px;
    vertical-align: top;
    border-bottom: 1px solid #deddd5;
}

.ec-cartRow .ec-cartRow__delColumn {
    padding: 25px 10px;
    vertical-align: top;
    border-bottom: 1px solid #deddd5;
}

.ec-cartRow .ec-cartRow__subtotalColumn {
    text-align: center;
    width: auto;
    padding: 25px 10px;
    vertical-align: top;
    border-bottom: 1px solid #deddd5;
}

.ec-cartRow .ec-cartRow__amountColumn {
    width: auto;
    padding: 25px 10px;
    font-size: 15px;
    vertical-align: top;
    border-bottom: 1px solid #deddd5;
}
@media screen and (max-width: 568px) {
    .ec-cartRow .ec-cartRow__amountColumn {
        width: 30%;
        margin-left: auto;
    }
}

.ec-cartRow .ec-cartRow__amountDownButtonDisabled,
.ec-cartRow .ec-cartRow__amountDownButton,
.ec-cartRow .ec-cartRow__amountUpButton {
    margin: 0 2px;
    display: inline-block;
    border: none !important;
    border-radius: 0 !important;
    width: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;
    height: 15px !important;
    cursor: pointer !important;
    line-height: 15px !important;
    vertical-align: middle !important;
    position: relative !important;
    text-align: center !important;
    background: #333333 !important;
}
@media screen and (max-width: 768px) {
    .ec-cartRow .ec-cartRow__amountDownButtonDisabled,
    .ec-cartRow .ec-cartRow__amountDownButton,
    .ec-cartRow .ec-cartRow__amountUpButton {
        width: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
    }
}

.ec-cartRow .ec-cartRow__amountUpDown {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
@media screen and (max-width: 768px) {
    .ec-cartRow .ec-cartRow__amountUpDown {
        gap: 5px !important;
        min-width: 65px !important;
    }
}

.ec-cartRow .ec-cartRow__amountDownButtonDisabled,
.ec-cartRow .ec-cartRow__amountDownButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.ec-cartRow .ec-cartRow__amountDownButtonDisabled::before,
.ec-cartRow .ec-cartRow__amountDownButton::before {
    content: '';
    width: 8px;
    height: 1px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
    .ec-cartRow .ec-cartRow__amountDownButtonDisabled::before,
    .ec-cartRow .ec-cartRow__amountDownButton::before {
        width: 18px;
        height: 2px;
    }
}

.ec-cartRow .ec-cartRow__amountUpButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.ec-cartRow .ec-cartRow__amountUpButton::before {
    content: '';
    width: 8px;
    height: 1px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
    .ec-cartRow .ec-cartRow__amountUpButton::before {
        width: 18px;
        height: 2px;
    }
}
.ec-cartRow .ec-cartRow__amountUpButton::after {
    content: '';
    width: 1px;
    height: 8px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
    .ec-cartRow .ec-cartRow__amountUpButton::after {
        height: 18px;
        width: 2px;
    }
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount {
    margin-bottom: 5px;
}

.ec-cartRole .ec-cartRole__total {
    font-weight: 400;
    font-size: 14px;
}

.ec-cartRole .ec-cartRole__totalAmount {
    margin-left: 15px;
    color: #362e2b;
    font-size: 28px;
    font-family: 'Cinzel', serif;
    font-weight: 500;
}
@media screen and (max-width: 768px) {
    .ec-cartRole .ec-cartRole__totalAmount {
        font-size: 34px;
    }
}

.ec-blockBtn--action {
    background-color: #ac6a00;
    border-color: #ac6a00;
}

.ec-cartRole__btn .ec-blockBtn--action img {
    width: 18px;
    margin-right: 10px;
}

.ec-blockBtn--estimate {
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 0.875rem;
    border-radius: 1.42857142;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 16px;
    text-decoration: none;
    color: #fff;
    background-color: #802645;
    border-color: #802645;
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    padding-top: 0;
    padding-bottom: 0;
}

.ec-cartRow .ec-cartRow__img {
    width: 100%;
}

.ec-cartRole__btn a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.ec-cartRole__btn a img {
    width: 12px;
    margin-right: 10px;
}

.cart-page .ec-progress .ec-progress__number {
    line-height: 20px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    background-color: #fff;
    border: 2px solid #802645;
}
.cart-page .ec-cartRole .ec-cartRole__cart {
    margin: 0 auto;
}
.cart-page .ec-cartRow .ec-cartRow__amountColumn {
    width: auto;
}
.cart-page .ec-cartRow .ec-cartRow__delColumn {
    width: auto;
}
.cart-page .ec-cartRole .ec-cartRole__actions {
    margin-right: 0;
}
.cart-page .ec-cartRow .ec-cartRow__img {
    display: inline-block;
    min-width: 80px;
    max-width: 120px;
    padding-right: 0;
}
.cart-page .ec-progress {
    margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
    .cart-page .ec-progress {
        margin-bottom: 20px;
    }
}
.cart-page .ec-cartRole .ec-cartRole__totalText {
    margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
    .cart-page .ec-cartRole .ec-cartRole__totalText {
        margin-bottom: 40px;
    }
}
.cart-page .ec-cartRole .ec-cartRole__totalText strong {
    font-family: 'Cinzel', serif;
}

.ec-cartRow__unitPriceSP {
    display: none;
}

.ec-cartRow__delSP {
    display: none;
}

.ec-cartRow__nameSP {
    display: none;
}

.ec-cartRow__amountSP {
    display: none;
}

.ec-cartRow__SP {
    display: none;
}

@media only screen and (max-width: 767px) {
    .cart-page .ec-cartRow .ec-cartHeader {
        display: none;
    }
    .cart-page .ec-cartRow .ec-cartRow__amountColumn {
        display: none;
    }
    .cart-page .ec-cartRow .ec-cartRow__subtotalColumn {
        display: none;
    }
    .cart-page .ec-cartRow .ec-cartRow__delColumn {
        display: none;
    }
    .cart-page .ec-cartRow .ec-cartRow__contentColumn01 {
        width: 30%;
        padding: 30px 15px 30px 0;
        display: inline-block;
    }
    .cart-page .ec-cartRow .ec-cartRow__contentColumn02 {
        width: 70%;
        padding: 30px 0 30px 0;
        display: inline-block;
    }
    .cart-page .ec-cartRow .ec-cartRow__name {
        display: none;
    }
    .cart-page .ec-cartRow .ec-cartRow__nameSP {
        display: block;
        font-weight: 500;
        margin-bottom: 10px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 10px;
    }
    .cart-page .ec-cartRow .ec-cartRow__amountSP {
        display: block;
        font-weight: 500;
    }
    .cart-page .ec-cartRow .ec-cartRow__sutbtotalSP span {
        font-weight: 500;
    }
    .cart-page .ec-cartRow .ec-cartRow__unitPriceSP {
        display: block;
        margin-top: 10px;
    }
    .cart-page .ec-cartRow .ec-cartRow__unitPriceSP span {
        font-weight: 500;
    }
    .cart-page .ec-cartRow .ec-cartRow__delSP {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 12px;
        padding: 10px 12px;
    }
    .cart-page .ec-cartRow .ec-cartRow__delSP a {
        font-size: 12px;
        padding: 3px 8px;
        border: solid 1px #ddd;
        border-radius: 10px;
        display: inline-block;
    }
    .cart-page .ec-cartRow .ec-cartRow__SP {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .cart-page .ec-cartTable {
        border-top: solid 1px #deddd5;
    }
    .ec-cartRole {
        padding-left: 0;
        padding-right: 0;
    }
}
.sp {
    display: none;
}
@media screen and (max-width: 568px) {
    .sp {
        display: block;
    }
}

.ec-alert-warning {
    background: #333;
}

.ec-layoutRole__header {
    background-color: #fff;
    z-index: 1;
}

.ec-itemNav__nav-a li a {
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 15px;
}

.ec-categoryNaviRole {
    padding-left: 0;
    padding-right: 0;
}

.ec-categoryNaviRole_wrap {
    background-color: #fff;
    -webkit-box-shadow: 0px 12px 10px -6px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 12px 10px -6px rgba(0, 0, 0, 0.1);
}

.ec-itemNav__nav-a li.withicon a::before {
    content: '';
    width: 15px;
    height: 15px;
    background-image: url(../img/top/arrow_drop_down_circle.png);
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
}

.ec-itemNav__nav-a > .sub {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.ec-itemNav__nav-a > .sub:hover {
    background: #f7f6f1;
    opacity: 1;
}

.ec-itemNav {
    position: relative;
}
.ec-itemNav__nav-a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    height: auto;
    color: #2e3233;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    text-align: left;
    background: #fff;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ec-itemNav__nav-a .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.ec-itemNav__nav-a .sub.nav-item a.withIcon::after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    display: inline-block;
}
.ec-itemNav__nav-a .sub.nav-item .subNav {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: none;
}
.ec-itemNav__nav-a .sub.nav-item .subNav__menu {
    left: 0;
    position: absolute;
    width: 100%;
    background-color: #f7f6f1;
    padding: 25px;
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    z-index: 100;
}
.ec-itemNav__nav-a .sub.nav-item .subNav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 5px;
}
.ec-itemNav__nav-a .sub.nav-item .subNav__item {
    margin-bottom: 0px;
    text-align: left;
    width: calc(25% - 11.25px);
    height: auto;
}
.ec-itemNav__nav-a .sub.nav-item .subNav__item:last-child a {
    margin-bottom: 0;
}
.ec-itemNav__nav-a .sub.nav-item .subNav__item a {
    display: inline-block;
    border-bottom: solid 1px transparent;
    padding: 0;
    background: none;
    text-align: left;
}
.ec-itemNav__nav-a .sub.nav-item .subNav__item a::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #333333;
    margin-right: 6px;
    display: inline-block;
}
.ec-itemNav__nav-a .sub.nav-item .subNav__item a:hover {
    border-bottom: solid 1px #a42012;
    opacity: 1;
}
.ec-itemNav__nav-a .sub.nav-item:hover .subNav {
    display: block;
}
.ec-itemNav__nav-a.hover::before {
    content: '';
    height: 100vh;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0.3)),
        to(rgba(0, 0, 0, 0))
    );
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    position: absolute;
    left: 0;
    top: 100%;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    z-index: 1;
    opacity: 1;
}

.header {
    border-bottom: solid 1px #f2f0e7;
}
@media screen and (max-width: 768px) {
    .header {
        height: 125px;
    }
}
.header__inner {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.4;
    color: #525263;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
    .header__inner {
        border-bottom: 1px solid #f2f0e7;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
.header__left {
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
}
.header__right {
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.header__logo {
    width: 150px;
}
.header .search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 325px;
    min-width: 300px;
    overflow: hidden;
    border-radius: 3px;
    background-color: #f7f6f0;
    margin-right: 20px;
}
@media screen and (max-width: 768px) {
    .header .search-form {
        display: none;
    }
}
.header .search-form label {
    width: 100%;
}
.header .search-form input {
    height: 35px;
    padding: 5px 12px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f7f6f0;
    font-size: 11px;
    outline: none;
    width: 100%;
}
.header .search-form input::-webkit-input-placeholder {
    color: #717171;
}
.header .search-form input::-moz-placeholder {
    color: #717171;
}
.header .search-form input:-ms-input-placeholder {
    color: #717171;
}
.header .search-form input::-ms-input-placeholder {
    color: #717171;
}
.header .search-form input::placeholder {
    color: #717171;
}
.header .search-form button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 35px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.header .search-form button::after {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23802645%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
    margin-top: 5px;
}
.header .btn-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-right: 10px;
}
@media screen and (max-width: 568px) {
    .header .btn-wrap {
        display: none;
    }
}
.header .btn-wrap a {
    max-width: 125px;
}
.header .ec-headerNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.header .ec-headerNaviRole__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.header .ec-headerNaviRole .ec-headerNaviRole__nav a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.header .ec-headerNaviRole:after {
    content: none;
}
.header .ec-headerNav .ec-headerNav__itemIcon {
    color: #802645;
    margin-left: 0;
}
@media screen and (max-width: 768px) {
    .header .ec-headerNav .ec-headerNav__item {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .header .ec-headerNav__item.cart {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
.header .ec-headerNav .ec-headerNav__itemLink {
    font-size: 12px;
    color: #802645;
    font-weight: 400;
    margin-right: 0;
    display: block;
}
.header .ec-headerNav__item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 1024px) {
    .header .ec-headerNav__item a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.header .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}
@media screen and (max-width: 1024px) {
    .header .ec-headerNav__item a .ec-headerNav__itemLink {
        font-size: 10px;
        white-space: nowrap;
    }
}
.header .header__search-form-wrap {
    display: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.header .header__search-form-wrap .search-form-btm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    background-color: #f7f6f0;
}
.header .header__search-form-wrap .search-form-btm label {
    width: 100%;
}
.header .header__search-form-wrap .search-form-btm input {
    height: 35px;
    padding: 5px 12px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f7f6f0;
    font-size: 11px;
    outline: none;
    width: 100%;
}
.header .header__search-form-wrap .search-form-btm input::-webkit-input-placeholder {
    color: #717171;
}
.header .header__search-form-wrap .search-form-btm input::-moz-placeholder {
    color: #717171;
}
.header .header__search-form-wrap .search-form-btm input:-ms-input-placeholder {
    color: #717171;
}
.header .header__search-form-wrap .search-form-btm input::-ms-input-placeholder {
    color: #717171;
}
.header .header__search-form-wrap .search-form-btm input::placeholder {
    color: #717171;
}
.header .header__search-form-wrap .search-form-btm button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 35px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.header .header__search-form-wrap .search-form-btm button::after {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23802645%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
    margin-top: 5px;
}
@media screen and (max-width: 768px) {
    .header .header__search-form-wrap {
        display: block;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

/**************** 以下、ハンバーガーボタンのスタイリング ****************/
.ec-headerRole__navSP {
    margin-left: 10px;
}

.ec-headerNavSP {
    /* ボタンの配置位置  */
    position: initial;
    top: 16px;
    right: 16px;
    /* ボタンの大きさ  */
    width: 30px;
    /* バーガーの線をボタン範囲の中心に配置 */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* 最前面に */
    z-index: 10;
    padding: 0;
    margin-left: 10px;
}

/***** 真ん中のバーガー線 *****/
.btn-line {
    /* 線の長さと高さ */
    width: 100%;
    height: 1px;
    /* バーガー線の色 */
    background-color: #802645;
    /* バーガー線の位置基準として設定 */
    position: relative;
    margin-top: 10px;
}

/***** 上下のバーガー線 *****/
.btn-line::before,
.btn-line::after {
    content: '';
    /* 基準線と同じ大きさと色 */
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #802645;
    left: 0;
}

.btn-line::before {
    /* 上の線の位置 */
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.btn-line::after {
    /* 下の線の位置 */
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
}

.btn-txt::after {
    content: 'MENU';
    font-size: 10px;
    white-space: nowrap;
    color: #802645;
    font-weight: 400;
    margin-right: 0;
    display: block;
    margin-top: 12px;
}

/***** メニューオープン時 *****/
.ec-layoutRole.is_active .btn-line {
    background: transparent;
}
.ec-layoutRole.is_active .btn-line::before {
    /* 上の線を傾ける */
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
.ec-layoutRole.is_active .btn-line::after {
    /* 上の線を傾ける */
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}

/* ボタンフォーカス時の装飾 */
.btn:focus .btn-line,
.btn:focus .btn-line::before,
.btn:focus .btn-line::after {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7);
}

.btn:focus .btn-line {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.btn:focus .btn-line::before,
.btn:focus .btn-line::after {
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7);
}

/***** メニューオープン時 *****/
.ec-layoutRole.is_active .menu {
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
}
.ec-layoutRole.is_active .btn-txt::after {
    content: 'CLOSE';
}

@media only screen and (min-width: 768px) {
    .ec-headerNavSP {
        display: none !important;
    }
}
.ec-drawerRole {
    position: absolute;
    top: 125px;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    height: auto;
}
.ec-drawerRole .drawer .ec-headerLinkArea-btn-wrap {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
}
.ec-drawerRole .drawer .ec-headerLinkArea-btn-wrap .ec-headerLink__icon img {
    text-align: center;
    width: 1.25em;
}
.ec-drawerRole .drawer .ec-headerLinkArea .ec-headerLink__list {
    border-top: none;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}
.ec-drawerRole .drawer .ec-headerLinkArea .ec-headerLink__item {
    color: #802645;
    background-color: #fff;
    border: #802645 solid 1px;
    font-size: 12px;
    width: calc(50% - 7.5px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    line-height: 1.2;
    padding: 8px;
    height: 40px;
}
.ec-drawerRole .drawer .ec-headerLinkArea .ec-headerLink__item.color {
    background-color: #802645;
    color: #fff;
}
.ec-drawerRole .drawer .ec-headerCategoryArea {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 30px;
}
.ec-drawerRole .drawer .ec-headerCategoryArea .ec-itemNav__nav li a,
.ec-drawerRole .drawer .ec-headerCategoryArea .ec-itemNav__nav li .sidedown-btn {
    background: #fff;
    position: relative;
    font-size: 13px;
    padding: 16px 0;
}
.ec-drawerRole .drawer .ec-headerCategoryArea .ec-itemNav__nav li a::after,
.ec-drawerRole .drawer .ec-headerCategoryArea .ec-itemNav__nav li .sidedown-btn::after {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #333333;
    margin-left: 6px;
    display: inline-block;
}
.ec-drawerRole .drawer .ec-headerCategoryArea .ec-itemNav__nav li a.active::after,
.ec-drawerRole .drawer .ec-headerCategoryArea .ec-itemNav__nav li .sidedown-btn.active::after {
    border: none;
    width: 12px;
    height: 2px;
    background-color: #333;
}
.ec-drawerRole .drawer .ec-headerCategoryArea .ec-itemNav__nav li .sidedown-btn {
    background: #fff;
    position: relative;
    font-size: 13px;
    padding: 16px 0;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    display: block;
    margin: 0;
    height: auto;
    line-height: 20px;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}
.ec-drawerRole .drawer .ec-headerCategoryArea .subNav__list_sp .subNav__item a {
    padding-left: 10px;
    background-color: #f7f6f1;
}
.ec-drawerRole .drawer .ec-headerCategoryArea.bottom {
    background: #f2f0e7;
    padding-top: 10px;
    padding-bottom: 30px;
    margin-bottom: 0px;
}
.ec-drawerRole .drawer .ec-headerCategoryArea.bottom .ec-itemNav__nav li a {
    background: #f2f0e7;
}
.ec-drawerRole .drawer .sp-header__ttl {
    padding: 8px 20px;
    margin-bottom: 10px;
    background: #f2f0e7;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}

.footer {
    background-color: #333;
    color: #fff;
}
.footer__inner {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    max-width: 1130px;
    padding-top: 45px;
    padding-bottom: 30px;
}
.footer__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 15px;
    border-bottom: #fff solid 1px;
}
@media screen and (max-width: 768px) {
    .footer__top {
        display: block;
    }
}
.footer__top-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: 30px;
}
@media screen and (max-width: 768px) {
    .footer__top-logo {
        margin-right: 0;
        margin-bottom: 15px;
    }
}
.footer__top-logo a {
    margin-right: 20px;
}
.footer__top-logo a .footer__logo-img {
    width: 246px;
}
@media screen and (max-width: 768px) {
    .footer__top-logo a .footer__logo-img {
        width: 189px;
    }
}
.footer__top-logo .logo-ttl {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
}
@media screen and (max-width: 568px) {
    .footer__top-logo .logo-ttl {
        font-size: 13px;
    }
}
.footer__top-txt {
    margin-bottom: 10px;
}
.footer__top-txt .notoSe {
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
    .footer__top-txt {
        margin-left: 45px;
    }
}
.footer__top-txt span {
    font-weight: 500;
}
.footer__nav02 {
    margin-top: 30px;
    margin-bottom: 45px;
}
.footer__nav02 .footer__nav02-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
}
@media screen and (max-width: 568px) {
    .footer__nav02 .footer__nav02-flex {
        gap: 20px 10px;
    }
}
.footer__nav02 .footer__nav02-flex .footer__nav02-list {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    width: calc(25% - 11.25px);
}
.footer__nav02 .footer__nav02-flex .footer__nav02-list a {
    color: #fff;
}
.footer__nav02 .footer__nav02-flex .footer__nav02-list a:hover {
    color: #fff;
}
@media screen and (max-width: 568px) {
    .footer__nav02 .footer__nav02-flex .footer__nav02-list {
        width: calc(50% - 10px);
    }
}
.footer .footer__nav03 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    list-style: none;
    text-align: center;
    margin-bottom: 20px;
    gap: 60px;
    font-size: 11px;
}
@media screen and (max-width: 768px) {
    .footer .footer__nav03 {
        margin-bottom: 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0px;
    }
}
.footer .footer__nav03__link {
    line-height: 1.4;
}
.footer .footer__nav03__link a {
    color: #fff;
}
.footer .footer__nav03__link a:hover {
    color: #fff;
}
@media screen and (max-width: 768px) {
    .footer .footer__nav03__link {
        width: 50%;
        text-align: left;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 568px) {
    .footer .footer__nav03__link {
        font-size: 11px;
    }
}
.footer .footer__nav03__link a {
    text-decoration: none;
}
.footer .ec-footerTitle__copyright {
    text-align: center;
    padding-top: 15px;
    font-size: 11px;
}

.ec-blockTopBtn {
    display: none;
    position: fixed;
    width: auto;
    height: auto;
    right: 5%;
    bottom: 50px;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    line-height: initial;
    opacity: 1;
    background: none !important;
}
@media screen and (max-width: 568px) {
    .ec-blockTopBtn {
        right: 5%;
        bottom: 30px;
    }
}
.ec-blockTopBtn:hover {
    opacity: 0.8;
}

.registration_page .heading__txt h2,
.registration_page .heading__txt h3 {
    font-size: 20px;
    line-height: 1.75;
    text-align: center;
}
.registration_page .heading__txt p {
    line-height: 1.8;
    margin: 16px 0;
    font-weight: 400;
    margin-bottom: 32px;
    text-align: center;
}
.registration_page .ec-off3Grid .ec-off3Grid__cell {
    margin: 0 auto;
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
    .registration_page .ec-off3Grid .ec-off3Grid__cell {
        width: 80%;
    }
}
@media only screen and (min-width: 768px) {
    .registration_page .ec-off3Grid .ec-off3Grid__cell {
        margin: 0 auto;
    }
}

.blog-content-container ul,
.blog-content-container ol {
    list-style: initial !important;
    margin-left: 2em;
    padding-left: 0;
}

.blog-content-container ul li,
.blog-content-container ol li {
    display: list-item !important;
    list-style-type: inherit !important;
    margin-left: 0;
    padding-left: 0;
}

.blog-content-container ol {
    list-style-type: decimal !important;
}

.blog-content-container ul {
    list-style-type: disc !important;
}

.blog-content-container table,
.blog-content-container th,
.blog-content-container td {
    border: 1px solid #c6bfb4 !important;
    border-collapse: collapse;
}

.blog-content-container p {
    line-height: 1.8;
}