@charset "UTF-8";

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

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;
    font-size: 100%;
    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;
}

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;
}


/*----------------------------
font
----------------------------*/

@font-face {
    font-family: 'HATA';
    src: url("/assets/font/HATA.eot?86okm2");
    src: url("/assets/font/HATA.eot?86okm2#iefix") format("embedded-opentype"), url("/assets/font/HATA.ttf?86okm2") format("truetype"), url("/assets/font/HATA.woff?86okm2") format("woff"), url("/assets/font/HATA.svg?86okm2#HATA") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


/*----------------------------
keyColor
----------------------------*/


/*----------------------------
fontSize
----------------------------*/


/*----------------------------
fontWeight
----------------------------*/


/*----------------------------
contentWidth
----------------------------*/


/*----------------------------
mediaQueries
----------------------------*/


/*----------------------------
flex
----------------------------*/


/*----------------------------
content
----------------------------*/


/*----------------------------
transform
----------------------------*/


/*----------------------------
background
----------------------------*/


/*----------------------------
transition
----------------------------*/


/*----------------------------
width
----------------------------*/


/*----------------------------
imgWidth
----------------------------*/


/*----------------------------
centerContent
----------------------------*/


/*----------------------------
pageTitle
----------------------------*/

.pageTitle {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1025px) {
    .pageTitle {
        padding: 0 60px;
        height: 795px;
    }
}

@media screen and (max-width: 1025px) {
    .pageTitle {
        padding: 0 20px;
        height: 620px;
    }
}

.pageTitle-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
}

@media screen and (min-width: 1025px) {
    .pageTitle-inner {
        padding-left: 60px;
        padding-right: 20px;
        -webkit-transform: translateY(-64px);
        transform: translateY(-64px);
    }
}

@media screen and (max-width: 1025px) {
    .pageTitle-inner {
        padding-left: 12px;
        padding-right: 18px;
    }
}

.pageTitle-inner__L {
    width: calc(100% - 32px);
}

.pageTitle-inner__R {
    width: 32px;
}

@media screen and (min-width: 1025px) {
    .pageTitle-inner__R {
        height: 180px;
    }
}

@media screen and (max-width: 1025px) {
    .pageTitle-inner__R {
        height: 138px;
    }
}

.pageTitle-nav {
    margin-top: 52px;
}

.pageTitle-nav .glNav__list>li>a {
    color: #383841;
}

.pageTitle-nav .glNav__list>li>a::before {
    background: #383841;
}

@media screen and (max-width: 1025px) {
    .pageTitle-nav {
        display: none;
    }
}

.pageTitle-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.pageTitle-scroll {
    height: 100%;
}

.pageTitle-scroll .scrollBar__text {
    color: #383841;
}

.pageTitle-scroll .scrollBarTools__circle {
    border-color: #383841;
    opacity: 0.25;
}

.pageTitle-scroll .scrollBarTools__line {
    background-color: #383841;
}

.pageTitle-scroll .scrollBarTools__line::before {
    background-color: #383841;
}

.pageTitle-logo {
    position: absolute;
    padding-right: 20px;
    height: 100%;
}

@media screen and (min-width: 1025px) {
    .pageTitle-logo {
        top: 75px;
        width: 140px;
    }
}

@media screen and (max-width: 1025px) {
    .pageTitle-logo {
        top: 32px;
        width: 100px;
    }
}

.pageTitle-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    left: 0;
    top: 0;
}

.pageTitle-logo img {
    width: 100%;
}


/*----------------------------
pageTitle--about
----------------------------*/

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .pageTitle,
    body[data-page="PRIVACY POLICY"] .pageTitle,
    body[data-page="CONTACT"] .pageTitle,
    body[data-page="CATALOG"] .pageTitle,
    body[data-page="NEWS"] .pageTitle {
        height: 744px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .pageTitle,
    body[data-page="PRIVACY POLICY"] .pageTitle,
    body[data-page="CONTACT"] .pageTitle,
    body[data-page="CATALOG"] .pageTitle,
    body[data-page="NEWS"] .pageTitle {
        height: 576px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .pageTitle-inner,
    body[data-page="PRIVACY POLICY"] .pageTitle-inner,
    body[data-page="CONTACT"] .pageTitle-inner,
    body[data-page="CATALOG"] .pageTitle-inner,
    body[data-page="NEWS"] .pageTitle-inner {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*----------------------------
ページtab遷移基本設定
----------------------------*/

@media screen and (min-width: 1025px) {
    .tab-btn {
        padding: 60px 0 61px;
        min-height: 163px;
    }
}

@media screen and (max-width: 1025px) {
    .tab-btn {
        padding-bottom: 30px;
    }
}

.tab-btn__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 1025px) {
    .tab-btn__list {
        max-width: calc((1120 / 1440)*100vw);
    }
}

@media screen and (max-width: 1025px) {
    .tab-btn__list {
        width: 100%;
    }
}

.tab-btn__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    position: relative;
    z-index: 1;
    border-bottom: 2px solid #DDDDDD;
}

@media screen and (min-width: 1025px) {
    .tab-btn__list li {
        width: calc((100% - 100px)/3);
    }
}

@media screen and (max-width: 1025px) {
    .tab-btn__list li {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
    }
}

.tab-btn__list li::before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    position: absolute;
    width: 40px;
    height: 4px;
    border-radius: 6px;
    background: #383841;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-transform: translateX(-50%) scaleX(0);
    transform: translateX(-50%) scaleX(0);
}

.tab-btn__list li .textE {
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    color: #AAAAAA;
    letter-spacing: 0.16em;
    text-align: center;
    display: block;
    width: 100%;
}

@media screen and (min-width: 1025px) {
    .tab-btn__list li .textE {
        font-size: 1.375rem;
        padding-bottom: 18px;
    }
}

@media screen and (max-width: 1025px) {
    .tab-btn__list li .textE {
        font-size: 1.34rem;
        padding: 21px 0 19px;
    }
}


/*----------------------------
ページtabリアクション
----------------------------*/

@media screen and (max-width: 1025px) {
    .tab-btn__list li.pc--show {
        display: none;
    }
}

.tab-btn__list li.is--active::before {
    -webkit-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
}

.tab-btn__list li.is--active .textE {
    color: #383841;
    position: relative;
}

.tab-btn__list li:hover::before {
    -webkit-transform: translateX(-50%) scaleX(1);
    transform: translateX(-50%) scaleX(1);
}

@media screen and (min-width: 1025px) {
    .js--tabBtn {
        display: none;
    }
}

@media screen and (max-width: 1025px) {
    .js--tabBtn {
        display: block;
    }
    .js--tabBtn a {
        pointer-events: none;
    }
}

.js--tabBtn.is-active--open li.is--active::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

@media screen and (max-width: 1025px) {
    .js--tabCon {
        display: none;
    }
}


/*----------------------------
contactNav
----------------------------*/

.contactNav {
    position: relative;
    text-align: center;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.16rem;
    color: #DDDDDD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contactNav span {
    display: block;
}

