@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 新規の場合使用 */
:root {
    --main-color: #003E92;
    --sub-color: #F0F4F8;
    --point-color: #00942C;
    --line-color: #03C755;
    --font-color: #1A1311;
    --sub-font-color: #A0A0A0;
}

html,
body,
button,
input,
select,
textarea,
body>* {
    /* 不要な指定は消す */
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 500 !important;
}

body {
    color: #1A1311 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    min-width: 1340px !important;
}

.f_en {
    font-family: "Montserrat", sans-serif;
}

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

.wrap {
    width: 1140px;
    margin: 0 auto;
}

.wrap.mid {
    width: 1240px;
    margin: 0 auto;
}

.wrap.lr {
    width: 1340px;
    margin: 0 auto;
}

a[href $='.pdf'] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    text-decoration: underline;
    color: #fff;
    line-height: 1.5;
}

a[href $='.pdf']::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 30px;
    height: 38px;
    mask-image: url(/wp-content/themes/swell_child/image/icon/icon_pdf.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    margin-right: 15px;
    background: #fff;
}

a[href $='.pdf']:hover {
    text-decoration: none;
}

/* サイト共通 */
.site-common_title .en {
    font-size: 48px;
    line-height: 1.3;
    letter-spacing: 0em;
    font-weight: 700;
    font-style: italic;
    color: var(--main-color);
    position: relative;
    text-transform: uppercase;
}

.site-common_title .en::before {
    content: '';
    position: absolute;
    top: 15px;
    left: -23px;
    width: 15px;
    height: 30px;
    background: url(./image/deco_shape.svg) center center / contain no-repeat;
}

.site-common_title .title {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .1em;
    font-weight: 700;
}

.site-common_title.center {
    text-align: center;
}

.site-common_title.center .en {
    padding-bottom: 10px;
}

.site-common_title.center .en::before {
    top: unset;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 16px;
    rotate: 90deg;
}

.site-common_heading {
    margin-top: 22px;
}

.site-common_heading .text {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: .03em;
    font-weight: 500;
}

.site-common_heading.center .text {
    text-align: center;
}

.top-room_search .site-common_heading .text {
    color: var(--sub-font-color);
}

.site-common_btn .link {
    width: 320px;
    min-block-size: 65px;
    display: grid;
    place-content: center;
    background-color: var(--font-color);
    font-size: 16px;
    line-height: 1;
    letter-spacing: .03em;
    color: #fff;
    transition: all .3s;
    position: relative;
}

.site-common_btn .link:hover {
    background-color: var(--point-color);
}

.site-common_btn .link::before {
    content: '';
    position: absolute;
    top: 50%;
    translate: 0% -50%;
    right: 30px;
    width: 8px;
    aspect-ratio: 1;
    min-width: 0;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    rotate: 45deg;
    transition: all .3s;
}

.top-bg {
    background-color: var(--sub-color);
}


/* --------------------- */
/* ここから追記 */
/* --------------------- */

/* ハンバーガーメニュー */
.common-hamburger {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999;
    padding-block: 210px 42px;
    background-color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    clip-path: inset(100% 0 0 0);
    transition: clip-path .6s ease-in-out, opacity .3s;
    will-change: clip-path;
}

.common-hamburger.is_open {
    opacity: 1;
    visibility: visible;
    clip-path: inset(0 0 0 0);
}

.common-hamburger.is_closing {
    opacity: 1;
    clip-path: inset(0 0 100% 0);
}

.common-hamburger.no-transition {
    transition: none !important;
}

html.active {
    overflow: hidden;
}

.common-hamburger .inner {
    display: flex;
    gap: 0 50px;
    justify-content: space-between;
}

.hamburger__cont {
    display: flex;
}

.hamburger__menu .head {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 700;
}

.hamburger__menu ul {
    margin-top: 22px;
}

.hamburger__menu ul li .link {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 .7em;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff;
    transition: all .3s;
}

.hamburger__menu ul li+li {
    margin-top: 10px;
}

.hamburger__menu ul li .link::before {
    flex-shrink: 0;
    content: '';
    width: 10px;
    height: 1px;
    background-color: #fff;
}

.hamburger__menu ul li .link:hover {
    opacity: .7;
}

.hamburger__menu:nth-child(1) {
    margin-right: 88px;
}

.hamburger__menu:nth-child(2) {
    margin-right: 80px;
}

.hamburger__menu:nth-child(3) {
    margin-right: 84px;
}

.hamburger__menu .menu_box {
    margin-top: 48px;
}

.hamburger__menu .menu_box ul li .menu {
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 700;
    color: #fff;
    transition: all .3s;
}

.hamburger__menu .menu_box ul li .menu:hover {
    opacity: .7;
}

.hamburger__info .map iframe {
    width: 300px;
    height: 180px;
}

.hamburger__info .info_box {
    margin-top: 15px;
}

.hamburger__info .info_box .name {
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    font-weight: 700;
}

.hamburger__info .info_box .address {
    font-size: 12px;
    letter-spacing: 0;
    margin-top: .8em;
    color: #fff;
}

.hamburger__info .info_box .tel {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
}

.hamburger__sns {
    margin-top: 63px;
    display: flex;
    gap: 0 20px;
    justify-content: flex-end;
}

.hamburger__sns .sns {
    display: block;
    width: 40px;
    transition: all .3s;
}

.hamburger__sns .sns img {
    width: 100%;
}

.hamburger__sns .sns:hover {
    opacity: .7;
}

.hamburger__submenu {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hamburger__submenu .sub__menu ul {
    display: flex;
    gap: 0 20px;
}

.hamburger__submenu .sub__menu ul li a {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 400;
    transition: all .3s;
}

.hamburger__submenu .sub__menu ul li a:hover {
    opacity: .7;
}

.hamburger__copy {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #fff;
}

/* PCヘッダー */
header.site-header {
    background-color: #fff;
    border-bottom: 1px solid #CCC;
    width: 100%;
    position: relative;
    z-index: 1000;
    overflow-x: scroll;
    padding: 15px 22px 12px 50px;
}

header.site-header .cont {
    min-width: 1340px;
}

header.site-header .inner {
    display: flex;
    justify-content: space-between;
}

.site-header__h1 {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0em;
    margin-bottom: .8em;
    white-space: nowrap;
}

.site-header__image {
    display: flex;
    align-items: flex-end;
    gap: 0 10px;
}

.site-header__image a {
    display: block;
    width: 230px;
}

.site-header__name {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: .5em;
    flex-shrink: 0;
}

.site-header__cont {
    margin-top: 9px;
    margin-left: auto;
    flex-wrap: nowrap;
}

.site-header__medal {
    margin-right: 18px;
    gap: 0 8px;
    flex-wrap: nowrap;
}

.site-header__medal .icon {
    width: 123px;
}

.site-header__medal .icon img {
    width: 100%;
}

.site-header__tel {
    margin-right: 15px;
}

.site-header__tel .text {
    margin-left: 28px;
    font-size: 14px;
    letter-spacing: 0em;
    font-weight: 700;
}

.site-header__tel .tel {
    display: flex;
    gap: 0 5px;
    align-items: center;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0em;
    font-style: italic;
    font-weight: 700;
    pointer-events: none;
    white-space: nowrap;
}

.site-header__tel .tel::before {
    content: '';
    width: 20px;
    aspect-ratio: 1;
    min-width: 0;
    background: url(./image/icon/icon_tel.svg) center center / contain no-repeat;
}

.site-header__tel .time {
    font-size: 11px;
    letter-spacing: 0em;
    font-weight: 300;
    line-height: 1;
    margin-left: 5px;
}

.site-header__button {
    margin-right: 24px;
}

.site-header__btn {
    justify-content: flex-end;
    gap: 0 25px;
}

.site-header__btn .link {
    display: flex;
    gap: 0 8px;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 700;
    color: var(--font-color);
    transition: all .3s;
}

.site-header__btn .link::before {
    content: '';
    width: 20px;
    aspect-ratio: 1;
    min-width: 0;
}

.site-header__btn .link:nth-child(1)::before {
    background: url(./image/icon_star.svg) center center / contain no-repeat;
}

.site-header__btn .link:nth-child(2)::before {
    background: url(./image/icon_clock.svg) center center / contain no-repeat;
}

.site-header__btn .link:hover {
    color: var(--main-color);
}

.site-header__btns ul {
    gap: 0 10px;
    justify-content: flex-end;
    flex-wrap: nowrap;
    margin-top: 10px;
}

.site-header__btns ul li .link {
    width: 150px;
    display: flex;
    align-items: center;
    gap: 0 10px;
    min-block-size: 45px;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    color: #fff;
    padding-inline: 15px 10px;
    transition: all .3s;
}

.site-header__btns ul li .link:hover {
    opacity: .7;
}

.site-header__btns ul li:nth-child(1) .link {
    background-color: var(--main-color);
}

.site-header__btns ul li:nth-child(2) .link {
    background-color: var(--point-color);
}

.site-header__btns ul li:nth-child(3) .link {
    background-color: var(--line-color);
}

.site-header__btns ul li .link::before {
    content: '';
    width: 20px;
    aspect-ratio: 1;
    min-width: 0;
}

.site-header__btns ul li:nth-child(1) .link::before {
    background: url(./image/icon_calender.svg) center center / contain no-repeat;
}

.site-header__btns ul li:nth-child(2) .link::before {
    width: 22px;
    background: url(./image/icon_house.svg) center center / contain no-repeat;
    margin-top: 5px;
}

.site-header__btns ul li:nth-child(3) .link::before {
    background: url(./image/icon/icon_line.svg) center center / contain no-repeat;
}

.site-header__hamburger {
    margin-top: 18px;
    width: 56px;
    cursor: pointer;
}

.hamburger__bar {
    width: 35px;
    height: 22px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.hamburger__bar span {
    width: 100%;
    height: 2px;
    background-color: #1A1311;
    position: absolute;
    left: 0;
    transition: 0.3s ease-in-out;
}

.hamburger__bar span:nth-child(1) {
    top: 0;
}

.hamburger__bar span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}

.hamburger__bar span:nth-child(3) {
    top: unset;
    bottom: 0;
}

/* クリック後の挙動 */
.hamburger__bar span.is_active:nth-child(1) {
    transform: rotate(45deg);
    top: 50%;
}

.hamburger__bar span.is_active:nth-child(2) {
    transform: rotate(-45deg);

}

.hamburger__bar span.is_active:nth-child(3) {
    opacity: 0;
}

.site-header__hamburger .text {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    margin-top: 20px;
    text-align: center;
    transition: 0.3s ease-in-out;
}

.site-header__menu {
    margin-top: 15px;
}

.site-header__menu ul {
    justify-content: center;
    flex-wrap: nowrap;
}

.site-header__menu ul li .link {
    display: inline-block;
    padding-inline: 81px;
    font-size: 15px;
    letter-spacing: 0em;
    line-height: 1.3;
    font-weight: 700;
    color: var(--font-color);
    border-left: 1px solid #CCC;
    transition: all .3s;
    white-space: nowrap;
}

.site-header__menu ul li:first-child .link {
    border-left: none;
}

.site-header__menu ul li .link:hover {
    color: var(--main-color);
}

/* トップ　FV */
.top-fv {
    background-color: var(--sub-color);
    padding-top: 50px;
    overflow: hidden;
}

.top-fv__slider {
    position: relative;
}

.top-fv__slider.slick-dotted.slick-slider {
    margin-bottom: 39px;
}

.top-fv__slider picture.slick-slide {
    width: 700px !important;
    margin-inline: 25px;
}

.top-fv__slider picture img {
    width: 100%;
}

/* サイト共通ドット */
.slick-dots {
    bottom: -30px;
}

.slick-dots li.slick-active {
    width: 16px;
    height: 16px;
    margin: 0 9px;
}

.slick-dots li.slick-active button {
    width: 16px;
    height: 16px;
    margin: 0;
    background: var(--main-color);
    border-radius: 100%;
}

.slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 9px;
}

