@charset "UTF-8";
/*--------------------------------------------------------------------------------------------------
  PC
--------------------------------------------------------------------------------------------------*/
#sumera *,
#sumera *::before,
#sumera *::after {
    box-sizing: border-box;
}
#sumera body,
#sumera h1,
#sumera h2,
#sumera h3,
#sumera h4,
#sumera h5,
#sumera h6,
#sumera ul,
#sumera ol,
#sumera dl,
#sumera li,
#sumera dt,
#sumera dd,
#sumera p,
#sumera div,
#sumera span,
#sumera img,
#sumera a,
#sumera table,
#sumera tr,
#sumera th,
#sumera td,
#sumera small,
#sumera button,
#sumera time,
#sumera figure {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
#sumera ol,
#sumera ul {
    list-style: none;
}
#sumera li,
#sumera dd {
    list-style-type: none;
}
#sumera header,
#sumera footer,
#sumera nav,
#sumera section,
#sumera article,
#sumera main,
#sumera aside,
#sumera figure,
#sumera figcaption {
    display: block;
}
#sumera img {
    border: none;
    vertical-align: bottom;
}
#sumera a {
    cursor: pointer;
    text-decoration: none;
}

#sumera {
    color: #000;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin: 0;
}
#sumera.is-active, #sumera.is-open {
    height: 100%;
    overflow: hidden;
}
#sumera .inner {
    margin: 0 auto;
    max-width: 1366px;
    min-width: 1024px;
    width: 100%;
    padding: 0 20px;
}
#sumera img {
    width: 100%;
    height: auto;
}
#sumera a {
    color: inherit;
}
#sumera .br-top {
    margin-top: 10px;
}
#sumera .sp-only {
    display: none;
}
#sumera #loader-bg {
    background: #fff;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 15;
}
#sumera .t-red {
    color: #E60012;
}

/*---------------------
ボタン
---------------------*/
#sumera .c-button {
    letter-spacing: 0.05em;
    color: #fff;
    background-color: #2F3A52;
    padding: 12px;
    max-width: 300px;
    display: block;
    border-radius: 25px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    transition: all 0.5s ease 0s;
}
#sumera .c-button::after {
    content: "";
    width: 8px;
    height: 16px;
    background: url(../image/arrow-icon-white.svg) center center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
}
#sumera .c-button:hover {
    background-color: #E60012;
}

/*---------------------
リンク
---------------------*/
#sumera .c-link,
#sumera #news .detail .detail-inner p a {
    font-weight: 700;
    line-height: 2;
    color: #2F3A52;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #2F3A52;
    padding-bottom: 5px;
    transition: all 0.5s ease 0s;
}
#sumera .c-link:hover,
#sumera #news .detail .detail-inner p a:hover {
    color: #E60012;
    border-bottom: 1px solid #E60012;
}

/*---------------------
トップページセクションタイトル
---------------------*/
#sumera .c-top-section-title {
    font-size: 32px;
    font-family: "Shippori Mincho", serif;
    letter-spacing: 0.06em;
    text-align: center;
}
#sumera .c-top-section-title small {
    display: block;
    font-size: 14px;
    color: #E60012;
    font-family: "Noto Sans JP", sans-serif;
}

/*---------------------
下層ページMV
---------------------*/
#sumera .c-lower-mv {
    position: relative;
    margin: 0 auto 60px;
    max-width: 1366px;
    width: 100%;
    height: 314px;
}
#sumera .c-lower-mv .img {
    height: 100%;
}
#sumera .c-lower-mv .img img {
    height: 100%;
    object-fit: cover;
}
#sumera .c-lower-mv h1, #sumera .c-lower-mv .title {
    width: max-content;
    color: #fff;
    text-align: center;
    font-size: 40px;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#sumera .c-lower-mv h1 small, #sumera .c-lower-mv .title small {
    font-size: 14px;
    letter-spacing: 0.06em;
    margin-top: 2px;
    display: block;
}

/*---------------------
下層ページセクションタイトル
---------------------*/
#sumera .c-section-title {
    font-size: 32px;
    font-family: "Shippori Mincho", serif;
    letter-spacing: 0.06em;
    text-align: center;
    padding-bottom: 10px;
    position: relative;
    color: #2F3A52;
}
#sumera .c-section-title::after {
    content: "";
    width: 30px;
    height: 1px;
    background: #E60012;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

#sumera .c-title-icon {
    width: 80px;
    margin: 0 auto 10px;
}

/*---------------------
お知らせ記事
---------------------*/
#sumera .c-article {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
#sumera .c-article a {
    font-size: 18px;
    padding: 31px 30px 31px 0;
    display: block;
    transition: all 0.5s ease 0s;
    position: relative;
    display: flex;
}
#sumera .c-article a time {
    padding-top: 4px;
    font-size: 14px;
    margin-right: 20px;
}
#sumera .c-article a::after {
    content: "";
    width: 8px;
    height: 16px;
    background: url(../image/arrow-icon-main.svg) center center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
}
#sumera .c-article a:hover {
    background: rgba(210, 209, 208, 0.2);
}

/*---------------------
カレンダー
---------------------*/
#sumera .c-calendar .calendar-slide-items {
    padding: 0 50px;
    position: relative;
}
#sumera .c-calendar .calendar-slide-items .slick-prev, #sumera .c-calendar .calendar-slide-items .slick-next {
    width: 50px;
    height: 60px;
    position: absolute;
    bottom: 40%;
    color: transparent;
    background: transparent;
    transition: all 0.5s ease 0s;
}
#sumera .c-calendar .calendar-slide-items .slick-prev::after, #sumera .c-calendar .calendar-slide-items .slick-next::after {
    content: "";
    width: 40px;
    height: 40px;
    border-right: 1px solid #2F3A52;
    border-bottom: 1px solid #2F3A52;
    transform: rotate(135deg);
    position: absolute;
    top: 9px;
}
#sumera .c-calendar .calendar-slide-items .slick-prev {
    left: 0;
}
#sumera .c-calendar .calendar-slide-items .slick-prev::after {
    left: 0;
}
#sumera .c-calendar .calendar-slide-items .slick-next {
    right: 0;
    transform: rotate(180deg);
}
#sumera .c-calendar .calendar-slide-items .slick-next::after {
    right: 0;
}
#sumera .c-calendar .calendar-slide-items button[aria-disabled=true] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}
#sumera .c-calendar .calendar-slide-item {
    background: #fff;
    padding: 20px;
}
#sumera .c-calendar .slide-items__item table {
    width: 100%;
}
#sumera .c-calendar .slide-items__item caption {
    margin-bottom: 20px;
    font-size: 24px;
    font-family: "Roboto", sans-serif;
}
#sumera .c-calendar .slide-items__item th {
    text-align: center;
    font-weight: 700;
    color: #666666;
    width: 14%;
}
#sumera .c-calendar .slide-items__item tr {
    display: flex;
    align-items: center;
    justify-content: center;
}
#sumera .c-calendar .slide-items__item td {
    font-family: "Roboto", sans-serif;
    background: #E8ECEF;
    aspect-ratio: 1/1;
    width: 14%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    font-size: 20px;
    font-weight: 700;
}
#sumera .c-calendar .slide-items__item .sc_closed {
    background: #E8A891;
}
#sumera .c-calendar .slide-items__item .sc_early {
    background: #66CCFF;
}

/*---------------------
学校番号検索
---------------------*/
#sumera .school-number .school-number-inner {
    margin: 0 auto;
    max-width: 1065px;
    border-radius: 8px;
    border: 1px solid #004785;
}
#sumera .school-number .school-number-inner .school-number-head {
    background: #004785;
    padding: 16px;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#sumera .school-number .school-number-inner .school-number-head h4 {
    display: inline-block;
    color: #fff;
    font-family: "Shippori Mincho", serif;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    position: relative;
}
#sumera .school-number .school-number-inner .school-number-head h4::before {
    content: "";
    width: 17px;
    height: 17px;
    background: url(../image/search-icon.svg) center center/contain no-repeat;
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
}
#sumera .school-number .school-number-inner .school-number-body {
    padding: 32px 90px 40px;
    background: #F5F7FA;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
#sumera .school-number .school-number-inner .school-number-body .flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
#sumera .school-number .school-number-inner .school-number-body .flex .input {
    width: calc(50% - 50px);
    text-align: right;
    gap: 24px;
    display: flex;
    flex-direction: column;
}
#sumera .school-number .school-number-inner .school-number-body .flex .input label {
    justify-content: right;
    font-size: 18px;
    font-weight: 500;
    color: #2F3A52;
    display: inline-flex;
    align-items: center;
}
#sumera .school-number .school-number-inner .school-number-body .flex .input label .select-wrapper {
    margin-left: 14px;
    max-width: 320px;
    width: 80%;
    position: relative;
}
#sumera .school-number .school-number-inner .school-number-body .flex .input label .select-wrapper::after {
    position: absolute;
    right: 12px;
    width: 12px;
    height: 7px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
    background-color: #D2D1D0;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: "";
    pointer-events: none;
}
#sumera .school-number .school-number-inner .school-number-body .flex .input label .selectbox {
    font-size: 16px;
    appearance: none;
    width: 100%;
    padding: 8px 6px 8px 14px;
    border: 1px solid #2f3a52;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer;
}
#sumera .school-number .school-number-inner .school-number-body .flex .arrow-icon {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 30px;
}
#sumera .school-number .school-number-inner .school-number-body .flex .arrow-icon::after {
    width: 100%;
    height: 100%;
    content: "";
    border-bottom: 1px solid #2F3A52;
    border-right: 1px solid #2F3A52;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: 10px;
}
#sumera .school-number .school-number-inner .school-number-body .flex .number {
    width: calc(50% - 50px);
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}
#sumera .school-number .school-number-inner .school-number-body .flex .number span {
    height: 72px;
    letter-spacing: 0.06em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    font-size: 32px;
    font-family: "Shippori Mincho", serif;
    background: rgba(112, 112, 112, 0.1);
    border-radius: 8px;
}
#sumera .school-number .school-number-inner .school-number-body .attention {
    margin: 24px auto 0;
    font-size: 14px;
    width: fit-content;
    line-height: 2;
}
#sumera .school-number .school-number-inner .school-number-body .attention .bold {
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 6px;
    color: #2F3A52;
}

/*---------------------
店舗情報
---------------------*/
#sumera .store-info {
    padding: 0 0 78px;
    position: relative;
}
#sumera .store-info::after {
    content: "";
    width: 78%;
    height: 78%;
    background: #F5F7FA;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

#sumera .store-info-inner {
    max-width: 932px;
    margin: 0 auto;
}
#sumera .store-info-inner ul {
    margin-top: 50px;
}
#sumera .store-info-inner ul li {
    display: flex;
    margin-top: 73px;
}
#sumera .store-info-inner ul li:first-child {
    margin-top: 0;
}
#sumera .store-info-inner ul li .image {
    width: 360px;
}
#sumera .store-info-inner ul li .image a {
    display: block;
    transition: all 0.5s ease 0s;
}
#sumera .store-info-inner ul li .image a:hover {
    opacity: 0.7;
}
#sumera .store-info-inner ul li .image img {
    border-radius: 8px;
}
#sumera .store-info-inner ul li .info {
    width: calc(100% - 360px - 46px);
    margin-left: 46px;
    text-align: left;
    margin-top: 14px;
}
#sumera .store-info-inner ul li .info h3 a {
    font-size: 24px;
    font-family: "Shippori Mincho", serif;
    transition: all 0.5s ease 0s;
}
#sumera .store-info-inner ul li .info h3 a:hover {
    opacity: 0.7;
}
#sumera .store-info-inner ul li .info dl {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
}
#sumera .store-info-inner ul li .info dl dt {
    margin-top: 10px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    width: 15%;
    color: #2F3A52;
}
#sumera .store-info-inner ul li .info dl dt:first-child {
    margin-top: 0;
}
#sumera .store-info-inner ul li .info dl dd {
    margin-top: 10px;
    width: 85%;
}
#sumera .store-info-inner ul li .info dl dd:nth-child(2) {
    margin-top: 0;
}
#sumera .store-info-inner ul li .info .link {
    margin-top: 20px;
    text-align: right;
    margin-right: 30px;
}

/*---------------------
ヘッダー
---------------------*/
#sumera #header .header-wrapper {
    position: relative;
    max-width: 1366px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-top: 34px;
    padding-bottom: 40px;
}
#sumera #header .header-logo {
    width: 130px;
    margin: 0 auto;
    z-index: 300;
}
#sumera #header .header-logo a {
    display: block;
}
#sumera #header nav {
    margin-top: 40px;
}
#sumera #header nav ul {
    display: flex;
    justify-content: center;
}
#sumera #header nav ul li {
    font-family: "Shippori Mincho", serif;
    text-align: center;
    padding: 0 3%;
    position: relative;
}
#sumera #header nav ul li::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background-image: radial-gradient(circle, #2F3A52 1px, rgba(255, 255, 255, 0) 1px);
    background-size: 2px 6px;
}
#sumera #header nav ul li:first-child::after {
    display: none;
}
#sumera #header nav ul li a {
    display: block;
}
#sumera #header nav ul li a .ja {
    font-weight: 500;
    transition: all 0.5s ease 0s;
    padding: 5px 8px;
}
#sumera #header nav ul li a small {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 12px;
    margin-top: 2px;
    display: block;
    color: #2F3A52;
    transition: all 0.5s ease 0s;
    letter-spacing: 0.1em;
}
#sumera #header nav ul li a:hover .ja {
    background: #F6F6F6;
}
#sumera #header nav ul li a:hover small {
    color: #E60012;
}
#sumera #header nav ul li:first-child {
    border-width: 0;
}
#sumera #header .header-fixed {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    z-index: 200;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#sumera .header-fixed-left {
    position: absolute;
    z-index: 200;
    top: 20px;
    left: 20px;
    width: fit-content;
}
#sumera .header-fixed-left a .header-fixed-logo {
    width: 40px;
}
#sumera .header-fixed-left .company-name {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#sumera .header-fixed-left .company-name p {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    color: #E60012;
    font-size: 12px;
    letter-spacing: 0.17em;
    width: fit-content;
}
#sumera .header-fixed-left .company-name .bold {
    margin-top: 14px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25em;
}

