@charset "UTF-8";

:root {
    --main-color: #599B0F;
    --sub-color: #4B3426;
    --white: #fff;
    --light-orange: #FAEFE2;
    --font_sub: "sofia-pro-soft", sans-serif;
}

html,
button,
input,
select,
textarea {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

body {
    color: #1A1A1A;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0.03em;
    min-width: 1340px;
    background-color: #FCF8F5;
    position: relative;
    padding-top: 122px;
    overflow-x: clip;
}

.top_main .wrap {
    width: 1340px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.wrap,
.wrap_sm {
    width: 1140px;
    margin-inline: auto;
    position: relative;
    z-index: 2;
}

a[href^="tel:"] {
    pointer-events: none;
}

/* フォント */
.font_en {
    font-family: "sofia-pro-soft", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.text_yellow {
    color: #F4B817;
}

.text_green {
    color: var(--main-color);
}

/* PC固定ページ 共通設定 */

.common_page {
    position: relative;
}

.common_fv::before {
    content: "";
    display: inline-block;
    width: 789px;
    height: 409px;
    background: url(/penguin/resources/image/ys8/home/bg_leaf04.png) no-repeat left bottom / contain;
    position: absolute;
    top: 0;
    right: 0;
}

.common_page::after {
    content: "";
    display: inline-block;
    width: 367px;
    height: 494px;
    background: url(/penguin/resources/image/ys8/home/bg_leaf03.png) no-repeat center center / contain;
    position: absolute;
    bottom: 150px;
    left: 0;
    transform: scale(-1.1);
}

.common_page_body {
    padding: 70px 0 150px 0;
}

.common_page_wrap {
    padding: 100px 0;
}

.common_page_title {
    text-align: center;
    margin-bottom: 2em;
}

.common_page_title h2 {
    font-size: 30px;
}

.common_page_title .sub_title {
    font-size: 14px;
    letter-spacing: .1em;
}

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

.common-btn {
    display: block;
    width: 300px;
    line-height: 50px;
    background-color: #333;
    color: #fff;
    margin: 0 auto;
    transition: .3s;
}

.common-btn:hover {
    opacity: .7;
}

/* パンくず */
#breadcrumbs {
    padding: 22px 0;
    font-size: 12px;
}

#breadcrumbs a {
    text-decoration: none;
    color: #808080;
    position: relative;
    margin-right: 24px;
}

#breadcrumbs a:after {
    content: "";
    border-top: solid 1px #808080;
    width: 10px;
    height: 1px;
    position: absolute;
    right: -13px;
    top: 50%;
}

/* ページャー  */
.pagerTable {
    width: 100%;
    margin-top: 40px;
    font-weight: bold;
    border-collapse: separate;
    border-spacing: 6px 0;
    align-items: center;
    justify-content: center;
}

.pagerTablePrevNextCell {
    display: table-cell;
    width: 25px;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
    font-size: 11pt;
    color: #717171;
    cursor: pointer;
    position: relative;
}

.pagerTablePrevNextCell:before {
    content: "";
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.pagerTablePrevNextCell.next:before {
    border-top: solid 3px var(--main-color);
    border-right: solid 3px var(--main-color);
}

.pagerTablePrevNextCell.prev:before {
    border-bottom: solid 3px var(--main-color);
    border-left: solid 3px var(--main-color);
}

.pagerTablePrevNextCellEmpty {
    display: table-cell;
    width: 25px;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
    font-size: 11pt;
    color: #717171;
}

.pager_item {
    display: table-cell;
    width: 37px;
    line-height: 35px;
    margin: 0 5px;
    text-align: center;
    font-size: 11pt;
    color: var(--main-color);
    background: #fff;
    border: 1px solid var(--main-color);
    cursor: pointer;
    border-radius: 100%;
    font-size: 13px;
    transition: .3s;
}

.pager_item:hover,
.pagerTableCurrentPageCell {
    background: var(--main-color);
    color: #fff;
}

.pagerTableHellipCell {
    display: table-cell;
    width: 15px;
    margin: 0 5px;
    text-align: center;
    font-size: 8pt;
    color: #717171;
}


/* PC固定ページ 会社概要 */

.company_profile {
    margin-bottom: 100px;
}

.company_profile table {
    width: 100%;
    border-collapse: collapse;
}

.company_profile table th,
.company_profile table td {
    padding: 1em;
    border-bottom: 1px solid;
    font-size: 14px;
}

.company_profile table th {
    width: 20%;
}

.company_profile table td {
    width: 80%;
}

.company_access .map {
    height: 350px;
}

.company_access .map iframe {
    width: 100%;
    height: 100%;
}


/* PC固定ページ 個人情報保護方針 */

#page_privacy .main_text {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 3em;
}

#page_privacy dl {
    margin-bottom: 30px;
}

#page_privacy dl:last-child {
    margin-bottom: 0;
}

#page_privacy dl dt {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: .5em;
    border-left: 5px solid;
    padding-left: 1em;
}

#page_privacy dl dd {
    font-size: 14px;
    line-height: 2;
}


/* PC固定ページ サイトマップ  */

#page_sitemap .common_page_title h2 {
    background: #f1f1f1;
    padding: .5em;
}

#page_sitemap .inBox+.inBox {
    margin-top: 80px;
}

#page_sitemap .inBox ul li {
    width: 19%;
    margin-left: calc(5% / 4);
    margin-bottom: 20px;
}

#page_sitemap .inBox ul li:nth-child(5n + 1) {
    margin-left: 0;
}

#page_sitemap .inBox ul li a {
    color: initial;
    transition: .3s;
    display: block;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid;
    font-size: 14px;
    position: relative;
}

#page_sitemap .inBox ul li a:after {
    content: "";
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    position: absolute;
    right: 5px;
    top: calc(50% - 2.5px);
}

#page_sitemap .inBox ul li a:hover {
    opacity: .7;
}

/* PC固定ページ 記事詳細ページ */

#page_article .article_title {
    font-size: 22px;
    line-height: 1.8;
    border-bottom: solid 3px #80a956;
    padding: 79px 0 5px;
    margin-bottom: 20px;
    position: relative;
    font-weight: 600;
    letter-spacing: .05em;
}

#page_article .article_title .date_ttl {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background-color: #80a956;
    letter-spacing: .05em;
    padding: 8px 10px;
}

#page_article .contents_area {
    width: 750px;
    margin-right: 70px;
    flex-shrink: 0;
}

#page_article h2 {
    margin: 20px 0 10px;
    padding: 0.5rem 1rem;
    border-left: 4px dotted #80a956;
    background: #f4f4f4;
    font-weight: 600;
    font-size: 22px;
}

#page_article h2 font {
    font-size: 22px !important;
}

#page_article h3 {
    font-size: 20px;
    margin-bottom: 0.5em;
    position: relative;
    font-weight: 600;
    margin: 20px 0 10px !important;
    color: #80a956;
}

#page_article h3 font {
    font-size: 20px !important;
}

#page_article #side_menu {
    width: 23%;
    margin-top: 30px;
}

#page_article #side_menu .title {
    border-bottom: 1px solid #ccc;
    position: relative;
    margin-bottom: 21px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .08em;
    padding-bottom: 7px;
}

#page_article #side_menu .title:before {
    content: "";
    width: 30px;
    height: 1px;
    background: #333;
    position: absolute;
    left: 0;
    bottom: -1px;
}

#page_article #side_menu ul li a {
    color: #333;
    font-size: 14px;
    flex-wrap: nowrap;
    align-items: center;
}

#page_article .data_area {
    align-items: center;
    margin: 40px 0;
}

#page_article .data_area .icon svg {
    width: 12px !important;
    height: 12px !important;
    display: block;
}

#page_article .data_area p.data {
    color: #6c6c6c;
    font-size: 13px;
}

#page_article .text_area img {
    height: auto !important;
}

#page_article .text_area p {
    font-size: 14px;
    line-height: 2;
}


/* PC固定ページ 記事一覧ページ */

ul.article_list li {
    width: 48%;
    margin-bottom: 20px;
}

ul.article_list li a {
    color: initial;
    align-items: center;
}

ul.article_list li .image {
    width: 30%;
    height: 100px;
    position: relative;
}

ul.article_list li .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

ul.article_list li .textArea {
    width: 65%;
}

ul.article_list li .textArea .title {
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

ul.article_list li .data_area {
    align-items: center;
}

ul.article_list li .data_area .icon svg {
    width: 12px;
    height: 12px;
    display: block;
}

ul.article_list li .data_area p.data {
    font-size: 12px;
    margin-left: 10px;
    color: #4C3F39;
}


/* 未公開物件セクション（PC） */

.common_mikoukai_area {
    padding: 20px;
    border: 2px dashed #333;
}

.common_mikoukai_area .ttl {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 15px;
}

.common_mikoukai_area .txt {
    text-align: center;
    max-width: 700px;
    width: 90%;
    margin: auto;
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 1.8;
}

.common_mikoukai_area a {
    display: block;
    text-align: center;
    text-decoration: none;
    background: var(--main-color);
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
    width: 300px;
    margin: auto;
    padding: 10px 0;
    border-radius: 5px;
    letter-spacing: 1px;
}


/* PC固定ページ エリア・沿線検索 */

#page_search .errorMsg {
    padding: 20px 0;
    font-size: 14pt;
    font-weight: bold;
    color: #f00;
}

#page_search .displayNone {
    display: none;
}

#page_search .tableCell {
    display: table-cell;
}

#page_search .tableCell {
    display: table-cell;
}

#page_search .area_box+.area_box {
    margin-top: 40px;
}

#page_search .search_main_midashi {
    padding: 0px 30px;
    line-height: 30px;
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    margin: 0px;
    background-color: var(--main-color);
    color: #fff;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    padding: 8px 20px;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

#page_search .areaSearchAreaName {
    padding: 5px 0;
    font-size: 12pt;
    font-weight: bold;
}

#page_search .checkboxCheckAll {
    padding-left: 40px;
    vertical-align: middle;
    font-weight: bold;
}

#page_search .checkboxCheckAll label {
    font-weight: normal;
    font-size: 12px;
}

#page_search div#area_1.table-L,
#page_search div#area_2.table-L,
#page_search div#area_3.table-L,
#page_search div#area_4.table-L,
#page_search div#area_5.table-L,
#page_search div#area_6.table-L,
#page_search div#area_7.table-L,
#page_search div#area_8.table-L,
#page_search div#area_9.table-L,
#page_search div#area_10.table-L {
    background: #fff;
    border: 1px solid #e9e9e9;
}

#page_search .areaListTableCell,
#page_search .railwayAreaListTableCell,
#page_search .railwayLineListTableCell {
    width: calc(100% / 3);
    border: 1px solid #f4f4f4;
    background: #f6fbf6;
    position: relative;
    transition: 0.2s;
}

#page_search .areaListTableCell:hover span.in_wrap:before,
#page_search .railwayAreaListTableCell:hover span.in_wrap:before,
#page_search .railwayLineListTableCell:hover span.in_wrap:before {
    border: 5px solid #fbdc5a;
}

#page_search .areaListTableCell label input,
#page_search .railwayAreaListTableCell label input,
#page_search .railwayLineListTableCell label input {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    z-index: 5;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: calc(50% - 15px);
}

#page_search .areaListTableCell input:checked+span.in_wrap,
#page_search .railwayAreaListTableCell input:checked+span.in_wrap,
#page_search .railwayLineListTableCell input:checked+span.in_wrap {
    background: #fff2ba;
}

#page_search .areaListTableCell span.in_wrap,
#page_search .railwayAreaListTableCell span.in_wrap,
#page_search .railwayLineListTableCell span.in_wrap {
    position: relative;
    display: block;
    margin-right: 0px;
    cursor: pointer;
    padding: 15px 15px 15px 50px;
}

#page_search .areaListTableCell span.in_wrap::before,
#page_search .railwayAreaListTableCell span.in_wrap::before,
#page_search .railwayLineListTableCell span.in_wrap::before {
    z-index: 0;
    content: "";
    position: absolute;
    top: calc(50% - 15px);
    left: 10px;
    border: 5px solid #dee8de;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 30px;
    height: 30px;
    background-color: white;
    transition: 0.2s;
}

#page_search .areaListTableCell input:checked+span.in_wrap::after,
#page_search .railwayAreaListTableCell input:checked+span.in_wrap::after,
#page_search .railwayLineListTableCell input:checked+span.in_wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    left: 16px;
    width: 20px;
    height: 12px;
    margin-top: -10px;
    border-left: 4px solid #F7931E;
    border-bottom: 4px solid #F7931E;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 4;
}

#page_search .areaListTableCell>label a,
#page_search .railwayAreaListTableCell>label a,
#page_search .railwayLineListTableCell>label a {
    text-decoration: underline;
}

#page_search .font-AreaLinkText,
#page_search .font-RailwayLineLinkText,
#page_search .font-RailwayAreaLinkText {
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "helvetica", "arial", sans-serif;
}

#page_search .areaListTableCell span.List_number,
#page_search .railwayAreaListTableCell span.List_number,
#page_search .railwayLineListTableCell span.List_number {
    color: #000;
    font-size: 10px;
    margin-left: 2px;
    margin-right: 2px;
}

#page_search .searchButtonArea {
    width: 500px;
    margin: auto;
    padding: 30px 0;
    text-align: center;
}

#page_search .searchButtonArea .search_more_btn {
    padding: 0;
    font-weight: normal;
    line-height: 50px;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    letter-spacing: 2px;
    display: block;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #ddd;
    width: 48%;
    cursor: pointer;
    transition: 0.2s;
}

