@charset "UTF-8";

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

   Author   十二画
   URL
   License  © 2021

   --------------------------------------------------
      Structure
   --------------------------------------------------
   0. Reset
   1. Base
   2. Header
   3. Content
   4. Footer

================================================== */
/* Base
-------------------------------------------------- */
/* Fonts
-------------------------------------------------- */
/* Colors
-------------------------------------------------- */
/* Media Query
-------------------------------------------------- */
/* Fonts
-------------------------------------------------- */
@font-face {
    font-family: "Noto Sans JP";
    font-weight: 100;
    src: url(../fonts/NotoSansJP-Thin.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans JP";
    font-weight: 200;
    src: url(../fonts/NotoSansJP-ExtraLight.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans JP";
    font-weight: 300;
    src: url(../fonts/NotoSansJP-Light.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans JP";
    font-weight: 400;
    src: url(../fonts/NotoSansJP-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans JP";
    font-weight: 500;
    src: url(../fonts/NotoSansJP-Medium.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans JP";
    font-weight: 600;
    src: url(../fonts/NotoSansJP-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans JP";
    font-weight: 700;
    src: url(../fonts/NotoSansJP-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans JP";
    font-weight: 800;
    src: url(../fonts/NotoSansJP-ExtraBold.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Sans JP";
    font-weight: 900;
    src: url(../fonts/NotoSansJP-Black.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Serif JP";
    font-weight: 100;
    src: url(../fonts/NotoSerifJP-ExtraLight.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Serif JP";
    font-weight: 200;
    src: url(../fonts/NotoSerifJP-Light.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Serif JP";
    font-weight: 300;
    src: url(../fonts/NotoSerifJP-Regular.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Serif JP";
    font-weight: 600;
    src: url(../fonts/NotoSerifJP-Medium.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Serif JP";
    font-weight: 700;
    src: url(../fonts/NotoSerifJP-SemiBold.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Serif JP";
    font-weight: 800;
    src: url(../fonts/NotoSerifJP-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "Noto Serif JP";
    font-weight: 900;
    src: url(../fonts/NotoSerifJP-Black.ttf) format("truetype");
}

/* Media Query
-------------------------------------------------- */
/* Functions
-------------------------------------------------- */
.fl {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
}

.fl.fl- {
    flex-direction: row-reverse;
}

.ib {
    letter-spacing: -0.4em;
}

#top .ib.head.headA {
    margin-bottom: clamp(1.313rem, 0.721rem + 2.52vw, 3.75rem);
}

.ib>* {
    display: inline-block;
    letter-spacing: 0;
}

._sp {
    display: block;
}

@media (min-width: 768px) {
    ._sp {
        display: none;
    }
}

._tb {
    display: none;
}

@media (min-width: 768px) {
    ._tb {
        display: block;
    }
}

._pc {
    display: none;
}

@media (min-width: 1920px) {
    ._pc {
        display: block;
    }
}

.boxcenter {
    margin-left: auto;
    margin-right: auto;
}

.txtcenter {
    text-align: center;
}

/* ==================================================
   Reset https://github.com/nicolas-cusan/destyle.css
================================================== */
/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -webkit-tap-highlight-color: transparent;
    /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
    margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dd {
    margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: inherit;
    /* 2 */
}

address {
    font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: inherit;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
    vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    /* 1 */
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit;
    /* 2 */
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
    cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
    cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
    outline: auto;
}

select:disabled {
    opacity: inherit;
}

/**
 * Remove padding
 */
option {
    padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
    margin: 0;
    padding: 0;
    min-width: 0;
}

legend {
    padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
    outline-offset: -2px;
    /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
    cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
    outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
    border-color: inherit;
    /* 1 */
}

caption {
    text-align: left;
}

td,
th {
    vertical-align: top;
    padding: 0;
}

th {
    text-align: left;
    font-weight: normal;
}







/* ==================================================
   Content
================================================== */
body {
    color: #312F30;
    font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
    font-family: "Noto Sans JP", sans-serif;
    font-feature-settings: "palt";
    letter-spacing: 0;
    line-height: 1.75;
    /*#wrap {
    overflow: hidden;
  }*/
}

#header {
    background-color: #FFF;
    border-bottom: 1px solid #707070;
    position: absolute;
    z-index: 3;
    width: 100%;
}

#header.fixed {
    position: fixed;
    opacity: 0;
    transform: translateY(-100%);
}

#header.fixed.on {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .2s ease;
}

@media (min-width: 1280px) {
    #header {
        border-bottom: none;
    }
}

#header>.inner {
    padding-left: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
    padding-right: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
}

#header>.inner>.inner02 {
    padding-bottom: clamp(1.1875rem, 0.9902912621rem + 0.8414239482vw, 2rem);
    padding-top: clamp(1.4375rem, 0.7245145631rem + 3.0420711974vw, 4.375rem);
    position: relative;
}

#header>.inner>.inner02>#ci {
    height: clamp(1.875rem, 1.4805825243rem + 1.6828478964vw, 3.5rem);
    text-align: center;
}

#header>.inner>.inner02>#ci>a>img {
    height: 100%;
    width: auto;
}

#header>.inner>.inner02>.link {
    display: none;
}

@media (min-width: 1280px) {
    #header>.inner>.inner02>.link {
        display: block;
        position: absolute;
        right: 0;
        top: clamp(2.1875rem, 1.6565533981rem + 2.2653721683vw, 4.375rem);
    }
}

#menu-btn {
    height: clamp(0.90625rem, 0.6862864078rem + 0.9385113269vw, 1.8125rem);
    position: absolute;
    right: clamp(1.5625rem, 1.1832524272rem + 1.6181229773vw, 3.125rem);
    top: clamp(1.875rem, 1.1468446602rem + 3.1067961165vw, 4.875rem);
    width: clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem);
    z-index: 3;
}

#menu-btn.fixed {
    opacity: 0;
    transform: ranslateY(-100%);
    position: fixed;
}

#menu-btn.fixed.on {
    opacity: 1;
    transform: ranslateY(0);
}

@media (min-width: 1280px) {
    #menu-btn {
        display: none;
    }
}

#menu-btn>a {
    display: block;
    height: 100%;
    width: 100%;
}

#menu-btn>a>span {
    background-color: #000;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition-duration: 0.3s;
    width: 100%;
}

#menu-btn>a>span:nth-of-type(1) {
    top: 0;
}

#menu-btn>a>span:nth-of-type(2) {
    bottom: 0;
    margin: auto 0;
    top: 0;
}

#menu-btn>a>span:nth-of-type(3) {
    bottom: 0;
}

#menu-btn._opened>a>span:nth-of-type(1) {
    bottom: 0;
    margin: auto 0;
    transform: rotate(45deg);
}

#menu-btn._opened>a>span:nth-of-type(2) {
    opacity: 0;
}

#menu-btn._opened>a>span:nth-of-type(3) {
    margin: auto 0;
    top: 0;
    transform: rotate(-45deg);
}

#g-navi {
    background-color: #FFF;
    padding-top: clamp(4.5rem, 3.2257281553rem + 5.4368932039vw, 9.75rem);
    left: 0;
    height: 100%;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    opacity: 0;
    display: none;
}

#g-navi.fixed {
    position: fixed;
    opacity: 0;
    transform: translateY(-100%);
}

#g-navi.fixed.on {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .2s ease;
}

@media (min-width: 1280px) {
    #g-navi {
        /*    border-bottom: 1px solid #707070;*/
        /*    border-top: 1px solid #707070;*/
        opacity: 1;
        display: block;
        padding-top: 0;
        height: auto;
        overflow-y: unset;
        top: clamp(4.5rem, 3.1953883495rem + 5.5663430421vw, 9.875rem);
    }
}

#g-navi>.list {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
    padding-right: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
    padding-top: clamp(0.125rem, 0.0946601942rem + 0.1294498382vw, 0.25rem);
    max-width: 1218px;
    justify-content: space-between;
}

@media (min-width: 1280px) {
    #g-navi>.list {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }
}

#g-navi>.list>.item {
    font-size: clamp(0.75rem, 0.6286407767rem + 0.5177993528vw, 1.25rem);
    width: 100%;
}

@media (min-width: 1280px) {
    #g-navi>.list>.item {

        width: auto;
    }

    #g-navi>.list>.item::after {
        content: '';
        display: block;
        border-bottom: 1px solid transparent;
        transform: scale(0);
        position: relative;
        top: calc(100% + 5px);
        left: 0;
        z-index: 20;
    }

    #g-navi>.list>.item:hover::after {
        border-bottom: 1px solid #000;
        transform: scale(1.0);
        transition: transform .35s ease-in-out;
    }
}

#g-navi>.list>.item.pc {
    display: none;
}

@media (min-width: 1280px) {
    #g-navi>.list>.item.pc {
        display: block;
    }
}

#g-navi>.list>.item>a {
    display: block;
    padding-bottom: 14.5px;
    padding-top: 14.5px;
    position: relative;
    transition-duration: 0.3s;
    width: 100%;
}

#g-navi>.list>.item>a:hover {
    opacity: 0.5;
}

@media (min-width: 1280px) {
    #g-navi>.list>.item>a {
        padding-bottom: clamp(0.28125rem, 0.2129854369rem + 0.2912621359vw, 0.5625rem);
        padding-top: clamp(0.28125rem, 0.2129854369rem + 0.2912621359vw, 0.5625rem);
    }
}

#g-navi>.list>.item>a::after {
    border-bottom: 1px solid #312F30;
    border-right: 1px solid #312F30;
    bottom: 0;
    content: "";
    display: block;
    height: clamp(0.75rem, 0.567961165rem + 0.7766990291vw, 1.5rem);
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(-45deg);
    transition-duration: 0.3s;
    width: clamp(0.75rem, 0.567961165rem + 0.7766990291vw, 1.5rem);
}

@media (min-width: 1280px) {
    #g-navi>.list>.item>a::after {
        display: none;
    }
}

#g-navi>.list>.item>.sub-menu {
    overflow: hidden;
    display: none;
}

@media (min-width: 1280px) {
    #g-navi>.list>.item>.sub-menu {
        background-color: #FFF;
        border-top: 1px solid #BFB8AF;
        left: 0;
        overflow: unset;
        /*        margin-top: clamp(0.3125rem, 0.2366504854rem + 0.3236245955vw, 0.625rem);*/
        top: 100%;
        opacity: 0;
        padding-bottom: clamp(1.5625rem, 1.1832524272rem + 1.6181229773vw, 3.125rem);
        padding-left: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
        padding-right: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
        padding-top: clamp(1.5625rem, 1.1832524272rem + 1.6181229773vw, 3.125rem);
        position: absolute;
        right: 0;
        z-index: 2;
    }

    #g-navi>.list>.item>.sub-menu.fixed {
        position: fixed;
    }
}

#g-navi>.list>.item>.sub-menu>.sub-menu-inner>.box>.tit {
    display: none;
}

#g-navi>.list>.item>.sub-menu>.sub-menu-inner>.box>.tit>a {
    transition-duration: 0.3s;
}

#g-navi>.list>.item>.sub-menu>.sub-menu-inner>.box>.tit>a:hover {
    opacity: 0.5;
}

@media (min-width: 1280px) {
    #g-navi>.list>.item>.sub-menu>.sub-menu-inner>.box>.tit {
        display: block;
        margin-bottom: clamp(0.65625rem, 0.4969660194rem + 0.6796116505vw, 1.3125rem);
    }
}

#g-navi>.list>.item>.sub-menu>.sub-menu-inner>.box>.listF {
    margin-bottom: clamp(1.875rem, 1.4199029126rem + 1.9417475728vw, 3.75rem);
}

@media (min-width: 1280px) {
    #g-navi>.list>.item>.sub-menu>.sub-menu-inner>.box {
        width: 364px;
    }

    #g-navi>.list>.item>.sub-menu>.sub-menu-inner>.listG {
        width: calc(100% - 364px);
    }

    #g-navi>.list>.item>.sub-menu>.sub-menu-inner>.listG>.item {
        margin-bottom: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
        margin-right: 3.5%;
        width: 31%;
    }

    #g-navi>.list>.item>.sub-menu>.sub-menu-inner>.listG>.item:nth-of-type(3n) {
        margin-right: 0;
    }
}



#g-navi>.list>.item._opened>a::after {
    transform: rotate(-135deg);
}

#g-navi>.listE {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: clamp(1.4375rem, 1.088592233rem + 1.4886731392vw, 2.875rem);
    padding-top: clamp(11.3125rem, 8.5667475728rem + 11.715210356vw, 22.625rem);
    width: 100%;
}

@media (min-width: 1280px) {
    #g-navi>.listE {
        display: none;
    }
}

#g-navi>.listE>.item {
    margin-bottom: 1px;
}

#g-navi>.listE>.item:last-child {
    margin-bottom: 0;
}

#g-navi>.listE>.item>a {
    padding-left: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
    padding-right: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
}

#g-navi>.listE>.item>a::after {
    right: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
}

.section:not(#main-visual) {
    margin-top: -70px;
    padding-top: clamp(4.375rem, 2.2057038835rem + 9.2556634304vw, 13.3125rem);
}