.slick-dots li button {
    width: 12px;
    height: 12px;
    background: #7BA6E0;
    border-radius: 100%;
}

.slick-dots li button::before {
    display: none;
}

.top-fv__slider .slick-arrow {
    border-radius: 100%;
    width: 100px;
    aspect-ratio: 1;
    min-width: 0;
    background-color: #003E92;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    transition: all .3s;
}

.top-fv__slider .slick-arrow:hover {
    opacity: .7;
}

.top-fv__slider .slick_prev.slick-arrow {
    left: -50px;
}

.top-fv__slider .slick_next.slick-arrow {
    right: -50px;
}

.top-fv__slider .slick-arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    translate: 0% -50%;
    width: 15px;
    aspect-ratio: 1;
    min-width: 0;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
}

.top-fv__slider .slick_prev.slick-arrow::before {
    rotate: 135deg;
    left: 68%;
}

.top-fv__slider .slick_next.slick-arrow::before {
    rotate: -45deg;
    left: 20%;
}

.top-fv__news {
    background-color: var(--main-color);
    width: 520px;
    margin-left: auto;
    padding: 16px 25px 18px;
    align-items: center;
    gap: 0 30px;
}

.top-fv__news .white{
    color: #fff;
}

.top-fv__news .news_box {
    width: 370px;
    padding-right: 20px;
    position: relative;
}

.top-fv__news .news_box::after {
    content: '';
    position: absolute;
    top: 50%;
    translate: -0% -50%;
    right: 0;
    width: 10px;
    aspect-ratio: 1;
    min-width: 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    rotate: -45deg;
}

.top-fv__news .link {
    color: #fff;
}

.top-fv__news .link .time {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 500;
    font-style: italic;
}

.top-fv__news .link .title {
    font-size: 14px;
    letter-spacing: 0em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    position: relative;
}

.top-fv__news .link .title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}

.top-fv__news .link .title:hover::before {
    opacity: 1;
    visibility: visible;
}

.fv-news__btn .btn {
    border: 1px solid #fff;
    width: 70px;
    min-block-size: 29px;
    display: grid;
    place-content: center;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    transition: all .3s;
}

.fv-news__btn .btn:hover {
    background-color: #fff;
    color: var(--main-color);
}

/* トップ　探す */
.top-room_search {
    padding-block: 97px 100px;
}

.top-room_search .inner {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0 50px;
    align-items: flex-end;
}

.room-search__keyword {
    margin-top: 50px;
}

.room-search__keyword .title_box {
    display: flex;
    gap: 0 10px;
    align-items: center;
    margin-bottom: 13px;
}

.room-search__keyword .title_box .en {
    font-size: 20px;
    letter-spacing: 0em;
    font-style: italic;
    font-weight: 700;
    color: var(--main-color);
}

.room-search__keyword .title_box .jp {
    font-size: 14px;
    letter-spacing: .03em;
    font-weight: 700;
}

.room-search__keyword .keyword_form {
    border: 1px solid var(--font-color);
    width: 480px;
    position: relative;
}

.room-search__keyword .keyword_form .text {
    padding: 17px 55px 17px 20px;
    width: 425px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 300;
    background-color: #fff;
    border: none;
}

.room-search__keyword .keyword_form .text::placeholder {
    color: #ccc;
}

.room-search__keyword .keyword_form input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    aspect-ratio: 1;
    min-width: 0;
    background-color: #1A1311;
    border: none;
    background-image: url(./image/icon_search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 26px;
}

.room-search__button ul {
    display: flex;
}

.room-search__button ul li {
    display: block;
    width: 209px;
}

.room-search__button ul li .link {
    display: block;
    padding: 23px 0 32px;
    border-right: 1px solid #E8E8E8;
    position: relative;
}

.room-search__button ul li:last-child .link {
    border-right: none;
}

.room-search__button ul li .link::before {
    content: '';
    position: absolute;
    width: 15px;
    aspect-ratio: 1;
    bottom: 5px;
    right: 14px;
    background-color: var(--main-color);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    transition: all .3s;
}

.room-search__button ul li .link.agency::before {
    background-color: var(--point-color);
}

.room-search__button ul li .link:hover::before {
    bottom: 0;
    right: 9px;
}

.room-search__button ul li .link .icon {
    background-color: var(--main-color);
    display: grid;
    place-content: center;
    min-block-size: 85px;
    width: 150px;
    margin-inline: auto;
}

.room-search__button ul li .link.agency .icon {
    background-color: var(--point-color);
}

.room-search__button ul li .link.agency .icon img {
    width: 36px;
}

.room-search__button ul li .box {
    margin-top: 14px;
}

.room-search__button ul li .search__button_title {
    text-align: center;
    position: relative;
    padding-bottom: .4em;
}

.room-search__button ul li .search__button_title::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--main-color);
    transition: all .3s;
}

.room-search__button ul li .link.agency .search__button_title::before {
    background-color: var(--point-color);
}

.room-search__button ul li .link:hover .search__button_title::before {
    width: 50px;
}

.room-search__button ul li .search__button_title .en {
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0em;
    font-weight: 700;
    font-style: italic;
    color: var(--main-color);
}

.room-search__button ul li .link.agency .search__button_title .en {
    color: var(--point-color);
}

.room-search__button ul li .search__button_title .title {
    font-size: 18px;
    letter-spacing: .03em;
    font-weight: 700;
    transition: all .3s;
}

.room-search__button ul li .link:hover .search__button_title .title {
    color: var(--main-color);
}

.room-search__button ul li .link.link.agency:hover .search__button_title .title {
    color: var(--point-color);
}

.room-search__button ul li .text_box {
    margin-top: 13px;
}

.room-search__button ul li .text_box .text {
    color: #A0A0A0;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .03em;
    text-align: center;
}

/* トップ　人気の条件 */
.top-popular__cont {
    margin-top: 24px;
}

.top-popular__cont ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px 20px;
}

.top-popular__cont ul li .link {
    display: block;
    position: relative;
}

.top-popular__cont ul li .link::before {
    content: '';
    position: absolute;
    width: 15px;
    aspect-ratio: 1;
    bottom: 0;
    right: 0;
    background-color: var(--point-color);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    transition: all .3s;
}

.top-popular__cont ul li:nth-child(even) .link::before {
    background-color: var(--main-color);
}

.top-popular__cont ul li .link:hover::before {
    bottom: -3px;
    right: -3px;
}

.top-popular__cont ul li .link .img {
    overflow: hidden;
}

.top-popular__cont ul li .link .img img {
    width: 100%;
    aspect-ratio: 3/2;
    min-width: 0;
    object-fit: cover;
    transition: all .3s;
}

.top-popular__cont ul li .link:hover .img img {
    scale: 1.1;
}

.top-popular__cont ul li .box {
    margin-top: 13px;
}

.top-popular__cont ul li .top-popular__title {
    display: flex;
    align-items: first baseline;
    gap: 0 .5em;
    color: var(--font-color);
    transition: all .3s;
}

.top-popular__cont ul li .link:hover .top-popular__title {
    color: var(--point-color);
}

.top-popular__cont ul li:nth-child(even) .link:hover .top-popular__title {
    color: var(--main-color);
}

.top-popular__cont ul li .top-popular__title .num {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    font-style: italic;
}

.top-popular__cont ul li .top-popular__title .title {
    font-size: 18px;
    letter-spacing: .03em;
    font-weight: 700;
    text-decoration: underline;
}

.top-popular__cont ul li .top-popular__text {
    margin-top: 9px;
}

.top-popular__cont ul li .top-popular__text .text {
    color: #A0A0A0;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .03em;
}

/* トップ　バナー */
.top-banner_slider {
    margin-top: 100px;
    padding-block: 100px;
    background-color: #FAFAFA;
}

.banner-slider__list .banner {
    width: 560px !important;
    margin-inline: 10px;
}

.banner-slider__list .slick-track {
    height: 100%;
}

.banner-slider__thumnail {
    margin-top: 20px;
}

.banner-slider__thumnail .slick-track {
    transform: unset !important;
}

.banner-slider__thumnail .banner {
    margin-right: 14px;
    width: 130px !important;
    cursor: pointer;
}

.banner-slider__thumnail .banner:last-child {
    margin-right: 0;
}

.banner-slider__list {
    position: relative;
}

.banner-slider__list .slick-arrow {
    position: absolute;
    top: 50%;
    translate: 0% -50%;
    width: 50px;
    aspect-ratio: 1;
    min-width: 0;
    border-radius: 100%;
    background-color: var(--main-color);
    cursor: pointer;
    z-index: 10;
    transition: all .3s;
}

.banner-slider__list .slick-arrow:hover {
    opacity: .7;
}

.banner-slider__list .slick_prev.slick-arrow {
    left: -40px;
}

.banner-slider__list .slick_next.slick-arrow {
    right: -40px;
}

.banner-slider__list .slick-arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    translate: 30% -50%;
    width: 15px;
    aspect-ratio: 1;
    min-width: 0;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    rotate: -45deg;
}

.banner-slider__list .slick_prev.slick-arrow::before {
    rotate: 135deg;
    right: unset;
    left: 50%;
    translate: -50% -50%;
}

/* トップ店舗セクション */
.top-shop_sec {
    position: relative;
    padding-block: 100px;
    background: url(./image/kobe_img.webp) center center / cover no-repeat;
}