#page_search .searchButtonArea .search_more_btn:hover {
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.2);
    opacity: 0.8;
}

#page_search .searchButtonArea input.search_btn {
    cursor: pointer;
    width: 48%;
    background-color: #fcc331;
    border-radius: 10px;
    border: 0px;
    font-size: 16px;
    letter-spacing: 2px;
    height: 50px;
    line-height: 50px;
    transition: 0.2s;
}

#page_search .searchButtonArea input.search_btn:hover {
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.2);
    opacity: 0.8;
}

#page_search .searchButtonArea input.search_btn.ont_btn {
    width: 100%;
}

/* 記事詳細ページ　PC */
#page_article .article_main_image {
    width: 300px;
    height: 300px;
    position: relative;
    margin: auto;
}

.pa_img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#page_article .article_main_image img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#page_article .wrap {
    width: 1340px;
}

#page_article .fl_wrap {
    justify-content: flex-end;
    padding-right: 50px;
}

#page_article .article_title::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background: #333;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    top: 0;
}

#page_article .article_title::after {
    content: "TOPIC";
    font-size: 12px;
    top: -28px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    letter-spacing: .08em;
}

.single_sns_bar {
    position: fixed;
    left: 80px;
    top: 280px;
    opacity: 0;
    transition: .3s;
    visibility: hidden;
}

.single_sns_bar li {
    width: 30px;
    margin: 20px 0;
}

.single_sns_bar::before {
    content: "";
    width: 1px;
    height: 100px;
    background: #333;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -92px;
}

.single_sns_bar::after {
    content: "SHARE ON";
    position: absolute;
    top: -160px;
    font-size: 11px;
    writing-mode: vertical-lr;
    text-align: center;
    left: 5px;
    right: 0;
    margin: auto;
}

#page_article #side_menu ul {
    position: relative;
    padding-left: 25px;
}

#page_article #side_menu ul::before {
    content: "∟";
    position: absolute;
    left: 0;
    font-size: 14px;
}

#page_article #side_menu ul li {
    border-bottom: solid 1px #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#page_article #side_menu ul li a .img {
    width: 90px;
    height: 64px;
    position: relative;
    flex-shrink: 0;
    margin-right: 17px;
}

#page_article #side_menu ul li a .img img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#page_article #side_menu ul li a .ttl {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#page_article .day_cat .cat {
    background: #000;
    color: #fff;
    font-size: 13px;
    padding: 1px 10px;
}

.single_sns_bar.active {
    opacity: 1;
    visibility: visible;
}

/* 物件アーカイブ（PC） */

#page_butkenArchive .table li {
    font-size: 14px;
    line-height: 2;
}

#page_butkenArchive .table li.thead_archive {
    background: #d5e3f7;
    padding: 5px 10px;
    border: 1px solid #e9e9e9;
    min-width: 100px;
}

#page_butkenArchive .table li.tbody_archive a {
    color: #146fb5;
}

#page_butkenArchive .table li.tbody_archive {
    background: #fff;
    padding: 5px 10px;
    border: 1px solid #e9e9e9;
    min-width: 100px;
}

#page_butkenArchive .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 50px;
}

#page_butkenArchive .table-L {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#page_butkenArchive .tableRow {
    display: table-row;
}

#page_butkenArchive .tableCell {
    display: table-cell;

}

/*==========================================
# ヘッダーSP
============================================*/
.header_sp {
    height: 80px;
    width: 100%;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    padding: 18px 10px;
    background: url(/penguin/resources/image/ys8/home/header_bg.png) no-repeat top center /cover;
    background-color: var(--white);
}

.header_sp .logo .text {
    font-size: 9px;
    font-weight: 700;
}

.header_sp .logo a {
    display: block;
    width: 200px;
}

.header_sp .logo a img {
    width: 100%;
    height: auto;
}

.header_sp .hamburger_btn {
    width: 33px;
    height: 22px;
    position: absolute;
    top: 29px;
    right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.header_sp .hamburger_btn span {
    width: 33px;
    height: 2px;
    background-color: #1A1A1A;
    transition: .3s;
}

.header_sp .hamburger_btn.open span:nth-child(1) {
    transform: translateY(10px) rotate(30deg);
}

.header_sp .hamburger_btn.open span:nth-child(2) {
    opacity: 0;
}

.header_sp .hamburger_btn.open span:nth-child(3) {
    transform: translateY(-10px) rotate(-30deg);
}


/*==================================
# ドロワー
===================================*/
.drawer {
    display: none;
}

/*==========================================
# ヘッダーPC
============================================*/
.header_pc {
    padding-top: 20px;
    padding-bottom: 12px;
    background: url(/penguin/resources/image/ys8/home/header_bg.png) no-repeat top center /cover;
    background-color: var(--white);
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    padding-right: 50px;
    padding-left: 50px;
}

.header_pc_wrap {
    width: 1340px;
    margin-inline: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.header_pc .logo .text {
    font-size: 14px;
    font-weight: 700;
    line-height: calc(22/14);
    letter-spacing: 0.03em;
    margin-bottom: 4px;
}

.header_pc .logo a {
    display: block;
    width: 357px;
}

.header_pc .logo a img {
    width: 100%;
    height: auto;
}

.header_pc .nav_list01 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

.header_pc .list_item.tel {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1;
    padding-top: 6px;
    margin-right: 10px;
}

.header_pc .list_item.tel .small {
    font-size: 12px;
    margin-top: -5px;
}

.header_pc .list_item .business_hour {
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: calc(28/10);
    text-align: right;
}

.header_pc .nav_list01 .list_item.link a {
    color: var(--white);
    font-size: 13px;
    font-weight: 700;
    line-height: 2;
    letter-spacing: 0.03em;
    text-align: center;
    background-color: var(--main-color);
    border-radius: 50px;
    padding: 9px 15px 9px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: .3s;
}

.header_pc .nav_list01 .list_item.link.brown a {
    background-color: var(--sub-color);
}

.header_pc .nav_list01 .list_item.line a {
    background-color: #06C755;
    border-radius: 50px;
    padding: 9px 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: .3s;
}

.header_pc .nav_list01 .list_item.line a::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_line.svg) no-repeat center center /contain;
}

.header_pc .nav_list01 .list_item.reserve a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 12px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_mail_white.svg) no-repeat center center /contain;
    margin-bottom: 2px;
}

.header_pc .nav_list01 .list_item.conditions a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_document_white.svg) no-repeat center center /contain;
    margin-bottom: 2px;
}

.header_pc .nav_list01 .list_item.like a::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_star.svg) no-repeat center center /contain;
    margin-bottom: 3px;
}

.header_pc .nav_list01 .list_item.history a::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_clock.svg) no-repeat center center /contain;
}

.header_pc .nav_list02 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.header_pc .nav_list02 .list_item a {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: calc(24/14);
    letter-spacing: 0.03em;
    padding: 6px 20px;
    transition: .3s;
}

.header_pc .nav_list02 .list_item:last-child a {
    padding-right: 0;
}

/*==========================================
# フッター
============================================*/
.footer {
    position: relative;
}

.footer::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 300px;
    background: url(/penguin/resources/image/ys8/home/footer_bg.png) no-repeat top center /cover;
    position: absolute;
    left: 0;
    bottom: 0;
}

.footer_wrap.wrap {
    width: 1340px;
}

.footer .content {
    background-color: var(--white);
    border-radius: 0 0 20px 20px;
    padding: 80px 100px 95px 100px;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.footer .logo .text {
    font-size: 14px;
    font-weight: 700;
    line-height: calc(22/14);
    letter-spacing: 0.03em;
}

.footer .logo a {
    display: block;
    width: 325px;
    margin-top: 10px;
}

.footer .logo a img {
    width: 100%;
    height: auto;
}

.footer .map {
    width: 350px;
    margin-top: 30px;
}

.footer .map iframe {
    aspect-ratio: 350/200;
    object-fit: cover;
    width: 100%;
    height: auto;
}

.footer .address {
    color: #1A1A1A;
    font-size: 14px;
    font-weight: 500;
    line-height: calc(24/14);
    letter-spacing: 0.03em;
    margin-top: 15px;
}

.footer .link {
    margin-top: 30px;
}

.footer_nav {
    display: flex;
    gap: 100px;
}

.footer_nav .nav_list a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: calc(28/14);
    letter-spacing: 0.03em;
    position: relative;
    transition: .3s;
}

.footer_nav .nav_list a::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 7px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_right_brown.svg) no-repeat center center /contain;
    margin-right: 8px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}

.footer_nav .nav_item:nth-child(n+2) {
    margin-top: 15px;
}

.footer_nav .nav_item.line a {
    width: 30px;
    height: 30px;
    background-color: #06C755;
    border-radius: 10px;
}

.footer_nav .nav_item.line a::before {
    display: none;
}

.footer_nav .nav_item.line a img {
    width: 100%;
    height: auto;
}

.footer .link_list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
    margin-top: 162px;
}

.footer .link_item a {
    display: inline-block;
    color: #1A1A1A;
    font-size: 12px;
    font-weight: 500;
    line-height: calc(22/12);
    letter-spacing: 0.03em;
    transition: .3s;
}

.footer .copy {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.footer .copy small {
    font-family: var(--font_sub);
    font-size: 12px;
    font-weight: 700;
    line-height: calc(28/12);
    letter-spacing: 0.03em;
    display: block;
}

.floating-btn {
    display: none;
}

/*==========================================
# 固定画像
============================================*/
.fixed-img01 {
    width: 100px;
    height: 450px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 30;
}

.fixed-img01 img {
    width: 100%;
    height: auto;
}

.fixed-img02 {
    width: 90px;
    height: 432px;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 30;
}

.fixed-img02 img {
    width: 100%;
    height: auto;
}

/*==========================================
# 共通パーツ
============================================*/
/* セクションタイトル */
.common_title {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.common_title .ja {
    font-size: 48px;
    font-weight: 700;
    line-height: calc(86/48);
    letter-spacing: 0.03em;
}

.common_title .en {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--main-color);
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: -5px;
    letter-spacing: 0.03em;
    gap: 10px;
}

.common_title .en::after {
    content: "";
    display: inline-block;
}

/* セクションタイトル：お部屋を探す */
.common_title.search {
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row-reverse;
}

.common_title.search .ja {
    font-size: 48px;
    font-weight: 700;
    line-height: calc(86/48);
    letter-spacing: 0.1em;
    writing-mode: vertical-rl;
    line-height: 1.6;
}

.common_title.search .en {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    color: var(--main-color);
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.03em;
    gap: 10px;
    writing-mode: vertical-rl;
}

.common_title.search .en::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/penguin/resources/image/ys8/home/img_leaf01.png) no-repeat center center /contain;
}

/* セクションタイトル：こだわり条件 */
.common_title.pickup .en::after {
    width: 20px;
    height: 28px;
    background: url(/penguin/resources/image/ys8/home/img_leaf02.png) no-repeat center center /contain;
}

/* セクションタイトル：スタッフ紹介 */
.common_title.staff .en {
    flex-direction: row-reverse;
    gap: 6px;
    margin-right: 36px;
    margin-bottom: -10px;
}

.common_title.staff .en::after {
    width: 40px;
    height: 40px;
    background: url(/penguin/resources/image/ys8/home/img_leaf03.png) no-repeat center center /contain;
}

/* セクションタイトル：物件紹介ブログ */
.common_title.blog {
    align-items: flex-start;
}

.common_title.blog .en::after {
    width: 25px;
    height: 32px;
    background: url(/penguin/resources/image/ys8/home/img_leaf04.png) no-repeat center center /contain;
}

/* セクションタイトル：選ばれている理由 */
.common_title.reason .en::after {
    width: 20px;
    height: 20px;
    background: url(/penguin/resources/image/ys8/home/img_leaf05.png) no-repeat center center /contain;
}

/* セクションタイトル：スタッフ紹介 */
.common_title.properties .en {
    flex-direction: row-reverse;
    gap: 6px;
    margin-right: 36px;
    margin-bottom: -10px;
}

.common_title.properties .en::after {
    width: 40px;
    height: 40px;
    background: url(/penguin/resources/image/ys8/home/img_leaf06.png) no-repeat center center /contain;
}

/* セクションタイトル：店舗情報 */
.common_title.store {
    align-items: flex-start;
    gap: 3px;
}

.common_title.store .en::after {
    width: 40px;
    height: 40px;
    background: url(/penguin/resources/image/ys8/home/img_leaf07.png) no-repeat center center /contain;
}

/* セクションタイトル：お客様の声 */
.common_title.review {
    align-items: flex-start;
}

.common_title.review .en {
    margin-bottom: -10px;
}

.common_title.review .en::after {
    width: 40px;
    height: 40px;
    background: url(/penguin/resources/image/ys8/home/img_leaf08.png) no-repeat center center /contain;
}

/* 下層ページ：タイトル */
.common_title .ja {
    font-size: 35px;
    font-weight: 700;
    line-height: calc(86/48);
    letter-spacing: 0.03em;
}

.common_title .en {
    font-family: var(--font_sub);
    font-size: 28px;
}

.common_title.fv .en::after {
    width: 40px;
    height: 40px;
    background: url(/penguin/resources/image/ys8/home/img_leaf01.png) no-repeat center center /contain;
}



/* 共通ボタン */
.common_btn {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    color: var(--sub-color);
    font-size: 16px;
    font-weight: 700;
    line-height: calc(28/16);
    letter-spacing: 0.03em;
    min-width: 320px;
    border-radius: 100vh;
    border: 1px solid var(--sub-color);
    padding: 20px 30px;
    transition: .3s;
}

.common_btn::after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_brown.svg) no-repeat center center /contain;
    transition: .3s;
}