@media (min-width: 375px) {
    .section:not(#main-visual) {
        margin-top: calc(-4.375rem + (1vw - 3.75px) * -9.2556634304);
    }
}

@media (min-width: 1920px) {
    .section:not(#main-visual) {
        margin-top: -213px;
    }
}

#content {
    padding-top: clamp(4.563rem, 3.037rem + 6.08vw, 7.7rem);
}

@media (min-width: 1279px) {
    #content {
        padding-top: 194px;
    }
}

#content>#main-visual {
    /*    height: clamp(11.0625rem, 0.5042475728rem + 45.0485436893vw, 54.5625rem);*/
    overflow: hidden;
    position: relative;
    width: 100%;
}

#content>#main-visual>.movie {
    /*    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;*/
}

#content>#main-visual>.movie>.img {
    /*    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;*/
}

#content>#main-visual>.movie>.img>img {
    width: 100%;
}

#content>#main-visual>.inner {
    height: 100%;
    /*    position: relative;*/
    z-index: 1;
}

#content>#main-visual>.inner>.inner02 {
    height: 100%;
    /*    position: relative;*/
}

#content>#main-visual>.inner>.inner02>#catch {
    color: #BFB8AF;
    font-size: clamp(1.5rem, -0.2597087379rem + 7.5080906149vw, 8.75rem);
    font-weight: bold;
    left: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
    line-height: 1.16;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#content>#_story>.inner>.inner02 {
    padding-bottom: clamp(4.625rem, 4.5339805825rem + 0.3883495146vw, 5rem);
    padding-top: clamp(0.9375rem, 0.7099514563rem + 0.9708737864vw, 1.875rem);
}

@media (min-width: 768px) {
    #content>#_story>.inner>.inner02 {
        padding-top: 0;
    }
}

#content>#_story>.inner>.inner02>head {
    margin-bottom: clamp(1.4375rem, 0.8610436893rem + 2.4595469256vw, 3.8125rem);
}

#content>#_story>.inner>.inner02>.tit {
    margin-bottom: clamp(1.5625rem, 1.4866504854rem + 0.3236245955vw, 1.875rem);
    text-align: center;
}

#top #content>#_story>.inner>.inner02>.tit {
    font-family: "Noto Serif JP", serif;
}

#content>#_story>.inner>.inner02>.txt-box>.txt {
    text-align: center;
}

#top #content>#_story>.inner>.inner02>.txt-box>.txt {
    font-family: "Noto Serif JP", serif;
}

#content>#_facility>.inner>.inner02 {
    padding-top: 72px;
}

@media (min-width: 375px) {
    #content>#_facility>.inner>.inner02 {
        padding-top: calc(4.5rem + (1vw - 3.75px) * -0.1941747573);
    }
}

@media (min-width: 1920px) {
    #content>#_facility>.inner>.inner02 {
        padding-top: 69px;
    }
}

#content>#_facility>.inner>.inner02>.head {
    margin-bottom: clamp(1.5625rem, 1.4259708738rem + 0.5825242718vw, 2.125rem);
}

#content>#_service>.inner>.inner02 {
    padding-bottom: clamp(6.5rem, 5.9083737864rem + 2.5242718447vw, 8.9375rem);
    padding-top: clamp(4.5rem, 4.2876213592rem + 0.9061488673vw, 5.375rem);
}

#content>#_service>.inner>.inner02>.head {
    margin-bottom: clamp(1.5625rem, 1.4411407767rem + 0.5177993528vw, 2.0625rem);
}

#content>#_access>.inner>.inner02 {
    padding-bottom: clamp(4.5rem, 2.5279126214rem + 8.4142394822vw, 12.625rem);
    padding-top: clamp(4.5rem, 4.1359223301rem + 1.5533980583vw, 6rem);
}

#content>#_access>.inner>.inner02>.head {
    margin-bottom: clamp(1.5625rem, 1.3501213592rem + 0.9061488673vw, 2.4375rem);
}

#content>#_access>.inner>.inner02>.img {
    margin-bottom: clamp(1rem, 0.4538834951rem + 2.3300970874vw, 3.25rem);
}

#content>#_access>.inner>.inner02>.box>.box-inner:nth-of-type(1) {
    margin-bottom: clamp(2.5rem, 1.8932038835rem + 2.5889967638vw, 5rem);
}

@media (min-width: 768px) {
    #content>#_access>.inner>.inner02>.box>.box-inner:nth-of-type(1) {
        margin-bottom: 0;
    }
}

#content>#_access>.inner>.inner02>.box>.box-inner>.head {
    margin-bottom: clamp(0.5rem, 0.1662621359rem + 1.4239482201vw, 1.875rem);
}

#content>#_access>.inner>.inner02>.box>.box-inner>.link {
    margin-bottom: clamp(0.9375rem, 0.7099514563rem + 0.9708737864vw, 1.875rem);
    margin-top: clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem);
}

#content>#_access>.inner>.inner02>.box>.box-inner>.unit {
    margin-bottom: clamp(2.625rem, 2.3822815534rem + 1.0355987055vw, 3.625rem);
}

#content>#_access>.inner>.inner02>.box>.box-inner>.unit:last-child {
    margin-bottom: 0;
}

#content>#_access>.inner>.inner02>.box>.box-inner>.unit>.item>.sub-unit {
    margin-top: clamp(2.09375rem, 1.5855582524rem + 2.1682847896vw, 4.1875rem);
}

#content>#_access>.inner>.inner02>.box>.box-inner>.map>iframe {
    height: clamp(20.5625rem, 13.4933252427rem + 30.1618122977vw, 49.6875rem);
}

#content>#_faq>.inner>.inner02 {
    padding-bottom: 73px;
    padding-top: 72px;
}

@media (min-width: 375px) {
    #content>#_faq>.inner>.inner02 {
        padding-bottom: calc(4.5625rem + (1vw - 3.75px) * 1.1650485437);
    }
}

@media (min-width: 1920px) {
    #content>#_faq>.inner>.inner02 {
        padding-bottom: 91px;
    }
}

@media (min-width: 375px) {
    #content>#_faq>.inner>.inner02 {
        padding-top: calc(4.5rem + (1vw - 3.75px) * -1.4886731392);
    }
}

@media (min-width: 1920px) {
    #content>#_faq>.inner>.inner02 {
        padding-top: 49px;
    }
}

#content>#_faq>.inner>.inner02>.head {
    margin-bottom: clamp(1.5625rem, 1.1832524272rem + 1.6181229773vw, 3.125rem);
}

#content>#_news>.inner>.inner02 {
    padding-bottom: clamp(4.5rem, 4.2572815534rem + 1.0355987055vw, 5.5rem);
    padding-top: clamp(4.5rem, 4.4696601942rem + 0.1294498382vw, 4.625rem);
}

#content>#_news>.inner>.inner02>.head {
    margin-bottom: clamp(1.5625rem, 1.1529126214rem + 1.7475728155vw, 3.25rem);
}

#content>#_news>.inner>.inner02>.list {
    margin-bottom: 52px;
}

@media (min-width: 375px) {
    #content>#_news>.inner>.inner02>.list {
        margin-bottom: calc(3.25rem + (1vw - 3.75px) * -0.4530744337);
    }
}

@media (min-width: 1920px) {
    #content>#_news>.inner>.inner02>.list {
        margin-bottom: 45px;
    }
}

#content>#_news>.inner>.inner02>.box {
    margin-bottom: clamp(2rem, 1.5145631068rem + 2.071197411vw, 4rem);
}

#content>#_news>.inner>.inner02>.btn {
    margin-left: auto;
    margin-right: auto;
}

#content>#_floor>.inner {
    padding-bottom: clamp(4.5rem, 3.8476941748rem + 2.783171521vw, 7.1875rem);
}

#content>#_floor>.inner>.inner02 {
    border-bottom: 1px solid #707070;
    padding-top: clamp(4.5rem, 4.5303398058rem + -0.1294498382vw, 4.375rem);
}

#content>#_floor>.inner>.inner02>.head {
    margin-bottom: clamp(1.5625rem, 1.0163834951rem + 2.3300970874vw, 3.8125rem);
}

#content>#_floor>.inner>.inner02>.img {
    margin-bottom: clamp(1.75rem, 1.2493932039rem + 2.1359223301vw, 3.8125rem);
    margin-left: auto;
    margin-right: auto;
    max-width: 1350px;
}

#content>#_floor>.inner>.inner02>.img>img {
    width: 100%;
}

#content #_rental>.inner>.inner02,
#content #_shared>.inner>.inner02,
#content #_small>.inner>.inner02,
#content #_tokyo>.inner>.inner02,
#content #_other>.inner>.inner02,
#content #_labo>.inner>.inner02,
#content #_safety>.inner>.inner02,
#content #_support>.inner>.inner02 {
    padding-top: clamp(4.5rem, 4.8792475728rem + -1.6181229773vw, 2.9375rem);
}

#content #_rental>.inner>.inner02>.head,
#content #_shared>.inner>.inner02>.head,
#content #_small>.inner>.inner02>.head,
#content #_tokyo>.inner>.inner02>.head,
#content #_other>.inner>.inner02>.head,
#content #_labo>.inner>.inner02>.head,
#content #_safety>.inner>.inner02>.head,
#content #_support>.inner>.inner02>.head {
    margin-bottom: clamp(1.5625rem, 1.4411407767rem + 0.5177993528vw, 2.0625rem);
}

#content #_rental>.inner>.inner02>.box,
#content #_shared>.inner>.inner02>.box,
#content #_small>.inner>.inner02>.box,
#content #_tokyo>.inner>.inner02>.box,
#content #_other>.inner>.inner02>.box,
#content #_labo>.inner>.inner02>.box,
#content #_safety>.inner>.inner02>.box,
#content #_support>.inner>.inner02>.box {
    padding-bottom: 0;
}

#content #_other>.inner>.inner02 {
    padding-bottom: clamp(6.4375rem, 6.5285194175rem + -0.3883495146vw, 6.0625rem);
}

#content #_information>.inner>.inner02 {
    padding-bottom: clamp(4.5rem, 4.1814320388rem + 1.359223301vw, 5.8125rem);
    padding-top: clamp(4rem, 3.6966019417rem + 1.2944983819vw, 5.25rem);
}

#content #_information>.inner>.inner02>.head {
    margin-bottom: clamp(1.5625rem, 0.515776699rem + 4.4660194175vw, 5.875rem);
}

#content #_information>.inner>.inner02>.info-list {
    margin-bottom: clamp(3.375rem, 3.4356796117rem + -0.2588996764vw, 3.125rem);
}

#content #_information>.inner>.inner02>.btn {
    margin-left: auto;
    margin-right: auto;
}

#content #_download>.inner>.inner02 {
    padding-bottom: clamp(4.5rem, 3.8628640777rem + 2.7184466019vw, 7.125rem);
    padding-top: clamp(4.5rem, 4.8792475728rem + -1.6181229773vw, 2.9375rem);
}

#content #_download>.inner>.inner02>.head {
    margin-bottom: clamp(1.5625rem, 0.348907767rem + 5.1779935275vw, 6.5625rem);
}

#content #_download>.inner>.inner02>.desc {
    margin-bottom: clamp(5.5rem, 5.4696601942rem + 0.1294498382vw, 5.625rem);
}

@media (min-width: 768px) {
    #content #_download>.inner>.inner02>.desc {
        text-align: center;
    }
}

#content #_download>.inner>.inner02>.tit {
    margin-bottom: clamp(0.625rem, 0.2609223301rem + 1.5533980583vw, 2.125rem);
}

#content #_download>.inner>.inner02>.txt {
    margin-bottom: clamp(2.625rem, 1.6086165049rem + 4.3365695793vw, 6.8125rem);
}

@media (min-width: 768px) {
    #content #_download>.inner>.inner02>.txt {
        text-align: center;
    }
}

#top #_story>.inner>.inner02>.tit {
    margin-bottom: clamp(1.125rem, 0.5182038835rem + 2.5889967638vw, 3.625rem);
    font-weight: 500;
}

#footer {
    background-color: #312F30;
    color: #BFB8AF;
}

#footer>.inner {
    padding-left: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
    padding-right: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
}

#footer>.inner>.inner02 {
    padding-bottom: 57px;
    padding-top: clamp(4.5rem, 4.6061893204rem + -0.4530744337vw, 4.0625rem);
}

#footer>.inner>.inner02>.f-unit:nth-of-type(1) {
    border-bottom: 1px solid #BFB8AF;
    padding-bottom: clamp(2.5rem, 1.7111650485rem + 3.3656957929vw, 5.75rem);
}

#footer>.inner>.inner02>.f-unit:nth-of-type(1)>.head {
    margin-bottom: clamp(2.6875rem, 2.6116504854rem + 0.3236245955vw, 3rem);
    opacity: 0.5;
}

#footer>.inner>.inner02>.f-unit:nth-of-type(2) {
    padding-bottom: clamp(3.5rem, 2.984223301rem + 2.2006472492vw, 5.625rem);
    padding-top: 54px;
}

#footer>.inner>.inner02>.f-unit:nth-of-type(2)>.box>.box-inner:nth-of-type(1) {
    margin-bottom: 0;
}

#footer .btn.btnA.btnA-.btnA-w {
    border: 1px solid #BFB8AF;
}

