@charset "UTF-8";

/*
Theme Name: child
Theme URI:
Description:
Template: twentytwentyone
Version: 1.0.0
*/

.flex_sb {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
}

:root {
    --main-color: #36a1e9;
    --sub-color: #ea6060;
}

@font-face {
    font-family: 'Bodoni72';
    src: url('../fonts/Bodoni72.ttc') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Holland';
    src: url('../fonts/Holland.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN2014Demi';
    src: url('../fonts/DIN-2014_Demi.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Bodoni72';
    src: url('../fonts/Bodoni72-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bodoni72';
    src: url('../fonts/Bodoni72-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.Bodoni72 {
    font-family: 'Bodoni72';
}

.Holland {
    font-family: 'Holland';
}

.DIN {
    font-family: "din-2014", sans-serif;
}

.font_din {
    font-family: 'DIN2014Demi', sans-serif;
}

.font_Bodoni {
    font-family: 'Bodoni72', serif;
}

.font_Holland {
    font-family: 'Holland';
}

html,
button,
input,
select,
textarea,
body,
body>* {
    font-family: "Noto Sans JP", sans-serif;
}

body,
body>* {
    color: #404040;
    font-size: 15px;
    line-height: 1.7;
}

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

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

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

body {
    background-color: #fff;
    color: #404040;
    line-height: 1.5;
}

html {
    font-size: 15px;
    scroll-behavior: smooth;
    scroll-padding-top: 20px;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html {
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
    background-color: #ffffff;
    overflow-x: hidden;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
    margin: 0;
}

a:link {
    color: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: opacity 0.5s;
    -webkit-text-decoration: none;
}

.top_page img {
    display: block;
    max-width: 100%;
    width: 100%;
}

.top_page img.pc {
    display: block;
}

.top_page img.sp {
    display: none;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sans {
    font-family: "Noto Sans JP", sans-serif;
}

.oh {
    overflow: hidden;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

.flex-sb {
    display: flex;
    justify-content: space-between;
}

.wrap {
    margin: 0 auto;

    /* 1190px(inner 1140 + padding 25*2) */
}

.wrap1340 {
    max-width: 1340px;
    margin: 0 auto;
}

.wrap1240 {
    max-width: 1240px;
    margin: 0 auto;
}

.wrap1140 {
    max-width: 1140px;
    margin: 0 auto;
}

.wrap1040 {
    max-width: 1040px;
    margin: 0 auto;
}

.commonBtn {
    box-shadow: 5px 5px 0 #404040;
    width: 260px;
    transition: 0.2s;
}

.commonBtn:hover {
    box-shadow: 0px 0px 0 #404040;
    transform: translate(5px, 5px);
}

.commonBtn a {
    display: block;
    padding: 20px;
    color: #404040;
    border: 1px solid #404040;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    background-color: #fff;
}

.commonBtn a:after {
    position: absolute;
    width: 26px;
    height: 26px;
    content: "";
    background-image: url(../image/arrow_grey.png);
    background-position: center;
    background-size: cover;
    right: -13px;
}

.wrap.mid {
    width: 1240px;
}

.wrap.lr {
    width: 1340px;
}

#pc_header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    height: 110px;
    transition: .5s;
    background: rgba(255, 255, 255, 0.65);
}

#pc_header .wrap {
    position: relative;
    padding-top: 34px;
}

#pc_header .main_logo a {
    display: block;
    width: 100%;
    height: 100%;
    color: #404040;
    font-size: 0;
    font-weight: 800;
    letter-spacing: 0.5em;
}

#pc_header .main_logo {
    width: 270px;
}

#pc_header .main_logo img {
    width: 100%;
}

#pc_header.scrolled {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 1px 5px #DDD;
}

/*　ハンバーガーボタン　*/
.hamburger {
    display: block;
    position: absolute;
    z-index: 99999;
    right: 0;
    top: 20px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    border: 1px solid var(--main-color);
}

.hamburger span {
    display: block;
    position: absolute;
    width: 30px;
    height: 3px;
    left: 20px;
    background: var(--main-color);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    border-radius: 10px;
}

.hamburger span:nth-child(1) {
    top: 24px;
}

.hamburger span:nth-child(2) {
    top: 33px;
}

.hamburger span:nth-child(3) {
    top: 42px;
}

/* sideの場合,popup1の場合ここから */
.hamburger.active span:nth-child(1) {
    top: 34px;
    left: 20px;
    -webkit-transform: rotate(335deg);
    -moz-transform: rotate(335deg);
    transform: rotate(335deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
    top: 34px;
    -webkit-transform: rotate(-335deg);
    -moz-transform: rotate(-335deg);
    transform: rotate(-335deg);
}

/* sideの場合,popup1の場合ここまで */

/* sideの場合ここから */
nav.globalMenuSp {
    position: fixed;
    z-index: 99998;
    top: 0;
    left: 0;
    color: #000;
    text-align: center;
    transform: translateX(100%);
    transition: all 0.6s;
    width: 100%;
    align-items: center;
    overflow: scroll;
}

nav.globalMenuSp .back {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(219, 255, 255, 0.4);
}

nav.globalMenuSp .back:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    backdrop-filter: blur(10px);
}

nav.globalMenuSp:before {
    content: "";
    background: #fff;
    width: calc((100% - 1140px) / 2);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

nav.globalMenuSp .wrap {
    position: relative;
    z-index: 2;
    background: #fff;
    height: 100vh;
    overflow: scroll;
    align-items: center;
    padding-left: 60px;
    background-image: url(../image/hamburger_woman.png);
    background-size: 360px;
    background-position: 57px bottom;
    background-repeat: no-repeat;
    min-height: 700px;
}

nav.globalMenuSp .in_wrap {
    width: 100%;
}

nav.globalMenuSp .text_area {
    width: 345px;
    position: relative;
    z-index: 2;
}

nav.globalMenuSp .text_area:before {
    content: "";
    width: 400px;
    height: 400px;
    background-image: url(../image/circle_accent.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -150px;
    top: -230px;
    z-index: -1;
}

nav.globalMenuSp .text_area .name {
    width: 300px;
    font-weight: bold;
    letter-spacing: .2em;
}

nav.globalMenuSp .text_area .name img {
    width: 100%;
}

nav.globalMenuSp .text_area .text {
    line-height: 2;
    text-align: justify;
    font-size: 13px;
    letter-spacing: .1em;
}

nav.globalMenuSp .link_area {
    width: calc(100% - 345px);
    padding-left: 88px;
}


nav.globalMenuSp .link_area ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 70px;
    margin-bottom: 70px;
}

nav.globalMenuSp .link_area ul li {
    text-align: left;
}

nav.globalMenuSp .link_area ul li a {
    color: initial;
    display: flex;
    border-bottom: 1px dashed #D3D3D3;
    padding-top: 12.5px;
    padding-bottom: 12.5px;
    background: url(../image/icon_arrow.svg) no-repeat;
    background-position: 100%;
}

nav.globalMenuSp .link_area .bottom_box {
    align-items: center;
}

nav.globalMenuSp .link_area .bottom_box .copyright small {
    font-size: 12px;
    color: #5D5D5D;
}

nav.globalMenuSp .link_area .bottom_box .insta {
    /* width: 30px; */
    /* height: 30px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

nav.globalMenuSp .link_area .bottom_box .insta img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* sideの場合ここまで */

nav.globalMenuSp.active {
    transform: translateX(0%);
}

#mainVisual {
    background-image: url(../image/mainVisual_bg.png);
    background-position: center;
    background-size: cover;
    padding: 80px 0;
}

#mainVisual .wrap1240 {
    display: flex;
    justify-content: space-between;
}

#mainVisual .leftBox {
    width: 620px;
}

#mainVisual .leftBox .ttlBox {
    margin-bottom: 18px;

}

#mainVisual .leftBox .ttlBox .midashi {
    font-size: 30px;
    letter-spacing: 5px;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
}

#mainVisual .leftBox .ttlBox .midashi:before {
    background-image: url(../image/midashi_dash_left.png);
    background-position: center;
    background-size: cover;
    content: "";
    width: 15px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

#mainVisual .leftBox .ttlBox .midashi:after {
    background-image: url(../image/midashi_dash_right.png);
    background-position: center;
    background-size: cover;
    content: "";
    width: 15px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

#mainVisual .leftBox .ttlBox h1 {
    background-color: #fff;
    font-size: 30px;
    letter-spacing: 4px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0px;

}

#mainVisual .leftBox .ttlBox h1 .blue_txt {
    color: #36a1e9;
    font-weight: 600;
    font-size: 52px;
}

#mainVisual .leftBox .ttlBox .companyName {
    text-align: center;
    font-size: 70px;
    font-weight: 800;
    letter-spacing: 20px;
}

#mainVisual .leftBox .butkenLeftBox .butkenInfo ul li .num {
    display: inline-block;
    color: var(--main-color);
    font-size: 170%;
    font-weight: 700;
    font-family: 'Bodoni72';
    margin-right: 0.2em;
}

#mainVisual .rightBox {
    width: 460px;
    position: relative;
    padding-top: 50px;
}

#mainVisual .leftBox .butkenLeftBox {
    background-color: #DBFFFF;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#mainVisual .leftBox .butkenLeftBox .butkenInfo {
    background-color: #fff;
    width: 280px;
}

#mainVisual .leftBox .butkenLeftBox .butkenInfo .ttl {
    background-color: #2D6471;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    padding: 5px;
}

#mainVisual .leftBox .butkenLeftBox .butkenInfo ul {
    padding: 5px 15px;
}

#mainVisual .leftBox .butkenLeftBox .butkenInfo ul li {
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px dotted #BEBEBE;
}

#mainVisual .leftBox .butkenLeftBox .butkenInfo ul li:last-child {
    border-bottom: 0px;
}

#mainVisual .leftBox .butkenLeftBox .attention {
    padding: 0px 12px 10px;
    font-size: 12px;
    color: #E20303;
}

#mainVisual .leftBox .butkenLeftBox .btnBox {
    width: 280px;
    text-align: center;
}

#mainVisual .leftBox .butkenLeftBox .btnBox .ttl {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

#mainVisual .leftBox .butkenLeftBox .btnBox .subTxt {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 20px;
}

#mainVisual .leftBox .butkenLeftBox .btnBox .linkBtn {
    background-color: #36a1e9;
    box-shadow: 4px 8px 0 #0081B5;
    transition: 0.2s;
}

#mainVisual .leftBox .butkenLeftBox .btnBox .linkBtn:hover {
    box-shadow: 0px 0px 0 #0081B5;
    transform: translate(4px, 8px);
}

#mainVisual .leftBox .butkenLeftBox .btnBox .linkBtn a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2px;
    display: block;
    padding: 20px;
}

#mainVisual .rightBox .inner {
    box-shadow: 10px -10px 0px #baeefe;
    position: relative;
}

#mainVisual .rightBox .inner:before {
    content: "";
    position: absolute;
    left: -0.5vw;
    bottom: -0.5vw;
    border: 0.5vw solid #fff;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

#mainVisual .rightBox .inner .list a {
    display: block;
    background: #fff;
    color: #000;
}

#mainVisual .rightBox .inner .list a .pic {
    height: 290px;
    overflow: hidden;
    position: relative;
}

#mainVisual .rightBox .inner .list a .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#mainVisual .rightBox .inner .list a .butkenInfo {
    padding: 20px;
}

#mainVisual .rightBox .inner .list a .butkenName {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

#mainVisual .rightBox .inner .list a .butkenPrice {
    color: #36a1e9;
    font-size: 20px;
}

#mainVisual .rightBox .inner .list a .butkenPrice span {
    font-size: 45px;
    margin: 0 4px;
    font-family: 'Bodoni72';
}

#mainVisual .rightBox .inner .list a .butkenMador {
    font-size: 14px;
    background-image: url(../image/madori_icon.png);
    background-position: left center;
    background-size: 24px;
    background-repeat: no-repeat;
    padding-left: 40px;
    margin-bottom: 15px;
}

#mainVisual .rightBox .inner .list a .butkenTrain {
    font-size: 14px;
    background-image: url(../image/train_icon.png);
    background-position: left center;
    background-size: 24px;
    background-repeat: no-repeat;
    padding-left: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

#mainVisual .rightBox .yellowBox {
    background-color: #F9FF6F;
    position: absolute;
    width: 130px;
    height: 130px;
    left: -65px;
    top: -15px;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding-top: 40px;
    letter-spacing: 2px;
    z-index: 2;

}

#mainVisual .rightBox .yellowBox span {
    color: #36a1e9;
}

#mainVisual .leftBox .ttlBox .companyName .small {
    font-size: 60%;
    display: inline-block;
    letter-spacing: 0.2em;
    margin-right: 0.5em;
}

#mainVisual .rightBox .inner .list a .butkenPrice .man,
#mainVisual .rightBox .inner .list a .butkenPrice .oku {
    font-size: 20px;
}

#mainVisual .rightBox .inner .list a .butkenPrice.property {
    display: none;
}

#staffSec {
    padding: 180px 0 100px;
}

#staffSec .wrap1140 {
    position: relative;
}

#staffSec .ttl_sec_box {
    display: flex;
    justify-content: space-between;
    position: relative;
}

#staffSec .ttl_sec_box:before {
    content: "";
    width: 300px;
    height: 280px;
    position: absolute;
    left: -50px;
    top: -80px;
    background-image: url(../image/staff_bg01.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    z-index: -1;
}

#staffSec .ttl_sec_box:after {
    content: "";
    width: 210px;
    height: 190px;
    position: absolute;
    right: -50px;
    top: 120px;
    background-image: url(../image/staff_bg02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    z-index: -1;
}

#staffSec .ttlBox {
    margin-bottom: 50px;
}

#staffSec .ttlBox h2 {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 5px;
}

#staffSec .ttlBox .en {
    color: #36a1e9;
    font-size: 20px;
    margin-bottom: 30px;
}

#staffSec .ttlBox .subTxt {
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 24px;
}

#staffSec .inner {
    overflow: hidden;
}

#staffSec .inner ul li {
    position: relative;
    margin: 0 15px;
    transition: .3s;
}

#staffSec .inner ul li a {
    display: block;
    color: #4A4A4A;
    position: relative;
}

#staffSec .inner ul li .pic {
    height: 350px;
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
}

#staffSec .inner ul li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

#staffSec .inner ul li .txtBox {
    padding: 20px;
    background-color: #fff;
}

#staffSec .inner ul li .txtBox .yakusyoku {
    font-size: 12px;
    margin-bottom: 10px;
}