/* ボタン：LINE */
.common_btn.line {
    color: var(--white);
    background-color: #06C755;
    border: 1px solid #06C755;
    padding: 20px 30px 20px 80px;
    position: relative;
}

.common_btn.line::before {
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_line.svg) no-repeat center center /contain;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.common_btn.line::after {
    background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_line.svg) no-repeat center center /contain;
}

.common_btn.white {
    color: var(--white);
    border: 1px solid var(--white);
}

.common_btn.white::after {
    background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_white.svg) no-repeat center center /contain;
}

/* ボタン：メール */
.common_btn.mail {
    padding: 20px 30px 20px 80px;
    position: relative;
}

.common_btn.mail::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 21px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_mail_white.svg) no-repeat center center /contain;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}

/* ボタン：来店予約 */
.common_btn.reserve {
    padding: 20px 30px 20px 80px;
    position: relative;
}

.common_btn.reserve::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_schedule_white.svg) no-repeat center center /contain;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
}

/* ボタン：希望条件 */
.common_btn.conditions {
    padding: 20px 30px 20px 80px;
    position: relative;
}

.common_btn.conditions::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_document_white.svg) no-repeat center center /contain;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
}

/* お問い合わせ */
.common_cta_wrap.wrap {
    width: 1340px;
    margin-inline: auto;
}

.common_cta .wrapper {
    background: url(/penguin/resources/image/ys8/home/contact_bg.png) no-repeat center center /cover;
    border-radius: 20px 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 90px 100px 80px 100px;
}

.common_cta .body {
    flex-grow: 1;
}

.common_cta .title {
    color: var(--white);
    font-size: 48px;
    font-weight: 700;
    line-height: calc(86/48);
    letter-spacing: 0.03em;
    display: flex;
    flex-direction: column;
}

.common_cta .title::before {
    content: attr(data-en);
    font-family: var(--font_sub);
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: -5px;
}

.common_cta .tel {
    margin-top: 10px;
}

.common_cta .tel a {
    color: var(--white);
    font-family: var(--font_sub);
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
    display: flex;
    align-items: center;
}

.common_cta .tel a::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_tel.svg) no-repeat center center /contain;
    margin-right: 10px;
    margin-top: 10px;
}

.common_cta .bussiness_hour {
    display: inline-block;
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.03em;
    margin-left: 50px;
    transform: translateY(-10px);
}

.common_cta .text {
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    line-height: calc(24/14);
    letter-spacing: 0.03em;
    max-width: 360px;
    margin-top: 10px;
}

.common_cta .link_list {
    width: 660px;
    flex-shrink: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 20px;
    column-gap: 24px;
    margin-top: 13px;
}




/*==================================
# 下層ページFV
===================================*/
.common_fv {
    padding-top: 80px;
    padding-bottom: 50px;
    position: relative;
    z-index: 2;
}


/*==========================================
# トップページ
============================================*/
/* メインビュー */
.top_mv {
    position: relative;
    z-index: 1;
    min-height: 600px;
}

.top_mv_wrap.wrap {
    width: 1245px;
    margin-inline: auto;
}

.top_mv::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 50px;
    background: url(/penguin/resources/image/ys8/home/bg_circle01.png) no-repeat top center /cover;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 10;
}

.top_mv .wrap {
    position: relative;
    z-index: 10;
    height: 100%;
    min-height: 600px;
}

.top_mv_slider {
    width: 100%;
    min-height: 600px;
    position: relative;
    top: 0;
}

.top_mv_slider {
    position: relative;
}

.top_mv_slider::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/penguin/resources/image/ys8/home/mv_overlay.png) no-repeat center center /cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 60;
}

.top_mv_slider .slide_img {
    height: 100%;
    overflow: hidden;
}

.top_mv_slider .slide_img picture {
    display: block;
}

.top_mv_slider .slide_img img {
    min-height: 600px;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.top_mv .bx-wrapper {
    width: 100%;
    min-height: 600px;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #F7F8FF;
    box-shadow: none;
    z-index: 1;
}

.top_mv .body {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    min-height: 600px;
    padding-bottom: 107px;
}

.top_mv .title {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: calc(80/48);
    letter-spacing: 0.03rem;
}

.top_mv .title em {
    font-size: 56px;
    font-style: normal;
    line-height: calc(80/56);
}

.top_mv .lead {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: calc(57/32);
    letter-spacing: 0.03rem;
}

.top_mv .lead em {
    font-size: 48px;
    font-style: normal;
    line-height: calc(57/38);
}

/* バナー */
.top_banner_sec {
    padding-top: 80px;
    background-color: var(--light-orange);
}

.top_banner_sec .link {
    display: block;
    width: 1000px;
    margin-inline: auto;
    transition: all .3s;
}

.top_banner_sec .link:hover {
    opacity: .8;
}

/* お部屋を探す */
.top_search {
    padding-top: 100px;
    background-color: var(--light-orange);
}

.top_search_wrap {
    background-color: var(--white);
    border-radius: 30px;
    display: flex;
    gap: 78px;
    padding: 120px 100px 108px 86px;
}

.top_search .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.top_search .item_link {
    display: block;
}

.top_search .item_img {
    position: relative;
}

.top_search .item_img::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #1A1A1A;
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    transition: .3s;
}

.top_search .item_img img {
    aspect-ratio: 230/250;
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.top_search .item_title {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 16px;
    gap: 24px;
    position: relative;
}

.top_search .item_title::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: var(--main-color);
    position: absolute;
    top: 43px;
    left: 50%;
    transform: translateX(-50%);
}

.top_search .item_title .ja {
    font-size: 20px;
    font-weight: 700;
    line-height: calc(28/20);
    letter-spacing: 0.2em;
}

.top_search .item_title .first_letter {
    transition: .3s;
}

.top_search .item_title .en {
    color: var(--main-color);
    font-family: var(--font_sub);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: calc(28/14);
    text-align: center;
    text-transform: uppercase;
}

/* こだわり条件 */
.top_pickup {
    padding-top: 120px;
    padding-bottom: 100px;
    background-color: var(--light-orange);
    position: relative;
    z-index: 2;
    overflow-x: clip;
}

.top_pickup::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 50px;
    background: url(/penguin/resources/image/ys8/home/bg_circle02.png) no-repeat bottom center /cover;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
}

.top_pickup .body {
    margin-top: 14px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.bx-wrapper {
    width: 100%;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border: none !important;
}

.top_pickup_slider .slide {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
    width: 100%;
}

.top_pickup_slider .slide_item {
    position: relative;
    min-height: 250px;
    padding: 25px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.top_pickup_slider .slide_img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.top_pickup_slider .slide_img::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #1A1A1A;
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    transition: .3s;
}

.top_pickup_slider .slide_img img {
    aspect-ratio: 350/250;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.top_pickup_slider .slide_title {
    color: var(--white);
    font-size: 20px;
    font-weight: 700;
    line-height: calc(28/20);
    position: relative;
    z-index: 3;
}

.top_pickup_slider .slide_title span {
    display: block;
    font-size: 12px;
}

.top_pickup_slider .slide_title::before {
    content: attr(data-en);
    display: block;
    font-family: var(--font_sub);
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.top_pickup_slider .slide_btn {
    position: relative;
    z-index: 2;
    margin-top: auto;
}

.top_pickup_slider .slide_btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
    font-family: var(--font_sub);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    min-width: 120px;
    padding: 7px 15px;
    border: 1px solid var(--white);
    border-radius: 100vh;
    margin-left: auto;
    opacity: 0;
    transition: .3s;
}

.top_pickup_slider .slide_btn::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 7px;
    background: url(/penguin/resources/image/ys8/home/icon/iccon_arrow_right.svg) no-repeat center center /contain;
}

/* スタッフ紹介 */
.top_staff {
    background-color: var(--white);
    padding-top: 148px;
    position: relative;
}

.top_staff::before {
    content: "";
    display: inline-block;
    width: 782px;
    height: 409px;
    background: url(/penguin/resources/image/ys8/home/bg_leaf01.png) no-repeat center center /cover;
    position: absolute;
    top: -12px;
    left: 0;
}

.top_staff_wrap {
    padding-bottom: 114px;
    border-bottom: 2px dotted #CCCCCC;
    position: relative;
    z-index: 2;
}

.common_staff_slider {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 14px;
}

.common_staff_slider .slide_item {
    display: block;
}

.common_staff_slider .slide_img {
    position: relative;
}

.common_staff_slider .slide_img::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #1A1A1A;
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    transition: .3s;
}

.common_staff_slider .slide_img img {
    aspect-ratio: 270/350;
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.common_staff_slider .slide_name {
    margin-top: 12px;
    padding-right: 50px;
    position: relative;
}

.common_staff_slider .slide_name .ja {
    display: block;
    font-size: 20px;
    font-weight: 700;
}

.common_staff_slider .slide_name .en {
    display: block;
    font-family: var(--font_sub);
    font-size: 14px;
    font-weight: 700;
    line-height: calc(25/14);
}

.common_staff_slider .slide_name .first_letter {
    transition: .3s;
}

.common_staff_slider .slide_name::after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_brown02.svg) no-repeat center center /contain;
    position: absolute;
    top: 0;
    right: 0;
    transition: .3s;
}

/* ブログ */
.top_blog {
    padding-top: 107px;
    padding-bottom: 166px;
    background-color: var(--white);
}

.top_blog .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top_blog .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 15px;
}

.top_blog .item_link {
    display: block;
}

.top_blog .item_img {
    position: relative;
}

.top_blog .item_img::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #1A1A1A;
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    transition: .3s;
}

.top_blog .item_img img {
    aspect-ratio: 270/250;
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.top_blog .item_title {
    font-size: 16px;
    font-weight: 700;
    line-height: calc(28/16);
    margin-top: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.top_blog .item_text {
    font-size: 14px;
    font-weight: 500;
    line-height: calc(24/14);
    margin-top: 3px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    transition: .3s;
}

.top_blog .item_time {
    display: block;
    font-family: var(--font_sub);
    font-size: 14px;
    font-weight: 700;
    margin-top: 2px;
    text-align: right;
}

/* 選ばれている理由 */
.top_reason {
    padding-top: 75px;
    padding-bottom: 120px;
    background-color: var(--light-orange);
    position: relative;
}

.top_reason::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 50px;
    background: url(/penguin/resources/image/ys8/home/bg_circle01.png) no-repeat top center /cover;
    position: absolute;
    bottom: 100%;
    left: 0;
}

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

.top_reason_slider .slide_img img {
    aspect-ratio: 360/230;
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.top_reason_slider .slide_title {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
}

.top_reason_slider .slide_title .font_sub {
    font-family: var(--font_sub);
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
}

.top_reason_slider .slide_title .num {
    display: inline-block;
    font-family: var(--font_sub);
    font-size: 32px;
    font-style: normal;
    margin-left: 5px;
    margin-right: 10px;
    line-height: 1;
    margin-bottom: 8px;
}

.top_reason_slider .slide_text {
    font-size: 14px;
    font-weight: 500;
    line-height: calc(24/14);
    margin-top: -3px;
}

.top_reason .btn {
    text-align: center;
    margin-top: 30px;
}

/* バナースライダー */
.top_banner {
    padding-top: 120px;
    padding-bottom: 146px;
    background-color: var(--white);
    overflow-x: hidden;
}

.top_banner .banner {
    display: block;
    transition: .3s;
    margin-bottom: 60px;
}

.top_banner .banner img {
    width: 100%;
}

.top_banner .banner:hover {
    opacity: .7;
}

.top_banner .slide {
    width: 650px !important;
}

.top_banner .slide img {
    width: 100%;
    height: auto;
}

.top_banner .slider-wrapper {
    overflow: hidden;
}

.top_banner .slider {
    position: relative;
    left: 395px;
    /* (100vw - SlideWidth) / 2 */
    /* 20180210 変更 */
    overflow: visible !important;
}

.top_banner .slide_link {
    transition: .3s;
}

.top_banner .bx-pager.bx-default-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}


.top_banner .bx-wrapper {
    margin: 0 auto;
    padding: 0;
    box-shadow: none;
}

.top_banner .bx-wrapper .bx-pager.bx-default-pager a {
    background: #CCCCE6;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border-radius: 50%;
}

.top_banner .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #CCCCCC;
}

.top_banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.top_banner .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: var(--main-color) !important;
}

/* 新着物件 */
.top_properties {
    padding-top: 110px;
    padding-bottom: 76px;
    background-color: var(--light-orange);
    position: relative;
    z-index: 2;
}

.top_properties::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 50px;
    background: url(/penguin/resources/image/ys8/home/bg_circle02.png) no-repeat bottom center /cover;
    position: absolute;
    top: 100%;
    left: 0;
}

.top_properties .body {
    margin-top: 10px;
}

.top_properties .tab_box .tab_area {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: center;
    gap: 20px;
}

.top_properties .tab_area .cell.active {
    color: var(--main-color);
    background-color: #fff;
}

.top_properties .tab_area .cell.active {
    color: var(--main-color);
    background-color: #fff;
}

.top_properties .tab_area .cell::before {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border: solid #fff;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}

.top_properties .tab_area .cell {
    text-align: center;
    display: block;
    line-height: 37px;
    border: 2px solid var(--main-color);
    color: #fff;
    background-color: var(--main-color);
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.04em;
    border-radius: 5px;
    box-shadow: 0 3px #08420c;
    transition: 0.3s;
    position: relative;
    cursor: pointer;
    margin-bottom: 3px;
}

.top_properties .count_text {
    margin: 1em 0;
}

.top_properties .count_text small {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.top_properties .count_text .count {
    color: #4bad37;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0.3em;
    letter-spacing: 0.02em;
}

.top_properties .bukken_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}

.top_arrival .slide_link {
    display: block;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    border: 1px solid #f1f1f1;
    transition: 0.3s;
    border-radius: 5px;
    overflow: hidden;
}

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

.top_properties_slider .slide_item {
    display: block;
}

.top_properties_slider .slide_img {
    position: relative;
}

.top_properties_slider .slide_img::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #1A1A1A;
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    transition: .3s;
}