#footer .btn.btnA.btnA-.btnA-w>a:hover {
    background: #312F30;
    color: #BFB8AF;
    opacity: 1;
}

.local #content>#main-visual {
    /*    height: clamp(8.875rem, 0.4101941748rem + 36.1165048544vw, 43.75rem);*/
}

#rental #_story>.inner>.inner02,
#service #_story>.inner>.inner02,
#member #_story>.inner>.inner02 {
    padding-bottom: clamp(2.9375rem, 1.4660194175rem + 6.2783171521vw, 9rem);
    padding-top: clamp(4.125rem, 3.5333737864rem + 2.5242718447vw, 6.5625rem);
}

@media (min-width: 1280px) {

    #rental #_story>.inner>.inner02,
    #service #_story>.inner>.inner02,
    #member #_story>.inner>.inner02 {
        padding-bottom: 20px;
    }
}

#rental #_story>.inner>.inner02>.txt-box,
#service #_story>.inner>.inner02>.txt-box,
#member #_story>.inner>.inner02>.txt-box {
    margin-bottom: clamp(4.5625rem, 4.5776699029rem + -0.0647249191vw, 4.5rem);
}

.info-list>.item {
    border-bottom: 1px solid #707070;
    padding-bottom: clamp(2.5rem, 2.7275485437rem + -0.9708737864vw, 1.5625rem);
    padding-top: clamp(1.1875rem, 1.0964805825rem + 0.3883495146vw, 1.5625rem);
}

.info-list>.item>a {
    display: block;
}

.info-list>.item>a>* {
    display: block;
}

.info-list>.item>a>.tit {
    font-size: clamp(1.125rem, 1.0036407767rem + 0.5177993528vw, 1.625rem);
    font-weight: 500;
    margin-bottom: clamp(1.125rem, 1.1705097087rem + -0.1941747573vw, 0.9375rem);
}

.info-list>.item>a>.tit>.dat {
    margin-right: clamp(0.9375rem, 0.7099514563rem + 0.9708737864vw, 1.875rem);
}

.desc.descA {
    font-size: clamp(1rem, 0.8483009709rem + 0.6472491909vw, 1.625rem);
}

.table.tableA {
    justify-content: space-between;
}

.table.tableA>.table-inner {
    width: 100%;
}

@media (min-width: 768px) {
    .table.tableA>.table-inner {
        width: calc(50% - 10px);
    }
}

.table.tableA>.table-inner>.unit {
    border-top: 1px solid #BFB8AF;
    font-size: clamp(0.75rem, 0.5983009709rem + 0.6472491909vw, 1.375rem);
    line-height: 1.6;
    padding-bottom: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
    padding-top: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
}

.table.tableA>.table-inner>.unit>.label {
    padding-left: clamp(0.46875rem, 0.3549757282rem + 0.4854368932vw, 0.9375rem);
    width: 143.5px;
}

@media (min-width: 375px) {
    .table.tableA>.table-inner>.unit>.label {
        width: calc(8.96875rem + (1vw - 3.75px) * 9.28802589);
    }
}

@media (min-width: 1920px) {
    .table.tableA>.table-inner>.unit>.label {
        width: 287px;
    }
}

.table.tableA>.table-inner>.unit>.item {
    width: calc(100% - 143.5px);
}

@media (min-width: 375px) {
    .table.tableA>.table-inner>.unit>.item {
        width: calc(100% - (8.96875rem + (1vw - 3.75px) * 9.28802589));
    }
}

@media (min-width: 1920px) {
    .table.tableA>.table-inner>.unit>.item {
        width: calc(100% - 287px);
    }
}

.table.tableA .unitB {
    border-top: 1px solid #BFB8AF;
    font-size: clamp(0.75rem, 0.5983009709rem + 0.6472491909vw, 1.375rem);
    line-height: 1.6;
    padding-top: 66px;
    padding-bottom: clamp(1.15625rem, 0.8756067961rem + 1.1974110032vw, 2.3125rem);
    width: 100%;
}

@media (min-width: 375px) {
    .table.tableA .unitB {
        padding-top: calc(4.125rem + (1vw - 3.75px) * -2.9773462783);
    }
}

@media (min-width: 1920px) {
    .table.tableA .unitB {
        padding-top: 20px;
    }
}

.table.tableA .unitB>.label {
    padding-left: clamp(0.46875rem, 0.3549757282rem + 0.4854368932vw, 0.9375rem);
    margin-bottom: clamp(1.0625rem, 0.7742718447rem + 1.2297734628vw, 2.25rem);
}

.table.tableA .unitB>.item {
    width: 100%;
}

.table.tableA .unitB>.item>.list {
    /*    justify-content: space-between;*/
    width: 100%;
    flex-wrap: wrap;
    column-gap: calc(40 / 340 * 100vw);
}

@media (min-width: 768px) {
    .table.tableA .unitB>.item>.list {
        flex-wrap: nowrap;
        column-gap: calc(40 / 1520 * 100vw);
    }
}


.table.tableA .unitB>.item>.list>.item {
    width: calc(50% - 5.8823529412vw);
    margin-bottom: clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem);
    text-align: center;
}

@media (min-width: 768px) {
    .table.tableA .unitB>.item>.list>.item {
        width: calc(150 / 1520 * 100vw);

    }
}

.table.tableA .unitB>.item>.list>.item>.img {
    margin: 0 auto clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
    width: 150px;
}

@media (min-width: 768px) {
    .table.tableA .unitB>.item>.list>.item>.img {
        width: 100%;
    }
}

.table.tableA .unitB>.item>.list>.item>.img>img {
    width: 100%;
}

.table.tableB {
    border-collapse: collapse;
    border-top: 1px solid #707070;
    font-size: clamp(1rem, 0.8483009709rem + 0.6472491909vw, 1.625rem);
    width: 100%;
}

.table.tableB tr>.label {
    border-bottom: 1px solid #707070;
    font-weight: 500;
    padding-bottom: clamp(1rem, 1.0151699029rem + -0.0647249191vw, 0.9375rem);
    padding-top: clamp(0.8125rem, 0.7518203883rem + 0.2588996764vw, 1.0625rem);
}

.table.tableB tr>.label:nth-of-type(1) {
    width: 80px;
}

@media (min-width: 375px) {
    .table.tableB tr>.label:nth-of-type(1) {
        width: calc(5rem + (1vw - 3.75px) * 11.003236246);
    }
}

@media (min-width: 1920px) {
    .table.tableB tr>.label:nth-of-type(1) {
        width: 250px;
    }
}

@media (min-width: 768px) {
    .table.tableB tr>.label:nth-of-type(1) {
        padding-left: clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem);
    }
}

.table.tableB tr>.label:nth-of-type(2) {
    text-align: center;
    width: calc(100% - 80px);
}

@media (min-width: 375px) {
    .table.tableB tr>.label:nth-of-type(2) {
        width: calc(100% - (5rem + (1vw - 3.75px) * 11.003236246));
    }
}

@media (min-width: 1920px) {
    .table.tableB tr>.label:nth-of-type(2) {
        width: calc(100% - 250px);
    }
}

.table.tableB tr>.item {
    border-bottom: 1px solid #707070;
    padding-bottom: clamp(1rem, 0.8027912621rem + 0.8414239482vw, 1.8125rem);
    padding-top: clamp(1.125rem, 0.9884708738rem + 0.5825242718vw, 1.6875rem);
}

.table.tableB tr>.item:nth-of-type(1) {
    width: 80px;
}

@media (min-width: 375px) {
    .table.tableB tr>.item:nth-of-type(1) {
        width: calc(5rem + (1vw - 3.75px) * 11.003236246);
    }
}

@media (min-width: 1920px) {
    .table.tableB tr>.item:nth-of-type(1) {
        width: 250px;
    }
}

@media (min-width: 768px) {
    .table.tableB tr>.item:nth-of-type(1) {
        padding-left: clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem);
    }
}

.table.tableB tr>.item:nth-of-type(2) {
    width: calc(100% - 80px);
    word-break: break-all;
}

@media (min-width: 375px) {
    .table.tableB tr>.item:nth-of-type(2) {
        width: calc(100% - (5rem + (1vw - 3.75px) * 11.003236246));
    }
}

@media (min-width: 1920px) {
    .table.tableB tr>.item:nth-of-type(2) {
        width: calc(100% - 250px);
    }
}

.box.boxA {
    margin-left: clamp(-1.5625rem, 0.182038835rem + -7.4433656958vw, -8.75rem);
    margin-right: clamp(-1.5625rem, 0.182038835rem + -7.4433656958vw, -8.75rem);
    padding-bottom: clamp(4.3125rem, 3.265776699rem + 4.4660194175vw, 8.625rem);
}

@media (min-width: 768px) {
    .box.boxA {
        margin-left: 0;
        margin-right: 0;
    }
}

.box.boxA>.tit {
    margin-bottom: clamp(1.4375rem, 1.0279126214rem + 1.7475728155vw, 3.125rem);
    padding-left: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
    padding-right: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
    padding-top: 1rem;
}

@media (min-width: 768px) {
    .box.boxA>.tit {
        padding-left: 0;
        padding-right: 0;
    }
}

.box.boxA>.boxB {
    margin-bottom: -70px;
    padding-left: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
    padding-right: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
}

@media (min-width: 375px) {
    .box.boxA>.boxB {
        margin-bottom: calc(-4.375rem + (1vw - 3.75px) * -9.2556634304);
    }
}

@media (min-width: 1920px) {
    .box.boxA>.boxB {
        margin-bottom: -213px;
    }
}

@media (min-width: 768px) {
    .box.boxA>.boxB {
        padding-left: 0;
        padding-right: 0;
    }
}

.box.boxA>.boxF {
    padding-left: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
    padding-right: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
}

@media (min-width: 768px) {
    .box.boxA>.boxF {
        padding-left: 0;
        padding-right: 0;
    }
}

.box.boxA .section {
    padding-top: clamp(4.375rem, 2.2057038835rem + 9.2556634304vw, 13.3125rem);
}

.box.boxA .section>.container {
    padding-top: clamp(4.5rem, 4.2876213592rem + 0.9061488673vw, 5.375rem);
}

.box.boxA>.slide-scroll {
    margin-top: 0;

}

.box.boxA .section>.side-scroll-container {
    padding-top: 0;
}

.box.boxA>.slide-wrap {
    display: flex;
    padding-left: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
    padding-right: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
}

@media (min-width: 768px) {
    .box.boxA>.slide-wrap {
        padding-left: 0;
        padding-right: 0;
    }
}

.box.boxA>.slide-wrap>.list {
    flex: 1;
    margin-right: calc(50% - 50vw);
    width: 100%;
}

.box.boxA.boxA->.img {
    margin-bottom: clamp(2.5rem, 2.3483009709rem + 0.6472491909vw, 3.125rem);
}

.box.boxA.boxA-->.boxB {
    margin-bottom: 0;
    margin-bottom: clamp(4.5rem, 3.8628640777rem + 2.7184466019vw, 7.125rem);
}



.box.boxA .blockB .boxB {
    margin-bottom: 3.875rem;
}


.box.boxB>.box-inner {
    width: 100%;
}

.box.boxB>.box-inner:nth-of-type(1) {
    margin-bottom: clamp(1.0625rem, 0.8046116505rem + 1.1003236246vw, 2.125rem);
}