#staffSec .inner ul li .txtBox .yakusyoku:before {
    content: "";
    width: 20px;
    height: 1px;
    background-color: #4A4A4A;
    display: inline-block;
    margin-right: 10px;
}

#staffSec .inner ul li .txtBox .name {
    font-size: 22px;
    letter-spacing: 2px;
}

#staffSec .inner ul li .txtBox .en {
    font-size: 12px;
}

#staffSec .inner ul li:nth-child(2n-1) .txtBox .en {
    color: #58D3D3;
}

#staffSec .inner ul li:nth-child(2n) .txtBox .en {
    color: #36a1e9;
}

#staffSec .inner ul li:nth-child(2n-1) .txtBox {
    border-bottom: 4px solid #58D3D3;
}

#staffSec .inner ul li:nth-child(2n) .txtBox {
    border-bottom: 4px solid #36a1e9;
}

#staffSec .inner ul li a:before {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
}

#staffSec .inner ul li.slick-current {
    transform: scale(1.1);
}

#staffSec .inner ul li.slick-current a:before {
    display: none;
}

#staffSec .inner ul li a:before {
    transition: .3s;
    background-color: rgba(226, 241, 247, 0.5);
}

#staffSec .inner .icon {
    position: absolute;
    left: 50%;
    translate: -50% -50%;
    top: 44%;
    cursor: pointer;
    z-index: 1;
    transition: 0.2s;
}

#staffSec .inner .icon:hover {
    opacity: 0.8;
}

#staffSec .inner .icon.right {
    transform: translateX(370%);
}

#staffSec .inner .icon.left {
    transform: translateX(-370%) rotate(-180deg);
}

#staffSec .inner .slick-slide {
    height: unset !important;
}

#staffSec .inner .slick-list {
    padding: 25px 15% !important;
}

#voiceSec {
    padding: 100px 0;
    position: relative;
}

#voiceSec .wrap_slider {
    padding-left: calc(50vw - 570px);
}

#voiceSec .wrap1140 {
    position: relative;
    height: 600px;
}

#voiceSec .ttlBox_sec {
    width: 250px;
    flex-shrink: 0;
}

#voiceSec .subTxt {
    width: 420px;
    height: 420px;
    background-image: url(../image/mushimegane_icon.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 13px;
    text-align: center;
    padding: 117px 71px 163px 162px;
    translate: -210px 0px;
    line-height: 20px;
    margin-top: 40px;
}

#voiceSec .ttlBox {
    writing-mode: vertical-rl;
}

#voiceSec .ttlBox h2 {
    font-size: 40px;
    letter-spacing: 5px;
}

#voiceSec .ttlBox .en {
    color: #36a1e9;
    font-size: 20px;
}

#voiceSec:before {
    background-color: #EDFDFF;
    content: "";
    width: 70%;
    height: 650px;
    position: absolute;
    z-index: -1;
    top: -25px;
    left: 0;
}

#voiceSec .inner .list .penguin_blog_parts+.penguin_blog_parts {
    margin: 0 7.5px;
}

#voiceSec .inner .list .penguin_blog_parts a {
    background-color: #fff;
    display: block;
    padding: 10px;
    color: #404040;
    position: relative;
}

#voiceSec .inner .list .penguin_blog_parts .penguin_blog_parts_img_box {
    height: 250px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

#voiceSec .inner .list .penguin_blog_parts .penguin_blog_parts_img_box img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#voiceSec .inner .list .penguin_blog_parts .penguin_blog_parts_ttl {
    font-family: "vdl-penletter", sans-serif;
    margin-bottom: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

#voiceSec .inner .list .penguin_blog_parts .no {
    width: 80px;
    height: 26px;
    background-image: url(../image/voice_bg_white.png);
    background-position: center;
    background-size: 100%;
    color: #36a1e9;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 2px;
    transition: .3s;
}

#voiceSec .inner .list .penguin_blog_parts a:hover .no {
    background-image: url(../image/voice_bg_blue.png);
    color: #fff;
}

#voiceSec .inner .list .penguin_blog_parts .circle {
    position: absolute;
    right: 30px;
    bottom: 17px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #36a1e9;
    transition: .3s;
}

#voiceSec .inner .list .penguin_blog_parts a:hover .circle {
    box-shadow: 0 0 5px rgba(57, 197, 255, 0.96);
}

#voiceSec .inner .list .penguin_blog_parts:active .circle:before {
    position: absolute;
    right: 30px;
    bottom: 17px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: rgba(19, 186, 255, 0.9);
    content: "";
    display: block;
}

#voiceSec .commonBtn {
    margin-left: 570px;
    margin-top: 120px;
}

#voiceSec .box_sec {
    display: flex;
    gap: 50px;
    align-items: center;
}

#voiceSec .box_sec .slider_sec {
    width: 100%;
}

#voiceSec .box_sec .icon {
    position: absolute;
    bottom: -190px;
    left: 50%;
    cursor: pointer;
    z-index: 1;
}

#voiceSec .box_sec .icon.left {
    translate: -640px 0;
    transform: rotate(-180deg);
}

#voiceSec .box_sec .icon.right {
    translate: -370px 0;
}

#voiceSec .box_sec .icon {
    position: absolute;
}

#voiceSec .slick-dots {
    bottom: -160px;
    left: -490px;

}

#voiceSec .slick-dots li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
}

#voiceSec .slick-dots li button {
    background: #E6E6E6;
}

#voiceSec .slick-dots li.slick-active button {
    background: #8BC0D6;
}

#voiceSec .inner .list .penguin_blog_parts a .penguin_blog_parts_date {
    display: none;
}

#voiceSec .inner .list .penguin_blog_parts a .penguin_blog_parts_text {
    display: none;
}

#voiceSec .inner .list .penguin_blog_parts a::before {
    content: "VOICE";
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 80px;
    height: 26px;
    background-image: url(../image/voice_bg_white.png);
    background-position: center;
    background-size: 100%;
    color: #36a1e9;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 2px;
    transition: .3s;
    font-family: "din-2014", sans-serif;
}

#voiceSec .inner .list .penguin_blog_parts a:hover::before {
    background-image: url(../image/voice_bg_blue.png);
    color: #FFF;
}

#voiceSec .inner .list .penguin_blog_parts a::after {
    content: "";
    position: absolute;
    right: 30px;
    bottom: 17px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #36a1e9;
    transition: .3s;
}

#voiceSec .inner .list .penguin_blog_parts a:hover::after {
    box-shadow: 0 0 5px rgba(57, 197, 255, 0.96);
}

#voiceSec .js_voice_slider .slick-list {
    padding-left: 7.5px;
}

#newsSec {
    padding: 120px 0;
}

#newsSec .wrap1140 {
    background-color: #F8F8F8;
    position: relative;
    padding: 50px 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#newsSec .wrap1140:before {
    content: "NEWS";
    background-color: #F8F8F8;
    position: absolute;
    left: 0;
    top: -30px;
    color: #36a1e9;
    font-family: "din-2014", sans-serif;
    font-weight: 500;
    padding: 5px 50px;
}

#newsSec .ttlBox {
    width: 320px;
}

#newsSec .ttlBox h2 {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 5px;
    margin-bottom: 20px;
}

#newsSec .ttlBox .subTxt {
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 24px;
    margin-bottom: 50px;
}

#newsSec .inner {
    width: 620px;
}

#newsSec .inner .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#newsSec .inner .list .penguin_blog_parts {
    background-color: #fff;
    width: 300px;
    margin-bottom: 15px;
}

#newsSec .inner .list .penguin_blog_parts a {
    display: block;
    padding: 20px 20px 40px;
    color: #404040;
    background-image: url(../image/news_arrow.png);
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center bottom 10px;
    transition: 0.2s;
    height: 100%;
}

#newsSec .inner .list .penguin_blog_parts a:hover {
    color: #36a1e9;
    background-position: right 10px bottom 10px;
}

#newsSec .inner .list .penguin_blog_parts a .penguin_blog_parts_date {
    color: #B8BBBC;
    font-size: 14px;
}

#newsSec .inner .list .penguin_blog_parts a .penguin_blog_parts_ttl {
    font-size: 15px;
    letter-spacing: 1px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-weight: 400;
}

#newsSec .inner .list .penguin_blog_parts a .penguin_blog_parts_img_box {
    display: none;
}

#newsSec .inner .list .penguin_blog_parts a .penguin_blog_parts_text {
    display: none;
}

#instaSec {
    padding: 50px 0;
    position: relative;
}

#instaSec:before {
    content: "";
    background-color: #FFFCB7;
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: 92%;
    z-index: -1;
}

#instaSec .wrap1140 {
    position: relative;
    padding: 10px 0;
}

#instaSec .wrap1140:before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: -5%;
    top: -4%;
    width: 110%;
    height: 110%;
    z-index: -1;
    transform: rotate(-2.5deg);
    border: 5px solid #FFFCB7;

}

#instaSec .ttlBox {
    width: 80%;
    margin: auto;
    margin-bottom: 20px;
}

#instaSec .inner {
    margin-bottom: 30px;
}

#instaSec .inner ul {
    display: flex;
    justify-content: space-between;
}

#instaSec .inner ul li {
    width: 19%;
    box-shadow: 0 2px 4px rgba(39, 39, 39, .16);
}

#instaSec .link_btn .commonBtn {
    margin: auto;
}

#instaSec .inner ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#campaignSec {
    padding: 150px 0 100px;
}

#whatSiteSec {
    padding: 277px 0 50px;
    background-image: url(../image/flow_mansion_bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 2500px;
    position: relative;
}

#whatSiteSec::before {
    z-index: -1;
    background-image: linear-gradient(to top, rgb(235, 255, 255), rgba(243, 255, 255, 0));
    position: absolute;
    bottom: 20%;
    width: 100%;
    height: 50%;
    /* content: ""; */
}


#whatSiteSec .ttlBox {
    width: 750px;
    margin: auto;
    margin-bottom: 60px;
    text-align: center;
    position: relative;
}

#whatSiteSec .lead_text_area {
    margin: 0 auto 130px;
    text-align: center;
    font-size: 15px;
}

#whatSiteSec .ttlBox:before {
    content: "";
    width: 100%;
    height: 18px;
    background-color: #FCFFAC;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: -1;
}

#whatSiteSec .ttlBox .fukidashi {
    color: #fff;
    text-align: center;
    background-color: #256D8B;
    width: 400px;
    font-size: 20px;
    letter-spacing: 2px;
    padding: 5px;
    margin: auto;
    margin-bottom: 30px;
    position: relative;
}

#whatSiteSec .ttlBox .fukidashi span {
    font-size: 24px;
    font-weight: 600;
}

#whatSiteSec .ttlBox .fukidashi:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 12px solid #256D8B;
    border-bottom: 0;
}

#whatSiteSec .ttlBox h2 {
    font-size: 28px;
    letter-spacing: 4px;
    line-height: 52px;
}

#whatSiteSec .ttlBox h2 .big {
    font-size: 34px;
    letter-spacing: 6px;
}

#whatSiteSec .ttlBox h2 .blue {
    color: #36a1e9;
}

#whatSiteSec .inner {
    width: 1240px;
    margin: auto;
    background-color: #f7f7f7;
    position: relative;
    padding: 120px 100px 50px 100px;
}

#whatSiteSec .inner .h3Box {
    width: 720px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: -55px;
}

#whatSiteSec .inner .hikakuBox {
    display: flex;
}

#whatSiteSec .inner .hikakuBox .hikakuCell {
    width: 45%;
    background-color: #fff;
    padding: 25px;
    position: relative;
}

#whatSiteSec .inner .hikakuBox .hikakuCell.jurai {
    box-shadow: 10px 10px 0 #4A4A4A;


}

#whatSiteSec .inner .hikakuBox .hikakuCell.solidhouse {
    box-shadow: 10px 10px 0 #36a1e9;
}

#whatSiteSec .inner .hikakuBox .hikakuCell:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: -12px;
    top: -12px;
}

#whatSiteSec .inner .hikakuBox .hikakuCell.jurai:before {
    border: 2px solid #4A4A4A;
}

#whatSiteSec .inner .hikakuBox .hikakuCell.solidhouse:before {
    border: 2px solid #36a1e9;
}

#whatSiteSec .inner .hikakuBox .hikakuCell h3 {
    text-align: center;
    background-color: #4A4A4A;
    width: 60%;
    border-radius: 25px;
    color: #fff;
    font-size: 20px;
    margin: auto;
    margin-top: -55px;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
}

#whatSiteSec .inner .hikakuBox .hikakuCell.solidhouse h3 {
    background-color: #36a1e9;
}

#whatSiteSec .inner .hikakuBox .hikakuCell .icon {
    width: 30%;
    margin: auto;
    margin-bottom: 30px;
}

#whatSiteSec .inner .hikakuBox .hikakuCell li {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #d2d2d2;
    padding-left: 35px;
    background-size: 20px;
    background-position: left top;
    background-repeat: no-repeat;
}

#whatSiteSec .inner .hikakuBox .hikakuCell li .blue {
    color: #14A3DE;
}

#whatSiteSec .inner .hikakuBox .hikakuCell.jurai li {
    background-image: url(../image/whatSite_hikakuCell_icon_check.png);
}

#whatSiteSec .inner .hikakuBox .hikakuCell.solidhouse li {
    background-image: url(../image/whatSite_hikakuCell_icon_house.png);
}

#whatSiteSec .inner .hikakuBox .hikakuArrow {
    width: 10%;
    background-image: url(../image/whatSite_arrow_y.png);
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
}

#whatSiteSec .inner .chara {
    width: 250px;
    position: absolute;
    bottom: 0;
    right: 10px;
}

#reasonSec {
    padding: 50px 0;
}

#reasonSec .ttlBox {
    margin-bottom: 30px;
}

#reasonSec .ttlBox h2 {
    width: 500px;
    margin: 42px auto;
}

#reasonSec .ttlBox .subTxt {
    text-align: center;
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 24px;
}

#reasonSec .inner li {
    margin-bottom: 30px;
    border: 2px solid #36a1e9;
    display: flex;
    align-items: center;
}

#reasonSec .inner li .img {
    width: 380px;
}

#reasonSec .inner li .txtBox {
    width: 760px;
    padding: 25px;
    position: relative;
}

#reasonSec .inner li .txtBox .mainTxt {
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 500;
    color: #404040;
    padding-left: 95px;
    margin-bottom: 25px;
    background-repeat: no-repeat;
    background-size: 76px;
    background-position: left center;
}

#reasonSec .inner li:nth-child(1) .txtBox .mainTxt {
    background-image: url(../image/reason_point01_icon.png);
}

