.navigation {
}

.navigation .navigation-contact {
    text-align: center;
}

.navigation-tel-btn {
    width: 240px;
    display: inline-block;
    color: #000;
    font-size: 14px;
}

.navigation-contact-btn {
    width: 220px;
    display: inline-block;
    background-color: #b38d48;
    padding: 10px 0px;
    color: #fff;
    font-size: 14px;
}

.navigation-tel-btn,
.navigation-contact-btn  {
    text-decoration: none;
}

.navigation-tel-btn p,
.navigation-contact-btn p {
    padding: 0px;
    margin: 2px 0px;
}

.navigation-tel-btn p.tel {
    padding: 3px 0px 0px;
}

.navigation-tel-btn img {
    padding: 0px 3px;
}

.hero h2 {
    font-size: 60px;
        top: 12vw !important;
    left: 8vw !important;
    /* text-align: center; */
}

.hero h2.detail-title {
    top: 20vw !important;
    left: 24vw !important;
        font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
        letter-spacing: 0.1em;
}

.hero span.badge {
    position: absolute;
    top:160px;
    left:60px;
}

/* .hero span.traffic {
    position: absolute;
    bottom:0px;
} */

.hero span.line {
    position: absolute;
    bottom:0px;
    background-color: #fff;
    opacity: 0.5;
    width: 100%;
    height: 100px;
}

.hero span.line2 {
    position: absolute;
    bottom: 10px;
    left:1%;
    border: 1px solid #b38d48;
    width: 98%;
    height: 80px;
}

.hero .traffic {
    color:#000;
    text-align: center;
    /* position: absolute; */
    padding-top: 26px;
    font-size: 20px;
    /* bottom: 20px; */
        letter-spacing: 0.3em;
    font-weight: 600;
}

.apartments {
    background-color: #fff;
    padding: 80px 0px;
}

.apartments-about {
    width:1200px;
    margin: 0px auto;
    padding-bottom: 80px;
}

.apartments-about .apartments-about-left {
    width: 40%;
    float: left;
}

.apartments-about .apartments-about-left h3 {
    color:#8C7D75;
    font-size: 100px;
    padding: 0px;
    margin: 0px;
    /* font-family: "Noto Sans JP", sans-serif; */
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
          line-height: 1.2;
	  letter-spacing: 0.05em;
}

.apartments-about .apartments-about-left span {
    color:#8C7D75;
}

.apartments-about .apartments-about-right {
    width: 56%;
    float: left;
}

.apartments-about .apartments-about-right h3 {
    font-size: 24px;
        font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
        letter-spacing: 0.05em;
}

.apartments-about .apartments-about-right p {
    margin:0px;
    line-height: 1.7;
}

.apartments-about .apartments-about-right ul {
    padding: 0px;
}

.apartments-about .apartments-about-right ul li {
    display: inline-block;
    border: 1px solid #8C7D75;
    padding: 15px 0%;
    width: 40%;
    text-align: center;
    /* margin: 3% 3% 3% 0%; */
}

.apartments-about .apartments-about-right ul li:first-child {
    margin: 3% 3% 3% 0%;
}

.apartments-about .apartments-about-right ul li:last-child {
    margin: 3% 0% 3% 3%;
    background-color: #8C7D75;
        position: relative;
}

.apartments-about .apartments-about-right ul li:last-child::before {
	content: "＞";
    position: absolute;
    top: 15px;
    right: 10px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #fff;
}

.apartments-about .apartments-about-right ul li a {
    text-decoration: none;
}

.apartments-about .apartments-about-right ul li:first-child a {
    color: #8C7D75;
}

.apartments-about .apartments-about-right ul li:last-child a {
    color: #fff;

}

/***************************************************************
 *
 * @ Plan - 間取り
 *
 **************************************************************/
.apartments-plan {
    background-color: #EFF3F6;
    padding: 80px 0px;
    position:relative;
}

.apartments-plan::after {
	content: "";
    position: absolute;
    background-image: url(/images/top/bk_plan.svg);
    width: 240px;
    top: 150px;
    height: 344px;
    right: 0px;
    z-index: 0;
}

.apartments-plan .apartments-plan-inner {
    width:1200px;
    margin: 0px auto;
}

.apartments-plan .apartments-plan-inner .apartments-plan-left {
    width: 40%;
    float: left;
    padding-right: 4%;
}

.apartments-plan .apartments-plan-inner .apartments-plan-left p {
    display:none;
}

.apartments-plan .apartments-plan-inner .apartments-plan-left ul {
    padding: 0px;
    list-style: none;
}

.apartments-plan .apartments-plan-inner .apartments-plan-left ul li {
}

.apartments-plan .apartments-plan-inner .apartments-plan-left ul li img {
    width: 100%;
}

.apartments-plan .apartments-plan-inner .apartments-plan-left ul li:first-child {
    width: 98%;
    margin-bottom: 1%;
}