@media (min-width: 768px) {
    .box.boxB>.box-inner:nth-of-type(1) {
        padding-left: clamp(1.875rem, 1.4199029126rem + 1.9417475728vw, 3.75rem);
        padding-right: clamp(2.5625rem, 1.9405339806rem + 2.6537216828vw, 5.125rem);
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .box.boxB>.box-inner {
        width: 50%;
    }
}

.box.boxB.boxB- {
    align-items: stretch;
}

.box.boxB.boxB-:nth-of-type(1) {
    padding-left: 0;
}

.box.boxC>.box-inner {
    position: relative;
    width: 100%;
}

.box.boxC>.box-inner:nth-of-type(1) {
    margin-bottom: clamp(2.625rem, 1.9878640777rem + 2.7184466019vw, 5.25rem);
}

@media (min-width: 1280px) {
    .box.boxC>.box-inner:nth-of-type(1) {
        margin-bottom: 0;
        width: 425px;
    }
}

.box.boxC>.box-inner:nth-of-type(2) {
    margin-bottom: clamp(2.625rem, 1.9878640777rem + 2.7184466019vw, 5.25rem);
}

@media (min-width: 1280px) {
    .box.boxC>.box-inner:nth-of-type(2) {
        margin-bottom: 0;
        width: calc(100% - 425px);
    }
}

.box.boxC>.box-inner:nth-of-type(2)>.box {
    /*    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition-duration: 0.3s;
    width: 100%;*/
}

.box.boxC>.box-inner .tab-unit:not(:first-child) {
    display: none;
}

@media (min-width: 1280px) {
    .box.boxC>.box-inner:nth-of-type(2)>.box {
        padding-left: clamp(2.5625rem, 1.9405339806rem + 2.6537216828vw, 5.125rem);
    }
}

.box.boxC>.box-inner:nth-of-type(2)>.box.active {
    opacity: 1;
}

.box.boxD {
    justify-content: space-between;
}

.box.boxD>.box-inner {
    width: 100%;
}

@media (min-width: 768px) {
    .box.boxD>.box-inner:nth-of-type(1) {
        width: 26%;
    }

    .box.boxD>.box-inner:nth-of-type(2) {
        width: 66%;
    }
}

.box.boxE {
    position: relative;
}

.box.boxE>.box-inner:nth-of-type(1) {
    margin-bottom: clamp(1.4375rem, 1.088592233rem + 1.4886731392vw, 2.875rem);
    width: 100%;
}

@media (min-width: 1280px) {
    .box.boxE>.box-inner:nth-of-type(1) {
        position: sticky;
        top: 0px;
        max-height: 100%;
        margin-bottom: 0;
        width: 46%;
    }
}

.box.boxE>.box-inner:nth-of-type(2) {
    margin-bottom: clamp(2rem, 1.5145631068rem + 2.071197411vw, 4rem);
    width: 100%;
}

@media (min-width: 1280px) {
    .box.boxE>.box-inner:nth-of-type(2) {
        margin-bottom: 0;
        padding-left: clamp(2.25rem, 1.7038834951rem + 2.3300970874vw, 4.5rem);
        width: 54%;
    }
}

.box.boxF {
    margin-bottom: clamp(1.6875rem, 1.4296116505rem + 1.1003236246vw, 2.75rem);
    justify-content: space-between;
}

.box.boxF:last-child {
    margin-bottom: 0;
}

.box.boxF>.box-inner {
    margin-bottom: clamp(1.6875rem, 1.4296116505rem + 1.1003236246vw, 2.75rem);
}

.box.boxF>.box-inner:last-child {
    margin-bottom: 0;
}

@media (min-width: 1280px) {
    .box.boxF>.box-inner {
        margin-bottom: 0;
    }
}

.box.boxF>.box-inner>.img {
    margin-bottom: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
    width: 100%;
}

.box.boxF>.box-inner>.img>img {
    width: 100%;
}

.box.boxF>.box-inner>.tit {
    margin-bottom: clamp(0.5rem, 0.3634708738rem + 0.5825242718vw, 1.0625rem);
    font-size: clamp(1.125rem, 1.0036407767rem + 0.5177993528vw, 1.625rem);
}

@media (min-width: 1280px) {
    .box.boxF>.box-inner {
        width: calc(50% - 10px);
    }
}

@media (min-width: 1280px) {
    .box.boxF.boxF->.box-inner {
        width: calc(33.33333% - 13.3333333333px);
    }
}

.box.boxG {
    align-items: center;
}

.box.boxG>.tit {
    margin-bottom: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
    font-size: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
    width: 100%;
}

@media (min-width: 1280px) {
    .box.boxG>.tit {
        margin-bottom: 0;
        width: 130px;
    }
}

@media (min-width: 1280px) and (min-width: 375px) {
    .box.boxG>.tit {
        width: calc(8.125rem + (1vw - 3.75px) * 8.4142394822);
    }
}

@media (min-width: 1280px) and (min-width: 1920px) {
    .box.boxG>.tit {
        width: 260px;
    }
}

.box.boxG>.list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (min-width: 1280px) {
    .box.boxG>.list {
        width: calc(100% - 130px);
        gap: clamp(0.65625rem, 0.4969660194rem + 0.6796116505vw, 1.3125rem);
    }
}

@media (min-width: 1280px) and (min-width: 375px) {
    .box.boxG>.list {
        width: calc(100% - (8.125rem + (1vw - 3.75px) * 8.4142394822));
    }
}

@media (min-width: 1280px) and (min-width: 1920px) {
    .box.boxG>.list {
        width: calc(100% - 260px);
    }
}

.box.boxH>.box-inner:nth-of-type(1) {
    margin-bottom: clamp(1.25rem, 0.2487864078rem + 4.2718446602vw, 5.375rem);
}

.box.boxH>.box-inner:nth-of-type(1)>#f-ci {
    margin-bottom: clamp(2rem, 1.5145631068rem + 2.071197411vw, 4rem);
    width: clamp(12.3125rem, 10.9016990291rem + 6.0194174757vw, 18.125rem);
}

.box.boxH>.box-inner:nth-of-type(1)>#f-ci>img {
    width: 100%;
}

@media (min-width: 1280px) {
    .box.boxH>.box-inner:nth-of-type(1)>#f-ci {
        margin-bottom: 0;
    }
}

@media (min-width: 1280px) {
    .box.boxH>.box-inner:nth-of-type(1) {
        margin-bottom: 0;
        width: 260px;
    }
}

@media (min-width: 1280px) and (min-width: 375px) {
    .box.boxH>.box-inner:nth-of-type(1) {
        width: calc(16.25rem + (1vw - 3.75px) * 16.8284789644);
    }
}

@media (min-width: 1280px) and (min-width: 1920px) {
    .box.boxH>.box-inner:nth-of-type(1) {
        width: 520px;
    }
}

.box.boxH>.box-inner:nth-of-type(2) {
    justify-content: space-between;
}

.box.boxH>.box-inner:nth-of-type(2)>.list {
    margin-bottom: clamp(2.5rem, 1.8932038835rem + 2.5889967638vw, 5rem);
}

@media (min-width: 1280px) {
    .box.boxH>.box-inner:nth-of-type(2)>.list {
        margin-bottom: 0;
    }
}

.box.boxH>.box-inner:nth-of-type(2)>.list>.item {
    margin-bottom: clamp(0.5625rem, 0.4259708738rem + 0.5825242718vw, 1.125rem);
}

.box.boxH>.box-inner:nth-of-type(2)>.list>.item:last-child {
    margin-bottom: 0;
}

@media (min-width: 1280px) {
    .box.boxH>.box-inner:nth-of-type(2)>.list>.item {
        margin-bottom: 0;
    }
}

@media (min-width: 1280px) {
    .box.boxH>.box-inner:nth-of-type(2)>.list {
        width: 50%;
    }
}

@media (min-width: 1280px) {
    .box.boxH>.box-inner:nth-of-type(2)>.box {
        width: 45%;
    }
}

.box.boxH>.box-inner:nth-of-type(2)>.box>.btn {
    margin-bottom: clamp(1.5625rem, 1.4714805825rem + 0.3883495146vw, 1.9375rem);
}

.box.boxH>.box-inner:nth-of-type(2) .footer-navi {
    align-items: stretch;
    margin-bottom: clamp(3.5rem, 2.984223301rem + 2.2006472492vw, 5.625rem);
    justify-content: space-between;
}

.box.boxH>.box-inner:nth-of-type(2) .footer-navi>.item {
    margin-bottom: clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem);
    width: calc(50% - 8px);
}

@media (min-width: 1280px) {
    .box.boxH>.box-inner:nth-of-type(2) .footer-navi>.item {
        width: calc(33.33333% - 42.6666666667px);
    }
}

.box.boxH>.box-inner:nth-of-type(2) .footer-navi>.item>.unit>.label {
    border-bottom: 1px solid #BFB8AF;
    margin-bottom: clamp(0.5rem, 0.3938106796rem + 0.4530744337vw, 0.9375rem);
    padding-bottom: 8px;
}

.box.boxH>.box-inner:nth-of-type(2) .footer-navi>.item>.unit>.item {
    margin-bottom: 0.45rem;
    font-size: clamp(0.875rem, 0.8143203883rem + 0.2588996764vw, 1.125rem);
}

.box.boxH>.box-inner:nth-of-type(2) .footer-navi>.item>.unit>.item:last-child {
    margin-bottom: 0;
}

.box.boxH>.box-inner:nth-of-type(2) .footer-navi>.item>.unit>.item>.sns-list {
    /*    justify-content: space-between;*/
    column-gap: 1.25rem;
}

.box.boxH>.box-inner:nth-of-type(2) .footer-navi>.item>.unit>.item>.sns-list>.item {
    width: clamp(1.6875rem, 1.5661407767rem + 0.5177993528vw, 2.1875rem);
}

.box.boxH>.box-inner:nth-of-type(2) .footer-navi>.item>.unit>.item>.sns-list>.item>a {
    display: block;
    height: 100%;
    transition-duration: 0.3s;
    width: 100%;
}

.box.boxH>.box-inner:nth-of-type(2) .footer-navi>.item>.unit>.item>.sns-list>.item>a>img {
    width: 100%;
}

.box.boxH>.box-inner:nth-of-type(2) .footer-navi>.item>.unit>.item>.sns-list>.item:hover>a {
    opacity: 0.5;
}

.box.boxH>.box-inner:nth-of-type(2) .footer-navi>.item>.unit>.item>a {
    transition-duration: 0.3s;
}

.box.boxH>.box-inner:nth-of-type(2) .footer-navi>.item>.unit>.item:hover>a {
    opacity: 0.5;
}

@media (min-width: 1280px) {
    .box.boxH>.box-inner:nth-of-type(2) {
        width: calc(100% - 260px);
    }
}

@media (min-width: 1280px) and (min-width: 375px) {
    .box.boxH>.box-inner:nth-of-type(2) {
        width: calc(100% - (16.25rem + (1vw - 3.75px) * 16.8284789644));
    }
}

@media (min-width: 1280px) and (min-width: 1920px) {
    .box.boxH>.box-inner:nth-of-type(2) {
        width: calc(100% - 520px);
    }
}

.box.boxI {
    width: 100% !important;
}

.box.boxI>* {
    width: 100%;
}

@media (min-width: 768px) {
    .box.boxI>* {
        width: auto;
    }
}

.box.boxI>.copy {
    font-size: clamp(0.875rem, 0.7839805825rem + 0.3883495146vw, 1.25rem);
}

@media (min-width: 768px) {
    .box.boxI>.copy {
        margin-right: clamp(4.21875rem, 3.1947815534rem + 4.3689320388vw, 8.4375rem);
    }
}

.box.boxI>.footer-u-navi>.item {
    width: 100%;
}

@media (min-width: 768px) {
    .box.boxI>.footer-u-navi>.item {
        margin-right: clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem);
        width: auto;
    }

    .box.boxI>.footer-u-navi>.item:last-child {
        margin-right: 0;
    }
}

.box.boxI>.footer-u-navi>.item>a {
    padding-right: clamp(1.5rem, 1.4696601942rem + 0.1294498382vw, 1.625rem);
    font-size: clamp(0.8125rem, 0.7063106796rem + 0.4530744337vw, 1.25rem);
    position: relative;
}

.box.boxI>.footer-u-navi>.item>a::after {
    background: url(../img/common/external_w.png) no-repeat center center/cover;
    bottom: 0;
    content: "";
    display: block;
    height: 17px;
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: 0.3s;
    width: 17px;
}

.box.boxI>.footer-u-navi>.item:hover>a {
    opacity: 0.5;
}

.list.listA .item {
    margin-right: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    max-width: 599px;
    width: 100%;
    width: clamp(20.3125rem, 16.1559466019rem + 17.7346278317vw, 37.4375rem);
}

.list.listA .item>.img {
    margin-bottom: clamp(1.125rem, 0.8519417476rem + 1.1650485437vw, 2.25rem);
}

.list.listA .item>.img>img {
    width: 100%;
}

.list.listA .item>.tit {
    margin-bottom: clamp(0.5rem, 0.4241504854rem + 0.3236245955vw, 0.8125rem);
}

.list.listB {
    border-top: 1px solid #707070;
}

.list.listB>.item {
    border-bottom: 1px solid #707070;
}

.list.listB>.item>a {
    display: block;
    height: 100%;
    padding-bottom: clamp(1.125rem, 1.0946601942rem + 0.1294498382vw, 1.25rem);
    padding-left: clamp(1rem, 0.9848300971rem + 0.0647249191vw, 1.0625rem);
    padding-right: clamp(1rem, 0.9848300971rem + 0.0647249191vw, 1.0625rem);
    padding-top: clamp(1.125rem, 1.0946601942rem + 0.1294498382vw, 1.25rem);
    width: 100%;
    transition-duration: 0.3s;
}

.list.listB>.item>a:hover {
    opacity: 0.5;
}

.list.listC::after {
    content: "";
    display: block;
    clear: both;
}

.list.listC>.item {
    margin-bottom: clamp(1.4375rem, 1.088592233rem + 1.4886731392vw, 2.875rem);
    width: 100%;
}

.list.listC>.item>a {
    transition-duration: 0.3s;
}

.list.listC>.item>a:hover {
    opacity: 0.5;
}

.list.listC>.item:last-child {
    margin-bottom: 0;
}

@media (min-width: 1280px) {
    .list.listC>.item {
        margin-bottom: clamp(1.875rem, 1.4199029126rem + 1.9417475728vw, 3.75rem);
        margin-right: clamp(0.9375rem, 0.7099514563rem + 0.9708737864vw, 1.875rem);
        width: calc(50% - 15px);
    }

    .list.listC>.item:nth-of-type(even) {
        margin-right: 0;
    }
}

.list.listC>.item.itemA {
    position: relative;
    width: 100%;
}

.list.listC>.item.itemA>a {
    color: #FFF;
}

.list.listC>.item.itemA>a>.img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    aspect-ratio: 1/1;
    height: auto;
    overflow: hidden;
    width: 100%;
}