.top-shop_sec::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(125deg, rgba(240, 244, 248, 0) 0%, rgba(240, 244, 248, .2) 100%);
    backdrop-filter: blur(5px);
}

.top-shop_sec .map {
    position: absolute;
    top: 0;
    right: 50px;
    width: 765px;
    height: auto;
}

.top-shop_sec .map img {
    width: 100%;
}

.top-shop__cont {
    position: relative;
}

.top-shop__title {
    position: relative;
    width: fit-content;
}

.top-shop__title .icon {
    position: absolute;
    top: 0;
    right: 30px;
    width: 146px;
    height: auto;
}

.top-shop__title .icon img {
    width: 100%;
}

.top-shop__title .title {
    font-size: 32px;
    line-height: 1.4;
    letter-spacing: .03em;
    font-weight: 700;
}

.top-shop__title .title .size {
    font-size: 48px;
}

.top-shop__title .title .num {
    color: var(--main-color);
    letter-spacing: .03em;
    font-style: italic;
    line-height: 1;
    font-size: 64px;
    font-weight: 700;
    display: inline-block;
    margin-left: .1em;
}

.top-shop__title .title .num.size {
    font-size: 72px;
}

.top-shop__head {
    margin-top: 32px;
}

.top-shop__head .text {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .03em;
    color: #3B3B3B;
}

.top-shop__button {
    margin-top: 35px;
}

.top-shop__button ul {
    display: grid;
    grid-template-columns: repeat(3, 200px);
    gap: 10px;
}

.top-shop__button ul li .link {
    display: grid;
    align-items: center;
    background-color: #fff;
    min-block-size: 50px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    padding-inline: 20px;
    transition: all .3s;
    position: relative;
}

.top-shop__button ul li .link:hover {
    background-color: var(--main-color);
    color: #fff;
}

.top-shop__button ul li .link::before {
    content: '';
    position: absolute;
    top: 50%;
    translate: 0% -50%;
    right: 18px;
    width: 8px;
    aspect-ratio: 1;
    min-width: 0;
    border-right: 2px solid #A0A0A0;
    border-top: 2px solid #A0A0A0;
    rotate: 45deg;
    transition: all .3s;
}

.top-shop__button ul li .link:hover::before {
    border-color: #fff;
}

/* トップ　口コミ・評判セクション */
.top-review_sec {
    padding-block: 97px 126px;
}

.top-review__title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 35px;
}

.top-review__cont ul {
    display: grid;
    grid-template-columns: repeat(4, 270px);
    gap: 20px;
}

.top-review__cont ul li .link {
    display: block;
}

.top-review__cont ul li .link .img {
    overflow: hidden;
}

.top-review__cont ul li .link .img img {
    width: 100%;
    aspect-ratio: 54/35;
    min-width: 0;
    object-fit: cover;
    transition: all .3s;
}

.top-review__cont ul li .link:hover .img img {
    scale: 1.1;
}

.top-review__cont ul li .link .text_box {
    margin-top: 15px;
}

.top-review__cont ul li .link .title {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: .03em;
    font-weight: 700;
    text-decoration: underline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .3s;
}

.top-review__cont ul li .link:hover .title {
    color: var(--point-color);
}

.top-review__cont ul li .link .text {
    margin-top: .6em;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: .03em;
    color: #A0A0A0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* トップ　スタッフセクション */
.top-staff_sec {
    padding-bottom: 100px;
    background: url(./image/staff_bg_img.svg) center center / cover no-repeat #FAFAFA;
}

.top-staff_sec .site-common_title {
    transform: translateY(-27px);
}

.top-staff_sec .site-common_heading {
    margin-block: -15px 35px;
}

.common-staff__cont ul {
    display: grid;
    grid-template-columns: repeat(4, 270px);
    gap: 30px 20px;
}

.common-staff__cont ul li .link {
    display: block;
    color: var(--font-color);
}

.common-staff__cont ul li .link .img {
    position: relative;
}

.common-staff__cont ul li .link .img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: -10px;
    top: -10px;
    border: 1px solid #DEDEDE;
    transition: all .3s;
}

.common-staff__cont ul li .link:hover .img::before {
    top: 0;
    left: 0;
}

.common-staff__cont ul li .link .img img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.common-staff__cont ul li .link .common-staff__title {
    margin-top: .5em;
}

.common-staff__cont ul li .link .title_box {
    display: flex;
    align-items: flex-end;
    gap: 0 .4em;
    color: var(--font-color);
}

.common-staff__cont ul li .link .title_box .num {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 600;
    font-style: italic;
}

.common-staff__cont ul li .link .name {
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: .03em;
    font-weight: 700;
    transition: all .3s;
}

.common-staff__cont ul li .link .name::first-letter {
    color: var(--point-color);
}

.common-staff__cont ul li .link:hover .title_box {
    color: var(--point-color);
}

.common-staff__cont ul li .link .en {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 600;
    color: #A0A0A0;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 0 .5em;
    white-space: nowrap;
    margin-top: .4em;
}

.common-staff__cont ul li .link .en::before,
.common-staff__cont ul li .link .en::after {
    content: '';
    background-color: #A0A0A0;
    height: 1px;
}

.common-staff__cont ul li .link .en::before {
    width: 14px;
}

.common-staff__cont ul li .link .en::after {
    width: 100%;
}

.top-staff_sec .site-common_btn .link {
    margin: 35px auto 0;
}

/* トップ　特徴セクション */
.top-features_sec {
    padding-block: 100px;
}

.top-features__cont {
    margin-top: 24px;
}

.top-features__cont ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0 22px;
}

.top-features__cont ul li .icon {
    width: 180px;
    aspect-ratio: 1;
    min-width: 0;
    background-color: #F0F0F0;
    border-radius: 100%;
    display: grid;
    place-content: center;
    margin-inline: auto;
}

.top-features__cont ul li .top-features__text {
    margin-top: .5em;
}

.top-features__cont ul li .title {
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: .5em;
    padding-bottom: .5em;
    position: relative;
}

.top-features__cont ul li .title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 2px;
    background-color: var(--point-color);
}

.top-features__cont ul li .title .num,
.top-features__cont ul li .title .size {
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    color: var(--point-color);
}

.top-features__cont ul li .title .num {
    font-size: 32px;
    font-style: italic;
    margin-right: .2em;
}

.top-features__cont ul li .title .size {
    font-size: 24px;
}

.top-features__cont ul li .text {
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .03em;
    color: #A0A0A0;
}

/* トップ　賃貸物件 */
.top-recommend_sec {
    padding-top: 100px;
}

.top-recommend_sec .wrap {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 100px;
}

.top-recommend__title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 35px;
}

.top-recommend__cont ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.top-recommend__cont ul li .link .img {
    overflow: hidden;
    margin-bottom: 15px;
}

.top-recommend__cont ul li .link .img img {
    width: 100%;
    aspect-ratio: 3/2;
    min-width: 0;
    object-fit: cover;
    transition: all .3s;
}

.top-recommend__cont ul li .link:hover .img img {
    scale: 1.1;
}

.top-recommend__cont ul li .link .cat_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-recommend__cont ul li .link .cat {
    background-color: #E8E8E8;
    border-radius: 2px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 700;
    font-style: italic;
    color: var(--point-color);
    padding: .4em .95em .25em;
    display: grid;
    place-content: center;
}

.top-recommend__cont ul li .link .time {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    font-style: italic;
    color: var(--sub-font-color);
}

.top-recommend__cont ul li .text_box {
    margin-top: .5em;
}

.top-recommend__cont ul li .title {
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: .03em;
    color: var(--font-color);
    font-weight: 700;
    text-decoration: underline;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all .3s;
}

.top-recommend__cont ul li .link:hover .title {
    color: var(--point-color);
}

.top-recommend__cont ul li .text {
    margin-top: .8em;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .03em;
    color: var(--sub-font-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* トップ　新着不動産情報 */
.top-arrival_sec {
    padding-block: 79px 200px;
}

.top-arrival_sec .site-common_heading {
    margin-block: 14px 35px;
}

.common-arrival__list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px 20px;
}

.common-arrival__list ul li a {
    display: block;
    position: relative;
}

.common-arrival__list ul li a .label {
    position: absolute;
    top: 0;
    left: 0;
    width: fit-content;
    background-color: var(--point-color);
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    font-style: italic;
    color: #fff;
    font-weight: 700;
    padding: .45em .8em;
    z-index: 2;
}

.common-arrival__list ul li a .img {
    height: 180px;
    overflow: hidden;
}

.common-arrival__list ul li a .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s;
}

.common-arrival__list ul li a:hover .img img {
    scale: 1.1;
}

.common-arrival__list ul li a .name {
    font-size: 18px;
    letter-spacing: .03em;
    font-weight: 700;
    color: var(--font-color);
    text-decoration: underline;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all .3s;
}

.common-arrival__list ul li a:hover .name {
    color: var(--point-color);
}