#sumera .header-tel {
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 33px;
    border-bottom-left-radius: 25px;
}
#sumera .header-tel::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.3);
    border-bottom-left-radius: 25px;
    z-index: -1;
}
#sumera .header-tel ul {
    display: flex;
    gap: 36px;
}
#sumera .header-tel ul li {
    width: fit-content;
}
#sumera .header-tel ul li a {
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
}
#sumera .header-tel ul li a small {
    font-size: 11px;
}
#sumera .header-tel ul li a span {
    font-size: 14px;
    font-weight: 400;
    display: block;
    border-top: dotted 2px #2F3A52;
    padding-top: 4px;
    margin-top: 4px;
}

#sumera .sp-header-right {
    margin-left: auto;
    z-index: 300;
}
#sumera .sp-header-right ul {
    display: flex;
    gap: 8px;
}
#sumera .sp-header-right ul li {
    display: flex;
    align-items: center;
}
#sumera .sp-header-right ul li button {
    height: 80px;
    background: transparent;
    font-size: 12px;
    font-weight: 500;
    color: #2F3A52;
    width: 50px;
    height: 50px;
}
#sumera .sp-header-right ul .sp-header-tel {
    position: relative;
}
#sumera .sp-header-right ul .sp-header-tel::before {
    width: 25px;
    height: 25px;
    content: "";
    background: url(../image/tel-icon.svg) center center/contain no-repeat;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-50%);
}
#sumera .sp-header-right ul .sp-header-tel::after {
    content: "TEL";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
}
#sumera .sp-header-right ul .header-drwer {
    position: relative;
}
#sumera .sp-header-right ul .header-drwer::before {
    width: 25px;
    height: 25px;
    content: "";
    background: url(../image/sp-menu-icon.svg) center center/contain no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#sumera .sp-header-right ul .header-drwer::after {
    content: "MENU";
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

#sumera #header .drawer-menu {
    background: #F5F7FA;
    padding: 16px 20px 80px;
    margin-top: 80px;
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    pointer-events: none;
    overflow: scroll;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.3s linear;
}
#sumera #header .drawer-menu nav ul {
    flex-direction: column;
}
#sumera #header .drawer-menu nav ul li {
    padding: 0;
    border-left: 0;
}
#sumera #header .drawer-menu nav ul li:last-child {
    padding-bottom: 80px;
}
#sumera #header .drawer-menu nav ul li::after {
    display: none;
}
#sumera #header .drawer-menu nav ul li a {
    padding: 24px 0;
    position: relative;
}
#sumera #header .drawer-menu nav ul li:not(:first-child) a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: radial-gradient(circle, #2F3A52 1px, rgba(255, 255, 255, 0) 1px);
    background-size: 6px 2px;
}
#sumera #header .drawer-menu nav ul li:nth-child(7) a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: radial-gradient(circle, #2F3A52 1px, rgba(255, 255, 255, 0) 1px);
    background-size: 6px 2px;
}
#sumera #header .drawer-menu nav ul li:first-child {
    margin-bottom: 20px;
}
#sumera #header .drawer-menu nav ul li:last-child {
    margin-top: 20px;
}
#sumera #header .drawer-menu nav ul li:last-child a::before {
    display: none;
}

#sumera.is-active #header {
    background: #F5F7FA;
}
#sumera.is-active #header .sp-header-right .sp-header-tel {
    display: none;
}
#sumera.is-active #header .sp-header-right .header-drwer::before {
    background: url(../image/close-icon.svg) center center/contain no-repeat;
}
#sumera.is-active #header .sp-header-right .header-drwer::after {
    content: "CLOSE";
}
#sumera.is-active #header .drawer-menu {
    opacity: 1;
    pointer-events: auto;
}
#sumera.is-active #header .drawer-menu nav {
    margin-top: 0;
}

#sumera.is-open #header .sp-header-right ul .sp-header-tel::before {
    background: url(../image/close-icon.svg) center center/contain no-repeat;
}
#sumera.is-open #header .sp-header-right ul .sp-header-tel::after {
    content: "CLOSE";
}
#sumera.is-open #header .header-drwer {
    display: none;
}
#sumera.is-open #header .header-tel {
    opacity: 1;
    pointer-events: auto;
}

/*---------------------
フッター
---------------------*/
#sumera .footer {
    margin-top: 80px;
    background: #F5F7FA;
    padding-top: 50px;
}
#sumera .footer .footer-logo {
    margin: 0 auto;
    width: 160px;
}
#sumera .footer .footer-logo a {
    display: block;
    transition: all 0.5s ease 0s;
}
#sumera .footer .footer-logo a:hover {
    opacity: 0.7;
}
#sumera .footer .footer-tel a {
    margin: 11px auto;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #E60012;
    transition: all 0.5s ease 0s;
    font-weight: 700;
    font-size: 18px;
}
#sumera .footer .footer-tel a .icon {
    width: 20px;
    padding-bottom: 8px;
}
#sumera .footer .footer-tel a:hover {
    opacity: 0.7;
}
#sumera .footer .footer-license {
    font-weight: bold;
    text-align: center;
}
#sumera .footer nav {
    margin: 28px auto 0;
    max-width: 1366px;
}
#sumera .footer nav ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 20px;
}
#sumera .footer nav ul li {
    font-family: "Shippori Mincho", serif;
    text-align: center;
    padding: 0 2.8%;
    position: relative;
}
#sumera .footer nav ul li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-image: radial-gradient(circle, #2F3A52 1px, rgba(255, 255, 255, 0) 1px);
    background-size: 2px 6px;
}
#sumera .footer nav ul li:first-child::after {
    display: none;
}
#sumera .footer nav ul li a {
    display: block;
}
#sumera .footer nav ul li a .ja {
    font-weight: 500;
    transition: all 0.5s ease 0s;
    padding: 5px 8px;
}
#sumera .footer nav ul li a small {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-size: 12px;
    margin-top: 2px;
    display: block;
    color: #2F3A52;
    transition: all 0.5s ease 0s;
    letter-spacing: 0.1em;
}
#sumera .footer nav ul li a:hover .ja {
    background: #F6F6F6;
}
#sumera .footer nav ul li a:hover small {
    color: #E60012;
}
#sumera .footer nav ul li:first-child {
    border-left: 0;
}
#sumera .footer .link {
    display: flex;
    align-items: center;
    justify-content: center;
}
#sumera .footer .link li {
    text-align: center;
    margin-top: 48px;
    padding: 0 2.8%;
}
#sumera .footer .link li a {
    display: block;
    font-size: 14px;
    transition: all 0.5s ease 0s;
}
#sumera .footer .link li a:hover {
    color: #E60012;
}
#sumera .footer .cloudsecure img {
    width: 150px;
}
#sumera .footer .copyright {
    margin-top: 16px;
    padding: 12px 0 14px;
    background: #2F3A52;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

/*---------------------
トップページ
---------------------*/
#sumera #top .mv {
    margin: 0 auto;
    max-width: 1366px;
    min-width: 1024px;
    width: 100%;
}
#sumera #top .mv .mv-img2 {
    position: relative;
}
#sumera #top .mv .mv-img2 .text-area {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    padding: 0 20px;
}
#sumera #top .mv .mv-img2 .inner {
    font-family: "Shippori Mincho", serif;
}
#sumera #top .mv .mv-img2 .inner .title {
    font-size: 53px;
    color: #004785;
    line-height: 1.3;
}
#sumera #top .mv .mv-img2 .inner .text {
    margin-top: 24px;
    font-weight: 500;
}
#sumera #top .kobe-model {
    margin-top: 40px;
}
#sumera #top .kobe-model .kobe-model-inner {
    position: relative;
    padding: 40px;
    background-image: url(../image/bg-check.webp);
    background-image: -webkit-image-set(url(../image/bg-check.webp) 1x, url(../image/bg-check.webp@2x) 2x);
    background-image: image-set(url(../image/bg-check.webp) 1x, url(../image/bg-check@2x.webp) 2x);
    background-size: cover;
    max-width: 1200px;
    margin: 0 auto;
}
#sumera #top .kobe-model .kobe-model-inner .kobe-model-text {
    text-align: center;
    padding: 48px 0 38px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
#sumera #top .kobe-model .kobe-model-inner .kobe-model-text h2 {
    font-size: 24px;
    font-family: "Shippori Mincho", serif;
}
#sumera #top .kobe-model .kobe-model-inner .kobe-model-text p {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #E60012;
}
#sumera #top .kobe-model .kobe-model-inner .kobe-model-text .btn {
    margin-top: 26px;
    text-align: center;
}
#sumera #top .news-calendar {
    margin-top: 100px;
}
#sumera #top .news-calendar .inner {
    max-width: 1200px;
    display: flex;
}
#sumera #top .news-calendar .news-inner {
    width: 50%;
    padding: 8px 58px 0 30px;
    position: relative;
}
#sumera #top .news-calendar .news-inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-image: radial-gradient(circle, #2F3A52 1px, rgba(255, 255, 255, 0) 1px);
    background-size: 2px 6px;
}
#sumera #top .news-calendar .news-inner .article-wrapper {
    margin-top: 22px;
}
#sumera #top .news-calendar .news-inner .news-btn {
    margin-top: 30px;
}
#sumera #top .news-calendar .news-inner .precautions-btn {
    margin-top: 14px;
}
#sumera #top .news-calendar .c-calendar {
    padding: 8px 30px 0 58px;
    width: 50%;
}
#sumera #top .news-calendar .c-calendar .slide-items__wrap {
    margin-top: 30px;
}
#sumera #top .news-calendar .c-calendar .attention {
    margin-top: 12px;
    font-size: 14px;
    width: fit-content;
}
#sumera #top .school-number {
    margin-top: 50px;
}
#sumera #top .store-info {
    margin-top: 100px;
}
#sumera #top .store-info h2 {
    font-size: 40px;
}
#sumera #top .page-view {
    margin-top: 58px;
}
#sumera #top .page-view .inner {
    max-width: 1180px;
}
#sumera #top .page-view ul {
    display: flex;
}
#sumera #top .page-view ul li {
    width: calc(33.3% - 22.6666666667px);
    margin-left: 34px;
}
#sumera #top .page-view ul li:first-child {
    margin-left: 0;
}
#sumera #top .page-view ul li a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    padding: 18px 16px 20px;
    transition: all 0.5s ease 0s;
    background: #fff;
    height: 100%;
    border: dotted 2px #2F3A52;
    border-radius: 8px;
}
#sumera #top .page-view ul li a:hover {
    background: rgba(210, 209, 208, 0.2);
}
#sumera #top .page-view ul li a .icon {
    width: 20px;
    margin: 0 auto;
}
#sumera #top .page-view ul li a h2 {
    margin-top: 12px;
    font-size: 18px;
    letter-spacing: 0.05em;
    font-weight: 500;
    font-family: "Shippori Mincho", serif;
}
#sumera #top .page-view ul li a p {
    margin-top: 12px;
    font-size: 14px;
}
#sumera #top .page-view ul li a .arrow-icon {
    margin: auto auto 0;
    width: 30px;
    margin-top: 9px;
}
#sumera #top .return-policy {
    margin-top: 88px;
}
#sumera #top .return-policy .return-policy-inner {
    padding: 44px 128px 44px;
    border: 2px solid #E60012;
    border-radius: 8px;
    max-width: 982px;
    margin: 0 auto;
    font-size: 14px;
}
#sumera #top .return-policy .return-policy-inner h3 {
    font-size: 24px;
    font-weight: 500;
    font-family: "Shippori Mincho", serif;
    text-align: center;
}
#sumera #top .return-policy-content {
    margin-top: 38px;
}
#sumera #top .return-policy-content p {
    line-height: 1.8;
}
#sumera #top .return-policy-content ol {
    margin-top: 14px;
}
#sumera #top .return-policy-content ol li {
    margin-top: 6px;
    display: flex;
}
#sumera #top .return-policy-content ol li:first-child {
    margin-top: 0;
}
#sumera #top .return-policy-content ol li span {
    font-weight: 500;
}
#sumera #top .return-policy-content ol li p {
    margin-left: 8px;
}
#sumera #top .return-policy-attention {
    margin-top: 28px;
}
#sumera #top .return-policy-attention ul {
    margin-top: 14px;
}
#sumera #top .return-policy-attention ul li {
    display: flex;
}
#sumera #top .return-policy-attention ul li:nth-child(2) {
    margin-top: 7px;
}
#sumera #top .return-policy-attention ul li span {
    padding-top: 4px;
    width: 18px;
    height: 28px;
    position: relative;
}
#sumera #top .return-policy-attention ul li span::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #2F3A52;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#sumera #top .return-policy-attention ul li p {
    width: calc(100% - 18px);
}

/*---------------------
会社情報ページ
---------------------*/
#sumera #company .philosophy {
    padding: 57px 0;
    background-image: url(./image/company-philosophy.webp);
    background-image: -webkit-image-set(url(./image/company-philosophy.webp) 1x, url(./image/company-philosophy@2x.webp) 2x);
    background-image: image-set(url(./image/company-philosophy.webp) 1x, url(./image/company-philosophy@2x.webp) 2x);
    background-size: cover;
}
#sumera #company .philosophy .philosophy-inner {
    max-width: 725px;
    width: 100%;
    margin: 0 auto;
}
#sumera #company .philosophy .text-img {
    margin: 14px auto 0;
    width: 350px;
}
#sumera #company .philosophy p {
    line-height: 2;
    letter-spacing: 0.03em;
    margin-top: -13px;
}
#sumera #company .business {
    margin-top: 100px;
}
#sumera #company .business h3 {
    margin-top: 28px;
    font-size: 24px;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-align: center;
    color: #2F3A52;
}
#sumera #company .business p {
    max-width: 710px;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    letter-spacing: 0.03em;
    line-height: 2;
}
#sumera #company .company {
    padding: 0;
    margin-top: 95px;
    position: relative;
}
#sumera #company .company .company-inner {
    position: relative;
    margin-top: 27px;
}
#sumera #company .company .company-left {
    position: absolute;
    top: 0;
    right: 52%;
    width: 678px;
}
#sumera #company .company .flex {
    margin-top: 26px;
    display: flex;
    max-width: 1366px;
}
#sumera #company .company .company-right {
    width: 43%;
    margin-left: auto;
    margin-right: 38px;
}
#sumera #company .company dl {
    border-top: 1px solid #D5D5D5;
}
#sumera #company .company .company-info {
    display: flex;
    padding: 14px 0;
    border-bottom: 1px solid #D5D5D5;
}
#sumera #company .company .company-info dt {
    width: 30%;
    letter-spacing: 0.03em;
    font-weight: 500;
    line-height: 2;
    color: #2F3A52;
}
#sumera #company .company .company-info dd {
    width: 70%;
    letter-spacing: 0.03em;
    line-height: 2;
}
#sumera #company .company .company-info dd a {
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: all 0.5s ease 0s;
}
#sumera #company .company .company-info dd a:hover {
    opacity: 0.7;
}
#sumera #company .store-info {
    margin-top: 154px;
}
#sumera #company .store-info ul {
    margin-top: 30px;
}