@media screen and (min-width: 1025px) {
    .contactNav .textE {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 1025px) {
    .contactNav .textE {
        font-size: 1.34rem;
    }
}

@media screen and (min-width: 1025px) {
    .contactNav .num {
        font-size: 1.75rem;
        margin-left: 6px;
    }
}

@media screen and (max-width: 1025px) {
    .contactNav .num {
        font-size: 1.67rem;
        margin-left: 5px;
    }
}

.contactNav .sub {
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.contactNav .main {
    position: relative;
    width: 100%;
}

.contactNav .main::before {
    display: block;
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    background: #DDDDDD;
}

@media screen and (min-width: 1025px) {
    .contactNav .main::before {
        height: 2px;
    }
}

@media screen and (max-width: 1025px) {
    .contactNav .main::before {
        height: 1px;
    }
}

.contactNav .main::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #DDDDDD;
    border-radius: 6px;
}

@media screen and (min-width: 1025px) {
    .contactNav .main::after {
        width: 40px;
        height: 4px;
    }
}

@media screen and (max-width: 1025px) {
    .contactNav .main::after {
        width: 28px;
        height: 3px;
    }
}

@media screen and (min-width: 1025px) {
    .contactNav .main {
        font-size: 1.125rem;
        padding-top: 28px;
        margin-top: 26px;
    }
}

@media screen and (max-width: 1025px) {
    .contactNav .main {
        line-height: 1.6;
        padding-top: 15px;
        margin-top: 12px;
    }
}

.contactNav.is--active {
    color: #383841;
}

.contactNav.is--active .main {
    font-weight: 700;
}

.contactNav.is--active .main::after {
    background: #383841;
}


/*----------------------------
form
----------------------------*/

.form-default input::-webkit-input-placeholder,
.form-default textarea::-webkit-input-placeholder {
    color: #aaa;
    font-weight: 200;
}

.form-default input::-moz-placeholder,
.form-default textarea::-moz-placeholder {
    color: #aaa;
    font-weight: 200;
}

.form-default input:-ms-input-placeholder,
.form-default textarea:-ms-input-placeholder {
    color: #aaa;
    font-weight: 200;
}

.form-default input::-ms-input-placeholder,
.form-default textarea::-ms-input-placeholder {
    color: #aaa;
    font-weight: 200;
}

.form-default input::placeholder,
.form-default textarea::placeholder {
    color: #aaa;
    font-weight: 200;
}

@media screen and (max-width: 1025px) {
    .form-default input::-webkit-input-placeholder,
    .form-default textarea::-webkit-input-placeholder {
        font-size: 1.167rem;
        line-height: 1.6;
    }
    .form-default input::-moz-placeholder,
    .form-default textarea::-moz-placeholder {
        font-size: 1.167rem;
        line-height: 1.6;
    }
    .form-default input:-ms-input-placeholder,
    .form-default textarea:-ms-input-placeholder {
        font-size: 1.167rem;
        line-height: 1.6;
    }
    .form-default input::-ms-input-placeholder,
    .form-default textarea::-ms-input-placeholder {
        font-size: 1.167rem;
        line-height: 1.6;
    }
    .form-default input::placeholder,
    .form-default textarea::placeholder {
        font-size: 1.167rem;
        line-height: 1.6;
    }
}

.form-default input:focus,
.form-default textarea:focus {
    outline-offset: 0px;
    outline: none;
    border-color: #383841;
}

.form-default input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.form-default input[type="text"] {
    border: none;
    padding: 20px 0 12px;
    border-bottom: 1px solid #E7E7E7;
    line-height: 1;
    letter-spacing: 0.09rem;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .form-default input[type="text"] {
        font-size: 1.17rem;
        border-radius: 0;
    }
}

.form-default textarea {
    width: 100%;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    resize: none;
    line-height: 1.5;
    letter-spacing: 0.09rem;
    vertical-align: bottom;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

@media screen and (min-width: 1025px) {
    .form-default textarea {
        height: 240px;
        padding: 28px;
    }
}

@media screen and (max-width: 1025px) {
    .form-default textarea {
        height: 160px;
        padding: 16px;
    }
}

.form-default input[type="file"] {
    display: none;
}


/*----------------------------
inputBox
----------------------------*/

.inputBox {
    position: relative;
    display: block;
}

.inputBox::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #383841;
    left: 0%;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

@media screen and (max-width: 1025px) {
    .inputBox::after {
        bottom: 2px;
    }
}

.inputBox .text {
    display: block;
    color: #AAAAAA;
    line-height: 1;
    letter-spacing: 0.09rem;
    position: absolute;
    left: 0;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

@media screen and (max-width: 1025px) {
    .inputBox .text {
        font-size: 1.17rem;
    }
}

.inputBox a {
    color: #AAAAAA;
    pointer-events: none;
}

.inputBox.is--active::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.inputBox.is--active .text {
    font-size: 12px;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


/*----------------------------
checkList
----------------------------*/

.check-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #E7E7E7;
}

@media screen and (min-width: 1025px) {
    .check-list {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1025px) {
    .check-list {
        padding-bottom: 24px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1025px) {
    .check-list li {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    .check-list li+li {
        margin-left: 32px;
    }
}

@media screen and (max-width: 1025px) {
    .check-list li+li {
        margin-top: 20px;
    }
}


/*----------------------------
checkBox
----------------------------*/

.checkBox--default input[type="checkbox"],
.checkBox--default input[type="radio"] {
    margin: 0;
    display: none;
}

.checkBox--default .text {
    display: block;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .checkBox--default .text {
        padding: 4px 0 4px 34px;
        font-size: 0.875rem;
        line-height: 1;
    }
}

@media screen and (max-width: 1025px) {
    .checkBox--default .text {
        padding: 4px 0 4px 28px;
    }
}

.checkBox--default .text::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    border: 1px solid #E7E7E7;
    background: #fff;
}

@media screen and (min-width: 1025px) {
    .checkBox--default .text::before {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width: 1025px) {
    .checkBox--default .text::before {
        width: 20px;
        height: 20px;
    }
}

.checkBox--default .text::after {
    display: block;
    content: "";
    position: absolute;
    border: 3px solid #383841;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    visibility: hidden;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

@media screen and (min-width: 1025px) {
    .checkBox--default .text::after {
        left: 5px;
        top: 8px;
        width: 4px;
        height: 10px;
    }
}

@media screen and (max-width: 1025px) {
    .checkBox--default .text::after {
        left: 4px;
        top: 10px;
        width: 4px;
        height: 9px;
    }
}

.checkBox--default input[type="checkbox"]:checked+.text::after,
.checkBox--default input[type="radio"]:checked+.text::after {
    visibility: visible;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
}


/*----------------------------
btn
----------------------------*/

.formBtn--default input[type="file"] {
    display: none;
}

.formBtn--default .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #383841;
    border-radius: 0px 16px 0px 0px;
    width: 100%;
    letter-spacing: 0.09rem;
}

@media screen and (min-width: 1025px) {
    .formBtn--default .btn {
        padding: 20px 32px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    .formBtn--default .btn {
        padding: calc(20/1440*100vw) calc(32/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    .formBtn--default .btn {
        padding: 18px;
    }
}

.formBtn--default .btn .text {
    font-weight: 700;
    display: block;
    position: relative;
    line-height: 1;
    word-break: keep-all;
}

@media screen and (min-width: 1025px) {
    .formBtn--default .btn .text {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    .formBtn--default .btn .text {
        font-size: 1rem;
    }
}

.formBtn--default .btn .text::before {
    display: block;
    content: "";
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-62%);
    transform: translateY(-62%);
}

@media screen and (min-width: 1025px) {
    .formBtn--default.file .text {
        padding-left: 22px;
    }
}

@media screen and (max-width: 1025px) {
    .formBtn--default.file .text {
        padding-left: 18px;
    }
}

.formBtn--default.file .text::before {
    background-image: url("/assets/img/common/icon-file.svg");
}

@media screen and (min-width: 1025px) {
    .formBtn--default.file .text::before {
        width: 14px;
        height: 18px;
    }
}

@media screen and (max-width: 1025px) {
    .formBtn--default.file .text::before {
        width: 12px;
        height: 16px;
    }
}

@media screen and (min-width: 1025px) {
    .formBtn--default.postal .text {
        padding-left: 30px;
    }
}

@media screen and (max-width: 1025px) {
    .formBtn--default.postal .text {
        padding-left: 28px;
    }
}

.formBtn--default.postal .text::before {
    background-image: url("/assets/img/common/icon-postal.svg");
}

@media screen and (min-width: 1025px) {
    .formBtn--default.postal .text::before {
        width: 22px;
        height: 18px;
    }
}

@media screen and (max-width: 1025px) {
    .formBtn--default.postal .text::before {
        width: 20px;
        height: 16px;
    }
}


/*----------------------------
titleStyle
----------------------------*/

.title01--default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (min-width: 1025px) {
    .title01--default {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media screen and (max-width: 1025px) {
    .title01--default {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.title01--default .textE,
.title01--default .textJ,
.title01--default .line {
    display: block;
}

.title01--default .textJ {
    position: relative;
    letter-spacing: 2.2px;
    line-height: 1;
    margin-left: 45px;
}

@media screen and (min-width: 1025px) {
    .title01--default .textJ {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 1025px) {
    .title01--default .textJ {
        font-size: 1.166rem;
        margin-left: 29px;
    }
}

.title01--default .textE,
.title01--default .textE--H {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 1025px) {
    .title01--default .textE,
    .title01--default .textE--H {
        width: 100%;
        margin-bottom: 22px;
    }
}

@media screen and (min-width: 1025px) {
    .title01--default .textE img,
    .title01--default .textE--H img {
        height: 40px;
        max-width: 100%;
    }
}

@media screen and (max-width: 1025px) {
    .title01--default .textE img,
    .title01--default .textE--H img {
        height: 24px;
        max-width: 100%;
    }
}

.title01--default .textE--H {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 1025px) {
    .title01--default .textE--H {
        width: 100%;
        margin-bottom: 22px;
    }
}

@media screen and (min-width: 1025px) {
    .title01--default .textE--H img {
        height: 40px;
        max-width: 100%;
    }
}

@media screen and (max-width: 1025px) {
    .title01--default .textE--H img {
        height: 64px;
        max-width: 100%;
    }
}

.title01--default .line {
    width: 1px;
    background: #383841;
    border-radius: 2px;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@media screen and (min-width: 1025px) {
    .title01--default .line {
        height: 25px;
        -webkit-transform: translateX(12px) translateY(-2px) rotate(46.4deg);
        transform: translateX(12px) translateY(-2px) rotate(46.4deg);
    }
}

@media screen and (max-width: 1025px) {
    .title01--default .line {
        height: 16px;
        -webkit-transform: translateX(9px) translateY(-3px) rotate(46.4deg);
        transform: translateX(9px) translateY(-3px) rotate(46.4deg);
    }
}

.title02--default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media screen and (max-width: 1025px) {
    .title02--default.sp .textE {
        width: 100%;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 1380px) {
    .title02--default.sPc .textE {
        width: 100%;
        margin-bottom: 18px;
    }
}

.title02--default .textE,
.title02--default .textJ,
.title02--default .line {
    display: block;
}

.title02--default .textJ {
    position: relative;
    letter-spacing: 0.06em;
    line-height: 1;
}

@media screen and (min-width: 1025px) {
    .title02--default .textJ {
        font-size: 0.875rem;
        margin-left: 40px;
    }
}

@media screen and (max-width: 1025px) {
    .title02--default .textJ {
        margin-left: 32px;
        font-size: 0.917rem;
    }
}

.title02--default .textE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1025px) {
    .title02--default .textE img {
        height: 24px;
        max-width: 100%;
    }
}

@media screen and (max-width: 1025px) {
    .title02--default .textE img {
        height: 16px;
        max-width: 100%;
    }
}

.title02--default .line {
    width: 1.5px;
    background: #DDDDDD;
    opacity: 0.5;
    border-radius: 2px;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@media screen and (min-width: 1025px) {
    .title02--default .line {
        height: 21px;
        -webkit-transform: translateX(13px) translateY(-2px) rotate(46.4deg);
        transform: translateX(13px) translateY(-2px) rotate(46.4deg);
    }
}

@media screen and (max-width: 1025px) {
    .title02--default .line {
        height: 13px;
        -webkit-transform: translateX(12px) translateY(-2px) rotate(46.4deg);
        transform: translateX(12px) translateY(-2px) rotate(46.4deg);
    }
}

.title02--blockquote {
    text-align: center;
    padding: 10px 60px 30px;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .title02--blockquote {
        max-width: calc(660 / 1440 * 100vw);
        min-width: 660px;
        width: 100%;
    }
}

@media screen and (max-width: 1025px) {
    .title02--blockquote {
        width: 100%;
    }
}

.title02--blockquote span {
    display: block;
}

.title02--blockquote span.fontS {
    letter-spacing: 2px;
    line-height: 1;
    font-weight: 700;
}

@media screen and (min-width: 1025px) {
    .title02--blockquote span.fontS {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    .title02--blockquote span.fontS {
        font-size: 0.916rem;
    }
}

@media screen and (min-width: 1025px) {
    .title02--blockquote span.text {
        margin-top: 28px;
    }
}

@media screen and (max-width: 1025px) {
    .title02--blockquote span.text {
        margin-top: 16px;
    }
}

@media screen and (min-width: 1025px) {
    .title02--blockquote span.text img {
        height: 40px;
    }
}

@media screen and (max-width: 1025px) {
    .title02--blockquote span.text img {
        height: 24px;
    }
}

.title02--subText {
    letter-spacing: 3px;
}

.title02--subText.textBold .textB {
    font-weight: 700;
}

.title02--subText .textS,
.title02--subText .textB {
    display: block;
}

.title02--subText .textS {
    font-weight: 700;
    line-height: 1;
}

@media screen and (min-width: 1025px) {
    .title02--subText .textS {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    .title02--subText .textS {
        font-size: 0.916rem;
    }
}

.title02--subText .textB {
    line-height: 1.6;
    font-weight: 400;
}

@media screen and (min-width: 1025px) {
    .title02--subText .textB {
        font-size: 2.25rem;
        margin-top: 30px;
    }
}

@media screen and (max-width: 1025px) {
    .title02--subText .textB {
        font-size: 1.5rem;
        margin-top: 16px;
    }
}

.title02--prime {
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.5;
}

@media screen and (min-width: 1025px) {
    .title02--prime {
        font-size: 1.37rem;
    }
}

@media screen and (max-width: 1025px) {
    .title02--prime {
        font-size: 1.5rem;
    }
}

.title02--error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.title02--error .textB,
.title02--error .textS {
    display: block;
}

@media screen and (min-width: 1025px) {
    .title02--error .textB img {
        height: 72px;
        width: auto;
    }
}

@media screen and (max-width: 1025px) {
    .title02--error .textB img {
        height: 48px;
        width: auto;
    }
}

@media screen and (min-width: 1025px) {
    .title02--error .textS img {
        height: 24px;
        width: auto;
        margin-top: 20px;
    }
}

@media screen and (max-width: 1025px) {
    .title02--error .textS img {
        height: 14px;
        width: auto;
        margin-top: 14px;
    }
}

.title02--text {
    font-weight: 700;
    line-height: 1.6em;
}

@media screen and (min-width: 1025px) {
    .title02--text {
        font-size: 2.25rem;
        letter-spacing: 0.06em;
    }
}

@media screen and (max-width: 1025px) {
    .title02--text {
        font-size: 2rem;
        letter-spacing: 0.09em;
    }
}

.title02--icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    letter-spacing: 0.06em;
}

.title02--icon span {
    display: block;
}

@media screen and (max-width: 1025px) {
    .title02--icon .text {
        width: 100%;
    }
}

.title02--icon .textS {
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    line-height: 1;
}

@media screen and (min-width: 1025px) {
    .title02--icon .textS {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    .title02--icon .textS {
        font-size: 0.917rem;
    }
}

.title02--icon .textB {
    line-height: 1;
}

@media screen and (min-width: 1025px) {
    .title02--icon .textB {
        font-size: 1.75rem;
        margin-top: 24px;
    }
}

@media screen and (max-width: 1025px) {
    .title02--icon .textB {
        font-size: 1.67rem;
        margin-top: 12px;
    }
}

.title02--icon .icon img {
    width: 100%;
}

@media screen and (min-width: 1025px) {
    .title02--icon .icon {
        width: 152px;
        margin-left: 40px;
    }
}

@media screen and (max-width: 1025px) {
    .title02--icon .icon {
        width: 120px;
        margin-top: 24px;
    }
}

.title02--num {
    line-height: 1;
    letter-spacing: 0.06rem;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .title02--num {
        font-size: 1.25rem;
        padding-left: 20px;
    }
}

@media screen and (max-width: 1025px) {
    .title02--num {
        font-size: 1.34rem;
        padding-left: 17px;
    }
}

.title02--num__con {
    counter-reset: titleNum;
}

.title02--num::before {
    content: counter(titleNum) ".";
    position: absolute;
    left: 0;
    display: block;
    counter-increment: titleNum;
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
}

@media screen and (min-width: 1025px) {
    .title02--num::before {
        font-size: 23px;
        top: 0;
    }
}

@media screen and (max-width: 1025px) {
    .title02--num::before {
        font-size: 18px;
        top: -0.8px;
    }
}

.title03--fontS {
    font-weight: 700;
    letter-spacing: 2px;
}

@media screen and (min-width: 1025px) {
    .title03--fontS {
        font-size: 1rem;
    }
}

@media screen and (max-width: 1025px) {
    .title03--fontS {
        font-size: 1.17rem;
    }
}

.title03--default {
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.6;
    margin-bottom: -4px;
}

@media screen and (min-width: 1025px) {
    .title03--default {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 1025px) {
    .title03--default {
        font-size: 1.67rem;
    }
}

.title03--subText {
    letter-spacing: 1.5px;
}

.title03--subText .textS,
.title03--subText .textB {
    display: block;
}

.title03--subText .textS {
    font-weight: 700;
}

@media screen and (min-width: 1025px) {
    .title03--subText .textS {
        font-size: 0.875rem;
        line-height: 1;
    }
}

@media screen and (max-width: 1025px) {
    .title03--subText .textS {
        font-size: 0.917rem;
    }
}

.title03--subText .textB {
    font-weight: 700;
}

@media screen and (min-width: 1025px) {
    .title03--subText .textB {
        margin-top: 22px;
        font-size: 1.75rem;
        line-height: 1;
    }
}

@media screen and (max-width: 1025px) {
    .title03--subText .textB {
        margin-top: 12px;
        font-size: 1.6rem;
        line-height: 1.4;
    }
}

.title03--line {
    line-height: 1.1;
    letter-spacing: 1.5px;
}

.title03--line .textS {
    display: block;
    font-weight: 700;
}

@media screen and (min-width: 1025px) {
    .title03--line .textS {
        font-size: 1.14em;
    }
}

@media screen and (max-width: 1025px) {
    .title03--line .textS {
        font-size: 0.917rem;
    }
}

.title03--line .textB {
    font-weight: 700;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .title03--line .textB {
        font-size: 1.75rem;
        line-height: 1;
    }
    .title03--line .textB::before {
        display: block;
        content: "";
        position: absolute;
        height: 100%;
        width: 28px;
        display: block;
        position: absolute;
        top: 0;
        z-index: 0;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    .title03--line .textB {
        line-height: 1.5;
    }
}

@media screen and (max-width: 1025px) {
    .title03--line .textB {
        font-size: 1.67rem;
        line-height: 1.4;
    }
}

.title03--line .con {
    display: block;
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    .title03--line .con {
        margin-top: 24px;
    }
    .title03--line .con::after {
        display: block;
        content: "";
        position: absolute;
        height: 1px;
        background: #DDDDDD;
        width: 100%;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -1;
    }
}

@media screen and (max-width: 1025px) {
    .title03--line .con {
        margin-top: 12px;
    }
}

.title03--center {
    line-height: 1.8em;
    letter-spacing: 0.06em;
}

@media screen and (min-width: 1025px) {
    .title03--center {
        text-align: center;
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 1025px) {
    .title03--center {
        font-size: 1.67rem;
    }
}

.title03--form {
    font-size: 1.125rem;
    line-height: 1.3;
    letter-spacing: 0.09rem;
}

.title03--textE {
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.16em;
}

@media screen and (min-width: 1025px) {
    .title03--textE {
        font-size: 1.375rem;
    }
}

@media screen and (max-width: 1025px) {
    .title03--textE {
        font-size: 1.66rem;
    }
}

.required .title03--form {
    position: relative;
    display: inline-block;
    padding-right: 16px;
}

.required .title03--form::after {
    content: "*";
    position: absolute;
    color: red;
    right: 0px;
    top: 0;
    letter-spacing: -1px;
}

.title04--num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1;
}

.title04--num span {
    display: block;
}

.title04--num .num {
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    font-weight: 400;
}

@media screen and (min-width: 1025px) {
    .title04--num .num {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 1025px) {
    .title04--num .num {
        font-size: 1.67rem;
    }
}

.title04--num .text {
    position: relative;
}

@media screen and (min-width: 1025px) {
    .title04--num .text {
        margin-left: 24px;
        padding-left: 21px;
    }
}

@media screen and (max-width: 1025px) {
    .title04--num .text {
        margin-left: 15px;
        padding-left: 20px;
    }
}

.title04--num .text::before {
    display: block;
    content: "";
    position: absolute;
    width: 1px;
    background: #DDDDDD;
    height: calc(100% - 24px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

@media screen and (min-width: 1025px) {
    .title04--num .textS {
        font-size: 0.75rem;
    }
}

@media screen and (max-width: 1025px) {
    .title04--num .textS {
        font-size: 0.917rem;
    }
}

@media screen and (min-width: 1025px) {
    .title04--num .textB {
        font-size: 1.37rem;
        margin-top: 16px;
    }
}

@media screen and (max-width: 1025px) {
    .title04--num .textB {
        font-size: 1.5rem;
        margin-top: 12px;
    }
}


/*----------------------------
titleArea
----------------------------*/

.title-area--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.title-area--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}


/*----------------------------
btnStyle
----------------------------*/

.btn--default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 200px;
}

.btn--default .circle,
.btn--default .text {
    display: block;
}

.btn--default .circle {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    padding: 8px;
    background: #383841;
    position: relative;
}

.btn--default .circle .dot {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #fff;
    top: 50%;
}

.btn--default .circle .dot:nth-child(1) {
    left: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn--default .circle .dot:nth-child(2) {
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn--default .circle .dot:nth-child(3) {
    right: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn--default .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 15px;
}

@media screen and (min-width: 1025px) {
    .btn--default .text img {
        height: 12px;
    }
}

@media screen and (max-width: 1025px) {
    .btn--default .text img {
        height: 10px;
    }
}

.btn--line {
    height: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.btn--line .line {
    width: 100%;
    height: 1px;
    background: #383841;
    display: block;
}

.btn--line .box {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 100%;
    border-radius: 5px;
    background: #383841;
    display: block;
}

.btn--radius {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-radius: 0 8px 0 0;
    background: #EFEFEF;
}

@media screen and (min-width: 1025px) {
    .btn--radius {
        padding: 10px 35px 10px 20px;
    }
}

@media screen and (max-width: 1025px) {
    .btn--radius {
        padding: 11px 35px 11px 20px;
    }
}

.btn--radius::after {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform-origin: center;
    transform-origin: center;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

@media screen and (min-width: 1025px) {
    .btn--radius::after {
        width: 5px;
        height: 5px;
        border: 2px solid #383841;
        border-width: 2px 2px 0 0;
    }
}

@media screen and (max-width: 1025px) {
    .btn--radius::after {
        width: 4px;
        height: 4px;
        border: 1px solid #383841;
        border-width: 1px 1px 0 0;
    }
}

.btn--radius .text {
    display: block;
    line-height: 1;
    letter-spacing: 0.06rem;
    font-weight: 700;
}

@media screen and (min-width: 1025px) {
    .btn--radius .text {
        font-size: 0.75rem;
    }
}

@media screen and (max-width: 1025px) {
    .btn--radius .text {
        font-size: 0.92rem;
    }
}

.btn--icon {
    display: block;
}

.btn--icon .text {
    display: block;
    line-height: 1;
    letter-spacing: 0.09rem;
    font-weight: 700;
    position: relative;
    border-radius: 0px 16px 0px 0px;
    text-align: left;
}

.btn--icon .text::after {
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 14px;
    background-image: url(../img/common/icon-catalog.svg);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn--icon:not(.-bg--light) .text {
    color: #fff;
    background: #383841;
}

.btn--icon:not(.-bg--light) .text::after {
    right: 28px;
    background-image: url(../img/common/icon-catalog.svg);
}

@media screen and (min-width: 1025px) {
    .btn--icon:not(.-bg--light) .text {
        padding: 22px 70px 22px 40px;
    }
}

@media screen and (max-width: 1025px) {
    .btn--icon:not(.-bg--light) .text {
        padding: 28px 32px;
    }
}

.btn--icon.-bg--light .text {
    background: #EFEFEF;
    font-size: 12px;
    padding: 20px 48px 20px 30px;
}

.btn--icon.-bg--light .text::after {
    right: 20px;
    background-image: url(../img/common/icon-catalog--dark.svg);
}

.btn-bg--dark {
    display: block;
}

.btn-bg--dark input[type="submit"],
.btn-bg--dark input[type="button"] {
    display: none;
}

.btn-bg--dark .text {
    display: block;
    line-height: 1;
    letter-spacing: 0.09rem;
    color: #fff;
    background: #383841;
    font-weight: 700;
    position: relative;
    border-radius: 0px 16px 0px 0px;
    text-align: left;
}

@media screen and (min-width: 1025px) {
    .btn-bg--dark .text {
        padding: 28px 70px 28px 40px;
    }
}

@media screen and (max-width: 1025px) {
    .btn-bg--dark .text {
        padding: 28px 32px;
    }
}

.btn-bg--dark .text::after {
    display: block;
    content: "";
    position: absolute;
    right: 28px;
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    border-width: 2px 2px 0 0;
    top: 50%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}

.btn-bg--light {
    display: block;
}

.btn-bg--light input[type="submit"],
.btn-bg--light input[type="button"] {
    display: none;
}

.btn-bg--light .text {
    display: block;
    line-height: 1;
    letter-spacing: 0.09rem;
    background: #E7E7E7;
    font-weight: 700;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .btn-bg--light .text {
        padding: 20px 40px 20px 64px;
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    .btn-bg--light .text {
        padding: 21px 24px;
        text-align: center;
    }
}

.btn-bg--light .text::before {
    display: block;
    content: "";
    position: absolute;
    left: 20px;
    width: 5px;
    height: 5px;
    border: 2px solid #383841;
    border-width: 0 0 2px 2px;
    top: 50%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}


/*----------------------------
btnArea
----------------------------*/

.btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.btn-area.center {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-area.right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.btn-area--col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.btn-area--col a+a {
    margin-left: 20px;
}

.btn-area--col.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.btn-area--col.right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}


/*----------------------------
col-style
----------------------------*/

.col--default {
    position: relative;
}

.col--default .imgArea {
    border-radius: 0 17px 0 0;
    overflow: hidden;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width: 1025px) {
    .col--default .imgArea {
        height: calc((100vw - 5.55556vw * 3) / 4 * 362 / 275);
        width: 100%;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 1025px) {
    .col--default .imgArea {
        width: 100%;
        height: calc((100vw - 5.55556vw * 3) / 2 * 362 / 275);
    }
}

.col--default .imgArea img {
    width: 100%;
    border-radius: 0 17px 0 0;
}

.col--default .imgBgBlock {
    position: absolute;
    -webkit-transform-origin: center;
    transform-origin: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.01);
    transform: translateX(-50%) translateY(-50%) scale(1.01);
    overflow: hidden;
    z-index: 1;
}

.col--default .imgBgBlock::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 17px 0 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;
}

.col--default .textArea {
    height: 16px;
    width: 100%;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    right: 0;
    bottom: 0;
}

@media screen and (min-width: 1025px) {
    .col--default .textArea {
        position: absolute;
    }
}

@media screen and (max-width: 1025px) {
    .col--default .textArea {
        position: static;
        -webkit-transform: none;
        transform: none;
        margin-top: 13px;
    }
}

.col--imgText .imgArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1025px) {
    .col--imgText .imgArea img {
        max-width: 100px;
        max-height: 60px;
    }
}

.col--imgText .conArea {
    margin-top: 32px;
}

@media screen and (min-width: 1025px) {
    .col--imgText .conArea p {
        font-size: 0.875rem;
        line-height: 2;
        letter-spacing: 3px;
    }
}

@media screen and (max-width: 1025px) {
    .col--imgText .conArea p {
        font-size: 0.917rem;
        line-height: 2.2;
        letter-spacing: 2px;
    }
}

@media screen and (min-width: 1025px) {
    .col--titleText .titleArea {
        margin-left: -20px;
    }
}

@media screen and (max-width: 1025px) {
    .col--titleText .titleArea {
        margin-left: 0px;
    }
}

@media screen and (min-width: 1025px) {
    .col--titleText .subTitleArea {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1025px) {
    .col--titleText .subTitleArea {
        margin-top: 61px;
    }
}

.col--titleText .conArea {
    position: relative;
}

@media screen and (min-width: 1025px) {
    .col--titleText .conArea {
        margin-top: 28px;
    }
}

@media screen and (max-width: 1025px) {
    .col--titleText .conArea {
        margin-top: 16px;
    }
}

.col--titleText .conArea p {
    letter-spacing: 2px;
    line-height: 2.2;
}

@media screen and (min-width: 1025px) {
    .col--titleText .conArea p {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    .col--titleText .conArea p {
        font-size: 0.917rem;
    }
}

.col--titleText .imgArea {
    position: absolute;
    right: 0;
    overflow: hidden;
}

@media screen and (min-width: 1025px) {
    .col--titleText .imgArea {
        width: 300px;
        height: 220px;
        bottom: -340px;
    }
}

@media screen and (max-width: 1025px) {
    .col--titleText .imgArea {
        width: 200px;
        height: 150px;
        bottom: -190px;
    }
}

.col--radius .imgArea {
    width: 100%;
    overflow: hidden;
    border-radius: 0 16px 0 0;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .col--radius .imgArea {
        height: calc(218/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    .col--radius .imgArea {
        height: calc(189/375*100vw);
    }
}

.col--radius .imgBgBlock {
    border-radius: 0 16px 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
}

.col--radius .imgBgBlock::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 17px 0 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;
}

@media screen and (min-width: 1025px) {
    .col--radius .textArea {
        margin-top: 32px;
    }
}

@media screen and (max-width: 1025px) {
    .col--radius .textArea {
        margin-top: 24px;
    }
}

.col--radius .textArea-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.col--radius .textArea-title__title {
    width: calc(100% - 40px - 16px);
}

.col--radius .textArea-title__btn {
    width: 40px;
}

.col--radius .textArea-con {
    letter-spacing: 0.06rem;
}

@media screen and (min-width: 1025px) {
    .col--radius .textArea-con {
        margin-top: 16px;
        font-size: 0.875rem;
        line-height: 1.6rem;
    }
}

@media screen and (max-width: 1025px) {
    .col--radius .textArea-con {
        margin-top: 10px;
        line-height: 1.9rem;
    }
}

.col--time .time {
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    line-height: 1;
    letter-spacing: 0.16rem;
}

@media screen and (max-width: 1025px) {
    .col--time .time {
        font-size: 1.34rem;
    }
}

.col--time .con {
    border: 1px solid #E7E7E7;
    background-size: contain;
}

@media screen and (min-width: 1025px) {
    .col--time .con {
        margin-top: 16px;
        height: calc(325/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    .col--time .con {
        margin-top: 12px;
        height: 417px;
    }
}

.col--time .con p {
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    letter-spacing: 0.16rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #EFEFEF;
}

@media screen and (max-width: 1025px) {
    .col--time .con p {
        font-size: 1.34rem;
    }
}

@media screen and (min-width: 1025px) {
    .col--time .btn {
        margin-top: 16px;
    }
}

@media screen and (max-width: 1025px) {
    .col--time .btn {
        margin-top: 12px;
    }
}

.block-album {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    .block-album {
        padding: 112px 0;
    }
}

@media screen and (max-width: 1025px) {
    .block-album {
        padding: 0;
    }
}

.block-album::before {
    display: block;
    content: "";
    position: absolute;
    background: #383841;
    height: 100%;
    z-index: -1;
}

@media screen and (min-width: 1025px) {
    .block-album::before {
        width: calc(988 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    .block-album::before {
        display: none;
    }
}

.block-album.bg-R::before {
    right: 0;
    top: 0;
}

@media screen and (max-width: 1025px) {
    .block-album.bg-R .block-album__img {
        z-index: 1;
        margin-bottom: -80px;
    }
    .block-album.bg-R .block-album__con {
        padding: 160px 40px 100px;
    }
}

.block-album.bg-L::before {
    left: 0;
    top: 0;
}

@media screen and (max-width: 1025px) {
    .block-album.bg-L .block-album__img {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1025px) {
    .block-album.bg-L .col--titleText .subTitleArea {
        margin-top: 40px;
    }
    .block-album.bg-L .col--titleText .conArea {
        margin-top: 24px;
    }
    .block-album.bg-L .block-album__img {
        margin-top: -60px;
    }
    .block-album.bg-L .block-album__con {
        padding: 100px 40px 120px;
    }
}

.block-album__img {
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 1025px) {
    .block-album__img {
        width: calc(692 / 1440 * 100vw);
        height: calc(692 / 1440 * 100vw * 541 / 692);
    }
}

@media screen and (max-width: 1025px) {
    .block-album__img {
        width: calc(100% - 20px);
        height: 270px;
    }
}

.block-album__con {
    color: #fff;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .block-album__con {
        padding: 88px calc(100/ 1440 * 100vw);
        width: calc(100% - 692 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    .block-album__con {
        width: 100%;
        background: #383841;
    }
}

@media screen and (max-width: 1341px) and (min-width: 1251px) {
    .block-album__con {
        padding: 88px calc(80/ 1440 * 100vw);
    }
}

@media screen and (max-width: 1239px) and (min-width: 1250px) {
    .block-album__con {
        padding: 88px calc(70/ 1440 * 100vw);
    }
}

.block-album .title02--default .line {
    opacity: 1;
}

.block-album--sub {
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    .block-album--sub {
        padding: 120px 0 0;
    }
}

.block-album--sub::before {
    display: block;
    content: "";
    position: absolute;
    background: #383841;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

@media screen and (min-width: 1025px) {
    .block-album--sub::before {
        height: calc(100% - 70px);
    }
}

@media screen and (max-width: 1025px) {
    .block-album--sub::before {
        height: 100%;
    }
}

.block-album--sub__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width: 1025px) {
    .block-album--sub__col {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(1170 / 1440 * 100%);
    }
}

@media screen and (max-width: 1025px) {
    .block-album--sub__col {
        max-width: 100%;
    }
}

.block-album--sub__img {
    overflow: hidden;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .block-album--sub__img {
        width: calc(540 / 1440 * 100%);
    }
}

@media screen and (max-width: 1025px) {
    .block-album--sub__img {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        min-height: 340px;
        margin-top: -41px;
    }
}

.block-album--sub__con {
    position: relative;
    z-index: 1;
    color: #fff;
}

@media screen and (min-width: 1025px) {
    .block-album--sub__con {
        width: calc(100% - 540 / 1440 * 100%);
        padding: 140px 0 250px calc(100 / 1440 * 100%);
    }
}

@media screen and (max-width: 1025px) {
    .block-album--sub__con {
        width: 100%;
        padding: 109px 40px;
    }
}


/*----------------------------
col-layout
----------------------------*/

.col-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 1025px) {
    .col-2 .col {
        width: calc((100% - 120px)/2);
    }
}

@media screen and (max-width: 1025px) {
    .col-2 .col {
        width: 100%;
    }
}

.col-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (min-width: 1025px) {
    .col-3 .col {
        width: calc((100% - 82px)/3);
    }
}

@media screen and (max-width: 1025px) {
    .col-3 .col {
        width: 100%;
    }
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination-list .page-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination-list .page-item.active .page-link {
    color: #383841;
}

.pagination-list .page-item.active .page-link::after {
    visibility: visible;
    width: 100%;
}

.pagination-list .page-item+.page-item {
    margin-left: 40px;
}

.pagination-list .page-link {
    display: block;
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    color: #AAAAAA;
    position: relative;
    padding: 0 5px 16px 5px;
}

@media screen and (min-width: 1025px) {
    .pagination-list .page-link {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 1025px) {
    .pagination-list .page-link {
        font-size: 1.67rem;
    }
}

.pagination-list .page-link::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #383841;
    border-radius: 10px;
    visibility: hidden;
    width: 100%;
    width: 0;
}

@media screen and (min-width: 1025px) {
    .pagination-list .page-link::after {
        height: 4px;
    }
}

@media screen and (max-width: 1025px) {
    .pagination-list .page-link::after {
        height: 3px;
    }
}

.pagination-list__circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 16px;
}

.pagination-list__circle .circle {
    display: block;
    border-radius: 100%;
    background: #AAAAAA;
}

@media screen and (min-width: 1025px) {
    .pagination-list__circle .circle {
        width: 4px;
        height: 4px;
    }
}

@media screen and (max-width: 1025px) {
    .pagination-list__circle .circle {
        width: 3px;
        height: 3px;
    }
}

@media screen and (max-width: 380px) {
    .pagination-list__circle .circle {
        width: 2px;
        height: 2px;
    }
}

@media screen and (min-width: 1025px) {
    .pagination-list__circle .circle:nth-child(2) {
        margin: 0 3px;
    }
}

@media screen and (max-width: 1025px) {
    .pagination-list__circle .circle:nth-child(2) {
        margin: 0 2px;
    }
}

@media screen and (max-width: 380px) {
    .pagination-list__circle .circle:nth-child(2) {
        margin: 0 1px;
    }
}

@media screen and (min-width: 1025px) {
    .prevNext {
        padding: 60px 0;
    }
}

@media screen and (max-width: 1025px) {
    .prevNext {
        padding: 40px 0 20px;
    }
}

.prevNext-col {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 1025px) {
    .prevNext-col {
        width: calc(100% - 320px);
    }
}

@media screen and (max-width: 1025px) {
    .prevNext-col {
        width: calc(100% - 48px);
    }
}

@media screen and (min-width: 1025px) {
    .prevNext-col__btn {
        font-size: 0.875rem;
    }
}

.prevNext-col__btn a {
    display: block;
    color: #5A5A5A;
    position: relative;
    line-height: 1;
    font-weight: 700;
}

.prevNext-col__btn a::before {
    display: block;
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #383841;
    -webkit-transform-origin: center;
    transform-origin: center;
    top: 50%;
    -webkit-transform: rotate(-45deg) translateY(-70%);
    transform: rotate(-45deg) translateY(-70%);
}

@media screen and (min-width: 1025px) {
    .prevNext-col__btn a::before {
        width: 7px;
        height: 7px;
    }
}

@media screen and (max-width: 1025px) {
    .prevNext-col__btn a::before {
        width: 5px;
        height: 5px;
    }
}

@media screen and (min-width: 1025px) {
    .prevNext-col__btn.-btn--prev a {
        padding-left: 50px;
    }
}

@media screen and (max-width: 1025px) {
    .prevNext-col__btn.-btn--prev a {
        padding-left: 17px;
    }
}

.prevNext-col__btn.-btn--prev a::before {
    border-width: 2px 0 0 2px;
}

@media screen and (min-width: 1025px) {
    .prevNext-col__btn.-btn--prev a::before {
        left: 7px;
    }
}

@media screen and (max-width: 1025px) {
    .prevNext-col__btn.-btn--prev a::before {
        left: 5px;
    }
}

@media screen and (min-width: 1025px) {
    .prevNext-col__btn.-btn--next a {
        padding-right: 50px;
    }
}

@media screen and (max-width: 1025px) {
    .prevNext-col__btn.-btn--next a {
        padding-right: 17px;
    }
}

.prevNext-col__btn.-btn--next a::before {
    right: 0;
    border-width: 0 2px 2px 0;
}

.prevNextMenu {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: #383841;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.prevNextMenu .item {
    width: 21px;
    height: 4px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.prevNextMenu .item+.item {
    margin-top: 2px;
}

.prevNextMenu .item::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 100%;
}

.prevNextMenu .item::after {
    content: "";
    display: block;
    width: calc(100% - 4px - 3px);
    height: 2px;
    border-radius: 10px;
    background: #fff;
}


/*----------------------------
label-style
----------------------------*/

.label--default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.label--default .line,
.label--default .textJ {
    display: block;
}

.label--default .textJ {
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    letter-spacing: 2px;
    font-weight: 100;
    line-height: 1;
    color: #383841;
    max-width: calc(100% - 60px - 1px);
    font-size: 1rem;
    color: #fff;
}

.label--default .line {
    height: 1px;
    background: #DDDDDD;
    margin-right: 12px;
}

@media screen and (min-width: 1025px) {
    .label--default .line {
        width: 40px;
    }
}

@media screen and (max-width: 1025px) {
    .label--default .line {
        width: 28px;
    }
}


/*----------------------------
blurArea
----------------------------*/

.blurArea {
    position: relative;
    height: 100%;
    overflow: hidden;
}

@media screen and (min-width: 1025px) {
    .blurArea {
        padding: 54px;
    }
}

@media screen and (max-width: 1025px) {
    .blurArea {
        padding: 9px;
    }
}

.blurArea__bg {
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    z-index: 0;
}

.blurArea__img {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border: 6px solid #eee;
}

@media screen and (max-width: 1025px) {
    .blurArea__img {
        border: 3px solid #eee;
    }
}

@-moz-document url-prefix() {
    .blurArea__bg {
        filter: blur(1px);
    }
}

.js-blurArea__img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/*----------------------------
imgStyle
----------------------------*/

.imgBgBlock {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.imgArea-style {
    overflow: hidden;
}

.imgArea-style .imgArea {
    height: 100%;
    overflow: hidden;
}

@media screen and (min-width: 1025px) {
    .imgArea-style .imgArea {
        width: calc(100% - 80px);
    }
}

@media screen and (max-width: 1025px) {
    .imgArea-style .imgArea {
        width: calc(100% - 20px);
    }
}

.imgArea-style.right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}


/*----------------------------
contentArea
----------------------------*/

.contentArea.center {
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

@media screen and (min-width: 1025px) {
    .contentArea.center {
        padding: 120px 0 190px;
        width: calc(1200 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    .contentArea.center {
        padding: 60px 20px 80px;
        width: 100%;
    }
}


/*----------------------------
table
----------------------------*/

.table--default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width: 1025px) {
    .table--default {
        letter-spacing: 2px;
        margin-top: 30px;
    }
}

@media screen and (max-width: 1025px) {
    .table--default {
        letter-spacing: 1px;
        margin-top: 20px;
    }
}

.table--default dt {
    text-align: left;
    font-weight: 700;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1025px) {
    .table--default dt {
        width: 112px;
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    .table--default dt {
        width: 100%;
        display: block;
        font-size: 0.917rem;
    }
}

.table--default dd {
    line-height: 1.8;
}

@media screen and (min-width: 1025px) {
    .table--default dd {
        width: calc(100% - 112px);
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    .table--default dd {
        width: 100%;
        display: block;
        margin-top: 4px;
        font-size: 0.917rem;
    }
}

.table--sub {
    text-align: center;
    letter-spacing: 0.06em;
    line-height: 1;
}

.table--sub thead {
    border: 1px solid #DDDDDD;
    border-width: 1px 0;
}

.table--sub thead th {
    font-weight: 700;
}

@media screen and (min-width: 1025px) {
    .table--sub thead th {
        font-size: 1.125rem;
        padding: 36px 0;
    }
}

@media screen and (max-width: 1025px) {
    .table--sub thead th {
        font-size: 1.083rem;
        padding: 24px 0;
    }
}

.table--sub tbody td {
    width: 50%;
    font-size: 1rem;
}

@media screen and (min-width: 1025px) {
    .table--sub tbody td {
        padding: 28px 0;
    }
}

@media screen and (max-width: 1025px) {
    .table--sub tbody td {
        padding: 22px 0;
    }
}

.table--sub tbody td:nth-child(2n) {
    position: relative;
}

.table--sub tbody td:nth-child(2n)::after {
    display: block;
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 32px);
    background: #DDDDDD;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -0.5px;
}

.table--sub tbody tr {
    border-bottom: 1px solid #DDDDDD;
}


/*----------------------------
flow
----------------------------*/

.flow--default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
}

@media screen and (min-width: 1025px) {
    .flow--default {
        letter-spacing: 2px;
    }
}

@media screen and (max-width: 1025px) {
    .flow--default {
        letter-spacing: 1px;
    }
}

@media screen and (min-width: 1025px) {
    .flow--default+.flow--default {
        margin-top: 32px;
    }
}

@media screen and (max-width: 1025px) {
    .flow--default+.flow--default {
        margin-top: 20px;
    }
}

.flow--default dt {
    font-weight: 700;
    line-height: 1;
    font-family: "YakuHanJP", "Noto Sans", sans-serif;
}

@media screen and (min-width: 1025px) {
    .flow--default dt {
        font-size: 0.875rem;
        width: 40px;
    }
}

@media screen and (max-width: 1025px) {
    .flow--default dt {
        width: 35px;
    }
}

@media screen and (min-width: 1025px) {
    .flow--default dd {
        font-size: 0.875rem;
        width: calc(100% - 40px - 60px);
        line-height: 1;
    }
}

@media screen and (max-width: 1025px) {
    .flow--default dd {
        width: calc(100% - 33px - 32px);
        line-height: 2;
    }
}


/*----------------------------
video
----------------------------*/

.video {
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 1025px) {
    .video {
        min-height: 360px;
        height: 100%;
    }
}

@media screen and (max-width: 1025px) {
    .video {
        min-height: 220px;
        height: 100%;
    }
}

.video__btn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(56, 56, 65, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
}

.video__btn .btn {
    display: block;
    border-radius: 100%;
    background: #383841;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .video__btn .btn {
        width: 60px;
        height: 60px;
    }
}

@media screen and (max-width: 1025px) {
    .video__btn .btn {
        width: 40px;
        height: 40px;
    }
}

.video__btn .btn::before {
    display: block;
    content: "";
    position: absolute;
    background-image: url(../img/common/icon--video.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: 50%;
    left: 53%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media screen and (min-width: 1025px) {
    .video__btn .btn::before {
        width: 15px;
        height: 19px;
    }
}

@media screen and (max-width: 1025px) {
    .video__btn .btn::before {
        width: 10px;
        height: 12px;
    }
}

.video__img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    z-index: 1;
}

.video__img span {
    display: none;
}

.video__box {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(56, 56, 65, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.video__box.is--active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.video__box video {
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (min-width: 1025px) {
    .video__box video {
        width: 70%;
        height: auto;
    }
}

@media screen and (max-width: 1025px) {
    .video__box video {
        width: 90%;
        height: auto;
    }
}

.video__box .closeBtn {
    width: 30px;
    height: 30px;
    position: absolute;
}

@media screen and (min-width: 1025px) {
    .video__box .closeBtn {
        right: 10%;
        top: 10%;
    }
}

@media screen and (max-width: 1025px) {
    .video__box .closeBtn {
        right: 10%;
        top: 30%;
    }
}

.video__box .closeBtn::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateY(-50%) rotate(45deg);
    transform: translateY(-50%) translateY(-50%) rotate(45deg);
}

.video__box .closeBtn::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) translateY(-50%) rotate(-45deg);
}

.video__path span {
    display: none;
}


/*----------------------------
borderBox
----------------------------*/

@media screen and (min-width: 1025px) {
    .border-box {
        padding: 60px 0;
    }
}

@media screen and (max-width: 1025px) {
    .border-box {
        padding: 40px 10px;
    }
}

.border-box__title {
    text-align: center;
}

.border-box__con {
    text-align: center;
}

@media screen and (min-width: 1025px) {
    .border-box__con {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1025px) {
    .border-box__con {
        margin-top: 16px;
    }
}

.border-box__con p {
    letter-spacing: 2px;
    line-height: 1.8;
}

@media screen and (min-width: 1025px) {
    .border-box__con p {
        font-size: 0.9375rem;
    }
}

@media screen and (max-width: 1025px) {
    .border-box__con p {
        font-size: 1rem;
    }
}


/*----------------------------
ruby
----------------------------*/

.ruby {
    display: inline-block;
    position: relative;
}

.ruby .textS {
    display: inline-block;
    position: absolute;
    width: 22px;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 1;
}

@media screen and (min-width: 1025px) {
    .ruby .textS {
        top: -2px;
        left: -2px;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
}

@media screen and (max-width: 1025px) {
    .ruby .textS {
        top: -3px;
        left: -5px;
        -webkit-transform: scale(0.55);
        transform: scale(0.55);
    }
}


/*----------------------------
imgCol
----------------------------*/

.imgCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.imgCol-con {
    position: relative;
    overflow: hidden;
    margin-top: 8px;
}

@media screen and (min-width: 1025px) {
    .imgCol-con:not(:nth-of-type(1)) {
        width: calc((100% - 8px)/2);
        height: calc((204 / 1440)*100vw);
    }
}

@media screen and (max-width: 1025px) {
    .imgCol-con:not(:nth-of-type(1)) {
        width: calc((100% - 8px)/2);
        height: calc((123 / 375)*100vw);
    }
}

.imgCol-con:nth-of-type(1) {
    width: 100%;
    margin-top: 0;
}

@media screen and (min-width: 1025px) {
    .imgCol-con:nth-of-type(1) {
        height: calc((431 / 888)*100vh);
    }
}

@media screen and (max-width: 1025px) {
    .imgCol-con:nth-of-type(1) {
        height: calc((260 / 375)*100vw);
    }
}

.imgCol-con .imgBgBlock {
    position: absolute;
}


/*----------------------------
iconItem
----------------------------*/

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

.icon-item__icon {
    border-radius: 100%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 1025px) {
    .icon-item__icon {
        width: 120px;
        height: 120px;
    }
}

@media screen and (max-width: 1025px) {
    .icon-item__icon {
        width: 72px;
        height: 72px;
    }
}

@media screen and (min-width: 1025px) {
    .icon-item__icon img {
        height: 60px;
    }
}

@media screen and (max-width: 1025px) {
    .icon-item__icon img {
        height: 40px;
    }
}

.icon-item__con {
    color: #fff;
}

@media screen and (min-width: 1025px) {
    .icon-item__con {
        width: calc(100% - 120px - 24px);
    }
}

@media screen and (max-width: 1025px) {
    .icon-item__con {
        width: calc(100% - 72px - 20px);
    }
}

.icon-item__con h3 {
    font-weight: 700;
    line-height: 1;
}

@media screen and (max-width: 1025px) {
    .icon-item__con h3 {
        font-size: 14px;
    }
}

.icon-item__con p {
    letter-spacing: 2px;
    margin-top: 12px;
}

@media screen and (min-width: 1025px) {
    .icon-item__con p {
        font-size: 0.875rem;
        line-height: 2em;
    }
}

@media screen and (max-width: 1025px) {
    .icon-item__con p {
        font-size: 11px;
        line-height: 1.65em;
    }
}


/*----------------------------
text-style
----------------------------*/

.text-style--point {
    letter-spacing: 0.08em;
}

@media screen and (min-width: 1025px) {
    .text-style--point {
        font-size: 0.875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 1025px) {
    .text-style--point {
        font-size: 11px;
    }
}

.text-style--point span {
    position: relative;
}

@media screen and (min-width: 1025px) {
    .text-style--point span {
        display: inline-block;
        line-height: 1;
    }
}

@media screen and (max-width: 1025px) {
    .text-style--point span {
        display: block;
        line-height: 2em;
    }
}

@media screen and (min-width: 1025px) {
    .text-style--point span+span {
        margin-top: 15px;
    }
}

@media screen and (max-width: 1025px) {
    .text-style--point span+span {
        margin-top: 4px;
    }
}


/*----------------------------
textLink
----------------------------*/

.textLink--default {
    display: block;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .textLink--default {
        padding-right: 17px;
    }
}

@media screen and (max-width: 1025px) {
    .textLink--default {
        padding-right: 13px;
    }
}

.textLink--default::after {
    display: block;
    content: "";
    position: absolute;
    border: 2px solid #383841;
    border-width: 2px 2px 0 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

@media screen and (min-width: 1025px) {
    .textLink--default::after {
        width: 5px;
        height: 5px;
    }
}

@media screen and (max-width: 1025px) {
    .textLink--default::after {
        width: 3px;
        height: 3px;
    }
}


/*----------------------------
blur-border
----------------------------*/

.blur-border {
    position: relative;
}

.blur-border.-colorD::before {
    border-color: #383841;
}

@media screen and (min-width: 1025px) {
    .blur-border.-colorD::before {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        border-width: 10px;
    }
}

@media screen and (max-width: 1025px) {
    .blur-border.-colorD::before {
        width: 100%;
        height: calc(100% - 6px);
        border-width: 8px 0;
    }
}

.blur-border.-colorL::before {
    border-color: #f6f6f6;
    width: 100%;
}

@media screen and (min-width: 1025px) {
    .blur-border.-colorL::before {
        border-width: 10px 0;
        height: calc(100% - 20px);
    }
}

@media screen and (max-width: 1025px) {
    .blur-border.-colorL::before {
        border-width: 8px 0;
        height: calc(100% - 6px);
    }
}

.blur-border::before {
    display: block;
    content: "";
    position: absolute;
    border-style: solid;
    left: 0;
    z-index: 5;
    pointer-events: none;
}

@media screen and (min-width: 1025px) {
    .blur-border::before {
        top: 0;
    }
}

@media screen and (max-width: 1025px) {
    .blur-border::before {
        top: -3px;
    }
}


/*----------------------------
newsBox
----------------------------*/

.newsBox {
    position: relative;
}

@media screen and (min-width: 1025px) {
    .newsBox {
        padding: 32px;
    }
}

@media screen and (max-width: 1025px) {
    .newsBox {
        padding-bottom: 28px;
    }
}

.newsBox.-icon--blank::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    background-image: url("/assets/img/common/icon-blank.svg");
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1025px) {
    .newsBox.-icon--blank::after {
        bottom: 19px;
        width: 14px;
        height: 14px;
        background-size: 14px;
    }
}

@media screen and (max-width: 1025px) {
    .newsBox.-icon--blank::after {
        bottom: 12px;
        width: 12px;
        height: 12px;
        background-size: 12px;
    }
}

.newsBox__time {
    color: #383841;
    letter-spacing: 0.1rem;
    line-height: 1;
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
}

@media screen and (min-width: 1025px) {
    .newsBox__time {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 1025px) {
    .newsBox__time {
        font-size: 1.34rem;
    }
}

.newsBox__text {
    letter-spacing: 0.09rem;
    line-height: 1.8;
    margin-top: 12px;
    overflow: hidden;
}

.newsBox__text a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/*----------------------------
slider基本設定
----------------------------*/

.sliderWrapper {
    position: relative;
}

.sliderWrapper,
.sliderArea,
.sliderItem {
    width: 100%;
    height: 100%;
}

.sliderArea {
    position: relative;
    z-index: 1;
}

.sliderItem {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sliderItem {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 1;
}

.sliderItem.sliderFirst {
    z-index: 3;
}


/*----------------------------
slider--default
----------------------------*/

.slider--default__tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    right: 0;
    z-index: 2;
    background: #f6f6f6;
}

@media screen and (min-width: 1025px) {
    .slider--default__tools {
        top: 0;
    }
}

@media screen and (max-width: 1025px) {
    .slider--default__tools {
        top: -60px;
    }
}

.slider--default .sliderBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.slider--default .sliderBtn::before {
    display: block;
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 24px);
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    border-radius: 1px;
    background: #eee;
}

.slider--default .sliderBtn span {
    opacity: 0.4;
}

@media screen and (min-width: 1025px) {
    .slider--default .sliderBtn span {
        width: 90px;
        height: 90px;
    }
}

@media screen and (max-width: 1025px) {
    .slider--default .sliderBtn span {
        width: 60px;
        height: 60px;
    }
}

.slider--default .sliderBtn .btnL,
.slider--default .sliderBtn .btnR {
    position: relative;
}

.slider--default .sliderBtn .btnL::before,
.slider--default .sliderBtn .btnR::before {
    display: block;
    content: "";
    position: absolute;
    background: #383841;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@media screen and (min-width: 1025px) {
    .slider--default .sliderBtn .btnL::before,
    .slider--default .sliderBtn .btnR::before {
        width: 12px;
        height: 2px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

@media screen and (max-width: 1025px) {
    .slider--default .sliderBtn .btnL::before,
    .slider--default .sliderBtn .btnR::before {
        width: 8px;
        height: 2px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

.slider--default .sliderBtn .btnL::after,
.slider--default .sliderBtn .btnR::after {
    display: block;
    content: "";
    position: absolute;
    border: 2px solid #383841;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@media screen and (min-width: 1025px) {
    .slider--default .sliderBtn .btnL::after,
    .slider--default .sliderBtn .btnR::after {
        width: 5px;
        height: 5px;
    }
}

@media screen and (max-width: 1025px) {
    .slider--default .sliderBtn .btnL::after,
    .slider--default .sliderBtn .btnR::after {
        width: 4px;
        height: 4px;
    }
}

.slider--default .sliderBtn .btnL::after {
    border-width: 0 0 2px 2px;
}

@media screen and (min-width: 1025px) {
    .slider--default .sliderBtn .btnL::after {
        -webkit-transform: translateX(calc(-50% - 4px)) translateY(-50%) rotate(45deg);
        transform: translateX(calc(-50% - 4px)) translateY(-50%) rotate(45deg);
    }
}

@media screen and (max-width: 1025px) {
    .slider--default .sliderBtn .btnL::after {
        -webkit-transform: translateX(calc(-50% - 2px)) translateY(-50%) rotate(45deg);
        transform: translateX(calc(-50% - 2px)) translateY(-50%) rotate(45deg);
    }
}

.slider--default .sliderBtn .btnR::after {
    border-width: 2px 2px 0 0;
}

@media screen and (min-width: 1025px) {
    .slider--default .sliderBtn .btnR::after {
        -webkit-transform: translateX(calc(-50% + 4px)) translateY(-50%) rotate(45deg);
        transform: translateX(calc(-50% + 4px)) translateY(-50%) rotate(45deg);
    }
}

@media screen and (max-width: 1025px) {
    .slider--default .sliderBtn .btnR::after {
        -webkit-transform: translateX(calc(-50% + 2px)) translateY(-50%) rotate(45deg);
        transform: translateX(calc(-50% + 2px)) translateY(-50%) rotate(45deg);
    }
}

.slider--default .sliderNum {
    font-weight: 700;
    letter-spacing: 2.5px;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .slider--default .sliderNum {
        font-size: 12px;
        padding: 35px 30px;
    }
}

@media screen and (max-width: 1025px) {
    .slider--default .sliderNum {
        font-size: 10px;
        padding: 22px 17px;
    }
}

.slider--default .sliderNum::before {
    display: block;
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 24px);
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 1px;
    background: #eee;
}

.slider--default .sliderNum .num {
    opacity: 0;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-animation: blur ease-in-out 4s forwards;
    animation: blur ease-in-out 4s forwards;
}

.slider--default .sliderArea {
    overflow: hidden;
}

.slider--default .sliderItem {
    overflow: hidden;
}

.slider--default .sliderItem.isHere,
.slider--default .sliderItem.isHere--back {
    z-index: 3;
}

.slider--default .sliderItem.isHerebefore,
.slider--default .sliderItem.isHerebefore--back {
    z-index: 1;
}

.slider--default .sliderItem.isHerenext,
.slider--default .sliderItem.isHerenext--back {
    z-index: 2;
}

.slider--default .sliderItem .imgBgBlock {
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    -webkit-transform: translateY(-10px) translateX(-10px);
    transform: translateY(-10px) translateX(-10px);
    opacity: 1;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.slider--default .sliderItem.isHere .imgBgBlock,
.slider--default .sliderItem.isHere--back .imgBgBlock {
    -webkit-animation: blur ease-in-out 4s forwards;
    animation: blur ease-in-out 4s forwards;
}

@-moz-document url-prefix() {
    .slider--default .sliderItem .imgBgBlock {
        opacity: 1;
        filter: blur(3px);
    }
    .slider--default .sliderItem.isHere .imgBgBlock,
    .slider--default .sliderItem.isHere--back .imgBgBlock {
        animation: blurFireFox ease 4s forwards;
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .slider--default .sliderItem.isHere,
    .slider--default .sliderItem.isHere--back {
        z-index: 3;
    }
    .slider--default .sliderItem.isHerebefore,
    .slider--default .sliderItem.isHerenext--back {
        z-index: 2;
    }
    .slider--default .sliderItem.isHerenext,
    .slider--default .sliderItem.isHerebefore--back {
        z-index: 1;
    }
    .slider--default .sliderItem.isHere .imgBgBlock,
    .slider--default .sliderItem.isHere--back .imgBgBlock {
        -webkit-animation: blurNoneIe ease 4s forwards;
        animation: blurNoneIe ease 4s forwards;
    }
    .slider--default .sliderItem .imgBgBlock {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    .slider--default .sliderBtn .btnL::after {
        -webkit-transform: translateX(-100%) translateY(-50%) rotate(45deg);
        transform: translateX(-100%) translateY(-50%) rotate(45deg);
    }
    .slider--default .sliderBtn .btnR::after {
        -webkit-transform: translateX(0px) translateY(-50%) rotate(45deg);
        transform: translateX(0px) translateY(-50%) rotate(45deg);
    }
}


/*----------------------------
slider--mainImg
----------------------------*/

.mainImg-slider .sliderDot {
    position: absolute;
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (min-width: 1025px) {
    .mainImg-slider .sliderDot {
        width: 6px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 123px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    .mainImg-slider .sliderDot {
        right: 104px;
    }
}

@media screen and (max-width: 1025px) {
    .mainImg-slider .sliderDot {
        right: auto;
        left: 42px;
        top: auto;
        bottom: 42px;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.mainImg-slider .sliderDot .dot {
    margin: 0;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    overflow: hidden;
    z-index: 1;
    position: relative;
    background: #383841;
}

@media screen and (min-width: 1025px) {
    .mainImg-slider .sliderDot .dot+.dot {
        margin-top: 16px;
    }
}

@media screen and (max-width: 1025px) {
    .mainImg-slider .sliderDot .dot+.dot {
        margin-top: 0;
        margin-left: 16px;
        margin-right: 0;
    }
}

@media screen and (min-width: 1025px) {
    .mainImg-slider .sliderDot .dot.isDotStart {
        -webkit-animation: dotStart 0.8s ease forwards;
        animation: dotStart 0.8s ease forwards;
    }
}

@media screen and (max-width: 1025px) {
    .mainImg-slider .sliderDot .dot.isDotStart {
        -webkit-animation: dotStartSp 0.8s ease forwards;
        animation: dotStartSp 0.8s ease forwards;
    }
}

@media screen and (min-width: 1025px) {
    .mainImg-slider .sliderDot .dot.isDotEnd {
        -webkit-animation: dotEnd 0.8s ease forwards;
        animation: dotEnd 0.8s ease forwards;
    }
}

@media screen and (max-width: 1025px) {
    .mainImg-slider .sliderDot .dot.isDotEnd {
        -webkit-animation: dotEndSp 0.8s ease forwards;
        animation: dotEndSp 0.8s ease forwards;
    }
}

.mainImgSlider__con .imgBgBlock {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: calc(100% + 12px);
    height: calc(100% + 12px);
}

.mainImgSlider__img,
.mainImgSlider__bg {
    width: 100%;
    height: 100%;
    position: absolute;
}

.mainImgSlider__img {
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    overflow: hidden;
    opacity: 1;
}

@media screen and (min-width: 1025px) {
    .mainImgSlider__img {
        width: calc(100% - 108px);
        height: calc(100% - 108px);
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    .mainImgSlider__img {
        width: calc(100% - 80px);
        height: calc(100% - 80px);
    }
}

@media screen and (max-width: 1025px) {
    .mainImgSlider__img {
        width: calc(100% - 24px);
        height: calc(100% - 24px);
    }
}

.mainImgSlider__bg {
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 1;
    overflow: hidden;
    -webkit-filter: blur(2px);
    filter: blur(2px);
}


/*----------------------------
catalogSlider
----------------------------*/

.catalogSlider .sliderDot {
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 14px;
    height: 7px;
}

.catalogSlider .sliderDot .dot {
    margin: 0;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    overflow: hidden;
    z-index: 1;
    position: relative;
    background: #383841;
}

@media screen and (min-width: 1025px) {
    .catalogSlider .sliderDot .dot+.dot {
        margin-left: 16px;
    }
}

@media screen and (max-width: 1025px) {
    .catalogSlider .sliderDot .dot+.dot {
        margin-left: 16px;
        margin-right: 0;
    }
}

@media screen and (min-width: 1025px) {
    .catalogSlider .sliderDot .dot.isDotStart {
        -webkit-animation: catalogStart 0.8s ease forwards;
        animation: catalogStart 0.8s ease forwards;
    }
}

@media screen and (max-width: 1025px) {
    .catalogSlider .sliderDot .dot.isDotStart {
        -webkit-animation: dotStartSp 0.8s ease forwards;
        animation: dotStartSp 0.8s ease forwards;
    }
}

@media screen and (min-width: 1025px) {
    .catalogSlider .sliderDot .dot.isDotEnd {
        -webkit-animation: catalogEnd 0.8s ease forwards;
        animation: catalogEnd 0.8s ease forwards;
    }
}

@media screen and (max-width: 1025px) {
    .catalogSlider .sliderDot .dot.isDotEnd {
        -webkit-animation: dotEndSp 0.8s ease forwards;
        animation: dotEndSp 0.8s ease forwards;
    }
}

@media screen and (min-width: 1025px) {
    .catalogSlider .sliderArea {
        height: calc(420/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    .catalogSlider .sliderArea {
        height: 228px;
    }
}

.catalogSlider .sliderItem .imgBgBlock {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.catalogSlider .sliderItem.isHere,
.catalogSlider .sliderItem.isHere--back {
    z-index: 3;
}

.catalogSlider .sliderItem.isHerebefore,
.catalogSlider .sliderItem.isHerebefore--back {
    z-index: 0;
}

.catalogSlider .sliderItem.isHerenext,
.catalogSlider .sliderItem.isHerenext--back {
    z-index: 2;
}

.catalogSlider .sliderItem.isHere .imgBgBlock,
.catalogSlider .sliderItem.isHere--back .imgBgBlock {
    -webkit-animation: sliderBlur ease-in-out 4s forwards;
    animation: sliderBlur ease-in-out 4s forwards;
}

.catalogSlider__img {
    width: 100%;
    height: 100%;
    position: relative;
}

.catalogSlider__img::after {
    display: block;
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 10px solid #fff;
    left: -10px;
    top: -10px;
}

.catalogSlider__img::before {
    display: block;
    content: "";
    position: absolute;
    z-index: 1;
    border: 10px solid #fff;
    left: 0px;
    top: 0px;
    height: calc(100% - 20px);
}

@media screen and (min-width: 1025px) {
    .catalogSlider__img::before {
        width: calc(100% - 20px);
    }
}

@media screen and (max-width: 1025px) {
    .catalogSlider__img::before {
        width: 100%;
        border-width: 10px 0;
    }
}

.catalogSlider__btn {
    margin-top: 52px;
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .catalogSlider .sliderItem.isHere,
    .catalogSlider .sliderItem.isHere--back {
        z-index: 3;
    }
    .catalogSlider .sliderItem.isHerebefore,
    .catalogSlider .sliderItem.isHerenext--back {
        z-index: 2;
    }
    .catalogSlider .sliderItem.isHerenext,
    .catalogSlider .sliderItem.isHerebefore--back {
        z-index: 1;
    }
    .catalogSlider .sliderItem.isHere .imgBgBlock,
    .catalogSlider .sliderItem.isHere--back .imgBgBlock {
        -webkit-animation: sliderOpacityIE ease-in-out 4s forwards;
        animation: sliderOpacityIE ease-in-out 4s forwards;
    }
    .catalogSlider .sliderItem.sliderFirst .imgBgBlock {
        -webkit-animation: none;
        animation: none;
    }
}


/*----------------------------
slider-animation
----------------------------*/

@-webkit-keyframes sliderOpacityIE {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes sliderOpacityIE {
    0% {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes sliderOpacity {
    0% {
        opacity: 1;
    }
    33% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes sliderOpacity {
    0% {
        opacity: 1;
    }
    33% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes sliderBlur {
    0% {
        opacity: 1;
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    20% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    80% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        opacity: 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
}

@keyframes sliderBlur {
    0% {
        opacity: 1;
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    20% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    80% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        opacity: 0;
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
}

@-webkit-keyframes dotStart {
    0% {
        height: 6px;
        width: 6px;
        border-radius: 100%;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    2% {
        width: 6px;
        border-radius: 10px;
    }
    100% {
        height: 28px;
        width: 6px;
        border-radius: 10px;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
}

@keyframes dotStart {
    0% {
        height: 6px;
        width: 6px;
        border-radius: 100%;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    2% {
        width: 6px;
        border-radius: 10px;
    }
    100% {
        height: 28px;
        width: 6px;
        border-radius: 10px;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
}

@-webkit-keyframes dotEnd {
    0% {
        height: 28px;
        width: 6px;
        border-radius: 10px;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    99% {
        border-radius: 100%;
        width: 6px;
    }
    100% {
        height: 6px;
        width: 6px;
        -webkit-transform-origin: center;
        transform-origin: center;
        border-radius: 100%;
    }
}

@keyframes dotEnd {
    0% {
        height: 28px;
        width: 6px;
        border-radius: 10px;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    99% {
        border-radius: 100%;
        width: 6px;
    }
    100% {
        height: 6px;
        width: 6px;
        -webkit-transform-origin: center;
        transform-origin: center;
        border-radius: 100%;
    }
}

@-webkit-keyframes dotStartSp {
    0% {
        height: 6px;
        width: 6px;
        border-radius: 100%;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    2% {
        width: 6px;
        border-radius: 10px;
    }
    100% {
        width: 20px;
        height: 7px;
        border-radius: 10px;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
}

@keyframes dotStartSp {
    0% {
        height: 6px;
        width: 6px;
        border-radius: 100%;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    2% {
        width: 6px;
        border-radius: 10px;
    }
    100% {
        width: 20px;
        height: 7px;
        border-radius: 10px;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
}

@-webkit-keyframes dotEndSp {
    0% {
        width: 20px;
        height: 7px;
        border-radius: 10px;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    99% {
        border-radius: 100%;
        width: 6px;
    }
    100% {
        height: 6px;
        width: 6px;
        -webkit-transform-origin: center;
        transform-origin: center;
        border-radius: 100%;
    }
}

@keyframes dotEndSp {
    0% {
        width: 20px;
        height: 7px;
        border-radius: 10px;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    99% {
        border-radius: 100%;
        width: 6px;
    }
    100% {
        height: 6px;
        width: 6px;
        -webkit-transform-origin: center;
        transform-origin: center;
        border-radius: 100%;
    }
}

@-webkit-keyframes blur {
    0% {
        opacity: 1;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    15% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    85% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
}

@keyframes blur {
    0% {
        opacity: 1;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    15% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    85% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
}

@-webkit-keyframes blurFireFox {
    0% {
        opacity: 1;
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    15% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    85% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        opacity: 0;
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
}

@keyframes blurFireFox {
    0% {
        opacity: 1;
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
    15% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    85% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        opacity: 0;
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }
}

@-webkit-keyframes blurNoneIe {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    85% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@keyframes blurNoneIe {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    85% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

.mainImg-slider .swiper-container,
.mainImg-slider .mainImgSlider__con {
    width: 100%;
    height: 100%;
}

.mainImg-slider .mainImgSlider__img .imgBgBlock {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.mainImg-slider .mainImgSlider__bg {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.mainImg-slider .swiper-slide {
    width: 100% !important;
}

.mainImg-slider .swiper-slide-active .mainImgSlider__img .imgBgBlock,
.mainImg-slider .swiper-slide-next .mainImgSlider__img .imgBgBlock {
    -webkit-animation: sliderBlurSwiper ease 6s forwards;
    animation: sliderBlurSwiper ease 6s forwards;
}

.mainImg-slider .sliderDot {
    position: absolute;
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (min-width: 1025px) {
    .mainImg-slider .sliderDot {
        width: 6px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 123px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    .mainImg-slider .sliderDot {
        right: 104px;
    }
}

@media screen and (max-width: 1025px) {
    .mainImg-slider .sliderDot {
        right: auto;
        left: 42px;
        top: auto;
        bottom: 42px;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.mainImg-slider .sliderDot .swiper-pagination-bullet {
    margin: 0;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    overflow: hidden;
    z-index: 1;
    position: relative;
    background: #383841;
}

@media screen and (min-width: 1025px) {
    .mainImg-slider .sliderDot .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin-top: 16px;
    }
}

@media screen and (max-width: 1025px) {
    .mainImg-slider .sliderDot .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin-top: 0;
        margin-left: 16px;
        margin-right: 0;
    }
}

@media screen and (min-width: 1025px) {
    .mainImg-slider .sliderDot .swiper-pagination-bullet {
        -webkit-animation: dotEnd 0.8s ease forwards;
        animation: dotEnd 0.8s ease forwards;
    }
}

@media screen and (max-width: 1025px) {
    .mainImg-slider .sliderDot .swiper-pagination-bullet {
        -webkit-animation: dotEndSp 0.8s ease forwards;
        animation: dotEndSp 0.8s ease forwards;
    }
}

@media screen and (min-width: 1025px) {
    .mainImg-slider .sliderDot .swiper-pagination-bullet.swiper-pagination-bullet-active {
        -webkit-animation: dotStart 0.8s ease forwards;
        animation: dotStart 0.8s ease forwards;
    }
}

@media screen and (max-width: 1025px) {
    .mainImg-slider .sliderDot .swiper-pagination-bullet.swiper-pagination-bullet-active {
        -webkit-animation: dotStartSp 0.8s ease forwards;
        animation: dotStartSp 0.8s ease forwards;
    }
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .mainImgSlider__img .imgBgBlock {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    .mainImgSlider__bg {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    .swiper-slide-active .mainImgSlider__img .imgBgBlock,
    .swiper-slide-next .mainImgSlider__img .imgBgBlock {
        -webkit-animation: none;
        animation: none;
    }
}

@-webkit-keyframes sliderBlurSwiper {
    0% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

@keyframes sliderBlurSwiper {
    0% {
        -webkit-filter: blur(4px);
        filter: blur(4px);
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

@-webkit-keyframes catalogStart {
    0% {
        height: 6px;
        width: 6px;
        border-radius: 100%;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    2% {
        height: 6px;
        border-radius: 10px;
    }
    100% {
        width: 28px;
        height: 6px;
        border-radius: 10px;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
}

@keyframes catalogStart {
    0% {
        height: 6px;
        width: 6px;
        border-radius: 100%;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    2% {
        height: 6px;
        border-radius: 10px;
    }
    100% {
        width: 28px;
        height: 6px;
        border-radius: 10px;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
}

@-webkit-keyframes catalogEnd {
    0% {
        width: 28px;
        height: 6px;
        border-radius: 10px;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    99% {
        border-radius: 10px;
        height: 6px;
    }
    100% {
        height: 6px;
        width: 6px;
        -webkit-transform-origin: center;
        transform-origin: center;
        border-radius: 100%;
    }
}

@keyframes catalogEnd {
    0% {
        width: 28px;
        height: 6px;
        border-radius: 10px;
        -webkit-transform-origin: center;
        transform-origin: center;
    }
    99% {
        border-radius: 10px;
        height: 6px;
    }
    100% {
        height: 6px;
        width: 6px;
        -webkit-transform-origin: center;
        transform-origin: center;
        border-radius: 100%;
    }
}


/**
 * Swiper 4.5.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 13, 2019
 */

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}


/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}


/* IE10 Windows Phone 8 Fixes */

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}


/* a11y */

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}


/*firstView*/

body[data-page="top"] .pageWrapper {
    opacity: 0;
    -webkit-transition: 2s ease;
    transition: 2s ease;
}

body[data-page="top"] .mainImg-catch,
body[data-page="top"] .glNav,
body[data-page="top"] .sliderDot,
body[data-page="top"] .scrollBar,
body[data-page="top"] .mainImg-logo
/* body[data-page="top"] .header__menu  */

{
    opacity: 0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

body[data-page="top"].js--loadEnd .pageWrapper {
    opacity: 1;
}

body[data-page="top"].js--loadEnd .mainImg-catch,
body[data-page="top"].js--loadEnd .glNav,
body[data-page="top"].js--loadEnd .sliderDot,
body[data-page="top"].js--loadEnd .scrollBar,
body[data-page="top"].js--loadEnd .mainImg-logo
/* body[data-page="top"].js--loadEnd .header__menu  */

{
    -webkit-animation: firstView 2s cubic-bezier(0.75, 0, 0.175, 0.65) 1s forwards;
    animation: firstView 2s cubic-bezier(0.75, 0, 0.175, 0.65) 1s forwards;
}

@-webkit-keyframes firstView {
    0% {
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    100% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

@keyframes firstView {
    0% {
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    100% {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

body.js-pageT--start {
    -webkit-animation: bodyHide .8s ease forwards;
    animation: bodyHide .8s ease forwards;
}

body.js-pageT--end {
    -webkit-animation: bodyShow .8s ease forwards;
    animation: bodyShow .8s ease forwards;
}

.js-pageT--start .pageTransition::before {
    -webkit-animation: pageTransitionStart 0.5s ease forwards;
    animation: pageTransitionStart 0.5s ease forwards;
}

.js-pageT--start .pageTransition::after {
    display: none;
}

.js-pageT--end .pageTransition::after {
    -webkit-animation: pageTransitionEnd 0.8s ease forwards;
    animation: pageTransitionEnd 0.8s ease forwards;
}

.pageTransition {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 12;
    top: 0;
    left: 0;
    pointer-events: none;
}

.pageTransition::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #383841;
    top: 0;
    left: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.pageTransition::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #383841;
    top: 0;
    left: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

@-webkit-keyframes pageTransitionStart {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes pageTransitionStart {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@-webkit-keyframes pageTransitionEnd {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes pageTransitionEnd {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@-webkit-keyframes bodyHide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes bodyHide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes bodyShow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes bodyShow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.pageTitle-bg,
.pageTitle-logo,

/* .header, */

.pageTitle-inner__R {
    opacity: 0;
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: 1s ease;
    transition: 1s ease;
}

.js--loadEnd .pageTitle-bg,
.js--loadEnd .pageTitle-logo,

/* .js--loadEnd .header, */

.js--loadEnd .pageTitle-inner__R {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
}


/*----------------------------
header-style
----------------------------*/


/*----------------------------
menuList
----------------------------*/

.menuList {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 11;
    left: 0;
    top: 0;
}

@media screen and (min-width: 1025px) {
    .menuList {
        padding: calc(100 / 1440 * 100vh) 40px;
    }
}

@media screen and (max-width: 1025px) {
    .menuList {
        padding: 60px 0 0px;
    }
}

.menuList__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../img/common/pageTitleBg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    left: 0;
    top: 0;
}

.menuList__inner {
    max-width: calc(1200 / 1440 * 100vw);
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.menuList__con {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (min-width: 1025px) {
    .menuList__L {
        margin-right: 160px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    .menuList__L {
        margin-right: 60px;
    }
}

@media screen and (max-width: 1025px) {
    .menuList__L {
        width: 100%;
        margin-right: 0;
    }
    .menuList__L .sp-mb40 {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 1025px) {
    .menuList__M {
        margin-right: 160px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    .menuList__M {
        margin-right: 60px;
    }
}

@media screen and (max-width: 1025px) {
    .menuList__M {
        width: 100%;
        margin-top: 32px;
    }
}

@media screen and (max-width: 1025px) {
    .menuList__R {
        margin-top: 60px;
        width: 100%;
    }
}

.menuList__copy {
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    letter-spacing: 2.5px;
    position: absolute;
    width: 100%;
}

@media screen and (min-width: 1025px) {
    .menuList__copy {
        font-size: 12px;
        text-align: right;
        bottom: 0px;
        right: 0px;
    }
}

@media screen and (max-width: 1025px) {
    .menuList__copy {
        font-size: 11px;
        text-align: center;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: none;
    }
}

@media screen and (max-width: 380px) {
    .menuList__copy {
        font-size: 11px;
        letter-spacing: 1px;
    }
}

@media screen and (min-width: 1025px) {
    .menuList .menu-list-inner {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1025px) {
    .menuList .menu-list-inner {
        margin-top: 24px;
    }
}

@media screen and (min-width: 1025px) {
    .menu-list {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
}

@media screen and (min-width: 1025px) {
    .menu-list>li+li {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    .menu-list>li+li {
        margin-top: 32px;
    }
}

@media screen and (max-width: 380px) {
    .menu-list>li+li {
        margin-top: 32px;
    }
}

@media screen and (max-height: 620px) {
    .menu-list>li+li {
        margin-top: 32px;
    }
}

.menu-list>li>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 700;
}

.menu-list>li>a .textE,
.menu-list>li>a .textJ,
.menu-list>li>a .line {
    display: block;
}

.menu-list>li>a .textJ {
    position: relative;
    line-height: 1;
}

@media screen and (min-width: 1025px) {
    .menu-list>li>a .textJ {
        font-size: 0.87rem;
        margin-left: 45px;
        letter-spacing: 2.2px;
    }
}

@media screen and (max-width: 1025px) {
    .menu-list>li>a .textJ {
        margin-left: 33px;
        letter-spacing: 2px;
        font-size: 1rem;
    }
}

@media screen and (max-width: 380px) {
    .menu-list>li>a .textJ {
        font-size: 0.918rem;
        letter-spacing: 1px;
    }
}

.menu-list>li>a .textE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1025px) {
    .menu-list>li>a .textE img {
        height: 24px;
        max-width: 100%;
    }
}

@media screen and (max-width: 1025px) {
    .menu-list>li>a .textE img {
        height: 16px;
        max-width: 100%;
    }
}

.menu-list>li>a .line {
    width: 1.5px;
    background: #383841;
    border-radius: 2px;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    position: relative;
}

.menu-list>li>a .line::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #aaa;
    top: 0;
    right: 0;
}

@media screen and (min-width: 1025px) {
    .menu-list>li>a .line {
        height: 21px;
        -webkit-transform: translateX(15px) translateY(-2px) rotate(46.4deg);
        transform: translateX(15px) translateY(-2px) rotate(46.4deg);
    }
}

@media screen and (max-width: 1025px) {
    .menu-list>li>a .line {
        height: 16.8px;
        -webkit-transform: translateX(12px) translateY(-2px) rotate(46.4deg);
        transform: translateX(12px) translateY(-2px) rotate(46.4deg);
    }
}

@media screen and (max-width: 380px) {
    .menu-list>li>a .line {
        height: 13px;
    }
}

.menu-list>li .insImg,
.menu-list>li .insText {
    display: block;
}

.menu-list>li .insImg {
    width: 20px;
    height: 20px;
}

.menu-list>li .insImg img {
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .menu-list>li .insImg img {
        vertical-align: middle;
    }
}

.menu-list>li .insText {
    line-height: 1;
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    letter-spacing: 0.08rem;
    font-weight: 400;
}

@media screen and (min-width: 1025px) {
    .menu-list>li .insText {
        margin-left: 12px;
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 1025px) {
    .menu-list>li .insText {
        margin-left: 8px;
        font-size: 1.17rem;
    }
}

@media screen and (min-width: 1025px) {
    .menu-list-inner>li+li {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1025px) {
    .menu-list-inner>li+li {
        margin-top: 16px;
    }
}

.menu-list-inner>li>a {
    display: block;
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    line-height: 1;
    position: relative;
    letter-spacing: 0.16rem;
}

@media screen and (min-width: 1025px) {
    .menu-list-inner>li>a {
        font-size: 1.125rem;
        padding-left: 24px;
    }
}

@media screen and (max-width: 1025px) {
    .menu-list-inner>li>a {
        font-size: 1.16rem;
        padding-left: 16px;
    }
}

.menu-list-inner>li>a::before {
    display: block;
    content: "";
    position: absolute;
    height: 1px;
    background: #383841;
    border-radius: 1px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 1025px) {
    .menu-list-inner>li>a::before {
        width: 12px;
    }
}

@media screen and (max-width: 1025px) {
    .menu-list-inner>li>a::before {
        width: 8px;
    }
}


/* .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    position: absolute;
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media screen and (min-width: 1025px) {
    .header {
        width: calc(100% - 220px);
        top: 100px;
    }
}

@media screen and (max-width: 1025px) {
    .header {
        width: calc(100% - 68px);
        top: 45px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    .header {
        width: calc(100% - 185px);
        top: 79px;
    }
}

@media screen and (min-width: 1025px) {
    .header__logo {
        width: 140px;
    }
}

@media screen and (max-width: 1025px) {
    .header__logo {
        width: 100px;
    }
}

.header__logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.header__logo img {
    width: 100%;
}

.header__menu {
    pointer-events: auto;
}

@media screen and (min-width: 1025px) {
    .header__menu {
        width: 30px;
        height: 25px;
    }
}

@media screen and (max-width: 1025px) {
    .header__menu {
        width: 25px;
        height: 22px;
    }
} */


/*----------------------------
header-下層
----------------------------*/


/* @media screen and (min-width: 1025px) {
    body:not([data-page="top"]) .header {
        width: calc(100% - 120px);
        top: 75px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1025px) {
    body:not([data-page="top"]) .header {
        width: calc(100% - 40px);
        top: 32px;
        padding-right: 18px;
    }
}

body header .header__logo a {
    visibility: hidden;
} */

.menuBtn {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 1025px) {
    .menuBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.menuBtn .line {
    display: block;
    width: 100%;
    border-bottom: 3px solid #383841;
    border-radius: 0 2px 0 0;
    left: 0;
    position: absolute;
    line-height: 1;
    background-clip: border-box;
}

.menuBtn .line--close {
    display: none;
    width: 100%;
    height: 3px;
    background: #383841;
    border-radius: 0;
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

.menuBtn .line:nth-child(1) {
    top: 0;
}

.menuBtn .line:nth-child(2) {
    top: calc(50% + 1.5px);
    -webkit-transform: translateY(calc(-50% - 1.5px));
    transform: translateY(calc(-50% - 1.5px));
}

.menuBtn .line:nth-child(3) {
    bottom: 0;
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .menuBtn .line:nth-child(2) {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}


/*----------------------------
contact
----------------------------*/

.contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .contact {
        margin-top: 120px;
    }
}

@media screen and (max-width: 1025px) {
    .contact {
        padding: 50px 0;
    }
}

.contact::before {
    display: block;
    content: "";
    position: absolute;
    width: 1px;
    height: 120px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #DDDDDD;
    border-radius: 2px;
}

@media screen and (max-width: 1025px) {
    .contact::before {
        display: none;
    }
}

.contact-col {
    width: calc(100% / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: calc(120 / 1440 * 100%);
    padding-right: calc(120 / 1440 * 100%);
    padding-top: 0;
}

@media screen and (min-width: 1440px) {
    .contact-col {
        padding-bottom: 120px;
    }
}

@media screen and (max-width: 1440px) {
    .contact-col {
        padding-bottom: calc(120 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .contact-col {
        padding-bottom: calc(120 / 3 * 2 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    .contact-col {
        width: 100%;
        padding: 30px 20px;
    }
}

@media screen and (min-width: 1025px) {
    .contact-col__con {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 1025px) {
    .contact-col__con {
        width: 100%;
    }
}

.contact-col__text {
    margin-top: 20px;
}

.contact-col__text p {
    font-family: "YakuHanJP", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, sans-serif;
    line-height: 1.8;
    letter-spacing: 2px;
}

@media screen and (min-width: 1025px) {
    .contact-col__text p {
        font-size: 0.87rem;
    }
}

@media screen and (max-width: 1025px) {
    .contact-col__text p {
        font-size: 0.91rem;
    }
}

.contact-col__btn {
    width: 40px;
}


/*----------------------------
globalNavigation
----------------------------*/

.glNav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.glNav__list>li+li {
    margin-left: 40px;
}

.glNav__list>li>a {
    display: block;
    font-weight: 700;
    color: #383841;
    position: relative;
    letter-spacing: 2px;
    padding-bottom: 20px;
    line-height: 1;
}

.glNav__list>li>a::before {
    display: block;
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #383841;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}


/*----------------------------
scrollBar
----------------------------*/

.scrollBar {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@media screen and (min-width: 1025px) {
    .scrollBar {
        width: 180px;
        -webkit-transform: translateY(-40px) translateX(-140px) rotate(-90deg);
        transform: translateY(-40px) translateX(-140px) rotate(-90deg);
    }
}

@media screen and (max-width: 1025px) {
    .scrollBar {
        width: 138px;
        -webkit-transform: translateY(-30px) translateX(-108px) rotate(-90deg);
        transform: translateY(-30px) translateX(-108px) rotate(-90deg);
    }
}

@media screen and (max-height: 700px) {
    .scrollBar {
        width: 138px;
        -webkit-transform: translateY(-30px) translateX(-108px) rotate(-90deg);
        transform: translateY(-30px) translateX(-108px) rotate(-90deg);
    }
}

.scrollBar__tools {
    width: 100px;
}

@media screen and (max-width: 1025px) {
    .scrollBar__tools {
        width: 75px;
    }
}

@media screen and (max-height: 700px) {
    .scrollBar__tools {
        width: 75px;
    }
}

.scrollBar__text {
    color: #383841;
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    font-weight: 100;
    margin-left: 20px;
    letter-spacing: 2px;
}

@media screen and (max-width: 1025px) {
    .scrollBar__text {
        font-size: 12px;
        letter-spacing: 1px;
    }
}

@media screen and (max-height: 700px) {
    .scrollBar__text {
        font-size: 12px;
        letter-spacing: 1px;
    }
}

.scrollBarTools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.scrollBarTools__circle {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid rgba(56, 56, 65, 0.3);
}

@media screen and (max-width: 1025px) {
    .scrollBarTools__circle {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-height: 700px) {
    .scrollBarTools__circle {
        width: 30px;
        height: 30px;
    }
}

.scrollBarTools__line {
    position: absolute;
    width: 80px;
    height: 1px;
    background: #383841;
    border-radius: 1px;
    left: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 1025px) {
    .scrollBarTools__line {
        width: 60px;
    }
}

@media screen and (max-height: 700px) {
    .scrollBarTools__line {
        width: 60px;
    }
}

.scrollBarTools__line::before {
    display: block;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #383841;
    -webkit-transform-origin: center;
    transform-origin: center;
    right: -4px;
    top: 50%;
    -webkit-transform: translateY(calc(-50% - 0.5px)) scale(0);
    transform: translateY(calc(-50% - 0.5px)) scale(0);
}


/*----------------------------
footer
----------------------------*/

.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width: 1025px) {
    .footer {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: calc(120 / 1440 * 100%);
        padding-right: calc(120 / 1440 * 100%);
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 1025px) {
    .footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 60px;
        padding-bottom: 80px;
    }
}

@media screen and (min-width: 1025px) {
    .footer-logo {
        width: 140px;
    }
}

@media screen and (max-width: 1025px) {
    .footer-logo {
        width: auto;
        height: 38px;
        -webkit-transform: translateX(-12px);
        transform: translateX(-12px);
    }
}

.footer-logo a {
    display: block;
}

@media screen and (min-width: 1025px) {
    .footer-logo a img {
        width: 100%;
    }
}

@media screen and (max-width: 1025px) {
    .footer-logo a img {
        width: auto;
        height: 37px;
    }
}

.footer-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width: 1025px) {
    .footer-con {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: calc(100% - 140px);
    }
}

@media screen and (max-width: 1025px) {
    .footer-con {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
    }
}

.footer-con__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (min-width: 1025px) {
    .footer-con__list {
        width: calc(100% - 92px - 40px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media screen and (max-width: 1025px) {
    .footer-con__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-top: 40px;
    }
}

.footer-con__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 1025px) {
    .footer-con__nav {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media screen and (max-width: 1025px) {
    .footer-con__nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.footer-con__nav>li {
    line-height: 1;
}

.footer-con__nav>li>a {
    font-weight: 400;
}

@media screen and (min-width: 1025px) {
    .footer-con__nav>li>a {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    .footer-con__nav>li>a {
        font-size: 1rem;
    }
}

@media screen and (min-width: 1025px) {
    .footer-con__nav>li+li {
        margin-left: 40px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    .footer-con__nav>li+li {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1025px) {
    .footer-con__nav>li+li {
        margin-left: 0;
        margin-top: 24px;
    }
}

.footer-con__nav .icon-ins {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-con__nav .icon-ins img {
    width: 20px;
    height: 20px;
}

.footer-con__copy {
    line-height: 1;
}

@media screen and (min-width: 1025px) {
    .footer-con__copy {
        margin-top: 35px;
    }
}

@media screen and (max-width: 1025px) {
    .footer-con__copy {
        margin-top: 40px;
    }
}

.footer-con__copy small {
    display: block;
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    font-size: 0.75rem;
    letter-spacing: 1px;
    text-align: right;
}

.footer-con__icon {
    width: 92px;
}

@media screen and (min-width: 1025px) {
    .footer-con__icon {
        margin-left: 40px;
    }
}

@media screen and (max-width: 1025px) {
    .footer-con__icon {
        margin-top: 40px;
        margin-left: 0;
    }
    .footer-con__icon~.footer-con__copy {
        margin-top: 40px;
    }
}

.footer-con__icon img {
    width: 100%;
}

body,
html {
    font-family: "YakuHanJP", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, sans-serif;
    line-height: 1.5;
    font-weight: 400;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    color: #383841;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background: #383841;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

@media screen and (min-width: 1025px) {
    body,
    html {
        font-size: 16px;
    }
}

@media screen and (max-width: 1025px) {
    body,
    html {
        font-size: 12px;
    }
}

::-moz-selection {
    background: #383841;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    color: #fff;
}

::selection {
    background: #383841;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    color: #fff;
}

.container::-webkit-scrollbar {
    display: none;
}

::-moz-selection {
    background: #383841;
    color: #fff;
}

.pageWrapper {
    background: #fff;
}

li {
    list-style-type: none;
}

sub {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

a {
    text-decoration: none;
    color: #383841;
}

a[href^="mailto:"] {
    color: #1b2389;
}

a:hover {
    text-decoration: none;
}

@media screen and (min-width: 1025px) {
    a[href^="TEL:"] {
        pointer-events: none;
    }
}

@media screen and (max-width: 1025px) {
    a[href^="TEL:"] {
        pointer-events: auto;
    }
}

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

@media screen and (min-width: 1025px) {
    .pc--show {
        display: block;
    }
}

@media screen and (max-width: 1025px) {
    .pc--show {
        display: none;
    }
}

@media screen and (min-width: 1025px) {
    .sp--show {
        display: none;
    }
}

@media screen and (max-width: 1025px) {
    .sp--show {
        display: block;
    }
}

@media screen and (max-width: 380px) {
    .sp--none {
        display: none;
    }
}

@media screen and (min-width: 1025px) {
    .inner-s {
        width: 675px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1025px) {
    .inner-s {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    .inner-m {
        width: calc(980 / 1440 * 100vw);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1025px) {
    .inner-m {
        width: 100%;
    }
}

main {
    position: relative;
    z-index: 1;
}

footer {
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .scrollBar {
        -webkit-transform: translateY(-180px) translateX(0px) rotate(-90deg);
        transform: translateY(-180px) translateX(0px) rotate(-90deg);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .scrollBar {
        -webkit-transform: translateY(-138px) translateX(0px) rotate(-90deg);
        transform: translateY(-138px) translateX(0px) rotate(-90deg);
    }
}

@media screen and (max-height: 700px) {
    body[data-page="top"] .scrollBar {
        -webkit-transform: translateY(-138px) translateX(0px) rotate(-90deg);
        transform: translateY(-138px) translateX(0px) rotate(-90deg);
    }
}

body[data-page="top"] .mainImg {
    height: 100vh;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body[data-page="top"] .mainImg-slider {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

body[data-page="top"] .mainImg-con {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.05);
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .mainImg-con {
        border: 6px solid #eee;
        width: calc(100% - 108px);
        height: calc(100% - 108px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .mainImg-con {
        border: 4px solid #eee;
        width: calc(100% - 24px);
        height: calc(100% - 24px);
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    body[data-page="top"] .mainImg-con {
        width: calc(100% - 68px);
        height: calc(100% - 68px);
    }
}

body[data-page="top"] .mainImg-con__inner {
    position: relative;
    pointer-events: none;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .mainImg-con__inner {
        width: calc(100% - 104px);
        height: calc(100% - 80px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .mainImg-con__inner {
        width: calc(100% - 37px);
        height: calc(100% - 60px);
    }
}

body[data-page="top"] .mainImg-con__inner .scrollBar {
    position: absolute;
    right: -7px;
    bottom: 0px;
    pointer-events: auto;
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    body[data-page="top"] .mainImg-con__inner .scrollBar {
        right: -5px;
        bottom: 15px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .mainImg-con__inner .scrollBar {
        right: -3px;
    }
}

body[data-page="top"] .mainImg-con__inner .glNav {
    pointer-events: auto;
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .mainImg-con__inner .glNav {
        visibility: hidden;
    }
}

body[data-page="top"] .mainImg-logo {
    pointer-events: auto;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .mainImg-logo {
        width: 140px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .mainImg-logo {
        width: 100px;
    }
}

body[data-page="top"] .mainImg-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

body[data-page="top"] .mainImg-logo img {
    width: 100%;
}

body[data-page="top"] .mainImg-catch {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

body[data-page="top"] .mainImg-catch {
    font-size: 3rem;
    line-height:1.5;
    letter-spacing: 5px;
    color: rgb(46, 46, 46);
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .mainImg-catch {
        -webkit-transform: translateY(-96px);
        transform: translateY(-96px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .mainImg-catch__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}


body[data-page="top"] .mainImg-catch__text {
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    color: #383841;
    line-height: 1.5;
    max-width: 370px;
}


body[data-page="top"] .cosmetics {
    color: #383841;
    line-height: 1;
    font-size: 23px;
    margin-top: 15px;
    letter-spacing: 5px;
}


body[data-page="top"] .cosmetics2 {
    color: #383841;
    line-height: 1;
    font-size: 23px;
    margin-top: 2px;
    letter-spacing: 5px;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .mainImg-catch__text {
        letter-spacing: 3px;
        margin-top: 18px;
        font-size: 0.8rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .mainImg-catch__text {
        letter-spacing: 1px;
        margin-top: 10px;
        font-size: 16px;
    }
}


@media screen and (max-width: 425px) {
    body[data-page="top"] .mainImg-catch__title{
        font-size: 22px;
    }
}

@media screen and (max-width: 425px) {
    body[data-page="top"] .mainImg-catch__text {
        margin-top: 15px;
        font-size: 13px;
    }
}


@media screen and (max-width: 425px) {
    body[data-page="top"] .cosmetics {
        margin-top: 15px;
        font-size: 12px;
    }
}


@media screen and (max-width: 425px) {
    body[data-page="top"] .cosmetics2 {
        margin-top: 5px;
        font-size: 12px;
    }
}

body[data-page="top"] .about {
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .about {
        padding: 160px 80px calc((80 / 1440 * 100vw) + 80px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .about {
        padding: 120px 20px 160px;
    }
}

body[data-page="top"] .about::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    background: #fff;
    bottom: 0;
    left: 0;
    z-index: -1;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .about::after {
        height: calc(375/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .about::after {
        height: calc(100% - 275px);
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .about-con {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .about-con {
        margin-top: 60px;
    }
}

body[data-page="top"] .about-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .about-col .col {
        width: calc(387/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .about-col .col {
        width: 100%;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .about-col .col+.col {
        margin-top: 60px;
    }
}

body[data-page="top"] .catalog {
    position: relative;
    z-index: 1;
    background: #383841;
    color: #fff;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .catalog {
        padding: 120px 80px 200px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .catalog {
        padding: 80px 20px calc(60px + 80px + 60px);
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .catalog-con {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .catalog-con {
        margin-top: 40px;
    }
}

body[data-page="top"] .catalog-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .catalog-col .col {
        width: calc((100% - 5.55556% * 3) / 4);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .catalog-col .col {
        width: calc((100% - 20px) / 2);
        margin-top: 28px;
    }
    body[data-page="top"] .catalog-col .col:nth-child(1),
    body[data-page="top"] .catalog-col .col:nth-child(2) {
        margin-top: 0;
    }
    body[data-page="top"] .catalog-col .col:nth-child(2n) {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
    }
}

body[data-page="top"] .vision {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .vision {
        margin-top: calc(-1 * (80 / 1440 * 100vw));
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .vision {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: -80px;
        position: relative;
    }
}

body[data-page="top"] .vision .title03--default img {
    vertical-align: bottom;
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    body[data-page="top"] .vision .title03--default img {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .vision .title03--default img {
        max-width: 360px;
        width: 100%;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .vision .title03--default img {
        max-width: 240px;
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .vision .title02--default .textE img {
        height: 20px;
    }
}

body[data-page="top"] .vision-con {
    left: 0;
    bottom: 0;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .vision-con {
        position: absolute;
        width: calc(100% - 770 / 1440 * 100vw);
        height: calc(100% - 80/1440*100vw);
        padding: 0 calc(120 / 1440 * 100vw);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .vision-con {
        position: static;
        width: 100%;
        padding: 80px 32px;
    }
}

@media screen and (min-width: 1440px) {
    body[data-page="top"] .vision-con__inner {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1440px) {
    body[data-page="top"] .vision-con__inner {
        margin-top: calc(80 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    body[data-page="top"] .vision-con__inner {
        margin-top: calc(80 / 3 * 2 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .vision-con__inner {
        margin-top: 40px;
    }
}

body[data-page="top"] .vision-con__inner p {
    font-family: "YakuHanJP", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, sans-serif;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 2.2;
}

@media screen and (min-width: 1440px) {
    body[data-page="top"] .vision-con__inner p {
        margin-top: 35px;
    }
}

@media screen and (max-width: 1440px) {
    body[data-page="top"] .vision-con__inner p {
        margin-top: calc(35 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    body[data-page="top"] .vision-con__inner p {
        margin-top: calc(35 / 3 * 2 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    body[data-page="top"] .vision-con__inner p {
        font-size: 0.83rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .vision-con__inner p {
        margin-top: 20px;
    }
}

@media screen and (min-width: 1440px) {
    body[data-page="top"] .vision-con__btn {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1440px) {
    body[data-page="top"] .vision-con__btn {
        margin-top: calc(60 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    body[data-page="top"] .vision-con__btn {
        margin-top: calc(60 / 3 * 2 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .vision-con__btn {
        margin-top: 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .vision-img {
        height: calc(770 / 1440 * 100vw);
        width: calc(770 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .vision-img {
        width: calc(100% - 16px * 2);
        height: calc(100vw - 16px * 2);
        position: static;
    }
}

body[data-page="top"] .news {
    background: #383841;
    color: #fff;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .news {
        padding: calc(100/1440*100vw) calc(120/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .news {
        padding: 80px 0 60px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .news .col {
        width: calc((100% - 210/1440*100vw)/3);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .news .col::before {
        display: block;
        content: "";
        position: absolute;
        background: #4C4C57;
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .news .col+.col {
        margin-left: calc(105/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .news .col+.col {
        margin-top: 28px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .news .col+.col::before {
        display: block;
        content: "";
        position: absolute;
        background: #4C4C57;
        width: 1px;
        height: calc(100% - 27px*2);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: calc(-105/2/1440*100vw);
    }
}

body[data-page="top"] .news .newsBox {
    color: #fff;
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .news .newsBox {
        padding: 32px 16px 32px 0;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .news .newsBox {
        padding-bottom: 28px;
    }
}

body[data-page="top"] .news .newsBox a {
    color: #fff;
}

body[data-page="top"] .news .newsBox__time {
    color: #fff;
}

body[data-page="top"] .news .newsBox.-icon--blank::after {
    background-image: url(/assets/img/common/icon-blank--white.svg);
}

body[data-page="top"] .news .btn--default .circle {
    background: #fff;
}

body[data-page="top"] .news .btn--default .circle .dot {
    background: #383841;
}

body[data-page="top"] .news-con {
    width: 100%;
    position: relative;
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .news-con__title {
        padding: 0 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .news-con__inner {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .news-con__inner {
        margin-top: 60px;
        padding: 0 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="top"] .news-con__btn {
        position: absolute;
        right: 0;
        top: 0;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="top"] .news-con__btn {
        margin-top: 40px;
        padding: 0 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

body[data-page="VISION"] .imgArea-style {
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .imgArea-style {
        margin-top: -300px;
        height: 540px;
        height: calc((100vw - 80px) * 540 / 1360);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .imgArea-style {
        height: 240px;
        margin-top: -180px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .border-box {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .border-box {
        margin-top: 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .contentArea {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .contentArea {
        margin-top: 40px;
    }
}

body[data-page="VISION"] .contentArea .title-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .contentArea .con-area {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .contentArea .con-area {
        margin-top: 10px;
    }
}

body[data-page="VISION"] .contentArea .con-area p {
    text-align: center;
    letter-spacing: 2px;
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .contentArea .con-area p {
        line-height: 2.2;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .contentArea .con-area p {
        line-height: 2;
        font-size: 12px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .contentArea .con-area p+p {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .contentArea .con-area p+p {
        margin-top: 32px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .contentArea .video-area {
        width: calc(70 / 144 * 100vw);
        height: calc(70 / 144 * 100vw * 360 / 700);
        margin: 120px auto 0;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .contentArea .video-area {
        margin-top: 60px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .contentArea .text-sub {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .contentArea .text-sub {
        margin-top: 32px;
    }
}

body[data-page="VISION"] .logoArea {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-bottom: 120px;
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .logoArea {
        margin-top: 200px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .logoArea {
        margin-top: 80px;
    }
}

body[data-page="VISION"] .logoArea::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: -1;
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .logoArea::before {
        height: calc(100% - 310px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .logoArea::before {
        height: 100%;
    }
}

body[data-page="VISION"] .logoArea-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .logoArea-img {
        margin-left: auto;
        margin-right: auto;
        width: calc(98 / 144 * 100vw);
        height: calc(98 / 144 * 100vw * 470 / 980);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .logoArea-img {
        width: 100%;
        height: 260px;
    }
}

body[data-page="VISION"] .logoArea-img .imgBgBlock {
    z-index: -1;
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .logoArea-img img {
        width: 280px;
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .logoArea-img img {
        width: 160px;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

body[data-page="VISION"] .logoArea-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .logoArea-col {
        margin-top: 120px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .logoArea-col {
        margin-top: 80px;
        width: calc(100% - 80px);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .logoArea-col__title {
        width: 115px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .logoArea-col__title {
        width: 100%;
    }
}

body[data-page="VISION"] .logoArea-col__title h2 {
    font-weight: 700;
    letter-spacing: 2px;
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .logoArea-col__title h2 {
        font-size: 1.125rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .logoArea-col__title h2 {
        font-size: 1.17rem;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .logoArea-col__text {
        width: calc(100% - 115px - 118px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .logoArea-col__text {
        width: 100%;
        margin-top: 28px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .logoArea-col__text p {
        font-size: 0.875rem;
        line-height: 2.2;
        letter-spacing: 2.2px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .logoArea-col__text p {
        font-size: 0.917rem;
        line-height: 2;
        letter-spacing: 2px;
    }
}

body[data-page="VISION"] .logoArea-col.col-2 {
    position: relative;
}

body[data-page="VISION"] .logoArea-col.col-2 .imgArea {
    min-height: 84px;
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .logoArea-col.col-2::before {
        display: block;
        content: "";
        position: absolute;
        height: 100%;
        width: 1px;
        background: #f6f6f6;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .logoArea-col.col-2 .col+.col {
        margin-top: 80px;
    }
}

body[data-page="VISION"] .block-album .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 1025px) {
    body[data-page="VISION"] .block-album {
        margin-top: 240px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="VISION"] .block-album {
        margin-top: 80px;
    }
    body[data-page="VISION"] .block-album+.block-album {
        margin-top: 160px;
    }
}

body[data-page="COMPANY"] .greeting {
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .greeting {
        width: calc((1440 - 120) / 1440 * 100vw);
        margin-top: -300px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .greeting {
        width: 100%;
        margin-top: -180px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

body[data-page="COMPANY"] .greeting__L {
    background: #fff;
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .greeting__L {
        width: calc(720 / (1440 - 120) * 100%);
        padding: 120px calc(70 / 1440 * 100vw) 120px calc(140 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .greeting__L {
        width: 100%;
        padding: 63px 40px 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media screen and (max-width: 1410px) and (min-width: 1326px) {
    body[data-page="COMPANY"] .greeting__L {
        padding: 120px calc(30 / 1440 * 100vw) 120px calc(120 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1325px) and (min-width: 1260px) {
    body[data-page="COMPANY"] .greeting__L {
        padding: 120px calc(20 / 1440 * 100vw) 120px calc(100 / 1440 * 100vw);
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .greeting__L::after {
        display: block;
        content: "";
        position: absolute;
        width: 260px;
        height: 100%;
        right: -260px;
        top: 0;
        background: #fff;
        z-index: -1;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .greeting__L::after {
        display: none;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .greeting__L .textArea {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .greeting__L .textArea {
        margin-top: 30px;
        font-size: 11px;
    }
}

body[data-page="COMPANY"] .greeting__L p {
    line-height: 2;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .greeting__L p {
        letter-spacing: 3px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .greeting__L p {
        letter-spacing: 2px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .greeting__L p+p {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .greeting__L p+p {
        margin-top: 30px;
    }
}

body[data-page="COMPANY"] .greeting__L p.subText {
    text-align: right;
    font-weight: 700;
    line-height: 1;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .greeting__L p.subText {
        margin-top: 70px;
        font-size: 0.875rem;
        letter-spacing: 3px;
    }
    body[data-page="COMPANY"] .greeting__L p.subText span {
        display: block;
    }
    body[data-page="COMPANY"] .greeting__L p.subText span+span {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .greeting__L p.subText {
        margin-top: 40px;
        letter-spacing: 2px;
    }
    body[data-page="COMPANY"] .greeting__L p.subText span {
        display: block;
    }
    body[data-page="COMPANY"] .greeting__L p.subText span+span {
        margin-top: 12px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .greeting__R {
        width: calc(100% - 720 / (1440 - 120) * 100%);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        z-index: 1;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .greeting__R {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

body[data-page="COMPANY"] .greeting__R .js-blurArea__img {
    background-position: 70%;
}

body[data-page="COMPANY"] .greeting__R .imgArea {
    position: relative;
    width: 100%;
    overflow: hidden;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .greeting__R .imgArea {
        height: calc(600 / 1440 * 100vw * 680 / 600);
        max-height: 800px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .greeting__R .imgArea {
        height: 388px;
        width: calc(100% - 32px);
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .greeting__R .blurArea {
        padding: 26px;
    }
}

body[data-page="COMPANY"] .greeting .conArea {
    background: #fff;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .greeting .conArea {
        padding: 100px 40px;
        width: calc(100% - 73px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .greeting .conArea {
        padding: 80px 40px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        font-size: 11px;
        width: 100%;
    }
}

body[data-page="COMPANY"] .greeting .conArea__text {
    margin-top: 40px;
}

body[data-page="COMPANY"] .greeting .conArea p {
    line-height: 2.2;
    letter-spacing: 2px;
}

body[data-page="COMPANY"] .block-album--sub {
    margin-top: 160px;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .block-album--sub .blurArea {
        padding: 26px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .block-album--sub__con .titleArea {
        margin-left: -20px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .block-album--sub__con .conArea {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .block-album--sub__con .conArea {
        margin-top: 61px;
    }
}

body[data-page="COMPANY"] .block-album--sub__con .accessBox {
    display: block;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .block-album--sub__con .accessBox+.accessBox {
        margin-top: 12px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .block-album--sub__con .accessBox+.accessBox {
        margin-top: 8px;
    }
}

body[data-page="COMPANY"] .flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .flow {
        margin-top: 160px;
        padding: 50px calc(120 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .flow {
        margin-top: 100px;
        padding: 0 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .flow__title {
        width: calc(555 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .flow__title {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .flow__con {
        padding-left: 48px;
        width: calc(100% - 555 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .flow__con {
        width: 100%;
        margin-top: 60px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access {
        margin-top: 200px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .access {
        margin-top: 120px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access__title {
        max-width: calc(1170 / 1440 * 100%);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .access__title {
        max-width: calc(100% - 80px);
        margin-left: auto;
        margin-right: auto;
    }
}

body[data-page="COMPANY"] .access__slider {
    width: 100%;
    position: relative;
    z-index: 0;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access__slider {
        margin-top: 60px;
        height: calc(100vw * 505 / 1440);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .access__slider {
        margin-top: calc(28px + 60px);
        height: 210px;
    }
}

body[data-page="COMPANY"] .access__col {
    margin-left: auto;
    margin-right: auto;
    background: #f6f6f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access__col {
        max-width: calc(1330 / 1440 * 100%);
        padding: 60px 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .access__col {
        max-width: calc(100% - 32px);
        padding: 32px 24px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col {
        width: calc((100% - 60px)/2);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col {
        width: 100%;
    }
    body[data-page="COMPANY"] .access__col .col+.col {
        margin-top: 60px;
    }
}

body[data-page="COMPANY"] .access__col .col .map {
    margin-top: 24px;
}

body[data-page="COMPANY"] .access__col .col .map iframe {
    width: 100%;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .map iframe {
        height: 400px;
        height: calc(400 * (1330 / 1440 * 100vw - 60px) / 2 / 550);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .map iframe {
        height: 214px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .con {
        margin-top: 36px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .con {
        margin-top: 25px;
    }
}

body[data-page="COMPANY"] .access__col .col .con p {
    line-height: 1.8;
    letter-spacing: 1.5px;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .con p {
        font-size: 0.875rem;
    }
}

body[data-page="COMPANY"] .access__col .col .con p+p {
    margin-top: 36px;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .con p+p {
        margin-top: 36px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .con p+p {
        margin-top: 32px;
    }
}

body[data-page="COMPANY"] .access__col .col .con table {
    line-height: 1.8;
    width: 100%;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .con table {
        font-size: 0.875rem;
        margin-top: 36px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .con table {
        margin-top: 32px;
    }
}

body[data-page="COMPANY"] .access__col .col .con table th {
    font-weight: 400;
    text-align: left;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .con table th {
        width: calc(100% - 80px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .con table th {
        width: calc(100% - 80px);
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .con table td {
        width: 80px;
        padding-left: 15px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .access__col .col .con table td {
        width: 80px;
        padding-left: 6px;
    }
}

body[data-page="COMPANY"] .access__con {
    border: 1px solid #eee;
    border-width: 1px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body[data-page="COMPANY"] .access__con__inner {
    line-height: 1.8;
    letter-spacing: 1.5px;
    text-align: center;
}

@media screen and (min-width: 1025px) {
    body[data-page="COMPANY"] .access__con {
        padding: 65px 0;
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="COMPANY"] .access__con {
        padding: 40px 0;
        width: calc(100% - 80px);
        margin-left: auto;
        margin-right: auto;
    }
}

body[data-page="ABOUT"] .mind {
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .mind {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .mind-lead .imgLead__img .imgBgBlock {
        background-position-x: 35%;
    }
}

body[data-page="ABOUT"] .mind-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .mind-col__img {
        width: calc((620 / 1440)*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .mind-col__img {
        width: 100%;
    }
    body[data-page="ABOUT"] .mind-col__img .video__img {
        background-size: 130%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .mind-col__con {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 80px;
        padding-bottom: 120px;
        width: calc(100% - (620 / 1440)*100vw - 100px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .mind-col__con {
        padding: 60px 40px;
        width: 100%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    body[data-page="ABOUT"] .mind-col__con {
        width: calc(100% - (620 / 1440)*100vw - 100/1440*100vw);
    }
}

body[data-page="ABOUT"] .mindCon {
    width: 100%;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .mindCon {
        max-width: calc(100% - 120 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .mindCon {
        max-width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .mindCon-text {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .mindCon-text {
        margin-top: 32px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .mindCon+.mindCon {
        margin-top: 68px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .mindCon+.mindCon {
        margin-top: 60px;
    }
}

body[data-page="ABOUT"] .mind p {
    line-height: 2em;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .mind p {
        letter-spacing: 2px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .mind p {
        letter-spacing: 1.5px;
    }
}

body[data-page="ABOUT"] .mind .video-area {
    height: 100%;
}

body[data-page="ABOUT"] .support {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .support {
        margin-top: -80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .support {
        margin-top: 8px;
    }
}

body[data-page="ABOUT"] .support-inner {
    background: #383841;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .support-inner {
        width: calc((1440 - 80)/1440 * 100vw);
        padding: 80px calc(80/1440*100vw) 200px calc(160/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .support-inner {
        width: 100%;
        padding: 80px 40px;
    }
}

body[data-page="ABOUT"] .support-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .support-col {
        padding-top: 80px;
    }
}

body[data-page="ABOUT"] .support-col__con {
    color: #fff;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .support-col__con {
        width: calc(100% - (360 / 1440)*100vw - 40px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .support-col__con {
        width: 100%;
    }
}

body[data-page="ABOUT"] .support-col__con .conArea {
    line-height: 2em;
    letter-spacing: 2px;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .support-col__con .conArea {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .support-col__con .conArea {
        margin-top: 32px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .support-col__img {
        width: calc((360 / 1440)*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .support-col__img {
        width: calc((240 / 375)*100vw);
        position: absolute;
        right: -24.5px;
        bottom: 0;
    }
}

body[data-page="ABOUT"] .support-col__img img {
    width: 100%;
}

body[data-page="ABOUT"] .support-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .support-list {
        margin-top: 100px;
        width: calc(950 / 1440 * 100vw);
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    body[data-page="ABOUT"] .support-list {
        width: 100%;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .support-list {
        margin-top: 60px;
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .support-list__item {
        width: calc((100% - calc(160 / 1440 *100vw))/2);
    }
}

@media screen and (min-width: 1025px) and (max-width: 1360px) {
    body[data-page="ABOUT"] .support-list__item {
        width: calc((100% - calc(60 / 1440 *100vw))/2);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .support-list__item {
        width: 100%;
        margin-top: 24px;
    }
    body[data-page="ABOUT"] .support-list__item[data-order='-order-1'] {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    body[data-page="ABOUT"] .support-list__item[data-order='-order-2'] {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    body[data-page="ABOUT"] .support-list__item[data-order='-order-3'] {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    body[data-page="ABOUT"] .support-list__item[data-order='-order-4'] {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    body[data-page="ABOUT"] .support-list__item[data-order='-order-5'] {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
    body[data-page="ABOUT"] .support-list__item[data-order='-order-6'] {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
    body[data-page="ABOUT"] .support-list__item[data-order='-order-7'] {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
    }
}

body[data-page="ABOUT"] .support-list__item:nth-of-type(1) {
    margin-top: 0;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .support-list__item:nth-child(2n) {
        margin-top: 60px;
    }
}

body[data-page="ABOUT"] .quality-lead .firstViewDaley {
    width: 100%;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .quality-lead~.quality-col {
        margin-top: 200px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .quality-lead~.quality-col {
        margin-top: 80px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .quality-lead~.quality-col .quality-col__inner {
        padding: 120px 100px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .quality-lead~.quality-col .quality-col__inner {
        padding: 0 20px 100px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .quality-con__inner {
        width: calc((1440 - 80)/1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .quality-con__inner {
        width: 100%;
    }
}

body[data-page="ABOUT"] .quality-con--right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

body[data-page="ABOUT"] .quality-con--left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

body[data-page="ABOUT"] .quality-con--right.bgW .quality-con__inner,
body[data-page="ABOUT"] .quality-con--left.bgW .quality-con__inner {
    background: #fff;
}

body[data-page="ABOUT"] .quality-con--right.bgD .quality-con__inner,
body[data-page="ABOUT"] .quality-con--left.bgD .quality-con__inner {
    background: #383841;
    color: #fff;
}

body[data-page="ABOUT"] .quality-col {
    position: relative;
    z-index: 1;
}

body[data-page="ABOUT"] .quality-sub {
    background: #383841;
    position: relative;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .quality-sub {
        padding: 200px 0 120px;
        margin-top: -80px;
        z-index: 0;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .quality-sub {
        padding: 0 20px 60px;
        z-index: 1;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .quality-sub__inner {
        width: calc(1160/1440*100vw);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .quality-sub__inner {
        width: 100%;
    }
}

body[data-page="ABOUT"] .quality-slider {
    background: #383841;
    color: #fff;
    margin-top: -2px;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .quality-slider {
        padding-bottom: 200px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .quality-slider {
        padding-bottom: 80px;
    }
}

body[data-page="ABOUT"] .quality-list {
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .quality-list__inner {
        margin-top: -80px;
        padding: 120px 100px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .quality-list__inner {
        padding: 0 20px 100px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .quality-list .albumLine+.albumLine {
        margin-top: 120px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .quality-list .albumLine+.albumLine {
        margin-top: 100px;
    }
}

body[data-page="ABOUT"] .quality-list~.quality-col {
    position: relative;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .quality-list~.quality-col {
        z-index: 0;
        margin-top: -80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .quality-list~.quality-col {
        z-index: 1;
        margin-top: 0px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .quality-list~.quality-col .quality-col__inner {
        padding: 200px 100px 120px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .quality-list~.quality-col .quality-col__inner {
        padding: 0 20px 80px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .slider-random {
        width: calc(1120/1440*100vw);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .slider-random {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__lead .title03--center {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__lead {
        width: calc(100% - 80px);
        margin-left: auto;
        margin-right: auto;
    }
}

body[data-page="ABOUT"] .slider-random__lead p {
    margin-top: 20px;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__lead p {
        text-align: center;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__con {
        margin-top: 60px;
        height: calc(607/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__con {
        margin-top: 32px;
        height: 270px;
    }
}

body[data-page="ABOUT"] .slider-random__tools {
    position: absolute;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__tools {
        top: 44px;
        right: 12px;
        padding-right: 68px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__tools {
        top: 23px;
        right: -8px;
        padding-right: 44px;
    }
}

body[data-page="ABOUT"] .slider-random__tools .con {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

body[data-page="ABOUT"] .slider-random__tools .icon {
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-shadow: 0 0 28px rgba(56, 56, 65, 0.1);
    box-shadow: 0 0 28px rgba(56, 56, 65, 0.1);
    position: absolute;
    z-index: 1;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__tools .icon {
        width: 68px;
        height: 68px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__tools .icon {
        width: 44px;
        height: 44px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__tools .icon svg {
        width: 14px;
        height: 36px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__tools .icon svg {
        width: 9px;
        height: 22px;
    }
}

body[data-page="ABOUT"] .slider-random__tools .text {
    border-radius: 60px 0 0 60px;
    background: #fff;
    -webkit-box-shadow: 0 0 28px rgba(56, 56, 65, 0.1);
    box-shadow: 0 0 28px rgba(56, 56, 65, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    z-index: 0;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__tools .text {
        padding: 16px 40px 16px 28px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__tools .text {
        padding: 10px 30px 10px 20px;
    }
}

body[data-page="ABOUT"] .slider-random__tools .text a {
    line-height: 1;
    letter-spacing: 0.06em;
    font-weight: 700;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__tools .text a {
        font-size: 12px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .slider-random__tools .text a {
        font-size: 10px;
    }
}

body[data-page="ABOUT"] .slider-random .slider--default__tools {
    background: #383841;
    top: auto;
    bottom: 0;
}

body[data-page="ABOUT"] .slider-random .slider--default .sliderBtn .btnL::before,
body[data-page="ABOUT"] .slider-random .slider--default .sliderBtn .btnR::before {
    background: #fff;
}

body[data-page="ABOUT"] .slider-random .slider--default .sliderBtn .btnL::after,
body[data-page="ABOUT"] .slider-random .slider--default .sliderBtn .btnR::after {
    border-color: #fff;
}

body[data-page="ABOUT"] .slider-random .slider--default .sliderBtn span {
    opacity: 1;
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .slider-random .sliderArea {
        height: calc(100% - 60px);
    }
}

body[data-page="ABOUT"] .slider-random .textBlock {
    display: none;
}

body[data-page="ABOUT"] .albumLine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .albumLine {
        width: 100%;
    }
}

body[data-page="ABOUT"] .albumLine .js-imgSet {
    width: 150%;
    height: 150%;
    top: -25%;
    left: -25%;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .albumLine__img {
        width: calc(600/1440*100vw);
        height: calc(390/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .albumLine__img {
        width: 100%;
        height: calc(218/375*100vw);
        margin-top: -40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .albumLine__con {
        width: calc(100% - 600/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .albumLine__con {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
}

body[data-page="ABOUT"] .albumLine__con .conArea {
    letter-spacing: 0.08em;
    line-height: 2em;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .albumLine__con .conArea {
        margin-top: 28px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .albumLine__con .conArea {
        margin-top: 24px;
    }
}

body[data-page="ABOUT"] .albumLine .blurArea {
    position: relative;
    height: 100%;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .albumLine .blurArea {
        padding: 24px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .albumLine .blurArea {
        padding: 12px;
    }
}

body[data-page="ABOUT"] .albumLine .blurArea__img {
    border: 3px solid #eee;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .albumLine.title-right .title03--line .textS,
    body[data-page="ABOUT"] .albumLine.title-right .title03--line .con {
        padding-left: calc(80/1440*100vw);
    }
    body[data-page="ABOUT"] .albumLine.title-right .title03--line .textS::after,
    body[data-page="ABOUT"] .albumLine.title-right .title03--line .con::after {
        left: -24px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .albumLine.title-right .title03--line .textS,
    body[data-page="ABOUT"] .albumLine.title-right .title03--line .con {
        padding-left: 0;
    }
}

body[data-page="ABOUT"] .albumLine.title-right .title03--line .textB {
    display: block;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .albumLine.title-right .title03--line .textB::before {
        left: -28px;
        top: 0;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .albumLine.title-right .title03--line .textB {
        padding-left: 0;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .albumLine.title-right .conArea {
        padding-left: calc(80/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .albumLine.title-right .conArea {
        padding-left: 0;
    }
}

body[data-page="ABOUT"] .albumLine.title-left {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

body[data-page="ABOUT"] .albumLine.title-left .title03--line .textS::after,
body[data-page="ABOUT"] .albumLine.title-left .title03--line .con::after {
    right: -24px;
}

body[data-page="ABOUT"] .albumLine.title-left .title03--line .textB {
    display: inline-block;
}

body[data-page="ABOUT"] .albumLine.title-left .title03--line .textB::before {
    right: -28px;
    top: 0;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .albumLine.title-left .conArea {
        padding-right: calc(80/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .albumLine.title-left .conArea {
        padding-right: 0;
    }
}

body[data-page="ABOUT"] .albumLine.bgD {
    color: #fff;
}

body[data-page="ABOUT"] .albumLine.bgD .textB {
    background: #383841;
}

body[data-page="ABOUT"] .albumLine.bgD .textB::before {
    background: #383841;
}

body[data-page="ABOUT"] .albumLine.bgW {
    background: #fff;
}

body[data-page="ABOUT"] .albumLine.bgW .textB {
    background: #fff;
}

body[data-page="ABOUT"] .albumLine.bgW .textB::before {
    background: #fff;
}

body[data-page="ABOUT"] .quality-policy {
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .quality-policy {
        margin-top: -50px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .policy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 80px 100px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .policy {
        padding: 60px 40px;
        margin-left: auto;
        margin-right: auto;
    }
}

body[data-page="ABOUT"] .policy__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .policy__img {
        width: 100px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    body[data-page="ABOUT"] .policy__img img:nth-child(1) {
        display: none;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .policy__img {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    body[data-page="ABOUT"] .policy__img img:nth-child(1) {
        width: 72px;
    }
    body[data-page="ABOUT"] .policy__img img:nth-child(2) {
        margin-right: 24px;
        width: 91px;
    }
}

body[data-page="ABOUT"] .policy__con {
    line-height: 2em;
    letter-spacing: 0.08em;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .policy__con {
        width: calc(100% - 200px - 80px);
        margin-top: -7px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .policy__con {
        width: 100%;
        margin-top: 24px;
        font-size: 0.917rem;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .policy__icon img {
        width: 100px;
        height: 70px;
        vertical-align: bottom;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .policy__icon {
        display: none;
    }
}

body[data-page="ABOUT"] .ecology {
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology {
        padding: 120px 0;
        margin-top: 200px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology {
        padding: 80px 20px;
        margin-top: 80px;
    }
}

body[data-page="ABOUT"] .ecology-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col {
        max-width: calc(1050/1440*100vw);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col {
        max-width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col__con {
        width: calc(100% - (420/1440*100vw) - 110px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col__con {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col__con .conArea {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col__con .conArea {
        margin-top: 28px;
    }
}

body[data-page="ABOUT"] .ecology-col__con p {
    line-height: 2em;
    letter-spacing: 0.08em;
}

body[data-page="ABOUT"] .ecology-col__con img.large {
    width: 240px;
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col__con img.large {
        width: 160px;
    }
}

body[data-page="ABOUT"] .ecology-col__con .titleArea .textB {
    margin-top: 20px;
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col__img,
    body[data-page="ABOUT"] .ecology-col__img02 {
        width: 100%;
        margin-top: 40px;
    }
}

body[data-page="ABOUT"] .ecology-col__img img,
body[data-page="ABOUT"] .ecology-col__img02 img {
    width: 100%;
}

body[data-page="ABOUT"] .ecology-col__img img.w-max-464,
body[data-page="ABOUT"] .ecology-col__img02 img.w-max-464 {
    max-width: 464px;
}

body[data-page="ABOUT"] .ecology-col__img__caption,
body[data-page="ABOUT"] .ecology-col__img02__caption {
    color: #6DAD98;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    margin-top: 17px;
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col__img__caption,
    body[data-page="ABOUT"] .ecology-col__img02__caption {
        font-size: 12px;
    }
}

body[data-page="ABOUT"] .ecology-col__img01 {
    margin-top: 40px;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col__img01 {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col__img01 img {
        width: calc(464/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col__img01 img {
        width: 295px;
    }
}

body[data-page="ABOUT"] .ecology-col__img02 {
    margin-bottom: 60px;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col__img02 {
        width: calc(432/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col__img02 {
        width: 250px;
    }
}

body[data-page="ABOUT"] .ecology-col__vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

body[data-page="ABOUT"] .ecology-col__vertical__con {
    width: 100%;
    margin-bottom: 40px;
}

body[data-page="ABOUT"] .ecology-col__vertical__img {
    width: 100%;
    margin-bottom: 77px;
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-col--sp-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-con {
        margin-top: 160px;
        text-align: center;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-con {
        margin-top: 80px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-con__lead {
        display: inline-block;
    }
}

body[data-page="ABOUT"] .ecology-con__lead p {
    line-height: 2em;
    letter-spacing: 0.08em;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-con__lead p {
        margin-top: 52px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-con__lead p {
        font-size: 11px;
        margin-top: 20px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-con__table {
        margin-top: 40px;
        display: inline-block;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-con__table {
        margin-top: 28px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-con__table .table--sub {
        width: calc(921/1440*100vw);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-con__table .table--sub {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-con__text {
        margin-top: 40px;
        display: inline-block;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-con__text {
        margin-top: 28px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-con__lead,
    body[data-page="ABOUT"] .ecology-con__text {
        max-width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
    }
}

body[data-page="ABOUT"] .ecology-item {
    letter-spacing: 0.08em;
    line-height: 2;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item {
        margin-top: 120px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    body[data-page="ABOUT"] .ecology-item .title03--center {
        display: inline-block;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item .title03--center {
        font-size: 12px;
        font-weight: 500;
        text-align: center;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__title {
        max-width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
    }
}

body[data-page="ABOUT"] .ecology-item__col {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col_con {
        max-width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col_con .conArea {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col_con .conArea {
        margin-top: 28px;
    }
}

body[data-page="ABOUT"] .ecology-item__col_img img {
    width: 100%;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col.width-s {
        max-width: calc(940/1440*100vw);
        margin-top: 120px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col.width-s {
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 80px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col.width-s .ecology-item__col_con {
        width: calc(100% - (450 / 1440 * 100vw) - 80px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col.width-s .ecology-item__col_con {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col.width-s .ecology-item__col_img {
        width: calc(450 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col.width-s .ecology-item__col_img {
        width: 100%;
        margin-top: 32px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col.width-w {
        max-width: calc(1055/1440*100vw);
        margin-top: 87px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col.width-w {
        max-width: 100%;
        margin-top: 93px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col.width-w .ecology-item__col_con {
        width: calc(100% - (606 / 1440 * 100vw) - 40px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col.width-w .ecology-item__col_con {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col.width-w .ecology-item__col_img {
        width: calc(606 / 1440 * 100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item__col.width-w .ecology-item__col_img {
        width: 100%;
        margin-top: 32px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology-item--margin-xs {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .ecology--padding-bottom-xs {
        padding-bottom: 24px;
    }
}

body[data-page="ABOUT"] .sdgs {
    background: #383841;
    color: #fff;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .sdgs {
        margin-top: -80px;
        padding: 200px 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .sdgs {
        margin-top: 0px;
        padding: 80px 20px 60px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-lead {
        text-align: center;
    }
    body[data-page="ABOUT"] .sdgs-lead .title03--subText {
        display: inline-block;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-lead {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-lead .conArea {
        margin-top: 52px;
        display: inline-block;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-lead .conArea {
        margin-top: 24px;
    }
}

body[data-page="ABOUT"] .sdgs-lead p {
    line-height: 2em;
    letter-spacing: 0.08em;
    text-align: center;
}

body[data-page="ABOUT"] .sdgs-lead .title03--subText .textB {
    line-height: 1.4em;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-lead .title03--subText .textB {
        font-size: 1.75rem;
        margin-top: 24px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-lead .title03--subText .textB {
        font-size: 1.67rem;
        margin-top: 12px;
    }
}

body[data-page="ABOUT"] .sdgs-con {
    background: #fff;
    text-align: center;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con {
        margin-top: 60px;
        width: calc(1160 / 1440 * 100vw);
        margin-left: auto;
        margin-right: auto;
        padding: 60px 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con {
        margin-top: 40px;
        width: 100%;
        padding: 48px 20px 20px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con__lead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con__lead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con__lead .logo {
        width: 320px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con__lead .logo {
        width: calc(224/375*100vw);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con__lead .con {
        width: 360px;
        margin-left: calc(80/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con__lead .con {
        width: 100%;
        margin-top: 24px;
    }
}

body[data-page="ABOUT"] .sdgs-con__lead img {
    width: 100%;
}

body[data-page="ABOUT"] .sdgs-con__lead p {
    width: 100%;
    letter-spacing: 0.06em;
    color: #383841;
    font-weight: 700;
    font-size: 28px;
    line-height: 160%;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con__lead p {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con__lead p {
        margin-top: 24px;
        font-size: 12px;
    }
}

body[data-page="ABOUT"] .sdgs-con__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con__col {
        margin-top: 28px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con__col {
        margin-top: 24px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con__col .col {
        width: calc((100% - 120px)/6);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .sdgs-con__col .col {
        width: calc((100% - 20px)/3);
        margin-top: 5px;
    }
    body[data-page="ABOUT"] .sdgs-con__col .col:nth-child(1),
    body[data-page="ABOUT"] .sdgs-con__col .col:nth-child(2),
    body[data-page="ABOUT"] .sdgs-con__col .col:nth-child(3) {
        margin-top: 0;
    }
}

body[data-page="ABOUT"] .sdgs-con__col .col img {
    width: 100%;
}

body[data-page="ABOUT"] .bg-content--dark {
    background: #383841;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .bg-content--dark {
        width: calc(1280 / 1440*100vw);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .bg-content--dark {
        width: 100%;
    }
}

body[data-page="ABOUT"] .bg-content--white {
    background: #fff;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .bg-content--white {
        width: calc(1280 / 1440*100vw);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .bg-content--white {
        width: 100%;
    }
}

body[data-page="ABOUT"] .about-tab {
    position: relative;
    z-index: 2;
    background: #f6f6f6;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .about-tab {
        margin-top: -163px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .about-tab {
        margin-top: -104px;
    }
}

body[data-page="ABOUT"] .imgLead {
    position: relative;
    z-index: 1;
}

body[data-page="ABOUT"] .imgLead .an-blurShow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

body[data-page="ABOUT"] .imgLead .firstViewDaley {
    width: 100%;
}

body[data-page="ABOUT"] .imgLead .firstViewDaley {
    width: 100%;
}

body[data-page="ABOUT"] .imgLead__img {
    overflow: hidden;
    position: relative;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .imgLead__img {
        width: calc(1360/1440*100vw);
        height: calc(540/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .imgLead__img {
        width: 100%;
        height: calc(210/375*100vw);
    }
}

@media screen and (max-width: 380px) {
    body[data-page="ABOUT"] .imgLead__img .sp--show {
        background: none;
    }
    body[data-page="ABOUT"] .imgLead__img .sp--show img {
        width: 100% !important;
        display: block !important;
    }
}

body[data-page="ABOUT"] .imgLead__img .imgBgBlock {
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body[data-page="ABOUT"] .imgLead__img .imgBgText {
    position: absolute;
    letter-spacing: 0.08em;
    line-height: 1;
    display: inline-block;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .imgLead__img .imgBgText {
        right: 36px;
        bottom: 32px;
        font-size: 12px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .imgLead__img .imgBgText {
        right: 20px;
        bottom: 14px;
        font-size: 8px;
    }
}

body[data-page="ABOUT"] .imgLead__img .imgBgTitle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .imgLead__img .imgBgTitle {
        padding: 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .imgLead__img .imgBgTitle {
        padding: 28px;
    }
}

body[data-page="ABOUT"] .imgLead__img .imgBgTitle p {
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    line-height: 1;
    color: #fff;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .imgLead__img .imgBgTitle p {
        font-size: 2.75rem;
        letter-spacing: 0.42rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .imgLead__img .imgBgTitle p {
        font-size: 1.67rem;
        letter-spacing: 0.26rem;
    }
}

body[data-page="ABOUT"] .imgLead__con {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .imgLead__con {
        margin-top: 160px;
        width: calc(1200/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .imgLead__con {
        margin-top: 60px;
        width: calc(100% - 80px);
        margin-left: auto;
        margin-right: auto;
    }
}

body[data-page="ABOUT"] .imgLead__con p {
    line-height: 2;
    letter-spacing: 2px;
}

@media screen and (min-width: 1025px) {
    body[data-page="ABOUT"] .imgLead__con p {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="ABOUT"] .imgLead__con p {
        margin-top: 24px;
    }
}

body[data-page="ABOUT"] .slider-random__tools .text {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

body[data-page="ABOUT"] .slider-random__tools .icon {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

body[data-page="ABOUT"] .slider-random__tools .icon svg {
    opacity: 0.7;
}

body[data-page="ABOUT"] .slider-random__tools .icon:hover,
body[data-page="ABOUT"] .slider-random__tools .icon.is--active {
    background: #383841;
}

body[data-page="ABOUT"] .slider-random__tools .icon:hover svg,
body[data-page="ABOUT"] .slider-random__tools .icon.is--active svg {
    opacity: 1;
}

body[data-page="ABOUT"] .slider-random__tools .icon:hover svg path,
body[data-page="ABOUT"] .slider-random__tools .icon.is--active svg path {
    fill: #fff;
}

body[data-page="ABOUT"] .is--active .text {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

body[data-page="PRIVACY POLICY"] .privacy-con {
    background: #fff;
    position: relative;
    z-index: 1;
}

@media screen and (min-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-con {
        width: calc(1280/1440*100vw);
        margin-left: auto;
        margin-right: auto;
        padding: 80px 80px 120px;
        margin-top: -237px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-con {
        padding: 60px 40px;
        margin-top: -125px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-con p {
        line-height: 2;
        letter-spacing: 0.09rem;
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-con p {
        line-height: 2;
        letter-spacing: 0.14rem;
        font-size: 0.917rem;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-con__con {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-con__con {
        margin-top: 40px;
    }
}

body[data-page="PRIVACY POLICY"] .privacy-con__con__item p {
    margin-top: 16px;
}

@media screen and (min-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-con__con__item+.privacy-con__con__item {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-con__con__item+.privacy-con__con__item {
        margin-top: 32px;
    }
}

body[data-page="PRIVACY POLICY"] .privacy-contact {
    background: #383841;
    color: #fff;
    line-height: 2;
}

@media screen and (min-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact {
        padding: 160px 0 120px;
        text-align: center;
        margin-top: -80px;
        letter-spacing: 0.09rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact {
        padding: 60px 40px;
        letter-spacing: 0.14rem;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact__lead {
        width: calc(930/1440*100vw);
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact__lead {
        width: 100%;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact__lead .title {
        text-align: center;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact__lead .con {
        margin-top: 52px;
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact__lead .con {
        margin-top: 32px;
        font-size: 0.917rem;
    }
}

body[data-page="PRIVACY POLICY"] .privacy-contact__box {
    border: 1px solid #4A4A56;
    border-width: 1px 0;
}

@media screen and (min-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact__box {
        width: calc(1160/1440*100vw);
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        padding: 32px 0 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact__box {
        width: 100%;
        margin-top: 28px;
        padding: 24px 0;
        text-align: center;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact__box .pcMargin {
        margin-left: 35px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact__box .pcMargin {
        margin-left: 0;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact__con {
        margin-top: 40px;
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .privacy-contact__con {
        margin-top: 28px;
        font-size: 0.917rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="PRIVACY POLICY"] .title01--default .textE img {
        height: 64px;
    }
}

body[data-page="CONTACT"] .contact-area {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    background: #fff;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-area {
        width: calc(1280/1440*100vw);
        margin-top: -163px;
        padding: 60px 80px 120px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-area {
        width: 100%;
        margin-top: -104px;
        padding: 40px 12px 100px;
    }
}

body[data-page="CONTACT"] .contact-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-nav__item {
        width: calc((100% - 100px)/3);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-nav__item {
        width: calc((100% - 24px)/3);
    }
}

body[data-page="CONTACT"] .contact-lead {
    line-height: 2;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead {
        margin-top: 120px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead {
        margin-top: 60px;
    }
}

body[data-page="CONTACT"] .contact-lead__normal {
    text-align: center;
    font-weight: 700;
}

body[data-page="CONTACT"] .contact-lead__normal.-thin {
    font-weight: 400;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead__normal {
        letter-spacing: 0.09rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead__normal {
        width: calc(100% - 56px);
        letter-spacing: 0.15rem;
        margin-left: auto;
        margin-right: auto;
    }
}

body[data-page="CONTACT"] .contact-lead__normal p {
    line-height: 2;
    letter-spacing: 0.09rem;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead__normal p+p {
        margin-top: 28px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead__normal p+p {
        margin-top: 24px;
    }
}

body[data-page="CONTACT"] .contact-lead__invalid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: #EE2958;
    background: #FEF1F4;
    border: 1px solid #EE2958;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead__invalid {
        font-size: 0.875rem;
        padding: 19px;
        line-height: 2;
        text-align: center;
        letter-spacing: 0.09rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead__invalid {
        width: 100%;
        line-height: 1.45;
        padding: 16px;
        letter-spacing: 0.19rem;
    }
}

body[data-page="CONTACT"] .contact-lead__invalid span {
    display: inline-block;
    position: relative;
    padding-left: calc(16px + 8px);
}

body[data-page="CONTACT"] .contact-lead__invalid span::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    background-image: url(../img/common/icon-invalid.svg);
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead.-complete {
        margin-top: 114px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead .con {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead .con {
        margin-top: 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead .btn {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-lead .btn {
        margin-top: 60px;
    }
}

body[data-page="CONTACT"] .contact-lead .btn a {
    width: 300px;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form {
        margin-top: 120px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form {
        margin-top: 60px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form__inner+.contact-form__inner {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form__inner+.contact-form__inner {
        margin-top: 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form__btn {
        margin-top: 100px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form__btn {
        margin-top: 80px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form__btn .btn-bg--dark {
        width: 300px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form__btn .btn-bg--dark {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form__btn .btn-bg--light {
        width: 240px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form__btn .btn-bg--light {
        width: 100%;
    }
}

@media screen and (max-width: 380px) {
    body[data-page="CONTACT"] .contact-form__btn .btn-bg--light {
        width: 240px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .contactCol {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

body[data-page="CONTACT"] .contact-form .contactCol .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .contactCol .title {
        width: calc(100% - 720/1440*100vw - 24px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .contactCol .title {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .contactCol .input {
        width: calc(720/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .contactCol .input {
        width: 100%;
        margin-top: 24px;
    }
}

body[data-page="CONTACT"] .contact-form .fileCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #E7E7E7;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .fileCol {
        padding-bottom: 24px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .fileCol {
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .fileCol .file {
        width: calc(189/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .fileCol .file {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .fileCol p {
        margin-left: 40px;
        font-size: 0.75rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .fileCol p {
        width: 100%;
        margin-top: 20px;
    }
}

body[data-page="CONTACT"] .contact-form .fileCol .fileName {
    width: 100%;
}

body[data-page="CONTACT"] .contact-form .fileCol .fileName li {
    position: relative;
    padding-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

body[data-page="CONTACT"] .contact-form .fileCol .fileName li::before {
    display: block;
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background: #383841;
    border-radius: 100%;
    left: 0;
    top: 9px;
}

body[data-page="CONTACT"] .contact-form .fileCol .fileName li+li {
    margin-top: 5px;
}

body[data-page="CONTACT"] .contact-form .fileCol .fileName li .text {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

body[data-page="CONTACT"] .contact-form .fileCol .fileName li .btn {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    margin-left: 8px;
    background: #383841;
    border-radius: 100%;
}

body[data-page="CONTACT"] .contact-form .fileCol .fileName li .btn::before,
body[data-page="CONTACT"] .contact-form .fileCol .fileName li .btn::after {
    display: block;
    content: "";
    position: absolute;
    width: 8px;
    height: 2px;
    background: #fff;
    -webkit-transform-origin: center;
    transform-origin: center;
    top: 50%;
    left: 50%;
}

body[data-page="CONTACT"] .contact-form .fileCol .fileName li .btn::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

body[data-page="CONTACT"] .contact-form .fileCol .fileName li .btn::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

body[data-page="CONTACT"] .contact-form .postalCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .postalCol label {
        width: calc(100% - 287/1440*100vw - 40/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .postalCol label {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .postalCol .postal {
        width: calc(287/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form .postalCol .postal {
        width: 100%;
        margin-top: 16px;
    }
}

body[data-page="CONTACT"] .contact-form__inner.inputList .title {
    padding-top: 15px;
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contact-form__inner.inputList .input {
        margin-top: 6px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .contactCol .confirmCon {
        width: calc(720/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .contactCol .confirmCon {
        width: 100%;
        margin-top: 14px;
    }
}

body[data-page="CONTACT"] .confirmCon {
    padding-bottom: 24px;
    border-bottom: 1px solid #E7E7E7;
}

body[data-page="CONTACT"] .confirmCon p {
    line-height: 1.5;
    letter-spacing: 0.09rem;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .confirm-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .confirm-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .confirm-btn label+label {
        margin-left: 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .confirm-btn label+label {
        margin-bottom: 24px;
    }
}

body[data-page="CONTACT"] .contact-lead__invalid {
    display: none;
}

body[data-page="CONTACT"] .errorBox {
    color: #EE2958;
    display: none;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .errorBox {
        font-size: 0.75rem;
        line-height: 1.6;
        margin-top: 12px;
        letter-spacing: 0.08rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .errorBox {
        line-height: 1.4;
        margin-top: 10px;
        letter-spacing: 0.18rem;
    }
}

body[data-page="CONTACT"] .is--invalid .contact-lead__normal {
    display: none;
}

body[data-page="CONTACT"] .is--invalid .contact-lead__invalid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body[data-page="CONTACT"] .is--invalid .check-list,
body[data-page="CONTACT"] .is--invalid .fileCol,
body[data-page="CONTACT"] .is--invalid input[type="text"] {
    border-color: #EE2958;
}

body[data-page="CONTACT"] .is--invalid textarea {
    border: 1px solid #EE2958;
}

body[data-page="CONTACT"] .is--invalid .errorBox {
    display: block;
}

body[data-page="CONTACT"] .count {
    position: relative;
    padding-bottom: 24px;
}

body[data-page="CONTACT"] .count-text {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: right;
    font-size: 0.75rem;
    letter-spacing: 0.08rem;
    line-height: 1;
}

body[data-page="CONTACT"] .count .errorBox {
    position: absolute;
    margin-top: 0;
    left: 0;
    bottom: 0;
    line-height: 1;
}

body[data-page="CONTACT"] .js-count-num.-text--red {
    color: #EE2958;
}


/* body[data-page="CONTACT"] header.is--active {
    position: fixed;
} */

body[data-page="CONTACT"] .js-file-name {
    width: 100%;
}

body[data-page="CONTACT"] .js-file-name .js-file-name-list+.js-file-name-list {
    margin-top: 11px;
}

body[data-page="CONTACT"] .js-file-error {
    color: #EE2958;
}

@media screen and (min-width: 1025px) {
    body[data-page="CONTACT"] .js-file-error li {
        font-size: 0.75rem;
        line-height: 1.6;
        letter-spacing: 0.08rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CONTACT"] .js-file-error li {
        line-height: 1.4;
        letter-spacing: 0.06em;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .title03--subText .textB {
        margin-top: 16px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .title03--subText .textB {
        margin-top: 12px;
    }
}

body[data-page="CATALOG"] .catalog {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    background: #fff;
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog {
        width: calc(1200/1440*100vw);
        margin-top: -163px;
        padding: 80px 80px 120px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog {
        width: 100%;
        margin-top: -104px;
        padding: 60px 0px 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-lead {
        padding: 0 40px;
    }
}

body[data-page="CATALOG"] .catalog-lead .con {
    letter-spacing: 0.09rem;
    line-height: 2;
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-lead .con {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-lead .con {
        margin-top: 24px;
    }
}

body[data-page="CATALOG"] .catalog-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col {
        padding: 0 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col .title03--subText .textB {
        padding-bottom: 3px;
    }
}

body[data-page="CATALOG"] .catalog-col__img {
    border: 1px solid #E7E7E7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__img {
        width: calc(380/1440*100vw);
        height: calc(420/1440*100vw + 100px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__img {
        width: 200px;
        height: 283px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__img img {
        width: 120px;
        height: 36px;
        -webkit-transform: translateY(-21px);
        transform: translateY(-21px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__img img {
        width: 62px;
        height: 19px;
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__con {
        margin-top: -10px;
        width: calc(100% - 380/1440*100vw - 60px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__con {
        margin-top: 30px;
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__con .catalogBtn {
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 20px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__con .catalogBtn {
        margin-top: 24px;
        width: 100%;
    }
}

body[data-page="CATALOG"] .catalog-col__logo {
    border: 1px solid #E7E7E7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__logo {
        width: calc(380/1440*100vw);
        height: calc(540/1440*100vw);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__logo {
        width: 295px;
        height: 417px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__logo img {
        width: 120px;
        height: 36px;
        -webkit-transform: translateY(-21px);
        transform: translateY(-21px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__logo img {
        width: 92px;
        height: 28px;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

body[data-page="CATALOG"] .catalog-col__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__text {
        width: calc(100% - 380/1440*100vw - 80px);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__text {
        width: 100%;
        margin-top: 40px;
    }
}

body[data-page="CATALOG"] .catalog-col__text .con {
    line-height: 2;
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__text .con {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__text .con {
        margin-top: 24px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__text .btn {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col__text .btn {
        margin-top: 28px;
    }
}

body[data-page="CATALOG"] .catalog-col__text .btn a {
    width: 242px;
}

body[data-page="CATALOG"] .catalog-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 80px;
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-con {
        padding: 0 20px 30px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-con .col {
        width: calc((100% - 3.8% * 3) / 4);
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-con .col {
        width: calc((100% - 20px) / 2);
        margin-top: 28px;
    }
    body[data-page="CATALOG"] .catalog-con .col:nth-child(1),
    body[data-page="CATALOG"] .catalog-con .col:nth-child(2) {
        margin-top: 0;
    }
    body[data-page="CATALOG"] .catalog-con .col:nth-child(2n) {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-con .col.col--default .imgArea {
        height: calc((100vw - 3.8vw * 3) / 4 * 218 / 230);
    }
}

body[data-page="CATALOG"] .catalog-con .label--default .textJ {
    color: #383841;
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-con~.catalog-lead {
        margin-top: 147px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-con~.catalog-lead {
        margin-top: 80px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-lead~.catalog-col {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-lead~.catalog-col {
        margin-top: 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col~.catalog-lead {
        margin-top: 120px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-col~.catalog-lead {
        margin-top: 88px;
    }
}

body[data-page="CATALOG"] .catalog-book {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-book {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-book {
        margin-top: 40px;
        padding: 0 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-book__col+.catalog-book__col {
        margin-left: 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-book__col+.catalog-book__col {
        margin-top: 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-book__col {
        width: calc((100% - 120px)/4);
        margin-top: 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="CATALOG"] .catalog-book__col {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-book__col:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="CATALOG"] .catalog-book__col:nth-child(1),
    body[data-page="CATALOG"] .catalog-book__col:nth-child(2),
    body[data-page="CATALOG"] .catalog-book__col:nth-child(3),
    body[data-page="CATALOG"] .catalog-book__col:nth-child(4) {
        margin-top: 0;
    }
}

body[data-page="CATALOG"] .catalog-book__col.-img--off .btn--radius {
    color: #aaa;
    pointer-events: none;
}

body[data-page="CATALOG"] .catalog-book__col.-img--off .btn--radius::after {
    border-color: #aaa;
}

body[data-page="CATALOG"] .catalog-book__col.-img--off .btn {
    display: none;
}

body[data-page="CATALOG"] .catalog-book__col.-border--off .con {
    border: none;
}

body[data-page="CATALOG"] .title01--default .textJ {
    line-height: 1.2;
}

body[data-page="NEWS"] .news-list {
    position: relative;
    z-index: 1;
    background: #fff;
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-list {
        width: calc(1280/1440*100vw);
        margin-left: auto;
        margin-right: auto;
        margin-top: -163px;
        padding: 80px 0 100px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-list {
        margin-top: -104px;
        padding: 60px 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-list-col {
        padding: 0px 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-list-col.col-3 .col {
        margin-top: 28px;
    }
    body[data-page="NEWS"] .news-list-col.col-3 .col+.col {
        margin-left: 41px;
    }
    body[data-page="NEWS"] .news-list-col.col-3 .col+.col::before {
        display: block;
        content: "";
        position: absolute;
        width: 1px;
        height: calc(100% - 44px);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        top: 27px;
        background: #E7E7E7;
        left: -21px;
    }
    body[data-page="NEWS"] .news-list-col.col-3 .col:nth-child(3n+1) {
        margin-left: 0;
    }
    body[data-page="NEWS"] .news-list-col.col-3 .col:nth-child(3n+1)::before {
        display: none;
    }
    body[data-page="NEWS"] .news-list-col.col-3 .col:nth-of-type(1),
    body[data-page="NEWS"] .news-list-col.col-3 .col:nth-of-type(2),
    body[data-page="NEWS"] .news-list-col.col-3 .col:nth-of-type(3) {
        margin-top: 0;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-list-col.col-3 .col+.col {
        position: relative;
        margin-top: 28px;
    }
    body[data-page="NEWS"] .news-list-col.col-3 .col+.col::before {
        display: block;
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background: #E7E7E7;
        top: -28px;
        left: 0;
    }
}

body[data-page="NEWS"] .news-list-col.col-1 .col {
    position: relative;
}

body[data-page="NEWS"] .news-list-col.col-1 .col::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #E7E7E7;
    left: 0;
    bottom: 0;
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-list-col.col-1 .col+.col {
        margin-top: 36px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-list-col.col-1 .col+.col {
        margin-top: 28px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-list-col.col-1 .newsBox {
        padding: 0 0 36px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-list-col.col-1 .newsBox {
        padding: 0 0 28px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-list-col.col-1 .newsBox.-icon--blank::after {
        right: 20px;
        bottom: 24px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-list-col.col-1 .newsBox.-icon--blank::after {
        right: 0px;
        bottom: 12px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-list-pagination {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-list-pagination {
        margin-top: 40px;
    }
}

body[data-page="NEWS"] .news-item {
    position: relative;
    z-index: 1;
    background: #fff;
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item {
        width: calc(1280/1440*100vw);
        margin-left: auto;
        margin-right: auto;
        margin-top: -163px;
        padding: 114px 160px 120px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item {
        margin-top: -104px;
        padding: 60px 40px;
    }
}

body[data-page="NEWS"] .news-item img {
    width: 100%;
}

body[data-page="NEWS"] .news-item p {
    letter-spacing: 0.09rem;
    line-height: 2;
}

body[data-page="NEWS"] .news-item h2 {
    font-size: 1.5rem;
    padding-bottom: 16px;
    line-height: 1.8;
    letter-spacing: 0.09rem;
    border-bottom: 1px solid #E7E7E7;
}

body[data-page="NEWS"] .news-item h3 {
    font-size: 1.25rem;
    padding-bottom: 14px;
    line-height: 1.8;
    letter-spacing: 0.09rem;
    border-bottom: 1px solid #E7E7E7;
}

body[data-page="NEWS"] .news-item ol {
    counter-reset: num;
}

body[data-page="NEWS"] .news-item ol>li {
    position: relative;
    letter-spacing: 0.09rem;
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item ol>li {
        padding-left: 27px;
        line-height: 2;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item ol>li {
        padding-left: 20px;
        line-height: 1.8;
    }
}

body[data-page="NEWS"] .news-item ol>li+li {
    margin-top: 16px;
}

body[data-page="NEWS"] .news-item ol>li::before {
    counter-increment: num;
    content: counter(num) " .";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    letter-spacing: -1px;
    font-weight: 700;
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item ol>li::before {
        line-height: 2;
        font-size: 16px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item ol>li::before {
        line-height: 1.8;
        font-size: 12px;
    }
}

body[data-page="NEWS"] .news-item ul>li {
    padding-left: 18px;
    position: relative;
    letter-spacing: 0.09rem;
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item ul>li {
        line-height: 2;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item ul>li {
        line-height: 1.8;
    }
}

body[data-page="NEWS"] .news-item ul>li+li {
    margin-top: 16px;
}

body[data-page="NEWS"] .news-item ul>li::before {
    display: block;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #383841;
    left: 0;
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item ul>li::before {
        top: 13px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item ul>li::before {
        top: 7px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item img {
        display: block;
        max-width: 960px !important;
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1440px) {
    body[data-page="NEWS"] .news-item img {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item img {
        margin-top: 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item p+p {
        margin-top: 35px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item p+p {
        margin-top: 25px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item ol+ul,
    body[data-page="NEWS"] .news-item ul+ol,
    body[data-page="NEWS"] .news-item ol+p,
    body[data-page="NEWS"] .news-item ul+p,
    body[data-page="NEWS"] .news-item p+ul,
    body[data-page="NEWS"] .news-item p+ol {
        margin-top: 60px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item ol+ul,
    body[data-page="NEWS"] .news-item ul+ol,
    body[data-page="NEWS"] .news-item ol+p,
    body[data-page="NEWS"] .news-item ul+p,
    body[data-page="NEWS"] .news-item p+ul,
    body[data-page="NEWS"] .news-item p+ol {
        margin-top: 40px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item h2+ol,
    body[data-page="NEWS"] .news-item h2+ul,
    body[data-page="NEWS"] .news-item h2+p,
    body[data-page="NEWS"] .news-item h2+img,
    body[data-page="NEWS"] .news-item h3+ol,
    body[data-page="NEWS"] .news-item h3+ul,
    body[data-page="NEWS"] .news-item h3+p,
    body[data-page="NEWS"] .news-item h3+img {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item h2+ol,
    body[data-page="NEWS"] .news-item h2+ul,
    body[data-page="NEWS"] .news-item h2+p,
    body[data-page="NEWS"] .news-item h2+img,
    body[data-page="NEWS"] .news-item h3+ol,
    body[data-page="NEWS"] .news-item h3+ul,
    body[data-page="NEWS"] .news-item h3+p,
    body[data-page="NEWS"] .news-item h3+img {
        margin-top: 24px;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item h2,
    body[data-page="NEWS"] .news-item h3 {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item h2,
    body[data-page="NEWS"] .news-item h3 {
        margin-top: 60px;
    }
}

body[data-page="NEWS"] .news-item-title .time {
    line-height: 1;
    color: #383841;
    font-family: "YakuHanJP", "Ropa Sans", sans-serif;
    letter-spacing: 0.1rem;
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item-title .time {
        font-size: 1.25rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item-title .time {
        font-size: 1.34rem;
    }
}

body[data-page="NEWS"] .news-item-title .title {
    line-height: 1.8;
    font-weight: 700;
    margin-top: 16px;
    letter-spacing: 0.09rem;
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item-title .title {
        font-size: 1.875rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item-title .title {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 1025px) {
    body[data-page="NEWS"] .news-item-con {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="NEWS"] .news-item-con {
        margin-top: 40px;
    }
}

body[data-page="NEWS"] img.fr-fic.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left;
    display: block;
}

body[data-page="NEWS"] img.fr-fic.fr-dib {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
}

body[data-page="NEWS"] img.fr-fic.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right;
    display: block;
}


/* body[data-page="error"] header .header__logo a {
    visibility: visible;
} */

body[data-page="error"] .error {
    height: 100vh;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 1025px) {
    body[data-page="error"] .error {
        padding: 0 40px;
    }
}

body[data-page="error"] .error__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body[data-page="error"] .error__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

body[data-page="error"] .error__con {
    line-height: 2;
    letter-spacing: 2.5px;
    text-align: center;
}

@media screen and (min-width: 1025px) {
    body[data-page="error"] .error__con {
        margin-top: 40px;
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 1025px) {
    body[data-page="error"] .error__con {
        margin-top: 32px;
        font-size: 0.917rem;
    }
}

body[data-page="error"] .error__btn {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/*IE*/

html.ieNone.has-scroll-smooth {
    overflow: hidden;
}

html.ieNone.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ieNone.has-scroll-smooth body {
    overflow: hidden;
}

.ieNone.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh;
}

.ieNone .pageScrollBar {
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    height: 100vh;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    z-index: 10;
}

.ieNone .pageScrollBar:hover {
    -webkit-transform: scaleX(1.45);
    transform: scaleX(1.45);
}

.ieNone .pageScrollBar:hover,
.ieNone .has-scroll-scrolling .pageScrollBar,
.ieNone .has-scroll-dragging .pageScrollBar {
    opacity: 1;
}

.ieNone .pageScrollBar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #383841;
    opacity: 1;
    width: 5px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab;
}

@media screen and (min-width: 1025px) {
    .ieNone .pageScrollBar_thumb {
        height: 100px !important;
    }
}

@media screen and (max-width: 1025px) {
    .ieNone .pageScrollBar_thumb {
        height: 30px !important;
    }
}

.ieNone .pageScrollBar {
    mix-blend-mode: difference;
}

.ieNone .pageScrollBar .pageScrollBar_thumb {
    background: #fff;
}

.ieNone.has-scroll-dragging .pageScrollBar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}


/*-scrollBar-*/

.scrollBarTools__line::before {
    -webkit-transform: translateY(calc(-50% - 0.5px)) scale(0);
    transform: translateY(calc(-50% - 0.5px)) scale(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-animation: circle 3s cubic-bezier(0.94, 0.01, 0.13, 1) infinite;
    animation: circle 3s cubic-bezier(0.94, 0.01, 0.13, 1) infinite;
}

@-webkit-keyframes circle {
    0% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: translateY(calc(-50% - 0.5px)) scale(0);
        transform: translateY(calc(-50% - 0.5px)) scale(0);
        opacity: 0;
        right: -4px;
        left: auto;
    }
    20% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: translateY(calc(-50% - 0.5px)) scale(1);
        transform: translateY(calc(-50% - 0.5px)) scale(1);
        opacity: 1;
        right: -4px;
        left: auto;
    }
    70% {
        opacity: 1;
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: translateY(calc(-50% - 0.5px)) scale(1);
        transform: translateY(calc(-50% - 0.5px)) scale(1);
        right: calc(100% - 4px);
        left: auto;
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: translateY(calc(-50% - 0.5px)) scale(0);
        transform: translateY(calc(-50% - 0.5px)) scale(0);
        right: calc(100% - 4px);
        left: auto;
    }
}

@keyframes circle {
    0% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: translateY(calc(-50% - 0.5px)) scale(0);
        transform: translateY(calc(-50% - 0.5px)) scale(0);
        opacity: 0;
        right: -4px;
        left: auto;
    }
    20% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: translateY(calc(-50% - 0.5px)) scale(1);
        transform: translateY(calc(-50% - 0.5px)) scale(1);
        opacity: 1;
        right: -4px;
        left: auto;
    }
    70% {
        opacity: 1;
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: translateY(calc(-50% - 0.5px)) scale(1);
        transform: translateY(calc(-50% - 0.5px)) scale(1);
        right: calc(100% - 4px);
        left: auto;
    }
    100% {
        opacity: 0;
        -webkit-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: translateY(calc(-50% - 0.5px)) scale(0);
        transform: translateY(calc(-50% - 0.5px)) scale(0);
        right: calc(100% - 4px);
        left: auto;
    }
}


/*-menuBtn-*/

.menuBtn .line:nth-child(1) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.menuBtn .line:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-transform: translateY(calc(-50% - 1.5px));
    transform: translateY(calc(-50% - 1.5px));
}

.menuBtn .line:nth-child(3) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.menuBtn:hover .line {
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.menuBtn:hover .line:not(:nth-child(2)) {
    -webkit-animation-name: line;
    animation-name: line;
}

.menuBtn:hover .line:nth-child(2) {
    -webkit-animation-name: lineCenter;
    animation-name: lineCenter;
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .menuBtn .line:nth-child(2) {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .menuBtn:hover .line:nth-child(2) {
        -webkit-animation-name: lineCenterIE;
        animation-name: lineCenterIE;
    }
}

@-webkit-keyframes line {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    51% {
        opacity: 1;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    52% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    65% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes line {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    51% {
        opacity: 1;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    52% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    65% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes lineCenter {
    0% {
        -webkit-transform: translateX(0) translateY(calc(-50% - 1.5px));
        transform: translateX(0) translateY(calc(-50% - 1.5px));
    }
    50% {
        -webkit-transform: translateX(100%) translateY(calc(-50% - 1.5px));
        transform: translateX(100%) translateY(calc(-50% - 1.5px));
    }
    51% {
        opacity: 1;
        -webkit-transform: translateX(100%) translateY(calc(-50% - 1.5px));
        transform: translateX(100%) translateY(calc(-50% - 1.5px));
    }
    52% {
        opacity: 0;
        -webkit-transform: translateX(100%) translateY(calc(-50% - 1.5px));
        transform: translateX(100%) translateY(calc(-50% - 1.5px));
    }
    65% {
        opacity: 0;
        -webkit-transform: translateX(-100%) translateY(calc(-50% - 1.5px));
        transform: translateX(-100%) translateY(calc(-50% - 1.5px));
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(-100%) translateY(calc(-50% - 1.5px));
        transform: translateX(-100%) translateY(calc(-50% - 1.5px));
    }
    100% {
        -webkit-transform: translateX(0) translateY(calc(-50% - 1.5px));
        transform: translateX(0) translateY(calc(-50% - 1.5px));
    }
}

@keyframes lineCenter {
    0% {
        -webkit-transform: translateX(0) translateY(calc(-50% - 1.5px));
        transform: translateX(0) translateY(calc(-50% - 1.5px));
    }
    50% {
        -webkit-transform: translateX(100%) translateY(calc(-50% - 1.5px));
        transform: translateX(100%) translateY(calc(-50% - 1.5px));
    }
    51% {
        opacity: 1;
        -webkit-transform: translateX(100%) translateY(calc(-50% - 1.5px));
        transform: translateX(100%) translateY(calc(-50% - 1.5px));
    }
    52% {
        opacity: 0;
        -webkit-transform: translateX(100%) translateY(calc(-50% - 1.5px));
        transform: translateX(100%) translateY(calc(-50% - 1.5px));
    }
    65% {
        opacity: 0;
        -webkit-transform: translateX(-100%) translateY(calc(-50% - 1.5px));
        transform: translateX(-100%) translateY(calc(-50% - 1.5px));
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(-100%) translateY(calc(-50% - 1.5px));
        transform: translateX(-100%) translateY(calc(-50% - 1.5px));
    }
    100% {
        -webkit-transform: translateX(0) translateY(calc(-50% - 1.5px));
        transform: translateX(0) translateY(calc(-50% - 1.5px));
    }
}

@-webkit-keyframes lineCenterIE {
    0% {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }
    50% {
        -webkit-transform: translateX(100%) translateY(-50%);
        transform: translateX(100%) translateY(-50%);
    }
    51% {
        opacity: 1;
        -webkit-transform: translateX(100%) translateY(-50%);
        transform: translateX(100%) translateY(-50%);
    }
    52% {
        opacity: 0;
        -webkit-transform: translateX(100%) translateY(-50%);
        transform: translateX(100%) translateY(-50%);
    }
    65% {
        opacity: 0;
        -webkit-transform: translateX(-100%) translateY(-50%);
        transform: translateX(-100%) translateY(-50%);
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(-100%) translateY(-50%);
        transform: translateX(-100%) translateY(-50%);
    }
    100% {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }
}

@keyframes lineCenterIE {
    0% {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }
    50% {
        -webkit-transform: translateX(100%) translateY(-50%);
        transform: translateX(100%) translateY(-50%);
    }
    51% {
        opacity: 1;
        -webkit-transform: translateX(100%) translateY(-50%);
        transform: translateX(100%) translateY(-50%);
    }
    52% {
        opacity: 0;
        -webkit-transform: translateX(100%) translateY(-50%);
        transform: translateX(100%) translateY(-50%);
    }
    65% {
        opacity: 0;
        -webkit-transform: translateX(-100%) translateY(-50%);
        transform: translateX(-100%) translateY(-50%);
    }
    66% {
        opacity: 1;
        -webkit-transform: translateX(-100%) translateY(-50%);
        transform: translateX(-100%) translateY(-50%);
    }
    100% {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }
}


/*glNav*/

.glNav__list>li.is--here>a::before {
    border-radius: 5px;
    width: 20px;
}

.glNav__list>li:not(.is--here)>a::before {
    background: #aaa;
}

.glNav__list>li:not(.is--here)>a:hover::before {
    background: #383841;
}

.glNav__list>li>a::before {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.glNav__list>li>a:hover::before {
    border-radius: 5px;
    width: 20px;
}

body[data-page="top"] .glNav__list>li:not(.is--here)>a::before {
    background: #383841;
}


/*-btn-*/

.btn--default:hover .dot:nth-child(1) {
    left: 14px;
}

.btn--default:hover .dot:nth-child(3) {
    right: 14px;
}

.btn--default .circle .dot {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}


/*-contact-*/

.contact-col:hover .box,
.about-col .col:hover .box {
    -webkit-animation: box-in .5s ease forwards;
    animation: box-in .5s ease forwards;
}

.contact-col:hover .contact-col__btn,
.about-col .col:hover .contact-col__btn {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
}

.contact-col .box,
.about-col .col .box {
    -webkit-animation: box-out .5s ease forwards;
    animation: box-out .5s ease forwards;
}

@-webkit-keyframes box-in {
    0% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        width: 16px;
    }
    30% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        width: 100%;
    }
    70% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        width: 100%;
    }
    100% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        width: 16px;
        left: auto;
        right: 0;
    }
}

@keyframes box-in {
    0% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        width: 16px;
    }
    30% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        width: 100%;
    }
    70% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        width: 100%;
    }
    100% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        width: 16px;
        left: auto;
        right: 0;
    }
}

@-webkit-keyframes box-out {
    0% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        width: 16px;
        left: auto;
        right: 0;
    }
    30% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        width: 100%;
    }
    70% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        width: 100%;
    }
    100% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        width: 16px;
        left: 0;
        right: auto;
    }
}

@keyframes box-out {
    0% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        width: 16px;
        left: auto;
        right: 0;
    }
    30% {
        -webkit-transform-origin: left center;
        transform-origin: left center;
        width: 100%;
    }
    70% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        width: 100%;
    }
    100% {
        -webkit-transform-origin: right center;
        transform-origin: right center;
        width: 16px;
        left: 0;
        right: auto;
    }
}


/*-menuFixed-*/

.js-menu--fixed.is--fixed {
    position: fixed;
}


/* .js-menu--fixed.is--fixed .header__logo {
    visibility: hidden;
} */

@media screen and (min-width: 1025px) {
    .js-menu--fixed.is--fixed {
        right: 110px;
    }
}

@media screen and (max-width: 1025px) {
    .js-menu--fixed.is--fixed {
        right: 42px;
        top: 32px;
    }
}

@media screen and (max-width: 1025px) {
    .js-menu--fixed {
        opacity: 0;
    }
    .js-menu--fixed.is--show {
        position: fixed;
        -webkit-animation: menuShow 1.2s ease forwards;
        animation: menuShow 1.2s ease forwards;
    }
    .js-menu--fixed.is--hide {
        -webkit-animation: menuHide 1.2s ease forwards;
        animation: menuHide 1.2s ease forwards;
    }
    .js-menu--fixed.is-fixed {
        position: fixed;
    }
}


/*-menuBlend-*/


/* header.is--show.js-blend,
header.is--active.js-blend {
    mix-blend-mode: difference;
}

header.is--show.js-blend .menuBtn .line,
header.is--active.js-blend .menuBtn .line {
    border-color: #fff;
} */

@-webkit-keyframes menuShow {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

@keyframes menuShow {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

@-webkit-keyframes menuHide {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }
}

@keyframes menuHide {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }
}


/*-mouse-*/

/* 
.mouseWrapper {
    position: fixed;
    z-index: 100;
    mix-blend-mode: difference;
    pointer-events: none;
}

.mouseWrapper.mouseStyle--linkArea .mouseArea::before {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.mouseArea {
    width: 8px;
    height: 8px;
    -webkit-transform: translateX(-4px) translateY(-4px);
    transform: translateX(-4px) translateY(-4px);
    -webkit-transform-origin: center;
    transform-origin: center;
    background: #fff;
    border-radius: 100%;
    position: relative;
}

.mouseArea::before {
    display: block;
    content: "";
    position: absolute;
    width: calc(100% + 50px);
    height: calc(100% + 50px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    top: 50%;
    left: 50%;
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
} */

/*-biggerLink-*/

.js--biggerLink a {
    pointer-events: none;
}


/*-titleL-*/

.an-titleL {
    overflow: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition-delay: inherit;
    transition-delay: inherit;
}

.an-titleR {
    overflow: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition-delay: inherit;
    transition-delay: inherit;
}

@media all and (-ms-high-contrast: none) {
    .an-titleR {
        padding-top: 4px;
    }
}

@supports (-ms-ime-align: auto) {
    .an-titleR {
        padding-top: 4px;
    }
}

@media screen and (min-width: 1025px) {
    .an-titleL {
        -webkit-transition: all 0.8s cubic-bezier(0.6, 0, 0.4, 1);
        transition: all 0.8s cubic-bezier(0.6, 0, 0.4, 1);
    }
    .an-titleR {
        -webkit-transition: all 0.8s cubic-bezier(0.6, 0, 0.4, 1);
        transition: all 0.8s cubic-bezier(0.6, 0, 0.4, 1);
    }
}

@media screen and (max-width: 1025px) {
    .an-titleL {
        -webkit-transition: all 1.2s cubic-bezier(0.6, 0, 0.4, 1);
        transition: all 1.2s cubic-bezier(0.6, 0, 0.4, 1);
    }
    .an-titleR {
        -webkit-transition: all 1.2s cubic-bezier(0.6, 0, 0.4, 1);
        transition: all 1.2s cubic-bezier(0.6, 0, 0.4, 1);
    }
}

@media screen and (min-width: 1025px) {
    .firstViewDaley .an-titleR,
    .firstViewDaley .an-titleL {
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
    }
}

@media screen and (max-width: 1025px) {
    .firstViewDaley .an-titleR,
    .firstViewDaley .an-titleL {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
}

@media screen and (min-width: 1025px) {
    .pageTitle .an-titleR,
    .pageTitle .an-titleL {
        -webkit-transition: all 1s cubic-bezier(0.6, 0, 0.4, 1) 0.5s;
        transition: all 1s cubic-bezier(0.6, 0, 0.4, 1) 0.5s;
    }
}

@media screen and (max-width: 1025px) {
    .pageTitle .an-titleR,
    .pageTitle .an-titleL {
        -webkit-transition: all 1s cubic-bezier(0.6, 0, 0.4, 1);
        transition: all 1s cubic-bezier(0.6, 0, 0.4, 1);
    }
}

@media screen and (min-width: 1025px) {
    .an-title--M .an-titleR,
    .an-title--M .an-titleL {
        -webkit-transition: all 1.2s cubic-bezier(0.6, 0, 0.4, 1);
        transition: all 1.2s cubic-bezier(0.6, 0, 0.4, 1);
    }
    .an-title--S .an-titleR,
    .an-title--S .an-titleL {
        -webkit-transition: all 2s cubic-bezier(0.6, 0, 0.4, 1);
        transition: all 2s cubic-bezier(0.6, 0, 0.4, 1);
    }
}

.is--show .an-titleL {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.is--show .an-titleR {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}


/*-blurShow-*/

.an-blurShow {
    opacity: 0;
    filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    -webkit-filter: blur(10px);
    -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 0.9);
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 0.9);
}

@media screen and (min-width: 1025px) {
    .firstViewDaley .an-blurShow {
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
    }
}

@media screen and (max-width: 1025px) {
    .firstViewDaley .an-blurShow {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
}

@media screen and (min-width: 1025px) {
    .firstViewDaley.an-blurShow {
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
    }
}

@media screen and (max-width: 1025px) {
    .firstViewDaley.an-blurShow {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
}

.is--show .an-blurShow {
    opacity: 1;
    filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    -webkit-filter: blur(0px);
}

.is--show.an-blurShow {
    opacity: 1;
    filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    -webkit-filter: blur(0px);
}

@media (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .an-blurShow {
        opacity: 0;
        -webkit-transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 0.9);
        transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 0.9);
    }
    .is--show .an-blurShow {
        opacity: 1;
    }
    .is--show.an-blurShow {
        opacity: 1;
    }
}

@-moz-document url-prefix() {
    .an-blurShow {
        opacity: 0;
        filter: blur(0px);
        -webkit-transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 0.9);
        transition: all 3000ms cubic-bezier(0.19, 1, 0.22, 0.9);
    }
    .is--show .an-blurShow {
        opacity: 1;
    }
    .is--show.an-blurShow {
        opacity: 1;
    }
}


/*pageBlur*/

.pageWrapper.is--blur,
main.is--blur {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}


/*imgSet*/

body div.js-imgSet {
    position: absolute;
    width: 115%;
    height: 115%;
    top: -7%;
    left: -7%;
}


/*menuList*/

.menuList {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.menuList.is--active {
    pointer-events: auto;
    -webkit-animation: menuList 1s ease forwards;
    animation: menuList 1s ease forwards;
}

.menuList.is--activeOut {
    pointer-events: auto;
    -webkit-animation: menuListOut 1s ease forwards;
    animation: menuListOut 1s ease forwards;
}


/*menu*/


/* header.is--menuOpen {
    z-index: 12;
    pointer-events: auto;
    -webkit-transition: none;
    transition: none;
}

header.is--menuOpen.js-blend {
    mix-blend-mode: unset;
}

header.is--menuOpen .header__logo a {
    -webkit-animation: menuList 1s ease forwards;
    animation: menuList 1s ease forwards;
}

header.is--activeOut {
    -webkit-transition: none;
    transition: none;
}

header.is--activeOut .header__logo a {
    -webkit-animation: menuListOut 1s ease forwards;
    animation: menuListOut 1s ease forwards;
} */

@-webkit-keyframes menuList {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

@keyframes menuList {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}

@-webkit-keyframes menuListOut {
    0% {
        visibility: visible;
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        visibility: hidden;
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
}

@keyframes menuListOut {
    0% {
        visibility: visible;
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        visibility: hidden;
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px);
    }
}

@-webkit-keyframes menu-list {
    0% {
        -webkit-filter: blur(5px);
        filter: blur(5px);
        opacity: 0;
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes menu-list {
    0% {
        -webkit-filter: blur(5px);
        filter: blur(5px);
        opacity: 0;
    }
    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@media screen and (min-width: 1025px) {
    .js--openBtn.is--active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.js--openBtn.is--active .line--close.top {
    -webkit-transform: rotate(-45deg) translateX(-1px) scaleX(0) scaleY(1);
    transform: rotate(-45deg) translateX(-1px) scaleX(0) scaleY(1);
}

.js--openBtn.is--active .line--close.bottom {
    -webkit-transform: rotate(45deg) scaleX(0) scaleY(1);
    transform: rotate(45deg) scaleX(0) scaleY(1);
}

.js--openBtn.is--active .line {
    display: none;
}

.js--openBtn.is--active .line--close {
    display: block;
}

.js--openBtn.is--active .line--close.top {
    -webkit-animation: closeLineTop .8s ease forwards;
    animation: closeLineTop .8s ease forwards;
}

.js--openBtn.is--active .line--close.bottom {
    -webkit-animation: closeLineBottom .8s ease forwards;
    animation: closeLineBottom .8s ease forwards;
}

@-webkit-keyframes closeLineTop {
    0% {
        -webkit-transform: rotate(-45deg) translateX(-1px) scaleX(0);
        transform: rotate(-45deg) translateX(-1px) scaleX(0);
    }
    100% {
        -webkit-transform: rotate(-45deg) translateX(-1px) scaleX(1);
        transform: rotate(-45deg) translateX(-1px) scaleX(1);
    }
}

@keyframes closeLineTop {
    0% {
        -webkit-transform: rotate(-45deg) translateX(-1px) scaleX(0);
        transform: rotate(-45deg) translateX(-1px) scaleX(0);
    }
    100% {
        -webkit-transform: rotate(-45deg) translateX(-1px) scaleX(1);
        transform: rotate(-45deg) translateX(-1px) scaleX(1);
    }
}

@-webkit-keyframes closeLineBottom {
    0% {
        -webkit-transform: rotate(45deg) scaleX(0);
        transform: rotate(45deg) scaleX(0);
    }
    100% {
        -webkit-transform: rotate(45deg) scaleX(1);
        transform: rotate(45deg) scaleX(1);
    }
}

@keyframes closeLineBottom {
    0% {
        -webkit-transform: rotate(45deg) scaleX(0);
        transform: rotate(45deg) scaleX(0);
    }
    100% {
        -webkit-transform: rotate(45deg) scaleX(1);
        transform: rotate(45deg) scaleX(1);
    }
}


/*menuList*/

.menu-list li>a .line::before {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.menu-list li>a:hover .line::before {
    -webkit-animation: lineHover 0.8s ease forwards;
    animation: lineHover 0.8s ease forwards;
}

.menu-list-inner>li>a {
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.menu-list-inner>li>a:hover {
    padding-left: 12px;
}

.menu-list-inner>li>a:hover::before {
    width: 0px;
    height: 0px;
    border-radius: 100px;
}

.menu-list-inner>li>a::before {
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

@-webkit-keyframes lineHover {
    0% {
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    40% {
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    60% {
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    100% {
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}

@keyframes lineHover {
    0% {
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    40% {
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    60% {
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
    100% {
        -webkit-transform-origin: center top;
        transform-origin: center top;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
}


/*col*/

.col--default .imgBgBlock,
.col--radius .imgBgBlock {
    -webkit-transition: 2s ease;
    transition: 2s ease;
}

.col--default .imgBgBlock::before,
.col--radius .imgBgBlock::before {
    -webkit-transition: 2s ease;
    transition: 2s ease;
    opacity: 0;
}

.col--default:hover .imgBgBlock,
.col--radius:hover .imgBgBlock {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.05);
    transform: translateX(-50%) translateY(-50%) scale(1.05);
}

.col--default:hover .imgBgBlock::before,
.col--radius:hover .imgBgBlock::before {
    opacity: 1;
}

.pagination-list__num {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.pagination-list__num::after {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.pagination-list__num:hover {
    color: #383841;
}

.pagination-list__num:hover::after {
    visibility: visible;
    width: 100%;
}

.news-list-col .col::before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.newsBox.-icon--blank::after {
    opacity: 0;
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.newsBox.-icon--blank::after {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.newsBox.-icon--blank.firstViewDaley::after {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.news-list-col .col.firstViewDaley::before {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.news-list-col .col.is--show::before {
    -webkit-animation: newsLine 1s ease forwards;
    animation: newsLine 1s ease forwards;
}

.newsBox.-icon--blank.is--show::after,
.is--show .newsBox.-icon--blank::after {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
}

@-webkit-keyframes newsLine {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes newsLine {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.prevNext-col__btn a {
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.prevNext-col__btn a::before {
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.prevNext-col__btn a:hover {
    color: #383841;
}

.prevNext-col__btn.-btn--prev a:hover::before {
    left: 27px;
}

.prevNext-col__btn.-btn--next a:hover::before {
    right: 20px;
}

.prevNextMenu .item::after {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.prevNextMenu:hover .item:nth-of-type(2)::after {
    -webkit-transform: scaleX(0.75);
    transform: scaleX(0.75);
}

.js-file-wrapper.-js-file--on .file .btn {
    background: #383841;
    color: #fff;
}

.js-file-wrapper.-js-file--on .file .btn .text::before {
    background-image: url("/assets/img/common/icon-file--white.svg");
}

@media screen and (min-width: 1025px) {
    .js-file-wrapper.-js-file--on .js-file-error {
        margin-top: 12px;
    }
}

@media screen and (max-width: 1025px) {
    .js-file-wrapper.-js-file--on .js-file-error {
        margin-top: 10px;
    }
}

@media screen and (min-width: 1025px) {
    .js-file-wrapper.-js-file--on .js-file-name {
        margin-top: 20px;
    }
}

@media screen and (max-width: 1025px) {
    .js-file-wrapper.-js-file--on .js-file-name {
        margin-top: 24px;
    }
}