:root {
    --z-init: 0;
    --z-layer: 1;
    --z-layer2: 2;
    --z-layer3: 3;
    --z-layer4: 4;
    --z-layer5: 5;
    --z-popup: 6;
    --z-el-follow: 7;
    --z-page-to-top: 8;
    --z-page-list: 9;
    --z-suggest: 10;
    --z-site-header--underlay: 11;
    --z-site-header--tool: 12;
    --z-site-header: 13;
    --z-modal: 14;
    --font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    --font-family-arial: Arial, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    --font-family--sans: "Noto Sans JP", "Noto Sans", sans-serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    --line-height--root: 1.5;
    --contents-width: 1080px;
    --padding-contents-wrapper--lr: 4rem;
    --padding-contents-wrapper--sp: 1.8rem;
    --icon-size: 1.6rem;
    --white: #fff;
    --dark-gray: #333;
    --border-color: #ddd;
    --text-color--default: #28060a;
    --red: #C3152C;
    ---light-gray: #F5F0E6;
    --beige: #F8F4ED;
    --att-color: #d60000;
    --txt-color: #222;
    --accent-color: #fbe522;
    --bg-color--gray: #eee;
    --dark-blue: #0f3654;
    --light-blue: #23aecf;
    --gray: #FBF9F7
}
*, *::before, *::after {
    box-sizing: border-box
}
:root {
    font-family: var(--font-family--sans);
    font-display: swap;
    font-feature-settings: "pkna";
    line-height: var(--line-height--root);
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: .625rem
}
:root _:-ms-lang(x)::-ms-backdrop, :root:not([data-was-applied-css-vars=true]) {
    opacity: 0
}
body {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: inherit;
    margin: 0;
    color: var(--text-color--default);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    word-break: break-all;
    -webkit-print-color-adjust: exact;
    font-size: 1.4rem;
    min-width: 320px;
    max-width: 100%;
    width: 100%;
    height: 100%;
    word-break: break-word;
	color: #796455;
	font-weight: 600;
}
@media print, screen and (max-width: 1024px) {
    body[data-scroll-lock] {
        width: 100%;
        overflow: hidden
    }
}
body.medetai {
    background-color: var(---light-gray)
}
body.detail {
    background-color: var(--gray)
}
body.detail .el-contents-wrapper {
    max-width: calc(var(--contents-width) + var(--padding-contents-wrapper--lr)*2);
    padding: 0 --padding-contents-wrapper--lr;
    margin: 0 auto;
    margin: 0 auto
}
@media only screen and (max-width: 1024px) {
    body.detail .el-contents-wrapper {
        min-width: 100%;
        padding: 0 var(--padding-contents-wrapper--sp)
    }
}
ul, ol {
    padding: 0;
    list-style: none
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, dl, dd {
    margin: 0
}
a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto
}
img {
    max-width: 100%;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    aspect-ratio: attr(width)/attr(height);
    display: block
}
article>*+* {
    margin-top: 1em
}
form {
    margin: 0
}
input, button, textarea, select {
    font: inherit
}
select {
    background-color: #fff;
    border: 1px solid var(--border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
select::-ms-expand {
    display: none
}
input[type=text], input[type=email], input[type=password], input[type=tel], textarea {
    background-color: var(--bg-color--gray);
    border: 1px solid var(--border-color)
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, textarea::-moz-placeholder {
    color: var(--gray)
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=tel]::placeholder, textarea::placeholder {
    color: var(--gray)
}
button {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    text-align: left
}
h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0
}
p {
    margin: 0
}
@media print, screen and (min-width: 641px) {
    br.hide-on-pc {
        display: none
    }
}
@media only screen and (max-width: 768px) {
    br.hide-on-sp {
        display: none
    }
}
dd, dt, li, p, pre, td, th {
    word-break: break-strict;
    -ms-word-break: break-strict;
    -ms-line-break: strict;
    line-break: strict
}
dd {
    margin: 0
}
table {
    border-spacing: 0;
    border-collapse: collapse
}
td, th {
    padding: 0;
    text-align: left
}
li, ol, ul {
    margin: 0;
    padding: 0;
    list-style: none
}
figure {
    margin: 0
}
abbr[title] {
    border-bottom: none;
    cursor: default;
    text-decoration: none
}
mark {
    background-color: rgba(0, 0, 0, 0);
    color: inherit
}
em {
    font-style: normal;
    font-weight: 400;
    color: var(--txt-color--red)
}
a[href*="tel:"] {
    text-decoration: none
}
@media print, screen and (min-width: 1025px) {
    a[href*="tel:"] {
        pointer-events: none;
        color: inherit;
        text-decoration: none
    }
}
@media only screen and (max-width: 1024px) {
    a[href*="tel:"] {
        color: var(--white-blue)
    }
}
i {
    width: var(--icon-size);
    height: var(--icon-size);
    min-height: var(--icon-size);
    min-width: var(--icon-size);
    display: block
}
i[aria-hidden=true]>svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    fill: currentColor
}
@media(prefers-reduced-motion: reduce) {
    *:not(.no-transition) {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}
[data-hide-if-mailpresence=true][aria-hidden=true] {
    display: none
}
[data-is-fax=true] a {
    pointer-events: none;
    color: inherit;
    text-decoration: none
}
@media print {
    [data-browser-name=ie] [data-hide-print=true] {
        opacity: 0;
        visibility: hidden;
        height: 0px;
        padding: 0;
        margin: 0
    }
    [data-hide-print=true] {
        display: none
    }
}
@media print, screen and (min-width: 769px) {
    [data-hide=pc] {
        display: none !important
    }
}
@media only screen and (max-width: 768px) {
    [data-hide=sp] {
        display: none !important
    }
}
symbol * {
    transition: fill .3s
}
@font-face {
    font-family: "iconfont";
    src: url("/medetai/common/fonts/iconfont.eot?c17684f240287994e91f14de1f4fb794?#iefix") format("embedded-opentype"), url("/medetai/common/fonts/iconfont.woff2?c17684f240287994e91f14de1f4fb794") format("woff2"), url("/medetai/common/fonts/iconfont.woff?c17684f240287994e91f14de1f4fb794") format("woff")
}
.el-icon {
    line-height: 1
}
.el-icon:before {
    font-family: iconfont !important;
    font-style: normal;
    font-weight: normal !important;
    vertical-align: top
}
.icon_youtube:before {
    content: ""
}
.el-accordion {
    width: 100%
}
.el-accordion+.el-accordion {
    border-width: 1px;
    border-style: solid;
    border-color: var(--gray) rgba(0, 0, 0, 0);
    margin-top: -1px
}
.el-accordion+:has(:not(.el-accordion)) {
    border-bottom: 0
}
.el-accordion+.el-detail-list {
    margin-top: 1rem
}
.el-accordion[data-is-active] .el-accordion__head i.icon-plus {
    display: none
}
.el-accordion[data-is-active] .el-accordion__head i.icon-minus {
    display: block
}
.el-accordion[data-type=faq] .el-accordion__head span {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem
}
.el-accordion[data-type=faq] .el-accordion__head span::before {
    color: var(--green2);
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3rem;
    white-space: nowrap;
    content: "Q."
}
@media only screen and (max-width: 1024px) {
    .el-accordion[data-type=faq] .el-accordion__head span::before {
        font-size: 1.6rem
    }
}
.el-accordion[data-type=faq] .el-accordion__body {
    gap: 1.5rem
}
.el-accordion[data-type=faq] .el-accordion__body::before {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3rem;
    white-space: nowrap;
    content: "A."
}
@media only screen and (max-width: 1024px) {
    .el-accordion[data-type=faq] .el-accordion__body::before {
        font-size: 1.6rem
    }
}
.el-accordion[data-type=faq] .el-accordion__wrapper {
    max-width: calc(95% - 2.4rem)
}
.el-accordion__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.5rem 0;
    gap: 1.5rem
}
@media only screen and (max-width: 1024px) {
    .el-accordion__head {
        padding: 1rem 0
    }
}
.el-accordion__head span {
    align-self: flex-start;
    color: var(--dark-gray);
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3rem
}
@media only screen and (max-width: 1024px) {
    .el-accordion__head span {
        font-size: 1.6rem
    }
}
.el-accordion__head i {
    display: block;
    color: var(--gray2);
    --icon-size: 2.4rem
}
@media only screen and (max-width: 1024px) {
    .el-accordion__head i {
        --icon-size: 1.6rem
    }
}
.el-accordion__head i.icon-plus {
    display: block
}
.el-accordion__head i.icon-minus {
    display: none
}
.el-accordion__body {
    display: none
}
.el-accordion__wrapper {
    max-width: calc(100% - 2.4rem);
    padding: 0 0 2.2rem
}
.el-accordion__wrapper>*:first-child {
    margin-top: 0 !important
}
.el-accordion__wrapper>*:last-child {
    margin-bottom: 0 !important
}
.el-anchor-list {
    display: flex;
    flex-wrap: wrap;
    --gap: 2rem
}
.el-anchor-list[data-layout=vertical] {
    flex-direction: column;
    gap: var(--gap)
}
.el-anchor-list[data-layout=vertical][data-align=center] {
    align-items: center
}
.el-anchor-list[data-layout=vertical][data-align=right] {
    align-items: flex-end
}
.el-anchor-list[data-layout=horizontal][data-align=center] {
    justify-content: center
}
.el-anchor-list[data-layout=horizontal][data-align=right] {
    justify-content: flex-end
}
@media print, screen and (min-width: 1080px) {
    .el-anchor-list[data-layout=horizontal][data-column*=d1] li {
        width: calc((99.9% - var(--gap)*(1 - 1))/1)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=d1] li:nth-child(n+2) {
        margin-top: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=d1] li:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=d2] li {
        width: calc((99.9% - var(--gap)*(2 - 1))/2)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=d2] li:nth-child(n+3) {
        margin-top: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=d2] li:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=d3] li {
        width: calc((99.9% - var(--gap)*(3 - 1))/3)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=d3] li:nth-child(n+4) {
        margin-top: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=d3] li:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=d4] li {
        width: calc((99.9% - var(--gap)*(4 - 1))/4)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=d4] li:nth-child(n+5) {
        margin-top: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=d4] li:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap)
    }
}
@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-anchor-list[data-layout=horizontal][data-column*=t1] li {
        width: calc((99.9% - var(--gap)*(1 - 1))/1)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=t1] li:nth-child(n+2) {
        margin-top: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=t1] li:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=t2] li {
        width: calc((99.9% - var(--gap)*(2 - 1))/2)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=t2] li:nth-child(n+3) {
        margin-top: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=t2] li:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=t3] li {
        width: calc((99.9% - var(--gap)*(3 - 1))/3)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=t3] li:nth-child(n+4) {
        margin-top: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=t3] li:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=t4] li {
        width: calc((99.9% - var(--gap)*(4 - 1))/4)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=t4] li:nth-child(n+5) {
        margin-top: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=t4] li:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap)
    }
}
@media only screen and (max-width: 768px) {
    .el-anchor-list[data-layout=horizontal][data-column*=m1] li {
        width: calc((99.9% - var(--gap)*(1 - 1))/1)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=m1] li:nth-child(n+2) {
        margin-top: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=m1] li:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=m2] li {
        width: calc((99.9% - var(--gap)*(2 - 1))/2)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=m2] li:nth-child(n+3) {
        margin-top: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=m2] li:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=m3] li {
        width: calc((99.9% - var(--gap)*(3 - 1))/3)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=m3] li:nth-child(n+4) {
        margin-top: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=m3] li:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=m4] li {
        width: calc((99.9% - var(--gap)*(4 - 1))/4)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=m4] li:nth-child(n+5) {
        margin-top: var(--gap)
    }
    .el-anchor-list[data-layout=horizontal][data-column*=m4] li:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap)
    }
}
.el-anchor-list[data-layout=horizontal]:not([data-column]) {
    gap: var(--gap)
}
.el-anchor-list a {
    text-decoration: none
}
.el-app-area {
    background-color: var(--white);
	color:#28060a;
	font-weight: normal;
}
.el-app-area>*:first-child {
    margin-top: 0 !important
}
.el-app-area>*:last-child {
    margin-bottom: 0 !important
}
@media print, screen and (min-width: 1025px) {
    .el-app-area {
        /*border-top: 1px solid #d8cfc6;*/
        margin-top: 2rem;
        padding: 5.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-app-area {
        margin-top: 9.6rem;
        padding: 2.4rem 1.8rem
    }
}
.el-app-area__container {
    max-width: 1080px;
    margin-inline: auto
}
.el-app-area__heading {
    font-weight: 500;
    line-height: 148%
}
@media print, screen and (min-width: 1025px) {
    .el-app-area__heading {
        font-size: 2.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-app-area__heading {
        font-size: 2rem
    }
}
.el-app-area__inner {
    display: flex
}
@media print, screen and (min-width: 1025px) {
    .el-app-area__inner {
        gap: 24px 56px;
        justify-content: space-between;
        margin-top: 2.4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-app-area__inner {
        flex-direction: column;
        align-items: center;
        gap: 16px 0;
        margin-top: 1.2rem
    }
}
.el-app-area__block {
    display: flex;
    gap: 0 24px
}
@media only screen and (max-width: 1024px) {
    .el-app-area__block:nth-child(2) {
        gap: 0 16px;
        flex-wrap: wrap
    }
}
.el-app-area__logo {
    aspect-ratio: 1/1
}
@media print, screen and (min-width: 1025px) {
    .el-app-area__logo {
        width: 80px;
        height: 80px;
		margin-top:-1.2em;
    }
}
@media only screen and (max-width: 1024px) {
    .el-app-area__logo {
       /* width: 10.6666666667vw;
        height: 10.6666666667vw*/
		width: 14vw;
        height: 14vw;
		margin-top:-.3em;
    }
}
@media print, screen and (min-width: 1025px) {
    .el-app-area__text {
        min-width: 150px
    }
}
.el-app-area__text span {
    line-height: 120%
}
@media print, screen and (min-width: 1025px) {
    .el-app-area__text span {
        font-size: 1.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-app-area__text span {
        font-size: 1.4rem
    }
}
.el-app-area__link {
    transition: opacity .3s ease
}
@media print, screen and (min-width: 1025px) {
    .el-app-area__link:first-child {
        width: 145px;
        height: 53px
    }
}
@media only screen and (max-width: 1024px) {
    .el-app-area__link:first-child {
        width: 143px;
        height: 52px
    }
}
@media print, screen and (min-width: 1025px) {
    .el-app-area__link:nth-child(2) {
        width: 181px;
        height: 53px
    }
}
@media only screen and (max-width: 1024px) {
    .el-app-area__link:nth-child(2) {
        width: 179px;
        height: 52px
    }
}
@media only screen and (min-width: 560px) {
    .el-app-area__link:hover {
        opacity: .7
    }
}
.el-app-area__notes {
    display: block
}
@media only screen and (max-width: 1024px) {
    .el-app-area__notes {
        margin-top: 1rem;
        font-size: 1rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-app-area__notes:first-child {
        margin-top: 1.6rem
    }
}
.el-app-area[data-type] {
    border-top: none;
    margin-top: 12rem
}
.el-app-area[data-type] .el-app-area__container {
    position: relative
}
.el-banner {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, .1490196078), 0px 1px 2px 0px rgba(0, 0, 0, .3019607843);
    display: block;
    border-radius: 8px;
    overflow: hidden
}
.el-banner__inner {
    text-decoration: none
}
.el-banner__pic-container img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}
.el-banner a {
    text-decoration: none
}
.el-banner a .el-banner__pic-container {
    overflow: hidden
}
.el-banner a img {
    transition: transform .3s ease
}
@media only screen and (min-width: 560px) {
    .el-banner a:hover img {
        transform: scale(1.1)
    }
}
.el-breadcrumb {
    background-color: var(--white);
    padding-bottom: 1.5rem;
    --gap: 1rem
}
.el-breadcrumb ul {
    max-width: contents-width();
    margin: 0 auto;
    display: flex;
    gap: var(--gap)
}
@media print, screen and (min-width: 1025px) {
    .el-breadcrumb ul {
        padding: 0 var(--padding-contents-wrapper--lr)
    }
}
@media only screen and (max-width: 1024px) {
    .el-breadcrumb ul {
        padding: 0 var(--padding-contents-wrapper--sp)
    }
}
.el-breadcrumb ul li {
    display: flex;
    align-items: center;
    gap: var(--gap)
}
.el-breadcrumb ul li:not(:first-child)::before {
    content: "＞"
}
.el-breadcrumb ul li a {
    text-decoration: none;
    border-bottom: solid 1px var(--dark-gray);
    display: block
}
.el-breadcrumb ul li>span, .el-breadcrumb ul li>a {
    color: var(--dark-gray);
    font-size: 1.2rem;
    font-weight: 300
}
.el-btn {
    margin-top: 3rem;
    --gap: 3rem;
    display: flex;
    flex-wrap: wrap
}
@media print, screen and (min-width: 1080px) {
    .el-btn[data-column*=d1] .el-btn__item {
        width: calc((99.9% - var(--gap)*(1 - 1))/1)
    }
    .el-btn[data-column*=d1] .el-btn__item:nth-child(n+2) {
        margin-top: var(--gap)
    }
    .el-btn[data-column*=d1] .el-btn__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-btn[data-column*=d2] .el-btn__item {
        width: calc((99.9% - var(--gap)*(2 - 1))/2)
    }
    .el-btn[data-column*=d2] .el-btn__item:nth-child(n+3) {
        margin-top: var(--gap)
    }
    .el-btn[data-column*=d2] .el-btn__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-btn[data-column*=d3] .el-btn__item {
        width: calc((99.9% - var(--gap)*(3 - 1))/3)
    }
    .el-btn[data-column*=d3] .el-btn__item:nth-child(n+4) {
        margin-top: var(--gap)
    }
    .el-btn[data-column*=d3] .el-btn__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-btn[data-column*=d4] .el-btn__item {
        width: calc((99.9% - var(--gap)*(4 - 1))/4)
    }
    .el-btn[data-column*=d4] .el-btn__item:nth-child(n+5) {
        margin-top: var(--gap)
    }
    .el-btn[data-column*=d4] .el-btn__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap)
    }
}
@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-btn[data-column*=t1] .el-btn__item {
        width: calc((99.9% - var(--gap)*(1 - 1))/1)
    }
    .el-btn[data-column*=t1] .el-btn__item:nth-child(n+2) {
        margin-top: var(--gap)
    }
    .el-btn[data-column*=t1] .el-btn__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-btn[data-column*=t2] .el-btn__item {
        width: calc((99.9% - var(--gap)*(2 - 1))/2)
    }
    .el-btn[data-column*=t2] .el-btn__item:nth-child(n+3) {
        margin-top: var(--gap)
    }
    .el-btn[data-column*=t2] .el-btn__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-btn[data-column*=t3] .el-btn__item {
        width: calc((99.9% - var(--gap)*(3 - 1))/3)
    }
    .el-btn[data-column*=t3] .el-btn__item:nth-child(n+4) {
        margin-top: var(--gap)
    }
    .el-btn[data-column*=t3] .el-btn__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-btn[data-column*=t4] .el-btn__item {
        width: calc((99.9% - var(--gap)*(4 - 1))/4)
    }
    .el-btn[data-column*=t4] .el-btn__item:nth-child(n+5) {
        margin-top: var(--gap)
    }
    .el-btn[data-column*=t4] .el-btn__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap)
    }
}
@media only screen and (max-width: 768px) {
    .el-btn[data-column*=m1] .el-btn__item {
        width: calc((99.9% - var(--gap)*(1 - 1))/1)
    }
    .el-btn[data-column*=m1] .el-btn__item:nth-child(n+2) {
        margin-top: var(--gap)
    }
    .el-btn[data-column*=m1] .el-btn__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-btn[data-column*=m2] .el-btn__item {
        width: calc((99.9% - var(--gap)*(2 - 1))/2)
    }
    .el-btn[data-column*=m2] .el-btn__item:nth-child(n+3) {
        margin-top: var(--gap)
    }
    .el-btn[data-column*=m2] .el-btn__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-btn[data-column*=m3] .el-btn__item {
        width: calc((99.9% - var(--gap)*(3 - 1))/3)
    }
    .el-btn[data-column*=m3] .el-btn__item:nth-child(n+4) {
        margin-top: var(--gap)
    }
    .el-btn[data-column*=m3] .el-btn__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-btn[data-column*=m4] .el-btn__item {
        width: calc((99.9% - var(--gap)*(4 - 1))/4)
    }
    .el-btn[data-column*=m4] .el-btn__item:nth-child(n+5) {
        margin-top: var(--gap)
    }
    .el-btn[data-column*=m4] .el-btn__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap)
    }
}
.el-btn__item {
    --color: var(--dark-gray);
    --bg-color: var(--white);
    --border-color: var(--dark-gray);
    color: var(--color);
    background-color: var(--bg-color);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, .1490196078), 0px 1px 2px 0px rgba(0, 0, 0, .3019607843);
    padding: 1rem;
    border: solid 1px var(--border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s, color .3s
}
.el-btn__item:disabled {
    pointer-events: none;
    background-color: #eee
}
.el-btn__item:hover {
    background-color: var(--color);
    color: var(--bg-color)
}
.el-btn__item[data-color=blue] {
    --bg-color: #5a81be;
    --border-color: var(--bg-color);
    --color: var(--white)
}
a.el-btn__item {
    text-decoration: none
}
.el-card-special {
    --gap-pc: 32px;
    --gap-sp: 12px
}
.el-card-special__inner {
    display: flex;
    flex-wrap: wrap
}
@media print, screen and (min-width: 1080px) {
    .el-card-special[data-column*=d1] .el-card-special-item {
        width: calc((99.9% - var(--gap-pc)*(1 - 1))/1)
    }
    .el-card-special[data-column*=d1] .el-card-special-item:nth-child(n+2) {
        margin-top: 1.6rem
    }
    .el-card-special[data-column*=d1] .el-card-special-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap-pc)
    }
    .el-card-special[data-column*=d2] .el-card-special-item {
        width: calc((99.9% - var(--gap-pc)*(2 - 1))/2)
    }
    .el-card-special[data-column*=d2] .el-card-special-item:nth-child(n+3) {
        margin-top: 1.6rem
    }
    .el-card-special[data-column*=d2] .el-card-special-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap-pc)
    }
    .el-card-special[data-column*=d3] .el-card-special-item {
        width: calc((99.9% - var(--gap-pc)*(3 - 1))/3)
    }
    .el-card-special[data-column*=d3] .el-card-special-item:nth-child(n+4) {
        margin-top: 1.6rem
    }
    .el-card-special[data-column*=d3] .el-card-special-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap-pc)
    }
    .el-card-special[data-column*=d4] .el-card-special-item {
        width: calc((99.9% - var(--gap-pc)*(4 - 1))/4)
    }
    .el-card-special[data-column*=d4] .el-card-special-item:nth-child(n+5) {
        margin-top: 1.6rem
    }
    .el-card-special[data-column*=d4] .el-card-special-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap-pc)
    }
}
@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-card-special[data-column*=t1] .el-card-special-item {
        width: calc((99.9% - var(--gap-sp)*(1 - 1))/1)
    }
    .el-card-special[data-column*=t1] .el-card-special-item:nth-child(n+2) {
        margin-top: var(--gap-sp)
    }
    .el-card-special[data-column*=t1] .el-card-special-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-card-special[data-column*=t2] .el-card-special-item {
        width: calc((99.9% - var(--gap-sp)*(2 - 1))/2)
    }
    .el-card-special[data-column*=t2] .el-card-special-item:nth-child(n+3) {
        margin-top: var(--gap-sp)
    }
    .el-card-special[data-column*=t2] .el-card-special-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-card-special[data-column*=t3] .el-card-special-item {
        width: calc((99.9% - var(--gap-sp)*(3 - 1))/3)
    }
    .el-card-special[data-column*=t3] .el-card-special-item:nth-child(n+4) {
        margin-top: var(--gap-sp)
    }
    .el-card-special[data-column*=t3] .el-card-special-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-card-special[data-column*=t4] .el-card-special-item {
        width: calc((99.9% - var(--gap-sp)*(4 - 1))/4)
    }
    .el-card-special[data-column*=t4] .el-card-special-item:nth-child(n+5) {
        margin-top: var(--gap-sp)
    }
    .el-card-special[data-column*=t4] .el-card-special-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
}
@media only screen and (max-width: 768px) {
    .el-card-special[data-column*=m1] .el-card-special-item {
        width: calc((99.9% - var(--gap-sp)*(1 - 1))/1)
    }
    .el-card-special[data-column*=m1] .el-card-special-item:nth-child(n+2) {
        margin-top: var(--gap-sp)
    }
    .el-card-special[data-column*=m1] .el-card-special-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-card-special[data-column*=m2] .el-card-special-item {
        width: calc((99.9% - var(--gap-sp)*(2 - 1))/2)
    }
    .el-card-special[data-column*=m2] .el-card-special-item:nth-child(n+3) {
        margin-top: var(--gap-sp)
    }
    .el-card-special[data-column*=m2] .el-card-special-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-card-special[data-column*=m3] .el-card-special-item {
        width: calc((99.9% - var(--gap-sp)*(3 - 1))/3)
    }
    .el-card-special[data-column*=m3] .el-card-special-item:nth-child(n+4) {
        margin-top: var(--gap-sp)
    }
    .el-card-special[data-column*=m3] .el-card-special-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-card-special[data-column*=m4] .el-card-special-item {
        width: calc((99.9% - var(--gap-sp)*(4 - 1))/4)
    }
    .el-card-special[data-column*=m4] .el-card-special-item:nth-child(n+5) {
        margin-top: var(--gap-sp)
    }
    .el-card-special[data-column*=m4] .el-card-special-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
}
.el-card-special-item {
    display: block;
    text-decoration: none;
	display: grid;
	grid-template-columns: auto 1fr;
    align-items: center;
	overflow: hidden;
    background-color: var(--white);
}
@media only screen and (min-width: 560px) {
    .el-card-special-item:hover {
        opacity: .7
    }
}
.el-card-special-item__pic-container {
    display: flex;
    justify-content: center;
    align-items: center
}
@media print, screen and (min-width: 1025px) {
    .el-card-special-item__pic-container {
        width: 184px;
        height: 120px
    }
}
@media only screen and (max-width: 1024px) {
    .el-card-special-item__pic-container {
        width: 140px;
        height: 91px
    }
}
@media print, screen and (min-width: 1025px) {
    .el-card-special-item__text-container {
        padding: 1.6rem 3.2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-card-special-item__text-container {
        padding: 1.8rem 1.2rem
    }
}
.el-card-special-item__text-container span {
    font-weight: 700;
    color: var(--text-color--default);
    display: block
}
@media print, screen and (min-width: 1025px) {
    .el-card-special-item__text-container span {
        font-size: 2rem;
        line-height: 120%
    }
}
@media only screen and (max-width: 1024px) {
    .el-card-special-item__text-container span {
        font-size: 1.8rem;
        line-height: 150%
    }
}
.el-card {
    display: block;
	overflow: hidden;
}
.el-card__inner {
    text-decoration: none
}
.el-card__pic-container img {
    display: block;
    width: 75%;
   /* aspect-ratio: 3/2*/
	aspect-ratio: 1/1;
	margin: 0 auto;
}
.el-card__pic-container picture .img_detail{ /* 新*/
    width:80%;
    display: block;
	aspect-ratio: 6/5;
}
.el-card__pic-container picture .img_detail02{ /* 新*/
    width:80%;
    display: block;
	height: auto;
	aspect-ratio: 6/5;
}

.el-detail{
	position: absolute;
	top: 40;
	right:0;
	z-index: 9;
	max-width: 580px;
	width: 100%;
}
@media only screen and (max-width: 1024px) {
.el-detail{
	width: 300px;
}
}
@media only screen and (max-width: 768px) {
.el-detail{
	position: absolute;
	top: 87%;
	right:0;
}	
}

.el-card a {
    text-decoration: none
}
.el-card a .el-card__pic-container {
    overflow: hidden
}
.el-card a img {
    transition: transform .3s ease
}
@media only screen and (min-width: 560px) {
    .el-card a:hover img {
        /*transform: scale(0.1)*/
		opacity: 0.8;
    }
}
.el-card__text-container>*:first-child {
    margin-top: 0 !important
}
.el-card__text-container>*:last-child {
    margin-bottom: 0 !important
}
@media print, screen and (min-width: 1025px) {
    .el-card__text-container {
        padding: 1.4rem;
    }
}
@media only screen and (max-width: 1024px) {
    .el-card__text-container {
        padding: .8rem 1.2rem
    }
}
.el-card__text-container p {
    /*color: var(--text-color--default);*/
    line-height: 150%;
	color:#796455;	
}
@media print, screen and (min-width: 1025px) {
    .el-card__text-container p {
        font-size: 1.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-card__text-container p {
        font-size: 1.2rem
    }
}

.el-card__heading,
.time-text{
	margin: 1.0rem auto;
    font-size: 2rem;
	line-height: 1.3;
	font-weight: 600;
	
    }
@media only screen and (max-width: 1024px) {
    .el-card__heading,
	.time-text{
     font-size: 1.8rem;
    }
}

.el-btn{
	display: inline-block;
	width: auto;
	height: auto;
	border-radius:50px;
	margin: 5px auto;
	padding: 13px 26px;
	transition: all .3s;
	font-size: 0.9em;
	font-weight: 600;
	text-decoration: none;
}
.el-btn02{
	display: inline-block;
	width: auto;
	height: auto;
	border-radius:50px;
	margin: 0 auto;
	padding: 10px 26px;
	transition: all .3s;
	font-size: 0.9em;
	font-weight: 600;
	text-decoration: none;
}
a.el-btn,
.el-btn02{
	text-align: center;
	color: #fff;
}

.el-btn:hover{
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
}
.time-text.mosgreen{
	color:#80c7aa;
}
.time-text.mospink{
	color:#ee887f;
}
.time-text.mosorange{
	color:#f08800;
}
.b-mosgreen{
	background:#80c7aa;
}
.b-mospink{
	background:#ee887f;
}
.b-mosorange{
	background:#f08800;
}
.b-brown{
	background:#796455;
}





.el-card__tag-text {
    background-color: #f5f0e6;
    padding: .6rem .8rem;
    border-radius: 8px;
    font-weight: 700;
    letter-spacing: .001em;
    display: block;
    width: -moz-fit-content;
    width: fit-content
}
@media print, screen and (min-width: 1025px) {
    .el-card__tag-text {
        margin-bottom: 1.6rem;
        font-size: 1.2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-card__tag-text {
        font-size: 1.1rem
    }
}
@media print, screen and (min-width: 1025px) {
    .el-catch-text {
        margin-bottom: 4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-catch-text {
        margin-bottom: 2.4rem
    }
}
.el-catch-text[data-align=center] {
    text-align: center
}
.el-catch-text span {
    line-height: 150%;
    font-weight: 700
}
@media print, screen and (min-width: 1025px) {
    .el-catch-text span {
        font-size: 2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-catch-text span {
        font-size: 1.8rem
    }
}
.el-color-box {
    position: relative
}
@media print, screen and (min-width: 1025px) {
    .el-color-box {
        margin: 0 calc(var(--padding-contents-wrapper--lr)*-1)
    }
}
@media only screen and (max-width: 1024px) {
    .el-color-box {
        margin: 0 calc(var(--padding-contents-wrapper--sp)*-1)
    }
}
@media print, screen and (min-width: 1025px) {
    .el-color-box {
        margin: 12em 0;
        padding: 12rem var(--padding-contents-wrapper--lr)
    }
}
@media only screen and (max-width: 1024px) {
    .el-color-box {
        margin: 6rem 0;
        padding: 4rem var(--padding-contents-wrapper--sp)
    }
}
.el-color-box__inner>*:first-child {
    margin-top: 0 !important
}
.el-color-box__inner>*:last-child {
    margin-bottom: 0 !important
}
.el-color-box[data-color=white] {
    background-color: var(--white)
}
.el-color-box[data-color=black] {
    background-color: var(--dark-gray)
}
.el-color-box[data-color=black] p {
    color: var(--white)
}
.el-color-box[data-color=beige] {
    background-color: var(--beige)
}
.el-color-box[data-color=beige][data-full-width] {
    box-shadow: 0 0 0 100vmax var(--beige)
}
.el-color-box[data-full-width] {
    clip-path: inset(0 -100vmax 0 -100vmax)
}
.el-contact-block {
    max-width: 1060px;
    background-color: #fffced
}
@media print, screen and (min-width: 1025px) {
    .el-contact-block {
        margin: 2.4rem -3.2rem -3.2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-contact-block {
        margin: 2.4rem -1.6rem -1.6rem
    }
}
.el-contact-block__inner {
    display: flex
}
@media print, screen and (min-width: 1025px) {
    .el-contact-block__inner {
        justify-content: center;
        padding: 3.2rem;
        gap: 0 81px
    }
}
@media only screen and (max-width: 1024px) {
    .el-contact-block__inner {
        flex-direction: column;
        padding: 1.6rem
    }
}
.el-contact-block-item {
    position: relative
}
@media print, screen and (min-width: 1025px) {
    .el-contact-block-item {
        width: 49%;
        max-width: 416px
    }
}
@media only screen and (max-width: 1024px) {
    .el-contact-block-item:not(:first-child) {
        margin-top: 4.1rem
    }
}
.el-contact-block-item:not(:first-child)::before {
    content: "";
    background-color: #d8cfc6;
    position: absolute
}
@media print, screen and (min-width: 1025px) {
    .el-contact-block-item:not(:first-child)::before {
        width: 1px;
        height: 100%;
        top: 0;
        left: -41px
    }
}
@media only screen and (max-width: 1024px) {
    .el-contact-block-item:not(:first-child)::before {
        width: 100%;
        height: 1px;
        top: -21px;
        left: 0
    }
}
.el-contact-block-item__heading {
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    text-align: center;
    margin-inline: auto;
    line-height: 148%;
    position: relative
}
@media print, screen and (min-width: 1025px) {
    .el-contact-block-item__heading {
        font-size: 2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-contact-block-item__heading {
        font-size: 1.6rem
    }
}
.el-contact-block-item__heading::before, .el-contact-block-item__heading::after {
    content: "";
    height: 1px;
    background-color: var(--text-color--default);
    position: absolute;
    bottom: 8px
}
@media print, screen and (min-width: 1025px) {
    .el-contact-block-item__heading::before, .el-contact-block-item__heading::after {
        width: 17px
    }
}
@media only screen and (max-width: 1024px) {
    .el-contact-block-item__heading::before, .el-contact-block-item__heading::after {
        width: 16px
    }
}
.el-contact-block-item__heading::before {
    left: -24px;
    transform: rotate(60deg)
}
.el-contact-block-item__heading::after {
    right: -24px;
    transform: rotate(120deg)
}
.el-contact-block-item__list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.6rem;
    align-items: center;
    justify-content: center
}
@media print, screen and (min-width: 1025px) {
    .el-contact-block-item__list {
        gap: 16px 24px
    }
}
@media only screen and (max-width: 1024px) {
    .el-contact-block-item__list {
        gap: 16px 10px
    }
}
.el-contact-block-item__list-item {
    position: relative
}
@media only screen and (max-width: 1024px) {
    .el-contact-block-item__list-item {
        width: -moz-fit-content;
        width: fit-content
    }
}
.el-contact-block-item__list-item__inner {
    border-radius: 800px;
    border: 1px solid #2a7db8;
    background-color: #2a7db8;
    text-decoration: none;
    display: block;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, .1490196078), 0px 1px 2px 0px rgba(0, 0, 0, .3019607843);
    transition: background-color .3s ease
}
@media print, screen and (min-width: 1025px) {
    .el-contact-block-item__list-item__inner {
        padding: 1rem 7.2rem 1.2rem 5.4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-contact-block-item__list-item__inner {
        padding: .8rem 5.2rem .8rem 3.2rem
    }
}
.el-contact-block-item__list-item__inner[disabled] {
    pointer-events: none;
    background-color: #f4f9fc;
    border-color: #f4f9fc
}
.el-contact-block-item__list-item__inner[disabled] span {
    color: var(--text-color--default)
}
.el-contact-block-item__list-item__inner span {
    line-height: 178.5%
}
@media print, screen and (min-width: 1025px) {
    .el-contact-block-item__list-item__inner span {
        font-size: 1.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-contact-block-item__list-item__inner span {
        font-size: 1.4rem
    }
}
.el-contact-block-item__list-item__inner i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
@media print, screen and (min-width: 1025px) {
    .el-contact-block-item__list-item__inner i {
        right: 46px
    }
}
@media only screen and (max-width: 1024px) {
    .el-contact-block-item__list-item__inner i {
        right: 26px
    }
}
.el-contact-block-item__list-item__inner span, .el-contact-block-item__list-item__inner i {
    color: #fff;
    transform: color .3s ease
}
@media only screen and (min-width: 560px) {
    .el-contact-block-item__list-item__inner:hover {
        background-color: #fff
    }
    .el-contact-block-item__list-item__inner:hover span, .el-contact-block-item__list-item__inner:hover i {
        color: #2a7db8
    }
}
.el-contents-wrapper {
    margin: 0 auto;
    position: relative
}
.el-contents-wrapper>*:last-child {
    margin-bottom: 0 !important
}
@media print, screen and (min-width: 1025px) {
    .el-contents-wrapper {
        padding: 0 var(--padding-contents-wrapper--lr)
    }
}
@media only screen and (max-width: 1024px) {
    .el-contents-wrapper {
        padding: 0 var(--padding-contents-wrapper--sp)
    }
}
.el-detail-card {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, .1490196078), 0px 1px 2px 0px rgba(0, 0, 0, .3019607843);
    display: block;
    overflow: hidden;
    margin: 0 auto 1.6rem;
    background-color: #fff
}
@media print, screen and (min-width: 1025px) {
    .el-detail-card {
        max-width: 1060px;
        padding: 3.2rem;
        border-radius: 32px
    }
}
@media only screen and (max-width: 1024px) {
    .el-detail-card {
        padding: 1.6rem;
        border-radius: 24px
    }
}
.el-detail-card__inner {
    text-decoration: none;
    display: flex
}
@media print, screen and (min-width: 1025px) {
    .el-detail-card__inner {
        align-items: stretch;
        gap: 0 60px
    }
}
@media only screen and (max-width: 1024px) {
    .el-detail-card__inner {
        flex-direction: column
    }
}
.el-detail-card__pic-container {
    flex-shrink: 0
}
@media print, screen and (min-width: 1025px) {
    .el-detail-card__pic-container {
        max-width: 470px;
        width: 50%
    }
}
@media only screen and (max-width: 1024px) {
    .el-detail-card__pic-container {
        border-radius: 24px;
        margin-bottom: 1.6rem
    }
}
.el-detail-card__pic-container picture img {
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 4/5
}


@media print, screen and (min-width: 1025px) {
    .el-detail-card__pic-container picture img {
        border-radius: 32px
    }
}
@media only screen and (max-width: 1024px) {
    .el-detail-card__pic-container picture img {
        border-radius: 16px
    }
}
.el-detail-card__text-container {
    display: flex;
    flex-direction: column;
    color: var(--text-color--default)
}
.el-detail-card__text-container>*:first-child {
    margin-top: 0 !important
}
.el-detail-card__text-container>*:last-child {
    margin-bottom: 0 !important
}
.el-detail-card__heading {
    line-height: 148%;
    font-weight: 700
}
@media print, screen and (min-width: 1025px) {
    .el-detail-card__heading {
        font-size: 2.6rem;
        margin-bottom: 2.4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-detail-card__heading {
        font-size: 1.8rem;
        margin-bottom: 1.2rem
    }
}
.el-detail-card__text {
    line-height: 150%;
    font-weight: 400
}
@media print, screen and (min-width: 1025px) {
    .el-detail-card__text {
        font-size: 1.6rem;
        margin-bottom: 2.8rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-detail-card__text {
        font-size: 1.4rem;
        margin-bottom: 1.2rem
    }
}
@media print, screen and (min-width: 1025px) {
    .el-detail-card__list {
        display: table;
        border-collapse: separate;
        border-spacing: 8px
    }
}
@media print, screen and (min-width: 1025px) {
    .el-detail-card__list-item {
        display: table-row-group
    }
}
@media only screen and (max-width: 1024px) {
    .el-detail-card__list-item {
        display: flex;
        flex-direction: column;
        gap: 8px 0
    }
}
@media only screen and (max-width: 1024px) {
    .el-detail-card__list-item:not(:first-child) {
        margin-top: 1.2rem
    }
}
@media print, screen and (min-width: 1025px) {
    .el-detail-card__list-item--teg, .el-detail-card__list-item--text {
        display: table-cell
    }
}
.el-detail-card__list-item--teg span, .el-detail-card__list-item--text span {
    line-height: 200%
}
@media print, screen and (min-width: 1025px) {
    .el-detail-card__list-item--teg span, .el-detail-card__list-item--text span {
        font-size: 1.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-detail-card__list-item--teg span, .el-detail-card__list-item--text span {
        font-size: 1.4rem
    }
}
.el-detail-card__list-item--teg span.small, .el-detail-card__list-item--text span.small {
    font-size: 1.4rem
}
.el-detail-card__list-item--teg span a, .el-detail-card__list-item--text span a {
    font-weight: 700;
    color: #2a7db8;
    position: relative;
    text-decoration: none
}
.el-detail-card__list-item--teg span a::before, .el-detail-card__list-item--text span a::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #2a7db8;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: opacity .3s ease
}
@media only screen and (min-width: 560px) {
    .el-detail-card__list-item--teg span a:hover::before, .el-detail-card__list-item--text span a:hover::before {
        opacity: 0
    }
}
.el-detail-card__list-item--tag {
    border-radius: 4px;
    background-color: #f4f9fc;
    text-align: center
}
@media print, screen and (min-width: 1025px) {
    .el-detail-card__list-item--tag {
        padding: .4rem 1.6rem;
        margin-right: 1.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-detail-card__list-item--tag {
        padding: .6rem 1rem;
        min-width: 77px;
        width: -moz-fit-content;
        width: fit-content
    }
}
.el-detail-card__list-item--tag span {
    white-space: nowrap
}
.el-detail-card__list-item--text span {
    line-height: 150%
}
.el-detail-list {
    display: table;
    border-collapse: collapse
}
.el-detail-list[data-border=true] .el-detail-list__item {
    border-bottom: solid 1px var(--border-color)
}
@media only screen and (max-width: 1024px) {
    .el-detail-list[data-vertical-on-sp=true] .el-detail-list__item {
        display: flex;
        flex-direction: column
    }
}
.el-detail-list__item {
    display: table-row-group
}
.el-detail-list__heading, .el-detail-list__body {
    display: table-cell;
    padding: 1rem
}
.el-divide-layout {
    --gap-pc: 3.2rem;
    --gap-sp: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-top: 7rem;
	margin-bottom: 2rem
}
@media only screen and (max-width:768px) {
.el-divide-layout {
    margin-top: 2em;
	margin-bottom: 8rem
}
}
@media print, screen and (min-width: 1025px) {
    .el-divide-layout+.el-divide-layout {
        margin-top: var(--gap-pc)
    }
}
@media only screen and (max-width: 1024px) {
    .el-divide-layout+.el-divide-layout {
        margin-top: var(--gap-sp)
    }
}
.el-divide-layout[data-horizontal-align=center] {
    justify-content: center
}
.el-divide-layout[data-vertical-align=center] {
    align-items: center
}
.el-divide-layout[data-vertical-align=bottom] {
    align-items: flex-end
}
@media print, screen and (min-width: 1080px) {
    .el-divide-layout[data-column*=d1] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-pc)*(1 - 1))/1)
    }
    .el-divide-layout[data-column*=d1] .el-divide-layout__item:nth-child(n+2) {
        margin-top: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d1] .el-divide-layout__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d2] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-pc)*(2 - 1))/2)
    }
    .el-divide-layout[data-column*=d2] .el-divide-layout__item:nth-child(n+3) {
        margin-top: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d2] .el-divide-layout__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d3] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-pc)*(3 - 1))/3)
    }
    .el-divide-layout[data-column*=d3] .el-divide-layout__item:nth-child(n+4) {
        margin-top: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d3] .el-divide-layout__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d4] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-pc)*(4 - 1))/4)
    }
    .el-divide-layout[data-column*=d4] .el-divide-layout__item:nth-child(n+5) {
        margin-top: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d4] .el-divide-layout__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d5] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-pc)*(5 - 1))/5)
    }
    .el-divide-layout[data-column*=d5] .el-divide-layout__item:nth-child(n+6) {
        margin-top: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d5] .el-divide-layout__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d6] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-pc)*(6 - 1))/6)
    }
    .el-divide-layout[data-column*=d6] .el-divide-layout__item:nth-child(n+7) {
        margin-top: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d6] .el-divide-layout__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d7] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-pc)*(7 - 1))/7)
    }
    .el-divide-layout[data-column*=d7] .el-divide-layout__item:nth-child(n+8) {
        margin-top: var(--gap-pc)
    }
    .el-divide-layout[data-column*=d7] .el-divide-layout__item:not(:nth-child(7n)):not(:last-child) {
        margin-right: var(--gap-pc)
    }
}
@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-divide-layout[data-column*=t1] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(1 - 1))/1)
    }
    .el-divide-layout[data-column*=t1] .el-divide-layout__item:nth-child(n+2) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t1] .el-divide-layout__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t2] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(2 - 1))/2)
    }
    .el-divide-layout[data-column*=t2] .el-divide-layout__item:nth-child(n+3) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t2] .el-divide-layout__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t3] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(3 - 1))/3)
    }
    .el-divide-layout[data-column*=t3] .el-divide-layout__item:nth-child(n+4) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t3] .el-divide-layout__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t4] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(4 - 1))/4)
    }
    .el-divide-layout[data-column*=t4] .el-divide-layout__item:nth-child(n+5) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t4] .el-divide-layout__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t5] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(5 - 1))/5)
    }
    .el-divide-layout[data-column*=t5] .el-divide-layout__item:nth-child(n+6) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t5] .el-divide-layout__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t6] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(6 - 1))/6)
    }
    .el-divide-layout[data-column*=t6] .el-divide-layout__item:nth-child(n+7) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t6] .el-divide-layout__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t7] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(7 - 1))/7)
    }
    .el-divide-layout[data-column*=t7] .el-divide-layout__item:nth-child(n+8) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=t7] .el-divide-layout__item:not(:nth-child(7n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
}
@media only screen and (max-width: 768px) {
    .el-divide-layout[data-column*=m1] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(1 - 1))/1)
    }
    .el-divide-layout[data-column*=m1] .el-divide-layout__item:nth-child(n+2) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m1] .el-divide-layout__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m2] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(2 - 1))/2)
    }
    .el-divide-layout[data-column*=m2] .el-divide-layout__item:nth-child(n+3) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m2] .el-divide-layout__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m3] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(3 - 1))/3)
    }
    .el-divide-layout[data-column*=m3] .el-divide-layout__item:nth-child(n+4) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m3] .el-divide-layout__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m4] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(4 - 1))/4)
    }
    .el-divide-layout[data-column*=m4] .el-divide-layout__item:nth-child(n+5) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m4] .el-divide-layout__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m5] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(5 - 1))/5)
    }
    .el-divide-layout[data-column*=m5] .el-divide-layout__item:nth-child(n+6) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m5] .el-divide-layout__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m6] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(6 - 1))/6)
    }
    .el-divide-layout[data-column*=m6] .el-divide-layout__item:nth-child(n+7) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m6] .el-divide-layout__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m7] .el-divide-layout__item {
        width: calc((99.9% - var(--gap-sp)*(7 - 1))/7)
    }
    .el-divide-layout[data-column*=m7] .el-divide-layout__item:nth-child(n+8) {
        margin-top: var(--gap-sp)
    }
    .el-divide-layout[data-column*=m7] .el-divide-layout__item:not(:nth-child(7n)):not(:last-child) {
        margin-right: var(--gap-sp)
    }
}
.el-divide-layout__item>*:first-child {
    margin-top: 0 !important
}
.el-divide-layout__item>*:last-child {
    margin-bottom: 0 !important
}
.el-divide-layout__item>.el-card, .el-divide-layout__item>.el-train-card {
    height: 100%
}
@media print, screen and (min-width: 1080px) {
    .el-divide-layout[data-type=medetai] {
        margin: 4rem auto;
        justify-content: center
    }
    .el-divide-layout[data-type=medetai] .el-divide-layout__item {
        max-height: 144px;
        max-width: 338px
    }
}
@media(max-width: 1079px) {
    .el-divide-layout[data-type=medetai] {
        margin: 3.2rem auto
    }
}
.el-fixed-link {
    position: fixed;
    z-index: 89
}
@media print, screen and (min-width: 1025px) {
    .el-fixed-link {
        top: 440px;
        right: 24px;
        width: 130px
    }
}
@media only screen and (max-width: 1024px) {
    .el-fixed-link {
        bottom: 50px;
        right: 10px;
        width: 100px
    }
}
.el-fixed-link__inner {
    transition: opacity .3s ease
}
@media only screen and (min-width: 560px) {
    .el-fixed-link__inner:hover {
        opacity: .85
    }
}
.el-heading-lv1 {
    background-color: var(--red);
    box-shadow: 0 0 0 100vmax var(--red);
    clip-path: inset(0 -100vmax 0 -100vmax);
    position: relative
}
@media print, screen and (min-width: 1025px) {
    .el-heading-lv1 {
        margin: 0 calc(var(--padding-contents-wrapper--lr)*-1)
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv1 {
        margin: 0 calc(var(--padding-contents-wrapper--sp)*-1)
    }
}
@media print, screen and (min-width: 1025px) {
    .el-heading-lv1 {
        padding: 5.4rem;
        margin-bottom: 12rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv1 {
        padding: 4rem 2.8rem 3.6rem;
        margin-bottom: 6rem
    }
}
.el-heading-lv1::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 3
}
@media print, screen and (min-width: 1025px) {
    .el-heading-lv1::before {
        content: url(../img/background/h1_bg_pc.png)
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv1::before {
        content: url(../img/background/h1_bg_sp.png)
    }
}
.el-heading-lv1 span, .el-heading-lv1 h1 {
    color: var(--white);
    line-height: 100%
}
.el-heading-lv1 span {
    font-family: "Poppins", sans-serif;
    font-weight: 400
}
@media print, screen and (min-width: 1025px) {
    .el-heading-lv1 span {
        font-size: 1.8rem;
        margin-bottom: .8rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv1 span {
        font-size: 1.6rem;
        margin-bottom: .6rem
    }
}
@media print, screen and (min-width: 1025px) {
    .el-heading-lv1 h1 {
        font-size: 4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv1 h1 {
        font-size: 2.2rem
    }
}


.el-heading-lv2 {
    margin-bottom: 2rem;
	padding-top: 50px;
	position: relative;
}
.el-heading-lv2 img{
	width: 400px;
	margin: 0px auto 40px; 
}
@media only screen and (max-width: 980px) {
.el-heading-lv2 img{
	max-width: 420px;
	width: 90%;
	margin: 0px auto 40px; 
}	
}

.el-heading-lv2:has(.el-heading-lv2__circle) {
    margin-bottom: 4rem
}
.el-heading-lv2 h2 {
    line-height: 148%;
    text-align: center
}
@media print, screen and (min-width: 1025px) {
    .el-heading-lv2 h2 {
        font-size: 3.2rem;
        margin-bottom: 2.4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv2 h2 {
        font-size: 2.2rem;
        margin-bottom: 1.2rem
    }
}
.el-heading-lv2__sub-text {
    line-height: 150%;
    color: #a67c52;
    display: block;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 400
}
@media print, screen and (min-width: 1025px) {
    .el-heading-lv2__sub-text {
        font-size: 1.8rem;
        margin-bottom: 1.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv2__sub-text {
        font-size: 1.6rem;
        margin-bottom: .8rem
    }
}
.el-heading-lv2__circle {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}
@media print, screen and (min-width: 1025px) {
    .el-heading-lv2__circle {
        gap: 0 12px
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv2__circle {
        gap: 0 10px
    }
}
.el-heading-lv2__circle-item {
    background-color: #fbda23;
    border-radius: 50%
}
@media print, screen and (min-width: 1025px) {
    .el-heading-lv2__circle-item {
        width: 1.2rem;
        height: 1.2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv2__circle-item {
        width: 1rem;
        height: 1rem
    }
}

/*タイトル*/
.el-heading-lv2 .el-event-title img{
	display:block;
	max-width: 200px;
	width: 100%;
	position: absolute;
	top:-110px;
	left:10;
	z-index: 1;
}
@media only screen and (max-width: 768px) {
.el-heading-lv2 .el-event-title img{
	top:-140px;
	left:10px;
}
}
.el-heading-lv2 .el-event-read{
	position: absolute;
	top:0px;
	left:36%;
	font-size: 1.2em;
	font-weight: 700;
	color: #796455;
	line-height: 1.6;
}
@media only screen and (max-width: 768px) {
.el-heading-lv2 .el-event-read{
	position: static;
	width: 320px;
	margin: 50px auto 20px;
}
}
.el-heading-lv2 .el-event-read p{
	margin-bottom: 20px;
}


@media print, screen and (min-width: 1025px) {
    .el-heading-lv3 {
        margin-bottom: 2.4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv3 {
        margin-bottom: 1.2rem
    }
}
.el-heading-lv3 h3 {
    line-height: 148%
}
@media print, screen and (min-width: 1025px) {
    .el-heading-lv3 h3 {
        font-size: 2.4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv3 h3 {
        font-size: 2rem
    }
}
@media print, screen and (min-width: 1025px) {
    .el-heading-lv4 {
        margin-bottom: 2.4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv4 {
        margin-bottom: 1.2rem
    }
}
.el-heading-lv4 h4 {
    line-height: 120%;
    font-weight: 700
}
@media print, screen and (min-width: 1025px) {
    .el-heading-lv4 h4 {
        font-size: 2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-heading-lv4 h4 {
        font-size: 1.8rem
    }
}
.el-link-btn {
    width: 100%
}
.el-link-btn[data-position=center] {
    display: flex;
    justify-content: center
}
.el-link-btn[data-position=center] this__item {
    text-align: center
}
@media only screen and (max-width: 1024px) {
    .el-link-btn[data-position=sp_center] {
        margin-top: 2rem;
        margin-bottom: -2rem;
        display: flex;
        justify-content: center
    }
    .el-link-btn[data-position=sp_center] this__item {
        text-align: center
    }
}
.el-link-btn__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    background-color: var(--red);
    border-radius: 800px;
    width: -moz-fit-content;
    width: fit-content;
    transition: background-color .3s ease;
    border: 1px solid var(--red);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, .1490196078), 0px 1px 2px 0px rgba(0, 0, 0, .3019607843);
    gap: 0 10px
}
@media print, screen and (min-width: 1025px) {
    .el-link-btn__item {
        padding: 1rem 2.4rem 1.2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-link-btn__item {
        padding: .8rem 2.1rem 1rem
    }
}
.el-link-btn__item span, .el-link-btn__item i {
    color: var(--white);
    transition: color .3s ease
}
@media only screen and (min-width: 560px) {
    .el-link-btn__item:hover {
        background-color: var(--white)
    }
    .el-link-btn__item:hover span, .el-link-btn__item:hover i {
        color: var(--red)
    }
}
.el-link-btn__item span {
    font-weight: 500;
    line-height: 187.5%
}
@media print, screen and (min-width: 1025px) {
    .el-link-btn__item span {
        font-size: 1.6
    }
}
@media print, screen and (min-width: 1025px) {
    .el-mv:not([data-type]) {
        margin: 0 calc(var(--padding-contents-wrapper--lr)*-1)
    }
}
@media only screen and (max-width: 1024px) {
    .el-mv:not([data-type]) {
        margin: 0 calc(var(--padding-contents-wrapper--sp)*-1)
    }
}

.el-news {
    --gap-pc: 3.2rem;
    --gap-sp: 1.6rem;
    background-color: #fff
}
@media print, screen and (min-width: 1025px) {
    .el-news {
        max-width: 730px;
        margin: 3.6rem auto
    }
}
.el-news__list {
    display: flex;
    flex-direction: column
}
.el-news__item {
    border-top: 1px solid #d8cfc6
}
.el-news__item:last-child {
    border-bottom: 1px solid #d8cfc6
}
.el-news__item__link {
    width: 100%;
    height: 100%;
    padding: var(--gap-pc) 0;
    display: flex;
    position: relative;
    text-decoration: none !important;
    padding-right: 2.4rem
}
.el-news__item__link span {
    color: #28060a
}
.el-news__item__link__date {
    margin-right: var(--gap-pc);
    font-weight: 400;
    font-size: 1.4rem;
    white-space: nowrap
}
.el-news__item__link__txt {
    font-weight: 400;
    font-size: 1.6rem
}
.el-news__item__link i {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    color: #a67c52
}
.el-news__item a {
    transition: opacity .3s ease
}
@media only screen and (min-width: 560px) {
    .el-news__item a:hover {
        opacity: .5
    }
}
@media only screen and (max-width: 768px) {
    .el-news__container {
        margin: 3.2rem 0
    }
    .el-news__list {
        max-width: calc(100vw - 3.6rem)
    }
    .el-news__item__link {
        padding: 2.4rem 0;
        flex-direction: column
    }
    .el-news__item__link span {
        color: #28060a
    }
    .el-news__item__link__date {
        margin-bottom: 1.1rem;
        font-size: 1.2rem
    }
    .el-news__item__link__txt {
        font-weight: 400;
        font-size: 1.4rem;
        padding-right: 1.6rem
    }
}
.el-page-top {
    position: absolute;
	z-index: 8;
}
@media print, screen and (min-width: 1025px) {
    .el-page-top {
        bottom: -80px;
        right: 165px
    }
}
@media only screen and (max-width: 1024px) {
    .el-page-top {
        width: 90px;
        -o-object-fit: cover;
        object-fit: cover;
        bottom: -135px;
        right: 18px
    }
}
.el-page-top__btn {
    transition: opacity .3s ease
}
@media only screen and (min-width: 560px) {
    .el-page-top__btn:hover {
        opacity: .7
    }
}
.el-page-top[data-type] {
    position: absolute;
    right: 0;
    z-index: 3;
    border: 5px solid;
    border-radius: 50%;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content
}
@media print, screen and (min-width: 1025px) {
    .el-page-top[data-type] {
        top: -98px
    }
}
@media only screen and (max-width: 1024px) {
    .el-page-top[data-type] {
        top: -52px
    }
}
.el-page-top[data-type] .el-page-top__inner {
    display: block
}
@media print, screen and (min-width: 1025px) {
    .el-page-top[data-type] .el-page-top__inner {
        width: 74px;
        height: 74px
    }
}
@media only screen and (max-width: 1024px) {
    .el-page-top[data-type] .el-page-top__inner {
        width: 56px;
        height: 56px
    }
}
.el-page-top[data-type] .el-page-top__btn {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    border-radius: 50%;
    background-color: var(--white)
}
@media only screen and (min-width: 560px) {
    .el-page-top[data-type] .el-page-top__btn:hover {
        opacity: 1
    }
}
.el-page-top[data-type] .el-page-top__btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
@media print, screen and (min-width: 1025px) {
    .el-page-top[data-type] .el-page-top__btn i {
        width: 3.2rem;
        height: 3.2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-page-top[data-type] .el-page-top__btn i {
        width: 2.4rem;
        height: 2.4rem
    }
}
.el-page-top[data-type=medetai] {
    border-color: var(---light-gray)
}
.el-page-top[data-type=detail] {
    border-color: var(--gray)
}
@media print, screen and (min-width: 1025px) {
    .el-paragraph {
        margin-bottom: 6rem;	
    }
}
@media only screen and (max-width: 1024px) {
    .el-paragraph {
        margin-bottom: 4rem
    }
}
.el-paragraph[data-align=center] {
    text-align: center
}
.el-paragraph[data-align=right] {
    text-align: right
}
@media print, screen and (min-width: 1025px) {
    .el-paragraph p {
        line-height: 200%;
        font-size: 1.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-paragraph p {
        line-height: 170%;
        font-size: 1.4rem
    }
}
.el-parallax__pic-container {
    width: 100vw;
    position: fixed;
    left: 0;
    z-index: -1
}
@media print, screen and (min-width: 1025px) {
    .el-parallax__pic-container {
        height: calc(100vh - 4.7395833333vw);
        top: 4.7395833333vw
    }
}
@media only screen and (max-width: 1024px) {
    .el-parallax__pic-container {
        height: calc(100vh - 62px);
        top: 62px
    }
}
.el-parallax__pic-container img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}
.el-parallax__container {
    z-index: 3;
    position: relative
}
.el-pic-block {
    gap: 3.2rem;
    display: flex
}
.el-pic-block img{
	width: 80% ;
	display: block;
}
@media print, screen and (min-width: 1025px) {
    .el-pic-block {
        gap: 5.6rem;
        margin-bottom: 6.4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-pic-block {
        flex-direction: column;
        margin-bottom: 3.2rem;
        gap: 2.4rem
    }
}
@media print, screen and (min-width: 1025px) {
    .el-pic-block[data-align=right] {
        flex-direction: row-reverse
    }
}
@media only screen and (max-width: 1024px) {
    .el-pic-block[data-sp-layout=column-reverse] {
        flex-direction: column-reverse
    }
}
@media print, screen and (min-width: 1025px) {
    .el-pic-block[data-vertical-align=center] {
        align-items: center
    }
}
@media print, screen and (min-width: 1025px) {
    .el-pic-block[data-vertical-align=bottom] {
        align-items: end
    }
}
@media print, screen and (min-width: 1025px) {
    .el-pic-block[data-margin=large] {
        margin-top: 12rem;
        margin-bottom: 12rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-pic-block[data-margin=large] {
        margin-top: 6rem;
        margin-bottom: 6rem
    }
}
@media print, screen and (min-width: 1025px) {
    .el-pic-block__pic-container {
        width: -moz-max-content;
        width: max-content;
        max-width: 47%
    }
    .el-pic-block__pic-container:has(.el-iframe) {
        width: 50%
    }
}
@media only screen and (max-width: 1024px) {
    .el-pic-block__pic-container {
        margin-bottom: 2rem;
        max-width: 250px;
        margin: 0 auto
    }
}
.el-pic-block>div>*:first-child {
    margin-top: 0 !important
}
.el-pic-block>div>*:last-child {
    margin-bottom: 0 !important
}
.el-pic-block__text-container {
    flex-grow: 1
}
@media print, screen and (min-width: 1025px) {
.el-pic {
    margin:0 auto 3.2rem;
	width: 90%;
}
.el-pic02 {
    margin: 3.2rem auto;
	width: 50%;
}
}

@media only screen and (max-width: 1024px) {
.el-pic {
   margin:0 auto 2.2rem;
	width: 100%;
}
.el-pic02 {
	margin: 2.2rem auto;
	width: 260px;
}
}
.el-pic img{
    display: block;
    width: 100%
}
.el-pic02 img{
    display: block;
	width: 100%
}
.el-pic[data-fit=true] img {
    width: unset
}
.el-pic[data-align=center] img {
    margin: 0 auto
}
.el-pic[data-align=right] img {
    margin-left: auto
}
.el-pic[data-radius] img {
    overflow: hidden
}
@media print, screen and (min-width: 1025px) {
    .el-pic[data-radius] img {
        border-radius: 32px
    }
}
@media only screen and (max-width: 1024px) {
    .el-pic[data-radius] img {
        border-radius: 16px
    }
}
.el-pic[data-shadow] img {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, .1490196078), 0px 1px 2px 0px rgba(0, 0, 0, .3019607843)
}
.el-schedule {
    background-color: var(--white);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, .1490196078), 0px 1px 2px 0px rgba(0, 0, 0, .3019607843);
    border-radius: 32px;
    overflow: hidden;
    width: 100%;
    display: block
}
@media print, screen and (min-width: 1025px) {
    .el-schedule {
        margin-top: 8rem;
        margin-bottom: 12rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-schedule {
        margin-top: 6rem;
        margin-bottom: 6rem
    }
}
.el-schedule__inner {
    display: flex
}
@media print, screen and (min-width: 1025px) {
    .el-schedule__inner {
        align-items: center;
        justify-content: space-between
    }
}
@media only screen and (max-width: 1024px) {
    .el-schedule__inner {
        flex-direction: column-reverse
    }
}
.el-schedule__text-container {
    display: flex;
    flex-direction: column
}
@media print, screen and (min-width: 1025px) {
    .el-schedule__text-container {
        width: 49.9%
    }
}
@media print, screen and (min-width: 1025px) {
    .el-schedule__text-container {
        padding: 6rem 2.4rem 6rem 8rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-schedule__text-container {
        padding: 2.6rem 2.4rem 3.2rem
    }
}
@media print, screen and (min-width: 1025px) {
    .el-schedule__pic-container {
        width: 49.9%
    }
}
.el-schedule__pic-container img {
    width: 100%;
    display: block
}
@media only screen and (max-width: 1024px) {
    .el-schedule__pic-container img {
        aspect-ratio: 4/3
    }
}
.el-schedule__heading {
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 100%;
    display: block
}
@media print, screen and (min-width: 1025px) {
    .el-schedule__heading {
        font-size: 3.2rem;
        margin-bottom: 4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-schedule__heading {
        font-size: 2.2rem;
        margin-bottom: 2.4rem
    }
}
.el-schedule__heading-sub {
    line-height: 100%;
    color: #a67c52;
    font-family: "Poppins", sans-serif
}
@media print, screen and (min-width: 1025px) {
    .el-schedule__heading-sub {
        font-size: 1.8rem;
        margin-bottom: 1.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-schedule__heading-sub {
        font-size: 1.6rem;
        margin-bottom: .8rem
    }
}
.el-schedule__text {
    font-weight: 400;
    line-height: 200%;
    letter-spacing: .015em
}
@media print, screen and (min-width: 1025px) {
    .el-schedule__text {
        font-size: 1.6rem;
        margin-bottom: 3.2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-schedule__text {
        font-size: 1.4rem;
        margin-bottom: 2.4rem
    }
}
.el-schedule__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    background-color: var(--red);
    border-radius: 800px;
    width: -moz-fit-content;
    width: fit-content;
    transition: background-color .3s ease;
    border: 1px solid var(--red);
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, .1490196078), 0px 1px 2px 0px rgba(0, 0, 0, .3019607843);
    gap: 0 10px
}
@media print, screen and (min-width: 1025px) {
    .el-schedule__link {
        padding: 1rem 2.4rem 1.2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-schedule__link {
        padding: .8rem 2.1rem 1rem
    }
}
.el-schedule__link span, .el-schedule__link i {
    color: var(--white);
    transition: color .3s ease
}
@media only screen and (min-width: 560px) {
    .el-schedule__link:hover {
        background-color: var(--white)
    }
    .el-schedule__link:hover span, .el-schedule__link:hover i {
        color: var(--red)
    }
}
.el-schedule__link span {
    font-weight: 500;
    line-height: 187.5%
}
@media print, screen and (min-width: 1025px) {
    .el-schedule__link span {
        font-size: 1.6
    }
}
.el-section {
    position: relative;
	padding: 2%;
}
@media print, screen and (min-width: 1025px) {
    .el-section {
        margin: 0 calc(var(--padding-contents-wrapper--lr)*-1)
    }
}
@media only screen and (max-width: 1024px) {
    .el-section {
        margin: 0 calc(var(--padding-contents-wrapper--sp)*-1)
    }
}
@media print, screen and (min-width: 1025px) {
    .el-section {
        /*padding: 8.8rem 5.8rem*/
		padding: 0 5.8rem 8.8rem;
    }
}
@media screen and (max-width: 568px)and (min-width: 1025px) {
    .el-section {
        margin: 0 calc(var(--padding-contents-wrapper--lr)*-1)
    }
}
@media only screen and (max-width: 568px)and (max-width: 1024px) {
    .el-section {
        margin: 0 calc(var(--padding-contents-wrapper--sp)*-1)
    }
}

.el-section__inner {
    max-width: 1080px;
    margin: 0 auto
}
/*
.el-section__inner>*:first-child {
    margin-top: 0 !important
}
.el-section__inner>*:last-child {
    margin-bottom: 0 !important
}
@media only screen and (max-width: 1024px) {
    .el-section__inner {
        padding: 4.9rem 2rem;
    }
}
@media print, screen and (min-width: 1025px) {
    .el-section.about {
        max-width: 1600px;
        margin: 0px auto;
    }
}*/
/*.el-section.about img {
    margin: 0 auto;
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
	margin-bottom: 130px;
}*/
/*.el-section.about .el-section__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: block
}
.el-section.madetai-about {
    display: flex;
    justify-content: center
}
@media print, screen and (min-width: 1025px) {
    .el-section.madetai-about {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        padding: 0;
        margin-bottom: -12rem
    }
    .el-section.madetai-about img {
        display: block;
        width: auto;
        height: 100%;
        -o-object-fit: initial;
        object-fit: initial
    }
}
@media(max-width: 1500px)and (min-width: 1021px) {
    .el-section.madetai-about {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        overflow: hidden;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: -20rem
    }
    .el-section.madetai-about img {
        display: block;
        width: auto;
        max-width: none
    }
}
@media(max-width: 1020px)and (min-width: 569px) {
    .el-section.madetai-about {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        overflow: hidden;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: -15rem
    }
    .el-section.madetai-about img {
        display: block;
        width: auto;
        max-width: 1300px
    }
}
@media screen and (max-width: 568px) {
    .el-section.madetai-about {
        margin-bottom: -8rem
    }
    .el-section.madetai-about .el-section__inner {
        top: 43% !important;
        padding: 4.9rem 1.8rem
    }
}
.el-section.madetai-about .el-section__inner {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: block
}
@media screen and (max-width: 568px) {
    .el-section.madetai-about .el-section__inner>.el-heading-lv2 {
        margin-top: 6rem !important
    }
}*/
.el-section[data-bg-color=beige] {
    background-color: var(---light-gray);
	margin-bottom: 14rem;
}
.el-section[data-bg-color=white] {
    background-color: #fff
}
.el-section[data-bg-color=olive] {
    background-color: #f0f0e3;
	margin-top: 0rem;
}
.el-section[data-bg-color=navy] {
    background-color: #f4f9fc;
    /*margin-top: 14rem;*/
    margin-bottom: 14rem
}
.el-section[data-bg-color=ivory] {
    background-color: #f9f4f0;
	margin-top: 10rem;

}
.el-section[data-bg-color=navy] .el-section__inner::before,
.el-section[data-bg-color=navy] .el-section__inner::after,
.el-section[data-bg-color=ivory] .el-section__inner::before,
.el-section[data-bg-color=ivory] .el-section__inner::after,
.el-section[data-bg-color=olive] .el-section__inner::before,
.el-section[data-bg-color=olive] .el-section__inner::after{
    content: ""; 
    position: absolute;
    left: 0;
    width: 100%;
    height: 137px;
    background-position: center;
    background-size: cover;
    display: block
}
/*.el-section[data-bg-color=navy] .el-section__inner::before {
    background-image: url("../img/wave_navy_bot.png");
    top: -137px
}*/
.el-section[data-bg-color=navy] .el-section__inner::after {
    background-image: url("../img/wave_navy_bot.png");
	bottom: -137px;
	z-index: 2;
}
.el-section[data-bg-color=ivory] .el-section__inner::before {
    background-image: url("../img/wave_ivory_top.png");
    top: -110px;
	padding-top:10rem;
}
.el-section[data-bg-color=ivory] .el-section__inner::after {
    background-image: url("../../medetai/isonoura20250828/img/wave_ivory_bot.png");
    bottom: -137px
}
.el-section[data-bg-color=olive] .el-section__inner::before {
    background-image: url("../img/wave_olive_top.png");
    top: -160px;
	padding-top:30rem;
}

/*.el-section[data-bg-color=light-gray] {
    background-color: #f5f0e6
}
.el-section[data-type=summary]::before {
    content: "";
    background-image: url("../img/background/ornament_01.png");
    position: absolute;
    bottom: -150px;
    left: 24px;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat
}*/
@media print, screen and (min-width: 1025px) {
    .el-section[data-type=summary]::before {
        width: 371px;
        height: 407px
    }
}
@media only screen and (max-width: 1024px) {
    .el-section[data-type=summary]::before {
        width: 122px;
        height: 133px
    }
}
.el-section[data-type=summary] .el-section__inner>* {
    position: relative;
    z-index: 3
}
.el-section[data-type=detail]::before, .el-section[data-type=detail]::after {
    content: "";
    position: absolute;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat
}
.el-section[data-type=detail]::before {
    background-image: url("../img/background/ornament_02.png");
    top: -70px;
    right: 0;
    width: 270px;
    height: 295px
}
@media print, screen and (min-width: 1025px) {
    .el-section[data-type=detail]::before {
        width: 270px;
        height: 295px
    }
}
@media only screen and (max-width: 1024px) {
    .el-section[data-type=detail]::before {
        width: 122px;
        height: 133px
    }
}
.el-section[data-type=detail]::after {
    content: "";
    background-image: url("../img/background/ornament_03.png");
    bottom: -180px;
    left: 0;
    width: 561px;
    height: 200px
}
@media print, screen and (min-width: 1025px) {
    .el-section[data-type=detail]::after {
        width: 561px;
        height: 200px
    }
}
@media only screen and (max-width: 1024px) {
    .el-section[data-type=detail]::after {
        width: 160px;
        height: 133px
    }
}
@media print, screen and (min-width: 1025px) {
    .el-section.banner {
        padding: 4.4rem 5.8rem
    }
}
@media screen and (max-width: 568px)and (min-width: 1025px) {
    .el-section.banner {
        margin: 0 calc(var(--padding-contents-wrapper--lr)*-1)
    }
}
@media only screen and (max-width: 568px)and (max-width: 1024px) {
    .el-section.banner {
        margin: 0 calc(var(--padding-contents-wrapper--sp)*-1)
    }
}
.el-section.banner .el-section__inner {
    max-width: 1080px;
    margin: 0 auto
}
.el-section.banner .el-section__inner>*:first-child {
    margin-top: 0 !important
}
.el-section.banner .el-section__inner>*:last-child {
    margin-bottom: 0 !important
}
@media only screen and (max-width: 1024px) {
    .el-section.banner .el-section__inner {
        padding: 3.2rem 2rem
    }
}
@media print, screen and (min-width: 1025px) {
    .el-section.news {
        padding: 11.6rem 5.8rem
    }
}
@media print, screen and (min-width: 1025px) {
    .el-section.route-map {
        padding: 0 5.8rem 3.2rem 5.8rem
    }
}
@media screen and (max-width: 568px)and (min-width: 1025px) {
    .el-section.route-map {
        margin: 0 calc(var(--padding-contents-wrapper--lr)*-1)
    }
}
@media only screen and (max-width: 568px)and (max-width: 1024px) {
    .el-section.route-map {
        margin: 0 calc(var(--padding-contents-wrapper--sp)*-1)
    }
}
.el-section.route-map__inner {
    max-width: 1080px;
    margin: 0 auto
}
.el-section.route-map__inner>*:first-child {
    margin-top: 0 !important
}
.el-section.route-map__inner>*:last-child {
    margin-bottom: 0 !important
}
@media only screen and (max-width: 1024px) {
    .el-section.route-map__inner {
        padding: 4.9rem 2rem
    }
}
@media print, screen and (min-width: 1025px) {
    .el-section.train-card {
        position: relative;
        padding: 3.2rem 5.8rem
    }
    .el-section.train-card::before {
        content: "";
        position: absolute;
        z-index: -10;
        width: 175px;
        height: 142px;
        background-image: url(../img/madetai/cloud_gray.png);
        background-repeat: no-repeat;
        top: 30%;
        right: 10%;
        transform: translate(-50%, -50%)
    }
    .el-section.train-card::after {
        content: "";
        position: absolute;
        z-index: -10;
        width: 322px;
        height: 261px;
        background-image: url(../img/madetai/cloud_blue.png);
        background-repeat: no-repeat;
        top: 58%;
        left: 15%;
        transform: translate(-50%, -50%)
    }
}
.el-section.trip>*:first-child {
    margin-top: 0 !important
}
.el-section.trip>*:last-child {
    margin-bottom: 0 !important
}
@media print, screen and (min-width: 1025px) {
    .el-section.trip {
        padding: 9.2rem 0 0 0
    }
}
.el-site-footer {
    border-top: 1px solid #d8cfc6;
    background-color: var(---light-gray)
}
@media print, screen and (min-width: 1025px) {
    .el-site-footer {
        padding: 4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-site-footer {
        padding: 2.4rem
    }
}
.el-site-footer__logo-container {
    transition: opacity .3s ease
}
.el-site-footer__logo-container img {
    display: block;
    margin-inline: auto
}
@media only screen and (min-width: 560px) {
    .el-site-footer__logo-container:hover {
        opacity: .7
    }
}
.el-site-footer__copy-light {
    text-align: center
}
@media print, screen and (min-width: 1025px) {
    .el-site-footer__copy-light {
        margin-top: 2.4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-site-footer__copy-light {
        margin-top: 1.6rem
    }
}
.el-site-footer__copy-light span {
    line-height: 120%
}
@media print, screen and (min-width: 1025px) {
    .el-site-footer__copy-light span {
        font-size: 1.2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-site-footer__copy-light span {
        font-size: 1rem
    }
}
.el-site-header {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, .1490196078), 0px 1px 2px 0px rgba(0, 0, 0, .3019607843);
    position: sticky;
    top: 0;
    background-color: var(--white);
    z-index: 10
}
.el-site-header__wrapper {
    max-width: 1120px;
    margin: 0 auto
}
.el-site-header__wrapper.is-active .icon-ham-open {
    display: none
}
.el-site-header__wrapper.is-active .icon-ham-close {
    display: block
}
.el-site-header__wrapper.is-active .el-site-header__sp-inner {
    opacity: 1;
    pointer-events: all
}
.el-site-header__wrapper.is-active .el-site-header__underlay {
    opacity: .7
}
.el-site-header__inner {
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--white);
    z-index: 15
}
@media print, screen and (min-width: 1025px) {
    .el-site-header__inner {
        justify-content: center;
        padding: 1.6rem 2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-site-header__inner {
        justify-content: space-between;
        padding: 1rem 1.8rem
    }
}
.el-site-header__pc-container {
    display: flex;
    align-items: center
}
@media only screen and (max-width: 1024px) {
    .el-site-header__pc-container {
        display: none
    }
}
@media print, screen and (min-width: 1025px) {
    .el-site-header__sp-container {
        display: none
    }
}
.el-site-header__logo-container {
    margin-right: 4.2rem
}
@media print, screen and (min-width: 1025px) {
    .el-site-header__logo-container {
        width: 11.9791666667vw
    }
}
@media only screen and (max-width: 1024px) {
    .el-site-header__logo-container {
        width: 163px
    }
}
.el-site-header__logo-container a {
    transition: opacity .3s ease
}
@media only screen and (min-width: 560px) {
    .el-site-header__logo-container a:hover {
        opacity: .7
    }
}
.el-site-header__pc-nav {
    display: flex;
    gap: 32px;
    margin-right: 4rem
}
.el-site-header__pc-nav--item a {
    text-decoration: none;
    color: var(--text-color--default);
    line-height: 148%;
    transition: opacity .3s ease;
    font-size: clamp(14px, .8333333333vw, 16px)
}
@media only screen and (min-width: 560px) {
    .el-site-header__pc-nav--item a:hover {
        opacity: .7
    }
}
.el-site-header__btn {
    border: 1px solid var(--red);
    border-radius: 8px;
    overflow: hidden
}
.el-site-header__btn-inner {
    display: block;
    text-decoration: none;
    line-height: 171.4%;
    font-weight: 700;
    padding: .8rem 1.6rem;
    color: var(--red);
    transition: background-color .3s ease, color .3s ease;
    font-size: clamp(12px, .7291666667vw, 14px)
}
@media only screen and (min-width: 560px) {
    .el-site-header__btn-inner:hover {
        background-color: var(--red);
        color: var(--white)
    }
}
.el-site-header__ham-icon img {
    width: 2.8rem;
    height: 2.8rem;
    display: block
}
.el-site-header__ham-icon img.icon-ham-close {
    display: none
}
.el-site-header__sp-inner {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 15;
    width: 100vw;
    height: -moz-fit-content;
    height: fit-content;
    background-color: var(--white);
    padding: 3.8rem 1.8rem 2.4rem;
    opacity: 0;
    pointer-events: none;
    transition-property: opacity, visibility;
    transition-duration: .2s
}
.el-site-header__sp-nav--item:not(:first-child) {
    margin-top: 1.6rem
}
.el-site-header__sp-nav--item a {
    display: flex;
    gap: 0 10px;
    align-items: center;
    text-decoration: none
}
.el-site-header__sp-nav--item a i {
    display: block;
    width: 18px;
    height: 18px
}
.el-site-header__sp-nav--item a span {
    color: var(--text-color--default);
    font-size: 1.4rem;
    line-height: 148%;
    font-weight: 500
}
.el-site-header__sp-btn__container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px 17px;
    margin-top: 3.8rem
}
.el-site-header__sp-btn--item {
    min-width: 161px;
    text-align: center;
    text-decoration: none;
    border: 1px solid var(--red);
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--red);
    padding: .8rem 1.6rem;
    border-radius: 8px
}
.el-site-header__underlay {
    width: 100vw;
    height: 100vh;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    background-color: #000;
    pointer-events: none;
    opacity: 0;
    transition-property: opacity, visibility;
    transition-duration: .2s
}
@media print, screen and (min-width: 1025px) {
    .el-site-header__underlay {
        display: none
    }
}
.el-slider-auto {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    margin-bottom: 6rem
}
@media only screen and (max-width: 1024px) {
    .el-slider-auto {
        margin-top: 3.2rem;
        margin-bottom: 3.2rem
    }
}
.el-slider-auto__track {
    z-index: 0;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 0 2rem
}
.el-slider-auto__list {
    display: flex;
    height: 100%;
    backface-visibility: hidden;
    margin: 0 !important;
    padding: 0 !important
}
.el-slider-auto__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    list-style-type: none !important;
    flex-shrink: 0;
    margin: 0;
    position: relative;
    text-decoration: none !important;
    will-change: transform;
    overflow: hidden;
    width: -moz-fit-content !important;
    width: fit-content !important
}
@media print, screen and (min-width: 1025px) {
    .el-slider-auto__slide {
        border-radius: 24px
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-auto__slide {
        border-radius: 16px
    }
}
.el-slider-auto__slide>*:first-child {
    margin-top: 0 !important
}
.el-slider-auto__slide>*:last-child {
    margin-bottom: 0 !important
}
.el-slider-auto__slide img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}
@media print, screen and (min-width: 1025px) {
    .el-slider-auto__slide:nth-child(7n-6) {
        margin-top: 9.4rem;
        width: 222px;
        height: 222px
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-auto__slide:nth-child(7n-6) {
        margin-top: 3.8rem;
        width: 89px !important;
        height: 89px !important
    }
}
@media print, screen and (min-width: 1025px) {
    .el-slider-auto__slide:nth-child(7n-5) {
        margin-bottom: 9.9rem;
        width: 308px;
        height: 232px
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-auto__slide:nth-child(7n-5) {
        margin-bottom: 4rem;
        width: 124px !important;
        height: 93px !important
    }
}
@media print, screen and (min-width: 1025px) {
    .el-slider-auto__slide:nth-child(7n-4) {
        margin-top: 5.7rem;
        width: 364px;
        height: 272px
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-auto__slide:nth-child(7n-4) {
        margin-top: 2.3rem;
        width: 147px !important;
        height: 110px !important
    }
}
@media print, screen and (min-width: 1025px) {
    .el-slider-auto__slide:nth-child(7n-3) {
        margin-bottom: 10.2rem;
        width: 188px;
        height: 254px
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-auto__slide:nth-child(7n-3) {
        margin-bottom: 4.1rem;
        width: 76px !important;
        height: 102px !important
    }
}
@media print, screen and (min-width: 1025px) {
    .el-slider-auto__slide:nth-child(7n-2) {
        margin-top: 7.2rem;
        width: 322px;
        height: 240px
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-auto__slide:nth-child(7n-2) {
        margin-top: 2.9rem;
        width: 130px !important;
        height: 97px !important
    }
}
@media print, screen and (min-width: 1025px) {
    .el-slider-auto__slide:nth-child(7n-1) {
        margin-bottom: 9.9rem;
        width: 308px;
        height: 232px
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-auto__slide:nth-child(7n-1) {
        margin-bottom: 4rem;
        width: 124px !important;
        height: 93px !important
    }
}
@media print, screen and (min-width: 1025px) {
    .el-slider-auto__slide:nth-child(7n) {
        margin-top: 5.7rem;
        width: 364px;
        height: 272px
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-auto__slide:nth-child(7n) {
        margin-top: 2.3rem;
        width: 147px !important;
        height: 110px !important
    }
}
.el-slider-auto .splide__sr {
    display: none
}
.el-slider-auto .splide__pagination {
    display: none
}
.el-slider-auto .splide__arrow {
    display: none
}
body.medetai .el-slider-auto {
    margin-top: 12rem;
    margin-bottom: 15.5rem
}
@media print, screen and (min-width: 1025px) {
    body.detail .el-slider-auto {
        margin-top: 14.8rem;
        margin-bottom: 14.2rem
    }
}
.el-slider-mv {
    width: 100vw;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv {
        margin: 0 calc(var(--padding-contents-wrapper--lr)*-1)
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-mv {
        margin: 0 calc(var(--padding-contents-wrapper--sp)*-1)
    }
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv {
        padding-top: 8rem !important;
        padding-bottom: 5.4rem !important;
        background-image: url("../img/madetai/mv_background_pc.jpg")
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-mv {
        padding-top: 4rem;
        padding-bottom: 12.3rem;
        background-image: url("../img/madetai/mv_background_sp.jpg")
    }
}
.el-slider-mv__inner {
    margin: 0 auto;
    position: relative;
    overflow: visible !important
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv__inner {
        max-width: clamp(800px, 56.25vw, 1080px)
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-mv__inner {
        padding: 0 var(--padding-contents-wrapper--sp)
    }
}
.el-slider-mv__slider-container {
    z-index: 0;
    margin: 0 auto;
    overflow: visible !important;
    position: relative
}
.el-slider-mv__list {
    display: flex
}
.el-slider-mv__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    list-style-type: none !important;
    flex-shrink: 0;
    margin: 0;
    position: relative;
    text-decoration: none !important;
    will-change: transform;
    overflow: hidden
}
.el-slider-mv__slide>*:first-child {
    margin-top: 0 !important
}
.el-slider-mv__slide>*:last-child {
    margin-bottom: 0 !important
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv__slide::before {
        width: 100%;
        height: 100%;
        display: block;
        opacity: .5;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff
    }
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv__slide {
        border-radius: 24px;
        width: clamp(800px, 56.25vw, 1080px) !important
    }
}
@media screen and (min-width: 769px)and (max-width: 1024px) {
    .el-slider-mv__slide {
        width: 70% !important
    }
}
@media screen and (max-width: 768px) {
    .el-slider-mv__slide {
        width: 100% !important
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-mv__slide {
        border-radius: 16px
    }
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv__slide:not(.is-active)::before {
        content: ""
    }
}
.el-slider-mv__slide img {
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv__slide img {
        aspect-ratio: 5/2
    }
}
.el-slider-mv__text-container {
    z-index: 3
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv__text-container {
        position: absolute;
        bottom: 3.2rem;
        right: 3.2rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-mv__text-container {
        margin-bottom: 1.6rem;
        padding-inline: var(--padding-contents-wrapper--sp)
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-mv__text-container.pc {
        display: none
    }
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv__text-container.sp {
        display: none
    }
}
.el-slider-mv__text-container p {
    font-weight: 700;
    line-height: 171.4%;
    background-color: #fff;
    padding: .4rem .8rem;
    width: -moz-fit-content;
    width: fit-content
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv__text-container p {
        font-size: 2.8rem;
        margin-left: auto
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-mv__text-container p {
        font-size: 2.2rem
    }
}
.el-slider-mv__text-container p:not(:first-child) {
    margin-top: .6rem
}
.el-slider-mv .splide__sr {
    display: none
}
.el-slider-mv .splide__arrows {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv .splide__arrows {
        width: clamp(940px, 63.0729166667vw, 1211px)
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-mv .splide__arrows {
        width: 96%
    }
}
.el-slider-mv .splide__arrows .arrow-icon {
    background-color: #c3152c;
    border-radius: 50%;
    position: relative
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv .splide__arrows .arrow-icon {
        width: 4.8rem;
        height: 4.8rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-mv .splide__arrows .arrow-icon {
        width: 3.6rem;
        height: 3.6rem
    }
}
.el-slider-mv .splide__arrows .arrow-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white)
}
@media print, screen and (min-width: 1025px) {
    .el-slider-mv .splide__arrows .arrow-icon i {
        width: 1.92rem;
        height: 1.92rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider-mv .splide__arrows .arrow-icon i {
        width: 1.4rem;
        height: 1.4rem
    }
}
.el-slider-mv .splide__controls {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    position: absolute;
    bottom: -3.2rem;
    left: 50%;
    transform: translateX(-50%)
}
.el-slider-mv .splide__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 1rem
}
.el-slider-mv .splide__pagination li button {
    background-color: #d8cfc6;
    border-radius: 50%;
    width: 1.2rem;
    height: 1.2rem
}
.el-slider-mv .splide__pagination li:has(.is-active) button {
    background-color: #c3152c
}
.el-slider-mv .splide__toggle {
    border-radius: 50%;
    width: 2.2rem;
    height: 2.2rem;
    background-color: #c3152c;
    position: relative
}
.el-slider-mv .splide__toggle i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    color: #f5f0e6;
    min-width: unset !important;
    min-height: unset !important
}
.el-slider-mv .splide__toggle__pause {
    opacity: 0;
    width: .8rem;
    height: 1rem
}
.el-slider-mv .splide__toggle__play {
    opacity: 1;
    width: 1rem;
    height: .9rem
}
.el-slider-mv .splide__toggle.is-active .splide__toggle__pause {
    opacity: 1
}
.el-slider-mv .splide__toggle.is-active .splide__toggle__play {
    opacity: 0
}
body.medetai .el-slider-auto {
    margin-top: 12rem;
    margin-bottom: 15.5rem
}
@media print, screen and (min-width: 1025px) {
    body.detail .el-slider-auto {
        margin-top: 14.8rem;
        margin-bottom: 14.2rem
    }
}
.el-slider {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    margin-bottom: 6rem;
    overflow: hidden
}
@media print, screen and (min-width: 1025px) {
    .el-slider {
        padding: 0 6.4rem .4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider {
        padding: 0 4rem
    }
}
.el-slider:not(.is-initialized) {
    opacity: 0;
    visibility: hidden
}
.el-slider__wrapper {
    max-width: calc(var(--contents-width) + var(--padding-contents-wrapper--lr)*2);
    position: relative;
    margin: 0 auto
}
.el-slider__track {
    z-index: 0;
    margin: 0 auto;
    padding: 5px 4.9rem 2rem;
    max-width: var(--contents-width);
    position: relative
}
@media print, screen and (min-width: 1025px) {
    .el-slider__track {
        padding: 0 var(--padding-contents-wrapper--lr)
    }
}
.el-slider__list {
    display: flex;
    height: 100%;
    backface-visibility: hidden;
    align-items: stretch;
    margin: 0 !important;
    padding: 0 !important
}
.el-slider__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative;
    text-decoration: none !important;
    will-change: transform;
    opacity: .3;
    transition: opacity .3s ease, transform .3s ease;
    pointer-events: none
}
.el-slider__slide>*:first-child {
    margin-top: 0 !important
}
.el-slider__slide>*:last-child {
    margin-bottom: 0 !important
}
.el-slider__slide>* {
    height: 100%
}
@media only screen and (max-width: 1024px) {
    .el-slider__slide {
        transform: scaleY(0.9)
    }
}
.el-slider__slide.is-active {
    opacity: 1;
    pointer-events: all
}
@media only screen and (max-width: 1024px) {
    .el-slider__slide.is-active {
        transform: scaleY(1)
    }
}
@media print, screen and (min-width: 1025px) {
    .el-slider__slide.is-prev, .el-slider__slide.is-next {
        opacity: 1;
        pointer-events: all
    }
}
.el-slider__slide img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}
.el-slider .splide__sr {
    display: none
}
.el-slider .splide__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 16px
}
@media print, screen and (min-width: 1025px) {
    .el-slider .splide__pagination {
        margin-top: 2.4rem;
        padding: 1rem
    }
}
.el-slider .splide__pagination li {
    overflow: hidden;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content
}
.el-slider .splide__pagination li button {
    width: 100%;
    height: 100%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--red);
    transition: opacity .3s ease
}
.el-slider .splide__pagination li button:not(.is-active) {
    opacity: .4
}
.el-slider .splide__arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
@media print, screen and (min-width: 1025px) {
    .el-slider .splide__arrows {
        left: -56px;
        width: calc(100% + 112px)
    }
}
@media only screen and (max-width: 1024px) {
    .el-slider .splide__arrows {
        left: -29px;
        width: calc(100% + 58px)
    }
}
.el-slider-arrows__inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.el-slider-arrows__inner .splide__arrow--prev {
    transform: rotate(180deg)
}
.el-slider-arrows__inner .splide__arrow--prev, .el-slider-arrows__inner .splide__arrow--next {
    width: 40px;
    height: 40px;
    display: block;
    background-color: #c3152c;
    border-radius: 50%;
    position: relative
}
.el-slider-arrows__inner .splide__arrow--prev i, .el-slider-arrows__inner .splide__arrow--next i {
    display: block;
    color: var(--white);
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.el-tab__head {
    display: flex;
    margin-bottom: 2rem;
    gap: 2rem
}
.el-tab__head--item {
    border: solid 1px var(--dark-gray);
    cursor: pointer;
    padding: 2rem
}
.el-tab__head--item[data-current=true] {
    pointer-events: none;
    background-color: var(--dark-gray)
}
.el-tab__head--item[data-current=true] span {
    color: var(--white)
}
.el-tab__head--item span {
    color: var(--dark-gray)
}
.el-tab__body--item {
    display: none
}
.el-tab__body--item>*:first-child {
    margin-top: 0 !important
}
.el-tab__body--item>*:last-child {
    margin-bottom: 0 !important
}
.el-text-list-prefix {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem
}
.el-text-list-prefix .el-text-list-prefix {
    padding-left: 1.5rem
}
.el-text-list-prefix[data-type=desc]>li>span::before {
    content: "";
    width: .5rem;
    height: .5rem;
    min-width: .5rem;
    min-height: .5rem;
    background-color: var(--dark-gray);
    border-radius: 100%;
    position: relative;
    top: 1.2rem
}
.el-text-list-prefix[data-type=note]>li>span::before {
    content: "※";
    color: var(--dark-gray);
    position: relative;
    top: .4rem
}
.el-text-list-prefix>li>span {
    display: flex;
    gap: 1rem;
    font-size: 1.4rem;
    line-height: 2.8rem;
    font-weight: 400;
    color: var(--dark-gray)
}
.el-text-list-prefix>li>*:first-child {
    margin-top: 0 !important
}
.el-text-list-prefix>li>*:last-child {
    margin-bottom: 0 !important
}
.el-text-list .el-text-list {
    padding-left: 1rem
}
.el-text-list>li:not(:last-child) a {
    margin-bottom: .8rem
}
.el-text-list>li a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .8rem;
    font-size: 1.4rem;
    color: var(--dark-gray)
}
.el-text-list>li i {
    --icon-size: 1.2rem
}
.el-train-card {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, .1490196078), 0px 1px 2px 0px rgba(0, 0, 0, .3019607843);
    display: block;
    border-radius: 32px;
    overflow: hidden;
    background-color: #fff
}
.el-train-card__inner {
    text-decoration: none
}
.el-train-card__pic img {
    display: block;
    width: 100%;
    aspect-ratio: 3/2
}
.el-train-card a {
    text-decoration: none
}
.el-train-card a .el-train-card__pic {
    overflow: hidden
}
.el-train-card a img {
    transition: transform .3s ease
}
@media only screen and (min-width: 560px) {
    .el-train-card a:hover img {
        transform: scale(1.1)
    }
}
@media print, screen and (min-width: 1025px) {
    .el-train-card__text {
        padding: 2.4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-train-card__text {
        padding: 2.4rem
    }
}
.el-train-card__text>*:first-child {
    margin-top: 0 !important
}
.el-train-card__text>*:last-child {
    margin-bottom: 0 !important
}
.el-train-card__text p {
    color: var(--text-color--default);
    line-height: 150%
}
@media print, screen and (min-width: 1025px) {
    .el-train-card__text p {
        font-size: 1.6rem;
        margin-bottom: 1.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-train-card__text p {
        font-size: 1.2rem;
        margin-bottom: .6rem
    }
}
.el-train-card__text p.el-train-card__title {
    font-weight: 700
}
@media print, screen and (min-width: 1025px) {
    .el-train-card__text p.el-train-card__title {
        font-size: 2rem;
        line-height: 150%
    }
}
@media only screen and (max-width: 1024px) {
    .el-train-card__text p.el-train-card__title {
        font-size: 1.8rem;
        line-height: 150%
    }
}
.el-train-card__text span {
    color: var(--text-color--default)
}
.el-train-card__text span.el-train-card__txt {
    font-weight: 400
}
@media print, screen and (min-width: 1025px) {
    .el-train-card__text span.el-train-card__txt {
        font-size: 1.6rem;
        line-height: 150%
    }
}
@media only screen and (max-width: 1024px) {
    .el-train-card__text span.el-train-card__txt {
        font-size: 1.4rem;
        line-height: 150%
    }
}
@media print, screen and (min-width: 1025px) {
    .el-train-introduction {
        --gap: 32px
    }
}
@media only screen and (max-width: 1024px) {
    .el-train-introduction {
        --gap: 24px
    }
}
.el-train-introduction__container {
    display: flex;
    flex-wrap: wrap
}
.el-train-introduction__container a {
    text-decoration: none
}
@media print, screen and (min-width: 1080px) {
    .el-train-introduction[data-column*=d1] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(1 - 1))/1)
    }
    .el-train-introduction[data-column*=d1] .el-train-introduction__item:nth-child(n+2) {
        margin-top: 24px
    }
    .el-train-introduction[data-column*=d1] .el-train-introduction__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=d2] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(2 - 1))/2)
    }
    .el-train-introduction[data-column*=d2] .el-train-introduction__item:nth-child(n+3) {
        margin-top: 24px
    }
    .el-train-introduction[data-column*=d2] .el-train-introduction__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=d3] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(3 - 1))/3)
    }
    .el-train-introduction[data-column*=d3] .el-train-introduction__item:nth-child(n+4) {
        margin-top: 24px
    }
    .el-train-introduction[data-column*=d3] .el-train-introduction__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=d4] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(4 - 1))/4)
    }
    .el-train-introduction[data-column*=d4] .el-train-introduction__item:nth-child(n+5) {
        margin-top: 24px
    }
    .el-train-introduction[data-column*=d4] .el-train-introduction__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=d5] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(5 - 1))/5)
    }
    .el-train-introduction[data-column*=d5] .el-train-introduction__item:nth-child(n+6) {
        margin-top: 24px
    }
    .el-train-introduction[data-column*=d5] .el-train-introduction__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=d6] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(6 - 1))/6)
    }
    .el-train-introduction[data-column*=d6] .el-train-introduction__item:nth-child(n+7) {
        margin-top: 24px
    }
    .el-train-introduction[data-column*=d6] .el-train-introduction__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=d7] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(7 - 1))/7)
    }
    .el-train-introduction[data-column*=d7] .el-train-introduction__item:nth-child(n+8) {
        margin-top: 24px
    }
    .el-train-introduction[data-column*=d7] .el-train-introduction__item:not(:nth-child(7n)):not(:last-child) {
        margin-right: var(--gap)
    }
}
@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-train-introduction[data-column*=t1] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(1 - 1))/1)
    }
    .el-train-introduction[data-column*=t1] .el-train-introduction__item:nth-child(n+2) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=t1] .el-train-introduction__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=t2] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(2 - 1))/2)
    }
    .el-train-introduction[data-column*=t2] .el-train-introduction__item:nth-child(n+3) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=t2] .el-train-introduction__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=t3] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(3 - 1))/3)
    }
    .el-train-introduction[data-column*=t3] .el-train-introduction__item:nth-child(n+4) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=t3] .el-train-introduction__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=t4] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(4 - 1))/4)
    }
    .el-train-introduction[data-column*=t4] .el-train-introduction__item:nth-child(n+5) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=t4] .el-train-introduction__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=t5] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(5 - 1))/5)
    }
    .el-train-introduction[data-column*=t5] .el-train-introduction__item:nth-child(n+6) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=t5] .el-train-introduction__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=t6] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(6 - 1))/6)
    }
    .el-train-introduction[data-column*=t6] .el-train-introduction__item:nth-child(n+7) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=t6] .el-train-introduction__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=t7] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(7 - 1))/7)
    }
    .el-train-introduction[data-column*=t7] .el-train-introduction__item:nth-child(n+8) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=t7] .el-train-introduction__item:not(:nth-child(7n)):not(:last-child) {
        margin-right: var(--gap)
    }
}
@media only screen and (max-width: 768px) {
    .el-train-introduction[data-column*=m1] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(1 - 1))/1)
    }
    .el-train-introduction[data-column*=m1] .el-train-introduction__item:nth-child(n+2) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=m1] .el-train-introduction__item:not(:nth-child(1n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=m2] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(2 - 1))/2)
    }
    .el-train-introduction[data-column*=m2] .el-train-introduction__item:nth-child(n+3) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=m2] .el-train-introduction__item:not(:nth-child(2n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=m3] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(3 - 1))/3)
    }
    .el-train-introduction[data-column*=m3] .el-train-introduction__item:nth-child(n+4) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=m3] .el-train-introduction__item:not(:nth-child(3n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=m4] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(4 - 1))/4)
    }
    .el-train-introduction[data-column*=m4] .el-train-introduction__item:nth-child(n+5) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=m4] .el-train-introduction__item:not(:nth-child(4n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=m5] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(5 - 1))/5)
    }
    .el-train-introduction[data-column*=m5] .el-train-introduction__item:nth-child(n+6) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=m5] .el-train-introduction__item:not(:nth-child(5n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=m6] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(6 - 1))/6)
    }
    .el-train-introduction[data-column*=m6] .el-train-introduction__item:nth-child(n+7) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=m6] .el-train-introduction__item:not(:nth-child(6n)):not(:last-child) {
        margin-right: var(--gap)
    }
    .el-train-introduction[data-column*=m7] .el-train-introduction__item {
        width: calc((99.9% - var(--gap)*(7 - 1))/7)
    }
    .el-train-introduction[data-column*=m7] .el-train-introduction__item:nth-child(n+8) {
        margin-top: 16px
    }
    .el-train-introduction[data-column*=m7] .el-train-introduction__item:not(:nth-child(7n)):not(:last-child) {
        margin-right: var(--gap)
    }
}
.el-train-introduction__item {
    display: block
}
.el-train-introduction__item>*:first-child {
    margin-top: 0 !important
}
.el-train-introduction__item>*:last-child {
    margin-bottom: 0 !important
}
.el-train-introduction__item img {
    background-color: var(--white);
    border-radius: 8px;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, .1490196078), 0px 1px 2px 0px rgba(0, 0, 0, .3019607843);
    overflow: hidden
}
@media print, screen and (min-width: 1025px) {
    .el-train-introduction__item img {
        margin-bottom: 2.4rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-train-introduction__item img {
        margin-bottom: 1.2rem
    }
}
.el-train-introduction__item span {
    color: var(--text-color--default);
    display: block
}
@media print, screen and (min-width: 1025px) {
    .el-train-introduction__item span {
        font-size: 1.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-train-introduction__item span {
        font-size: 1.4rem
    }
}
.el-train-introduction__heading {
    font-weight: 700;
    line-height: 120%
}
@media print, screen and (min-width: 1025px) {
    .el-train-introduction__heading {
        margin-bottom: 1.6rem
    }
}
@media only screen and (max-width: 1024px) {
    .el-train-introduction__heading {
        margin-bottom: .8rem
    }
}
.el-train-introduction__text {
    font-weight: 400;
    line-height: 150%
}
.el-range-slider {
    width: 300px;
    margin: 0 auto
}
.el-range-slider__container {
    position: relative
}
.el-range-slider__progress {
    margin: 1.5rem auto 0;
    width: -moz-fit-content;
    width: fit-content
}
.el-range-slider input[type=range] {
    position: absolute;
    width: 100%;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0);
    top: -150%;
    z-index: 99;
    margin: 0
}
.el-range-slider input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 20px;
    height: 20px;
    background: #007bff;
    border-radius: 50%;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none
}
.el-range-slider input[type=range]::-moz-range-thumb {
    pointer-events: all;
    width: 20px;
    height: 20px;
    background: #007bff;
    border-radius: 50%;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none
}
.el-range-slider .slider {
    position: relative;
    height: 5px;
    background: #ddd;
    cursor: pointer;
    overflow: hidden
}
.el-range-slider .slider__range {
    position: absolute;
    height: 100%;
    background: #000
}
.el-checkbox-item>.el-checkbox {
    padding-left: 1rem
}
.el-form-area[data-area-hidden=true] {
    display: none
}
.el-form-area:not(:last-child) {
    margin-bottom: 3rem
}
.el-form-group {
    display: flex;
    gap: 2rem
}
.el-form-group__title {
    flex-basis: 25rem
}
.el-form-group__title span.required {
    color: var(--att-color)
}
.el-form-group:not(:last-child) {
    margin-bottom: 3rem
}
.el-form-group .el-form-item:has([data-validate-error*=required]) .el-form-message[data-validation-type*=required] {
    display: block
}
.el-form-group .el-form-item:has([data-validate-error*=email]) .el-form-message[data-validation-type*=email] {
    display: block
}
.el-form-group .el-form-item:has([data-validate-error*=alphanumeric]) .el-form-message[data-validation-type*=alphanumeric] {
    display: block
}
.el-form-group .el-form-item:has([data-validate-error*=hiragana]) .el-form-message[data-validation-type*=hiragana] {
    display: block
}
.el-form-group .el-form-item:has([data-validate-error*=kana]) .el-form-message[data-validation-type*=kana] {
    display: block
}
.el-form-group .el-form-item:has([data-validate-error*=number]) .el-form-message[data-validation-type*=number] {
    display: block
}
.el-form-group .el-form-item:has([data-validate-error*=japanese]) .el-form-message[data-validation-type*=japanese] {
    display: block
}
.el-form-group .el-form-item:has([data-validate-error*=password]) .el-form-message[data-validation-type*=password] {
    display: block
}
.el-form-group .el-form-item:has([data-validate-error*=confirmPassword]) .el-form-message[data-validation-type*=confirmPassword] {
    display: block
}
.el-form-group .el-form-item:not(:last-child) {
    margin-bottom: 1rem
}
@media print, screen and (min-width: 1080px) {
    .el-form-group[data-layout*=d1] .el-form-item {
        width: calc((99.9% - 2rem*(1 - 1))/1)
    }
    .el-form-group[data-layout*=d1] .el-form-item:nth-child(n+2) {
        margin-top: 2rem
    }
    .el-form-group[data-layout*=d1] .el-form-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }
    .el-form-group[data-layout*=d2] .el-form-item {
        width: calc((99.9% - 2rem*(2 - 1))/2)
    }
    .el-form-group[data-layout*=d2] .el-form-item:nth-child(n+3) {
        margin-top: 2rem
    }
    .el-form-group[data-layout*=d2] .el-form-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }
    .el-form-group[data-layout*=d3] .el-form-item {
        width: calc((99.9% - 2rem*(3 - 1))/3)
    }
    .el-form-group[data-layout*=d3] .el-form-item:nth-child(n+4) {
        margin-top: 2rem
    }
    .el-form-group[data-layout*=d3] .el-form-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }
    .el-form-group[data-layout*=d4] .el-form-item {
        width: calc((99.9% - 2rem*(4 - 1))/4)
    }
    .el-form-group[data-layout*=d4] .el-form-item:nth-child(n+5) {
        margin-top: 2rem
    }
    .el-form-group[data-layout*=d4] .el-form-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }
}
@media only screen and (max-width: 1079px)and (min-width: 769px) {
    .el-form-group[data-layout*=t1] .el-form-item {
        width: calc((99.9% - 2rem*(1 - 1))/1)
    }
    .el-form-group[data-layout*=t1] .el-form-item:nth-child(n+2) {
        margin-top: 2rem
    }
    .el-form-group[data-layout*=t1] .el-form-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }
    .el-form-group[data-layout*=t2] .el-form-item {
        width: calc((99.9% - 2rem*(2 - 1))/2)
    }
    .el-form-group[data-layout*=t2] .el-form-item:nth-child(n+3) {
        margin-top: 2rem
    }
    .el-form-group[data-layout*=t2] .el-form-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }
    .el-form-group[data-layout*=t3] .el-form-item {
        width: calc((99.9% - 2rem*(3 - 1))/3)
    }
    .el-form-group[data-layout*=t3] .el-form-item:nth-child(n+4) {
        margin-top: 2rem
    }
    .el-form-group[data-layout*=t3] .el-form-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }
    .el-form-group[data-layout*=t4] .el-form-item {
        width: calc((99.9% - 2rem*(4 - 1))/4)
    }
    .el-form-group[data-layout*=t4] .el-form-item:nth-child(n+5) {
        margin-top: 2rem
    }
    .el-form-group[data-layout*=t4] .el-form-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }
}
@media only screen and (max-width: 768px) {
    .el-form-group[data-layout*=m1] .el-form-item {
        width: calc((99.9% - 2rem*(1 - 1))/1)
    }
    .el-form-group[data-layout*=m1] .el-form-item:nth-child(n+2) {
        margin-top: 2rem
    }
    .el-form-group[data-layout*=m1] .el-form-item:not(:nth-child(1n)):not(:last-child) {
        margin-right: 2rem
    }
    .el-form-group[data-layout*=m2] .el-form-item {
        width: calc((99.9% - 2rem*(2 - 1))/2)
    }
    .el-form-group[data-layout*=m2] .el-form-item:nth-child(n+3) {
        margin-top: 2rem
    }
    .el-form-group[data-layout*=m2] .el-form-item:not(:nth-child(2n)):not(:last-child) {
        margin-right: 2rem
    }
    .el-form-group[data-layout*=m3] .el-form-item {
        width: calc((99.9% - 2rem*(3 - 1))/3)
    }
    .el-form-group[data-layout*=m3] .el-form-item:nth-child(n+4) {
        margin-top: 2rem
    }
    .el-form-group[data-layout*=m3] .el-form-item:not(:nth-child(3n)):not(:last-child) {
        margin-right: 2rem
    }
    .el-form-group[data-layout*=m4] .el-form-item {
        width: calc((99.9% - 2rem*(4 - 1))/4)
    }
    .el-form-group[data-layout*=m4] .el-form-item:nth-child(n+5) {
        margin-top: 2rem
    }
    .el-form-group[data-layout*=m4] .el-form-item:not(:nth-child(4n)):not(:last-child) {
        margin-right: 2rem
    }
}
.el-form-group[data-layout] .el-form-group__body {
    display: flex;
    flex-wrap: wrap
}
.el-form-group[data-layout] .el-form-group__body .el-form-item>*:first-child {
    margin-top: 0 !important
}
.el-form-group[data-layout] .el-form-group__body .el-form-item>*:last-child {
    margin-bottom: 0 !important
}
.el-form-message {
    margin-bottom: .5rem
}
.el-form-message[data-validation-type] {
    display: none
}
.el-form-message[data-validation-type] span {
    color: var(--att-color)
}
:not([data-layout]) .el-input {
    max-width: 22rem
}
.el-input label {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
    width: 100%
}
.el-input input {
    width: 100%;
    background-color: var(--white)
}
.el-input input:disabled {
    background-color: var(--border-color)
}
.el-input input[data-validate-error] {
    border-color: var(--att-color) !important
}
.el-input input:has(+.el-input__icon) {
    padding-right: calc(1.6rem + 1rem)
}
.el-input__icon {
    position: absolute;
    right: 0;
    top: calc(50% - 1.6rem/2)
}
.el-input__icon i {
    width: 1.6rem;
    height: 1.6rem;
    display: block
}
.el-input__icon i svg {
    width: inherit;
    height: inherit
}
.el-input__icon i:where(.icon-password-hide, .icon-password-show) {
    cursor: pointer
}
.el-input[data-password-visibility=true] .icon-password-hide {
    display: none
}
.el-input:not([data-password-visibility]) .icon-password-show {
    display: none
}
.el-radio[data-layout=horizontal] {
    display: flex;
    gap: 1rem
}
.el-radio label {
    display: flex;
    gap: .5rem;
    align-items: center
}
.el-select select[readonly] {
    pointer-events: none
}
.el-select select:disabled {
    background-color: var(--border-color)
}
.el-textarea textarea[data-resize=none] {
    resize: none
}