.apartments-plan .apartments-plan-inner .apartments-plan-left ul li:nth-child(2) {
    width: 48%;
    display: inline-block;
    margin-right: 1%;
    background:#fff;
}

.apartments-plan .apartments-plan-inner .apartments-plan-left ul li:nth-child(3) {
    width: 48%;
    display: inline-block;
    background:#fff;
}

.apartments-plan .apartments-plan-inner .apartments-plan-left ul li:nth-child(2) img,
.apartments-plan .apartments-plan-inner .apartments-plan-left ul li:nth-child(3) img {
    height: 165px;
    object-fit: contain;
    /*object-fit: cover;*/
}

.apartments-plan .apartments-plan-inner .apartments-plan-right {
    width: 56%;
    float: left;
    position: relative;
}

.apartments-plan .apartments-plan-inner .apartments-plan-right p {
    line-height: 1.7;
    position: absolute;
    z-index:2;
}

.apartments-plan .apartments-plan-inner .apartments-plan-right h3 {
    /* color:#b38d48; */
    font-size: 64px;
    padding: 0px;
    margin: 0px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
    line-height: 1.2;
    letter-spacing: 0.05em;
}

.apartments-plan .apartments-plan-inner .apartments-plan-right h3 span {
    font-size: 18px;
    padding-left: 20px;
    font-family: auto;
}

.apartments-plan .apartments-plan-inner .apartments-plan-right ul {
    padding: 0px;
    position: absolute;
    width: 672px;
    top: 170px;
}

.apartments-plan .apartments-plan-inner .apartments-plan-right ul li {
    display: inline-block;
    border: 1px solid #8C7D75;
    background-color: #8C7D75;
    padding: 15px 0%;
    width: 40%;
    text-align: center;
    position: relative;
}

.apartments-plan .apartments-plan-inner .apartments-plan-right ul li a {
    text-decoration: none;
    color: #fff;
position: relative;
}
/*
.apartments-plan .apartments-plan-inner .apartments-plan-right ul li a::before {
	    content: "＞";
    position: absolute;
    top: -3px;
    right: 0px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
}
*/
.apartments-plan .apartments-plan-inner .apartments-plan-right ul li::before {
	            content: "＞";
    position: absolute;
    top: 15px;
    right: 10px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
    color:#fff;
}


/***************************************************************
 *
 * @ Building - Facilities - 建物設備
 *
 **************************************************************/
 .apartments-facilities {
    background-color: #EFF3F6;
    padding: 80px 0px;
    position:relative;
}

.apartments-facilities::before {
    content:"";
    position: absolute;
    background-image: url(/images/top/bk_plan.svg);
    width: 240px;
    top: 250px;
    height: 344px;
    left: 0px;
    z-index: 0;
}

.apartments-facilities .apartments-facilities-inner {
    width:1100px;
    margin: 0px auto;
}

.apartments-facilities .apartments-facilities-inner .apartments-facilities-left h3 {
    font-size: 64px;
    padding: 0px;
    margin: 0px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
      line-height: 1.2;
      letter-spacing: 0.05em;
}

.apartments-facilities .apartments-facilities-inner .apartments-facilities-left h3 span {
    font-size: 18px;
    padding-left: 20px;
    font-family: auto;
}

.apartments-facilities .apartments-facilities-inner .apartments-facilities-left {
    width: 48%;
    float: left;
    position:relative;
}

.apartments-facilities .apartments-facilities-inner .apartments-facilities-left p {
    position: absolute;
    z-index: 2;
}

.apartments-facilities .apartments-facilities-inner .apartments-facilities-left ul {
    padding: 0px;
    position: absolute;
    z-index: 2;
    width: 672px;
    top: 250px;
}

.apartments-facilities .apartments-facilities-inner .apartments-facilities-left ul li {
    display: inline-block;
    border: 1px solid #8C7D75;
    background-color: #8C7D75;
    padding: 15px 0%;
    width: 40%;
    text-align: center;
        position: relative;
}

.apartments-facilities .apartments-facilities-inner .apartments-facilities-left ul li::before {
	content: "＞";
    position: absolute;
    top: 15px;
    right: 10px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #fff;
}

.apartments-facilities .apartments-facilities-inner .apartments-facilities-left ul li a {
    text-decoration: none;
    color: #fff;
}

.apartments-facilities .apartments-facilities-inner .apartments-facilities-right {
    width: 48%;
    float: left;
    padding-left: 4%;
}

.apartments-facilities .apartments-facilities-inner .apartments-facilities-right img {
    width: 100%;
}

/***************************************************************
 *
 * @ Room - Facilities - 部屋設備
 *
 **************************************************************/
 .apartments-room {
    background-color: #EFF3F6;
    padding: 80px 0px;
    position:relative;
}

 .apartments-room::before {
    content: "";
    position: absolute;
    background-image: url(/images/top/bk_plan.svg);
    width: 240px;
    top: 265px;
    height: 344px;
    right: 0px;
    z-index: 0;
 }

.apartments-room .apartments-room-inner {
    width:1100px;
    margin: 0px auto;
}