#reasonSec .inner li:nth-child(2) .txtBox .mainTxt {
    background-image: url(../image/reason_point02_icon.png);
}

#reasonSec .inner li:nth-child(3) .txtBox .mainTxt {
    background-image: url(../image/reason_point03_icon.png);
}

#reasonSec .inner li .txtBox .mainTxt span {
    position: relative;
}

#reasonSec .inner li .txtBox .mainTxt span:before {
    content: "";
    width: 100%;
    height: 12px;
    background-color: #FCFFAC;
    position: absolute;
    left: 0;
    bottom: -6px;
    z-index: -1;
}

#reasonSec .inner li .txtBox .subTxt {
    font-size: 15px;
}

#reasonSec .inner li .txtBox .en {
    position: absolute;
    right: -20px;
    bottom: -50px;
    font-size: 64px;
    color: #5DECFF;
    transform: rotate(-10deg)
}

#reasonSec .inner li.change_ver .img {
    order: 1;
}

#supportSec {
    padding: 50px 0 0;
    position: relative;
}

#supportSec:before {
    z-index: -1;
    background-image: linear-gradient(to top, #ebffff, rgba(243, 255, 255, 0));
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 160%;
    /* content: ""; */
}

#supportSec .ttlBox {
    margin-bottom: 30px;
}

#supportSec .ttlBox .fukidashi {
    color: #fff;
    text-align: center;
    background-color: #58D3D3;
    width: 600px;
    font-size: 18px;
    letter-spacing: 2px;
    padding: 5px;
    border-radius: 25px;
    margin: auto;
    margin-bottom: 30px;
    position: relative;
}

#supportSec .ttlBox .fukidashi:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 12px solid #58D3D3;
    border-bottom: 0;
}

#supportSec .ttlBox h2 {
    text-align: center;
    font-size: 34px;
    letter-spacing: 4px;
    margin-bottom: 20px;
}

#supportSec .ttlBox h2 span {
    position: relative;
}

#supportSec .ttlBox h2 span:before {
    content: "";
    width: 140px;
    height: 65px;
    position: absolute;
    left: -12px;
    bottom: -10px;
    z-index: -1;
    background-image: url(../image/nijuumaru_bl.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#supportSec .ttlBox .subTxt {
    text-align: center;
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 24px;
}

#supportSec .inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#supportSec .inner ul li {
    width: 24%;
    margin-bottom: 15px;
    position: relative;
}

#supportSec .inner ul li .ttxBox {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px 10px 50px;
}

#supportSec .inner ul li.small .ttxBox {
    font-size: 14px;
    line-height: 17px;
    padding: 5px 20px 5px 50px;
}

#supportSec .inner ul li .ttxBox:before {
    background-color: #58D3D3;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    color: #fff;
    font-family: "din-2014", sans-serif;
    font-size: 16px;
    padding-top: 10px;
    box-sizing: border-box;
    font-weight: 600;
}

#supportSec .inner ul li:nth-child(1) .ttxBox:before {
    content: "01";
}

#supportSec .inner ul li:nth-child(2) .ttxBox:before {
    content: "02";
}

#supportSec .inner ul li:nth-child(3) .ttxBox:before {
    content: "03";
}

#supportSec .inner ul li:nth-child(4) .ttxBox:before {
    content: "04";
}

#supportSec .inner ul li:nth-child(5) .ttxBox:before {
    content: "05";
    line-height: 25px;
}

#supportSec .inner ul li:nth-child(6) .ttxBox:before {
    content: "06";
}

#supportSec .inner ul li:nth-child(7) .ttxBox:before {
    content: "07";
}

#supportSec .inner ul li:nth-child(8) .ttxBox:before {
    content: "08";
}

#propertySec {
    padding: 50px 0 100px;
}

#propertySec .ttlBox {
    text-align: center;
    margin-bottom: 50px;
}

#propertySec .ttlBox h2 {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 5px;
}

#propertySec .ttlBox .en {
    color: #36a1e9;
    font-size: 20px;
    margin-bottom: 30px;
}

#propertySec .ttlBox .subTxt {
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 24px;
}

#propertySec .inner {
    margin-bottom: 30px;
    position: relative;
}

#propertySec .inner:before {
    content: "";
    position: absolute;
    right: 0;
    top: -221px;
    width: 320px;
    height: 222px;
    background-image: url(../image/property_chara.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#propertySec .inner .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#propertySec .inner .list a {
    width: 360px;
    border: 1px solid #36a1e9;
    padding: 20px;
    margin-bottom: 20px;
}

#propertySec .inner .list a {
    color: #404040;
}

#propertySec .inner .list a .pic {
    height: 200px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

#propertySec .inner .list a .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-bottom: 0;
    transition: 0.2s;
}

#propertySec .inner .list a:hover .pic img {
    transform: scale(1.2);
}

#propertySec .inner .list a .butkenName {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 10px;
    transition: 0.2s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

#propertySec .inner .list a:hover .butkenName {
    color: #36a1e9;
}

#propertySec .inner .list a .butkenPrice {
    color: #36a1e9;
    font-size: 20px;
}

#propertySec .inner .list a .butkenPrice span {
    font-size: 32px;
    margin: 0 4px;
    font-family: 'Bodoni72';
}

#propertySec .inner .list a .butkenMador {
    font-size: 13px;
    background-image: url(../image/madori_icon.png);
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-bottom: 15px;
}

#propertySec .inner .list a .butkenTrain {
    font-size: 13px;
    background-image: url(../image/train_icon.png);
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

#propertySec .inner .list a .butkenPrice.mv {
    display: none;
}

#propertySec .inner .list a .butkenPrice .oku,
#propertySec .inner .list a .butkenPrice .man {
    font-size: 20px;
}

#propertySec .commonBtn {
    margin: auto;
}

#menuSec {
    padding: 50px 0 100px;
}

#menuSec .wrap1140>* {
    background-color: #58D3D3;
    padding: 0 20px 20px;
}

#menuSec .wrap1140 .sellerBox {
    background-color: #36a1e9;
}

#menuSec .wrap1140 .buyerBox {
    margin-bottom: 80px;
}

#menuSec .wrap1140 .ttlBox h2 {
    font-size: 30px;
    color: #fff;
    letter-spacing: 2px;
    padding: 15px 15px 15px 120px;
    position: relative;
}

#menuSec .wrap1140 .ttlBox h2:before {
    width: 80px;
    height: 80px;
    background-color: #fff;
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#menuSec .wrap1140 .buyerBox .ttlBox h2:before {
    border: 2px solid #58D3D3;
    background-image: url(../image/buyer_ttl_icon.png);
    background-size: 60%;
}

#menuSec .wrap1140 .sellerBox .ttlBox h2:before {
    border: 2px solid #36a1e9;
    background-image: url(../image/seller_ttl_icon.png);
    background-size: 40%;
}

#menuSec .wrap1140 .ttlBox h2:after {
    position: absolute;
    top: 26px;
    right: 0px;
    font-size: 16px;
    color: #F5FF00;
    font-weight: 500;
}

#menuSec .wrap1140 .buyerBox .ttlBox h2:after {
    content: "- FOR BUYER";
}

#menuSec .wrap1140 .sellerBox .ttlBox h2:after {
    content: "- FOR SELLER";
}

#menuSec .wrap1140 .inner {
    background-color: #fff;
    padding: 20px;
}

#menuSec .wrap1140 .inner ul {
    display: flex;
    justify-content: space-between;
}

#menuSec .wrap1140 .inner ul li {
    width: 19%;
}

#menuSec .wrap1140 .inner ul li a {
    background-color: #F5F5F5;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #404040;
    position: relative;
    padding: 100px 0 20px 0;
    transition: 0.2s;
}

#menuSec .wrap1140 .inner ul li a:hover {
    background-color: #58D3D3;
    color: #fff;
}

#menuSec .wrap1140 .sellerBox .inner ul li a:hover {
    background-color: #36a1e9;
}

#menuSec .wrap1140 .inner ul li a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #58D3D3 transparent;
    border-width: 0px 0px 12px 12px;
    transition: 0.2s;
}

#menuSec .wrap1140 .sellerBox .inner ul li a:after {
    border-color: transparent transparent #36a1e9 transparent;
}

#menuSec .wrap1140 .inner ul li:hover a:after {
    border-color: transparent transparent #256D8B transparent;
}

#menuSec .wrap1140 .sellerBox .inner ul li:hover a:after {
    border-color: transparent transparent #05658D transparent;
}

#menuSec .wrap1140 .inner ul li.double a {
    line-height: 18px;
    padding: 93px 0 15px 0;

}

#menuSec .wrap1140 .inner ul li a .icon {
    margin: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
}

#menuSec .wrap1140 .buyerBox .inner ul li.map a .icon {
    width: 80px;
    height: 59px;
    background-image: url(../image/buyer_icon_map_gr.png);
}

#menuSec .wrap1140 .buyerBox .inner ul li.line a .icon {
    width: 50px;
    height: 59px;
    background-image: url(../image/buyer_icon_line_gr.png);

}

#menuSec .wrap1140 .buyerBox .inner ul li.area a .icon {
    width: 56px;
    height: 66px;
    background-image: url(../image/buyer_icon_area_gr.png);

}

#menuSec .wrap1140 .buyerBox .inner ul li.flow a .icon {
    width: 41px;
    height: 68px;
    background-image: url(../image/buyer_icon_flow_gr.png);
}

#menuSec .wrap1140 .buyerBox .inner ul li.guide a .icon {
    width: 45px;
    height: 59px;
    background-image: url(../image/buyer_icon_guide_gr.png);
    top: 23px;
}

#menuSec .wrap1140 .sellerBox .inner ul li.satei a .icon {
    width: 85px;
    height: 47px;
    background-image: url(../image/seller_icon_satei_bl.png);
    top: 27px;

}

#menuSec .wrap1140 .sellerBox .inner ul li.flow a .icon {
    width: 41px;
    height: 68px;
    background-image: url(../image/seller_icon_flow_bl.png);
}

#menuSec .wrap1140 .sellerBox .inner ul li.system a .icon {
    width: 53px;
    height: 62px;
    background-image: url(../image/seller_icon_system_bl.png);

}

#menuSec .wrap1140 .sellerBox .inner ul li.leaseback a .icon {
    width: 65px;
    height: 68px;
    background-image: url(../image/seller_icon_leaseback_bl.png);

}

#menuSec .wrap1140 .sellerBox .inner ul li.top a .icon {
    width: 50px;
    height: 50px;
    background-image: url(../image/seller_icon_top_bl.png);
    top: 29px;

}

#menuSec .wrap1140 .buyerBox .inner ul li.map a:hover .icon {
    background-image: url(../image/buyer_icon_map_wt.png);
}

#menuSec .wrap1140 .buyerBox .inner ul li.line a:hover .icon {
    background-image: url(../image/buyer_icon_line_wt.png);
}

#menuSec .wrap1140 .buyerBox .inner ul li.area a:hover .icon {
    background-image: url(../image/buyer_icon_area_wt.png);
}

#menuSec .wrap1140 .buyerBox .inner ul li.flow a:hover .icon {
    background-image: url(../image/buyer_icon_flow_wt.png);
}

#menuSec .wrap1140 .buyerBox .inner ul li.guide a:hover .icon {
    background-image: url(../image/buyer_icon_guide_wt.png);
}

#menuSec .wrap1140 .sellerBox .inner ul li.satei a:hover .icon {
    background-image: url(../image/seller_icon_satei_wt.png);
}

#menuSec .wrap1140 .sellerBox .inner ul li.flow a:hover .icon {
    background-image: url(../image/seller_icon_flow_wt.png);
}

#menuSec .wrap1140 .sellerBox .inner ul li.system a:hover .icon {
    background-image: url(../image/seller_icon_system_wt.png);

}

#menuSec .wrap1140 .sellerBox .inner ul li.leaseback a:hover .icon {
    background-image: url(../image/seller_icon_leaseback_wt.png);
}

#menuSec .wrap1140 .sellerBox .inner ul li.top a:hover .icon {
    background-image: url(../image/seller_icon_top_wt.png);
}

#buysellSec {
    padding: 100px 0 80px;
}

#buysellSec .buysellBox {
    position: relative;
}

#buysellSec .buysellBox:before {
    z-index: -2;
    position: absolute;
    top: 190px;
    width: 100%;
    height: 75%;
    content: "";

}

#buysellSec .buysellBox.buy:before {
    background-image: linear-gradient(to bottom, #F0FFFF, rgba(243, 255, 255, 0));
}

#buysellSec .buysellBox.sell:before {
    background-image: linear-gradient(to bottom, #EFFBFF, rgba(243, 255, 255, 0));
}

#buysellSec .buysellBox .ttlBox {
    position: absolute;
    top: 0;
    z-index: 1;
}

#buysellSec .buysellBox.sell .ttlBox {}

#buysellSec .buysellBox.buy .ttlBox {
    left: 50%;
    margin-left: -570px;
}

#buysellSec .buysellBox.sell .ttlBox {
    right: 50%;
    margin-right: -570px;
}

#buysellSec .buysellBox .ttlBox .en {
    font-size: 140px;
    line-height: 140px;
}

#buysellSec .buysellBox.buy .ttlBox .en {
    color: #58D3D3;
}

#buysellSec .buysellBox.sell .ttlBox .en {
    color: #36a1e9;
}

#buysellSec .buysellBox .ttlBox h2 {
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 50px;
}

#buysellSec .buysellBox .ttlBox h2:before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #404040;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}


#buysellSec .buysellBox .ttlBox .commonBtn a {
    background-color: #fff;
}

#buysellSec .buysellBox .introduction {
    padding-top: 100px;
    margin-bottom: 80px;
    position: relative;
}

#buysellSec .buysellBox .introduction:before {
    z-index: -1;
    position: absolute;
    top: 50px;
    background-color: #fff;
    width: 62%;
    content: "";
}

#buysellSec .buysellBox.buy .introduction:before {
    right: 0;
    height: 610px;
}

#buysellSec .buysellBox.sell .introduction:before {
    left: 0;
    height: 610px;
}

#buysellSec .buysellBox .introduction .inner {
    width: 60%;
}

#buysellSec .buysellBox.buy .introduction .inner {
    margin: 0 0 0 auto;
}

#buysellSec .buysellBox.sell .introduction .inner {}

#buysellSec .buysellBox .introduction .inner .pic {
    margin-bottom: 30px;
}

#buysellSec .buysellBox .introduction .inner .mainTxt {
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 20px;
}