@media (min-width: 1280px) {
    .list.listC>.item.itemA>a>.img {
        aspect-ratio: 252/377;
    }
}

.list.listC>.item.itemA>a>.img>img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.list.listC>.item.itemA>a>.item-inner {
    bottom: clamp(2.8125rem, 2.1298543689rem + 2.9126213592vw, 5.625rem);
    padding-left: clamp(0.53125rem, 0.4023058252rem + 0.5501618123vw, 1.0625rem);
    padding-right: clamp(0.53125rem, 0.4023058252rem + 0.5501618123vw, 1.0625rem);
    text-align: center;
    position: absolute;
    width: 100%;
}

.list.listC>.item.itemA>a>.item-inner>.cat {
    font-size: clamp(0.375rem, 0.1626213592rem + 0.9061488673vw, 1.25rem);
    margin-bottom: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
    font-family: "Arial";
}

.list.listC>.item.itemA>a>.item-inner>.num {
    font-size: clamp(0.9375rem, 0.6796116505rem + 1.1003236246vw, 2rem);
    margin-bottom: 5px;
}

.list.listC>.item.itemA>a>.item-inner>.dat {
    font-size: clamp(0.375rem, 0.2233009709rem + 0.6472491909vw, 1rem);
    margin-top: clamp(1.25rem, 1.0983009709rem + 0.6472491909vw, 1.875rem);
    padding-top: 0;
    font-family: "Arial";
}

.list.listC>.item.itemA>a>.item-inner>.dat::after {
    display: none;
}

.list.listC>.item.itemA>a>.item-inner>.ttl {
    font-size: clamp(0.9375rem, 0.6796116505rem + 1.1003236246vw, 2rem);
    text-align: center;
}

.list.listC>.item.itemA>a>.item-inner>.ttl>br {
    display: none;
}

@media (min-width: 1280px) {
    .list.listC>.item.itemA {
        width: 100%;
    }
}

.list.listC>.item>a {
    height: 100%;
    width: 100%;
}

.list.listC>.item>a>* {
    display: block;
}

.list.listC>.item>a>.img {
    height: clamp(7.25rem, 5.4902912621rem + 7.5080906149vw, 14.5rem);
    overflow: hidden;
    position: relative;
    width: 116px;
}

@media (min-width: 375px) {
    .list.listC>.item>a>.img {
        width: calc(7.25rem + (1vw - 3.75px) * 7.5080906149);
    }
}

@media (min-width: 1920px) {
    .list.listC>.item>a>.img {
        width: 232px;
        aspect-ratio: 1;
    }
}

.list.listC>.item>a>.img>img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
}

@media (min-width: 1280px) {
    .list.listC>.item>a>.img>img {
        height: auto;
        left: 0;
        position: static;
        top: 0;
        transform: translate(0%, 0%);
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@media (min-width: 1280px) {
    .list.listC>.item>a>.img {
        height: auto;
        overflow: auto;
        width: 100%;
        aspect-ratio: 1;
    }

    .list.listC>.item:nth-child(2)>a>.img,
    .list.listC>.item:nth-child(3)>a>.img {
        aspect-ratio: 1 / 1.5;
    }

    .list.listC>.item:nth-child(3) {
        margin-top: -25%;
    }
}

.list.listC>.item>a>.item-inner {
    padding-left: 8px;
    width: calc(100% - 116px);
}

@media (min-width: 375px) {
    .list.listC>.item>a>.item-inner {
        width: calc(100% - (7.25rem + (1vw - 3.75px) * 7.5080906149));
    }
}

@media (min-width: 1920px) {
    .list.listC>.item>a>.item-inner {
        width: calc(100% - 232px);
    }
}

@media (min-width: 1280px) {
    .list.listC>.item>a>.item-inner {
        padding-left: 0;
        width: 100%;
    }
}

.list.listC>.item>a>.item-inner>* {
    display: block;
}

.list.listC>.item>a>.item-inner>.cat {
    font-size: 12px;
    margin-bottom: clamp(0.3125rem, 0.0849514563rem + 0.9708737864vw, 1.25rem);
    font-family: "Arial";
}

.list.listC>.item>a>.item-inner>.num {
    font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
    margin-bottom: 5px;
}

.list.listC>.item>a>.item-inner>.ttl {
    font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
    margin-bottom: clamp(0.3125rem, 0.0849514563rem + 0.9708737864vw, 1.25rem);
}

.list.listC>.item>a>.item-inner>.dat {
    font-size: 15px;
    font-weight: 500;
    padding-top: clamp(0.3125rem, 0.0849514563rem + 0.9708737864vw, 1.25rem);
    position: relative;
    font-family: "Arial";
}

.list.listC>.item>a>.item-inner>.dat::after {
    background-color: #BBAE9B;
    content: "";
    display: block;
    height: 1%;
    left: 0;
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 126px;
}

.list.listD>.item {
    font-size: clamp(0.875rem, 0.7839805825rem + 0.3883495146vw, 1.25rem);
    padding-left: clamp(0.46875rem, 0.3549757282rem + 0.4854368932vw, 0.9375rem);
    position: relative;
}

.list.listD>.item::after {
    content: ".";
    display: block;
    left: 0;
    margin: auto 0;
    position: absolute;
    top: -0.25rem;
}

.list.listE>.item>a {
    background-color: #EFEDEB;
}

.list.listF>.item {
    font-size: clamp(0.75rem, 0.6589805825rem + 0.3883495146vw, 1.125rem);
    margin-bottom: clamp(0.6875rem, 0.520631068rem + 0.71197411vw, 1.375rem);
}

.list.listF>.item>a {
    transition-duration: 0.3s;
}

.list.listF>.item>a:hover {
    opacity: 0.5;
}

@media (min-width: 1280px) {
    .list.listF>.item {
        margin-bottom: 8.8px;
    }

    .list.listF>.item:first-child {
        display: none;
    }
}

.list.listF>.item:last-child {
    margin-bottom: 0;
}

.list.listG {
    justify-content: flex-end;
}

.list.listG>.item {
    margin-bottom: clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem);
}

.list.listG>.item>a {
    transition-duration: 0.3s;
}

.list.listG>.item>a:hover {
    opacity: 0.5;
}

.list.listG>.item>a:hover>.img {
    opacity: 1;
}

.list.listG>.item>a>* {
    display: block;
}

.list.listG>.item>a>.img {
    margin-bottom: clamp(0.4375rem, 0.3919902913rem + 0.1941747573vw, 0.625rem);
    width: 100%;
}

.list.listG>.item>a>.img>img {
    width: 100%;
}

.list.listG>.item>a>.tit {
    font-size: clamp(0.75rem, 0.6589805825rem + 0.3883495146vw, 1.125rem);
    font-weight: 500;
    margin-bottom: clamp(0.25rem, 0.2651699029rem + -0.0647249191vw, 0.1875rem);
}

.list.listG>.item>a>.txt {
    font-size: clamp(0.625rem, 0.5491504854rem + 0.3236245955vw, 0.9375rem);
}

.list.listH {
    align-items: stretch;
}

.list.listH>.item {
    background-color: #EFEDEB;
    margin-bottom: 5px;
    width: 100%;
}

@media (min-width: 768px) {
    .list.listH>.item {
        margin-right: 5px;
        width: calc(50% - 2.5px);
    }

    .list.listH>.item:nth-of-type(even) {
        margin-right: 0;
    }
}

.list.listH>.item>a {
    display: block;
    height: 100%;
    width: 100%;
}

.list.listH>.item>a>.img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    aspect-ratio: 704/397;
    display: block;
    width: 100%;
    position: relative;
}



.list.listH>.item>a>.img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list.listH.-end>.item>a>.img::after {
    content: '終了しました';
    background: #fff;
    border: 1px solid #707070;
    padding: 5px 20px;
    position: absolute;
    right: 0;
    top: 20px;
    font-size: clamp(1rem, 0.9393203883rem + 0.2588996764vw, 1.25rem);
}

@media (min-width: 768px) {
    .list.listH.-end>.item>a>.img::after {
        right: 2px;
        top: 8px;
        padding: 5px 7px;
    }
}

.list.listH>.item>a>.item-inner {
    display: block;
    padding-bottom: clamp(0.9375rem, 0.7099514563rem + 0.9708737864vw, 1.875rem);
    padding-left: clamp(0.6875rem, 0.520631068rem + 0.71197411vw, 1.375rem);
    padding-right: clamp(0.6875rem, 0.520631068rem + 0.71197411vw, 1.375rem);
    padding-top: clamp(0.9375rem, 0.7099514563rem + 0.9708737864vw, 1.875rem);
    width: 100%;
}

.list.listH>.item>a>.item-inner>* {
    display: block;
}