.top_properties_slider .slide_img img {
    aspect-ratio: 270/350;
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.top_properties_slider .slide_name {
    font-size: 16px;
    font-weight: 700;
    line-height: calc(28/16);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: .3s;
    margin-top: 16px;
}

.top_properties_slider .slide_access {
    font-size: 14px;
    font-weight: 500;
    line-height: calc(24/14);
    margin-top: 5px;
    display: flex;
    align-items: flex-start;
}

.top_properties_slider .slide_access::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 22px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_access.svg) no-repeat center center /contain;
    margin-right: 10px;
    flex-shrink: 0;
}

.top_properties_slider .slide_access_text .detail01,
.top_properties_slider .slide_access_text .detail02 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: block;
}

.top_properties_slider .slide_room {
    font-size: 14px;
    font-weight: 500;
    line-height: calc(24/14);
    margin-top: -2px;
}

.top_properties_slider .slide_room::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_room.svg) no-repeat center center /contain;
    margin-right: 5px;
    flex-shrink: 0;
}

.top_properties_slider .slide_price {
    color: var(--main-color);
    font-size: 18px;
    font-weight: 700;
    line-height: calc(24/18);
    margin-top: 5px;
}

.top_properties_slider .slide_price::before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_price.svg) no-repeat center center /contain;
    margin-right: 3px;
    flex-shrink: 0;
}

/* 店舗情報 */
.top_store {
    padding-top: 170px;
    position: relative;
}

.top_store::before {
    content: "";
    display: inline-block;
    width: 1000px;
    height: 675px;
    background: url(/penguin/resources/image/ys8/home/bg_leaf02.png) no-repeat center center /contain;
    position: absolute;
    top: -100px;
    left: 0;
}

.top_store::after {
    content: "";
    display: inline-block;
    width: 367px;
    height: 494px;
    background: url(/penguin/resources/image/ys8/home/bg_leaf03.png) no-repeat center center /contain;
    position: absolute;
    bottom: 0;
    right: 0;
}

.top_store_wrap {
    padding-bottom: 120px;
    border-bottom: 2px dotted #CCCCCC;
    display: flex;
    justify-content: space-between;
    gap: 100px;
    position: relative;
    z-index: 2;
}

.top_store .img {
    width: calc(720/1440 * 100%);
    height: 460px;
    margin-left: calc(50% - 50vw);
    flex-grow: 1;
}

.top_store .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 20px 20px 0;
}

.top_store .body {
    width: calc(620/1440 * 100%);
    flex-shrink: 0;
    padding-top: 120px;
}

.top_store .list {
    margin-top: 11px;
}

.top_store .item {
    padding-top: 17px;
    padding-bottom: 14px;
}

.top_store .item:not(:last-child) {
    border-bottom: 1px solid #EAEAEA;
}

.top_store .item_title {
    font-size: 16px;
    font-weight: 700;
    line-height: calc(28/16);
    display: flex;
    align-items: flex-start;
}

.top_store .item_title.address::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 19px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_address_green.svg) no-repeat center center /contain;
    margin-right: 12px;
    flex-shrink: 0;
    margin-top: 5px;
}

.top_store .item_title.access::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 22px;
    background: url(/penguin/resources/image/ys8/home/icon/icon_access_green.svg) no-repeat center center /contain;
    margin-right: 12px;
    flex-shrink: 0;
    margin-top: 2px;
}

.top_store .item_detail {
    font-size: 16px;
    font-weight: 500;
    line-height: calc(28/16);
    padding-left: 30px;
}

.top_store .item_detail {
    font-size: 16px;
    font-weight: 500;
    line-height: calc(28/16);
}

.top_store .btn {
    margin-top: 16px;
}

/* お客様の声 */
.top_review {
    padding-top: 107px;
    padding-bottom: 115px;
}

.top_review .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top_review .body {
    margin-top: 15px;
}

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

.top_review_slider .item_link {
    display: block;
}

.top_review_slider .slide_img img {
    aspect-ratio: 360/230;
    object-fit: cover;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.top_review_slider .slide_title {
    font-size: 16px;
    font-weight: 700;
    line-height: calc(28/16);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-top: 16px;
    transition: .3s;
}

.top_review_slider .slide_text {
    font-size: 14px;
    font-weight: 500;
    line-height: calc(24/14);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 2px;
}

/*==================================
# スタッフ詳細ページ
===================================*/
.staff_article_head {
    position: relative;
    z-index: 2;
}

.staff_article_body {
    background-color: var(--light-orange);
    padding-top: 60px;
    position: relative;
    z-index: 1;
    padding-bottom: 70px;
}

.staff_article_body::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 50px;
    background: url(/penguin/resources/image/ys8/home/bg_circle01.png) no-repeat top center / cover;
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 10;
}

.staff_article_body::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 50px;
    background: url(/penguin/resources/image/ys8/home/bg_circle02.png) no-repeat bottom center / cover;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
}

.staff_article_name .en {
    display: block;
    font-family: var(--font_sub);
    color: var(--main-color);
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.03em;
}

.staff_article_name .ja {
    display: block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.03em;
    margin-top: 10px;
}

.staff_article_name .ja::first-letter {
    color: var(--main-color);
}

.staff_article_box01 {
    display: flex;
    justify-content: space-between;
    margin-top: 43px;
    position: relative;
}

.staff_article_box01 .img {
    width: 540px;
    position: absolute;
    top: 0;
    left: 0;
}

.staff_article_box01 .img .img_main img {
    aspect-ratio: 540/680;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.staff_article_box01 .img .img_sub {
    width: 360px;
    margin-left: -50px;
    margin-top: -50px;
}

.staff_article_box01 .img .img_sub img {
    aspect-ratio: 360/240;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.staff_article_box01 .body {
    width: 500px;
    min-height: 540px;
    margin-top: 0px;
    margin-left: auto;
    padding-bottom: 125px;
}

.staff_article_box01 .profile_item:nth-child(n+2) {
    margin-top: 43px;
}

.staff_article_box01 .profile_title {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
    padding-bottom: 8px;
    border-bottom: 1px solid #EAEAEA;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.staff_article_box01 .profile_title::after {
    content: attr(data-en);
    display: inline-block;
    color: #B0C39C;
    font-size: 14px;
    font-weight: 700;
}

.staff_article_box01 .profile_detail {
    font-size: 16px;
    font-weight: 500;
    line-height: calc(28/16);
    letter-spacing: 0.03em;
    margin-top: 20px;
}

.staff_article_box01 .profile_content {
    margin-top: 185px;
}

.profile_content .title {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.03em;
    display: inline-flex;
    align-items: flex-end;
    gap: 10px;
}

.profile_content .title::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 28px;
    background: url(/penguin/resources/image/ys8/home/img_leaf02.png) no-repeat center center / contain;
    margin-bottom: 5px;
}

.profile_content .lead {
    font-size: 24px;
    font-weight: 700;
    line-height: calc(43/24);
    letter-spacing: 0.03em;
    margin-top: 15px;
}

.profile_content .text {
    font-size: 16px;
    font-weight: 400;
    line-height: calc(27/16);
    letter-spacing: 0.03em;
    margin-top: 10px;
}

.staff_article_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.staff_article_row.row01 .profile_content {
    width: 500px;
    margin-left: auto;
}

.staff_article_row.row02 {
    margin-top: 70px;
}

.staff_article_row.row03 {
    flex-direction: row-reverse;
    margin-top: 80px;
}

.staff_article_row .img {
    width: 560px;
}

.staff_article_row .img img {
    aspect-ratio: 560/370;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.staff_article_row .profile_content {
    width: 500px;
}

/*==================================
# 店舗情報ページ
===================================*/

.store_head {
    position: relative;
    z-index: 3;
}

.store_body {
    padding-top: 160px;
    padding-bottom: 70px;
    background-color: var(--light-orange);
    position: relative;
    z-index: 2;
    margin-top: -50px;
}

.store_body::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 50px;
    background: url(/penguin/resources/image/ys8/home/bg_circle01.png) no-repeat top center /cover;
    position: absolute;
    bottom: 100%;
    left: 0;
}

.store_body::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 50px;
    background: url(/penguin/resources/image/ys8/home/bg_circle02.png) no-repeat bottom center /cover;
    position: absolute;
    top: 100%;
    left: 0;
}

.main_img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
    aspect-ratio: 1440/420;
    object-position: top;
}

.store_list {
    max-width: 800px;
    margin-inline: auto;
}

.store_item {
    display: flex;
    padding: 24px 10px 20px 10px;
    border-bottom: 2px dotted #CCCCCC;
}

.store_item_title {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 700;
    line-height: calc(28/16);
    letter-spacing: 0.03em;
    margin-right: 10px;
    min-width: 200px;
    flex-shrink: 0;
}

.store_item_detail {
    flex-grow: 1;
}

.store .sub_img {
    max-width: 800px;
    margin-inline: auto;
    margin-top: 80px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.store .sub_img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}


/* PC固定ページ 対談・インタビュー */
.common_fv.interview {
    padding: 0;
}

.interview_sec .head_box {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding: 50px;
    border-radius: 20px;
}

.interview_sec .head_box .text {
    text-align: center;
    font-size: 18px;
    line-height: 1.7;
    letter-spacing: .05em;
    font-weight: 700;
}

.interview_sec .head_box .text+.text {
    margin-top: 1em;
}

.interview_sec .interview_cont {
    margin-top: 60px;
}

.interview_sec .interview_cont ul li+li {
    margin-top: 50px;
}

.interview_sec .interview_cont ul li .question {
    background-color: #606667;
    color: #fff;
    padding: .7em 2em;
    font-size: 18px;
    letter-spacing: .05em;
    font-weight: 700;
    margin-left: -20px;
    transform: translateY(50%);
    position: relative;
    display: flex;
    gap: 0 .5em;
    width: fit-content;
}

.interview_sec .interview_cont ul li .question::before {
    content: "";
    width: 14px;
    height: 18px;
    background-color: #fff;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    display: block;
    flex-shrink: 0;
    margin-top: 5px;
}

.interview_sec .interview_cont ul li .answer {
    background-color: #fff;
    padding: 60px 45px 2em;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .05em;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
}

.interview_sec .interview_cont ul li .answer .en {
    display: inline-block;
    font-size: 20px;
    letter-spacing: 0;
    background-color: #f2f2f2;
    padding: .3em 2em;
    font-family: var(--font_sub);
    margin-bottom: .8em;
}

.interview_sec .interview_cont ul li .answer .name {
    text-align: right;
    display: block;
    margin-top: .4em;
    font-size: 18px;
}

.areaPage_sec {}

.areaPage_sec h2 {
    line-height: 30px;
    margin: 0px;
    background-color: var(--main-color);
    color: #fff;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    padding: 8px 20px;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.areaPage_sec ul {
    display: flex;
    flex-wrap: wrap;
}

.areaPage_sec ul li {
    width: 31.33%;
    margin: 1%;
}

.areaPage_sec ul li a {
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    font-family: "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "helvetica", "arial", sans-serif;
    text-decoration: underline;
    padding: 10px;
    box-shadow: 0 0 5px rgba(51, 51, 51, 0.11);
}

.areaPage_sec.townPage th {
    background-color: #f1efef;
    width: 180px;
    padding: 20px 15px;
    vertical-align: top;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #DBDBDB;
}

.areaPage_sec.townPage td {
    padding: 15px;
    border-bottom: 1px solid #DBDBDB;
}

.areaPage_sec.townPage td ul li {
    width: 19%;
    margin: 0.5%;
}

/* オーナー様へページ */
.owner_head_sec .cont {
    background-color: #fff;
    border-radius: 30px;
    padding: 50px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.owner_head_sec .cont .title {
    display: flex;
    align-items: center;
    gap: 0 1em;
    justify-content: center;
    font-size: 30px;
    line-height: 1.7;
    letter-spacing: .05em;
    font-weight: 700;
    white-space: nowrap;
    color: var(--main-color);
}

.owner_head_sec .cont .title::before,
.owner_head_sec .cont .title::after {
    display: inline-block;
    content: '';
    width: 8%;
    height: 1px;
    background-color: var(--main-color);
}

.owner_head_sec .cont .text_box {
    margin-top: 30px;
}

.owner_head_sec .cont .text_box .text {
    text-align: center;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: .03em;
    font-weight: 700;
}

.owner_head_img {
    margin-bottom: 50px;
}

.owner_strong_sec .block {
    padding: 120px 0;
}

.owner_strong_sec .page_title_box.center {
    text-align: center;
}

.owner_strong_sec .page_title_box .num {
    font-family: var(--font_sub);
    font-weight: 700;
    color: var(--main-color);
    font-size: 28px;
    line-height: 1;
    padding-bottom: .3em;
}

.owner_strong_sec .page_title_box .num .size {
    font-size: 1.5em;
}

.owner_strong_sec .page_title_box .page_title {
    font-size: 32px;
    letter-spacing: .05em;
    font-weight: 700;
    line-height: 1.5;
}

.owner_strong_sec .cont ul li+li {
    margin-top: 70px;
}

.owner_strong_sec .cont ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--light-orange);
    border-radius: 20px;
    overflow: hidden;
}