/* ///// ここから追加（isonoura_250828） ///// */
.img_mv{
	position: absolute;
	top:53%;
	left:62%;
	width: 6%;	
}
@media only screen and (max-width: 768px) {
.img_mv{
	top:50%;
	left:79%;
	width: 19%;	
}	
}

/*　風船　*/
.fuwafuwa{
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}

@keyframes floating-y {
  0% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(5%);
  }
}

/*　吹き出し　*/
@media print, screen and (min-width: 1025px) {
.el-pic03 {
    margin: 3.2rem auto;
	width: 400px;
	position: relative;	
}
.el-pic03 .fukidashi {
    position: absolute;
	top:-7%;
	left:85%;
	width: 45%;
}
}
@media only screen and (max-width: 1024px) {
.el-pic03 {
	position: relative;	
	margin: 3.2rem auto 2rem;
	width: 400px;
}
.el-pic03 .fukidashi {
    position: absolute;
	top:-10%;
	left:70%;
	width: 180px;
}	
}
@media only screen and (max-width: 568px) {
.el-pic03 {
    margin: 3.2rem auto;
	width: 300px;
}
.el-pic03 .fukidashi {
	left: 66%;
	width: 130px;
}	
}
.el-pic03 img{
    display: block;
	width: 100%;
}
.fukidashi 
{
 animation-name: textanime;/*keyname*/
 animation-duration:5s;/*最大再生時間*/
 animation-iteration-count:infinite;/*繰り返し*/
}