.list.listH>.item>a>.item-inner>.list {
    margin-bottom: clamp(1rem, 1.0758495146rem + -0.3236245955vw, 0.6875rem);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.list.listH>.item>a>.item-inner>.tit {
    margin-bottom: clamp(1.75rem, 2.0078883495rem + -1.1003236246vw, 0.6875rem);
    font-size: clamp(1.125rem, 1.0036407767rem + 0.5177993528vw, 1.625rem);
}

@media (min-width: 1280px) {
    .list.listH.listH->.item {
        margin-right: 5px;
        width: calc(33.33333% - 3.3333333333px);
    }

    .list.listH.listH->.item:nth-of-type(even) {
        margin-right: 5px;
    }

    .list.listH.listH->.item:nth-of-type(3n) {
        margin-right: 0;
    }

    .list.listH.listH->.item>a>.item-inner {
        padding-bottom: clamp(0.4375rem, 0.3313106796rem + 0.4530744337vw, 0.875rem);
        padding-left: clamp(0.4375rem, 0.3313106796rem + 0.4530744337vw, 0.875rem);
        padding-right: clamp(0.4375rem, 0.3313106796rem + 0.4530744337vw, 0.875rem);
        padding-top: clamp(0.4375rem, 0.3313106796rem + 0.4530744337vw, 0.875rem);
    }

    .list.listH.listH->.item>a>.item-inner>.list {
        margin-bottom: 0;
    }

    .list.listH.listH->.item>a>.item-inner>.tit {
        font-size: 20px;
        margin-bottom: 4px;
    }

    .list.listH.listH->.item>a>.item-inner>.dat {
        font-size: 20px;
        font-family: "Arial";
    }
}

.list.listI>.item {
    border: 1px solid #312F30;
    /*    margin-bottom: 8px;*/
    /*    margin-right: 8px;*/
    text-align: center;
    width: calc(50% - 4px);
    vertical-align: top;
}

.list.listI>.item:nth-of-type(even) {
    margin-right: 0;
}

@media (min-width: 768px) {
    .list.listI>.item {
        margin-bottom: 0;
        /*        margin-right: clamp(0.65625rem, 0.4969660194rem + 0.6796116505vw, 1.3125rem);*/
        min-width: 150px;
        width: auto;
    }

    .list.listI>.item:nth-of-type(even) {
        /*        margin-right: clamp(0.65625rem, 0.4969660194rem + 0.6796116505vw, 1.3125rem);*/
    }

    .list.listI>.item:last-child {
        margin-right: 0;
    }
}

.list.listI>.item>a {
    display: block;
    font-size: clamp(0.875rem, 0.8446601942rem + 0.1294498382vw, 1rem);
    line-height: 35px;
    text-align: center;
    transition-duration: 0.3s;
    width: 100%;
}

@media (min-width: 768px) {
    .list.listI>.item>a {
        padding-left: clamp(0.78125rem, 0.5916262136rem + 0.8090614887vw, 1.5625rem);
        padding-right: clamp(0.78125rem, 0.5916262136rem + 0.8090614887vw, 1.5625rem);
    }
}

.list.listI>.item:hover>a {
    background-color: #312F30;
    color: #FFF;
}

.list.listI>.item.cur>a {
    background-color: #312F30;
    color: #FFF;
}

.list.listI.listI->.item {
    line-height: clamp(1.625rem, 1.5643203883rem + 0.2588996764vw, 1.875rem);
    /*    margin-right: clamp(0.5rem, 0.4393203883rem + 0.2588996764vw, 0.75rem);*/
    padding-left: clamp(0.271875rem, 0.2058859223rem + 0.2815533981vw, 0.54375rem);
    padding-right: clamp(0.271875rem, 0.2058859223rem + 0.2815533981vw, 0.54375rem);
    text-align: center;
    width: auto;
    font-family: "Arial";
    font-size: 14px;
}

@media (min-width: 768px) {
    .list.listI.listI->.item {
        font-size: 1rem;
    }
}

@media (min-width: 768px) {
    .list.listI.listI-->.item {
        font-size: 12px;
        line-height: 20px;
        padding-left: 12;
        padding-right: 12;
    }
}

.img.imgA {
    display: flex;
    width: 100%;
}

.img.imgA>img {
    width: 100%;
}

@media (min-width: 768px) {
    .img.imgA>img {
        flex: 1;
        margin-left: calc(50% - 50vw);
    }
}

.img.imgA>img:nth-of-type(1) {
    display: none;
}

@media (min-width: 1280px) {
    .img.imgA>img:nth-of-type(1) {
        display: block;
    }
}

@media (min-width: 1280px) {
    .img.imgA>img:nth-of-type(2) {
        display: none;
    }
}

.img.imgB {
    display: flex;
    width: 100%;
}

.img.imgB>img {
    flex: 1;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100%;
}

.img.imgB>img:nth-of-type(1) {
    display: none;
}

@media (min-width: 1280px) {
    .img.imgB>img:nth-of-type(1) {
        display: block;
    }
}

@media (min-width: 1280px) {
    .img.imgB>img:nth-of-type(2) {
        display: none;
    }
}

.btn.btnA {
    border: 1px solid #473729;
    max-width: 450px;
    transition-duration: 0.3s;
    width: 100%;
}

.btn.btnA>a {
    display: block;
    font-size: clamp(1.125rem, 1.0643203883rem + 0.2588996764vw, 1.375rem);
    height: 100%;
    line-height: clamp(3.625rem, 3.442961165rem + 0.7766990291vw, 4.375rem);
    text-align: center;
    width: 100%;
}

.btn.btnA:hover {
    background-color: #DFDBD7;
    border-color: transparent;
}

.btn.btnA.btnA- {
    border: none;
}

.btn.btnA.btnA-w>a {
    background-color: #DFDBD7;
    color: #312F30;
    transition-duration: 0.3s;
}

.btn.btnA.btnA-w:hover>a {
    opacity: 0.5;
}

.head.headA>* {
    color: #BFB8AF;
    vertical-align: bottom;
    display: block;
}

@media (min-width: 1280px) {
    .head.headA>* {
        display: inline-block;
    }
}

.head.headA>*.en {
    font-size: clamp(1.5rem, 0.802184466rem + 2.9773462783vw, 4.375rem);
    font-weight: bold;
    line-height: 1;
    margin-bottom: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
}

@media (min-width: 768px) {
    .head.headA>*.en {
        margin-bottom: 0;
        margin-right: clamp(0.78125rem, 0.5916262136rem + 0.8090614887vw, 1.5625rem);
    }
}

.head.headA>*.ja {
    font-size: clamp(1rem, 0.7876213592rem + 0.9061488673vw, 1.875rem);
}

.head.headA.headA- {
    border-bottom: 1px solid #473729;
    padding-bottom: clamp(1.5625rem, 1.7900485437rem + -0.9708737864vw, 0.625rem);
}

.head.headB {
    font-size: clamp(1.5rem, 1.2572815534rem + 1.0355987055vw, 2.5rem);
    font-weight: 500;
    line-height: 1.75;
}

.head.headB>br:not(._sp) {
    display: none;
}

@media (min-width: 768px) {
    .head.headB>br:not(._sp) {
        display: block;
    }
}

.head.headC {
    font-size: clamp(1.125rem, 0.7912621359rem + 1.4239482201vw, 2.5rem);
}

.head.headD {
    font-size: clamp(1.5rem, 1.1055825243rem + 1.6828478964vw, 3.125rem);
    line-height: 1;
}

.head.headE {
    text-align: center;
}

.head.headE>* {
    display: block;
}

.head.headE>.en {
    font-size: clamp(1.5rem, 1.1055825243rem + 1.6828478964vw, 3.125rem);
    margin-bottom: clamp(0.625rem, 0.5643203883rem + 0.2588996764vw, 0.875rem);
}

.head.headE>.ja {
    font-size: clamp(1rem, 0.8483009709rem + 0.6472491909vw, 1.625rem);
}

.tit.titA {
    font-size: clamp(1.5rem, 0.9538834951rem + 2.3300970874vw, 3.75rem);
    line-height: 1.3;
}

.tit.titB {
    color: #BFB8AF;
    font-size: clamp(1.5rem, 0.3470873786rem + 4.9190938511vw, 6.25rem);
    line-height: 1;
    opacity: 0.4;
    white-space: nowrap;
}

.tit.titC {
    font-size: clamp(1.125rem, 1.0036407767rem + 0.5177993528vw, 1.625rem);
    font-weight: 500;
}

.tit.titD {
    font-size: clamp(1.125rem, 1.0188106796rem + 0.4530744337vw, 1.5625rem);
    font-weight: 500;
    line-height: 1;
    padding-bottom: clamp(0.9375rem, 0.7099514563rem + 0.9708737864vw, 1.875rem);
}

.tit.titE {
    text-align: center;
}

.tit.titE>.tit-inner {
    display: inline-block;
    font-size: clamp(1.125rem, 0.8519417476rem + 1.1650485437vw, 2.25rem);
}

@media (min-width: 768px) {
    .tit.titE>.tit-inner {
        text-align: left;
    }
}

.tit.titF {
    font-size: clamp(1.125rem, 0.7912621359rem + 1.4239482201vw, 2.5rem);
}

@media (min-width: 768px) {
    .tit.titF {
        text-align: center;
    }
}

.txt.txtA {
    font-size: clamp(0.875rem, 0.7536407767rem + 0.5177993528vw, 1.375rem);
}

.txt.txtB {
    font-size: clamp(1.125rem, 1.0036407767rem + 0.5177993528vw, 1.625rem);
}

.txt.txtC {
    font-size: clamp(0.875rem, 0.7839805825rem + 0.3883495146vw, 1.25rem);
}

.txt.txtC>.max {
    font-size: clamp(0.875rem, 0.7233009709rem + 0.6472491909vw, 1.5rem);
}

.txt.txtD {
    font-size: clamp(1.5rem, 1.4089805825rem + 0.3883495146vw, 1.875rem);
}

.txt-box.txt-boxA>.txt {
    font-size: clamp(1rem, 0.8483009709rem + 0.6472491909vw, 1.625rem);
    line-height: 1.7;
}

@media (min-width: 768px) {
    .txt-box.txt-boxA>.txt {
        white-space: normal;
    }
}

.txt-box.txt-boxB>.txt {
    font-size: clamp(1rem, 0.8483009709rem + 0.6472491909vw, 1.625rem);
    line-height: 1.9;
    text-align: justify;
}

#top .txt-boxA>.txt {
    line-height: 2.1875;
}

@media (min-width: 768px) {
    #top .txt-boxA>.txt {
        line-height: 2.7;
    }
}

.section>.inner {
    padding-left: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
    padding-right: clamp(1.5625rem, -0.182038835rem + 7.4433656958vw, 8.75rem);
}

.section.sectionA>.inner {
    background-color: #EFEDEB;
}

.section.sectionA,
.section.sectionD {
    overflow: hidden;
}

.section.sectionE>.inner>.inner02 {
    padding-bottom: clamp(4rem, 3.7572815534rem + 1.0355987055vw, 5rem);
    padding-top: clamp(1.5rem, 0.6504854369rem + 3.6245954693vw, 5rem);
}

.section.sectionE>.inner>.inner02>.head {
    margin-bottom: clamp(2.5rem, 1.7718446602rem + 3.1067961165vw, 5.5rem);
    text-align: center;
}

.section.sectionE>.inner>.inner02>.box {
    margin-bottom: 40px;
}

@media (min-width: 375px) {
    .section.sectionE>.inner>.inner02>.box {
        margin-bottom: calc(2.5rem + (1vw - 3.75px) * -2.071197411);
    }
}

@media (min-width: 1920px) {
    .section.sectionE>.inner>.inner02>.box {
        margin-bottom: 8px;
    }
}

.section.sectionE>.inner>.inner02>.box:last-child {
    margin-bottom: 0;
}

.section.sectionF>.inner>.inner02 {
    padding-bottom: clamp(4rem, 3.4538834951rem + 2.3300970874vw, 6.25rem);
}

.section.sectionF>.inner>.inner02>.bnr {
    margin-bottom: clamp(0.5rem, 0.4696601942rem + 0.1294498382vw, 0.625rem);
}

.section.sectionF.sectionF->.inner>.inner02 {
    padding-bottom: clamp(4.5rem, 4.2572815534rem + 1.0355987055vw, 5.5rem);
    padding-top: clamp(4.5rem, 4.2572815534rem + 1.0355987055vw, 5.5rem);
}

.section.sectionF.sectionF->.inner>.inner02>.head {
    margin-bottom: clamp(1.5625rem, 1.0770631068rem + 2.071197411vw, 3.5625rem);
}

.section.sectionG>.inner>.inner02 {
    padding-bottom: clamp(4.5rem, 3.6201456311rem + 3.7540453074vw, 8.125rem);
}

.section.sectionG>.inner>.inner02>.head {
    margin-bottom: clamp(1.5rem, 1.2269417476rem + 1.1650485437vw, 2.625rem);
}

.section.sectionG>.inner>.inner02>.list {
    margin-bottom: clamp(3.375rem, 3.1171116505rem + 1.1003236246vw, 4.4375rem);
}

.section.sectionG>.inner>.inner02>.btn {
    margin-left: auto;
    margin-right: auto;
}

.section.sectionH>.inner>.inner02 {
    padding-bottom: 72px;
    padding-top: clamp(1.5625rem, 0.7129854369rem + 3.6245954693vw, 5.0625rem);
}

.section.sectionH>.inner>.inner02>.head {
    margin-bottom: clamp(2.5rem, 2.6516990291rem + -0.6472491909vw, 1.875rem);
    text-align: center;
}

.section.sectionH>.inner>.inner02>.list {
    margin: 0 auto;
    margin-bottom: clamp(1.25rem, 1.067961165rem + 0.7766990291vw, 2rem);
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 1218px;
    font-family: "Arial";
    justify-content: center;

}

@media (min-width: 768px) {
    .section.sectionH>.inner>.inner02>.list {
        gap: clamp(0.65625rem, 0.4969660194rem + 0.6796116505vw, 1.3125rem);
    }
}

.section.sectionH>.inner>.inner02>.tit {
    margin-bottom: clamp(1rem, 0.6359223301rem + 1.5533980583vw, 2.5rem);
}

.section.sectionH>.inner>.inner02>.date {
    font-size: clamp(0.9375rem, 0.7099514563rem + 0.9708737864vw, 1.875rem);
    margin-bottom: clamp(1rem, 0.3628640777rem + 2.7184466019vw, 3.625rem);
    text-align: center;
    font-family: "Arial";
}

.section.sectionH>.inner>.inner02>.main-image {
    margin: 0 auto clamp(1rem, 0.3628640777rem + 2.7184466019vw, 3.625rem);
    width: 100%;
    max-width: 1218px;
}

.section.sectionH>.inner>.inner02>.main-image>img {
    width: 100%;

}

.section.sectionH>.inner>.inner02>.article {
    margin-bottom: clamp(8.4375rem, 9.135315534rem + -2.9773462783vw, 5.5625rem);
    margin-left: auto;
    margin-right: auto;
    max-width: 1218px;
}

.section.sectionH>.inner>.inner02>.article>h2 {
    border-bottom: 1px solid #473729;
    font-size: clamp(1.125rem, 1.0036407767rem + 0.5177993528vw, 1.625rem);
    font-weight: 500;
    margin-bottom: clamp(0.5rem, 0.1966019417rem + 1.2944983819vw, 1.75rem);
    margin-top: clamp(2.8125rem, 2.1298543689rem + 2.9126213592vw, 5.625rem);
    padding-bottom: clamp(0.5rem, 0.3938106796rem + 0.4530744337vw, 0.9375rem);
}

.section.sectionH>.inner>.inner02>.article .txt,
.section.sectionH>.inner>.inner02>.article p,
.section.sectionH>.inner>.inner02>.article p>span {
    display: block;
    font-size: clamp(1rem, 0.9089805825rem + 0.3883495146vw, 1.375rem);
    line-height: 2.27;
    margin-bottom: clamp(0.3125rem, 0.2366504854rem + 0.3236245955vw, 0.625rem);
}

.section.sectionH>.inner>.inner02>.article .txt>img,
.section.sectionH>.inner>.inner02>.article p>img,
.section.sectionH>.inner>.inner02>.article p>span>img {
    margin-bottom: clamp(0.3125rem, 0.2366504854rem + 0.3236245955vw, 0.625rem);
    height: auto;
    width: 100%;
}

.section.sectionH>.inner>.inner02>.article .txt:last-child,
.section.sectionH>.inner>.inner02>.article p:last-child,
.section.sectionH>.inner>.inner02>.article p>span:last-child {
    margin-bottom: 0;
}

.section.sectionH>.inner>.inner02>.article>.txt-box>.txt {
    font-size: clamp(1rem, 0.9089805825rem + 0.3883495146vw, 1.375rem);
    line-height: 2.27;
    margin-bottom: clamp(0.3125rem, 0.2366504854rem + 0.3236245955vw, 0.625rem);
}

.section.sectionH>.inner>.inner02>.article>.txt-box>.txt:last-child {
    margin-bottom: 0;
}

.section.sectionH>.inner>.inner02>.unit {
    margin-bottom: clamp(3.8125rem, 3.9490291262rem + -0.5825242718vw, 3.25rem);
}

.section.sectionH>.inner>.inner02>.unit:last-child {
    margin-bottom: 0;
}

.section.sectionH>.inner>.inner02>.btn {
    margin-bottom: clamp(2.625rem, 2.1850728155rem + 1.8770226537vw, 4.4375rem);
    margin-left: auto;
    margin-right: auto;
    margin-top: clamp(3.4375rem, 3.1341019417rem + 1.2944983819vw, 4.6875rem);
}