#buysellSec .buysellBox.buy .introduction .inner .mainTxt span {
    color: #58D3D3;
}

#buysellSec .buysellBox.sell .introduction .inner .mainTxt span {
    color: #36a1e9;
}

#buysellSec .buysellBox .introduction .inner .subTxt {
    font-size: 14px;
}

#buysellSec .buysellBox.buy .flowBox {
    margin-bottom: 150px;
}

#buysellSec .buysellBox .flowBox .txtBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
}

#buysellSec .buysellBox .flowBox .txtBox .mainTxt h3 {
    font-size: 28px;
    letter-spacing: 1px;
    position: relative;
}

#buysellSec .buysellBox .flowBox .txtBox .mainTxt h3:before {
    content: "FLOW";
    position: absolute;
    left: 0;
    bottom: -30px;
    font-size: 14px;
    color: #58D3D3;
}

#buysellSec .buysellBox .flowBox .txtBox .subTxt {
    font-size: 14px;
    width: 75%;
}

#buysellSec .buysellBox .flowBox ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow-x: scroll;
    gap: 0 10px;
}

#buysellSec .buysellBox .flowBox ul li.circle {
    width: 200px;
    text-align: center;
    border: 2px solid #58D3D3;
    border-radius: 100%;
    padding: 138px 0 10px;
    background-color: #fff;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background-position: top 30px center;
    background-size: 103px;
    background-repeat: no-repeat;
}

#buysellSec .buysellBox .flowBox ul li.circle.circle01 {
    background-image: url(../image/buysellSec_step01.png);
}

#buysellSec .buysellBox .flowBox ul li.circle.circle02 {
    background-image: url(../image/buysellSec_step02.png);
}

#buysellSec .buysellBox .flowBox ul li.circle.circle03 {
    background-image: url(../image/buysellSec_step03.png);
}

#buysellSec .buysellBox .flowBox ul li.circle.circle04 {
    background-image: url(../image/buysellSec_step04.png);
}

#buysellSec .buysellBox .flowBox ul li.circle.circle05 {
    background-image: url(../image/buysellSec_step05.png);
}

#buysellSec .buysellBox .flowBox ul li.circle.circle06 {
    background-image: url(../image/buysellSec_step06.png);
}

#buysellSec .buysellBox .flowBox ul li.circle.circle07 {
    background-image: url(../image/buysellSec_step07.png);
}

#buysellSec .buysellBox .flowBox ul li.circle.circle08 {
    background-image: url(../image/buysellSec_step08.png);
}

#buysellSec .buysellBox .flowBox ul li.circle span {
    display: block;
    font-size: 14px;
    color: #ADADAD;
}

#buysellSec .buysellBox .flowBox ul li.connect {
    width: 91.2px;
    height: 2px;
    background-color: #33ACAC;
    position: relative;
    flex-shrink: 0;
}

#buysellSec .buysellBox .flowBox ul li.connect:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #33ACAC;
    position: absolute;
    left: -5px;
    top: -4px;
}

#buysellSec .buysellBox .flowBox ul li.connect:after {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #33ACAC;
    position: absolute;
    right: -5px;
    top: -4px;
}

#faqSec {
    padding: 50px 0 150px;
}

#faqSec .ttlBox {
    text-align: center;
    margin-bottom: 50px;
}

#faqSec .ttlBox h2 {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 5px;
}

#faqSec .ttlBox .en {
    color: #36a1e9;
    font-size: 20px;
    margin-bottom: 30px;
}

#faqSec .ttlBox .subTxt {
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 24px;
}

#faqSec .inner {
    margin-bottom: 50px;
}

#faqSec .commonBtn {
    margin: auto;
}

#faqSec .inner ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#faqSec .inner ul li {
    width: 49%;
    margin-bottom: 30px;
    border: 1px solid #A6DBF0;
    padding: 20px;
    position: relative;
    background-color: #fff;
}

#faqSec .inner ul li:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 10px;
    top: 10px;
    background-image: linear-gradient(45deg, #FFF 45%, #D9F7F8 15%, #D9F7F8 15%, #FFF 55%);
    z-index: -1;
    background-size: 10px 10px;
}

#faqSec .inner ul li .ttl {
    position: relative;
    font-size: 16px;
    color: #404040;
    padding-left: 30px;
    padding-top: 16px;
    font-weight: 600;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

#faqSec .inner ul li .ttl:before {
    content: "Q.";
    position: absolute;
    left: 0;
    top: 0;
    font-family: "din-2014", sans-serif;
    font-size: 28px;
    color: #36a1e9;
    font-weight: 500;
}

#faqSec .inner ul li .answer {
    position: relative;
    font-size: 14px;
    color: #5D5D5D;
    padding-left: 30px;
    padding-top: 16px;
}

#faqSec .inner ul li .answer:before {
    content: "A.";
    position: absolute;
    left: 0;
    top: 0;
    font-family: "din-2014", sans-serif;
    font-size: 28px;
    color: #58D3D3;
}

#tokyozijoSec {
    padding: 50px 0 100px;
}

#tokyozijoSec .wrap1140 {
    position: relative;
}

#tokyozijoSec .wrap1140 .icon.left {
    position: absolute;
    left: -35px;
    top: 125px;
    z-index: 1;
    cursor: pointer;
}

#tokyozijoSec .wrap1140 .icon.right {
    position: absolute;
    right: -35px;
    top: 125px;
    z-index: 1;
    cursor: pointer;
}

#tokyozijoSec .wrap1140 .icon {
    transition: 0.2s;
}

#tokyozijoSec .wrap1140 .slick-dots li {
    display: none;
}

#tokyozijoSec .wrap1140 .icon:hover {
    opacity: 0.8;
}

#tokyozijoSec li {
    background-color: #E5F8F8;
    padding: 25px;
    display: flex;
    height: auto;
}

#tokyozijoSec li .leftBox {
    width: 400px;
}

#tokyozijoSec li .rightBox {
    width: 690px;
    padding: 25px;
    background-color: #fff;
    position: relative;
}

#tokyozijoSec li.tokyorealestate .rightBox:before {
    content: "Tokyo real estate";
    color: #58D3D3;
    font-family: 'Holland';
    font-size: 40px;
    position: absolute;
    transform: rotate(-10deg);
    right: 40px;
}

#tokyozijoSec li.liveintokyo .rightBox:before {
    content: "Live in Tokyo";
    color: #58D3D3;
    font-family: 'Holland';
    font-size: 40px;
    position: absolute;
    transform: rotate(-10deg);
    right: 40px;
}

#tokyozijoSec li .rightBox h3 {
    font-size: 20px;
    letter-spacing: 2px;
    margin-bottom: 25px;
}


#tokyozijoSec li .rightBox h3:after {
    content: "";
    width: 50px;
    height: 2px;
    background-color: #58D3D3;
    display: block;
    margin-top: 20px;
}

#tokyozijoSec li .rightBox .ttl {
    font-size: 14px;
    line-height: 24px;
}

#footer {
    background-image: linear-gradient(45deg, #CEF3FF 45%, #D9F7F8 45%, #D9F7F8 55%, #CEF3FF 55%);
    background-size: 20px 20px;
    padding: 50px;
}


#footer .wrap1240 {
    background-color: #fff;
    padding: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#footer .wrap1240 .leftBox {
    width: 500px;
    padding-right: 48px;
    border-right: 1px dashed #D0D0D0;

}

#footer .wrap1240 .leftBox .companyName {
    font-size: 40px;
    /* font-weight: 800; */
    letter-spacing: 20px;
    width: 300px;
}

#footer .wrap1240 .leftBox .companyName img {
    width: 100%;
}

#footer .wrap1240 .leftBox .subTxt {
    font-size: 13px;
    color: #5D5D5D;
    margin-bottom: 20px;

}

#footer .wrap1240 .leftBox .map {
    height: 150px;
    margin-bottom: 20px;
}

#footer .wrap1240 .leftBox .map iframe {
    width: 100%;
    height: 100%;
}

#footer .wrap1240 .leftBox .companyInfo {
    font-size: 13px;
    margin-bottom: 20px;
}

#footer .wrap1240 .leftBox .instaIcon {
    width: 30px;
    margin-bottom: 20px;
}

#footer .wrap1240 .leftBox .copyright {
    font-size: 12px;
}


#footer .wrap1240 .rightBox {
    width: 700px;
    padding-left: 50px
}

#footer .wrap1240 .rightBox .mailBox {
    margin-bottom: 30px;

}

#footer .wrap1240 .rightBox .mailBox .ttl {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

#footer .wrap1240 .rightBox .mailBox .ttl:after {
    content: "";
    display: inline-block;
    width: 355px;
    height: 1px;
    background-color: #404040;
    vertical-align: middle;
    margin-left: 20px;
}

#footer .wrap1240 .rightBox .mailBox ul {
    display: flex;
    justify-content: space-between;
}

#footer .wrap1240 .rightBox .mailBox ul li {
    width: 48%;
}

#footer .wrap1240 .rightBox .mailBox ul li a {
    display: block;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 25px 15px;
    position: relative;
}

#footer .wrap1240 .rightBox .mailBox ul li.line a {
    background-color: #06C755;
    background-image: url(../image/line_icon.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left 25px center;
}

#footer .wrap1240 .rightBox .mailBox ul li.wechat a {
    background-color: #1A5771;
    background-image: url(../image/wechat_icon.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: left 25px center;
    cursor: pointer;
}

#footer .wrap1240 .rightBox .mailBox ul li a:after {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../image/arrow_white02.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}

#footer .wrap1240 .rightBox .telBox {
    margin-bottom: 30px;
}

#footer .wrap1240 .rightBox .telBox .ttl {
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

#footer .wrap1240 .rightBox .telBox .no {
    font-size: 40px;
    background-image: url(../image/tel_icon_blue.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left center;
    padding-left: 30px;
    line-height: 26px;
}

#footer .wrap1240 .rightBox .telBox .no span {
    font-size: 13px;
    vertical-align: middle;
    margin-left: 10px;
}

#footer .wrap1240 .rightBox .navBox {
    border-top: 1px dashed #D0D0D0;
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
}

#footer .wrap1240 .rightBox .navBox li {
    margin-bottom: 12px;
}

#footer .wrap1240 .rightBox .navBox a {
    color: #404040;
    font-size: 15px;
    letter-spacing: 1px;
    display: block;
    position: relative;
}

#footer .wrap1240 .rightBox .navBox li a:before {
    content: "";
    width: 9px;
    height: 13px;
    background-image: url(../image/triangle_blue.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin-right: 15px;
    display: inline-block;
}

.fixed_coutainer {
    position: fixed;
    right: 0;
    bottom: 150px;
    writing-mode: vertical-rl;
    z-index: 10;
}

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

.fixed_coutainer li {
    width: 100%;
}

.fixed_coutainer li .pc {
    display: inline-block;
}

.fixed_coutainer li a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 50px 10px 15px 10px;
    transition: 0.2s;
}

.fixed_coutainer li a:hover {
    opacity: 0.5;
}

.fixed_coutainer li.line a {
    background-color: #42BF77;
    background-image: url(../image/line_icon.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center top 15px;

}



.fixed_coutainer li.wechat a {
    background-color: #1A5771;
    background-image: url(../image/wechat_icon.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center top 20px;
    cursor: pointer;
}

.fixed_coutainer li.tel a {
    background-color: #36a1e9;
    background-image: url(../image/tel_icon.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center top 20px;
}

/* お知らせ一覧 */
.page_news_list .post_cont {
    gap: 36px;
    flex-wrap: wrap;
    flex-direction: row;
    position: relative;
}

.page_news_list .post_cont .penguin_blog_parts {
    width: 258px;
    background-color: #FFF;
}

.page_news_list .post_cont .penguin_blog_parts .penguin_blog_parts_link {
    display: block;
    width: 100%;
    height: 100%;
}

.page_news_list .post_cont .penguin_blog_parts .penguin_blog_parts_link .penguin_blog_parts_text_box {
    color: #212121;
}

.page_news_list .post_cont .penguin_blog_parts .penguin_blog_parts_link .penguin_blog_parts_text_box .penguin_blog_parts_text {
    display: none;
}

.page_news_list .post_cont .penguin_blog_parts .penguin_blog_parts_link .penguin_blog_parts_text_box .penguin_blog_parts_ttl {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: color 0.3s ease 0s;
    margin-top: 0.5em;
    font-family: "Noto Sans JP", sans-serif;
}

.penguin_blog_parts_date {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--main-color);
    font-family: "Noto Sans JP", sans-serif;
}

.page_news_list .post_cont .penguin_blog_parts .penguin_blog_parts_link .penguin_blog_parts_img_box {
    width: 100%;
    aspect-ratio: 258 / 180;
    overflow: hidden;
    margin-bottom: 0.3em;
}

.page_news_list .post_cont .penguin_blog_parts .penguin_blog_parts_link .penguin_blog_parts_img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}

.page_news_list .post_cont .penguin_blog_parts .penguin_blog_parts_link:hover .penguin_blog_parts_img_box img {
    scale: 1.1;
}

.page_news_list .BlogThumbnailPreLink,
.page_news_list .BlogThumbnailNextLink {
    display: block !important;
    position: absolute;
    bottom: -40px;
}

.page_news_list .BlogThumbnailPreLink a,
.page_news_list .BlogThumbnailNextLink a {
    color: var(--main-color);
    font-weight: 600;
}

.page_news_list .BlogThumbnailPreLink {
    left: 0;
}

.page_news_list .BlogThumbnailNextLink {
    right: 0;
}

/* 物件詳細ページ */
#bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_prev,
#bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_next {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_prev {
    left: -26px;
}

#bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_prev::before,
#bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_next::before {
    content: "";
    display: block;
    width: 10px;
    aspect-ratio: 1 / 1;
}

#bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_prev::before {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: translateX(25%) rotate(-45deg);
}

#bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_next {
    right: -26px;
}

#bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_next::before {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateX(-25%) rotate(45deg);
}

#bukken_single_page .img_slider_block .slide_wrap .main_slider .propertyImageArea .slick-slide a .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    display: block;
    padding: 15px 20px;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #fff;
    background: rgba(19, 186, 255, .9);
}

#bukken_single_page .bukken_intro_block .inner {
    display: flex;
    gap: 0 50px;
    background: url(../image/bg_pattern2.jpg) no-repeat center center / cover;
    padding: 50px;
}

#bukken_single_page .bukken_intro_block .inner .text_area {
    width: 100%;
}

#bukken_single_page .bukken_intro_block .inner .img_area {
    flex-shrink: 0;
}