.owner_strong_sec .cont ul li:nth-child(even) {
    flex-direction: row-reverse;
}

.owner_strong_sec .cont ul li .img {
    flex-shrink: 0;
    width: 380px;
}

.owner_strong_sec .cont ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.owner_strong_sec .cont ul li .text_area {
    padding: 50px;
}

.owner_strong_sec .cont ul li .text_box+.text_box {
    margin-top: 1.2em;
}

.owner_strong_sec .cont ul li .text_box .index {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    font-size: 22px;
    line-height: 1.7;
    letter-spacing: .05em;
    font-weight: 700;
    margin-bottom: .8em;
}

.owner_strong_sec .cont ul li .text_box .index::before {
    content: '';
    display: inline-block;
    width: 10px;
    aspect-ratio: 1;
    border-radius: 100%;
    background-color: var(--main-color);
}

.owner_strong_sec .cont ul li .text_box .text {
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: .05em;
}

.owner_strong_sec .block:nth-child(even) {
    background-color: var(--light-orange);
}

.owner_strong_sec .block:nth-child(even) .cont ul li {
    background-color: #fff;
}

.owner_strong_sec .cont.worries {
    margin-top: 1.5em;
}

.owner_strong_sec .cont.worries ul li .text_box:not(:last-child) {
    border-bottom: 2px dotted #211711;
    padding-bottom: 1.2em;
}

.owner_strong_sec .cont.worries ul li .label {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 0.06em;
    display: flex;
    align-items: flex-start;
    margin-bottom: .2em;
    gap: .4em;
    color: var(--main-color);
}

.owner_strong_sec .cont.worries ul li .label::before {
    content: "";
    width: 30px;
    aspect-ratio: 1;
    min-width: 0;
    background-image: url(/penguin/resources/image/ys8/home/icon_moya.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.owner_strong_sec .cont.worries ul li .text_box .text {
    margin-top: 1em;
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: .05em;
    font-weight: 700;
}

.owner_strong_sec .cont.worries ul li .text_box .text .size {
    font-size: 1.5em;
    font-weight: 900;
}

.owner_strong_sec .cont.worries ul li .text_box .text .line {
    background: linear-gradient(to top, yellow 40%, transparent 40%);
    font-size: 1.3em;
    display: inline-block;
}

/* スタッフ紹介 */

.page_staff .staff_box .cont .img {
    width: 100%;
    height: 330px;
    margin-bottom: 10px;
}

.page_staff .staff_box .cont .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.page_staff .staff_box .cont .text_box .text_area .theme {
    color: var(--main-color);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .04em;
    width: 8.8em;
    flex-shrink: 0;
}

.page_staff .staff_box .cont .text_box .text_area .name {
    font-size: 14px;
    letter-spacing: .03em;
}

.page_staff .staff_box .cont .text_box .text_area .text {
    font-size: 14px;
    letter-spacing: .03em;
    line-height: 1.6;
}

.page_staff .staff_box .cont .text_box .text_area .name .en_text {
    font-size: .8em;
    margin-left: .2em;
}

.page_staff .staff_box .cont .item .name_box .name {
    font-size: 26px;
    margin-bottom: 0.8em;
    font-weight: 700;
    letter-spacing: .06em;
}

.page_staff .staff_box .cont .item .name_box .name::first-letter {
    color: var(--main-color);
}

.page_staff .staff_box .cont .item .name_box .name .en_text {
    font-size: 0.6em;
    margin-left: .2em;
    color: #bababa;
}

.page_staff .staff_box .cont .text_box .text_area+.text_area {
    border-top: 1px solid #EAEAEA;
    margin-top: 12px;
    padding-top: 12px;
}

.page_staff .staff_box .cont .text_box .text_area {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.page_staff .staff_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}

.page_staff .staff_box .cont .img_box {
    margin-bottom: 20px;
}

.page_staff .staff_box .cont .img_box .sub_img {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.page_staff .staff_box .cont .img_box .sub_img .img {
    width: 100%;
    height: 150px;
    margin: unset;
}


@media (any-hover: hover) {

    /* ヘッダー */
    .header_pc .nav_list01 .list_item.link a:hover {
        background-color: #467a0b;
    }

    .header_pc .nav_list01 .list_item.link.brown a:hover {
        background-color: #211711;
    }

    .header_pc .nav_list01 .list_item.link.line a:hover {
        background-color: #09b350;
    }

    .header_pc .nav_list02 .list_item a:hover {
        color: var(--main-color);
    }

    /* フッター */
    .footer_nav .nav_list a:hover {
        opacity: 1;
        visibility: visible;
        transform: translateX(20px);
    }

    .footer_nav .nav_list a:hover::before {
        opacity: 1;
        visibility: visible;
    }

    .footer_nav .nav_item.line a:hover {
        transform: translateX(0);
    }

    .footer .link_item a:hover {
        opacity: 0.5;
    }

    /* 共通ボタン */
    .common_btn:hover {
        color: var(--white);
        border: 1px solid var(--main-color);
        background-color: var(--main-color);
    }

    .common_btn:hover::after {
        background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_green.svg) no-repeat center center /contain;
    }

    .common_btn.line:hover {
        color: var(--white);
        background-color: #09b350;
        border: 1px solid #09b350;
    }

    .common_btn.white:hover {
        color: var(--sub-color);
        background-color: var(--white);
        border: 1px solid var(--white);
    }

    .common_btn.white:hover::after {
        background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_brown.svg) no-repeat center center /contain;
    }

    .common_btn.mail:hover::before {
        background: url(/penguin/resources/image/ys8/home/icon/icon_mail_brown.svg) no-repeat center center /contain;
    }

    .common_btn.conditions:hover::before {
        background: url(/penguin/resources/image/ys8/home/icon/icon_document_brown.svg) no-repeat center center /contain;
    }

    .common_btn.reserve:hover::before {
        background: url(/penguin/resources/image/ys8/home/icon/icon_schedule_brown.svg) no-repeat center center /contain;
    }

    /* お部屋を探す */
    .top_search .item_link:hover .item_img::before {
        opacity: 0;
    }

    .top_search .item_link:hover .item_title .first_letter {
        color: var(--main-color);
    }

    /* こだわり条件 */
    .top_pickup_slider .slide_item:hover .slide_img::before {
        opacity: 0.1;
    }

    .top_pickup_slider .slide_item:hover .slide_btn {
        opacity: 1;
    }

    /* スタッフ紹介 */
    .common_staff_slider .slide_item:hover .slide_img::before {
        opacity: 0;
    }

    .common_staff_slider .slide_item:hover .first_letter {
        color: var(--main-color);
    }

    .common_staff_slider .slide_item:hover .slide_name::after {
        background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_green02.svg) no-repeat center center /contain;
    }

    /* ブログ */
    .top_blog .item_link:hover .item_img::before {
        opacity: 0;
    }

    .top_blog .item_link:hover .item_title {
        color: var(--main-color);
    }

    /* バナー */
    .top_banner .slide_link:hover {
        opacity: 0.7;
    }

    /* 新着物件 */
    .top_properties_slider .slide_link:hover .slide_img::before {
        opacity: 0;
    }

    .top_properties_slider .slide_link:hover .slide_name {
        color: var(--main-color);
    }

    /* お客様の声 */
    .top_review_slider .slide_link:hover .slide_title {
        color: var(--main-color);
    }
}