/*---------------------
お知らせ一覧ページ
---------------------*/
#sumera #news .article-wrapper {
    max-width: 725px;
    margin: 0 auto;
}
#sumera #news .navigation {
    margin-top: 60px;
}
#sumera #news .page-numbers {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: center;
    gap: 12px;
}
#sumera #news .page-numbers li a {
    color: #2F3A52;
    width: 47px;
    height: 47px;
    background: #F5F7FA;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease 0s;
}
#sumera #news .page-numbers li a:hover {
    color: #fff;
    background: #2F3A52;
}
#sumera #news .page-numbers li .current {
    color: #fff;
    width: 47px;
    height: 47px;
    background: #2F3A52;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#sumera #news .page-numbers li:nth-child(3) {
    display: flex;
    align-items: end;
}
#sumera #news .page-numbers li:last-child a {
    width: auto;
    padding: 0 25px;
    color: #fff;
    background: #2F3A52;
    border-radius: 25px;
}

/*---------------------
お知らせ詳細ページ
---------------------*/
#sumera #news .detail-inner {
    max-width: 725px;
    margin: 0 auto;
}
#sumera #news .detail-inner .date {
    font-size: 18px;
    text-align: center;
    color: #2F3A52;
}
#sumera #news .detail-inner h1 {
    margin-top: 10px;
}
#sumera #news .detail-inner p {
    margin-top: 18px;
    line-height: 2;
    letter-spacing: 0.03em;
}
#sumera #news .btn {
    margin-top: 60px;
}

/*---------------------
採寸とお手入れページ
---------------------*/
#sumera #howto .size-inner {
    max-width: 787px;
    margin: 0 auto;
}
#sumera #howto .size-inner .flex {
    display: flex;
    margin-top: 28px;
}
#sumera #howto .size-inner .flex .img {
    width: 43%;
}
#sumera #howto .size-inner .flex .text {
    width: 52%;
    margin-left: auto;
    line-height: 2;
    letter-spacing: 0.03em;
}
#sumera #howto .size-inner .youtube {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
}
#sumera #howto .size-inner .youtube li {
    width: 48%;
    position: relative;
    padding-bottom: 27%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
#sumera #howto .size-inner .youtube li iframe {
    transition: all 0.5s ease 0s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
#sumera #howto .size-inner .youtube li iframe:hover {
    opacity: 0.7;
}
#sumera #howto .sp-howto-nav {
    margin-top: 50px;
    border-top: 2px dotted #004785;
    border-bottom: 2px dotted #004785;
    font-size: 14px;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    background: #fff;
    z-index: 100;
}
#sumera #howto .sp-howto-nav ul {
    display: flex;
}
#sumera #howto .sp-howto-nav li {
    width: 33.3%;
}
#sumera #howto .sp-howto-nav li a {
    text-align: center;
    padding: 16px 0 13px;
    position: relative;
    display: block;
    font-weight: 500;
    color: #004785;
    line-height: 1.2;
}
#sumera #howto .sp-howto-nav li a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 70%;
    transform: translateY(-50%);
    background-image: radial-gradient(circle, #D2D1D0 1px, rgba(255, 255, 255, 0) 1px);
    background-size: 2px 6px;
}
#sumera #howto .sp-howto-nav li:first-child a::after {
    display: none;
}
#sumera #howto .sp-howto-nav .icon {
    width: 30px;
    margin: 0 auto 5px;
}
#sumera #howto .school-uniform {
    margin-top: 100px;
}
#sumera #howto .school-uniform .inner {
    max-width: 1154px;
}
#sumera #howto .gym-clothes {
    margin-top: 100px;
}
#sumera #howto .gym-clothes .inner {
    max-width: 1154px;
}
#sumera #howto .howto-items {
    margin-top: 28px;
}
#sumera #howto .howto-item {
    display: flex;
    margin-top: 40px;
}
#sumera #howto .howto-item:first-child {
    margin-top: 0;
}
#sumera #howto .howto-item .img {
    width: 294px;
    margin: 0 auto;
}
#sumera #howto .howto-item .text {
    width: calc(100% - 345px);
    margin-left: auto;
}
#sumera #howto .howto-item .text h3 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.06em;
    font-family: "Shippori Mincho", serif;
    color: #2F3A52;
}
#sumera #howto .howto-item .text p {
    margin-top: 6px;
    line-height: 2.1;
}
#sumera #howto .washDisplay {
    margin-top: 100px;
}
#sumera #howto .washDisplay .inner {
    max-width: 1154px;
}
#sumera #howto .washDisplay .howto-item {
    margin-top: 28px;
}
#sumera #howto .washDisplay .link {
    margin-top: 20px;
}

/*---------------------
修理・お直しページ
---------------------*/
#sumera #repair .request {
    padding: 46px 11% 52px;
    border: 2px solid #E60012;
    border-radius: 8px;
    max-width: 994px;
    margin: 0 auto;
}
#sumera #repair .request h3 {
    display: block;
    font-size: 24px;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-align: center;
}
#sumera #repair .request ul {
    margin-top: 34px;
    line-height: 1.5;
}
#sumera #repair .request ul li {
    padding-left: 10px;
    margin-top: 8px;
    position: relative;
}
#sumera #repair .request ul li:first-child {
    margin-top: 0;
}
#sumera #repair .request ul li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
    background: #004785;
}
#sumera #repair .request .link {
    margin-left: 10px;
}
#sumera #repair .request .link a {
    font-size: 14px;
}
#sumera #repair .request .link a svg {
    margin-left: 8px;
}
#sumera #repair .request .link a path {
    transition: all 0.5s ease 0s;
}
#sumera #repair .request .link a:hover path {
    fill: #E60012;
}
#sumera #repair .cloth-fix .top-text {
    font-size: 15px;
    max-width: 725px;
    margin: 28px auto 0;
    line-height: 2;
    letter-spacing: 0.03em;
}
#sumera #repair .cloth-fix .request {
    margin: 23px auto 0;
}
#sumera #repair .cloth-fix .repair-fee {
    max-width: 1200px;
    margin: 50px auto 0;
    background: #F5F7FA;
    padding: 50px 10%;
}
#sumera #repair .cloth-fix .repair-fee h3 {
    font-size: 24px;
    font-family: "Shippori Mincho", serif;
    letter-spacing: 0.06em;
    text-align: center;
}
#sumera #repair .cloth-fix .repair-fee .fee-items {
    max-width: 824px;
    margin: 34px auto 0;
    display: flex;
    justify-content: space-between;
}
#sumera #repair .cloth-fix .repair-fee .fee-items .left, #sumera #repair .cloth-fix .repair-fee .fee-items .right {
    width: 47%;
}
#sumera #repair .cloth-fix .repair-fee .fee-item {
    margin-top: 26px;
}
#sumera #repair .cloth-fix .repair-fee .fee-item:first-child {
    margin-top: 0;
}
#sumera #repair .cloth-fix .repair-fee .fee-item h4 {
    padding: 12px;
    background: rgba(0, 71, 133, 0.2);
    text-align: center;
    border-bottom: 1px solid #2F3A52;
}
#sumera #repair .cloth-fix .repair-fee .fee-item dl {
    display: flex;
    flex-wrap: wrap;
}
#sumera #repair .cloth-fix .repair-fee .fee-item dt, #sumera #repair .cloth-fix .repair-fee .fee-item dd {
    border-bottom: 1px solid #2F3A52;
    padding: 13px 0;
}
#sumera #repair .cloth-fix .repair-fee .fee-item dt {
    width: 70%;
    padding-left: 22px;
}
#sumera #repair .cloth-fix .repair-fee .fee-item dd {
    width: 30%;
    padding-right: 15px;
    text-align: right;
}
#sumera #repair .cloth-fix .repair-fee p {
    margin-top: 30px;
    text-align: center;
}
#sumera #repair .cloth-name {
    margin-top: 100px;
}
#sumera #repair .cloth-name .top-text {
    font-size: 15px;
    max-width: 725px;
    margin: 28px auto 0;
    line-height: 1.8;
}
#sumera #repair .cloth-name .request {
    margin-top: 30px;
}

/*---------------------
お支払い方法ページ
---------------------*/
#sumera #payment .tel .tel-inner {
    max-width: 725px;
    margin: 0 auto;
}
#sumera #payment .tel p {
    letter-spacing: 0.03em;
    line-height: 2;
}
#sumera #payment .tel .top-text {
    margin-top: 28px;
    font-size: 15px;
}
#sumera #payment .tel ol {
    margin-top: 16px;
    padding-left: 20px;
}
#sumera #payment .tel ol li {
    list-style-type: decimal;
    letter-spacing: 0.03em;
    line-height: 2;
}
#sumera #payment .tel .btn {
    margin-top: 37px;
}
#sumera #payment .repair {
    margin-top: 100px;
}
#sumera #payment .repair ol {
    max-width: 725px;
    margin: 20px auto 0;
    padding-left: 20px;
}
#sumera #payment .repair ol li {
    letter-spacing: 0.03em;
    line-height: 2;
    list-style-type: decimal;
}
#sumera #payment .school-number {
    margin-top: 34px;
}
#sumera #payment .transfer {
    margin-top: 94px;
}
#sumera #payment .transfer .top-text {
    margin: 28px auto 0;
    letter-spacing: 0.03em;
    line-height: 2;
    max-width: 725px;
}
#sumera #payment .transfer .top-text .c-link {
    padding-bottom: 0;
}
#sumera #payment .transfer nav {
    margin: 20px auto 0;
    max-width: 828px;
}
#sumera #payment .transfer nav ul {
    display: flex;
}
#sumera #payment .transfer nav li {
    width: calc(33.3% - 22.6666666667px);
    margin-left: 34px;
}
#sumera #payment .transfer nav li:first-child {
    margin-left: 0;
}
#sumera #payment .transfer nav li a {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 20px 0 40px;
    transition: all 0.5s ease 0s;
    background: #fff;
    height: 100%;
    border: dotted 2px #2F3A52;
    border-radius: 8px;
    transition: all 0.5s ease 0s;
    position: relative;
    color: #2F3A52;
}
#sumera #payment .transfer nav li a:hover {
    background: rgba(210, 209, 208, 0.2);
}
#sumera #payment .transfer nav li a::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    border-right: 2px solid #004785;
    border-bottom: 2px solid #004785;
    transform: translateX(-50%) rotate(45deg);
}
#sumera #payment .transfer .transfer-item {
    margin-top: 60px;
}
#sumera #payment .transfer .transfer-item h3 {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    background: #F5F7FA;
    font-size: 24px;
    font-family: "Shippori Mincho", serif;
    font-weight: 500;
    letter-spacing: 0.06em;
    padding: 15px 0;
    text-align: center;
    color: #2F3A52;
}
#sumera #payment .transfer .transfer-item .transfer-item-inner {
    max-width: 725px;
    margin: 17px auto 0;
    letter-spacing: 0.03em;
}
#sumera #payment .transfer .transfer-item .account-number {
    margin-top: 3px;
    background: #F5F7FA;
    font-size: 18px;
    font-weight: 700;
    color: #A4193F;
    text-align: center;
    padding: 18px;
}
#sumera #payment .transfer .transfer-item .img {
    max-width: 378px;
    margin: 33px auto 0;
}
#sumera #payment .transfer .transfer-item h4 {
    margin-top: 18px;
    font-family: "Shippori Mincho", serif;
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #2F3A52;
}
#sumera #payment .transfer .transfer-item ul {
    margin-top: 10px;
}
#sumera #payment .transfer .transfer-item li {
    line-height: 2;
    padding-left: 10px;
    position: relative;
}
#sumera #payment .transfer .transfer-item li::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #004785;
    border-radius: 50%;
    position: absolute;
    top: 14px;
    left: 0;
}
#sumera #payment .transfer .transfer-item li .c-link {
    padding-bottom: 0;
}
#sumera #payment .transfer .transfer-item li.text-red {
    color: #A4193F;
    font-weight: 700;
}
#sumera #payment .transfer .transfer-item li.text-red .c-link {
    color: #A4193F;
    border-bottom: 1px solid #A4193F;
}
#sumera #payment .transfer .transfer-item li.text-red .c-link:hover {
    opacity: 0.7;
}

/*---------------------
店舗案内ページ
---------------------*/
#sumera #store .inner {
    max-width: 1240px;
}
#sumera #store section {
    position: relative;
    padding-bottom: 20px;
}
#sumera #store section::after {
    content: "";
    width: 100%;
    height: 82%;
    background: #F5F7FA;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
#sumera #store .branch-store1, #sumera #store .branch-store2 {
    margin-top: 120px;
}
#sumera #store .store-img {
    overflow: hidden;
    margin-top: 30px;
}
#sumera #store .store-img picture img {
    border-radius: 8px;
    height: 300px;
    object-fit: cover;
}
#sumera #store .flex {
    margin-top: 40px;
    display: flex;
}
#sumera #store .flex span {
    width: 2px;
    margin: 0 2%;
    position: relative;
}
#sumera #store .flex span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background-image: radial-gradient(circle, #2F3A52 1px, rgba(255, 255, 255, 0) 1px);
    background-size: 2px 6px;
}
#sumera #store .flex h3 {
    font-size: 24px;
    letter-spacing: 0.06em;
    font-weight: 500;
    font-family: "Shippori Mincho", serif;
    text-align: center;
}
#sumera #store .info {
    width: 45%;
    margin-left: 36px;
}
#sumera #store .info dl {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}
#sumera #store .info dl dt {
    margin-top: 9px;
    width: 18%;
    font-weight: 500;
    letter-spacing: 0.06em;
    font-family: "Roboto", sans-serif;
    color: #2F3A52;
}
#sumera #store .info dl dt:first-child {
    margin-top: 0;
}
#sumera #store .info dl dd {
    margin-top: 9px;
    width: 78%;
    margin-left: auto;
}
#sumera #store .info dl dd:nth-child(2) {
    margin-top: 0;
}
#sumera #store .info .attention {
    margin-top: 32px;
    font-weight: 700;
    color: #A4193F;
    letter-spacing: 0.03em;
    padding: 18px 0;
    background: #fff;
    border-radius: 8px;
    text-align: center;
}
#sumera #store .c-calendar {
    width: 48%;
}
#sumera #store .c-calendar .slide-items__wrap {
    margin-top: 30px;
}
#sumera #store .c-calendar .slide-items__item {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
}
#sumera #store .c-calendar .attention {
    margin-top: 12px;
    font-size: 14px;
}
#sumera #store .google-map {
    margin-top: 40px;
    position: relative;
    padding-bottom: 34%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