/* common_card */

#bukken_single_page .common_card {
    display: block;
    max-width: 340px;
    width: 100%;
}

#bukken_single_page .common_card .common_card_image {
    overflow: hidden;
    width: 100%;
}

#bukken_single_page .common_card .common_card_image img {
    -o-object-fit: cover;
    aspect-ratio: 340/420;
    height: auto;
    object-fit: cover;
    transition: scale 0.3s ease;
    width: 100%;
}

#bukken_single_page .common_card .common_card_body {
    margin-top: 16px;
}

#bukken_single_page .common_card .common_card_title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    overflow: hidden;
    color: #404040;
}

#bukken_single_page .common_card .common_card_price_box {
    align-items: end;
    display: flex;
    font-family: Noto Sans JP, sans-serif;
    justify-content: space-between;
    margin-top: 17px;
}

#bukken_single_page .common_card .common_card_price_title,
#bukken_single_page .common_card .common_card_price,
#bukken_single_page .common_card .common_card_floor_title,
#bukken_single_page .common_card .common_card_floor {
    color: #212121;
    font-family: Noto Sans JP, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}

#bukken_single_page .common_card .common_card_price {
    letter-spacing: 0.1em;
    font-size: 20px;
    color: var(--main-color);
}

#bukken_single_page .common_card .common_card_price span {
    font-size: 14px;
    font-weight: 700;
}

#bukken_single_page .common_card .common_card_floor_box {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

#bukken_single_page .common_card .common_card_price .oku {
    font-size: 14px;
    font-weight: 400;
}

#bukken_single_page .common_cards {
    align-items: center;
    display: flex;
    gap: 0 60px;
}

#bukken_single_page .common_card .common_card_price_box .common_card_price_title {
    display: none;
}

#bukken_single_page .common_card .common_card_price strong {
    font-size: 32px;
    margin: 0 4px;
    font-family: 'Bodoni72';
}

#bukken_single_page .common_card .common_card_floor_box .common_card_floor_title {
    display: none;
}

#bukken_single_page .common_card .common_card_floor_box .common_card_floor {
    font-size: 13px;
    background-image: url(../image/madori_icon.png);
    background-position: left center;
    background-size: 20px;
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-bottom: 15px;
    line-height: normal;
}

/* マイページ */
#mypage_page #top_search_sec {
    display: none;
}

/* 会員パーツ */
.header_icons {
    align-items: center;
    display: flex;
    gap: 0 20px;
    position: absolute;
    top: 35px;
    right: 100px;
    display: none;
}

.header_registration,
.header_login {
    display: block;
    width: 40px;
}

.header_registration svg path,
.header_login svg path {
    transition: fill 0.3s ease;
    fill: #36a1e9;
}

.header_login {
    position: relative;
}

.header_login .logout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.header_login .logout input[type="submit"] {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    cursor: pointer;
    visibility: visible;
}

/* WeChatモーダル */
.modal_wechat {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

.modal_wechat_bg {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}

.modal_wechat_cont {
    background: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: fit-content;
    max-width: 450px;
    max-height: 80%;
    padding: 50px;
    overflow: scroll;
}

.modal_wechat_cont .js-modal-close {
    width: 30px;
    aspect-ratio: 1/1;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.modal_wechat_cont .js-modal-close::before,
.modal_wechat_cont .js-modal-close::after {
    content: "";
    width: 2px;
    height: 100%;
    background: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}

.modal_wechat_cont .js-modal-close::before {
    rotate: -45deg;
}

.modal_wechat_cont .js-modal-close::after {
    rotate: 45deg;
}

.modal_wechat .modal_wechat_cont .image {
    width: 100%;
}

.modal_wechat .modal_wechat_cont .id_text {
    text-align: center;
    font-size: 16px;
    letter-spacing: .05em;
    font-weight: 700;
}

.modal_wechat .modal_wechat_cont .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.singleFudo_page div#contact_form table tr.pc {
    display: table-row;
}

.singleFudo_page div#contact_form table tr.sp {
    display: none;
}

#n_top_mv {
    background-image: url(../image/top_mv_bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 320px 0 50px;
}

#n_top_mv::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent, rgba(134, 163, 203, 1));
}

#n_top_mv>* {
    position: relative;
    z-index: 1;
}

#n_top_mv .mv_logo {
    width: 500px;
    margin-bottom: 20px;
}

#n_top_mv .mv_logo img {
    width: 100%;
}

#n_top_mv .mv_ttl {
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: .08em;
    margin-bottom: .2em;
}

#n_top_mv .en_ttl {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
}

#n_top_map_search {
    padding-top: 100px;
}

#n_top_map_search #chizu_svg a path,
#n_top_map_search #chizu_svg a polygon {
    transition: .3s;
}

#n_top_map_search #chizu_svg a:hover path,
#n_top_map_search #chizu_svg a:hover polygon {
    fill: #7bd7c8 !important;
}

#n_top_map_search #chizu_svg #moji {
    pointer-events: none;
}

#n_top_map_search #chizu_svg #moji .color {
    /* fill: #fff !important; */
}

#n_top_map_search .sec_ttl {
    font-size: 40px;
    letter-spacing: .06em;
    font-weight: 700;
    margin-bottom: 0.7em;
    line-height: 1.5;
}

#n_top_map_search .flex_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: 2px solid #36a1e9;
    border-radius: 15px;
    overflow: hidden;
}

#n_top_map_search .flex_box .map_area {
    padding: 30px;
    display: flex;
    align-items: center;
    background-color: #e3f4ff;
    justify-content: center;
    border-left: 2px solid #35a1e9;
}

#n_top_map_search .flex_box .btn_area {
    padding: 40px;
    background-color: #fff;
}

#n_top_map_search .flex_box .btn_area .link_area ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

#n_top_map_search .flex_box .btn_area .link_area ul li .link {
    background-color: #e3f4ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    transition: .3s;
}

#n_top_map_search .flex_box .btn_area .link_area ul li .link .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #36a1e9;
}

#n_top_map_search .flex_box .btn_area .link_area ul li .link .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#n_top_map_search .flex_box .btn_area .link_area ul li .link .text {
    color: #36a1e9;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .02em;
    text-align: center;
    margin-top: 0.7em;
    line-height: 1.5;
    transition: .3s;
}

#n_top_map_search .flex_box .btn_area .link_area ul li .link:hover {
    background-color: #36a1e9;
}

#n_top_map_search .flex_box .btn_area .link_area ul li .link:hover .text {
    color: #fff;
}

#n_top_map_search .flex_box .btn_area .ichiran_link {
    width: 100%;
    display: flex;
    background-color: #36a1e9;
    justify-content: center;
    gap: 1em;
    padding: 1em;
    line-height: 1;
    align-items: center;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    transition: .3s;
    margin-top: 10px;
    letter-spacing: .02em;
}

#n_top_map_search .flex_box .btn_area .ichiran_link:hover {
    background-color: #e3f4ff;
    color: #36a1e9;
}

#n_top_map_search .flex_box .btn_area .ichiran_link .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5em;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-color: #fff;
    flex-shrink: 0;
}

#n_top_map_search .flex_box .btn_area .ichiran_link .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.top_ban_area .banner_cont {
    margin-bottom: 150px;
    margin-top: 80px;
}

.top_ban_area .banner_cont li.slick-slide .link {
    display: block;
    width: 100%;
}

.top_ban_area .banner_cont li.slick-slide .link img {
    width: 100%;
    scale: 0.83;
    transition: .3s;
}

.top_ban_area .banner_cont li.slick-slide.slick-center .link img {
    scale: 1;
}

.top_ban_area .banner_cont ul.slick-dots {
    bottom: -56px;
}

.top_ban_area .banner_cont ul.slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 10px;
}

.top_ban_area .banner_cont ul.slick-dots li button {
    width: 100%;
    height: 100%;
}

.top_ban_area .banner_cont ul.slick-dots li button::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #E0E0E0;
    opacity: 1;
    border-radius: 50%;
}

.top_ban_area .banner_cont ul.slick-dots li.slick-active button::before {
    background: var(--main-color);
    scale: 1.5;
}

.top_ban_area .banner_cont .slick-prev,
.top_ban_area .banner_cont .slick-next {
    width: 35px;
    height: 35px;
    background: var(--main-color);
    z-index: 999;
    top: unset;
    bottom: -84px;
    translate: 0 0;
}

.top_ban_area .banner_cont .slick-prev {
    left: calc(50vw - 110px);
}

.top_ban_area .banner_cont .slick-next {
    right: calc(50vw - 110px);
}

.top_ban_area .banner_cont .slick-prev::before,
.top_ban_area .banner_cont .slick-next::before {
    content: "";
    position: absolute;
    top: 50%;
    translate: -50% -50%;
    display: block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.top_ban_area .banner_cont .slick-prev::before {
    left: 54%;
    rotate: 135deg;
}

.top_ban_area .banner_cont .slick-next::before {
    left: 46%;
    rotate: -45deg;
}

#pc_header .flex_box {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-right: 200px;
}

#pc_header .flex_box .hd_nav ul {
    font-size: 16px;
    font-weight: 700;
    gap: 1.5em;
    display: flex;
    align-items: center;
}

#pc_header .flex_box .hd_nav ul li .link {
    color: #000;
    transition: .3s;
}

#pc_header .flex_box .hd_nav ul li .link:hover {
    color: var(--main-color);
}

#n_top_map_search .flex_box .btn_area .search-form {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

#n_top_map_search .flex_box .btn_area .search-form label {
    flex-grow: 1;
}

#n_top_map_search .flex_box .btn_area .search-form label .search-field {
    border-radius: 4px;
    width: 100%;
    height: 100%;
    background-color: #FCFCFC;
    border: 1px solid #DBDBDB;
    font-size: 15px;
    text-align: left;
    padding: 0.5em;
}

#n_top_map_search .flex_box .btn_area .search-form .search-submit {
    background-color: var(--main-color);
    color: #fff;
    border-radius: 4px;
    margin: 0;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: .5em 1em;
}

#pc_header .flex_box .hd_nav ul .js_hover {
    position: relative;
}

#pc_header .flex_box .hd_nav ul .js_hover .sub_link_area {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 150px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    padding-top: 10px;
    transition: .3s;
}

#pc_header .flex_box .hd_nav ul .js_hover:hover .sub_link_area {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

#pc_header .flex_box .hd_nav ul .js_hover .sub_link_area .inner_box {
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr;
    gap: .4em;
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    padding: 1em;
}

#pc_header .flex_box .hd_nav ul .js_hover .sub_link_area .inner_box .sub_link {
    color: #000;
    transition: .3s;
}

#pc_header .flex_box .hd_nav ul .js_hover .sub_link_area .inner_box .sub_link:hover {
    color: var(--main-color);
}

#headbox-bg-fixed,
#st-menubox {
    display: none !important;
}

.l-content {
    padding-top: 150px !important;
}