.section.sectionH>.inner>.inner02>.sns-area {
    text-align: center;
}

.section.sectionH>.inner>.inner02>.sns-area>.list {
    margin-top: clamp(1.0625rem, 0.9563106796rem + 0.4530744337vw, 1.5rem);
}

.section.sectionH>.inner>.inner02>.sns-area>.list>.item {
    height: 50px;
    margin-right: clamp(0.5625rem, 0.5018203883rem + 0.2588996764vw, 0.8125rem);
    width: 50px;
}

.section.sectionH>.inner>.inner02>.sns-area>.list>.item>a {
    display: block;
    height: 100%;
    width: 100%;
}

.section.sectionH>.inner>.inner02>.sns-area>.list>.item>a>img {
    width: 100%;
}

.bnr.bnrA {
    width: 100%;
}

.bnr.bnrA>a {
    height: 100%;
    width: 100%;
}

@media (min-width: 1280px) {
    .bnr.bnrA>a {
        align-items: stretch;
    }
}

.bnr.bnrA>a>* {
    display: block;
}

.bnr.bnrA>a>.img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    width: 100%;
}

@media (min-width: 1280px) {
    .bnr.bnrA>a>.img {
        width: 54%;
    }
}

.bnr.bnrA>a>.img>img {
    width: 100%;
}

.bnr.bnrA>a>.bnr-inner {
    background-color: #EFEDEB;
    padding-bottom: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
    padding-left: clamp(1rem, 0.1959951456rem + 3.430420712vw, 4.3125rem);
    padding-right: clamp(1rem, 0.1959951456rem + 3.430420712vw, 4.3125rem);
    padding-top: clamp(1rem, 0.7572815534rem + 1.0355987055vw, 2rem);
    width: 100%;
}

@media (min-width: 1280px) {
    .bnr.bnrA>a>.bnr-inner {
        padding-top: 5rem;
        width: 46%;
    }
}

.bnr.bnrA>a>.bnr-inner>* {
    display: block;
}

.bnr.bnrA>a>.bnr-inner>.list {
    margin-bottom: clamp(1rem, 0.9241504854rem + 0.3236245955vw, 1.3125rem);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bnr.bnrA>a>.bnr-inner>.tit {
    margin-bottom: clamp(1.3125rem, 1.2821601942rem + 0.1294498382vw, 1.4375rem);
    font-size: clamp(1.125rem, 0.8519417476rem + 1.1650485437vw, 2.25rem);
    line-height: 1.3;
}

.bnr.bnrA>a>.bnr-inner>.dat.datA {
    font-family: "Arial", "Noto Sans JP";
}

.link.linkA>a {
    padding-right: clamp(0.9375rem, 0.7099514563rem + 0.9708737864vw, 1.875rem);
    position: relative;
    transition-duration: 0.3s;
}

.link.linkA>a:hover {
    opacity: 0.5;
}

.link.linkA>a::after {
    background: url(../img/common/external.png) no-repeat center center/contain;
    bottom: 0;
    content: "";
    display: block;
    height: clamp(0.46875rem, 0.3549757282rem + 0.4854368932vw, 0.9375rem);
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
    width: clamp(0.46875rem, 0.3549757282rem + 0.4854368932vw, 0.9375rem);
}

.link.linkB>a {
    text-decoration: underline;
    transition-duration: 0.3s;
}

.link.linkB>a:hover {
    opacity: 0.5;
    text-decoration: none;
}

.faq-list {
    border-top: 1px solid #707070;
}

.faq-list>.item {
    border-bottom: 1px solid #707070;
}

.faq-list>.item>.ques {
    cursor: pointer;
    padding-bottom: clamp(1rem, 0.7876213592rem + 0.9061488673vw, 1.875rem);
    padding-right: clamp(3.125rem, 2.3665048544rem + 3.2362459547vw, 6.25rem);
    padding-top: clamp(1rem, 0.7876213592rem + 0.9061488673vw, 1.875rem);
    position: relative;
}

.faq-list>.item>.ques::after {
    background: url(../img/common/arrow.png) no-repeat center center/cover;
    bottom: 0;
    content: "";
    display: block;
    height: clamp(0.75rem, 0.567961165rem + 0.7766990291vw, 1.5rem);
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: 0.3s;
    width: clamp(1.390625rem, 1.0530946602rem + 1.4401294498vw, 2.78125rem);
}

@media (min-width: 768px) {
    .faq-list>.item>.ques::after {
        right: clamp(1.875rem, 1.4199029126rem + 1.9417475728vw, 3.75rem);
    }
}

.faq-list>.item>.ques>.mark {
    font-size: clamp(1.5rem, 1.333131068rem + 0.71197411vw, 2.1875rem);
    margin-top: clamp(-0.4375rem, -0.3313106796rem + -0.4530744337vw, -0.875rem);
    width: 40px;
    vertical-align: top;
}

@media (min-width: 375px) {
    .faq-list>.item>.ques>.mark {
        width: calc(2.5rem + (1vw - 3.75px) * 3.8834951456);
    }
}

@media (min-width: 1920px) {
    .faq-list>.item>.ques>.mark {
        width: 100px;
    }
}

.faq-list>.item>.ques>.mark>img {
    width: 100%;
}

.faq-list>.item>.ques>.txt {
    font-size: clamp(1.125rem, 0.942961165rem + 0.7766990291vw, 1.875rem);
    width: calc(100% - 50px);
    word-break: break-all;
}

@media (min-width: 375px) {
    .faq-list>.item>.ques>.txt {
        width: calc(100% - (3.125rem + (1vw - 3.75px) * 3.2362459547));
    }
}

@media (min-width: 1920px) {
    .faq-list>.item>.ques>.txt {
        width: calc(100% - 100px);
    }
}

.faq-list>.item>.ques._opened::after {
    transform: rotate(-180deg);
}

.faq-list>.item>.answ {
    display: none;
}

.faq-list>.item>.answ>.answ-inner {
    padding-bottom: clamp(1.6875rem, 1.2779126214rem + 1.7475728155vw, 3.375rem);
}

.faq-list>.item>.answ>.answ-inner>* {
    vertical-align: top;
}

.faq-list>.item>.answ>.answ-inner>.mark {
    font-size: clamp(1.625rem, 1.4884708738rem + 0.5825242718vw, 2.1875rem);
    width: 40px;
    margin-top: clamp(-0.21875rem, -0.1656553398rem + -0.2265372168vw, -0.4375rem);
}

@media (min-width: 375px) {
    .faq-list>.item>.answ>.answ-inner>.mark {
        width: calc(2.5rem + (1vw - 3.75px) * 3.8834951456);
    }
}

@media (min-width: 1920px) {
    .faq-list>.item>.answ>.answ-inner>.mark {
        width: 100px;
    }
}

.faq-list>.item>.answ>.answ-inner>.txt-box {
    width: calc(100% - 50px);
}

@media (min-width: 375px) {
    .faq-list>.item>.answ>.answ-inner>.txt-box {
        width: calc(100% - (3.125rem + (1vw - 3.75px) * 3.2362459547));
    }
}

@media (min-width: 1920px) {
    .faq-list>.item>.answ>.answ-inner>.txt-box {
        width: calc(100% - 100px);
    }
}

.faq-list>.item>.answ>.answ-inner>.txt-box>.txt {
    font-size: clamp(1.125rem, 0.942961165rem + 0.7766990291vw, 1.875rem);
    text-align: justify;
    word-break: break-all;
}

.faq-list>.item>.answ>.answ-inner>.txt-box>.txt a {
    text-decoration: underline;
    transition: 300ms opcaity ease;
}

.faq-list>.item>.answ>.answ-inner>.txt-box>.txt a:hover {
    opacity: 0.5;
}

.unit {
    /*&.unitB {
    > .label {
      border-bottom: 1px solid #473729;
      @include _calc( font-size, 26, 18 );
      font-weight: 500;
      @include _calc( margin-bottom, 28, 8 );
      @include _calc( padding-bottom, 15, 8 );
    }
    > .item {
      @include _calc( font-size, 22, 16 );
      line-height: 1.75;
    }
  }*/
}

.unit.unitA>.label {
    font-size: clamp(1.125rem, 0.942961165rem + 0.7766990291vw, 1.875rem);
    margin-bottom: clamp(1.0625rem, 0.8046116505rem + 1.1003236246vw, 2.125rem);
}

@media (min-width: 768px) {
    .unit.unitA>.label {
        margin-bottom: 0;
    }
}

.unit.unitA>.item>.list>.item {
    font-size: clamp(0.875rem, 0.7536407767rem + 0.5177993528vw, 1.375rem);
    padding-left: clamp(0.3125rem, 0.2366504854rem + 0.3236245955vw, 0.625rem);
    position: relative;
}

.unit.unitA>.item>.list>.item::after {
    background-color: #000;
    border-radius: 50%;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0.7rem;
    height: 3px;
    width: 3px;
}

@media (min-width: 768px) {

    .unit.unitA>.item>.list>.item::after {
        top: 1.1rem;
    }
}

.unit.unitA>.item>.sub-unit>.label {
    margin-right: clamp(1.25rem, 0.9466019417rem + 1.2944983819vw, 2.5rem);
}

.unit.unitA>.item>.sub-unit>.item {
    margin-right: clamp(0.3125rem, 0.2366504854rem + 0.3236245955vw, 0.625rem);
}

.anchor-link {
    align-items: stretch;
    justify-content: space-between;
}

.anchor-link>.item {
    border-bottom: 1px solid #BFB8AF;
    line-height: 1.2;
    margin-bottom: clamp(1.5625rem, 1.1832524272rem + 1.6181229773vw, 3.125rem);
    padding-bottom: clamp(0.5rem, 0.3786407767rem + 0.5177993528vw, 1rem);
    position: relative;
    width: calc(50% - 7.5px);
}

@media (min-width: 768px) {
    .anchor-link>.item {
        width: calc(33.33333% - 20px);
    }
}

@media (min-width: 1280px) {
    .anchor-link>.item {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
        width: auto;
    }
}

.anchor-link>.item>a {
    display: block;
    font-size: clamp(0.75rem, 0.5983009709rem + 0.6472491909vw, 1.375rem);
    height: 100%;
    padding-right: clamp(2.1875rem, 1.6565533981rem + 2.2653721683vw, 4.375rem);
    position: relative;
    width: 100%;
}

@media (min-width: 1280px) {
    .anchor-link>.item>a {
        padding-right: 0;
    }
}

.anchor-link>.item>a::after {
    border-bottom: 1px solid #312F30;
    border-right: 1px solid #312F30;
    bottom: 0;
    content: "";
    display: block;
    height: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-50%) rotate(45deg);
    width: clamp(0.625rem, 0.4733009709rem + 0.6472491909vw, 1.25rem);
}

@media (min-width: 1280px) {
    .anchor-link>.item>a::after {
        display: none;
    }
}

.mincho {
    font-family: "Noto Serif JP", serif;
}

.en {
    font-family: "Arial";
}


.slide-wrap .list.listA .item:last-child {
    margin-right: 0;
}

.section.smp-scroll {
    padding-top: 0 !important;
}

.side-scroll-list-wrapper1 {
    position: relative;
    width: 100%;
    height: 700px;
}

.side-scroll-list-wrapper2 {
    position: relative;
    width: 100%;
    height: 730px;
}

.side-scroll-list-wrapper3 {
    position: relative;
    width: 100%;
    height: 700px;
}

.side-scroll-list-wrapper4 {
    position: relative;
    width: 100%;
    height: 700px;
}

.side-scroll-list-wrapper5 {
    position: relative;
    width: 100%;
    height: 700px;
}

.side-scroll-list-wrapper6 {
    position: relative;
    width: 100%;
    height: 700px;
}

.side-scroll-list-wrapper7 {
    position: relative;
    width: 100%;
    height: 700px;
}

.side-scroll-list-wrapper8 {
    position: relative;
    width: 100%;
    height: 700px;
}

#top .side-scroll-list-wrapper1 {
    height: 380px;
}

#top .side-scroll-list-wrapper2 {
    height: 400px;
    ;
}

#top .side-scroll-list-wrapper3 {
    height: 300px;
}

#rental .side-scroll-list-wrapper1 {
    height: 550px;
}

#rental .side-scroll-list-wrapper2 {
    height: 490px;
}

#rental .side-scroll-list-wrapper3 {
    height: 600px;
}

#rental .side-scroll-list-wrapper4 {
    height: 550px;
}

#rental .side-scroll-list-wrapper5 {
    height: 350px;
}

#service .side-scroll-list-wrapper1 {
    height: 500px;
}

#service .side-scroll-list-wrapper2 {
    height: 480px;
}

#service .side-scroll-list-wrapper3 {
    height: 450px;
}

#service .side-scroll-list-wrapper4 {
    height: 400px;
}

@media (min-width: 430px) {
    #service .side-scroll-list-wrapper1 {
        height: 520px;
    }
}

@media (min-width: 500px) {
    #rental .side-scroll-list-wrapper2 {
        height: 500px;
    }

    #rental .side-scroll-list-wrapper4 {
        height: 570px;
    }

    #rental .side-scroll-list-wrapper5 {
        height: 400px;
    }

    #service .side-scroll-list-wrapper3 {
        height: 460px;
    }
}