.common-arrival__list ul li a .access {
    margin-top: 9px;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: .03em;
    color: var(--sub-font-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.common-arrival__list ul li a .yachin_box {
    display: flex;
    align-items: center;
    gap: 0 .7em;
    margin-top: 8px;
}

.common-arrival__list ul li a .yachin .color {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1;
    color: #DE1414;
    font-weight: 700;
}

.common-arrival__list ul li a .madori {
    background-color: #E8E8E8;
    border-radius: 2px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 400;
    display: grid;
    place-content: center;
    padding: .35em .8em;
}

/* トップ　よくある質問 */
.top-faq_sec {
    padding-block: 100px;
    background-color: #FAFAFA;
}

.top-faq_sec .common-faq__cont {
    margin-top: 24px;
}

.common-faq__cont dl {
    background-color: #fff;
    padding: 25px 50px;
}

.common-faq__cont dl+dl {
    margin-top: 20px;
}

.common-faq__cont dl dt,
.common-faq__cont dl dd {
    display: flex;
    align-items: first baseline;
    gap: 0 15px;
}

.common-faq__cont dl dt .en,
.common-faq__cont dl dd .en {
    flex-shrink: 0;
    width: 35px;
    aspect-ratio: 1;
    min-width: 0;
    display: grid;
    place-content: center;
    background-color: var(--main-color);
    color: #fff;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
}

.common-faq__cont dl dd .en {
    background-color: #F0F0F0;
    color: var(--point-color);
}

.common-faq__cont dl dt {
    padding-right: 22px;
    position: relative;
}

.common-faq__cont dl dt::before {
    content: '';
    position: absolute;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
    width: 9px;
    aspect-ratio: 1;
    min-width: 0;
    border-bottom: 2px solid var(--font-color);
    border-left: 2px solid var(--font-color);
    rotate: -45deg;
    transition: all .3s;
}

.common-faq__cont dl dt.nowOpen::before {
    transform: scale(-1, -1);
}

.common-faq__cont dl dd {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 20px;
}

.common-faq__cont dl dt .title {
    font-size: 18px;
    letter-spacing: .03em;
    font-weight: 700;
}

.common-faq__cont dl dd .text {
    font-size: 16px;
    letter-spacing: .03em;
    color: #A0A0A0;
}

.common-faq__cont .closeBtnHat {
    display: none;
}

/* トップ　インスタグラムセクション */
.top-instagram_sec {
    padding-block: 100px;
}

.top-instagram__cont {
    margin-top: 24px;
    position: relative;
}

.top-instagram_sec .link {
    transition: all .3s;
    display: block;
    position: absolute;
    inset: 0;
    background: #fff;
    opacity: 0;
}

.top-instagram_sec .link:hover {
    opacity: .3;
    /* opacity: .7; */
}

/* トップ　会社情報 */
.top-company_sec {
    padding-block: 100px 312px;
    background-color: #FAFAFA;
    position: relative;
    margin-bottom: -214px;
}

.top-company_sec::before {
    content: '';
    position: absolute;
    width: 600px;
    height: 375px;
    top: -46px;
    right: 50px;
    background: url(./image/illust_kobe.svg) center center / contain no-repeat;
}

.top-company__title .title {
    font-size: 32px;
    line-height: 1.4;
    letter-spacing: .1em;
    font-weight: 700;
}

.top-company__title .title .size {
    font-size: 48px;
    color: var(--main-color);
}

.top-company__title .heading {
    margin-top: 20px;
}

.top-company__title .heading .text {
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0;
}

.top-company__cont {
    display: grid;
    grid-template-columns: 521px 1fr;
    gap: 0 60px;
    margin-top: 45px;
}

.top-company__image {
    position: relative;
    height: 540px;
}

.top-company__image picture {
    display: block;
    width: 380px;
    height: 480px;
    object-fit: cover;
}

.top-company__image picture.square {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 250px;
    height: 250px;
    object-fit: cover;
}

.top-company__text .text {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0;
}

.top-company__text .text.size {
    font-weight: 700;
    font-size: 18px;
}

.top-company__text .text+.text {
    margin-top: 1.7em;
}

.top-company__text .text_box+.text_box {
    margin-top: .5em;
}

.top-company__text .site-common_btn {
    margin-top: 35px;
}

/* PC フッター */
.top-contact_sec {
    position: relative;
}

.top-contact__cont {
    background: url(./image/contact_img.webp) center center / cover no-repeat;
    position: relative;
    padding: 88px 100px 55px;
}

.top-contact__cont::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #002F6F;
    opacity: .75;
    mix-blend-mode: multiply;
}

.top-contact__cont::after {
    content: '';
    position: absolute;
    inset: 0;
    background: url(./image/contact_bg.webp) center center / cover no-repeat;
    mix-blend-mode: lighten;
    opacity: .35;
}

.top_contact__title {
    position: relative;
    z-index: 1;
    text-align: center;
}

.top_contact__title .en {
    position: absolute;
    top: 65%;
    left: 50%;
    translate: -50% -50%;
    font-size: 120px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 700;
    font-style: italic;
    color: rgba(255, 255, 255, .15);
}

.top_contact__title .jp {
    font-size: 24px;
    letter-spacing: .1em;
    font-weight: 700;
    color: #fff;
}

.top_contact__tel {
    margin-inline: auto;
    width: 1000px;
    background-color: rgba(255, 255, 255, .25);
    position: relative;
    z-index: 1;
    margin-top: 22px;
    padding: 35px 50px;
}

.top_contact__tel .text {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff;
}

.top_contact__tel .box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 .6em;
    margin-top: 10px;
}

.top_contact__tel .tel {
    display: flex;
    gap: 0 .2em;
    align-items: center;
    font-size: 48px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 700;
    color: #fff;
    pointer-events: none;
}

.top_contact__tel .tel::before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 30px;
    aspect-ratio: 1;
    min-width: 0;
    mask-image: url(./image/icon/icon_tel.svg);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: cover;
    background: #fff;
}

.top_contact__tel .time {
    font-size: 20px;
    letter-spacing: 0;
    color: #fff;
}

.top_contact__button {
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(3, 325px);
    justify-content: center;
    gap: 13px;
    position: relative;
    z-index: 1;
}

.top_contact__button .btn {
    display: flex;
    align-items: center;
    gap: 0 .4em;
    min-block-size: 80px;
    background-color: #005AD5;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 700;
    color: #fff;
    padding-inline: 35px 50px;
    transition: all .3s;
    position: relative;
}

.top_contact__button .btn:hover {
    opacity: .7;
}

.top_contact__button .btn::after {
    content: '';
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    aspect-ratio: 1;
    min-width: 0;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    rotate: -45deg;
    transition: all .3s;

}

.top_contact__button .btn.line {
    background-color: var(--line-color);
}

.top_contact__button .btn.reserved::before {
    content: '';
    width: 25px;
    height: 27px;
    background: url(./image/icon_calender.svg) center center / contain no-repeat;
}

.top_contact__button .btn.agency::before {
    content: '';
    width: 30px;
    aspect-ratio: 1;
    min-width: 0;
    background: url(./image/icon_house.svg) center center / contain no-repeat;
}

.top_contact__button .btn.line::before {
    content: '';
    width: 30px;
    aspect-ratio: 1;
    min-width: 0;
    background: url(./image/icon/icon_line.svg) center center / contain no-repeat;
}

.footer {
    padding-block: 100px;
}

.footer .inner {
    display: flex;
    gap: 0 50px;
    justify-content: space-between;
}

.footer__cont {
    display: flex;
}

.footer__menu .head {
    color: var(--main-color);
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 700;
}

.footer__menu ul {
    margin-top: 22px;
}

.footer__menu ul li .link {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 .7em;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0;
    color: var(--font-color);
    transition: all .3s;
}

.footer__menu ul li+li {
    margin-top: 10px;
}

.footer__menu ul li .link::before {
    flex-shrink: 0;
    content: '';
    width: 10px;
    height: 1px;
    background-color: var(--font-color);
}

.footer__menu ul li .link:hover {
    opacity: .7;
}

.footer__menu:nth-child(1) {
    margin-right: 88px;
}

.footer__menu:nth-child(2) {
    margin-right: 80px;
}

.footer__menu:nth-child(3) {
    margin-right: 84px;
}

.footer__menu .menu_box {
    margin-top: 48px;
}

.footer__menu .menu_box ul li .menu {
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 700;
    color: var(--font-color);
    transition: all .3s;
}

.footer__menu .menu_box ul li .menu:hover {
    color: var(--main-color);
}

.footer__info .map iframe {
    width: 300px;
    height: 180px;
}

.footer__info .info_box {
    margin-top: 15px;
}

.footer__info .info_box .name {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 700;
}

.footer__info .info_box .address {
    font-size: 12px;
    letter-spacing: 0;
    margin-top: .8em;
}

.footer__info .info_box .tel {
    font-size: 12px;
    letter-spacing: 0;
}

.footer__sns {
    margin-top: 63px;
    display: flex;
    gap: 0 20px;
    justify-content: flex-end;
}

.footer__sns .sns {
    display: block;
    width: 40px;
    transition: all .3s;
}

.footer__sns .sns img {
    width: 100%;
}

.footer__sns .sns:hover {
    opacity: .7;
}

.footer__submenu {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__submenu .sub__menu ul {
    display: flex;
    gap: 0 20px;
}

.footer__submenu .sub__menu ul li a {
    display: block;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 400;
    transition: all .3s;
}

.footer__submenu .sub__menu ul li a:hover {
    opacity: .7;
}

.footer__copy {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0;
}

/* PC スタッフ詳細ページ */
.single_staff {
    padding-bottom: 100px;
}

.staff-main_sec {
    padding-right: 100px;
    position: relative;
}

.staff-main_sec::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 410px;
    height: 257px;
    background: url(./image/illust_kobe.svg) center center / contain no-repeat;
}

.staff-main_sec .inner {
    display: flex;
    gap: 0 100px;
    align-items: center;
}

.staff-main_sec .staff-main__img {
    width: 720px;
    flex-shrink: 0;
}

.staff-main_sec .staff-main__img img {
    width: 100%;
    aspect-ratio: 24/19;
    min-width: 0;
    object-fit: cover;
}

.staff-main_sec .cont .breadcrumb {
    text-align: left;
}

.staff-main__title {
    position: relative;
    padding-bottom: 1em;
}

.staff-main__title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 2px;
    background-color: var(--point-color);
}

.staff-main__title .en_text {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    font-style: italic;
}

.staff-main__title .flex_box {
    display: flex;
    align-items: last baseline;
    gap: 0 .5em;
}

.staff-main__title .name {
    font-size: 40px;
    letter-spacing: .08em;
    font-weight: 700;
}

.staff-main__title .en {
    color: var(--point-color);
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 700;
    font-style: italic;
}

.staff-main__catch {
    margin-top: 24px;
}

.staff-main__catch .catch {
    font-size: 22px;
    line-height: 1.3;
    letter-spacing: .06em;
    font-weight: 700;
}

.staff-main__table {
    margin-top: 40px;
    width: 340px;
    position: relative;
    z-index: 1;
}

.staff-main__table dl {
    border-bottom: 1px solid #E6E6E6;
    display: grid;
    grid-template-columns: 23% 1fr;
    align-items: last baseline;
    padding-block: 8px;
}

.staff-main__table dl+dl {
    margin-top: 15px;
}

.staff-main__table dl dt {
    font-size: 12px;
    letter-spacing: .03em;
    font-weight: 600;
}

.staff-main__table dl dd {
    font-size: 14px;
    letter-spacing: .01em;
    font-weight: 700;
}

.staff-info_sec {
    margin-top: 70px;
}

.staff-info_sec .staff-detail {
    padding-block: 60px;
    border-bottom: 1px solid #E8E8E8;
    display: flex;
    gap: 0 50px;
    align-items: center;
}

.staff-info_sec .staff-detail:last-child {
    border-bottom: none;
}