@media (max-width: 750px) {


    .l-content {
        padding-top: 100px !important;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    body {
        font-size: 3.8vw;
        line-height: 1.6;
        overflow: hidden;
        min-width: unset;
    }

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

    .wrap.lr {
        max-width: 94%;
    }

    .wrap1340 {
        max-width: 96%;
    }

    .wrap1240 {
        max-width: 96%;
    }

    .wrap1140 {
        max-width: 96%;
    }

    .wrap1040 {
        max-width: 96%;
    }

    #mainVisual .wrap1240 {
        display: block;
    }

    #staffSec .inner ul li {
        margin: 0 1vw;
    }

    #staffSec .inner ul li a:before {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 1;
    }

    #staffSec .inner ul li.slick-current {
        transform: scale(1);
    }

    #staffSec .inner ul li.slick-current a:before {
        display: none;
    }

    #staffSec .inner ul li a:before {
        transition: .3s;
        background-color: rgba(226, 241, 247, 0.5);
    }

    #staffSec .inner .icon {
        top: 44%;
        width: 11vw;
    }

    #staffSec .inner .icon.right {
        transform: translateX(37vw);
    }

    #staffSec .inner .icon.left {
        transform: translateX(-37vw) rotate(-180deg);
    }

    #staffSec .inner .slick-slide {
        height: unset !important;
    }

    #staffSec .inner .slick-list {
        padding: 25px 15% !important;
    }

    #voiceSec {
        padding: 15vw 0 10vw;
    }

    #voiceSec .wrap_slider {
        padding-left: 0;
    }

    #voiceSec .wrap1140 {
        position: relative;
        height: 600px;
    }

    #voiceSec .ttlBox_sec {
        width: 100%;
        padding: 0 5vw;
    }

    #voiceSec .subTxt {
        width: 100%;
        height: unset;
        background-image: none;
        font-size: 3.5vw;
        text-align: left;
        padding: 0;
        translate: 0;
        line-height: 1.7;
        margin: 4vw 0 11vw;
    }

    #voiceSec .ttlBox {
        writing-mode: unset;
    }

    #voiceSec .ttlBox h2 {
        font-size: 8vw;
        letter-spacing: 0.04em;
    }

    #voiceSec .ttlBox .en {
        font-size: 4.8vw;
    }

    #voiceSec:before {
        background-color: #EDFDFF;
        content: "";
        width: 100%;
        height: unset;
        position: absolute;
        z-index: -1;
        top: -10vw;
        left: 0;
        bottom: -10vw;
    }

    #voiceSec .inner .list .penguin_blog_parts+.penguin_blog_parts {
        margin: 0 7.5px;
    }

    #voiceSec .inner .list .penguin_blog_parts a {
        background-color: #fff;
        display: block;
        padding: 10px;
        color: #404040;
        position: relative;
    }

    #voiceSec .inner .list .penguin_blog_parts .penguin_blog_parts_img_box {
        overflow: hidden;
        height: 38.5vw;
        margin-bottom: 20px;
        position: relative;
    }

    #voiceSec .inner .list .penguin_blog_parts .penguin_blog_parts_img_box img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: 0 auto;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #voiceSec .inner .list .penguin_blog_parts .penguin_blog_parts_ttl {
        font-family: "vdl-penletter", sans-serif;
        margin-bottom: 56px;
    }

    #voiceSec .inner .list .penguin_blog_parts .no {
        width: 80px;
        height: 26px;
        background-image: url(../image/voice_bg_white.png);
        background-position: center;
        background-size: 100%;
        color: #36a1e9;
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 2px;
        transition: .3s;
    }

    #voiceSec .inner .list .penguin_blog_parts a:hover .no {
        background-image: url(../image/voice_bg_blue.png);
        color: #fff;
    }

    #voiceSec .inner .list .penguin_blog_parts .circle {
        position: absolute;
        right: 30px;
        bottom: 17px;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background-color: #36a1e9;
        transition: .3s;
    }

    #voiceSec .inner .list .penguin_blog_parts a:hover .circle {
        box-shadow: 0 0 5px rgba(57, 197, 255, 0.96);
    }

    #voiceSec .inner .list .penguin_blog_parts:active .circle:before {
        position: absolute;
        right: 30px;
        bottom: 17px;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background-color: rgba(19, 186, 255, 0.9);
        content: "";
        display: block;
    }

    #voiceSec .commonBtn {
        margin: 31vw auto 0;
        background-color: #fff;
    }

    #voiceSec .box_sec {
        display: flex;
        gap: 50px;
        align-items: center;
    }

    #voiceSec .box_sec .slider_sec {
        width: 100%;
    }

    #voiceSec .box_sec .icon {
        position: absolute;
        bottom: -190px;
        left: 50%;
        cursor: pointer;
    }

    #voiceSec .box_sec .icon.left {
        translate: -640px 0;
        transform: rotate(-180deg);
    }

    #voiceSec .box_sec .icon.right {
        translate: -370px 0;
    }

    #voiceSec .box_sec .icon {
        position: absolute;
    }

    #voiceSec .slick-dots {
        bottom: -160px;
        left: -490px;
    }

    #voiceSec .slick-dots li {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        overflow: hidden;
    }

    #voiceSec .slick-dots li button {
        background: #E6E6E6;
    }

    #voiceSec .slick-dots li.slick-active button {
        background: #8BC0D6;
    }

    #voiceSec .box_sec {
        display: block;
    }

    #voiceSec .box_sec .slider_sec {
        padding-left: 5vw;
    }

    #voiceSec .box_sec .slick-list {
        padding: 0 15% 0 2% !important;
    }

    #voiceSec .box_sec .inner .slick-list li {
        margin: 0 0.5vw;
    }

    #voiceSec .box_sec .slick-slide {
        height: unset;
    }

    #voiceSec .box_sec .icon {
        bottom: -18vw;
        width: 10vw;
    }

    #voiceSec .box_sec .icon.right {
        translate: 27vw 0;
    }

    #voiceSec .box_sec .icon.left {
        translate: -37vw 0;
    }

    #voiceSec .slick-dots {
        bottom: -14vw;
        left: 50%;
        translate: -50% 0;
        pointer-events: none;
    }

    #voiceSec .inner .list .penguin_blog_parts a:hover::before {
        background-image: url(../image/voice_bg_white.png);
        color: #36a1e9;
    }

    #voiceSec .inner .list .penguin_blog_parts a:hover::after {
        box-shadow: 0 0 0 rgba(57, 197, 255, 0.96);
    }

    #staffSec {
        padding: 20vw 0;
    }

    #staffSec .wrap1140 {
        position: relative;
    }

    #staffSec .ttl_sec_box {
        display: flex;
        justify-content: space-between;
    }

    #staffSec .ttlBox {
        margin-bottom: 50px;
    }

    #staffSec .ttlBox h2 {
        font-size: 8vw;
        letter-spacing: 0.04em;
    }

    #staffSec .ttlBox .en {
        font-size: 5vw;
        margin-bottom: 5vw;
        letter-spacing: 0.04em;
    }

    #staffSec .ttlBox .subTxt {
        font-size: 3.4vw;
        letter-spacing: 0.04em;
        line-height: 1.7;
    }

    #staffSec .inner {
        overflow: hidden;
    }

    #staffSec .inner ul li {
        position: relative;
        margin: 0 15px;
        transition: .3s;
    }

    #staffSec .inner ul li a {}

    #staffSec .inner ul li .pic {
        height: 56vw;
        overflow: hidden;
        position: relative;
    }

    #staffSec .inner ul li .txtBox {
        padding: 20px;
        background-color: #fff;
    }

    #staffSec .inner ul li .txtBox .yakusyoku {
        font-size: 3vw;
        margin-bottom: 1vw;
    }

    #staffSec .inner ul li .txtBox .yakusyoku:before {
        content: "";
        width: 20px;
        height: 1px;
        background-color: #4A4A4A;
        display: inline-block;
        margin-right: 10px;
    }

    #staffSec .inner ul li .txtBox .name {
        font-size: 5.5vw;
        letter-spacing: 0.04em;
    }

    #staffSec .inner ul li .txtBox .en {
        font-size: 12px;
    }

    #staffSec .inner ul li:nth-child(2n) .txtBox .en {
        color: #36a1e9;
    }

    #staffSec .inner ul li:nth-child(2n) .txtBox {
        border-bottom: 4px solid #36a1e9;
    }

    #staffSec .inner ul li a:before {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 1;
    }

    #staffSec .inner ul li.slick-current {
        transform: scale(1.1);
    }

    #staffSec .inner ul li.slick-current a:before {
        display: none;
    }

    #staffSec .inner ul li a:before {
        transition: .3s;
        background-color: rgba(226, 241, 247, 0.5);
    }

    #staffSec .inner .icon {
        position: absolute;
        left: 50%;
        translate: -50% -50%;
        top: 44%;
        cursor: pointer;
        z-index: 1;
    }

    #staffSec .inner .icon.right {
        transform: translateX(370%);
    }

    #staffSec .inner .icon.left {
        transform: translateX(-370%) rotate(-180deg);
    }

    #staffSec .inner .slick-slide {
        height: unset !important;
    }

    #staffSec .inner .slick-list {
        padding: 25px 15% !important;
    }

    #staffSec .commonBtn {
        margin: 8vw auto 0;
    }

    #mainVisual .rightBox {
        width: 96%;
        margin: auto;
        padding-top: 0;
    }

    #mainVisual .rightBox .inner {
        padding: 0 3vw;
        box-shadow: 2vw -2vw 0px #baeefe;
    }

    #mainVisual {
        padding: 30vw 0 15vw;
    }

    #mainVisual .leftBox {
        width: 100%;
    }

    #mainVisual .leftBox .ttlBox .midashi {
        font-size: 5vw;
        letter-spacing: 1vw;
        margin-bottom: 5vw;
    }

    #mainVisual .leftBox .ttlBox .midashi:before {
        width: 4vw;
        height: 8vw;
        margin-right: 2vw;
    }

    #mainVisual .leftBox .ttlBox .midashi:after {
        width: 4vw;
        height: 8vw;
        margin-left: 2vw;
    }

    #mainVisual .leftBox .ttlBox h1 {
        font-size: 5vw;
        letter-spacing: 1vw;
    }

    #mainVisual .leftBox .ttlBox h1 .blue_txt {
        font-size: 7vw;
    }

    #mainVisual .leftBox .ttlBox .companyName {
        font-size: 14vw;
        line-height: 1;
    }

    #mainVisual .leftBox .butkenLeftBox {
        display: none;
    }

    #mainVisual .rightBox {
        margin-bottom: 10vw;
    }

    #mainVisual .rightBox .yellowBox {
        width: 20vw;
        height: 20vw;
        left: 0;
        top: -10vw;
        font-size: 4vw;
        letter-spacing: 0.2vw;
        padding: 3vw 1vw 1vw;
    }

    #mainVisual .rightBox .inner .list a .pic {
        height: 50vw;
    }

    #mainVisual .rightBox .inner .list a .butkenInfo {
        padding: 4vw 5vw;
    }

    #mainVisual .rightBox .inner .list a .butkenName {
        font-size: 4vw;
    }

    #mainVisual .rightBox .inner .list a .butkenPrice {
        font-size: 3vw;
    }

    #mainVisual .rightBox .inner .list a .butkenPrice span {
        font-size: 8vw;
    }

    #mainVisual .rightBox .inner .list a .butkenMador {
        background-size: 6vw;
        padding-left: 8vw;
    }

    #mainVisual .rightBox .inner .list a .butkenTrain {
        background-size: 6vw;
        padding-left: 8vw;
    }

    #mainVisual .rightBox .slick-slide {
        height: auto;
    }

    #mainVisual .rightBox .inner .list a .butkenPrice .man,
    #mainVisual .rightBox .inner .list a .butkenPrice .oku {
        font-size: 4vw;
    }

    #mainVisual .rightBox .inner:before {
        bottom: -2.5vw;
        left: 0.2vw;
    }

    #mainVisual .butkenLeftBox .btnBox .ttl {
        font-size: 4vw;
        text-align: center;
        font-weight: 600;
        margin-bottom: 5vw;
        letter-spacing: 0.5vw;
    }

    #mainVisual .butkenLeftBox .btnBox .linkBtn {
        background-color: #36a1e9;
        box-shadow: 4px 8px 0 #0081B5;
        width: 80%;
        margin: auto;
    }

    #mainVisual .butkenLeftBox .btnBox .linkBtn a {
        color: #fff;
        font-size: 5vw;
        font-weight: 500;
        letter-spacing: 0.5vw;
        display: block;
        padding: 5vw;
    }

    #mainVisual .leftBox .ttlBox .companyName .small {
        display: block;
        margin-right: 0;
        line-height: 1.6;
    }

    #mainVisual .leftBox .ttlBox {
        margin-bottom: 5vw;
    }

    #newsSec {
        padding: 20vw 0 12vw;
    }

    #newsSec .wrap1140 {
        padding: 10vw 4vw;
        display: block;
    }

    #newsSec .ttlBox {
        width: 100%;
    }

    #newsSec .ttlBox h2 {
        font-size: 8vw;
        letter-spacing: 1vw;
        margin-bottom: 5vw;
    }

    #newsSec .ttlBox .subTxt {
        font-size: 4vw;
        letter-spacing: 0;
        margin-bottom: 5vw;
        line-height: 1.5;
    }

    #newsSec .inner {
        width: 100%;
    }

    #newsSec .inner .commonBtn {
        margin: auto;
    }

    #newsSec .inner .list .penguin_blog_parts a {
        padding: 5vw 5vw 10vw;
    }

    #newsSec .inner .list .penguin_blog_parts a .penguin_blog_parts_date {
        font-size: 3vw;
    }

    #newsSec .inner .list .penguin_blog_parts a .penguin_blog_parts_ttl {
        font-size: 4vw;
    }

    #instaSec {
        padding: 10vw 0 10vw;
    }

    #instaSec .ttlBox {
        width: 100%;
        margin-bottom: 10vw;
    }

    #instaSec .inner {
        margin-bottom: 10vw;
    }

    #instaSec .inner ul {
        flex-wrap: wrap;
    }

    #instaSec .inner ul li {
        width: 49%;
        margin-bottom: 2vw;
    }

    .commonBtn {
        width: 90%;
    }

    .commonBtn a {
        padding: 5vw;
        font-size: 4vw;
    }

    #campaignSec {
        padding: 30vw 0;
    }

    #whatSiteSec {
        background-size: 400vw;
        padding: 40vw 0 10vw;
    }

    #whatSiteSec .ttlBox {
        width: 90%;
        margin-bottom: 10vw;
    }

    #whatSiteSec .lead_text_area {
        font-size: 3.6vw;
        letter-spacing: 0;
        margin-bottom: 20vw;
        text-align: left;
    }

    #reasonSec {
        padding: 20vw 0 30vw;
    }

    #reasonSec .ttlBox {
        margin-bottom: 5vw;
    }

    #reasonSec .ttlBox h2 {
        width: 90%;
        margin: 0 auto 8vw;
    }

    #reasonSec .ttlBox .subTxt {
        font-size: 4vw;
        letter-spacing: 0;
        margin-bottom: 20vw;
    }

    #reasonSec .inner li {
        margin-bottom: 20vw;
        width: 100%;
        display: block;
        position: relative;
    }

    #reasonSec .inner li:before {
        content: "";
        width: 25vw;
        height: 25vw;
        position: absolute;
        left: 0vw;
        top: -13vw;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
    }

    #reasonSec .inner li:nth-child(1):before {
        background-image: url(../image/reason_point01_icon_sp.png);
    }

    #reasonSec .inner li:nth-child(2):before {
        background-image: url(../image/reason_point02_icon_sp.png);
    }

    #reasonSec .inner li:nth-child(3):before {
        background-image: url(../image/reason_point03_icon_sp.png);
    }

    #reasonSec .inner li:last-child {
        margin-bottom: 0;
    }

    #supportSec {
        padding: 0vw 0 10vw;
    }

    #supportSec .ttlBox h2 {
        width: 100%;
        font-size: 8vw;
        letter-spacing: 1vw;
        margin-bottom: 5vw;
    }

    #supportSec .ttlBox {
        margin-bottom: 5vw;
    }

    #supportSec .ttlBox .subTxt {
        font-size: 4vw;
        letter-spacing: 0;
        margin-bottom: 8vw;
    }

    #supportSec .inner ul li {
        width: 49%;
        margin-bottom: 2vw;
    }

    #propertySec .ttlBox {
        text-align: left;
        margin-bottom: 10vw;
    }

    #propertySec .ttlBox h2 {
        font-size: 8vw;
        letter-spacing: 1vw;
        margin-bottom: 4vw;
    }

    #propertySec .ttlBox .en {
        font-size: 4vw;
        margin-bottom: 5vw;
    }

    #propertySec .ttlBox .subTxt {
        font-size: 4vw;
        letter-spacing: 0;
        margin-bottom: 5vw;
    }

    #propertySec .inner:before {
        width: 37vw;
        height: 25.5vw;
        top: -80vw;
    }

    #propertySec .inner .list a {
        width: 49%;
        margin-bottom: 2vw;
        padding: 2vw;
    }

    #propertySec .inner .list a .pic {
        height: 28vw;
        margin-bottom: 2vw;
    }

    #propertySec .inner .list a .butkenName {
        font-size: 4vw;
        margin-bottom: 2vw;
        letter-spacing: 0;
    }

    #propertySec .inner .list a .butkenMador {
        background-size: 5vw;
        padding-left: 8vw;
        font-size: 3.5vw;
        margin-bottom: 2vw;
    }

    #propertySec .inner .list a .butkenTrain {
        background-size: 5vw;
        padding-left: 8vw;
        font-size: 3.5vw;
    }

    #propertySec .inner .list a .butkenPrice {
        font-size: 2vw;
    }

    #propertySec .inner .list a .butkenPrice span {
        font-size: 5vw;
    }

    #propertySec {
        padding: 20vw 0 10vw;
    }

    #propertySec .inner .list a .butkenPrice .oku,
    #propertySec .inner .list a .butkenPrice .man {
        font-size: 2.5vw;
    }

    #menuSec {
        padding: 20vw 0;
    }

    #buysellSec {
        padding: 10vw 0 15vw;

    }

    #faqSec {
        padding: 10vw 0 30vw;
    }

    #faqSec .ttlBox {
        margin-bottom: 10vw;
    }

    #faqSec .ttlBox h2 {
        font-size: 8vw;
        letter-spacing: 1vw;
        margin-bottom: 4vw;
    }

    #faqSec .ttlBox .en {
        font-size: 4vw;
        margin-bottom: 5vw;
    }

    #faqSec .ttlBox .subTxt {
        font-size: 4vw;
        letter-spacing: 0;
    }

    #tokyozijoSec {
        padding: 30vw 0;
    }

    #footer {
        padding: 5vw 5vw 50vw;

    }

    #footer .wrap1240 {
        background: none;
        padding: 0;
        flex-wrap: wrap;
    }

    .fixed_coutainer {
        writing-mode: initial;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .fixed_coutainer li {
        width: 33.333%;
    }

    .fixed_coutainer li a {
        text-align: center;
        padding: 10vw 2vw 2vw;
    }

    .fixed_coutainer li.line a {
        background-position: center top 2.8vw;
        background-size: 6vw;
    }

    .fixed_coutainer li.wechat a {
        background-position: center top 3.2vw;
        background-size: 6vw;
    }

    .fixed_coutainer li.tel a {
        background-position: center top 3.5vw;
        background-size: 3.5vw;
    }

    .fixed_coutainer li .pc {
        display: none;
    }

    #newsSec .inner .list {
        margin-bottom: 10vw;
    }

    #newsSec .inner .list .penguin_blog_parts {
        width: 100%;
    }

    #whatSiteSec .ttlBox .fukidashi {
        width: 100%;
        font-size: 5vw;
        padding: 2vw;
        margin-bottom: 12vw;
    }

    #whatSiteSec .ttlBox .fukidashi span {
        font-size: 7vw;
    }

    #whatSiteSec .ttlBox h2 {
        font-size: 3.5vw;
        line-height: 10vw;
    }

    #whatSiteSec .ttlBox h2 .big {
        font-size: 5.0vw;
    }

    #whatSiteSec .ttlBox h2 .blue {
        display: block;
    }

    #whatSiteSec .inner {
        width: 100%;
        padding: 35vw 8vw 42vw;
    }

    #whatSiteSec .inner .h3Box {
        width: 94%;
        margin: auto;
        top: -10vw;
    }

    #whatSiteSec .inner .hikakuBox {
        display: block;
    }

    #whatSiteSec .inner .hikakuBox .hikakuCell {
        width: 100%;
        padding: 5vw;
    }

    #whatSiteSec .inner .hikakuBox .hikakuCell.jurai {
        box-shadow: 2vw 2vw 0 #4A4A4A;
        margin-bottom: 8vw;
    }

    #whatSiteSec .inner .hikakuBox .hikakuCell:before {
        left: -3vw;
        top: -3vw;
    }

    #whatSiteSec .inner .hikakuBox .hikakuCell h3 {
        width: 90%;
        padding: 2vw;
        font-size: 5vw;
        margin-top: -12vw;
        margin-bottom: 5vw;
    }

    #whatSiteSec .inner .hikakuBox .hikakuCell .icon {
        margin-bottom: 5vw;
        width: 40%;
    }

    #whatSiteSec .inner .hikakuBox .hikakuCell li {
        font-size: 4vw;
        padding-left: 8vw;
        background-size: 4vw;
        background-position: left top 1vw;
    }

    #whatSiteSec .inner .hikakuBox .hikakuArrow {
        width: 100%;
        height: 18vw;
        background-image: url(../image/whatSite_arrow_y_sp.png);
        background-size: 35vw;
        margin-bottom: 12vw;
    }

    #reasonSec .inner li .img {
        width: 100%;
        height: 40vw;
        overflow: hidden;
        position: relative;
    }

    #reasonSec .inner li .img img {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    #reasonSec .inner li .txtBox {
        width: 100%;
        padding: 5vw 5vw 10vw;
    }

    #reasonSec .inner li .txtBox .mainTxt {
        font-size: 5vw;
        padding: 0;
    }

    #reasonSec .inner li:nth-child(1) .txtBox .mainTxt,
    #reasonSec .inner li:nth-child(2) .txtBox .mainTxt,
    #reasonSec .inner li:nth-child(3) .txtBox .mainTxt {
        background: none;
    }

    #reasonSec .inner li .txtBox .subTxt {
        font-size: 4vw;
    }

    #reasonSec .inner li .txtBox .en {
        font-size: 15vw;
        right: 5vw;
        bottom: -10vw;
    }

    #supportSec .ttlBox .fukidashi {
        width: 100%;
        border-radius: 10vw;
        margin-bottom: 15vw;
        font-size: 5vw;
        padding: 2vw;
    }

    #supportSec .ttlBox h2 span:before {
        width: 31vw;
        left: -2vw;
        bottom: -2vw;
        height: 14vw;
    }

    #supportSec .inner ul li .ttxBox {
        font-size: 3vw;
        padding: 2vw 2vw 2vw 12vw;
    }

    #supportSec .inner ul li.small .ttxBox {
        font-size: 3vw;
        padding: 1vw 2vw 1vw 12vw;
    }

    #supportSec .inner ul li .ttxBox:before {
        font-size: 4vw;
        width: 10vw;
        padding-top: 1.2vw;
    }

    #staffSec .ttl_sec_box:before {
        width: 37vw;
        left: 4vw;
        height: 35vw;
        top: -10vw;
    }

    #staffSec .ttl_sec_box:after {
        width: 35vw;
        height: 30vw;
        right: 4vw;
        top: 150vw;
    }

    #menuSec .wrap1140>* {
        padding: 0 2vw 2vw;
    }

    #menuSec .wrap1140 .buyerBox {
        margin-bottom: 15vw;
    }

    #menuSec .wrap1140 .ttlBox h2 {
        font-size: 7vw;
        padding: 2vw 2vw 2vw 25vw;
    }

    #menuSec .wrap1140 .ttlBox h2:before {
        width: 18vw;
        height: 18vw;
        top: -5vw;
    }

    #menuSec .wrap1140 .ttlBox h2:after {
        font-size: 3vw;
        top: 5.5vw;
    }

    #menuSec .wrap1140 .inner {
        padding: 2vw;
    }

    #menuSec .wrap1140 .inner ul {
        flex-wrap: wrap;
    }

    #menuSec .wrap1140 .inner ul li {
        width: 100%;
        margin-bottom: 2vw;
    }

    #menuSec .wrap1140 .inner ul li a,
    #menuSec .wrap1140 .inner ul li.double a {
        padding: 5vw 2vw 5vw 20vw;
        text-align: left;
        line-height: 4vw;
        font-size: 4vw;
    }

    #menuSec .wrap1140 .inner ul li a .icon {
        top: 0;
        bottom: 0;
        left: 4vw;
        right: auto;
    }

    #menuSec .wrap1140 .buyerBox .inner ul li.map a .icon {
        width: 12vw;
        height: 9vw;
    }

    #menuSec .wrap1140 .buyerBox .inner ul li.line a .icon {
        width: 7.8vw;
        height: 9vw;
        left: 6vw;
    }

    #menuSec .wrap1140 .buyerBox .inner ul li.area a .icon {
        width: 8vw;
        height: 9vw;
        left: 5.8vw;
    }

    #menuSec .wrap1140 .buyerBox .inner ul li.flow a .icon {
        width: 6.8vw;
        height: 11vw;
        left: 6.5vw;
    }

    #menuSec .wrap1140 .buyerBox .inner ul li.guide a .icon {
        width: 7.5vw;
        height: 10vw;
        top: 2vw;
        bottom: auto;
        left: 6vw;
    }

    #menuSec .wrap1140 .sellerBox .inner ul li.satei a .icon {
        width: 13vw;
        height: 7vw;
        top: 1vw;
    }

    #menuSec .wrap1140 .sellerBox .inner ul li.flow a .icon {
        width: 6.8vw;
        height: 11vw;
        left: 6.5vw;
    }

    #menuSec .wrap1140 .sellerBox .inner ul li.system a .icon {
        width: 9vw;
        height: 11vw;
        left: 5vw;
    }

    #menuSec .wrap1140 .sellerBox .inner ul li.leaseback a .icon {
        width: 9vw;
        height: 9vw;
        left: 5vw;
    }

    #menuSec .wrap1140 .sellerBox .inner ul li.top a .icon {
        width: 8vw;
        height: 8vw;
        top: 0vw;
        left: 5vw;
    }

    #buysellSec .buysellBox.buy .ttlBox {
        position: static;
        margin-left: 0;
    }

    #buysellSec .buysellBox .ttlBox .en {
        font-size: 24vw;
        line-height: 28vw;
    }

    #buysellSec .buysellBox .ttlBox h2 {
        font-size: 4.5vw;
        margin-bottom: 8vw;
    }

    #buysellSec .buysellBox .introduction {
        padding-top: 5vw;
    }

    #buysellSec .buysellBox .introduction .inner {
        width: 100%;
        background-color: #fff;
    }

    #buysellSec .buysellBox .introduction .inner .mainTxt {
        font-size: 4.5vw;
        margin-bottom: 5vw;
        padding: 2vw;
    }

    #buysellSec .buysellBox .introduction .inner .subTxt {
        font-size: 4vw;
        padding: 2vw;
    }

    #buysellSec .buysellBox .link_btn {
        margin-bottom: 20vw;
    }

    #buysellSec .buysellBox .link_btn .commonBtn {
        margin: auto;
    }

    #buysellSec .buysellBox .flowBox .txtBox {
        display: block;
        margin-bottom: 10vw;

    }

    #buysellSec .buysellBox .flowBox .txtBox .mainTxt h3 {
        font-size: 6vw;
        margin-bottom: 12vw;
    }

    #buysellSec .buysellBox .flowBox .txtBox .subTxt {
        width: 100%;
        font-size: 4vw;
    }

    #buysellSec .buysellBox .flowBox ul {
        display: block;
        width: 80%;
        margin: auto;
        overflow-x: unset;
    }

    #buysellSec .buysellBox .flowBox ul li.circle {
        width: 100%;
        border: 0;
        text-align: left;
        font-size: 5vw;
        border-radius: unset;
        background-position: left center;
        background-size: 22vw;
        padding: 10vw 0 10vw 28vw;
        aspect-ratio: unset;
        background-color: transparent;
    }

    #buysellSec .buysellBox .introduction:before {
        display: none;
    }

    #buysellSec .buysellBox .flowBox ul li.connect {
        width: 1vw;
        height: 10vw;
        margin-left: 10.5vw;
        margin-block: 2vw;
    }

    #buysellSec .buysellBox .flowBox ul li.connect:before {
        width: 2.6vw;
        height: 2.6vw;
        left: -0.8vw;
    }

    #buysellSec .buysellBox .flowBox ul li.connect:after {
        width: 2.6vw;
        height: 2.6vw;
        top: auto;
        left: -0.8vw;
        bottom: 0;
    }

    #buysellSec .buysellBox .flowBox ul li.circle.circle01 {
        background-image: url(../image/buysellSec_step01_sp.png);
    }

    #buysellSec .buysellBox .flowBox ul li.circle.circle02 {
        background-image: url(../image/buysellSec_step02_sp.png);
    }

    #buysellSec .buysellBox .flowBox ul li.circle.circle03 {
        background-image: url(../image/buysellSec_step03_sp.png);
    }

    #buysellSec .buysellBox .flowBox ul li.circle.circle04 {
        background-image: url(../image/buysellSec_step04_sp.png);
    }

    #buysellSec .buysellBox .flowBox ul li.circle.circle05 {
        background-image: url(../image/buysellSec_step05_sp.png);
    }

    #buysellSec .buysellBox .flowBox ul li.circle.circle06 {
        background-image: url(../image/buysellSec_step06_sp.png);
    }

    #buysellSec .buysellBox .flowBox ul li.circle.circle07 {
        background-image: url(../image/buysellSec_step07_sp.png);
    }

    #buysellSec .buysellBox .flowBox ul li.circle.circle08 {
        background-image: url(../image/buysellSec_step08_sp.png);
        padding: 4vw 0 10vw 28vw;
    }

    #buysellSec .buysellBox .flowBox ul li.circle span {
        font-size: 4vw;
    }

    #buysellSec .buysellBox.buy .flowBox {
        margin-bottom: 10vw;
    }

    #faqSec .inner ul li {
        width: 100%;
    }

    #faqSec .inner ul li .ttl {
        font-size: 4.5vw;
    }

    #faqSec .inner ul li .answer {
        font-size: 4vw;
    }

    #tokyozijoSec li {
        flex-wrap: wrap;
        padding: 2vw;
    }

    #tokyozijoSec li .leftBox {
        width: 100%;
    }

    #tokyozijoSec li .rightBox {
        width: 100%;
        padding: 5vw;
    }

    #tokyozijoSec li.tokyorealestate .rightBox:before,
    #tokyozijoSec li.liveintokyo .rightBox:before {
        display: none;
    }

    #tokyozijoSec li .rightBox h3 {
        font-size: 4.5vw;
        margin-bottom: 2vw;
    }

    #tokyozijoSec li .rightBox h3:after {
        width: 10vw;
        margin-top: 2vw
    }

    #tokyozijoSec li .rightBox .ttl {
        font-size: 3.5vw;
        line-height: 4.5vw;
    }

    #tokyozijoSec .wrap1140 .icon.left {
        top: auto;
        bottom: -20vw;
        right: 30vw;
        left: auto;
        width: 15vw;
    }

    #tokyozijoSec .wrap1140 .icon.right {
        top: auto;
        bottom: -20vw;
        right: 10vw;
        width: 15vw;
    }

    #footer .wrap1240 .rightBox {
        order: 0;
        width: 100%;
        padding: 10vw 4vw;
        ;
        background-color: #fff;
    }

    #footer .wrap1240 .leftBox {
        order: 1;
        width: 100%;
        border-right: 0;
        padding-right: 0;
        padding-top: 5vw;
        margin-top: 10vw;
        border-top: 1px dashed #D0D0D0;
    }

    #footer .wrap1240 .rightBox .navBox {
        display: none;
    }

    #footer .wrap1240 .leftBox .companyName {
        text-align: center;
        /* font-size: 12vw; */
        margin: 0 auto;
        width: 70vw;
    }


    #footer .wrap1240 .leftBox .subTxt {
        font-size: 3.5vw;
    }

    #footer .wrap1240 .leftBox .map {
        height: 80vw;
        margin-bottom: 10vw;
    }

    #footer .wrap1240 .leftBox .companyInfo {
        font-size: 3.5vw;
        margin-bottom: 10vw;
        text-align: center;
    }

    #footer .wrap1240 .leftBox .instaIcon {
        width: 8vw;
        margin: auto;
        margin-bottom: 10vw;
    }

    #footer .wrap1240 .leftBox .copyright {
        font-size: 3vw;
        text-align: center;
    }

    #footer .wrap1240 .rightBox .mailBox {
        margin-bottom: 5vw;
    }

    #footer .wrap1240 .rightBox .mailBox .ttl {
        text-align: center;
        font-size: 4vw;
    }

    #footer .wrap1240 .rightBox .mailBox .ttl:after {
        width: 100%;
        margin: 00;
    }

    #footer .wrap1240 .rightBox .mailBox ul {
        display: block;
    }

    #footer .wrap1240 .rightBox .mailBox ul li {
        width: 100%;
        margin-bottom: 3vw;
    }

    #footer .wrap1240 .rightBox .telBox .ttl {
        text-align: center;
        font-size: 4vw;
    }

    #footer .wrap1240 .rightBox .telBox .no {
        font-size: 10vw;
        padding: 0;
        text-align: center;
        background: no-repeat;
    }

    #footer .wrap1240 .rightBox .telBox .no span {
        font-size: 3vw;
        display: block;
        margin: 0;
        margin-top: 1vw;
    }

    #footer .wrap1240 .rightBox .telBox {
        margin-bottom: 0;
    }

    /* お知らせ一覧 */
    .page_news_list .post_cont {
        flex-direction: column;
        gap: 5vw 0;
    }

    .page_news_list .post_cont .penguin_blog_parts {
        width: 100%;
    }

    .page_news_list .post_cont .penguin_blog_parts .penguin_blog_parts_link {
        display: flex;
        align-items: center;
        gap: 0 3vw;
    }

    .page_news_list .post_cont .penguin_blog_parts .penguin_blog_parts_link .penguin_blog_parts_img_box {
        width: 39.7vw;
        aspect-ratio: 155 / 100;
        flex-shrink: 0;
        margin-bottom: 0;
    }

    .page_news_list .post_cont .penguin_blog_parts .penguin_blog_parts_link .penguin_blog_parts_text_box .penguin_blog_parts_ttl {
        font-size: 3.4vw;
        line-height: 1.7142857143;
        margin-top: 0;
        -webkit-line-clamp: 3;
    }

    .page_news_list .BlogThumbnailPreLink,
    .page_news_list .BlogThumbnailNextLink {
        bottom: -8vw;
        font-size: 3.4vw;
    }

    .page_news_list .post_cont .penguin_blog_parts .penguin_blog_parts_link:hover .penguin_blog_parts_img_box img {
        scale: 1;
    }


    /* common_card */
    #bukken_single_page .common_card {
        max-width: 64.1vw;
    }

    #bukken_single_page .common_card .common_card_image img {
        aspect-ratio: 250/320;
    }

    #bukken_single_page .common_card .common_card_body {
        margin-top: 3.8vw;
    }

    #bukken_single_page .common_card .common_card_title {
        font-size: 4.1vw;
    }

    #bukken_single_page .common_card .common_card_price_box {
        margin-top: 2.6vw;
    }

    #bukken_single_page .common_card .common_card_price_title,
    #bukken_single_page .common_card .common_card_price,
    #bukken_single_page .common_card .common_card_floor_title,
    #bukken_single_page .common_card .common_card_floor {
        font-size: 3.3vw;
    }

    #bukken_single_page .common_card .common_card_price span {
        font-size: 3.3vw;
    }

    #bukken_single_page .common_card .common_card_floor_box {
        margin-top: 2.6vw;
    }

    #bukken_single_page .common_cards {
        gap: 0 7.7vw;
    }

    #bukken_single_page .common_card .common_card_price {
        font-size: 5.1vw;
    }

    #bukken_single_page .common_card .common_card_price .oku {
        font-size: 3.3vw;
    }

    #bukken_single_page .common_card:hover .common_card_image img {
        scale: 1.2;
    }

    /* 物件詳細 */
    #bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_prev,
    #bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_next {
        width: 8vw;
        height: 8vw;
    }

    #bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_prev {
        left: -2.5vw;
    }

    #bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_prev::before,
    #bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_next::before {
        width: 2vw;
    }

    #bukken_single_page .img_slider_block .slide_wrap .main_slider .slick_next {
        right: -2.5vw;
    }

    #bukken_single_page .img_slider_block .slide_wrap .main_slider .propertyImageArea .slick-slide a .caption {
        padding: 1.5vw 3vw;
        font-size: 3.2vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    #bukken_single_page .wrap {
        max-width: 90%;
    }

    /* ハンバーガー */
    .hamburger {
        width: 50px;
        height: 50px;
        top: 10px;
    }

    .hamburger span {
        width: 22px;
        left: 14px;
    }

    .hamburger span:nth-child(1) {
        top: 17px;
    }

    .hamburger span:nth-child(2) {
        top: 23.9px;
    }

    .hamburger span:nth-child(3) {
        top: 30.7px;
    }

    .hamburger.active span:nth-child(1) {
        top: 23.9px;
        left: 14px;
    }

    .hamburger.active span:nth-child(2),
    .hamburger.active span:nth-child(3) {
        top: 23.9px;
    }

    nav.globalMenuSp {
        background: #fff;
        background-image: url(../image/moya.png);
        background-size: 60vw;
        background-position: 100% 100%;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    nav.globalMenuSp .wrap {
        padding-left: 0;
        background: none;
        padding-bottom: 10vw;
        padding-top: 80px;
        max-width: 100%;
        padding-left: 5vw;
        padding-right: 5vw;
        border-left: 5px solid var(--main-color);
    }

    nav.globalMenuSp .link_area {
        width: 100%;
        padding-left: 0;
    }

    nav.globalMenuSp .link_area ul {
        gap: 0 5vw;
        margin-bottom: 10vw;
        position: relative;
    }

    nav.globalMenuSp .link_area ul:before {
        content: "";
        width: 50vw;
        height: 50vw;
        background: url(../image/moya.png) no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        left: -16vw;
        top: -27vw;
        z-index: -1;
    }

    nav.globalMenuSp .link_area ul:after {
        content: "";
        width: 50vw;
        height: 50vw;
        background: url(../image/moya.png) no-repeat;
        background-size: contain;
        background-position: center;
        position: absolute;
        right: -7vw;
        bottom: -26vw;
        z-index: -1;
    }

    nav.globalMenuSp .link_area ul li a {
        font-size: 3.4vw;
        background-size: 5vw;
    }

    nav.globalMenuSp .link_area .contact_box {
        background: #F2FFFF;
        padding: 8vw 5vw;
        margin-bottom: 10vw;
    }

    nav.globalMenuSp .link_area .contact_box .title_box {
        margin-bottom: 5vw;
    }

    nav.globalMenuSp .link_area .contact_box .title_box .title {
        font-size: 7vw;
    }

    nav.globalMenuSp .link_area .contact_box .title_box .en {
        color: var(--main-color);
        font-size: 4.5vw;
    }

    nav.globalMenuSp .link_area .contact_box .box .lead {
        font-size: 4.5vw;
        margin-bottom: .5em;
    }

    nav.globalMenuSp .link_area .contact_box .box .button a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        line-height: 17vw;
        color: #fff;
        font-size: 4.4vw;
        text-align: left;
        padding-left: 20vw;
        padding-right: 5vw;
    }

    nav.globalMenuSp .link_area .contact_box .box .button.line a {
        background-color: #42BF77;
        background-image: url(../image/icon_line.svg);
        background-repeat: no-repeat;
        background-position: 4vw;
    }

    nav.globalMenuSp .link_area .contact_box .box .button.chat {
        margin-top: 4vw;
    }

    nav.globalMenuSp .link_area .contact_box .box .button.chat a {
        background-color: #1A5771;
        background-image: url(../image/icon_chat.svg);
        background-repeat: no-repeat;
        background-position: 4vw;
    }

    nav.globalMenuSp .link_area .contact_box .box .button.tel a {
        background-color: #36a1e9;
        background-image: url(../image/icon_tel.svg);
        background-repeat: no-repeat;
        background-position: 4vw;
    }

    nav.globalMenuSp .link_area .contact_box .box .button a:after {
        content: "";
        display: inline-block;
        width: 2.5vw;
        height: 2.5vw;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
    }

    nav.globalMenuSp .link_area .contact_box .box+.box {
        border-top: 1px dashed #D0D0D0;
        padding-top: 5vw;
        margin-top: 5vw;
    }

    nav.globalMenuSp .link_area .contact_box .time {
        margin-top: 4vw;
        color: #5D5D5D;
    }

    nav.globalMenuSp .link_area .bottom_box {
        display: block;
    }

    nav.globalMenuSp .link_area .bottom_box .insta {
        margin-bottom: 8vw;
    }

    nav.globalMenuSp .link_area .bottom_box .other_link {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-bottom: 8vw;
    }

    nav.globalMenuSp .link_area .bottom_box .other_link .link {
        line-height: 1;
    }

    nav.globalMenuSp .link_area .bottom_box .other_link .link:first-child {
        border-right: 1px solid #404040;
        padding-right: 20px;
    }

    nav.globalMenuSp .link_area .bottom_box .other_link a {
        color: initial;
        font-size: 3vw;
    }

    nav.globalMenuSp:before {
        display: none;
    }

    nav.globalMenuSp .link_area .bottom_box .insta img {
        width: 7.7vw;
        margin: 0 auto;
    }

    /* 会員パーツ */
    .header_registration,
    .header_login {
        width: 30px;
    }

    .header_icons {
        top: 23px;
        right: 65px;
        gap: 0 10px;
    }

    /* SPヘッダー */
    #pc_header .main_logo {
        width: 170px;
    }

    #pc_header .wrap {
        padding-top: 23px;
    }

    #pc_header {
        height: 70px;
    }

    /* WeChatモーダル */
    .modal_wechat_cont {
        max-width: 90%;
        padding: 10vw 5vw 5vw;
    }

    .modal_wechat_cont .js-modal-close {
        width: 6.5vw;
        top: 2.5vw;
        right: 2.5vw;
    }

    .modal_wechat .modal_wechat_cont .id_text {
        font-size: 3.7vw;
    }

    .modal_wechat .modal_wechat_cont .text {
        text-align: center;
        font-size: 3.2vw;
        letter-spacing: .05em;
        font-weight: 500;
    }

    .top_page img.pc {
        display: none;
    }

    .top_page img.sp {
        display: block;
    }

    .singleFudo_page div#contact_form table tr.pc {
        display: none;
    }

    .singleFudo_page div#contact_form table tr.sp {
        display: block;
    }

    .top_ban_area .banner_cont {
        margin-bottom: 22vw;
        margin-top: 10vw;
    }

    .top_ban_area .banner_cont li.slick-slide {
        margin: 0 2.5vw;
    }

    .top_ban_area .banner_cont li.slick-slide .link img {
        scale: 1;
    }

    .top_ban_area .banner_cont ul.slick-dots {
        bottom: -11vw;
    }

    .top_ban_area .banner_cont ul.slick-dots li {
        width: 10px;
        height: 10px;
    }

    .top_ban_area .banner_cont .slick-prev,
    .top_ban_area .banner_cont .slick-next {
        width: 30px;
        height: 30px;
        bottom: -17vw;
    }

    .top_ban_area .banner_cont .slick-prev {
        left: calc(50vw - 100px);
    }

    .top_ban_area .banner_cont .slick-next {
        right: calc(50vw - 100px);
    }

    #n_top_mv {
        padding: 40vw 0 10vw;
    }

    #n_top_mv .mv_logo {
        width: 60vw;
        margin: 0 auto 4vw;
    }

    #n_top_mv .mv_ttl {
        font-size: 5.2vw;
        text-align: center;
    }

    #n_top_mv .en_ttl {
        font-size: 4.5vw;
        text-align: center;
    }

    #n_top_map_search {
        padding-top: 12vw;
    }

    #n_top_map_search #chizu_svg a path,
    #n_top_map_search #chizu_svg a polygon {
        transition: .3s;
    }

    #n_top_map_search #chizu_svg a:hover path,
    #n_top_map_search #chizu_svg a:hover polygon {
        fill: #85cbbf !important;
    }

    #n_top_map_search #chizu_svg #moji {
        pointer-events: none;
    }

    #n_top_map_search .sec_ttl {
        font-size: 7vw;
        letter-spacing: .06em;
        font-weight: 700;
        text-align: center;
        margin-bottom: 0.7em;
        line-height: 1.5;
    }

    #n_top_map_search .flex_box {
        grid-template-columns: 1fr;
        border-radius: 9px;
    }

    #n_top_map_search .flex_box .map_area {
        padding: 5vw;
        border-left: none;
        border-top: 2px solid #35a1e9;
    }

    #n_top_map_search .flex_box .btn_area {
        padding: 7vw 5vw;
    }

    #n_top_map_search .flex_box .btn_area .link_area ul {
        gap: 2vw;
    }

    #n_top_map_search .flex_box .btn_area .link_area ul li .link {
        padding: 3vw;
    }

    #n_top_map_search .flex_box .btn_area .link_area ul li .link .icon {
        padding: 3vw;
        width: 14vw;
        height: 14vw;
        border-radius: 50%;
        background-color: #36a1e9;
    }

    #n_top_map_search .flex_box .btn_area .link_area ul li .link .text {
        font-size: 3.6vw;
    }

    #n_top_map_search .flex_box .btn_area .link_area ul li .link:hover {
        background-color: #36a1e9;
    }

    #n_top_map_search .flex_box .btn_area .link_area ul li .link:hover .text {
        color: #fff;
    }

    #n_top_map_search .flex_box .btn_area .ichiran_link {
        font-size: 3.6vw;
        margin-top: 2vw;
    }

    #pc_header .flex_box {
        padding-right: 0;
    }

    #n_top_map_search .flex_box .btn_area .search-form {
        gap: 1vw;
        margin-top: 2vw;
    }

    #n_top_map_search .flex_box .btn_area .search-form label .search-field {
        font-size: 3vw;
    }

    #n_top_map_search .flex_box .btn_area .search-form .search-submit {
        font-size: 3.5vw;
    }

    nav.globalMenuSp .link_area .link_area_ttl {
        text-align: left;
        font-size: 3.6vw;
        margin-bottom: 0.7em;
        font-weight: 700;
        color: var(--main-color);
    }
}