@media (max-width: 750px) {

    .wrap,
    #page_article .wrap {
        max-width: 94%;
    }

    .wrap {
        width: 94%;
    }

    .wrap_sm {
        width: 90%;
    }

    body {
        font-size: 13px;
        line-height: 1.5;
        padding-top: 80px;
        min-width: initial;
        padding-bottom: 80px;
    }

    a[href^="tel:"] {
        pointer-events: auto;
    }

    /* SP固定ページ 共通設定 */
    .common_fv::before {
        content: "";
        display: inline-block;
        width: 114.26vw;
        height: 59.38vw;
        background: url(/penguin/resources/image/ys8/home/bg_leaf04.png) no-repeat left bottom / contain;
        position: absolute;
        top: -3.08vw;
        right: -28.08vw;
        ;
    }

    .common_page::after {
        display: none;
    }

    .common_page_body {
        padding: 40px 0 70px 0;
    }

    .common_page_wrap {
        padding: 100px 0;
    }

    .common_page_wrap {
        padding: 20vw 0;
    }

    .common_page_title h2 {
        font-size: 5vw;
    }

    .common_page_title .sub_title {
        font-size: 3vw;
    }

    .reserve_text {
        font-size: 6vw;
    }

    .common-btn {
        width: 80%;
        line-height: 12vw;
    }

    .common-btn:hover {
        opacity: 1;
    }

    /* パンくず */
    #breadcrumb {
        font-size: 2.5vw;
    }

    /* SP固定ページ 会社概要 */
    .company_profile {
        margin-bottom: 20vw;
    }

    .company_profile table th,
    .company_profile table td {
        font-size: 3.2vw;
        width: 100%;
        display: block;
    }

    .company_profile table {
        border-top: 1px solid;
    }

    .company_profile table th {
        width: 100%;
        background-color: #f2f2f2;
    }

    .company_profile table td {
        width: 100%;
    }

    .company_access .map {
        height: 50vw;
    }

    /* SP固定ページ 個人情報保護方針 */
    #page_privacy .main_text {
        font-size: 3.5vw;
    }

    #page_privacy dl {
        margin-bottom: 10vw;
    }

    #page_privacy dl dt {
        font-size: 4vw;
    }

    #page_privacy dl dd {
        font-size: 3.5vw;
        margin-left: 5vw;
    }

    /* SP固定ページ サイトマップ  */
    #page_sitemap .inBox+.inBox {
        margin-top: 15vw;
    }

    #page_sitemap .inBox ul {
        display: block;
    }

    #page_sitemap .inBox ul li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }

    /* SP固定ページ 記事詳細ページ */
    #page_article h1 {
        font-size: 4vw;
    }

    #page_article .contents_area {
        width: 100%;
        padding-bottom: 20vw;
        position: relative;
    }

    #page_article #side_menu {
        width: 100%;
        margin-top: 20vw;
    }

    #page_article .data_area {
        margin: 7vw 0;
    }

    #page_article .data_area .icon svg {
        width: 2.5vw !important;
        height: 2.5vw !important;
    }

    #page_article .data_area p.data {
        font-size: 2.5vw;
    }

    #page_article .text_area p {
        font-size: 3.4vw;
    }

    /* SP固定ページ 記事一覧ページ */
    ul.article_list li {
        width: 100%;
        margin-bottom: 0;
    }

    ul.article_list li+li {
        margin-top: 4vw;
    }

    ul.article_list li .image {
        height: 20vw;
    }

    ul.article_list li .textArea {
        width: 68%;
    }

    ul.article_list li .textArea .title {
        font-size: 3.5vw;
        line-height: 2;
    }

    ul.article_list li .data_area .icon svg {
        width: 2.5vw !important;
        height: 2.5vw !important;
    }

    ul.article_list li .data_area p.data {
        font-size: 2.5vw;
        margin-left: 2vw;
    }

    ul.article_list li .data_area p.data {
        font-size: 2vw;
        margin-left: 2vw;
    }

    /* 未公開物件セクション（SP） */
    .common_mikoukai_area .ttl {
        font-size: 5vw;
    }

    .common_mikoukai_area .txt {
        font-size: 3.5vw;
    }

    .common_mikoukai_area a {
        font-size: 5vw;
        width: 100%;
    }

    .common_mikoukai_area_bn {
        background-color: #1151aa;
        position: fixed;
        right: 5px;
        bottom: 65px;
        border-radius: 4px;
        z-index: 9999;
    }

    .common_mikoukai_area_bn a {
        text-decoration: none;
        color: #fff !important;
        font-weight: bold;
        text-align: center;
        font-size: 12px;
        padding: 5px 20px;
        display: block;
        position: relative;
        padding-top: 8px;
        background-image: url(/penguin/resources/image/_common/arrow_right_w.png);
        background-repeat: no-repeat;
        background-position: 96% center;
        background-size: 8px;
        z-index: 1;
    }

    .common_mikoukai_area_bn a:before {
        content: "タップする";
        background-color: #fff;
        border: 2px solid #4285f4;
        color: #4285f4;
        border-radius: 20px;
        text-align: center;
        width: 80px;
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -40px;
        font-size: 9px;
        line-height: 15px;
    }

    .common_mikoukai_area_bn p {
        overflow: hidden;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .common_mikoukai_area_bn a span {
        display: block;
        font-size: 16px;
    }

    /* SP固定ページ エリア・沿線検索 */
    #page_search .areaSearchAreaName {
        width: 100%;
        display: block;
    }

    #page_search .checkboxCheckAll {
        width: 100%;
        display: block;
        padding: 0;
        letter-spacing: 0;
    }

    #page_search .areaListTableCell,
    #page_search .railwayAreaListTableCell,
    #page_search .railwayLineListTableCell {
        width: 100%;
        margin: 0%;
    }

    #page_search .searchButtonArea {
        width: 100%;
        display: block;
    }

    #page_search .searchButton_fixed {
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        left: 0;
        bottom: 0;
        padding: 10px;
        z-index: 9999;
    }

    #page_search .searchButton_fixed input#btnTownSearch,
    #page_search .searchButton_fixed input#btnAreaSearch {
        display: block;
        background: #fcc331;
        padding: .7em 1em;
        width: 48%;
        text-align: center;
        border-radius: 30px;
        font-size: 14px;
    }

    #page_search .searchButton_fixed input#btnTownSearch {
        background: #fff;
    }

    #page_search .searchButton_fixed input.search_btn.ont_btn {
        display: block;
        background: #fcc331;
        padding: .7em 1em;
        width: 100%;
        text-align: center;
        border-radius: 30px;
        font-size: 16px;
    }

    #page_search .searchButtonArea input.search_btn.ont_btn {
        width: 80%;
        margin: auto;
    }

    #page_search .searchButtonArea .search_more_btn,
    #page_search .searchButtonArea input.search_btn {
        width: 100%;
    }

    #page_search .searchButtonArea input.search_btn {
        margin-top: 20px;
    }

    /* 記事詳細ページ SP */
    #page_article .fl_wrap {
        display: block;
        padding: 0;
    }

    #page_article .article_title {
        font-size: 4.8vw;
        letter-spacing: .05em;
        padding: 10vw 0 2vw;
    }

    #page_article .article_title .date_ttl {
        font-size: 4vw;
        padding: 2vw 2.2vw;
    }

    #page_article h2 {
        margin: 6vw 0 2vw;
        padding: 0.5rem 1rem;
        border-left: 4px dotted #80a956;
        background: #f4f4f4;
        font-weight: 600;
        font-size: 5vw;
    }

    #page_article h2 font {
        font-size: 5vw !important;
    }

    #page_article h3 {
        font-size: 4.2vw;
        margin: 5vw 0 2vw !important;
    }

    #page_article h3 font {
        font-size: 4.2vw !important;
    }

    #page_article .article_title::before {
        width: 3vw;
        height: 3vw;
    }

    #page_article .article_title::after {
        font-size: 3.2vw;
        top: -7vw;
    }

    #page_article .article_main_image {
        width: 55vw;
        height: 55vw;
    }

    #page_artcile .day_cat {
        justify-content: center;
    }

    #page_article .day_cat .cat {
        font-size: 3.5vw;
    }

    .single_sns_ba {
        opacity: 1;
        position: static;
    }

    #page_article #side_menu ul {
        padding: 0;
    }

    #page_article #side_menu .title {
        text-align: center;
        font-size: 4.2vw;
        letter-spacing: .05em;
        padding-bottom: 2vw;
        margin-bottom: 4vw;
    }

    #page_article #side_menu .title:after {
        content: "";
        width: 30px;
        height: 1px;
        background: #333;
        position: absolute;
        right: 0;
        bottom: -1px;
    }

    #page_article #side_menu ul li a {
        font-size: 3.8vw;
        padding: 0 2vw;
    }

    #page_article #side_menu ul li {
        padding-bottom: 2vw;
        margin-bottom: 2vw;
    }

    #page_article #side_menu ul li a .img {
        height: 17vw;
        width: 25%;
    }

    #page_article #side_menu ul::before {
        display: none;
    }

    #page_article .contents_area::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        background: #525252;
        height: 1px;
        width: 16vw;
        bottom: 0;
    }

    .single_sns_bar {
        position: static;
        opacity: 1;
        visibility: visible;
        margin: 5vw 0 0vw;
    }

    .single_sns_bar ul {
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        justify-content: center;
    }

    .single_sns_bar::after {
        display: none;
    }

    #page_article #side_menu .single_sns_bar ul li {
        border: none;
        margin: 0;
        width: 10vw;
    }

    .single_sns_bar::before {
        display: none;
    }

    /* 物件アーカイブ（SP） */

    #page_butkenArchive .table_wrap {
        overflow: scroll;
    }

    #page_butkenArchive .table {
        width: 1000px;
    }

    #page_butkenArchive .table li {
        font-size: 12px;
    }

    /* ページャー（SP） */

    .pager_item {
        display: table-cell;
        width: 8vw;
        line-height: 7.5vw;
        margin: 0 1vw;
        font-size: 3vw;
    }

    .pager_item:before {
        width: 3vw;
        height: 3vw;
    }


    /*==========================================
    # 共通パーツ
    ============================================*/
    /* セクションタイトル */
    .common_title {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .common_title .ja {
        font-size: 5.8vw;
    }

    .common_title .en {
        font-size: 3.6vw;
    }

    .common_title .en::after {
        content: "";
        display: inline-block;
    }

    /* セクションタイトル：お部屋を探す */
    .common_title.search {
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 1.54vw;
    }

    .common_title.search .ja {
        font-size: 8.2vw;
        letter-spacing: 0.1em;
        writing-mode: horizontal-tb;
        line-height: 1.6;
    }

    .common_title.search .en {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse;
        color: var(--main-color);
        font-size: 3.6vw;
        gap: 2.56vw;
        writing-mode: horizontal-tb;
    }

    .common_title.search .en::after {
        width: 4.1vw;
        height: 5.38vw;
    }

    /* セクションタイトル：こだわり条件 */
    .common_title.pickup .en::after {
        width: 5.13vw;
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/img_leaf02.png) no-repeat center center /contain;
    }

    .common_title.staff .en {
        flex-direction: row-reverse;
        gap: 1.54vw;
        margin-right: 9.23vw;
        margin-bottom: -2.56vw;
    }

    .common_title.staff .en::after {
        width: 10.26vw;
        height: 10.26vw;
        background: url(/penguin/resources/image/ys8/home/img_leaf03.png) no-repeat center center /contain;
    }

    .common_title.blog {
        align-items: center;
    }

    .common_title.blog .en::after {
        width: 3.85vw;
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/img_leaf04.png) no-repeat center center /contain;
    }

    .common_title.reason .en::after {
        width: 5.13vw;
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/img_leaf05.png) no-repeat center center /contain;
    }

    .common_title.properties .en {
        flex-direction: row-reverse;
        gap: 1.54vw;
        margin-right: 9.23vw;
        margin-bottom: -2.56vw;
    }

    .common_title.properties .en::after {
        width: 7.69vw;
        height: 7.69vw;
        background: url(/penguin/resources/image/ys8/home/img_leaf06.png) no-repeat center center /contain;
    }

    .common_title.store {
        align-items: flex-start;
        gap: 0.77vw;
    }

    .common_title.store .en::after {
        width: 10.26vw;
        height: 10.26vw;
        background: url(/penguin/resources/image/ys8/home/img_leaf07.png) no-repeat center center /contain;
    }

    .common_title.review {
        align-items: flex-start;
    }

    .common_title.review .en {
        margin-bottom: -2.56vw;
    }

    .common_title.review .en::after {
        width: 7.69vw;
        height: 7.69vw;
        background: url(/penguin/resources/image/ys8/home/img_leaf08.png) no-repeat center center /contain;
    }

    /* 下層ページ：タイトル */
    .common_title.fv .en::after {
        width: 6vw;
        height: 6vw;
        background: url(/penguin/resources/image/ys8/home/img_leaf01.png) no-repeat center center /contain;
    }

    .common_btn {
        color: var(--white);
        font-size: 4.1vw;
        font-weight: 700;
        line-height: calc(28 / 16);
        letter-spacing: 0.03em;
        min-width: 82.05vw;
        border-radius: 100vh;
        border: 1px solid var(--main-color);
        background-color: var(--main-color);
        padding: 4.62vw 5.13vw;
        max-width: 100%;
    }

    .common_btn::after {
        width: 7vw;
        height: 7vw;
        background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_green.svg) no-repeat center center /contain;
    }

    .common_btn.line {
        color: var(--white);
        background-color: #06C755;
        border: 1px solid #06C755;
        padding: 3.33vw 7.69vw 3.33vw 20.51vw;
        position: relative;
        min-width: initial;
        width: 100%;
    }

    .common_btn.line::before {
        content: "";
        display: inline-block;
        width: 8.21vw;
        height: 8.21vw;
        background: url(/penguin/resources/image/ys8/home/icon/icon_line.svg) no-repeat center center /contain;
        position: absolute;
        left: 7.69vw;
        top: 50%;
        transform: translateY(-50%);
    }

    .common_btn.line::after {
        background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_line.svg) no-repeat center center /contain;
    }

    .common_btn.white {
        color: var(--white);
        border: 1px solid var(--white);
    }

    .common_btn.white::after {
        background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_white.svg) no-repeat center center /contain;
    }


    .common_btn.mail {
        padding: 3.59vw 7.69vw 3.59vw 20.51vw;
        position: relative;
        min-width: initial;
        width: 100%;
        background-color: transparent;
    }

    .common_btn.mail::before {
        content: "";
        display: inline-block;
        width: 7.69vw;
        height: 5.38vw;
        background: url(/penguin/resources/image/ys8/home/icon/icon_mail_white.svg) no-repeat center center /contain;
        position: absolute;
        left: 7.69vw;
        top: 50%;
        transform: translateY(-50%);
    }

    .common_btn.reserve {
        padding: 3.59vw 7.69vw 3.59vw 20.51vw;
        position: relative;
        width: 100%;
        min-width: initial;
        background-color: transparent;
    }

    .common_btn.reserve::before {
        content: "";
        display: inline-block;
        width: 7.69vw;
        height: 7.69vw;
        background: url(/penguin/resources/image/ys8/home/icon/icon_schedule_white.svg) no-repeat center center /contain;
        position: absolute;
        left: 7.69vw;
        top: 50%;
        transform: translateY(-50%);
        transition: .3s;
    }

    .common_btn.conditions {
        padding: 3.59vw 7.69vw 3.59vw 20.51vw;
        position: relative;
        min-width: initial;
        width: 100%;
        background-color: transparent;
    }

    .common_btn.conditions::before {
        content: "";
        display: inline-block;
        width: 7.69vw;
        height: 7.69vw;
        background: url(/penguin/resources/image/ys8/home/icon/icon_document_white.svg) no-repeat center center /contain;
        position: absolute;
        left: 7.69vw;
        top: 50%;
        transform: translateY(-50%);
        transition: .3s;
    }

    .common_btn.brown {
        background-color: var(--sub-color);
        color: var(--white);
    }

    .common_btn.brown::after {
        background-color: var(--sub-color);
        color: var(--white);
        background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_white.svg) no-repeat center center /contain;
    }

    .common_cta_wrap.wrap {
        width: 90%;
    }

    .common_cta .wrapper {
        background: url(/penguin/resources/image/ys8/home/contact_bg.png) no-repeat center center /cover;
        border-radius: 2.56vw 2.56vw 0 0;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 15.38vw 5.13vw 15.38vw 5.13vw;
    }

    .common_cta .body {
        flex-grow: 1;
    }

    .common_cta .title {
        font-size: 8.2vw;
        line-height: 1.7;
        gap: 2.56vw;
    }

    .common_cta .title::before {
        font-size: 3.59vw;
        margin-bottom: -1.28vw;
    }

    .common_cta .tel {
        margin-top: 1.28vw;
    }

    .common_cta .tel a {
        font-size: 8.2vw;
        line-height: 1.2;
    }

    .common_cta .tel a::before {
        width: 7.69vw;
        height: 7.69vw;
        margin-right: 2.56vw;
        margin-top: 2.82vw;
    }

    .common_cta .bussiness_hour {
        font-size: 2.56vw;
        margin-left: 10.26vw;
        transform: translateY(-0.77vw);
    }

    .common_cta .text {
        font-size: 3.59vw;
        max-width: initial;
        margin-top: 3.59vw;
    }

    .common_cta .link_list {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 3.85vw;
        margin-top: 5.13vw;
    }

    .link_list .link_item.line {
        order: 1;
    }

    .link_list .link_item.mail {
        order: 2;
    }

    .link_list .link_item.reserve {
        order: 3;
    }

    .link_list .link_item.conditions {
        order: 4;
    }

    /* ドロワー */
    .drawer {
        display: block;
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #FAEFE2;
        z-index: 99;
        overflow-y: auto;
        transition: .3s;
    }

    .drawer.active {
        opacity: 1;
        visibility: visible;
    }

    .drawer_wrap {
        padding: 28.21vw 5.13vw 15.38vw 5.13vw;
    }

    .drawer .menu {
        padding-top: 8.46vw;
        padding-bottom: 3.85vw;
    }

    .drawer .menu:not(:first-child) {
        border-top: 2px dotted #ccc;
    }

    .drawer .menu .title .ja {
        display: block;
        font-size: 6.15vw;
        font-weight: 700;
        letter-spacing: 0.03em;
    }

    .drawer .menu .title .en {
        display: block;
        color: var(--main-color);
        font-family: var(--font_sub);
        font-size: 3.59vw;
        font-weight: 700;
    }

    .drawer .menu_list {
        margin-top: 2.56vw;
    }

    .drawer .menu_item a {
        display: inline-block;
        font-size: 3.59vw;
        font-weight: 700;
        line-height: calc(28 / 14);
        letter-spacing: 0.03em;
        display: flex;
        align-items: center;
        gap: 3.08vw;
        padding: 2.56vw 3.85vw;
    }

    .drawer .menu_item a::before {
        content: "";
        display: inline-block;
        width: 2.56vw;
        height: 1.79vw;
        background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_right_brown.svg) no-repeat center center /contain;
        margin-left: 2.56vw;
        flex-shrink: 0;
    }

    .drawer .link_list {
        padding-right: 5.13vw;
        padding-left: 5.13vw;
        display: flex;
        flex-direction: column;
        gap: 2.56vw;
        margin-top: 5.13vw;
    }

    /*==========================================
    # フッター
    ============================================*/
    .footer {
        position: relative;
    }

    .footer::after {
        height: 57.18vw;
    }

    .footer_wrap.wrap {
        width: 100%;
    }

    .footer .content {
        border-radius: 0 0 5.13vw 5.13vw;
        padding: 20.51vw 2.56vw 11.28vw 2.56vw;
        flex-direction: column;
    }

    .footer .logo .text {
        font-size: 3.33vw;
        text-align: center;
    }

    .footer .logo a {
        display: block;
        width: 62.82vw;
        margin-top: 2.56vw;
        text-align: center;
        margin-inline: auto;
    }

    .footer .logo a img {
        width: 100%;
        height: auto;
    }

    .footer .map {
        display: none;
    }

    .footer .address {
        display: none;
    }

    .footer .link {
        margin-top: 21.54vw;
    }

    .footer_nav {
        display: none;
    }

    .footer .link_list {
        gap: 2.56vw;
        margin-top: 0;
        justify-content: center;
    }

    .footer .link_item a {
        font-size: 2.56vw;
    }

    .footer .copy {
        padding-top: 5.13vw;
        padding-bottom: 5.13vw;
        text-align: center;
        position: relative;
        z-index: 2;
    }

    .footer .copy small {
        font-size: 2.56vw;
        text-align: center;
    }

    .fixed-img01 {
        width: 6.26vw;
        height: 68.97vw;
        bottom: 23.08vw;
    }

    .fixed-img02 {
        width: 6.26vw;
        height: 67.18vw;
        bottom: 23.08vw;
    }

    .floating-btn {
        /* display: block; */
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20.51vw;
        z-index: 50;
    }

    .floating-btn_wrap {
        background-color: var(--white);
        border-radius: 2.56vw 2.56vw 0 0;
        padding: 3.59vw 2.56vw;
        display: flex;
        align-items: stretch;
        gap: 1.28vw;
        color: var(--white);
    }

    .floating-btn a {
        display: inline-block;
        background-color: var(--sub-color);
        border-radius: 1.28vw;
        text-align: center;
    }

    .floating-btn .tel {
        height: 15.38vw;
        flex-grow: 1;
        font-size: 3vw;
        font-weight: 700;
        letter-spacing: 0.01em;
        padding: 2.8vw 2.56vw;
    }

    .floating-btn .tel span {
        font-size: 2vw;
        margin-right: 0.5vw;
        margin-top: 0.5vw;
    }

    .floating-btn .tel .business_hour {
        font-size: 1.8vw;
        font-weight: 500;
        letter-spacing: 0.03em;
        display: block;
    }

    .floating-btn .reserve {
        width: 15.38vw;
        height: 15.38vw;
        font-size: 2.56vw;
        font-weight: 700;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        padding: 2.56vw 0.77vw 2vw 0.77vw;
    }

    .floating-btn .reserve::before {
        content: "";
        display: inline-block;
        width: 5.13vw;
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/icon/icon_schedule_white.svg) no-repeat center center /contain;
        margin-bottom: 2.05vw;
        flex-shrink: 0;
    }

    .floating-btn .conditions {
        width: 15.38vw;
        height: 15.38vw;
        font-size: 2.56vw;
        font-weight: 700;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 2.56vw 0.77vw;
    }

    .floating-btn .conditions::before {
        content: "";
        display: inline-block;
        width: 5.13vw;
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/icon/icon_document_white.svg) no-repeat center center /contain;
        margin-bottom: 1.5vw;
        margin-top: 0.3vw;
        flex-shrink: 0;
    }

    .floating-btn .link {
        display: grid;
        place-content: center;
        font-weight: 700;
        padding: 2vw;
    }

    .floating-btn .line {
        width: 15.38vw;
        height: 15.38vw;
        font-size: 2.56vw;
        font-weight: 700;
        text-align: center;
        background-color: #06C755;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        padding: 2.56vw 0.77vw;
    }

    .floating-btn .line::before {
        content: "";
        display: inline-block;
        width: 7.69vw;
        height: 7.69vw;
        background: url(/penguin/resources/image/ys8/home/icon/icon_line.svg) no-repeat center center /contain;
        flex-shrink: 0;
    }

    /*==================================
    # 下層ページFV
    ===================================*/
    .common_fv {
        padding-top: 9vw;
        padding-bottom: 2vw;
    }

    /* パンくず */
    #breadcrumbs {
        padding: 5.5vw 0;
    }

    /*==================================
    # トップページ
    ===================================*/

    .top_mv {
        min-height: 161.54vw;
    }

    .top_mv_wrap.wrap {
        width: 100%;
    }

    .top_mv::after {
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/bg_circle01_sp.png) no-repeat top center /cover;
    }

    .top_mv .wrap {
        min-height: 161.54vw;
        width: 94%;
    }

    .top_mv_slider {
        min-height: 161.54vw;
    }

    .top_mv_slider .slide_img picture {
        display: block;
    }

    .top_mv_slider .slide_img img {
        min-height: 161.54vw;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .top_mv .bx-wrapper {
        min-height: 153.85vw;
    }

    .top_mv .body {
        padding-bottom: 0;
        padding-top: 17.44vw;
        justify-content: flex-start;
    }

    .top_mv .title {
        font-size: 6.92vw;
        line-height: calc(40 / 27);
    }

    .top_mv .title em {
        font-size: 6.92vw;
    }

    .top_mv .lead {
        font-size: 3.59vw;
    }

    .top_mv .lead em {
        font-size: 6.15vw;
    }

    /* バナー */
    .top_banner_sec {
        padding-top: 15vw;
    }

    .top_banner_sec .link {
        width: 100%;
    }

    .top_banner_sec .link:hover {
        opacity: 1;
    }


    .top_search {
        padding-top: 12.82vw;
    }

    .top_search_wrap {
        border-radius: 7.69vw;
        gap: 3.08vw;
        padding: 15.38vw 2.56vw 13.85vw 2.56vw;
        flex-direction: column;
    }

    .top_search .list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2.56vw;
        row-gap: 4.1vw;
    }

    .top_search .item_link {
        display: block;
    }

    .top_search .item_img {
        position: relative;
    }

    .top_search .item_img::before {
        display: none;
    }

    .top_search .item_img img {
        aspect-ratio: 1/1;
    }

    .top_search .item_title {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 4.1vw;
        gap: 1.54vw;
        position: relative;
    }

    .top_search .item_title::before {
        content: "";
        display: inline-block;
        width: 7.69vw;
        height: 0.51vw;
        background-color: var(--main-color);
        position: absolute;
        top: 7.03vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .top_search .item_title .ja {
        font-size: 4.1vw;
        letter-spacing: 0.03em;
    }

    .top_search .item_title .first_letter {
        transition: .3s;
    }

    .top_search .item_title .en {
        font-size: 3.33vw;
    }

    .top_pickup {
        padding-top: 15.38vw;
        padding-bottom: 13.59vw;
        overflow-x: clip;
        position: relative;
        z-index: 2;
    }

    .top_pickup::after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/bg_circle02_sp.png) no-repeat bottom center /cover;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 3;
    }

    .top_pickup .body {
        margin-top: 2.56vw;
        width: 100vw;
        margin-left: 5.13vw;
        margin-right: calc(50% - 50vw);
    }

    .top_pickup_slider .slide {
        gap: 3.85vw;
        width: 72vw !important;
        height: 122vw !important;
    }

    .top_pickup_slider .slide a {
        height: 58.5vw;
    }

    .top_pickup_slider .slide_item {
        position: relative;
        min-height: initial;
        padding: 3.85vw 3.85vw;
    }

    .top_pickup_slider .slide_img img {
        aspect-ratio: 280/230;
        height: 100%;
        object-fit: cover;
    }

    .top_pickup_slider .slide_title {
        font-size: 4.62vw;
    }

    .top_pickup_slider .slide_title::before {
        font-size: 3.33vw;
        margin-bottom: 1.28vw;
    }

    .top_pickup_slider .slide_btn {
        position: relative;
        z-index: 2;
        margin-top: auto;
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        color: var(--white);
        font-family: var(--font_sub);
        font-size: 3.08vw;
        font-weight: 500;
        text-transform: uppercase;
        min-width: 30.77vw;
        padding: 1.79vw 3.85vw;
        border-radius: 100vh;
        margin-left: auto;
        opacity: 1;
        transition: .3s;
        margin-top: 25vw;
    }

    .top_pickup_slider .slide_btn::after {
        content: "";
        display: inline-block;
        width: 2.56vw;
        height: 1.79vw;
        background: url(/penguin/resources/image/ys8/home/icon/iccon_arrow_right.svg) no-repeat center center /contain;
    }

    .top_staff {
        padding-top: 13.85vw;
        position: relative;
        overflow-x: clip;
    }

    .top_staff::before {
        content: "";
        display: inline-block;
        width: 100.26vw;
        height: 45.38vw;
        background: url(/penguin/resources/image/ys8/home/bg_leaf01.png) no-repeat center center /cover;
        position: absolute;
        top: -3.08vw;
        left: 0;
    }

    .top_staff .bx-viewport {
        padding-bottom: 2.56vw;
    }

    .top_staff_wrap {
        padding-bottom: 10.26vw;
    }

    .top_staff .body {
        width: 100vw;
        margin-right: calc(50% - 50vw);
        margin-top: 2.56vw;
    }

    .common_staff_slider {
        display: block;
        margin-top: 0;
    }

    .common_staff_slider .slide_item {
        display: block;
    }

    .common_staff_slider .slide_img img {
        aspect-ratio: 250/320;
    }

    .common_staff_slider .slide_img::before {
        display: none;
    }

    .common_staff_slider .slide_name {
        margin-top: 4.1vw;
        padding-right: 12.82vw;
        position: relative;
    }

    .common_staff_slider .slide_name .ja {
        display: block;
        font-size: 4.1vw;
        font-weight: 700;
    }

    .common_staff_slider .slide_name .en {
        font-size: 3.33vw;
    }

    .common_staff_slider .slide_name .first_letter {
        transition: .3s;
    }

    .common_staff_slider .slide_name::after {
        width: 12.82vw;
        height: 12.82vw;
        max-width: 50px;
        max-height: 50px;
        background: url(/penguin/resources/image/ys8/home/icon/icon_arrow_green02.svg) no-repeat center center /contain;
    }

    /* ブログ */
    .top_blog {
        padding-top: 10.26vw;
        padding-bottom: 20.51vw;
    }

    .top_blog_wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .top_blog .head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        display: contents;
    }

    .top_blog .title {
        order: 1;
    }

    .top_blog .btn {
        order: 3;
        margin-top: 5.38vw;
    }

    .top_blog .list {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.56vw;
        row-gap: 4.87vw;
        margin-top: 2.82vw;
        order: 2;
    }

    .top_blog .item_img img {
        aspect-ratio: 170/200;
    }

    .top_blog .item_img::before {
        display: none;
    }

    .top_blog .item_title {
        font-size: 4.1vw;
        color: var(--main-color);
        line-height: calc(22 / 16);
        margin-top: 2.05vw;
        -webkit-line-clamp: 2;
    }

    .top_blog .item_text {
        font-size: 3.33vw;
        line-height: calc(19 / 13);
        margin-top: 1.28vw;
    }

    .top_blog .item_time {
        font-size: 3.33vw;
    }

    .top_reason {
        padding-top: 14.62vw;
        padding-bottom: 15.64vw;
        background-color: var(--light-orange);
        position: relative;
        overflow-x: clip;
    }

    .top_reason::before {
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/bg_circle01_sp.png) no-repeat top center /cover;
    }

    .top_reason .body {
        width: 100vw;
        margin-right: calc(50% - 50vw);
        margin-top: 4.1vw;
    }

    .top_reason_slider {
        margin-top: 0;
        display: block;
    }

    .top_reason_slider .slide_img img {
        aspect-ratio: 360/230;
        object-fit: cover;
        width: 100%;
        height: auto;
        border-radius: 2.56vw;
    }

    .top_reason_slider .slide_title {
        font-size: 4.1vw;
        font-weight: 700;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 2.56vw;
    }

    .top_reason_slider .slide_title .font_sub {
        font-family: var(--font_sub);
        font-size: 3.33vw;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        line-height: 1;
    }

    .top_reason_slider .slide_title .num {
        display: inline-block;
        font-family: var(--font_sub);
        font-size: 8.2vw;
        font-style: normal;
        margin-left: 1.28vw;
        margin-right: 2.56vw;
        line-height: 1;
        margin-bottom: 2.05vw;
    }

    .top_reason_slider .slide_text {
        font-size: 3.59vw;
        font-weight: 500;
        line-height: calc(24 / 14);
        margin-top: -0.77vw;
    }

    .top_reason .btn {
        text-align: center;
        margin-top: 5.13vw;
    }

    .top_banner .bx-wrapper .bx-pager.bx-default-pager a {
        width: 3.85vw;
        height: 3.85vw;
        margin: 0 1.79vw;
    }


    /* バナースライダー */
    .top_banner {
        padding-top: 15.38vw;
        padding-bottom: 24.36vw;
        background-color: var(--white);
        overflow-x: hidden;
    }

    .top_banner .banner {
        margin-bottom: 8vw;
    }

    .top_banner .banner:hover {
        opacity: 1;
    }

    .top_banner .slide img {
        width: 100%;
        height: auto;
    }

    .top_banner .slider-wrapper {
        overflow: hidden;
    }

    .top_banner .slider {
        position: relative;
        left: 95vw;
        overflow: visible !important;
    }

    .top_banner .slide {
        width: 82.8vw !important;
    }

    .top_banner .slide_link {
        transition: .3s;
    }

    .top_banner .bx-pager.bx-default-pager {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 5.13vw;
    }

    /* 新着物件 */
    .top_properties {
        padding-top: 12.82vw;
        padding-bottom: 12.82vw;
        background-color: var(--light-orange);
        position: relative;
        z-index: 2;
        overflow-x: clip;
    }

    .top_properties::after {
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/bg_circle02_sp.png) no-repeat bottom center /cover;
    }

    .top_properties .body {
        margin-top: 2.56vw;
        /* width: 100vw; */
        /* margin-right: calc(50% - 50vw); */
    }

    .top_properties .tab_box .tab_area {
        grid-template-columns: repeat(2, 1fr);
        gap: 1vw;
    }

    .top_properties .tab_area .cell {
        font-size: 3.5vw;
        line-height: 32px;
    }

    .top_properties .bukken_list {
        grid-template-columns: repeat(8, 80vw);
        gap: 2vw;
        overflow: scroll;
        padding-bottom: 3vw;
        margin-bottom: 4vw;
    }

    .top_properties_slider .slide_img {
        height: 60vw;
    }

    .top_properties_slider {
        display: block;
    }

    .top_properties_slider .slide_item {
        display: block;
    }

    .top_properties_slider .slide_img img {
        aspect-ratio: unset;
    }

    .top_properties_slider .slide_img::before {
        display: none;
    }

    .top_properties_slider .slide_name {
        font-size: 4.1vw;
        margin-top: 3.08vw;
    }

    .top_properties_slider .slide_access {
        font-size: 3.59vw;
    }

    .top_properties_slider .slide_access::before {
        width: 4.62vw;
        height: 5.64vw;
    }

    .top_properties_slider .slide_room {
        font-size: 3.59vw;
    }

    .top_properties_slider .slide_room::before {
        width: 4.62vw;
        height: 4.62vw;
    }

    .top_properties_slider .slide_price {
        font-size: 4.62vw;
    }

    .top_properties_slider .slide_price::before {
        width: 4.87vw;
        height: 4.87vw;
    }

    /* 店舗情報 */
    .top_store {
        padding-top: 22.05vw;
    }

    .top_store::before {
        width: 89.74vw;
        height: 64.1vw;
        top: -1vw;
        left: 0;
    }

    .top_store::after {
        content: "";
        display: inline-block;
        width: 51.28vw;
        height: 68.97vw;
        background: url(/penguin/resources/image/ys8/home/bg_leaf03.png) no-repeat center center /contain;
        position: absolute;
        bottom: -15.38vw;
        right: 0;
    }

    .top_store_wrap {
        padding-bottom: 14.1vw;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 5.13vw;
    }

    .top_store .img {
        width: calc(100vw - 5.13vw);
        height: 60.51vw;
    }

    .top_store .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0 2.56vw 2.56vw 0;
    }

    .top_store .body {
        width: 100%;
        padding-top: 0;
    }

    .top_store .list {
        margin-top: 0;
    }

    .top_store .item {
        padding-top: 6.15vw;
        padding-bottom: 3.59vw;
    }

    .top_store .item:not(:last-child) {
        border-bottom: 1px solid #EAEAEA;
    }

    .top_store .item:not(:first-child) {
        padding-top: 0;
    }

    .top_store .item_title {
        font-size: 4.1vw;
        font-weight: 700;
        line-height: calc(28 / 16);
        display: flex;
        align-items: flex-start;
    }

    .top_store .item_title.address::before {
        width: 4.62vw;
        height: 4.87vw;
        margin-right: 3.08vw;
        margin-top: 1.28vw;
    }

    .top_store .item_title.access::before {
        width: 4.62vw;
        height: 5.64vw;
        margin-right: 3.08vw;
        margin-top: 0.51vw;
    }

    .top_store .item_detail {
        font-size: 4.1vw;
        padding-left: 7.69vw;
    }

    .top_store .btn {
        margin-top: 4.1vw;
    }

    /* お客様の声 */
    .top_review {
        padding-top: 9.23vw;
        padding-bottom: 15.38vw;
        overflow-x: clip;
    }

    .top_review_wrap {
        display: flex;
        flex-direction: column;
    }

    .top_review .head {
        display: contents;
    }

    .top_review .title {
        order: 1;
    }

    .top_review .btn {
        order: 3;
        margin-top: 5.13vw;
    }

    .top_review .body {
        margin-top: 3.85vw;
        width: 100vw;
        margin-right: calc(50% - 50vw);
        order: 2;
    }

    .top_review_slider {
        display: block;
    }

    .top_review_slider .item_link {
        display: block;
    }

    .top_review_slider .slide_img img {
        aspect-ratio: 280/230;
    }

    .top_review_slider .slide_title {
        font-size: 4.1vw;
        font-weight: 700;
        line-height: calc(28 / 16);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-top: 4.1vw;
        transition: .3s;
    }

    .top_review_slider .slide_text {
        font-size: 3.59vw;
        font-weight: 500;
        line-height: calc(24 / 14);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 0.51vw;
    }

    /*==================================
    # スタッフ一覧ページ
    ===================================*/
    .staff .wrap_sm {
        overflow-x: clip;
    }

    .staff .staff_list {
        width: 100vw;
        margin-right: calc(50% - 50vw);
    }

    .staff .bx-viewport {
        padding-bottom: 2.56vw;
    }

    /*==================================
    # スタッフ詳細ページ
    ===================================*/
    .staff_article_body {
        padding-top: 12.82vw;
        position: relative;
        z-index: 1;
        padding-bottom: 10.26vw;
    }

    .staff_article_body::before {
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/bg_circle01_sp.png) no-repeat top center / cover;
    }

    .staff_article_body::after {
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/bg_circle02_sp.png) no-repeat bottom center / cover;
    }

    .staff_article_name .en {
        font-size: 7.69vw;
    }

    .staff_article_name .ja {
        font-size: 4.62vw;
        margin-top: 1.54vw;
    }

    .staff_article_box01 {
        flex-direction: column;
        margin-top: 10.26vw;
    }

    .staff_article_box01 .img {
        width: 80%;
        position: static;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .staff_article_box01 .img .img_sub {
        width: 51.28vw;
        margin-left: -8.97vw;
        margin-top: -6.41vw;
    }

    .staff_article_box01 .body {
        width: 100%;
        min-height: initial;
        margin-top: 7.69vw;
        margin-left: auto;
        padding-bottom: 17.95vw;
    }

    .staff_article_box01 .profile_item:nth-child(n+2) {
        margin-top: 7.69vw;
    }

    .staff_article_box01 .profile_title {
        font-size: 3.59vw;
    }

    .staff_article_box01 .profile_title::after {
        font-size: 3.08vw;
    }

    .staff_article_box01 .profile_detail {
        font-size: 3.59vw;
        margin-top: 2.56vw;
    }

    .staff_article_box01 .profile_content {
        margin-top: 47.44vw;
    }

    .profile_content .title {
        font-size: 3.59vw;
        gap: 2.05vw;
    }

    .profile_content .title::before {
        width: 5.13vw;
        height: 5.13vw;
    }

    .profile_content .lead {
        font-size: 4.1vw;
    }

    .profile_content .text {
        font-size: 3.59vw;
        margin-top: 2.56vw;
    }

    .staff_article_row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column-reverse;
        gap: 7.69vw;
    }

    .staff_article_row.row01 .profile_content {
        width: 100%;
    }

    .staff_article_row.row02 {
        margin-top: 8.21vw;
    }

    .staff_article_row.row03 {
        flex-direction: column-reverse;
        margin-top: 8.21vw;
    }

    .staff_article_row .img {
        width: 100%;
    }

    .staff_article_row .profile_content {
        width: 100%;
    }

    /*==================================
    # 店舗情報ページ
    ===================================*/
    .store_body {
        padding-top: 20.51vw;
        padding-bottom: 17.95vw;
        margin-top: -12.82vw;
    }

    .store_body::before {
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/bg_circle01_sp.png) no-repeat top center /cover;
    }

    .store_body::after {
        height: 5.13vw;
        background: url(/penguin/resources/image/ys8/home/bg_circle02_sp.png) no-repeat bottom center /cover;
    }

    .main_img img {
        border-radius: 2.05vw;
        aspect-ratio: 300/150;
    }

    .store_item {
        display: flex;
        flex-direction: column;
        padding: 2.56vw 0;
    }

    .store_item:nth-child(n+2) {
        margin-top: 2.56vw;
    }

    .store_item_title {
        color: var(--main-color);
        font-size: 4.1vw;
        font-weight: 700;
        line-height: calc(28 / 16);
        letter-spacing: 0.03em;
        margin-right: 2.56vw;
        min-width: 51.28vw;
        flex-shrink: 0;
    }

    .store_item_detail {
        flex-grow: 1;
        font-size: 3.59vw;
        font-weight: 500;
        line-height: calc(27 / 16);
        letter-spacing: 0.03em;
        margin-top: 2.56vw;
    }

    .store .sub_img {
        max-width: 205.13vw;
        margin-inline: auto;
        margin-top: 15.38vw;
        display: grid;
        grid-template-columns: 1fr;
        gap: 2.56vw;
    }

    .store .sub_img img {
        border-radius: 2.05vw;
    }

    /* PC固定ページ 対談・インタビュー */
    .common_fv.interview {
        padding: 0;
    }

    .interview_sec .head_box {
        padding: 6vw;
    }

    .interview_sec .head_box .text {
        font-size: 3.8vw;
    }

    .interview_sec .interview_cont {
        margin-top: 12vw;
    }

    .interview_sec .interview_cont ul li+li {
        margin-top: 10vw;
    }

    .interview_sec .interview_cont ul li .question {
        font-size: 3.8vw;
        margin: 0 calc(50% - 50vw);
        transform: translateY(20%);
    }

    .interview_sec .interview_cont ul li .question::before {
        width: 2vw;
        height: 3vw;
    }

    .interview_sec .interview_cont ul li .answer {
        padding: 8vw 5vw 5vw;
        font-size: 3.6vw;
    }

    .interview_sec .interview_cont ul li .answer .en {
        font-size: 4.5vw;
    }

    .interview_sec .interview_cont ul li .answer .name {
        font-size: 4vw;
    }

    .areaPage_sec ul li {
        width: 48%;
        margin: 1%;
    }

    .areaPage_sec.townPage th {
        width: 100%;
        display: block;
    }

    .areaPage_sec.townPage td {
        width: 100%;
        display: block;
        padding: 15px 0;
    }

    .areaPage_sec.townPage td ul li {
        width: 32.333%;
    }

    .areaPage_sec.townPage td ul li a {
        font-size: 3vw;
        padding: 2.5vw;
    }

    /* オーナー様へページ */
    .owner_head_sec .cont {
        padding: 10vw 5vw;
    }

    .owner_head_sec .cont .title {
        font-size: 4.8vw;
        line-height: 1.5;
        text-align: center;
        gap: 0 .8em;
    }

    .owner_head_sec .cont .text_box {
        margin-top: 5vw;
    }

    .owner_head_sec .cont .text_box .text {
        font-size: 3.5vw;
    }

    .owner_strong_sec .block {
        padding: 20vw 0;
    }

    .owner_strong_sec .page_title_box .num {
        font-size: 5vw;
    }

    .owner_strong_sec .page_title_box .page_title {
        font-size: 4.8vw;
    }

    .owner_strong_sec .cont {
        margin-top: 6vw;
    }

    .owner_strong_sec .cont ul li+li {
        margin-top: 12vw;
    }

    .owner_strong_sec .cont ul li {
        flex-direction: column-reverse;
    }

    .owner_strong_sec .cont ul li:nth-child(even) {
        flex-direction: column-reverse;
    }

    .owner_strong_sec .cont ul li .img {
        width: 100%;
    }

    .owner_strong_sec .cont ul li .img img {
        aspect-ratio: 2/1;
        min-width: 0;
    }

    .owner_strong_sec .cont ul li .text_area {
        padding: 5vw;
    }

    .owner_strong_sec .cont ul li .text_box .index {
        font-size: 4.3vw;
    }

    .owner_strong_sec .cont ul li .text_box .index::before {
        width: 2.5vw;
    }

    .owner_strong_sec .cont ul li .text_box .text {
        font-size: 3.6vw;
    }

    .owner_strong_sec .cont.worries ul li .label {
        font-size: 4.5vw;
        gap: 0 .6em;
    }

    .owner_strong_sec .cont.worries ul li .label::before {
        width: 6vw;
    }

    .owner_strong_sec .cont.worries ul li .text_box .text {
        font-size: 3.5vw;
        text-align: center;
    }

    .page_staff .staff_box .cont .img {
        width: 100%;
        height: 50vw;
        margin-bottom: 2.5vw;
    }

    .page_staff .staff_box .cont {}

    .page_staff .staff_box .cont .item .name_box .name {
        font-size: 5.2vw;
        margin-bottom: 0.6em;
    }

    .page_staff .staff_box .cont .text_box .text_area {
        flex-direction: column;
        gap: 2.5vw;
    }

    .page_staff .staff_box .cont .text_box .text_area .theme {
        font-size: 3.7vw;
    }

    .page_staff .staff_box .cont .text_box .text_area .text {
        font-size: 3.4vw;
    }

    .page_staff .staff_box .cont .text_box .text_area+.text_area {
        margin-top: 2.5vw;
        padding-top: 2.5vw;
    }

    .page_staff .staff_box {
        grid-template-columns: 1fr;
        gap: 10vw;
    }

    .page_staff .staff_box .cont .img_box .sub_img .img {
        height: 27vw;
    }

    .page_staff .staff_box .cont .img_box .sub_img {
        gap: 2.5vw;
    }

    .page_staff .staff_box .cont .img_box {
        margin-bottom: 4vw;
    }

}

@media (min-width: 1440px) {
    .top_banner .slide {
        width: 45.1vw !important;
    }

    .top_banner .slider {
        left: 27.4vw;
    }
}