.staff-info_sec .staff-detail:nth-child(even) {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.staff-info_sec .staff-detail .img {
    width: 500px;
    flex-shrink: 0;
}

.staff-info_sec .staff-detail .img img {
    width: 100%;
    aspect-ratio: 50/32;
    min-width: 0;
    object-fit: cover;
}

.staff-detail__title .heading {
    font-size: 30px;
    letter-spacing: .08em;
    font-weight: 700;
}

.staff-detail__title .en {
    color: var(--point-color);
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0em;
    font-weight: 700;
    font-style: italic;
    margin-top: .7em;
}

.staff-detail__text {
    margin-top: 32px;
}

.staff-detail__text .text {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: .02em;
    color: #3B3B3B;
    text-align: justify;
}

/* PC ケイズホーム5つの特徴 */
.page-feature_sec .page-feature__item {
    display: flex;
    gap: 0 50px;
    align-items: center;
    padding-block: 60px;
    border-bottom: 1px solid #E8E8E8;
}

.page-feature_sec .page-feature__item:first-child {
    padding-block: 0 60px;
}

.page-feature_sec .page-feature__item:last-child {
    border-bottom: none;
}

.page-feature_sec .page-feature__item .img {
    width: 450px;
    flex-shrink: 0;
}

.page-feature_sec .page-feature__item .img img {
    width: 100%;
    aspect-ratio: 3/2;
    min-width: 0;
    object-fit: cover;
}

.page-feature_sec .page-feature__item:nth-child(even) {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.page-feature__item .title_box {
    display: flex;
    gap: 0 .5em;
    align-items: first baseline;
}

.page-feature__item .title_box .num {
    color: var(--point-color);
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 700;
    font-style: italic;
}

.page-feature__item .title_box .title {
    font-size: 24px;
    letter-spacing: .03em;
    font-weight: 700;
}

.page-feature__item .text_box {
    margin-top: 1.5em;
}

.page-feature__item .text_box .text {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: .03em;
    color: #3B3B3B;
}

/* PC 店舗情報・アクセス */
.company-profile_sec .cont .item {
    border-top: 1px solid #A0A0A0;
    padding: 0 1.3em;
}

.company-profile_sec .cont .item .inbox {
    display: flex;
    gap: 0 1em;
}

.company-profile_sec .cont .item .inbox .head {
    flex-shrink: 0;
    width: 28%;
    font-size: 20px;
    letter-spacing: .03em;
    font-weight: 700;
    line-height: 1.5;
    padding: 1.3em 0;
}

.company-profile_sec .cont .item .inbox .text_area {
    width: 100%;
    font-size: 16px;
    letter-spacing: .05em;
    line-height: 1.5;
    padding: 1.9em 0;
}

.company-profile_sec .cont .item .map {
    width: 95%;
    height: 240px;
    margin-top: 1em;
}

.company-profile_sec .cont .item .map iframe {
    width: 100%;
    height: 100%;
    max-height: 100% !important;
}

.company-shop_sec {
    background-color: var(--sub-color);
    padding-block: 100px;
    margin-top: 100px;
}

.company-shop__item {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px;
    margin-top: 50px;
}

.company-shop__link {
    display: block;
    position: relative;
    transition: all .3s;
}

.company-shop__link .shop_name {
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0em;
    font-weight: 700;
    color: var(--main-color);
    padding-bottom: .3em;
    border-bottom: 2px solid var(--main-color);
    margin-bottom: .5em;
}

.company-shop__link .img {
    overflow: hidden;
}

.company-shop__link .img img {
    width: 100%;
    aspect-ratio: 7/5;
    min-width: 0;
    object-fit: cover;
    transition: all .3s;
}

.company-shop__link:hover .img img {
    scale: 1.1;
}

.company-shop__link .text_box {
    margin-top: .5em;
}

.company-shop__link .text_box .address {
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: .03em;
    color: var(--sub-font-color);
}

.company-shop__link .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15px;
    aspect-ratio: 1;
    min-width: 0;
    transition: all .3s;
}

.company-shop__link .icon img {
    width: 100%;
}

.company-shop__link:hover .icon {
    bottom: -5px;
    right: -5px;
}



/* ------------------------------------- */
/* ここまで */
/* ------------------------------------- */

/* PC固定ページ 共通設定 */
.common_page_wrap {
    padding: 100px 0;
}

.not_found .text {
    text-align: center;
}

.reserve_text {
    text-align: center;
    font-size: 30px;
}

/* パンくず */
.breadcrumb {
    font-size: 12px;
    letter-spacing: .03em;
    text-align: right;
    margin-block: 20px 53px;
}

.breadcrumb a {
    text-decoration: none;
    color: var(--sub-font-color);
}

.breadcrumb ul {
    justify-content: flex-end;
}

.breadcrumb ul li a {
    margin-right: .3em;
}

.common_page_img {
    height: 180px;
}

.common_page_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

/* PC固定ページ 404ページ */
#page_404 {
    text-align: center;
}

#page_404 .num {
    font-size: 100px;
    font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page_404 .text {
    margin-bottom: 1em;
    font-size: 16px;
}