.apartments-room .apartments-room-inner .apartments-room-right p {
    display:none;
}

.apartments-room .apartments-room-inner .apartments-room-right h3 {
    font-size: 64px;
    padding: 0px;
    margin: 0px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
    line-height: 1.2;
    letter-spacing: 0.05em;
}

.apartments-room .apartments-room-inner .apartments-room-right h3 span {
    font-size: 18px;
    padding-left: 20px;
    font-family: auto;
}

.apartments-room .apartments-room-inner .apartments-room-right {
    width: 48%;
    float: left;
    position: relative;
}

.apartments-room .apartments-room-inner .apartments-room-right p {
    position: absolute;
        z-index: 2;
}

.apartments-room .apartments-room-inner .apartments-room-right ul {
    padding: 0px;
    position: absolute;
    width: 672px;
    top: 250px;
}

.apartments-room .apartments-room-inner .apartments-room-right ul li {
    display: inline-block;
    border: 1px solid #8C7D75;
    background-color: #8C7D75;
    padding: 15px 0%;
    width: 40%;
    text-align: center;
        position: relative;
}

.apartments-room .apartments-room-inner .apartments-room-right ul li::before {
    content: "＞";
    position: absolute;
    top: 15px;
    right: 10px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #fff;
}

.apartments-room .apartments-room-inner .apartments-room-right ul li a {
    text-decoration: none;
    color: #fff;
}

.apartments-room .apartments-room-inner .apartments-room-left {
    width: 48%;
    float: left;
    padding-right: 4%;
}

.apartments-room .apartments-room-inner .apartments-room-left img {
    width: 100%;
}

/***************************************************************
 *
 * @ gallery - ギャラリー
 *
 **************************************************************/
.apartments-gallery {
    background-color: #fff;
    padding: 40px 0px 100px;
}

.apartments-gallery .apartments-gallery-inner {
    width:1100px;
    margin: 0px auto;
    text-align: center;
}

.apartments-gallery .apartments-gallery-inner h2 {
    font-size: 56px;
    padding: 0px;
    margin: 0px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
    text-align: center;
    color: #8C7D75;
    letter-spacing: 0.05em;
}

.apartments-gallery .apartments-gallery-inner span {
    padding: 0px;
    margin: 0px;
    font-family: "Noto Serif", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
    text-align: center;
    color: #8C7D75;
}

.apartments-gallery .apartments-gallery-inner a {
    color: #fff;
    background-color: #8C7D75;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #8C7D75;
    background-color: #8C7D75;
    padding: 15px 0%;
    width: 20%;
    text-align: center;
    margin: 50px auto 0px;
    position: relative;
}

.apartments-gallery .apartments-gallery-inner a::before {
content: "＞";
    position: absolute;
    top: 15px;
    right: 10px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #fff;
}

/***************************************************************
 *
 * @ access - アクセス
 *
 **************************************************************/
.apartments-access {
    background-color: #EFF3F6;
    padding: 120px 0px;
    background-image: url(/images/top/bk_access.svg);
    background-size: auto;
    width: 100%;
    /*width: 1440px;*/
}

.apartments-access .apartments-access-inner {
    width:1100px;
    margin: 0px auto;
}

.apartments-access .apartments-access-inner .apartments-access-left {
    width: 48%;
    float: left;
}

.apartments-access .apartments-access-inner .apartments-access-left .embed-map {
    display:none;
}

.apartments-access .apartments-access-inner .apartments-access-left h2 {
    font-size: 64px;
    padding: 0px;
    margin: 0px;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
      "wdth" 100;
}

.apartments-access .apartments-access-inner .apartments-access-left h2 span {
    font-size: 18px;
    padding-left: 20px;
    font-family: auto;
    }

.apartments-access .apartments-access-inner .apartments-access-left ul {
    padding: 0px;
}

.apartments-access .apartments-access-inner .apartments-access-left ul li {
    display: inline-block;
    border: 1px solid #b38d48;
    background-color: #b38d48;
    padding: 15px 0%;
    width: 40%;
    text-align: center;
    position: relative;
}

.apartments-access .apartments-access-inner .apartments-access-left ul li::before {
    content: "＞";
    position: absolute;
    top: 15px;
    right: 10px;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: #fff;
}

.apartments-access .apartments-access-inner .apartments-access-left ul li a {
    text-decoration: none;
    color: #fff;
}

.apartments-access .apartments-access-inner .apartments-access-right {
    width: 48%;
    float: left;
    padding-left: 4%;
}

.apartments-access .apartments-access-inner .apartments-access-right #embed-map {
    width:100%;
    height:400px;
}


.back-home {
    width: 350px;
    margin: 0 auto 50px;
    padding: 15px 0px;
    border: 1px solid #8C7D75;
    text-align: center;
}

.back-home a {
    text-decoration: none;
    color:#8C7D75;
}

.property-foooter-bottom {
    background-color: #fff;
    color: #333;
}