@media (min-width: 550px) {
    #rental .side-scroll-list-wrapper1 {
        height: 570px;
    }

    #rental .side-scroll-list-wrapper2 {
        height: 530px;
    }

    #rental .side-scroll-list-wrapper3 {
        height: 630px;
    }

    #rental .side-scroll-list-wrapper4 {
        height: 590px;
    }


    #service .side-scroll-list-wrapper1 {
        height: 550px;
    }

    #service .side-scroll-list-wrapper2 {
        height: 500px;
    }
}

@media (min-width: 600px) {
    #service .side-scroll-list-wrapper3 {
        height: 500px;
    }
}

@media (min-width: 700px) {
    #service .side-scroll-list-wrapper2 {
        height: 550px;
    }

    #service .side-scroll-list-wrapper4 {
        height: 450px;
    }
}

@media (min-width: 750px) {
    #rental .side-scroll-list-wrapper1 {
        height: 590px;
    }

    #rental .side-scroll-list-wrapper2 {
        height: 560px;
    }

}


@media (min-width: 768px) {

    #top .side-scroll-list-wrapper1 {
        height: 430px;
    }

    #top .side-scroll-list-wrapper2 {
        height: 450px;
    }

    #top .side-scroll-list-wrapper3 {
        height: 350px;
    }

    #rental .side-scroll-list-wrapper1 {
        height: 630px;
    }

    #rental .side-scroll-list-wrapper2 {
        height: 590px;
    }

    #rental .side-scroll-list-wrapper3 {
        height: 650px;
    }

    #service .side-scroll-list-wrapper2 {
        height: 580px;
    }

}

@media (min-width: 1000px) {
    #service .side-scroll-list-wrapper3 {
        height: 550px;
    }
}

@media (min-width: 1100px) {
    #service .side-scroll-list-wrapper1 {
        height: 610px;
    }

    #service .side-scroll-list-wrapper2 {
        height: 610px;
    }
}


@media (min-width: 1280px) {
    .side-scroll-list-wrapper1 {
        height: 700px;
    }

    .side-scroll-list-wrapper2 {
        height: 700px;
    }

    .side-scroll-list-wrapper3 {
        height: 700px;
    }

    .side-scroll-list-wrapper4 {
        height: 700px;
    }

    .side-scroll-list-wrapper5 {
        height: 700px;
    }

    .side-scroll-list-wrapper6 {
        height: 700px;
    }

    .side-scroll-list-wrapper7 {
        height: 700px;
    }

    .side-scroll-list-wrapper8 {
        height: 700px;
    }

    #top .side-scroll-list-wrapper1 {
        height: 600px;
    }

    #top .side-scroll-list-wrapper2 {
        height: 600px;
    }

    #top .side-scroll-list-wrapper3 {
        height: 500px;
    }

    #rental .side-scroll-list-wrapper1 {
        height: 700px;
    }

    #rental .side-scroll-list-wrapper2 {
        height: 700px;
    }

    #rental .side-scroll-list-wrapper3 {
        height: 700px;
    }

    #rental .side-scroll-list-wrapper4 {
        height: 700px;
    }

    #rental .side-scroll-list-wrapper5 {
        height: 700px;
    }

    #service .side-scroll-list-wrapper1 {
        height: 700px;
    }

    #service .side-scroll-list-wrapper2 {
        height: 700px;
    }

    #service .side-scroll-list-wrapper3 {
        height: 700px;
    }

    #service .side-scroll-list-wrapper4 {
        height: 700px;
    }
}

@media (min-width: 1700px) {
    #rental .side-scroll-list-wrapper1 {
        height: 800px;
    }

    #rental .side-scroll-list-wrapper2 {
        height: 800px;
    }

    #rental .side-scroll-list-wrapper3 {
        height: 800px;
    }

    #rental .side-scroll-list-wrapper4 {
        height: 800px;
    }
}

@media (min-width: 1900px) {
    #service .side-scroll-list-wrapper1 {
        height: 750px;
    }
}

.list.listA .item {
    padding-bottom: 30px;
}


.side-scroll-list1 {
    position: absolute;
    top: 60px;
    left: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    padding-right: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    display: flex;
}

.side-scroll-list2 {
    position: absolute;
    top: 60px;
    left: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    padding-right: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    display: flex;
}

.side-scroll-list3 {
    position: absolute;
    top: 60px;
    left: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    padding-right: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    display: flex;
}

.side-scroll-list4 {
    position: absolute;
    top: 60px;
    left: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    padding-right: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    display: flex;
}

.side-scroll-list5 {
    position: absolute;
    top: 60px;
    left: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    padding-right: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    display: flex;
}

.side-scroll-list6 {
    position: absolute;
    top: 60px;
    left: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    padding-right: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    display: flex;
}

.side-scroll-list7 {
    position: absolute;
    top: 60px;
    left: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    padding-right: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    display: flex;
}

.side-scroll-list8 {
    position: absolute;
    top: 60px;
    left: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    padding-right: clamp(1.28125rem, 0.9702669903rem + 1.3268608414vw, 2.5625rem);
    display: flex;
}


@media (min-width: 768px) {

    .side-scroll-list1,
    .side-scroll-list2,
    .side-scroll-list3,
    .side-scroll-list4,
    .side-scroll-list5,
    .side-scroll-list6,
    .side-scroll-list7,
    .side-scroll-list8 {
        left: 0;
        padding-right: 0;
    }
}

.js-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1s, visibility 1s, transform 1s;
}

.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}







/* MODAL */
.modal-container {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    box-sizing: border-box;
    z-index: 9999;
}

.modal-container:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.modal-container.active {
    opacity: 1;
    visibility: visible;
}

.modal-body {
    position: absolute;
    display: block;
    top: 0;
    right: 3.3854166667vw;
    max-width: 44.9479166667vw;
    width: 90%;
    height: 100%;
}

.modal-close {
    background-image: url(https://www.orientalgiken.co.jp/xis_worksite/images/close.svg);
    background-size: cover;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 1.5625vw;
    right: 1.5625vw;
    width: 1.5625vw;
    height: 1.5625vw;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .modal-body {
        right: 0;
        max-width: 100vw;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .modal-close {
        width: 25px;
        height: 25px;
        top: 20px;
        right: 20px;
    }
}

.modal-content {
    background: #F5F5F5;
    text-align: left;
    display: none;
    height: 100%;
}

/* FORM */
/*form {
    padding: 7.65625vw 2.9166666667vw;
    overflow: scroll;
    width: 100%;
    height: 100%;
}

form h3 {
    font-size: 1.3020833333vw;
    color: #424242;
    margin-bottom: 1.5625vw;
    text-align: center;
    font-weight: 500;
}

form>p {
    font-size: 1.0416666667vw;
    color: #424242;
    text-align: center;
    margin-bottom: 1.5625vw;
}

form .form-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.0416666667vw;
}

form .form-content input {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px #707070 solid;
    border-radius: 0;
    font-size: 1.0416666667vw;
    padding: 0.5208333333vw 1.1979166667vw;
}

form .form-content input.input-half {
    width: calc((100% - 2.6041666667vw) / 2);
}

form .form-content input[type=checkbox] {
    display: inline-block;
    width: auto;
    padding-right: 3px;
}

form .form-content textarea {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px #707070 solid;
    border-radius: 0;
    font-size: 1.0416666667vw;
    padding: 0.5208333333vw 1.1979166667vw;
}

form .form-content p {
    width: 100%;
    font-size: 0.78125vw;
    margin-bottom: 0.5208333333vw;
}

form .form-content p span {
    display: inline-block;
    position: relative;
    top: -3px;
}

form .form-content .error-messe {
    color: #f00;
}

form .form-content .form--button {
    border: 1px #FFFFFF solid;
    font-size: 1.3020833333vw;
    font-family: "Noto Sans JP", sans-serif;
    background-color: #424242;
    color: #FFFFFF;
    padding: 0.3645833333vw 0;
    text-align: center;
    transition: all 0.3s;
    width: 100%;
    cursor: pointer;
    border-radius: 0.9269988413vw;
}

form .form-content .form--button:hover {
    color: #000000;
    background-color: #FFFFFF;
    opacity: 1;
}

form .form-annotation {
    text-align: center;
    font-size: 0.78125vw;
}
*/
/* FORM-iframe */
/*iframe {
    border: 0 !important;
}

form.iframe {
    padding: 17.033603708vw 6.4889918888vw;
    overflow: scroll;
    width: 100%;
    height: 100%;
    background-color: #F5F5F5;
}

form.iframe h3 {
    font-size: 2.8968713789vw;
    color: #424242;
    margin-bottom: 3.4762456547vw;
    text-align: center;
    font-weight: 500;
}

form.iframe>p {
    font-size: 2.3174971031vw;
    color: #424242;
    text-align: center;
    margin-bottom: 3.4762456547vw;
}

form.iframe .form-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2.3174971031vw;
}

form.iframe .form-content input {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px #707070 solid;
    border-radius: 0;
    font-size: 2.3174971031vw;
    padding: 1.1587485516vw 2.6651216686vw;
}

form.iframe .form-content input.input-half {
    width: calc((100% - 5.7937427578vw) / 2);
}

form.iframe .form-content input[type=checkbox] {
    display: inline-block;
    width: auto;
    padding-right: 3px;
}

form.iframe .form-content textarea {
    width: 100%;
    background-color: #FFFFFF;
    border: 1px #707070 solid;
    border-radius: 0;
    font-size: 2.3174971031vw;
    padding: 1.1587485516vw 2.6651216686vw;
}

form.iframe .form-content p {
    width: 100%;
    font-size: 1.7381228273vw;
    margin-bottom: 1.1587485516vw;
}

form.iframe .form-content p span {
    display: inline-block;
    position: relative;
    top: -3px;
}

form.iframe .form-content .form--button {
    border: 1px #FFFFFF solid;
    font-size: 2.8968713789vw;
    font-family: "Noto Sans JP", sans-serif;
    background-color: #424242;
    color: #FFFFFF;
    padding: 0.8111239861vw 0;
    text-align: center;
    transition: all 0.3s;
    width: 100%;
    cursor: pointer;
    margin-bottom: 1.7381228273vw;
}

form.iframe .form-content .form--button:hover {
    color: #000000;
    background-color: #FFFFFF;
    opacity: 1;
}

form.iframe .form--button {
    border: 1px #FFFFFF solid;
    font-size: 2.8968713789vw;
    font-family: "Noto Sans JP", sans-serif;
    background-color: #424242;
    color: #FFFFFF;
    padding: 0.8111239861vw 0;
    text-align: center;
    transition: all 0.3s;
    width: 100%;
    cursor: pointer;
    border-radius: 0.9269988413vw;
    margin-bottom: 1.7381228273vw;
}

form.iframe .form--button:hover {
    color: #000000;
    background-color: #FFFFFF;
    opacity: 1;
}

form.iframe table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 3.4762456547vw;
}

form.iframe table th {
    font-size: 2.3174971031vw;
    font-weight: 400;
    color: #7B7B7B;
    width: 28.9687137891vw;
    background-color: #ECECEC;
    border: 1px #707070 solid;
    text-align: left;
    padding: 0.5793742758vw 2.0857473928vw;
}

form.iframe table td {
    font-size: 2.3174971031vw;
    font-weight: 400;
    color: #7B7B7B;
    background-color: #F7F7F7;
    border: 1px #707070 solid;
    text-align: left;
    padding: 0.5793742758vw 2.0857473928vw;
}

form.iframe .form-annotation {
    text-align: center;
    font-size: 0.78125vw;
}*/

/* FORM-CONFIRM-iframe */
/*#form {
    padding: 17.033603708vw 6.4889918888vw;
    overflow: scroll;
    width: 100%;
    height: 100%;
    background-color: #F5F5F5;
}

#form h3 {
    font-size: 2.8968713789vw;
    color: #424242;
    margin-bottom: 3.4762456547vw;
    text-align: center;
    font-weight: 500;
}

#form>p {
    font-size: 2.3174971031vw;
    color: #424242;
    text-align: center;
    margin-bottom: 3.4762456547vw;
}

#form .error_messe {
    color: #f00;
}

#form .form--button {
    border: 1px #FFFFFF solid;
    font-size: 2.8968713789vw;
    font-family: "Noto Sans JP", sans-serif;
    background-color: #424242;
    color: #FFFFFF;
    padding: 0.8111239861vw 0;
    text-align: center;
    transition: all 0.3s;
    width: 100%;
    cursor: pointer;
    border-radius: 0.9269988413vw;
}

#form .form--button:hover {
    color: #000000;
    background-color: #FFFFFF;
    opacity: 1;
}*/

#top .slick-slide img {
    width: 100%;
    height: auto;
}


#top #_news .list.listC>.item>a>.img._rect {
    display: none;
}

#top #_news .list.listC>.item>a>.img._square {
    display: block;
}

@media (min-width: 1280px) {
    #top #_news .list.listC>.item>a>.img._rect {
        display: block;
    }

    #top #_news .list.listC>.item>a>.img._square {
        display: none;
    }
}

#top .tab-head li.item._on {
    opacity: 0.5;
}