#sumera #store .google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*---------------------
お問い合わせページ
---------------------*/
#sumera #contact .content {
    padding: 50px 0;
    background: #F5F7FA;
    max-width: 1200px;
    margin: 0 auto;
}
#sumera #contact .tel {
    margin-top: 27px;
    text-align: center;
}
#sumera #contact .tel a {
    font-size: 26px;
    color: #A4193F;
    font-weight: 700;
    padding-left: 30px;
    position: relative;
    transition: all 0.5s ease 0s;
}
#sumera #contact .tel a::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../image/contact-page-tel-icon.svg) center center/contain no-repeat;
    position: absolute;
    top: 11px;
    left: 0;
}
#sumera #contact .tel a:hover {
    opacity: 0.7;
}
#sumera #contact .info {
    font-size: 14px;
    margin-top: 5px;
    letter-spacing: 0.03em;
    text-align: center;
}
#sumera #contact .btn {
    margin-top: 30px;
}

/*---------------------
プライバシーポリシーページ
---------------------*/
#sumera #privacy-policy .c-lower-mv {
    background: #2F3A52;
}
#sumera #privacy-policy .privacy-inner {
    max-width: 725px;
    margin: 0 auto;
}
#sumera #privacy-policy .privacy-inner p {
    line-height: 1.44;
}
#sumera #privacy-policy .privacy-inner .top-text {
    letter-spacing: 0.06em;
    line-height: 2;
}
#sumera #privacy-policy .privacy-inner .c-section-title {
    margin-top: 50px;
    margin-bottom: 29px;
}
#sumera #privacy-policy .privacy-inner .c-section-title1 {
    margin-top: 40px;
}
#sumera #privacy-policy .privacy-inner a {
    word-break: break-all;
    transition: all 0.5s ease 0s;
}
#sumera #privacy-policy .privacy-inner a:hover {
    opacity: 0.7;
}
#sumera #privacy-policy .privacy-inner ol li {
    list-style-type: decimal;
    list-style-position: inside;
    margin-top: 8px;
}
#sumera #privacy-policy .privacy-inner ul li {
    list-style-type: disc;
    list-style-position: inside;
    line-height: 2;
}
#sumera #privacy-policy .privacy-inner .article6-ol ul li {
    line-height: 1.6;
}