@keyframes textanime
{
 0%{
  opacity: 0;
 }

 100%{
  opacity: 1;
 }
}

/*　矢印　*/
.arrow {
  display: inline-block;
  width: 22px;
  height: 24px;
  background: var(--text-color--default);
  opacity: .3;
  clip-path: polygon(0 63.2%, 31% 63.2%, 31% 0, 69% 0, 69% 63.2%, 100% 63.2%, 50% 100%);
  margin:8px auto -5px;
}



/*　表示・非表示　*/
.pc_only{
	display: block;
}
.sp_only{
	display:none;
}
@media only screen and (max-width: 768px) {
.pc_only{
	display: none;
}
.sp_only{
	display:block;
}	
}

/*　蛍光　*/
.keiko {
  background: linear-gradient(transparent 60%, #ffff48 20%);
}


/* /////　追加　///// */
.info_title{
	width: auto;
	height: 70px;
	display: block;
	margin: 70px auto 20px;
}

.img80{
	display: block;
	width: 80px;
	height: auto;
	margin: 0 auto;
}
.img70p{
	display: block;
	width: 70%;
	height: auto;
	margin: 0 auto;
}
.img60p{
	display: block;
	width: 60%;
	height: auto;
	margin: 0 auto;
}
.img20p{
	display: block;
	width: 20%;
	height: auto;
	margin: 0 auto;
}
.img100{
	display: block;
	width: 100px;
	height: auto;
	margin: 0 auto;
}
.img140{
	display: block;
	width: 140px;
	height: auto;
	margin: 0 auto;
}
.marginT20L10{
	margin-top:-20px;
	margin-left: -10px;
}
.marginB10{
	margin-bottom: 10px;
}

.center{
	display: block;
	text-align: center;
	padding-top: 0;
}


.info_sec{
	margin: 0 auto;

}
.el-ditail02{
	margin: 100px auto;	
	
}
.el-ditail03{
	margin: 30px auto;
	max-width: 500px;
	display: flex;
}
.el-ditail03 img{
	margin-left: 0;
}
.el-ditail03 p{
	max-width: 600px;
	margin:30px 0 0 40px;
}
@media only screen and (max-width: 768px) {
.el-ditail03{
	display: block;
}
.el-ditail03 img{
	margin: 30px auto 0;
}
.el-ditail03 p{
	width: 320px;
	margin:20px auto;
}
}

/* ///// ここからカード ///// */
.card,
.card02{
	flex-wrap: wrap;
	-webkit-display:flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
  }

/*.card02{
	display: flex;
  }*/
.card,
.card02{	
	max-width: 1080px;
	margin: 60px auto;
}
@media only screen and (max-width: 768px) {
.card{
	padding:5%;
}
.card02{
	display: block;	
}
}
/*.card01 {	
	max-width: 600px;
	margin: 20px auto ;
  }

.card04{
	display: flex;
	max-width: 1200px;
	margin: 10px auto ;
}*/

.card-item{
	width:22%;
}
.el-ditail04 .card-item01{
	width:45%;
	margin: 10px auto;
	background: #ececdc;
	padding:30px 2% 20px;
	border:5px solid #c3c191;
	border-radius: 20px;
	position: relative;
}

.object01{
	position: absolute;
	top:-40px;
	left:-30px;
	width: 240px;	
}

/*.card-item01:not(:first-child),*/
.card-item:not(:first-child){
    margin-left: 0rem;
  }	
.el-ditail04 .card-item02{
  	width: calc(100% / 2 - 10rem * 1 / 2);
	padding: 30px;
	background: #fff;
	border-radius: 1em;
}
.el-ditail04 .card-item02:not(:first-child){
    margin-left: 2%;
	width: 50%;
  }
@media only screen and (max-width: 768px) {
.el-ditail04 .card-item02{
  	width: 70%;
	margin: 10px auto;
}
.el-ditail04 .card-item02:not(:first-child){
    margin: 40px auto;
	width:90%;
  }
	
.el-ditail04 .card-item01,
.el-ditail04 .card-item01:not(:first-child){
	width: 95%;
	margin: 0 auto 50px;	
	}
}

.el-ditail02 .bonasimg{
	position: relative;
}
.el-ditail02 .bonasimg .bonas{
	position: absolute;
	top:-50px;
	left:10px;	
}
@media only screen and (max-width: 667px) {
.el-ditail02 .bonasimg{
	padding-top: 30px;
}
.el-ditail02 .bonasimg .bonas{
	position: absolute;
	top:-30px;
	left:80px;
	width: 240px;
}
}

.el-ditail04{
	margin: 0px auto 30px;
}
.el-ditail04 .card-item02{
	position: relative;
	margin-top: 100px;
}
.el-ditail04 h3{
   	position: absolute;
  	top:0;
	left: 30px;
	padding:1.5%  4%;
  	background: #cac99e;
  	color: white;	
}

.el-ditail04 .card-item02 .goods01{
	position: absolute;
	top:-50px;
	left:50%;
	max-width: 130px;
	width: 100%;
}
.el-ditail04 .card-item02 .goods02{
	position: absolute;
	top:160px;
	left:60%;
	max-width: 200px;
	width: 100%;
}
@media only screen and (max-width: 768px) {
.el-ditail04 .card-item02 .card-p{
	margin-left:-10px;
}
.el-ditail04 .card-item02 .goods01{
	top:-30px;
	left:60%;
	}
.el-ditail04 .card-item02 .goods02{
	top:160px;
	left:50%;
	}
}
@media only screen and (max-width: 568px) {
.el-ditail04 .card-item02 .goods01{
	top:-30px;
	left:60%;
	width: 100px;
	}
.el-ditail04 .card-item02 .goods02{
	top:170px;
	left:65%;
	width: 130px;
	}
}
.el-ditail04 .card-item02 .goods01 img{
	width: 100%;
}

.el-ditail04 .card-item02 .goods02 img{
	width: 100%;
}
.el-ditail04 .card-item02 .goods01 p,
.el-ditail04 .card-item02 .goods02 p{
	margin: -10px auto 0;
	text-align: center;
}
@media only screen and (max-width: 568px) {
.el-ditail04 .card-item02 .goods01 p,
.el-ditail04 .card-item02 .goods02 p{
	font-size:11px;;
}
}

.el-ditail02 .coution{
	text-align: left;
	width: 80%;
	margin: 40px auto;
}
@media only screen and (max-width: 768px) {
.el-ditail02 .coution{
	width: 100%;
	padding:0 3%;
}	
}


/*.el-ditail04 h3::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}*/
/*
.card-item04:not(:first-child){
    margin-left: 3%;
  }*/

.card-item img{
	display: block;
	margin:10px auto 20px;
}
.card-item02 img{
	display: block; 
	margin:10px auto;
	width: 50%;
}
.card-item02 p{
	margin:2em 0.5em 0;
	line-height: 2;
}


@media only screen and (max-width: 667px) {
.card{
    display:block;
	max-width: 420px;
	width: 100%;
	margin: 0 auto;
}

.card-item:not(:first-child),
.card-item01:not(:first-child),
.card-item02:not(:first-child){
    margin-left: 0;
}
	
.card-item,
.card-item01,
.card-item02{
    width: 100%;
	margin: 2em auto;
}
	
.card-item img{
	margin:1.5em auto; 
}
}

@media only screen and (max-width: 476px) {
.card{
	max-width: 360px;
	width: 100%;
	padding: 2%;
}

}
.bg_olive {
    position: relative;
	width: 100%;
	height: auto;
}
.bg_olive .coution{
	position: absolute;
	top: 60%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
	font-size: 1.6em;
	font-weight: bold;
	color: #796455;
}

.el-ditail05 .el-card__pic-container01{
	background-image: url("../img/fes04_event03_incon.png");	
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	padding: 36% 40px;
	position: relative;
}
@media only screen and (max-width: 980px) {
.el-ditail05 .el-card__pic-container01{
	margin-bottom: 50px;
}	
}
@media only screen and (max-width: 768px) {
.el-ditail05 .el-card__pic-container01{
	margin-bottom: 0px;
}	
}
@media only screen and (max-width: 476px) {
.el-ditail05 .el-card__pic-container01{
	padding: 45% 40px;
	position: relative;
}	
}
.el-ditail05 .el-card__pic-container02{
	background-image: url("../img/fes04_event03_maiko.png");	
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	padding: 36% 40px;
	position: relative;
}
.el-ditail05 .el-card__pic-container03{
	background-image: url("../img/fes04_event03_mashart.png");	
	background-size: 82%;
	background-repeat: no-repeat;
	background-position: center;
	padding: 36% 40px;
	position: relative;
}
.el-ditail05 .el-card__pic-container04{
	background-image: url("../img/fes04_event03_gamakatsu.png");	
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
	padding: 37% 40px;
	position: relative;
}
.el-ditail05 .el-card__pic-container05{
	background-image: url("../img/fes04_event03_kataro.png");	
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center;
	padding: 36% 40px;
	position: relative;
}
.el-ditail05 .el-card__pic-container06{
	background-image: url("../img/fes04_event03_kadasen.png");	
	background-size: 85%;
	background-repeat: no-repeat;
	background-position: center;
	padding: 36% 40px;
	position: relative;
}
.el-ditail05 .el-card__pic-container07{
	background-image: url("../img/fes04_event03_kadabussan.png");	
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	padding: 36% 40px;
	position: relative;
}
.el-ditail05 .el-card__pic-container01 .info_parts{
	position: absolute;
	top:35%;
	left:48%;
	width: 45%;
}
.el-ditail05 .el-card__pic-container02 .info_parts02{
	position: absolute;
	top:60%;
	left:22%;
}
.el-ditail05 .el-card__pic-container03 .info_parts03{
	position: absolute;
	top:46%;
	left:15%;
}
.el-ditail05 .el-card__pic-container04 .info_parts04{
	position: absolute;
	top:56%;
	left:20%;
}
.el-ditail05 .el-card__pic-container05 .info_parts05{
	position: absolute;
	top:36%;
	left:50%;
}
.el-ditail05 .el-card__pic-container06 .info_parts06{
	position: absolute;
	top:52%;
	left:22%;
	width: 53%;
}
.el-ditail05 .el-card__pic-container07 .info_parts07{
	position: absolute;
	top:50%;
	left:14%;
}

.el-card__pic-container01 h4.ev03_title,
.el-card__pic-container02 h4.ev03_title,
.el-card__pic-container03 h4.ev03_title,
.el-card__pic-container04 h4.ev03_title,
.el-card__pic-container05 h4.ev03_title,
.el-card__pic-container06 h4.ev03_title,
.el-card__pic-container07 h4.ev03_title{
	font-size:1.6rem;
	color: #f08800;
}

.el-ditail05 .img_detail03{
	max-width: 600px;
	width: 100%;
	margin: 60px auto 40px;
	padding:0 3%;
}

.el-ditail05 .info_title{
	width: auto;
	height: 70px;
	display: block;
	margin: 90px auto 0px;
}
.info_parts .el-btn03,
.info_parts02 .el-btn03,
.info_parts03 .el-btn03,
.info_parts04 .el-btn03,
.info_parts05 .el-btn03{
	display: inline-block;
	width: auto;
	height: auto;
	border-radius:50px;
	margin: 0 auto;
	padding: 5px 20px;
	transition: all .3s;
	font-size: 0.9em;
	font-weight: 600;
	text-decoration: none;
	margin-top: 5px;
}
.info_parts .el-btn03,
.info_parts02 .el-btn03,
.info_parts03 .el-btn03,
.info_parts04 .el-btn03,
.info_parts05 .el-btn03{
	text-align: center;
	color: #fff;
}
.ev03_read,
.ev03_read03{
	max-width: 300px;
	width: 100%;
}
.ev03_read02{
	max-width: 300px;
	width: 80%;
}
@media only screen and (max-width: 667px) {	
.ev03_read{
	max-width: 320px;
	width: 100%;
}
.ev03_read02{
	max-width: 320px;
	width: 100%;
}
.ev03_read03{
	max-width: 200px;
	width: 100%;
}
}
@media only screen and (max-width: 476px) {	
.ev03_read03{
	max-width: 120px;
	width: 100%;
}
}

.illust_L{
	position: absolute;
	top: 0;
	left:5%;
	width: 120px;
	z-index: 9;
}
.illust_R{
	position: absolute;
	top: 8;
	right:2%;
	width: 120px;
	z-index: 9;
}
.illust_L03{
	position: absolute;
	top: 20%;
	left:5%;
	width: 120px;
}
.illust_R03{
	position: absolute;
	top: 5;
	right:0;
	width: 120px;
}
.illust_L02{
	position: absolute;
	top: 20;
	left:0;
	width: 130px;
}
.illust_R02{
	position: absolute;
	top: 5px;
	right:18%;
	width: 120px;
}
@media only screen and (max-width: 667px) {	
.illust_R02{
	position: absolute;
	top: -60px;
	right:5%;
	width: 100px;
}	
}
.illust_L04{
	position: absolute;
	top: 70px;
	left:8%;
	width: 60px;
	z-index: 9;
}
.illust_R04{
	position: absolute;
	top: 30%;
	right:3%;
	width: 60px;
	z-index: 9;
}
.illust_L05{
	position: absolute;
	top: 26%;
	left:-1%;
	width: 100px;
	z-index: 9;
}
.illust_R05{
	position: absolute;
	bottom: 10%;
	right:5%;
	width: 100px;
	z-index: 9;
}
.illust_L06{
	position: absolute;
	bottom: 13%;
	left:8%;
	width: 60px;
}
.illust_R06{
	position: absolute;
	top: 40%;
	right:10%;
	width: 70px;
}
.illust_L07{
	position: absolute;
	bottom: 35%;
	left:5%;
	width: 90px;
	z-index: 9;
}
.illust_R07{
	position: absolute;
	top: -30px;
	right:5%;
	width: 200px;
}

.illust_L08{
	position: absolute;
	top: 38%;
	left:55%;
	width: 120px;
	z-index: -1;
}
@media only screen and (max-width: 768px) {	
.illust_L08{
	display: none;
}	
}


@media only screen and (max-width: 667px) {	
.illust_L,
.illust_R,
.illust_L03,
.illust_R03,
.illust_L02,
.illust_L04,
.illust_L05,
.illust_R05,
.illust_R06,
.illust_L07,
.illust_R07{
	display: none;
}
}

/*　横スライド　*/
.fuwafuwa{
  animation: floating-x 1.8s ease-in-out infinite alternate-reverse;
}

@keyframes floating-x {
  0% {
    transform: translateX(-8%);
  }
  100% {
    transform: translateX(0%);
  }
}