@media (max-width: 750px) {

    .wrap,
    .wrap.mid,
    .wrap.lr {
        max-width: 90%;
        width: 90%;
    }

    a[href $='.pdf']::before {
        width: 7vw;
        height: 8vw;
        margin-right: 2.5vw;
    }

    a[href $='.pdf']:hover {
        text-decoration: underline;
    }

    body {
        font-size: 13px !important;
        padding-top: 80px !important;
        min-width: 100% !important;
    }

    /* サイト共通 */
    .site-common_title .en {
        font-size: 8vw;
        padding-left: 4.5vw;
        line-height: 1;
    }

    .site-common_title .en::before {
        top: 1.5vw;
        left: 0;
        width: 3vw;
        height: 5vw;
    }

    .site-common_title .title {
        font-size: 3.6vw;
    }

    .site-common_title.center .en {
        padding-bottom: 6vw;
        padding-left: 0;
    }

    .site-common_title.center .en::before {
        bottom: -1vw;
        width: 3vw;
        height: 5vw;
    }

    .site-common_heading {
        margin-top: 4vw;
    }

    .site-common_heading .text {
        font-size: 3.6vw;
        color: var(--sub-font-color);
    }

    .site-common_heading.center .text {
        text-align: left;
    }

    .site-common_btn .link {
        width: 58vw;
        min-block-size: 13vw;
        font-size: 3.8vw;
        margin-inline: auto;
    }

    .site-common_btn .link:hover {
        background-color: var(--font-color);
    }

    .site-common_btn .link::before {
        display: none;
    }

    /* SPヘッダー */
    .sp_header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        background-color: #fff;
        padding-block: 20px 15px;
        z-index: 1000;
        border: 1px solid #ccc;
    }

    .sp_header .inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 60px;
    }

    .site-header__image {
        flex-direction: column;
        align-items: flex-end;
        gap: 0;
    }

    .site-header__image a {
        width: 148px;
    }

    .site-header__name {
        font-size: 13px;
        margin-bottom: 0;
    }

    .site-header__btn {
        gap: 0 4px;
    }

    .site-header__btn .link {
        border-radius: 2px;
        background-color: #EDEDED;
        width: 40px;
        aspect-ratio: 1;
        min-width: 0;
        display: grid;
        place-content: center;
    }

    .site-header__hamburger {
        margin-top: 0;
        background-color: var(--main-color);
        width: 50px;
        aspect-ratio: 1;
        min-width: 0;
        display: grid;
        place-content: center;
        position: absolute;
        top: 15px;
        right: 20px;
    }

    .sp-header__menu {
        position: fixed;
        top: 81px;
        left: 0;
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 .5px;
        z-index: 999;
    }

    .sp-header__menu .link {
        display: block;
        text-align: center;
        font-size: 15px;
        letter-spacing: 0em;
        font-weight: 700;
        background-color: var(--main-color);
        color: #fff;
        padding: .5em .8em;
    }

    .hamburger__bar {
        width: 26px;
    }

    .hamburger__bar span {
        background-color: #fff;
    }

    /* SPハンバーガーメニュー */
    .common-hamburger {
        padding-block: 110px 50px;
        overflow-y: scroll;
        display: block;
    }

    .sp-hamburger__menu {
        height: 70vw;
        overflow-y: scroll;
    }

    .sp-hamburger__menu ul li .menu_text,
    .sp-hamburger__menu ul li .link {
        display: block;
        font-size: 4vw;
        letter-spacing: 0;
        font-weight: 700;
        color: #fff;
        padding-block: 3.3vw 2.3vw;
        border-bottom: 1px solid #235BA7;
        position: relative;
    }

    .sp-hamburger__menu ul li .menu_text::before,
    .sp-hamburger__menu ul li .link::before {
        content: '';
        position: absolute;
        top: 50%;
        right: 20px;
        translate: 0% -50%;
        width: 2vw;
        aspect-ratio: 1;
        min-width: 0;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

    .sp-hamburger__menu ul li .link::before {
        rotate: -45deg;
    }

    .sp-hamburger__menu ul li .menu_text::before {
        rotate: 45deg;
        transition: all .3s;
    }

    .sp-hamburger__menu ul li .menu_text.nowOpen::before {
        transform: scale(-1, -1);
        top: 55%;
    }

    .sp-hamburger__child {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 2.5vw;
    }

    .sp-hamburger__child .child {
        display: block;
        font-size: 3.3vw;
        letter-spacing: 0;
        color: #fff;
        padding-block: 4vw 2.5vw;
        border-bottom: 1px solid #235BA7;
    }

    .sp-hamburger__child .closeBtnHat {
        display: none;
    }

    .sp-hamburger__button {
        background-color: #fff;
        padding: 4vw;
        margin-top: 8vw;
    }

    .sp-hamburger__button .btn .link {
        display: flex;
        align-items: center;
        gap: 0 3vw;
        min-block-size: 18vw;
        background-color: #005AD5;
        font-size: 4vw;
        letter-spacing: 0;
        font-weight: 700;
        color: #fff;
        padding-inline: 8vw 5vw;
        position: relative;
    }

    .sp-hamburger__button .btn .link::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 30px;
        translate: 0% -50%;
        width: 2vw;
        aspect-ratio: 1;
        min-width: 0;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        rotate: -45deg;
    }

    .sp-hamburger__button .btn .link::before {
        content: '';
        width: 7vw;
        aspect-ratio: 1;
        min-height: 0;
    }

    .sp-hamburger__button .btn .link.line::before {
        width: 8vw;
    }

    .sp-hamburger__button .btn .link.reserved::before {
        background: url(./image/icon_calender.svg) center center / contain no-repeat;
    }

    .sp-hamburger__button .btn .link.agency::before {
        background: url(./image/icon_house.svg) center center / contain no-repeat;
    }

    .sp-hamburger__button .btn .link.line::before {
        background: url(./image/icon/icon_line.svg) center center / contain no-repeat;
    }

    .sp-hamburger__button .btn+.btn {
        margin-top: 2vw;
    }

    .sp-hamburger__button .btn .link.line {
        background-color: var(--line-color);
    }

    .sp-hamburger__info {
        margin-top: 6vw;
        color: #fff;
    }

    .sp-hamburger__info .name {
        font-size: 4.5vw;
        letter-spacing: 0em;
        font-weight: 700;
    }

    .sp-hamburger__info .address {
        font-size: 3.4vw;
        line-height: 1.5;
        letter-spacing: 0em;
        margin-top: 2vw;
    }

    .sp-hamburger__sns {
        margin-top: 7vw;
        display: flex;
        gap: 0 5vw;
    }

    .sp-hamburger__sns .sns {
        display: block;
        width: 12vw;
    }

    .sp-hamburger__sns .sns img {
        width: 100%;
    }

    .sp-hamburger__copy {
        margin-top: 5vw;
        font-size: 2.8vw;
        letter-spacing: 0em;
        color: #fff;
        display: inline-block;
    }

    /* SP トップFV */
    .top-fv {
        padding-top: 11vw;
    }

    .top-fv__slider.slick-dotted.slick-slider {
        margin-bottom: 10.4vw;
    }

    .top-fv__slider picture.slick-slide {
        width: 90vw !important;
        margin-inline: 0;
    }

    .top-fv__slider .slick-arrow {
        width: 18vw;
    }

    .top-fv__slider .slick-arrow:hover {
        opacity: 1;
    }

    .top-fv__slider .slick_prev.slick-arrow {
        left: -9vw;
    }

    .top-fv__slider .slick_next.slick-arrow {
        right: -9vw;
    }

    .top-fv__slider .slick-arrow::before {
        width: 3vw;
    }

    .top-fv__news {
        background-color: #F2F2F2;
        width: 100%;
        padding: 3vw 5vw;
        display: block;
    }

    .top-fv__news .news_box {
        width: 100%;
        padding-right: 10vw;
        position: relative;
    }

    .top-fv__news .news_box::after {
        width: 2.5vw;
        right: 3vw;
        border-right: 2px solid var(--font-color);
        border-bottom: 2px solid var(--font-color);
    }

    .top-fv__news .news_box::before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        translate: 0% -50%;
        width: 8vw;
        height: 8vw;
        border: 1px solid var(--font-color);
    }

    .top-fv__news .link {
        color: var(--font-color);
    }

    .top-fv__news .link .time {
        font-size: 3.6vw;
    }

    .top-fv__news .link .title {
        font-size: 3.7vw;
        line-height: 1.5;
    }

    .top-fv__news .link .title::before {
        display: none;
    }

    .fv-news__btn .btn {
        display: none;
    }

    .sp-fv__medal {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 3vw;
        background-color: #fff;
        padding: 4vw 5vw 0;
    }

    .sp-fv__medal .icon img {
        width: 100%;
    }

    /* SPトップ　探す */
    .top-room_search {
        padding-block: 15vw 22vw;
    }

    .top-room_search .inner {
        grid-template-columns: 100%;
        gap: 5vw 0;
    }

    .room-search__keyword {
        margin-top: 6vw;
    }

    .room-search__keyword .title_box {
        gap: 0 2vw;
        margin-bottom: 2vw;
    }

    .room-search__keyword .title_box .en {
        font-size: 4.3vw;
    }

    .room-search__keyword .title_box .jp {
        font-size: 3.3vw;
    }

    .room-search__keyword .keyword_form {
        width: 100%;
    }

    .room-search__keyword .keyword_form .text {
        padding: 4vw 15vw 4vw 4vw;
        width: 100%;
        font-size: 3vw;
    }

    .room-search__keyword .keyword_form input[type=submit] {
        width: 12.8vw;
        background-size: 6vw;
    }

    .room-search__button ul {
        flex-direction: column;
    }

    .room-search__button ul li {
        width: 100%;
    }

    .room-search__button ul li .link {
        display: flex;
        gap: 0 4vw;
        padding: 4vw 0;
        border-right: none;
        border-bottom: 1px solid #E8E8E8;
        position: relative;
    }

    .room-search__button ul li:last-child .link {
        border-bottom: 1px solid #E8E8E8;
    }

    .room-search__button ul li .link::before {
        display: none;
    }

    .room-search__button ul li .link .icon {
        min-block-size: 18vw;
        width: 18vw;
        margin: 0;
    }

    .room-search__button ul li .link .icon img {
        width: 7vw;
    }

    .room-search__button ul li .link.agency .icon img {
        width: 8vw;
    }

    .room-search__button ul li .box {
        margin-top: 0;
        flex-grow: 1;
    }

    .room-search__button ul li .search__button_title {
        text-align: left;
    }

    .room-search__button ul li .search__button_title::before {
        display: none;
    }

    .room-search__button ul li .search__button_title .en {
        font-size: 3vw;
        position: absolute;
        right: 0;
        top: 3vw;
        white-space: nowrap;
    }

    .room-search__button ul li .link.agency .search__button_title .en {
        color: var(--point-color);
    }

    .room-search__button ul li .search__button_title .title {
        font-size: 4.3vw;
    }

    .room-search__button ul li .link:hover .search__button_title .title {
        color: var(--font-color);
    }

    .room-search__button ul li .link.link.agency:hover .search__button_title .title {
        color: var(--font-color);
    }

    .room-search__button ul li .text_box {
        margin-top: 0;
    }

    .room-search__button ul li .text_box .text {
        font-size: 3.4vw;
        text-align: left;
    }

    /* SP トップ　人気の条件 */
    .top-popular .site-common_title {
        text-align: left;
    }

    .top-popular .site-common_title.center .en {
        padding-bottom: 0;
        padding-left: 4.5vw;
    }

    .top-popular .site-common_title.center .en::before {
        top: 1.5vw;
        left: 0;
        width: 3vw;
        height: 5vw;
        rotate: 0deg;
        transform: translateX(0%);
    }

    .top-popular__cont {
        margin-top: 5vw;
    }

    .top-popular__cont .slick-initialized .slick-slide {
        display: grid;
    }

    .top-popular__cont ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 5vw 3vw;
    }

    .top-popular__cont ul li .link::before {
        display: none;
    }

    .top-popular__cont ul li .link:hover .img img {
        scale: 1;
    }

    .top-popular__cont ul li .box {
        margin-top: 2vw;
    }

    .top-popular__cont ul li .link:hover .top-popular__title {
        color: var(--font-color);
    }

    .top-popular__cont ul li:nth-child(even) .link:hover .top-popular__title {
        color: var(--font-color);
    }

    .top-popular__cont ul li .top-popular__title .num {
        font-size: 3.4vw;
    }

    .top-popular__cont ul li .top-popular__title .title {
        font-size: 3.9vw;
    }

    .top-popular__cont ul li .top-popular__text {
        margin-top: 2vw;
    }

    .top-popular__cont ul li .top-popular__text .text {
        font-size: 3.3vw;
    }

    .top-popular__cont .slick-dots {
        display: block;
        bottom: -10vw;
    }

    /* SP トップ　バナー */
    .top-banner_slider {
        margin-top: 22vw;
        padding-block: 8vw 15vw;
    }

    .top-banner_slider .slick-list.draggable {
        overflow: visible;
    }

    .top-banner_slider .slick-initialized .slick-slide {
        margin-inline: 1vw;
    }

    .banner-slider__list .banner {
        display: block;
        width: 90vw !important;
        margin-inline: 0;
    }

    .banner-slider__list .banner+.banner {
        margin-top: 2vw;
    }

    .banner-slider__list .slick-arrow {
        width: 18vw;
    }

    .banner-slider__list .slick-arrow:hover {
        opacity: 1;
    }

    .banner-slider__list .slick_prev.slick-arrow {
        left: -15vw;
    }

    .banner-slider__list .slick_next.slick-arrow {
        right: -15vw;
    }

    .banner-slider__list .slick_prev.slick-arrow::before {
        left: 75%;
    }

    .banner-slider__list .slick-arrow::before {
        width: 3vw;
        right: 72%;
    }

    /* サイト共通ドット */
    .slick-dots {
        bottom: -8vw;
    }

    .slick-dots li.slick-active {
        width: 3.5vw;
        height: 3.5vw;
        margin: 0 2vw;
    }

    .slick-dots li.slick-active button {
        width: 3.5vw;
        height: 3.5vw;
    }

    .slick-dots li {
        width: 3.5vw;
        height: 3.5vw;
        margin: 0 2vw;
    }

    .slick-dots li button {
        width: 3.5vw;
        height: 3.5vw;
    }

    /* SP トップ店舗セクション */
    .top-shop_sec {
        padding-block: 10vw 15vw;
        background: url(./image/kobe_img_sp.webp) center center / cover no-repeat;
    }

    .top-shop_sec .map {
        top: 78vw;
        right: unset;
        left: 0;
        width: 95vw;
    }

    .top-shop__title {
        width: 100%;
        margin-bottom: 90vw;
    }

    .top-shop__title .icon {
        position: unset;
        width: 45vw;
        margin-inline: auto;
    }

    .top-shop__title .title {
        font-size: 4.5vw;
        width: fit-content;
        margin: 3vw auto 0;
    }

    .top-shop__title .title .size {
        font-size: 7vw;
        margin-bottom: .3em;
    }

    .top-shop__title .title .num {
        font-size: 14vw;
    }

    .top-shop__title .title .num.size {
        font-size: 12vw;
    }

    .top-shop__title .title .sub {
        writing-mode: vertical-lr;
        -webkit-writing-mode: vertical-lr;
        white-space: pre;
        line-height: 1;
        letter-spacing: .3em;
        vertical-align: bottom;
    }

    .top-shop__head {
        margin-top: 6vw;
    }

    .top-shop__head .text {
        font-size: 3.6vw;
    }

    .top-shop__button {
        margin-top: 5vw;
    }

    .top-shop__button ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 2vw;
    }

    .top-shop__button ul li .link {
        min-block-size: 12vw;
        font-size: 3.5vw;
    }

    .top-shop__button ul li .link:hover {
        background-color: #fff;
        color: var(--font-color);
    }

    .top-shop__button ul li .link::before {
        right: 4vw;
        width: 1.8vw;
    }

    .top-shop__button ul li .link:hover::before {
        border-color: var(--font-color);
    }

    /* SP トップ　口コミ・評判セクション */
    .top-review_sec {
        padding-block: 20vw;
    }

    .top-review_sec .site-common_heading .text {
        color: var(--sub-font-color);
    }

    .top-review__title {
        display: block;
        margin-bottom: 6vw;
    }

    .top-review__cont ul {
        grid-template-columns: repeat(1, 100%);
        gap: 4vw;
        margin-bottom: 8vw;
    }

    .top-review__cont ul li .link {
        display: flex;
        gap: 0 4vw;
    }

    .top-review__cont ul li .link .img {
        flex-shrink: 0;
    }

    .top-review__cont ul li .link .img img {
        width: 30vw;
        height: 100%;
    }

    .top-review__cont ul li .link:hover .img img {
        scale: 1;
    }

    .top-review__cont ul li .link .text_box {
        margin-top: 3vw;
    }

    .top-review__cont ul li .link .title {
        font-size: 4vw;
    }

    .top-review__cont ul li .link:hover .title {
        color: var(--font-color);
    }

    .top-review__cont ul li .link .text {
        font-size: 3.2vw;
        -webkit-line-clamp: 4;
    }

    /* SP トップ　スタッフセクション */
    .top-staff_sec {
        padding-bottom: 15vw;
    }

    .top-staff_sec .site-common_title.center .en {
        padding-left: 4.5vw;
        line-height: 1;
        text-align: left;
        padding-bottom: 0;
    }

    .top-staff_sec .site-common_title.center .en::before {
        top: 1.5vw;
        left: 0;
        width: 3vw;
        height: 5vw;
        rotate: 0deg;
        transform: translateX(0%);
        bottom: unset;
    }

    .top-staff_sec .site-common_title .title {
        text-align: left;
    }

    .top-staff_sec .site-common_title {
        transform: translateY(-4vw);
    }

    .top-staff_sec .site-common_heading {
        margin-block: 3vw 6vw;
    }

    .top-staff_sec .site-common_heading .text {
        color: var(--sub-font-color);
        text-align: left;
    }

    .common-staff__cont ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 10vw 5vw;
    }

    .common-staff__cont ul li .link .img {
        position: relative;
    }

    .common-staff__cont ul li .link .img::before {
        left: -2vw;
        top: -2vw;
    }

    .common-staff__cont ul li .link:hover .img::before {
        left: -2vw;
        top: -2vw;
    }

    .common-staff__cont ul li .link .img img {
        height: 60vw;
    }

    .common-staff__cont ul li .link .title_box .num {
        font-size: 3.8vw;
    }

    .common-staff__cont ul li .link .name {
        font-size: 4.8vw;
    }

    .common-staff__cont ul li .link:hover .name {
        color: var(--font-color);
    }

    .common-staff__cont ul li .link .en {
        font-size: 3.6vw;
        margin-top: 2vw;
    }

    .common-staff__cont ul li .link .en::before {
        display: none;
    }

    .common-staff__cont ul li .link .en::after {
        width: 100%;
    }

    .top-staff_sec .site-common_btn .link {
        margin: 10vw auto 0;
    }

    /* SP トップ　特徴セクション */
    .top-features_sec {
        padding-block: 18vw;
    }

    .top-features__cont {
        margin-top: 6vw;
    }

    .top-features__cont ul {
        grid-template-columns: repeat(1, 100%);
        gap: 5vw 0;
    }

    .top-features__cont ul li {
        display: flex;
        align-items: center;
        gap: 0 4vw;
    }

    .top-features__cont ul li .icon {
        width: 30vw;
        height: 30vw;
        flex-shrink: 0;
        padding: 7.5vw;
        margin-inline: 0;
    }

    .top-features__cont ul li .top-features__text {
        margin-top: .5em;
    }

    .top-features__cont ul li .title {
        text-align: left;
        font-size: 3.8vw;
    }

    .top-features__cont ul li .title::before {
        bottom: 0;
        left: 0;
        transform: translateX(0%);
        width: 7vw;
    }

    .top-features__cont ul li .title .num {
        font-size: 8vw;
    }

    .top-features__cont ul li .title .size {
        font-size: 5.8vw;
    }

    .top-features__cont ul li .text {
        font-size: 3.2vw;
        letter-spacing: 0;
    }

    /* SP トップ　賃貸物件 */
    .top-recommend_sec {
        padding-top: 18vw;
    }

    .top-recommend_sec .wrap {
        padding-bottom: 10vw;
    }

    .top-recommend__title {
        display: block;
        margin-bottom: 7vw;
    }

    .top-recommend__cont ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 5vw 0;
    }

    .top-recommend__cont ul li .link {
        display: grid;
        grid-template-columns: 35vw 1fr;
        gap: 0 4vw;
    }

    .top-recommend__cont ul li .link .cat_box {
        display: block;
        width: fit-content;
        grid-area: 1 / 2 / 2 / 3;
    }

    .top-recommend__cont ul li .link .img {
        grid-area: 1 / 1 / 3 / 2;
        margin-bottom: 0;
        width: 100%;
    }

    .top-recommend__cont ul li .link .img img {
        height: 100%;
    }

    .top-recommend__cont ul li .link:hover .img img {
        scale: 1;
    }

    .top-recommend__cont ul li .link .cat {
        font-size: 2.8vw;
    }

    .top-recommend__cont ul li .link .time {
        font-size: 3vw;
        margin-top: 1em;
    }

    .top-recommend__cont ul li .title {
        font-size: 3.8vw;
    }

    .top-recommend__cont ul li .link:hover .title {
        color: var(--font-color);
    }

    .top-recommend__cont ul li .text_box {
        grid-area: 2 / 2 / 3 / 3;
    }

    .top-recommend__cont ul li .text {
        font-size: 3.2vw;
        -webkit-line-clamp: 4;
    }

    .top-recommend_sec .site-common_btn {
        margin: 8vw auto 0;
    }

    /* SP トップ　新着不動産情報 */
    .top-arrival_sec {
        padding-block: 15vw 20vw;
    }

    .top-arrival_sec .site-common_heading {
        margin-block: 14px 35px;
    }

    .common-arrival__list {
        margin: 0 calc(50% - 44vw);
    }

    .common-arrival__list ul {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .common-arrival__list .slick-initialized .slick-slide {
        display: grid;
        gap: 5vw;
    }

    .common-arrival__list .slick-initialized .slick-slide>div {
        display: flex;
        flex-direction: column;
        /* height: 254px; */
        margin-right: 2vw;
    }

    .common-arrival__list .slick-initialized .slick-slide li {
        height: 100%;
    }

    .common-arrival__list ul li a {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .common-arrival__list ul li a .label {
        font-size: 3vw;
    }

    .common-arrival__list ul li a .img {
        height: 30vw;
        flex-shrink: 0;
    }

    .common-arrival__list ul li a:hover .img img {
        scale: 1;
    }

    .common-arrival__list ul li a .name {
        font-size: 4vw;
        margin-top: 2vw;
        line-height: 1.3;
    }

    .common-arrival__list ul li a:hover .name {
        color: var(--font-color);
    }

    .common-arrival__list ul li a .access {
        margin-block: 2vw 1vw;
        font-size: 2.8vw;
    }

    .common-arrival__list ul li a .yachin_box {
        margin-top: auto;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 1vw 0;
    }

    .common-arrival__list ul li a .yachin .color {
        font-size: 3.6vw;
    }

    .common-arrival__list ul li a .madori {
        font-size: 2.8vw;
    }

    .common-arrival__list ul.slick-dots {
        display: flex;
        justify-content: center;
        bottom: -10vw;
    }

    /* SP トップ　よくある質問 */
    .top-faq_sec {
        padding-block: 18vw;
    }

    .top-faq_sec .common-faq__cont {
        margin-top: 6vw;
    }

    .common-faq__cont dl {
        padding: 5vw;
    }

    .common-faq__cont dl+dl {
        margin-top: 4vw;
    }

    .common-faq__cont dl dt,
    .common-faq__cont dl dd {
        gap: 0 2vw;
    }

    .common-faq__cont dl dt .en,
    .common-faq__cont dl dd .en {
        width: 8vw;
        font-size: 5vw;
    }

    .common-faq__cont dl dt {
        padding-right: 0;
    }

    .common-faq__cont dl dt::before {
        display: none;
    }

    .common-faq__cont dl dd {
        padding-top: 5vw;
        margin-top: 5vw;
    }

    .common-faq__cont dl dt .title {
        font-size: 3.8vw;
        line-height: 1.5;
    }

    .common-faq__cont dl dd .text {
        font-size: 3.5vw;
        line-height: 1.5;
    }

    /* SP トップ　インスタグラムセクション */
    .top-instagram_sec {
        padding-block: 18vw 35vw;
    }

    .top-instagram__cont {
        margin-top: 6vw;
    }

    /* SP トップ　会社情報 */
    .top-company_sec {
        padding-block: 15vw 28vw;
        background-color: #FAFAFA;
        position: relative;
        margin-bottom: -15vw;
    }

    .top-company_sec::before {
        width: 75vw;
        height: 47vw;
        top: -23vw;
        right: 0;
        background: url(./image/illust_kobe.svg) center center / contain no-repeat;
    }

    .top-company__title .title {
        font-size: 4vw;
        position: relative;
        z-index: 1;
    }

    .top-company__title .title .size {
        font-size: 8vw;
    }

    .top-company__title .heading {
        margin-top: 4vw;
    }

    .top-company__title .heading .text {
        font-size: 3.8vw;
    }

    .top-company__cont {
        grid-template-columns: 1fr;
        gap: 5vw 0;
        margin-top: 6vw;
    }

    .top-company__image {
        height: 80vw;
    }

    .top-company__image picture {
        width: 75vw;
        height: 67vw;
    }

    .top-company__image picture.square {
        width: 35vw;
        height: 35vw;
    }

    .top-company__text .text {
        font-size: 3.4vw;
    }

    .top-company__text .text.size {
        font-size: 4vw;
        line-height: 2;
    }

    .top-company__text .text_box+.text_box {
        margin-top: .8em;
    }

    .top-company__text .site-common_btn {
        margin-top: 8vw;
    }

    /* SP フッター */
    .top-contact__cont {
        background: url(./image/contact_img_sp.webp) center center / cover no-repeat;
        position: relative;
        padding: 22vw 5vw 8vw;
    }

    .top-contact__cont::after {
        background: url(./image/contact_bg_sp.webp) center center / cover no-repeat;
    }

    .top_contact__title .en {
        font-size: 16vw;
        top: -100%;
    }

    .top_contact__title .jp {
        font-size: 3.6vw;
    }

    .top_contact__tel .box {
        flex-direction: column;
    }

    .top_contact__tel {
        margin-inline: 0;
        width: 100%;
        margin-top: 5vw;
        padding: 5vw 7vw;
    }

    .top_contact__tel .text {
        font-size: 3.8vw;
    }

    .top_contact__tel .box {
        margin-top: 2vw;
    }

    .top_contact__tel .tel {
        font-size: 8vw;
        pointer-events: painted;
    }

    .top_contact__tel .tel::before {
        width: 5.5vw;
    }

    .top_contact__tel .time {
        font-size: 3.4vw;
    }

    .top_contact__button {
        margin-top: 3vw;
        grid-template-columns: repeat(1, 1fr);
        gap: 2vw;
    }

    .top_contact__button .btn {
        min-block-size: 15vw;
        font-size: 4vw;
        padding-inline: 9vw 12vw;
        gap: 0 3vw;
    }

    .top_contact__button .btn:hover {
        opacity: 1;
    }

    .top_contact__button .btn::after {
        right: 5vw;
        width: 2vw;
    }

    .top_contact__button .btn.reserved::before {
        width: 6vw;
    }

    .top_contact__button .btn.agency::before {
        width: 6vw;
    }

    .top_contact__button .btn.line::before {
        width: 6vw;
    }

    .footer {
        padding-block: 15vw 130px;
    }

    .footer .inner {
        flex-direction: column;
        gap: 8vw 0;
    }

    .footer__cont {
        display: block;
    }

    .footer__menu .head {
        font-size: 4vw;
    }

    .footer__menu ul {
        margin-top: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 3vw;
    }

    .footer__menu ul li .link {
        border-bottom: 1px solid #D0D0D0;
        display: block;
        font-size: 3.5vw;
        padding-block: .8em;
        width: 100%;
    }

    .footer__menu ul li+li {
        margin-top: 0;
    }

    .footer__menu ul li .link::before {
        display: none;
    }

    .footer__menu ul li .link:hover {
        opacity: 1;
    }

    .footer__menu:nth-child(1),
    .footer__menu:nth-child(2),
    .footer__menu:nth-child(3) {
        margin-right: 0;
    }

    .sp-footer__menu {
        margin-top: 4vw;
    }

    .sp-footer__menu ul li .link {
        display: block;
        font-size: 3.8vw;
        font-weight: 700;
        border-bottom: 1px solid #D0D0D0;
        padding-block: .8em;
        position: relative;
    }

    .sp-footer__menu ul li .link::before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 1.8vw;
        aspect-ratio: 1;
        min-width: 0;
        border-bottom: 2px solid var(--font-color);
        border-right: 2px solid var(--font-color);
        rotate: -45deg;
    }

    .footer__info {
        order: -1;
        display: grid;
    }

    .footer__info .map {
        order: 1;
        margin-top: 5vw;
    }

    .footer__info .map iframe {
        width: 100%;
        height: 45vw;
    }

    .footer__info .info_box {
        margin-top: 0;
    }

    .footer__info .info_box .name {
        font-size: 4vw;
    }

    .footer__info .info_box .address {
        font-size: 3.3vw;
        line-height: 1.5;
        margin-top: .5em;
    }

    .footer__info .info_box .tel {
        font-size: 3.3vw;
        line-height: 1.5;
    }

    .footer__sns {
        margin-top: 8vw;
        display: flex;
        gap: 0 5vw;
        justify-content: center;
    }

    .footer__sns .sns {
        width: 10vw;
    }

    .footer__sns .sns:hover {
        opacity: 1;
    }

    .footer__submenu {
        margin-top: 4vw;
        justify-content: center;
        flex-direction: column;
        gap: 7vw 0;
    }

    .footer__submenu .sub__menu ul {
        gap: 2vw 5vw;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer__submenu .sub__menu ul li a {
        font-size: 3.2vw;
    }

    .footer__submenu .sub__menu ul li a:hover {
        opacity: 1;
    }

    .footer__copy {
        font-size: 2.8vw;
    }

    /* 追従 */
    .sp-bottom-fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        background-color: #F2F7FF;
        padding: 27px 10px 10px;
        z-index: 998;
        transition: .5s;
        opacity: 0;
        visibility: hidden;
    }

    .sp-bottom-fixed.active {
        opacity: 1;
        visibility: visible;
    }

    .sp-bottom-fixed .sub {
        position: absolute;
        top: -15%;
        left: 50%;
        translate: -50% 0%;
        border-radius: 100vmax;
        width: fit-content;
        height: auto;
        background-color: var(--main-color);
        color: #fff;
        font-size: 14px;
        line-height: 1;
        letter-spacing: .07em;
        font-weight: 800;
        padding: .5em 1em;
        white-space: nowrap;
    }

    .sp-bottom-fixed ul {
        display: grid;
        grid-template-columns: 31.5% 31.5% 17% 17%;
        gap: 0 4px;
    }

    .sp-bottom-fixed ul li .link {
        display: grid;
        place-content: center;
        background-color: #005AD5;
        font-size: 16px;
        line-height: 1.2;
        letter-spacing: 0em;
        color: #fff;
        font-weight: 700;
        min-block-size: 60px;
        text-align: center;
    }

    .sp-bottom-fixed ul li .link.tel {
        background-color: var(--main-color);
        position: relative;
    }

    .sp-bottom-fixed ul li .link.tel::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        width: 30px;
        aspect-ratio: 1;
        min-width: 0;
        mask-image: url(./image/icon/icon_tel.svg);
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: contain;
        background: #fff;
    }

    .sp-bottom-fixed ul li .link.line {
        background-color: var(--line-color);
        position: relative;
    }

    .sp-bottom-fixed ul li .link.line::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        width: 40px;
        aspect-ratio: 1;
        min-width: 0;
        background: url(./image/icon/icon_line.svg) center center / contain no-repeat;
    }

    /* SP スタッフ詳細ページ */
    .single_staff {
        padding-block: 60px 15vw;
    }

    .staff-main_sec {
        padding-inline: 5vw;
    }

    .staff-main_sec::before {
        display: none;
    }

    .staff-main_sec .inner {
        flex-direction: column;
        gap: 5vw 0;
    }

    .staff-main_sec .staff-main__img {
        width: 100%;
    }

    .staff-main_sec .staff-main__img img {
        aspect-ratio: 1;
        object-fit: contain;
        background-color: var(--sub-color);
    }

    .staff-main__title::before {
        width: 10vw;
    }

    .staff-main__title .en_text {
        font-size: 3.6vw;
    }

    .staff-main__title .name {
        font-size: 6.8vw;
    }

    .staff-main__title .en {
        font-size: 3.6vw;
    }

    .staff-main__catch {
        margin-top: 4vw;
    }

    .staff-main__catch .catch {
        font-size: 4.5vw;
        line-height: 1.5;
    }

    .staff-main__table {
        margin-top: 5vw;
        width: 100%;
    }

    .staff-main__table dl {
        grid-template-columns: 23% 1fr;
        padding-block: 1vw;
    }

    .staff-main__table dl+dl {
        margin-top: 3vw;
    }

    .staff-main__table dl dt {
        font-size: 3vw;
    }

    .staff-main__table dl dd {
        font-size: 3.6vw;
    }

    .staff-info_sec {
        margin-top: 8vw;
    }

    .staff-info_sec .staff-detail {
        padding-block: 8vw;
        display: grid;
    }

    .staff-info_sec .staff-detail:nth-child(even) {
        display: grid;
    }

    .staff-info_sec .staff-detail .img {
        width: 100%;
        order: -1;
    }

    .staff-detail__title .heading {
        font-size: 5.8vw;
        line-height: 1.4;
    }

    .staff-detail__title .en {
        font-size: 3.6vw;
    }

    .staff-detail__text {
        margin-top: 4vw;
    }

    .staff-detail__text .text {
        font-size: 3.6vw;
    }

    .staff-detail__cont {
        display: contents;
    }

    .staff-detail__title {
        order: -1;
        margin-bottom: 5vw;
    }

    /* SP ケイズホーム5つの特徴 */
    .page-feature_sec .page-feature__item {
        display: grid;
        gap: 0;
        padding-block: 8vw;
    }

    .page-feature_sec .page-feature__item:first-child {
        padding-block: 0 8vw;
    }

    .page-feature_sec .page-feature__item .img {
        width: 100%;
    }

    .page-feature_sec .page-feature__item:nth-child(even) {
        flex-direction: column;
    }

    .page-feature__item .cont {
        display: contents;
    }

    .page-feature__item .title_box {
        order: -1;
        margin-bottom: .6em;
    }

    .page-feature__item .title_box .num {
        font-size: 4.8vw;
    }

    .page-feature__item .title_box .title {
        font-size: 4.8vw;
        line-height: 1.5;
    }

    .page-feature__item .text_box {
        margin-top: 1.5em;
    }

    .page-feature__item .text_box .text {
        font-size: 3.6vw;
    }

    /* SP 店舗情報・アクセス */
    .company-profile_sec .cont .item {
        padding: 1.9em 0;
    }

    .company-profile_sec .cont .item .inbox .head {
        width: 23vw;
        font-size: 3.6vw;
        padding: 0;
    }

    .company-profile_sec .cont .item .inbox .text_area {
        font-size: 3.6vw;
        padding: 0;
    }

    .company-profile_sec .cont .item .map {
        width: 100%;
        height: 55vw;
    }

    .company-shop_sec {
        padding-block: 15vw;
        margin-top: 15vw;
    }

    .company-shop__item {
        grid-template-columns: repeat(2, 1fr);
        gap: 5vw 2.5vw;
        margin-top: 6vw;
    }

    .company-shop__link .shop_name {
        font-size: 3.6vw;
    }

    .company-shop__link:hover .img img {
        scale: 1;
    }

    .company-shop__link .text_box .address {
        font-size: 2.7vw;
        letter-spacing: 0;
    }

    .company-shop__link .icon {
        width: 3.2vw;
    }

    .company-shop__link:hover .icon {
        bottom: 0;
        right: 0;
    }


    /* SP固定ページ 共通設定 */
    .common_page_wrap {
        padding: 20vw 0;
    }

    .reserve_text {
        font-size: 6vw;
    }

    /* パンくず */
    .breadcrumb {
        font-size: 2.5vw;
        margin-block: 20px 53px;
    }

    .common_page_img {
        height: 40vw;
        margin-bottom: 8vw;
    }

    .common_page_main {
        margin-top: 40px;
    }

    .common_page_main .site-common_title.center {
        text-align: left;
    }

    .common_page_main .site-common_title.center .en {
        padding-left: 4.5vw;
        padding-bottom: 1vw;
    }

    .common_page_main .site-common_title.center .en::before {
        top: 1.5vw;
        left: 0;
        width: 3vw;
        height: 5vw;
        rotate: 0deg;
        transform: translateX(0%);
    }

    #main_content {
        margin-top: 40px;
    }


    /* SP固定ページ 404ページ */
    #page_404 .num {
        font-size: 20vw;
        line-height: 1.5;
    }

    #page_404 .text {
        font-size: 3.5vw;
    }

    /* SP固定ページ サイトマップ */
    ul#sitemap_list li {
        margin: 0;
    }

    body #sitemap_list li a {
        font-size: 4vw;
        padding: 1vw 2vw;
        line-height: 9vw;
        margin-bottom: 1vw;
    }

    body #sitemap_list li.home-item {
        margin-bottom: 4vw;
    }

    body #sitemap_list {
        padding: 0;
    }
}