/*---------------------
神戸モデルページ
---------------------*/
#sumera #kobemodel header .header-wrapper {
    display: none;
}
#sumera #kobemodel header .header-fixed {
    max-width: 1920px;
    width: 100%;
}
#sumera #kobemodel header .header-logo {
    display: none;
}
#sumera #kobemodel header nav.pc-only {
    display: none;
}
#sumera #kobemodel header.none {
    display: none;
}
#sumera #kobemodel .company-name {
    display: none;
}
#sumera #kobemodel .kobe-model-mv {
    background-image: url(../image/bg-check.webp);
    background-image: -webkit-image-set(url(../image/bg-check.webp) 1x, url(../image/bg-check@2x.webp) 2x);
    background-image: image-set(url(../image/bg-check.webp) 1x, url(../image/bg-check@2x.webp) 2x);
    position: relative;
    height: 730px;
    overflow: hidden;
}
#sumera #kobemodel .kobe-model-mv .img {
    width: 2021px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#sumera #kobemodel .kobe-model-mv .inner {
    height: 100%;
    position: relative;
}
#sumera #kobemodel .kobe-model-mv .inner .text-left {
    position: absolute;
    top: 35%;
    left: 5%;
}
#sumera #kobemodel .kobe-model-mv .inner .text-left .kobe-model-mv-en {
    font-size: 99px;
    color: #004785;
    font-family: "Roboto Serif", serif;
    font-weight: 100;
    line-height: 1.1;
    letter-spacing: 0.03em;
}
#sumera #kobemodel .kobe-model-mv .inner .text-left h1 {
    margin-top: 17px;
    font-size: 48px;
    font-weight: 500;
    color: #004785;
    font-family: "Shippori Mincho", serif;
    padding: 0 40px 0 51px;
    position: relative;
    display: inline-block;
    letter-spacing: 0.03em;
}
#sumera #kobemodel .kobe-model-mv .inner .text-left h1::before, #sumera #kobemodel .kobe-model-mv .inner .text-left h1::after {
    content: "";
    width: 2px;
    height: 52px;
    background: #004785;
    position: absolute;
    top: 50%;
    transform: rotate(-20deg) translateY(-50%);
}
#sumera #kobemodel .kobe-model-mv .inner .text-left h1::before {
    left: 30px;
}
#sumera #kobemodel .kobe-model-mv .inner .text-left h1::after {
    right: -4px;
}
#sumera #kobemodel .kobe-model-mv .inner .text-right {
    position: absolute;
    top: 15%;
    right: 3%;
    font-size: 37px;
    font-family: "Shippori Mincho", serif;
    color: #fff;
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
}
#sumera #kobemodel .kobe-model-mv .inner .text-right p {
    background: #2F3A52;
    padding: 20px 0;
    writing-mode: vertical-rl;
    letter-spacing: 0.2em;
    height: fit-content;
}
#sumera #kobemodel .en-title {
    color: #E6EDF4;
    font-size: 149px;
    font-family: "Roboto Serif", serif;
    font-weight: 200;
    opacity: 0.8;
    background: linear-gradient(0deg, #DDDDDE 0%, #E5ECF3 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0.03em;
}
#sumera #kobemodel .kobe-model-secTitle {
    text-align: center;
}
#sumera #kobemodel .kobe-model-secTitle .ja {
    font-size: 52px;
    font-family: "Shippori Mincho", serif;
    color: #004785;
    position: relative;
    padding-top: 23px;
    margin-top: -70px;
}
#sumera #kobemodel .kobe-model-secTitle .ja::before {
    content: "";
    width: 1px;
    height: 38px;
    background: #004785;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#sumera #kobemodel .kobe-model-lead {
    text-align: center;
    background-image: url(../image/lead-section-bg.webp);
    background-image: -webkit-image-set(url(../image/lead-section-bg.webp) 1x, url(../image/lead-section-bg@2x.webp) 2x);
    background-image: image-set(url(../image/lead-section-bg.webp) 1x, url(../image/lead-section-bg@2x.webp) 2x);
    background-size: cover;
    background-position: top center;
    padding-top: 90px;
    padding-bottom: 100px;
}
#sumera #kobemodel .kobe-model-lead .flex {
    display: flex;
    max-width: 627px;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
}
#sumera #kobemodel .kobe-model-lead .flex p {
    font-size: 22px;
    font-family: "Shippori Mincho", serif;
    color: #2F3A52;
    line-height: 1.3;
}
#sumera #kobemodel .kobe-model-lead .flex .hougo {
    width: 45%;
}
#sumera #kobemodel .kobe-model-lead .flex .hougo .img {
    width: 96px;
    margin: 0 auto;
}
#sumera #kobemodel .kobe-model-lead .flex .hougo p {
    margin-top: 6px;
}
#sumera #kobemodel .kobe-model-lead .flex span {
    position: relative;
}
#sumera #kobemodel .kobe-model-lead .flex span::before, #sumera #kobemodel .kobe-model-lead .flex span::after {
    position: absolute;
    width: 2px;
    height: 100%;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background-image: radial-gradient(circle, #D2D1D0 1px, rgba(255, 255, 255, 0) 1px);
    background-size: 2px 6px;
}
#sumera #kobemodel .kobe-model-lead .flex span::before {
    transform: rotate(20deg);
}
#sumera #kobemodel .kobe-model-lead .flex span::after {
    transform: rotate(-20deg);
}
#sumera #kobemodel .kobe-model-lead .flex .anchor {
    width: 45%;
}
#sumera #kobemodel .kobe-model-lead .flex .anchor .img {
    width: 108px;
    margin: 0 auto;
}
#sumera #kobemodel .kobe-model-lead .flex .anchor p {
    margin-top: 15px;
}
#sumera #kobemodel .kobe-model-lead h2 {
    margin-top: 42px;
    font-size: 36px;
    font-family: "Shippori Mincho", serif;
    color: #004785;
}
#sumera #kobemodel .kobe-model-lead .kobe-model-lead-text {
    margin-top: 16px;
    letter-spacing: 0.03em;
    line-height: 2;
}
/* #sumera #kobemodel .kobe-model-lead .kobe-model-lead-text a {
    display: inline-block;
    border: #fff solid 5px;
    background-image: image-set(url(../image/bg-check.webp) 1x, url(../image/bg-check@2x.webp) 2x);
    color: #fff;
    padding: 1.5em 6em;
    border-radius: 80px;
    box-shadow: 3px 3px 7px #ccc;
    margin-top: 20px;
    transition: all 0.5s ease 0s;
}
#sumera #kobemodel .kobe-model-lead .kobe-model-lead-text a.typeb {
    border: #E60012 solid 5px;
    background: #fff;
    color: #E60012;
}
#sumera #kobemodel .kobe-model-lead .kobe-model-lead-text a:hover {
    opacity: 0.7;
}
#sumera #kobemodel .kobe-model-lead .kobe-model-lead-text a strong {
    display: block;
    font-size: 1.5em;
}
#sumera #kobemodel .kobe-model-lead .kobe-model-lead-text a span {
    display: block;
    font-size: 1.2em;
} */
#sumera #kobemodel .kobe-model-lead .kobe-model-lead-text {
    display: inline-block;
    border: #E60012 solid 5px;
    background-image: image-set(url(../image/bg-check.webp) 1x, url(../image/bg-check@2x.webp) 2x);
    background: #fff;
    padding: 1.5em 6em;
    border-radius: 80px;
    box-shadow: 3px 3px 7px #ccc;
    margin-top: 20px;
    transition: all 0.5s ease 0s;
}
#sumera #kobemodel .kobe-model-lead .kobe-model-lead-text strong {
    display: block;
    font-size: 1.5em;
    color: #E60012;
}
#sumera #kobemodel .kobe-model-lead .kobe-model-lead-text span {
    display: block;
    font-size: 1.2em;
    color: #000;
}
#sumera #kobemodel .button-area {
    border-bottom: 2px dotted #004785;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 200;
}
#sumera #kobemodel .button-area ul {
    display: flex;
    max-width: 1042px;
    margin: 100%;
    margin: 0 auto;
}
#sumera #kobemodel .button-area ul li {
    width: 33.3%;
    position: relative;
    text-align: center;
}
#sumera #kobemodel .button-area ul li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 50%;
    transform: translateY(-50%);
    background-image: radial-gradient(circle, #D2D1D0 1px, rgba(255, 255, 255, 0) 1px);
    background-size: 2px 6px;
}
#sumera #kobemodel .button-area ul li:first-child::after {
    display: none;
}
#sumera #kobemodel .button-area ul li a {
    height: 110px;
    display: block;
    padding-top: 14px;
}
#sumera #kobemodel .button-area ul li .top-icon {
    width: 35px;
    margin: 0 auto;
}
#sumera #kobemodel .button-area ul li p {
    margin-top: 5px;
    text-align: center;
    color: #004785;
    font-weight: 500;
}
#sumera #kobemodel .button-area ul li .arrow-icon {
    text-align: center;
}
#sumera #kobemodel .button-area ul .button-area-item2 p {
    color: #63956B;
}
#sumera #kobemodel .button-area ul .button-area-item2 .arrow-icon path {
    stroke: #63956B;
}
#sumera #kobemodel .button-area ul .button-area-item3 p {
    color: #A4193F;
}
#sumera #kobemodel .button-area ul .button-area-item3 .arrow-icon path {
    stroke: #A4193F;
}
#sumera #kobemodel .text-area .link a path {
    transition: all 0.5s ease 0s;
}
#sumera #kobemodel .text-area .link a:hover path {
    fill: #E60012;
}
#sumera #kobemodel .kobe-model-design {
    margin-top: 45px;
    background: url(../image/bg.svg);
    background-position: top left;
    background-repeat: no-repeat;
    padding: 125px 20px 0;
}
#sumera #kobemodel .kobe-model-design .inner {
    padding: 0;
    min-width: auto;
}
#sumera #kobemodel .kobe-model-design .flex {
    display: flex;
    position: relative;
}
#sumera #kobemodel .kobe-model-design .flex .en-title {
    position: absolute;
    top: -130px;
    left: 8px;
    z-index: -1;
    letter-spacing: 0.03em;
}
#sumera #kobemodel .kobe-model-design .flex .img {
    width: 41%;
}
#sumera #kobemodel .kobe-model-design .flex .text-area {
    width: 56%;
    margin-left: auto;
    margin-top: 31px;
}
#sumera #kobemodel .kobe-model-design .flex .text-area h3 {
    color: #004785;
    font-size: 36px;
    font-family: "Shippori Mincho", serif;
    line-height: 1.2;
}
#sumera #kobemodel .kobe-model-design .flex .text-area p {
    margin-top: 51px;
}
#sumera #kobemodel .kobe-model-design ul {
    display: flex;
    justify-content: space-between;
    max-width: 1024px;
    margin: -12% auto 0;
    width: 90%;
    position: relative;
    z-index: 1;
    gap: 20px;
}
#sumera #kobemodel .kobe-model-design ul li {
    width: 33.3%;
}
#sumera #kobemodel .kobe-model-design ul li .img {
    width: 229px;
    margin: 0 auto;
}
#sumera #kobemodel .kobe-model-design ul li .title {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 4px auto 0;
    color: #004785;
    font-family: "Shippori Mincho", serif;
    font-size: 24px;
    position: relative;
    height: 68px;
    line-height: 1.2;
    width: 333px;
}
#sumera #kobemodel .kobe-model-design ul li .title::before, #sumera #kobemodel .kobe-model-design ul li .title::after {
    content: "";
    width: 2px;
    height: 80%;
    background: #004785;
    position: absolute;
    top: 50%;
    transform: rotate(-20deg) translateY(-50%) translateX(10px);
}
#sumera #kobemodel .kobe-model-design ul li .title::before {
    left: 0;
}
#sumera #kobemodel .kobe-model-design ul li .title::after {
    right: 0;
}
#sumera #kobemodel .kobe-model-design ul li p {
    margin: 18px auto 0;
    font-size: 15px;
    width: 70%;
    line-height: 2;
}
#sumera #kobemodel .kobe-model-function {
    margin-top: 75px;
    background: url(../image/bg.svg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 2516px 2147px;
    padding-bottom: 150px;
    padding: 0 20px;
}
#sumera #kobemodel .kobe-model-function .inner {
    max-width: 1023px;
    margin: 0 auto;
    padding: 0;
    min-width: auto;
    background: #fff;
}
#sumera #kobemodel .kobe-model-function h3 {
    font-size: 36px;
    font-family: "Shippori Mincho", serif;
    color: #63956B;
    padding-bottom: 5px;
    border-bottom: 2px solid #63956B;
}
#sumera #kobemodel .kobe-model-function .function-icon-items-title {
    padding-left: 16px;
    margin-top: 28px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #004785;
}
#sumera #kobemodel .kobe-model-function .function-icon-items {
    padding-left: 20px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 22px;
    row-gap: 16px;
}
#sumera #kobemodel .kobe-model-function .function-icon-items li {
    width: 80px;
    padding-bottom: 20px;
    position: relative;
}
#sumera #kobemodel .kobe-model-function .function-icon-items li p {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    font-size: 12px;
    font-weight: 700;
    color: #004785;
}
#sumera #kobemodel .kobe-model-function .function-item1 {
    margin-top: 48px;
}
#sumera #kobemodel .kobe-model-function .function-item1 .title {
    margin-top: 28px;
    color: #63956B;
    font-family: "Shippori Mincho", serif;
    font-size: 36px;
    text-align: center;
}
#sumera #kobemodel .kobe-model-function .function-item1 .title span {
    font-size: 47px;
    padding: 0 20px;
    position: relative;
    margin-right: 20px;
}
#sumera #kobemodel .kobe-model-function .function-item1 .title span::before, #sumera #kobemodel .kobe-model-function .function-item1 .title span::after {
    content: "";
    width: 20px;
    height: 40px;
    position: absolute;
}
#sumera #kobemodel .kobe-model-function .function-item1 .title span::before {
    border-top: 1px solid #63956B;
    border-left: 1px solid #63956B;
    top: 0;
    left: 0;
}
#sumera #kobemodel .kobe-model-function .function-item1 .title span::after {
    border-bottom: 1px solid #63956B;
    border-right: 1px solid #63956B;
    bottom: 0;
    right: 0;
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead {
    color: #63956B;
    font-size: 14px;
    height: 54px;
    width: max-content;
    display: flex;
    letter-spacing: -0.08em;
    margin-top: 12px;
    margin-left: 248px;
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .bottom {
    width: fit-content;
    margin: 0 auto;
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead span {
    display: inline-block;
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .big {
    font-size: 18px;
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-1 {
    letter-spacing: -0.6em;
    transform: translateY(18px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-2 {
    letter-spacing: -0.6em;
    transform: translateY(14px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-3 {
    letter-spacing: -0.6em;
    transform: translateY(10px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-4 {
    letter-spacing: -0.6em;
    transform: translateY(7px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-5 {
    letter-spacing: -0.2em;
    transform: translateY(5px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-6 {
    transform: rotate(-11deg) translateY(0px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-7 {
    transform: rotate(-10deg) translateY(-2px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-8 {
    transform: rotate(-12deg) translateY(-4px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-9 {
    transform: rotate(-8deg) translateY(-6px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-10 {
    transform: rotate(-2deg) translateY(-7px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-11 {
    transform: rotate(-2deg) translateY(-8px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-12 {
    transform: rotate(0deg) translateY(-8px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-13 {
    transform: rotate(5deg) translateY(-7px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-14 {
    transform: rotate(3deg) translateY(-6px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-15 {
    transform: rotate(4deg) translateY(-5px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-16 {
    transform: rotate(4deg) translateY(-3px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-17 {
    transform: rotate(6deg) translateY(-1px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-18 {
    transform: rotate(6deg) translateY(1px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-19 {
    transform: rotate(8deg) translateY(4px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-20 {
    transform: rotate(0deg) translateY(5px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-21 {
    transform: rotate(3deg) translateY(5px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-22 {
    transform: rotate(3deg) translateY(7px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-23 {
    transform: rotate(3deg) translateY(8px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-24 {
    transform: rotate(0deg) translateY(9px);
    font-feature-settings: "palt";
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-25 {
    transform: rotate(3deg) translateY(8px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-26 {
    transform: rotate(8deg) translateY(10px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-27 {
    transform: rotate(3deg) translateY(10px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-28 {
    transform: rotate(0deg) translateY(11px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-29 {
    transform: rotate(3deg) translateY(11px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-30 {
    transform: rotate(3deg) translateY(11px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-31 {
    transform: rotate(3deg) translateY(11px);
    font-feature-settings: "palt";
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-32 {
    letter-spacing: -0.6em;
    transform: translateY(8px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-33 {
    letter-spacing: -0.6em;
    transform: translateY(7px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-34 {
    letter-spacing: -0.6em;
    transform: translateY(5.5px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-35 {
    letter-spacing: -0.6em;
    transform: translateY(4px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-36 {
    letter-spacing: -0.6em;
    transform: translateY(2px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead .text-37 {
    letter-spacing: -0.6em;
    transform: translateY(-1px);
}
#sumera #kobemodel .kobe-model-function .function-item1 .flex {
    display: flex;
    justify-content: space-between;
    max-width: 774px;
    margin: 8px auto 0;
}
#sumera #kobemodel .kobe-model-function .function-item1 .flex .img {
    width: 50%;
}
#sumera #kobemodel .kobe-model-function .function-item1 .flex .text-area {
    width: 48%;
}
#sumera #kobemodel .kobe-model-function .function-item1 .flex .text-area p {
    letter-spacing: 0.03em;
    line-height: 2;
}
#sumera #kobemodel .kobe-model-function .function-item1 .flex .text-area .link {
    text-align: right;
}
#sumera #kobemodel .kobe-model-function .function-item2 {
    margin-top: 38px;
}
#sumera #kobemodel .kobe-model-function .function-item2 h3 {
    color: #004785;
    border-bottom: 2px solid #004785;
}
#sumera #kobemodel .kobe-model-function .function-item3 {
    margin-top: 38px;
}
#sumera #kobemodel .kobe-model-function .function-item3 h3 {
    color: #004785;
    border-bottom: 2px solid #87C9EE;
}
#sumera #kobemodel .kobe-model-function .function-item3 .function-icon-items {
    margin-top: 20px;
}
#sumera #kobemodel .kobe-model-item {
    background: #F5F7FA;
    margin-top: 158px;
    padding: 434px 0 214px;
    position: relative;
    overflow: hidden;
}
#sumera #kobemodel .kobe-model-item .top-treat-img {
    width: 1920px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#sumera #kobemodel .kobe-model-item .content {
    padding: 0 20px;
}
#sumera #kobemodel .kobe-model-item .inner {
    margin-top: -190px;
    padding: 0;
    min-width: auto;
}
#sumera #kobemodel .kobe-model-item .kobe-model-secTitle .en-title {
    background: #63956B;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.3;
}
#sumera #kobemodel .kobe-model-item .kobe-model-secTitle .ja {
    color: #63956B;
}
#sumera #kobemodel .kobe-model-item .kobe-model-secTitle .ja::before {
    background: #63956B;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex {
    display: flex;
    justify-content: space-between;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .img {
    width: 38%;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area {
    width: 56%;
    margin-top: 10px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .name {
    font-size: 36px;
    font-family: "Shippori Mincho", serif;
    display: flex;
    height: 97px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .name .left {
    background: #63956B;
    color: #fff;
    padding: 0 10px 0 25px;
    display: flex;
    align-items: center;
    width: 153px;
    position: relative;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .name .left::before {
    content: "";
    border-left: 50px solid transparent;
    border-bottom: 98px solid #fff;
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    right: -1px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .name .right {
    background: #fff;
    color: #63956B;
    padding: 0 16px;
    flex-grow: 1;
    display: flex;
    align-items: center;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .name .right span {
    display: block;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area p {
    margin-top: 30px;
    line-height: 2;
    letter-spacing: 0.03em;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .table {
    margin-top: 42px;
    font-size: 15px;
    overflow-x: scroll;
    width: 100%;
    position: relative;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .table::-webkit-scrollbar {
    display: none;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll .scroll-hint-icon-wrap {
    width: 100%;
    height: 100%;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll .scroll-hint-icon-wrap span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.2);
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll .scroll-hint-icon-wrap span::before {
    animation: none;
    background: url(../image/scroll.svg);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll .scroll-hint-icon-wrap span::after {
    display: none;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll .scroll-hint-icon-wrap span .scroll-hint-text {
    font-weight: 700;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll-2 .scroll-hint-icon-wrap span::before {
    top: 12%;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll-2 .scroll-hint-icon-wrap span .scroll-hint-text {
    top: 63%;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll-3 .scroll-hint-icon-wrap span::before {
    top: 25%;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll-3 .scroll-hint-icon-wrap span .scroll-hint-text {
    top: 57%;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll-5 .scroll-hint-icon-wrap span::before {
    top: 25%;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll-5 .scroll-hint-icon-wrap span .scroll-hint-text {
    top: 57%;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll-4 .scroll-hint-icon-wrap span::before {
    top: 30%;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .js-scroll-4 .scroll-hint-icon-wrap span .scroll-hint-text {
    top: 60%;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area table {
    text-align: center;
    border-collapse: collapse;
    white-space: nowrap;
    width: 673px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area thead {
    background: #fff;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area tr {
    border-bottom: 1px solid #2F3A52;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area th {
    padding: 10px 0;
    width: calc(50% - 200px);
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area td {
    padding: 12px 0;
    width: 38%;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .left {
    width: 140px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .attention {
    font-size: 14px;
    margin-top: 36px;
    color: #E60012;
    line-height: 1.4;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex1 {
    margin-top: 138px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex1 .js-scroll-2 {
    margin-top: 48px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex2 {
    margin-top: 95px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex2 .text-area {
    margin-top: 30px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex2 .text-area .js-scroll-2 {
    margin-top: 50px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex3 {
    margin-top: 118px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex3 .text-area .name {
    font-size: 31px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex-shirt {
    margin-top: 118px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex4 {
    margin-top: 118px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-flex4 .text-area .name {
    font-size: 31px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-attention, #sumera #kobemodel .kobe-model-item .kobe-model-item-school-name {
    max-width: 1024px;
    margin: 85px auto 0;
    border-radius: 8px;
    background: #fff;
    border-radius: 8px;
    padding: 48px 0 42px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-attention .title, #sumera #kobemodel .kobe-model-item .kobe-model-item-school-name .title {
    font-size: 24px;
    color: #2F3A52;
    font-weight: 500;
    text-align: center;
    font-family: "Shippori Mincho", serif;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-attention ul {
    max-width: 869px;
    margin: 28px auto 0;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-school-name-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 869px;
    margin: 28px auto 0px;
}
#sumera #kobemodel .kobe-model-item-school-name-date {
    max-width: 869px;
    margin: 28px auto 0px;
    text-align: right;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-attention ul li, #sumera #kobemodel .kobe-model-item .kobe-model-item-school-name ul li {
    font-size: 15px;
    line-height: 1.9;
    position: relative;
    padding-left: 20px;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-attention ul li::before, #sumera #kobemodel .kobe-model-item .kobe-model-item-school-name ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #2F3A52;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;
    transform: translateY(-50%);
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-school-name {
    margin: 39px auto 0;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-school-name .bottom-text {
    max-width: 869px;
    margin: 56px auto 0;
}
#sumera #kobemodel .kobe-model-item .kobe-model-item-school-name .bottom-text span {
    color: #E60012;
}
#sumera #kobemodel .kobe-model-flow {
    position: relative;
    overflow: hidden;
    padding-top: 438px;
}
#sumera #kobemodel .kobe-model-flow .top-treat-img {
    width: 1920px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#sumera #kobemodel .kobe-model-flow .inner {
    margin-top: -200px;
    padding: 0 20px;
}
#sumera #kobemodel .kobe-model-flow .kobe-model-secTitle .en-title {
    background: #A4193F;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.3;
}
#sumera #kobemodel .kobe-model-flow .kobe-model-secTitle .ja {
    color: #A4193F;
}
#sumera #kobemodel .kobe-model-flow .kobe-model-secTitle .ja::before {
    background: #A4193F;
}
#sumera #kobemodel .kobe-model-flow .flow-step {
    margin-top: 130px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item {
    display: flex;
    justify-content: space-between;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .img {
    width: 31%;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .right {
    width: 68%;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .right .title {
    color: #A4193F;
    display: flex;
    align-items: center;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .right .title .left {
    padding-top: 12px;
    font-size: 65px;
    font-family: "Roboto Serif", serif;
    position: relative;
    font-style: italic;
    font-weight: 100;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .right .title .left span {
    font-style: italic;
    font-size: 20px;
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .right .title .left::before {
    content: "";
    width: 1px;
    height: 28px;
    background: #A4193F;
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .right .title .right {
    font-size: 36px;
    font-family: "Shippori Mincho", serif;
    margin-left: 52px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .top-text {
    letter-spacing: 0.05em;
    margin-top: 12px;
    line-height: 1.8;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item dl {
    margin-top: 34px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item dt, #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-attention .title {
    color: #A4193F;
    font-weight: 700;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item dd {
    line-height: 2;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .flow-period, #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-store-info, #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-time, #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-attention {
    margin-top: 32px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .flow-time dd {
    line-height: 1.9;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .flow-attention ul {
    padding-left: 20px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .flow-attention ul li {
    font-size: 15px;
    list-style: disc;
    line-height: 2;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item1 .right {
    padding-top: 28px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item2 .right {
    padding-top: 35px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item2, #sumera #kobemodel .kobe-model-flow .flow-step-item3, #sumera #kobemodel .kobe-model-flow .flow-step-item {
    margin-top: 37px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item3 .flow-attention, #sumera #kobemodel .kobe-model-flow .flow-step-item4 .flow-attention {
    margin-top: 10px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item3 .flow-attention ul, #sumera #kobemodel .kobe-model-flow .flow-step-item4 .flow-attention ul {
    margin-top: 6px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item3 .flow-attention ul li, #sumera #kobemodel .kobe-model-flow .flow-step-item4 .flow-attention ul li {
    font-size: 16px;
    margin-top: 10px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item3 .flow-attention ul li:first-child, #sumera #kobemodel .kobe-model-flow .flow-step-item4 .flow-attention ul li:first-child {
    margin-top: 0;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item3 .flow-attention ul li span, #sumera #kobemodel .kobe-model-flow .flow-step-item4 .flow-attention ul li span {
    display: block;
    margin-top: 10px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .flow-store-info dd ul, 
#sumera #kobemodel .kobe-model-flow .flow-step-item .flow-time dd ul {
    display: flex;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .flow-store-info dd ul li{
    width: 45%;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .flow-time dd ul li {
    /* width: 220px; */
    flex: 0 1 25%;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .flow-time dd ul li:nth-child(3) {
    margin: auto 0;
    flex: 0 1 50%;
    border: 2px solid red;
    padding: 4px 8px;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .flow-store-info dd ul li dl {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .flow-store-info dd ul li dl dt {
    width: 30%;
    color: #000;
    font-weight: normal;
}
#sumera #kobemodel .kobe-model-flow .flow-step-item .flow-store-info dd ul li dl dd {
    width: 70%;
}
#sumera #kobemodel .kobe-model-qa {
    max-width: 1920px;
    margin: 163px auto 0;
    background-image: url(../image/bg-check.webp);
    background-image: -webkit-image-set(url(../image/bg-check.webp) 1x, url(../image/bg-check@2x.webp) 2x);
    background-image: image-set(url(../image/bg-check.webp) 1x, url(../image/bg-check@2x.webp) 2x);
    background-size: 800px 335px;
    background-repeat: repeat;
    padding: 30px;
    opacity: 0.8;
}
#sumera #kobemodel .kobe-model-qa .qa-content {
    background: rgba(255, 255, 255, 0.95);
    padding: 75px 0 80px;
}
#sumera #kobemodel .kobe-model-qa .inner {
    min-width: auto;
}
#sumera #kobemodel .kobe-model-qa h2 {
    font-size: 53px;
    color: #004785;
    text-align: center;
    font-family: "Shippori Mincho", serif;
}
#sumera #kobemodel .kobe-model-qa ul {
    max-width: 1021px;
    width: 100%;
    margin: 45px auto 0;
}
#sumera #kobemodel .kobe-model-qa ul li {
    background: #fff;
    margin-top: 22px;
}
#sumera #kobemodel .kobe-model-qa ul li:first-child {
    margin-top: 0;
}
#sumera #kobemodel .kobe-model-qa ul li .qa-left {
    font-size: 23px;
    font-family: "Shippori Mincho", serif;
    color: #004785;
    margin-right: 8px;
}
#sumera #kobemodel .kobe-model-qa ul li .qa-head {
    border-bottom: 1px solid #004785;
    padding: 22px 60px 10px 23px;
    display: flex;
    position: relative;
    color: #004785;
    font-family: "Shippori Mincho", serif;
    font-size: 23px;
}
#sumera #kobemodel .kobe-model-qa ul li .qa-head::before, #sumera #kobemodel .kobe-model-qa ul li .qa-head::after {
    content: "";
    width: 24px;
    height: 2px;
    background: #004785;
    position: absolute;
    top: 32px;
    right: 20px;
    transition: all 0.5s ease 0s;
}
#sumera #kobemodel .kobe-model-qa ul li .qa-head::before {
    transform: rotate(90deg);
}
#sumera #kobemodel .kobe-model-qa ul li .qa-head.open::before {
    transform: none;
}
#sumera #kobemodel .kobe-model-qa ul li .qa-head p {
    padding-left: 32px;
    position: relative;
}
#sumera #kobemodel .kobe-model-qa ul li .qa-head p::before {
    content: "Q.";
    position: absolute;
    top: -6px;
    left: 0;
    font-size: 23px;
    font-family: "Shippori Mincho", serif;
    color: #004785;
}
#sumera #kobemodel .kobe-model-qa ul li .qa-body {
    padding: 27px 60px 22px 26px;
    display: none;
}
#sumera #kobemodel .kobe-model-qa ul li .qa-body p {
    padding-left: 32px;
    position: relative;
    line-height: 1.7;
}
#sumera #kobemodel .kobe-model-qa ul li .qa-body p::before {
    content: "A.";
    position: absolute;
    top: -15px;
    left: 0;
    font-size: 23px;
    font-family: "Shippori Mincho", serif;
    color: #004785;
}
#sumera #kobemodel .kobe-model-qa ul li .qa-body.stay {
    display: block;
}
#sumera #kobemodel .kobe-model-qa ul li.open {
    display: block;
}

#sumera .kobe-model-stock-link {
    display: block;
    color: #E60012;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 1.0em;
}
#sumera #kobemodel .kobe-model-stock-link {
    font-size: 14px;
    margin-top: 1.5em;
}
#sumera #kobemodel #kobe-model-stock .stock-table {
    width: 100%;
    max-width: 1366px;
    margin: auto;
    position: relative;
}
#sumera #kobemodel #kobe-model-stock .stock-table b {
    color: #f00;
}
#sumera #kobemodel #kobe-model-stock .stock-table iframe {
    width: 100%;
    height: 400px;
    border: none;
}
#sumera #kobemodel #kobe-model-stock ::-webkit-scrollbar {
    display: none;
}
#sumera #kobemodel #kobe-model-stock .js-scroll .scroll-hint-icon-wrap {
    width: 100%;
    height: 100%;
}
#sumera #kobemodel #kobe-model-stock .js-scroll .scroll-hint-icon-wrap span {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.2);
}
#sumera #kobemodel #kobe-model-stock .js-scroll .scroll-hint-icon-wrap span::before {
    animation: none;
    background: url(../image/scroll.svg);
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
}
#sumera #kobemodel #kobe-model-stock .js-scroll .scroll-hint-icon-wrap span::after {
    display: none;
}
#sumera #kobemodel #kobe-model-stock .js-scroll .scroll-hint-icon-wrap span .scroll-hint-text {
    font-weight: 700;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateX(-50%);
}

#sumera #kobemodel .kobe-model-bottom {
    margin-top: 50px;
    height: 209px;
    overflow: hidden;
}
#sumera #kobemodel .kobe-model-bottom .inner {
    display: flex;
    justify-content: space-between;
    height: 100%;
}
#sumera #kobemodel .kobe-model-bottom .left-img {
    width: calc(100% - 160px);
}
#sumera #kobemodel .kobe-model-bottom .page-top {
    width: 113px;
    margin-top: 48px;
}
#sumera #kobemodel .kobe-model-bottom .page-top a p {
    margin-top: 10px;
    font-weight: 500;
    font-family: "Shippori Mincho", serif;
    color: #004785;
    text-align: center;
}

@media screen and (min-width: 1024px) {
    #sumera .tab-sp-only {
        display: none;
    }
}
@media screen and (max-width: 1200px) {
    #sumera #kobemodel .kobe-model-design ul {
        margin: 0 auto;
    }
    #sumera #kobemodel .kobe-model-design ul li .title {
        width: 246px;
        font-size: 18px;
    }
}
/*--------------------------------------------------------------------------------------------------
   Tablet-SP
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1023px) {
    #sumera {
        margin: 80px 0 0;
    }
    #sumera .inner {
        min-width: auto;
    }
    #sumera .pc-only {
        display: none;
    }
    #sumera .tab-sp-only {
        display: block;
    }
    #sumera .c-section-title {
        font-size: 24px;
    }
    #sumera .c-top-section-title {
        font-size: 24px;
    }
    #sumera .c-top-section-title small {
        font-size: 12px;
        margin-top: 6px;
    }
    #sumera .c-title-icon {
        width: 52px;
        margin: 0 auto 14px;
    }
    #sumera .c-lower-mv {
        margin-bottom: 30px;
        height: 240px;
    }
    #sumera .c-lower-mv .c-lower-mv h1, #sumera .c-lower-mv .title {
        font-size: 32px;
    }
    #sumera .c-lower-mv .c-lower-mv h1 small, #sumera .c-lower-mv .title small {
        font-size: 13px;
        margin-top: 4px;
    }
    #sumera .c-article a {
        flex-direction: column;
        padding: 12px 30px 12px 12px;
        font-size: 15px;
    }
    #sumera .c-article a::after {
        right: 10px;
    }
    #sumera .school-number .school-number-inner {
        max-width: 725px;
    }
    #sumera .school-number .school-number-inner .school-number-head {
        padding: 14px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    #sumera .school-number .school-number-inner .school-number-head h4 {
        font-size: 18px;
    }
    #sumera .school-number .school-number-inner .school-number-body {
        padding: 20px 20px 28px;
    }
    #sumera .school-number .school-number-inner .school-number-body .flex {
        flex-direction: column;
    }
    #sumera .school-number .school-number-inner .school-number-body .flex .input {
        max-width: 320px;
        width: 100%;
        gap: 18px;
    }
    #sumera .school-number .school-number-inner .school-number-body .flex .input label {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        font-size: 16px;
    }
    #sumera .school-number .school-number-inner .school-number-body .flex .input label .select-wrapper {
        margin-left: 0;
        width: 100%;
    }
    #sumera .school-number .school-number-inner .school-number-body .selectbox {
        margin-left: 0;
        padding: 12px 6px 12px 14px;
    }
    #sumera .school-number .school-number-inner .school-number-body .flex .arrow-icon {
        width: 28px;
        height: 28px;
        margin: 10px 0 0;
    }
    #sumera .school-number .school-number-inner .school-number-body .flex .arrow-icon::after {
        transform: rotate(45deg);
        right: 0;
    }
    #sumera .school-number .school-number-inner .school-number-body .flex .number {
        width: 100%;
        max-width: 320px;
        margin-top: 24px;
    }
    #sumera .school-number .school-number-inner .school-number-body .flex .number span {
        margin-top: 0;
    }
    #sumera .school-number .school-number-inner .school-number-body .attention {
        margin-top: 18px auto 0;
    }
    #sumera .school-number .school-number-inner .school-number-body .attention .bold {
        margin-top: 6px;
    }
    #sumera .store-info {
        padding: 0 0 78px;
    }
    #sumera .store-info::after {
        width: 90%;
        height: 90%;
    }
    #sumera .store-info-inner {
        max-width: 725px;
    }
    #sumera .store-info-inner ul li {
        margin-top: 52px;
        flex-direction: column;
    }
    #sumera .store-info-inner ul li .image {
        width: 320px;
    }
    #sumera .store-info-inner ul li .info {
        margin-left: 0;
        width: 100%;
        margin-top: 12px;
    }
    #sumera .store-info-inner ul li .info dl {
        flex-direction: column;
        margin-top: 6px;
        margin-left: 70px;
    }
    #sumera .store-info-inner ul li .info dt {
        margin-top: 6px;
    }
    #sumera .store-info-inner ul li .info dd {
        margin-top: 2px;
    }
    #sumera .store-info-inner ul li .info .link {
        margin-right: 0;
    }
    #sumera #header {
        width: 100%;
        height: 80px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 300;
    }
    #sumera #header::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        background: rgba(255, 255, 255, 0.4);
        z-index: -1;
    }
    #sumera #header.is-active::after {
        display: none;
    }
    #sumera .header-wrapper {
        display: flex;
        align-items: center;
        padding: 16px;
        width: 100%;
        height: 100%;
    }
    #sumera .header-wrapper nav li {
        border-left: 0;
    }
    #sumera .header-fixed-left {
        z-index: 200;
        margin-top: 0;
        margin-left: 0;
        top: 24px;
        left: 18px;
        display: flex;
    }
    #sumera .header-fixed-left a .header-fixed-logo {
        width: 50px;
    }
    #sumera .header-fixed-left .company-name {
        align-items: flex-start;
        margin-top: 0;
        margin-left: 7px;
    }
    #sumera .header-fixed-left .company-name p {
        writing-mode: horizontal-tb;
        text-orientation: initial;
        font-size: 10px;
    }
    #sumera .header-fixed-left .company-name .bold {
        margin-top: 0;
        font-size: 11px;
    }
    #sumera .header-tel {
        width: 100%;
        height: 100%;
        background: #E4E4E4;
        padding: 97px 20px 0;
        border-bottom-left-radius: 0;
        pointer-events: none;
        opacity: 0;
        z-index: 100;
        transition: opacity 0.3s linear;
        position: fixed;
        top: 0;
        left: 0;
    }
    #sumera .header-tel ul {
        flex-direction: column;
        gap: 0;
    }
    #sumera .header-tel ul li {
        width: 100%;
    }
    #sumera .header-tel ul li:first-child a {
        border-top: dotted 2px #2F3A52;
    }
    #sumera .header-tel ul li a {
        border-bottom: dotted 2px #2F3A52;
        width: 100%;
        padding: 24px 0;
    }
    #sumera .header-tel ul li a:last-child {
        border-bottom: dotted 2px #2F3A52;
    }
    #sumera .header-tel ul li a span {
        border-top: 0;
    }
    #sumera #header .drawer-menu .drawer {
        display: block;
    }
    #sumera .footer {
        padding-top: 0;
    }
    #sumera .footer-logo {
        padding-top: 60px;
    }
    #sumera .footer-tel a {
        margin: 6px auto;
    }
    #sumera .footer nav ul {
        justify-content: space-between;
    }
    #sumera .footer nav ul li {
        border-left: 0;
        width: 48%;
        padding: 0;
    }
    #sumera .footer nav ul li::after {
        width: 100%;
        height: 2px;
        background-size: 6px 2px;
    }
    #sumera .footer nav ul li:first-child::after {
        display: block;
    }
    #sumera .footer nav ul li a {
        padding: 18px 0 13px;
        width: 100%;
    }
    #sumera .footer nav ul li:first-child::before {
        content: "";
        position: absolute;
        height: 2px;
        left: 0;
        top: 0;
        width: 100%;
        background-image: radial-gradient(circle, #2F3A52 1px, rgba(255, 255, 255, 0) 1px);
        background-size: 6px 2px;
    }
    #sumera .footer nav ul li:nth-child(2)::before {
        content: "";
        position: absolute;
        height: 2px;
        left: 0;
        top: 0;
        width: 100%;
        background-image: radial-gradient(circle, #2F3A52 1px, rgba(255, 255, 255, 0) 1px);
        background-size: 6px 2px;
    }
    #sumera .footer .link li {
        margin-top: 40px;
    }
    #sumera .footer .copyright {
        margin-top: 28px;
        font-size: 10px;
    }
    #sumera #top .mv {
        min-width: auto;
    }
    #sumera #top .mv .mv-img2 .inner .title {
        font-size: 5vw;
    }
    #sumera #top .mv .mv-img2 .inner .text {
        font-size: 1.5vw;
    }
    #sumera #top .kobe-model .kobe-model-inner {
        padding: 30px 20px;
    }
    #sumera #top .kobe-model .kobe-model-inner .kobe-model-text {
        padding: 26px 20px 32px;
    }
    #sumera #top .kobe-model .kobe-model-inner .kobe-model-text h2 {
        font-size: 20px;
        line-height: 1.2;
    }
    #sumera #top .kobe-model .kobe-model-inner .kobe-model-text p {
        font-size: 16px;
        margin-top: 26px;
    }
    #sumera #top .kobe-model .kobe-model-inner .kobe-model-text .btn {
        margin-top: 30px;
    }
    #sumera #top .news-calendar {
        margin-top: 52px;
    }
    #sumera #top .news-calendar .inner {
        flex-direction: column;
        max-width: 725px;
        margin: 0 auto;
    }
    #sumera #top .news-calendar .news-inner {
        width: 100%;
        padding: 8px 0 50px;
    }
    #sumera #top .news-calendar .news-inner::after {
        width: 100%;
        height: 2px;
        background-size: 6px 2px;
    }
    #sumera #top .news-calendar .news-inner .news-btn {
        margin-top: 34px;
    }
    #sumera #top .news-calendar .c-calendar {
        width: 100%;
        padding: 50px 0 0;
    }
    #sumera #top .school-number {
        margin-top: 70px;
    }
    #sumera #top .store-info {
        margin-top: 80px;
    }
    #sumera #top .store-info h2 {
        font-size: 24px;
    }
    #sumera #top .page-view .inner {
        max-width: 725px;
        margin: 0 auto;
    }
    #sumera #top .page-view ul {
        flex-direction: column;
    }
    #sumera #top .page-view ul li {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
    #sumera #top .page-view ul li:first-child {
        margin-top: 0;
    }
    #sumera #top .page-view ul li:last-child a .arrow-icon {
        margin-top: 26px;
    }
    #sumera #top .return-policy {
        margin-top: 60px;
    }
    #sumera #top .return-policy .return-policy-inner {
        padding: 36px 22px 40px;
    }
    #sumera #top .return-policy .return-policy-inner h3 {
        font-size: 20px;
    }
    #sumera #top .return-policy-content {
        margin-top: 30px;
    }
    #sumera #top .return-policy-content p {
        line-height: 1.4;
    }
    #sumera #top .return-policy-content ol {
        margin-top: 8px;
    }
    #sumera #top .return-policy-content ol li {
        margin-top: 11px;
    }
    #sumera #top .return-policy-attention ul {
        margin-top: 7px;
    }
    #sumera #company .philosophy {
        padding: 34px 0 54px;
        background-image: url(../image/sp-company-philosophy.webp);
        background-image: -webkit-image-set(url(../image/sp-company-philosophy.webp) 1x, url(../image/sp-company-philosophy@2x.webp) 2x);
        background-image: image-set(url(../image/sp-company-philosophy.webp) 1x, url(../image/sp-company-philosophy@2x.webp) 2x);
    }
    #sumera #company .philosophy .text-img {
        margin: 22px auto 0;
        width: 277px;
    }
    #sumera #company .philosophy .philosophy p {
        margin-top: -9px;
        letter-spacing: -0.03em;
    }
    #sumera #company .business {
        margin-top: 75px;
    }
    #sumera #company .business h3 {
        font-size: 22px;
    }
    #sumera #company .business p {
        letter-spacing: -0.03em;
    }
    #sumera #company .company {
        margin-top: 64px;
    }
    #sumera #company .company .company-inner {
        position: static;
    }
    #sumera #company .company .company-left {
        position: static;
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
    #sumera #company .company .flex {
        position: static;
        flex-direction: column;
        margin-top: 0;
    }
    #sumera #company .company .company-right {
        max-width: 725px;
        margin-top: 32px;
        margin: 32px auto 0;
        width: 100%;
        padding: 0;
    }
    #sumera #company .company dl {
        margin-top: 30px;
    }
    #sumera #company .company .company-info {
        flex-direction: column;
        padding: 7px 0 9px;
    }
    #sumera #company .company .company-info dt {
        width: 100%;
    }
    #sumera #company .company .company-info dd {
        width: 100%;
        line-height: 1.5;
    }
    #sumera #company .company .company-info .school-name, #sumera #company .company .company-info .business-partner {
        line-height: 1.7;
    }
    #sumera #news .navigation {
        margin-top: 36px;
    }
    #sumera #news .page-numbers li:last-child {
        margin-top: 22px;
    }
    #sumera #single .detail-inner .date {
        font-size: 14px;
    }
    #sumera #single .detail-inner p {
        margin-top: 25px;
        letter-spacing: -0.04em;
    }
    #sumera #single .btn {
        margin-top: 44px;
    }
    #sumera #howto .size-inner .flex {
        flex-direction: column;
    }
    #sumera #howto .size-inner .flex .img {
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
    }
    #sumera #howto .size-inner .flex .text {
        width: 100%;
        line-height: 1.8;
        margin-top: 22px;
    }
    #sumera #howto .size-inner .youtube {
        flex-direction: column;
    }
    #sumera #howto .size-inner .youtube li {
        width: 96%;
        padding-bottom: 54%;
        margin-left: auto;
        margin-right: auto;
    }
    #sumera #howto .size-inner .youtube li:nth-child(2) {
        margin-top: 18px;
    }
    #sumera #howto .school-uniform {
        margin-top: 50px;
    }
    #sumera #howto .howto-items {
        max-width: 725px;
        margin: 28px auto 0;
    }
    #sumera #howto .howto-item {
        flex-direction: column;
        margin-top: 30px;
    }
    #sumera #howto .howto-item .img {
        width: 90%;
    }
    #sumera #howto .howto-item .text {
        width: 100%;
        margin-top: 7px;
    }
    #sumera #howto .howto-item .text h3 {
        font-size: 22px;
        line-height: 1.2;
    }
    #sumera #howto .howto-item .text p {
        margin-top: 30px;
        line-height: 1.8;
        letter-spacing: -0.03em;
    }
    #sumera #howto .washDisplay .inner {
        max-width: 725px;
    }
    #sumera #howto .washDisplay .howto-item li {
        margin-top: 4px;
    }
    #sumera #howto .washDisplay .howto-item li:first-child {
        margin-top: 0;
    }
    #sumera #howto .washDisplay .link {
        margin-top: 9px;
    }
    #sumera #repair .request {
        padding: 38px 5%;
    }
    #sumera #repair .request h3 {
        font-size: 20px;
    }
    #sumera #repair .request ul {
        font-size: 14px;
    }
    #sumera #repair .request li::before {
        top: 8px;
    }
    #sumera #repair .request .link a {
        font-size: 16px;
    }
    #sumera #repair .cloth-fix .repair-fee {
        width: 100vw;
        margin: 62px calc(50% - 50vw) 0;
        padding: 60px 20px;
    }
    #sumera #repair .cloth-fix .repair-fee h3 {
        font-size: 22px;
    }
    #sumera #repair .cloth-fix .repair-fee .fee-items {
        margin: 28px auto 0;
        flex-direction: column;
    }
    #sumera #repair .cloth-fix .repair-fee .fee-items .left, #sumera #repair .cloth-fix .repair-fee .fee-items .right {
        width: 100%;
    }
    #sumera #repair .cloth-fix .repair-fee .fee-items .right {
        margin-top: 35px;
    }
    #sumera #repair .cloth-fix .repair-fee .fee-item {
        margin-top: 35px;
    }
    #sumera #payment .tel p {
        line-height: 1.8;
    }
    #sumera #payment .tel ol {
        margin-top: 28px;
    }
    #sumera #payment .tel ol li {
        line-height: 1.8;
    }
    #sumera #payment .tel .btn {
        margin-top: 24px;
    }
    #sumera #payment .repair ol {
        font-size: 15px;
        margin: 33px auto 0;
    }
    #sumera #payment .repair ol li {
        line-height: 1.8;
    }
    #sumera #payment .repair .school-number {
        padding: 0;
    }
    #sumera #payment .transfer {
        margin-top: 72px;
    }
    #sumera #payment .transfer .transfer-item {
        margin-top: 80px;
    }
    #sumera #payment .transfer .transfer-item.transfer-item1 {
        margin-top: 28px;
    }
    #sumera #payment .transfer .transfer-item h3 {
        font-size: 22px;
        width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: 19px 0;
        line-height: 1.2;
    }
    #sumera #payment .transfer .transfer-item .transfer-item-inner .top-text {
        margin-top: 10px;
    }
    #sumera #payment .transfer .transfer-item .account-number {
        font-size: 16px;
        margin-top: 16px;
        padding: 14px 3px;
        line-height: 2;
    }
    #sumera #payment .transfer .transfer-item .img {
        margin: 23px auto 0;
    }
    #sumera #payment .transfer .transfer-item h4 {
        margin-top: 15px;
    }
    #sumera #store section {
        padding-bottom: 0;
    }
    #sumera #store section::after {
        height: 90%;
    }
    #sumera #store .flex {
        flex-direction: column;
        margin: 46px auto 0;
        max-width: 725px;
    }
    #sumera #store .flex span {
        display: none;
    }
    #sumera #store .flex h3 {
        font-size: 22px;
    }
    #sumera #store .info {
        width: 100%;
        margin-left: 0;
    }
    #sumera #store .info dl {
        margin-top: 20px;
        flex-direction: column;
    }
    #sumera #store .info dl dt {
        width: 100%;
    }
    #sumera #store .info dl dd {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
    }
    #sumera #store .info .attention {
        margin-top: 28px;
        font-size: 14px;
        line-height: 1.7;
    }
    #sumera #store .c-calendar {
        width: 100%;
        margin-top: 47px;
    }
    #sumera #store .c-calendar .slide-items__wrap {
        margin-top: 20px;
    }
    #sumera #store .c-calendar .slide-items__item {
        padding: 10px 2px;
    }
    #sumera #store .google-map {
        padding-bottom: 42.85%;
    }
    #sumera #contact .content {
        padding: 30px 3px 40px;
    }
    #sumera #privacy-policy .privacy-inner .c-section-title {
        font-size: 22px;
    }
    #sumera #kobemodel header {
        z-index: 300;
    }
    #sumera #kobemodel header .header-wrapper {
        display: block;
        padding: 0;
        position: relative;
    }
    #sumera #kobemodel header .header-wrapper .sp-header-right {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    #sumera #kobemodel .company-name {
        display: block;
    }
    #sumera #kobemodel .kobe-model-mv .inner .kobe-model-mv-en {
        font-size: 68px;
    }
    #sumera #kobemodel .kobe-model-mv .inner h1 {
        font-size: 32px;
    }
    #sumera #kobemodel .kobe-model-mv .inner .text-right {
        font-size: 28px;
    }
    #sumera #kobemodel .en-title {
        font-size: 83px;
        letter-spacing: 0;
    }
    #sumera #kobemodel .kobe-model-secTitle {
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }
    #sumera #kobemodel .kobe-model-secTitle .ja {
        padding-top: 50px;
        font-size: 24px;
    }
    #sumera #kobemodel .kobe-model-secTitle .ja::before {
        height: 24px;
        top: 30px;
    }
    #sumera #kobemodel .kobe-model-lead {
        background-image: url(../image/sp-lead-section-bg.webp);
        background-image: -webkit-image-set(url(../image/sp-lead-section-bg.webp) 1x, url(../image/sp-lead-section-bg@2x.webp) 2x);
        background-image: image-set(url(../image/sp-lead-section-bg.webp) 1x, url(../image/sp-lead-section-bg@2x.webp) 2x);
        /*padding-bottom: 213px;*/
        margin-top: 40px;
        padding-top: 46px;
    }
    #sumera #kobemodel .kobe-model-lead .inner {
        padding: 0 16px;
    }
    #sumera #kobemodel .kobe-model-lead h2 {
        font-size: 23px;
        margin-top: 33px;
    }
    /* #sumera #kobemodel .kobe-model-lead .kobe-model-lead-text {
        margin-top: 26px;
        font-size: 15px;
        line-height: 1.9;
    }
    #sumera #kobemodel .kobe-model-lead .kobe-model-lead-text a {
        padding: 1em 2em;
        font-size: clamp(10px, 2vw, 12px);
    } */
    #sumera #kobemodel .kobe-model-lead .kobe-model-lead-text {
        margin-top: 26px;
        padding: 1em 2em;
        font-size: clamp(10px, 2vw, 12px);
        line-height: 1.9;
    }
    #sumera #kobemodel .button-area {
        top: 79px;
    }
    #sumera #kobemodel .button-area ul li a {
        height: 90px;
    }
    #sumera #kobemodel .button-area ul li .top-icon {
        width: 20px;
    }
    #sumera #kobemodel .button-area ul li p {
        font-size: 14px;
        line-height: 1;
    }
    #sumera #kobemodel .button-area ul li .arrow-icon {
        display: none;
    }
    #sumera #kobemodel .kobe-model-design {
        background: url(../image/sp-bg.svg);
        background-size: cover;
        padding: 67px 20px 0;
        margin-top: 12px;
    }
    #sumera #kobemodel .kobe-model-design .flex {
        flex-direction: column;
    }
    #sumera #kobemodel .kobe-model-design .flex .en-title {
        top: -70px;
    }
    #sumera #kobemodel .kobe-model-design .flex .img {
        width: 314px;
        margin: 0 auto;
    }
    #sumera #kobemodel .kobe-model-design .flex .text-area {
        width: 100%;
    }
    #sumera #kobemodel .kobe-model-design .flex .text-area h3 {
        font-size: 22px;
    }
    #sumera #kobemodel .kobe-model-design .flex .text-area p {
        font-size: 15px;
        margin-top: 34px;
        line-height: 1.9;
    }
    #sumera #kobemodel .kobe-model-design ul {
        width: 100%;
        flex-direction: column;
        margin: 35px auto 0;
    }
    #sumera #kobemodel .kobe-model-design ul li {
        width: 100%;
        margin: 40px auto 0;
    }
    #sumera #kobemodel .kobe-model-design ul li .img {
        width: 152px;
    }
    #sumera #kobemodel .kobe-model-design ul li .title {
        font-size: 18px;
    }
    #sumera #kobemodel .kobe-model-design ul li .title::before, #sumera #kobemodel .kobe-model-design ul li .title::after {
        height: 68%;
    }
    #sumera #kobemodel .kobe-model-design ul li p {
        margin: 10px auto 0;
        line-height: 1.8;
        width: 36%;
    }
    #sumera #kobemodel .kobe-model-function {
        margin-top: 46px;
        background: none;
    }
    #sumera #kobemodel .kobe-model-function h3 {
        font-size: 22px;
    }
    #sumera #kobemodel .kobe-model-function .function-icon-items-title {
        font-size: 18px;
        margin-top: 18px;
    }
    #sumera #kobemodel .kobe-model-function .function-icon-items-title2 {
        margin-top: 64px;
    }
    #sumera #kobemodel .kobe-model-function .function-item1 {
        margin-top: 29px;
    }
    #sumera #kobemodel .kobe-model-function .function-item1 .title {
        margin-top: 18px;
        font-size: 28px;
    }
    #sumera #kobemodel .kobe-model-function .function-item1 .title span {
        font-size: 39px;
    }
    #sumera #kobemodel .kobe-model-function .function-item1 .moff-clear-lead {
        flex-direction: column;
        margin: 12px auto 0;
    }
    #sumera #kobemodel .kobe-model-function .function-item1 .flex {
        flex-direction: column;
        margin: 23px auto 0;
    }
    #sumera #kobemodel .kobe-model-function .function-item1 .flex .img {
        width: 100%;
        max-width: 335px;
        margin: 0 auto;
    }
    #sumera #kobemodel .kobe-model-function .function-item1 .flex .text-area {
        width: 100%;
        margin: 10px auto 0;
        max-width: 600px;
    }
    #sumera #kobemodel .kobe-model-function .function-item1 .flex .text-area .link {
        margin-top: 7px;
    }
    #sumera #kobemodel .kobe-model-function .function-item2 {
        margin-top: 60px;
    }
    #sumera #kobemodel .kobe-model-function .function-item3 {
        margin-top: 60px;
    }
    #sumera #kobemodel .kobe-model-item {
        margin-top: 65px;
        padding: 190px 0 77px;
    }
    #sumera #kobemodel .kobe-model-item .top-treat-img {
        width: 100%;
    }
    #sumera #kobemodel .kobe-model-item .inner {
        padding-top: 60px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex {
        flex-direction: column;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex .img {
        max-width: 500px;
        width: 90%;
        margin: 0 auto;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area {
        width: 100%;
        margin-top: 30px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .name {
        font-size: 22px;
        height: 78px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .name .left {
        width: 120px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .name .left::before {
        border-left: 34px solid transparent;
        border-bottom: 79px solid #fff;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .name .right {
        padding: 0;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area p {
        margin-top: 30px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area .table {
        margin-top: 23px;
        width: 95vw;
        margin-right: calc(50% - 50vw);
        padding-right: 20px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area th {
        padding: 14px 0;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex .text-area td {
        padding: 13px 0;
        width: 33%;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex1 {
        margin-top: 30px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex2 {
        margin-top: 83px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex2 .text-area .js-scroll-2 {
        margin-top: 20px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex3 {
        margin-top: 80px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex3 .text-area .name {
        font-size: 22px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex-shirt {
        margin-top: 80px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex4 {
        margin-top: 80px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-flex4 .text-area .name {
        font-size: 22px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-attention, #sumera #kobemodel .kobe-model-item .kobe-model-item-school-name {
        margin: 57px auto 0;
        padding: 40px 20px 42px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-school-name-grid {
        margin: 57px auto 0;
        grid-template-columns: repeat(1, 1fr);
        gap: 11px;
    }
    #sumera #kobemodel .kobe-model-item-school-name-date {
        font-size: 14px;
        margin: 16px auto 0;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-attention .title, #sumera #kobemodel .kobe-model-item .kobe-model-item-school-name .title {
        font-size: 21px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-attention ul li, #sumera #kobemodel .kobe-model-item .kobe-model-item-school-name ul li {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 11px;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-attention ul li:first-child, #sumera #kobemodel .kobe-model-item .kobe-model-item-school-name ul li:first-child {
        margin-top: 0;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-attention ul li span, #sumera #kobemodel .kobe-model-item .kobe-model-item-school-name ul li span {
        margin-top: 9px;
        display: block;
    }
    #sumera #kobemodel .kobe-model-item .kobe-model-item-school-name .bottom-text {
        font-size: 14px;
        margin: 16px auto 0;
    }
    #sumera #kobemodel .kobe-model-flow {
        padding-top: 260px;
    }
    #sumera #kobemodel .kobe-model-flow .top-treat-img {
        width: 100%;
    }
    #sumera #kobemodel .kobe-model-flow .inner {
        padding: 0;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step {
        margin-top: 106px;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item {
        flex-direction: column;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .img {
        width: 100%;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .right {
        width: 100%;
        padding: 0 20px;
        margin-top: 58px;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .right .title .right {
        font-size: 24px;
        padding: 0;
        margin-left: 16px;
        margin-top: 26px;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .top-text {
        font-size: 15px;
        line-height: 1.5;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item dd {
        font-size: 15px;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-period, #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-store-info, #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-time, #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-attention {
        margin-top: 22px;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-attention ul li {
        margin-top: 10px;
        font-size: 15px;
        line-height: 1.5;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item2 .right {
        margin-top: 26px;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item2 .right .flow-attention {
        margin-top: 39px;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item2 .right .flow-attention ul {
        margin-top: 6px;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item2 .right .flow-attention ul li {
        font-size: 16px;
        margin-top: 10px;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item2 .right .flow-attention ul li:first-child {
        margin-top: 0;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item2 .right .flow-attention ul li span {
        display: block;
        margin-top: 10px;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item2, #sumera #kobemodel .kobe-model-flow .flow-step-item3, #sumera #kobemodel .kobe-model-flow .flow-step-item {
        margin-top: 89px;
    }
    #sumera #kobemodel .kobe-model-qa {
        padding: 60px 0;
        margin: 72px auto 0;
    }
    #sumera #kobemodel .kobe-model-qa .qa-content {
        padding: 48px 0 80px;
    }
    #sumera #kobemodel .kobe-model-qa h2 {
        font-size: 24px;
    }
    #sumera #kobemodel .kobe-model-qa ul {
        margin: 15px auto 0;
    }
    #sumera #kobemodel .kobe-model-qa ul li {
        background: none;
        margin-top: 0;
    }
    #sumera #kobemodel .kobe-model-qa ul li .qa-head {
        font-size: 16px;
        padding: 20px 36px 20px 0;
    }
    #sumera #kobemodel .kobe-model-qa ul li .qa-head::before {
        top: 50%;
        right: 0;
        transform: rotate(90deg) translateY(-50%);
    }
    #sumera #kobemodel .kobe-model-qa ul li .qa-head::after {
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    #sumera #kobemodel .kobe-model-qa ul li .qa-head p::before {
        font-size: 20px;
        top: -3px;
    }
    #sumera #kobemodel .kobe-model-qa ul li .qa-body {
        padding: 20px 36px 20px 0;
    }
    #sumera #kobemodel .kobe-model-qa ul li .qa-body p {
        font-size: 15px;
    }
    #sumera #kobemodel .kobe-model-qa ul li .qa-body p::before {
        font-size: 20px;
        top: -3px;
    }
    
    #sumera #kobemodel #kobe-model-stock .stock-table {
        
    }
    #sumera #kobemodel #kobe-model-stock .stock-table iframe {
        
    }
    
    #sumera #kobemodel .kobe-model-bottom .inner {
        padding: 0;
        display: block;
        position: relative;
    }
    #sumera #kobemodel .kobe-model-bottom .left-img {
        width: 125%;
        position: absolute;
        top: 0;
        left: 0;
    }
    #sumera #kobemodel .kobe-model-bottom .page-top {
        width: 63px;
        position: absolute;
        bottom: 0;
        right: 26px;
        margin-top: 0;
    }
    #sumera #kobemodel .kobe-model-bottom .page-top a p {
        font-size: 8px;
        margin-top: 5px;
    }
}
/*--------------------------------------------------------------------------------------------------
   SP-small
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    #sumera .sp-only {
        display: block;
    }
    #sumera .pc-tab-only {
        display: none;
    }
    #sumera .c-calendar .calendar-slide-items {
        padding: 0 10px 40px;
    }
    #sumera .c-calendar .calendar-slide-items .slick-prev, #sumera .c-calendar .calendar-slide-items .slick-next {
        width: 80px;
        height: auto;
        display: block !important;
        bottom: 0;
    }
    #sumera .c-calendar .calendar-slide-items .slick-prev::after, #sumera .c-calendar .calendar-slide-items .slick-next::after {
        width: 13px;
        height: 13px;
        top: 50%;
        transform: translateY(-50%) rotate(135deg);
    }
    #sumera .c-calendar .calendar-slide-items .slick-prev {
        left: 20px;
        transform: none;
    }
    #sumera .c-calendar .calendar-slide-items .slick-prev::before {
        content: "前の月";
        position: absolute;
        top: 0;
        right: 12px;
        color: #2F3A52;
        font-size: 14px;
    }
    #sumera .c-calendar .calendar-slide-items .slick-next {
        right: 20px;
        transform: none;
    }
    #sumera .c-calendar .calendar-slide-items .slick-next::before {
        content: "次の月";
        position: absolute;
        top: 50%;
        left: 12px;
        color: #2F3A52;
        transform: translateY(-50%);
        font-size: 14px;
    }
    #sumera .c-calendar .calendar-slide-items .slick-next::after {
        transform: translateY(-50%) rotate(-45deg);
    }
    #sumera .c-calendar .slide-items__item caption {
        font-size: 18px;
        margin-bottom: 6px;
    }
    #sumera .c-calendar .slide-items__item td {
        font-size: 14px;
    }
    #sumera .store-info::after {
        width: 85%;
    }
    #sumera #top .mv .mv-img2 .text-area {
        top: 8%;
        transform: none;
        padding: 0 16px;
    }
    #sumera #top .mv .mv-img2 .inner .title {
        font-size: 8vw;
    }
    #sumera #top .mv .mv-img2 .inner .text {
        font-size: 4vw;
    }
    #sumera #top .kobe-model .inner {
        padding: 0px;
    }
    #sumera #company .philosophy p {
        font-size: 15px;
        margin-top: -9px;
        line-height: 2.1;
    }
    #sumera #howto .size-inner .flex .img {
        width: 100%;
    }
    #sumera #repair .cloth-fix .repair-fee dt, #sumera #repair .cloth-fix .repair-fee dd {
        letter-spacing: -0.05em;
    }
    #sumera #payment .transfer nav ul {
        flex-direction: column;
    }
    #sumera #payment .transfer nav ul li {
        width: 100%;
        margin: 10px auto 0;
        max-width: 400px;
    }
    #sumera #payment .transfer nav ul li:first-child {
        margin: 0 auto;
    }
    #sumera #payment .transfer nav ul li a {
        padding: 20px 10px;
        display: block;
        text-align: left;
        font-size: 15px;
    }
    #sumera #payment .transfer nav ul li a::after {
        top: 37%;
        left: 90%;
        transform: rotate(45deg);
    }
    #sumera #store .store-img picture img {
        border-radius: 8px;
        height: auto;
        object-fit: cover;
    }
    #sumera #store .google-map {
        height: 202px;
        width: 100vw;
    }
    #sumera #kobemodel .kobe-model-mv {
        background-image: none;
        height: auto;
    }
    #sumera #kobemodel .kobe-model-mv .img {
        width: 100%;
        position: static;
        transform: none;
    }
    #sumera #kobemodel .kobe-model-mv .inner {
        position: static;
    }
    #sumera #kobemodel .kobe-model-mv .inner .text-left {
        top: 14%;
    }
    #sumera #kobemodel .kobe-model-mv .inner .text-left .kobe-model-mv-en {
        font-size: 13vw;
    }
    #sumera #kobemodel .kobe-model-mv .inner .text-left h1 {
        font-size: 6vw;
        padding: 0;
        margin-top: 8px;
    }
    #sumera #kobemodel .kobe-model-mv .inner .text-left h1::before, #sumera #kobemodel .kobe-model-mv .inner .text-left h1::after {
        display: none;
    }
    #sumera #kobemodel .kobe-model-mv .inner .text-right {
        font-size: 5.5vw;
        top: 24%;
        right: 6%;
    }
    #sumera #kobemodel .kobe-model-lead .flex p {
        font-size: 15px;
    }
    #sumera #kobemodel .kobe-model-lead .flex .hougo {
        width: 50%;
    }
    #sumera #kobemodel .kobe-model-lead .flex .hougo .img {
        width: 70px;
    }
    #sumera #kobemodel .kobe-model-lead .flex span {
        margin-top: 12px;
    }
    #sumera #kobemodel .kobe-model-lead .flex span::before, #sumera #kobemodel .kobe-model-lead .flex span::after {
        height: 80px;
    }
    #sumera #kobemodel .kobe-model-lead .flex span::before {
        transform: rotate(30deg);
    }
    #sumera #kobemodel .kobe-model-lead .flex span::after {
        transform: rotate(-30deg);
    }
    #sumera #kobemodel .kobe-model-lead .flex .anchor {
        margin-top: 10px;
        width: 50%;
    }
    #sumera #kobemodel .kobe-model-lead .flex .anchor .img {
        width: 78px;
    }
    #sumera #kobemodel .kobe-model-design ul li p {
        width: 61%;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-store-info dd ul {
        display: block;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-store-info dd ul li {
        width: 100%;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-store-info dd ul li:nth-child(2) {
        margin-top: 22px;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-store-info dd ul li dl dt {
        width: 25%;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-store-info dd ul li dl dd {
        width: 75%;
    }
    #sumera #kobemodel .kobe-model-bottom .left-img {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-time dd ul {
        flex-wrap: wrap;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-time dd ul li {
        flex: 0 1 40%;
    }
    #sumera #kobemodel .kobe-model-flow .flow-step-item .flow-time dd ul li:nth-child(3) {
        flex: 1 1 100%;
    }
}