@charset "UTF-8";

html,
body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    font-family: "Noto Sans Japanese", apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    line-height: 1;
    background: #fff;
}

body::-webkit-scrollbar {
    display: none;
}

p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    font-family: "Noto Sans Japanese", apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    color: #333;
}

img {
    max-width: 100%;
    height: auto;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

a {
    outline: none;
    text-decoration: none;
}

a img {
    outline: none;
    border: 0;
}

:focus {
    outline: 0;
}

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

dl,
dt,
dd {
    margin: 0;
}

input,
textarea {
    display: block;
    margin: auto;
}

::-webkit-input-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #999;
}

/* iOS style reset */

input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}


/******************************************************************************
*
* [共通]設定
*
******************************************************************************/

.wrap {
    width: 960px;
    margin: auto;
}

body > article {
    margin: 50px 0;
}

.font-Gothic {
    font-family: "Noto Sans Japanese", apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}

.font-Mincho {
    font-family: 'Noto Serif JP', Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, "Sawarabi Mincho", serif;
}

/*フェードイン*/

.fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 1500ms;
}

.fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
}

/*ボタン*/

.common_button {
    text-align: center;
    margin-top: 25px;
}

.common_button a {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    background: #333;
    padding: 0.5em 1em;
    color: #fff;
    border: solid 2px #333;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.common_button a:hover {
    background: #fff;
    color: #333;
}


/******************************************************************************
*
* [フロント]グローバルナビゲーション
*
******************************************************************************/

.global_navigation_front_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    padding-top: 0.6em;
}

.gn_f_logo {
    width: 18%;
}

.gn_f_menu {
    width: 45%;
}

.gn_f_contact {
    width: 33%;
}

/* safari */
_::-webkit-full-page-media,
_:future,
:root .gn_f_menu {
    width: 48%;
}

_::-webkit-full-page-media,
_:future,
:root .gn_f_contact {
    width: 30%;
}

/*ロゴ*/

.gn_f_logo img {
    width: 100%;
}

/*メニュー*/

.gn_f_menu ul {
    text-align: center;
}

.gn_f_menu ul li {
    display: inline-block;
    margin-right: 1em;
}

.gn_f_menu ul li:last-child {
    margin-right: 0;
}

.gn_f_menu ul li a {
    color: #333;
    font-weight: bold;
    font-size: 14px;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    padding-bottom: 5px;
}

.gn_f_menu ul li a:hover {
    color: #999;
}

/*お問い合わせ*/

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

.gn_f_contact ul li {
    width: 49.5%;
}

.gn_f_contact .gn_f_contact_tel span {
    font-size: 18px;
    font-weight: bold;
}

.gn_f_contact .gn_f_contact_button {
    position: relative;
    bottom: 0.6em;
}

.gn_f_contact .gn_f_contact_button a {
    display: block;
    background: #d51134;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 1.5em 0.5em 0.5em;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
}

.gn_f_contact .gn_f_contact_button a:hover {
    background: #ff3f61;
}

.gn_f_contact .gn_f_contact_button a i {
    margin-right: 0.3em;
    font-size: 18px;
}

/*SP用ハンバーガーメニュー*/

.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}

.menu-trigger {
    position: relative;
    width: 40px;
    height: 35px;
}

.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #d51134;
    border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
    top: 0;
}

.menu-trigger span:nth-of-type(2) {
    top: 15px;
}

.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}

.menu-trigger {
    -webkit-animation: menu-close .6s;
    animation: menu-close .6s;
}

.menu-trigger.active {
    -webkit-animation: menu-open .6s;
    animation: menu-open .6s;
}

@-webkit-keyframes menu-close {
    30% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes menu-close {
    30% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes menu-open {
    30% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes menu-open {
    30% {
        transform: scale(0);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-16px) rotate(45deg);
    transform: translateY(-16px) rotate(45deg);
}

.menu-trigger-wrap {
    text-align: right;
    display: none;
}

/*アクティブリンク*/

.nav_active {
    border-bottom: solid 2px #d51134;
}



/******************************************************************************
*
* [フロント]ヘッダースライドショー
*
******************************************************************************/

.front_slider {
    padding: 15px 0 10px;
}

.slick-dots {
    bottom: -30px;
}

.slick-dots li {
    margin: 0;
}

.front_slider_sp {
    display: none;
}

/******************************************************************************
*
* [フロント]サイトコンテンツ
*
******************************************************************************/

.front_content_heading {
    text-align: center;
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 2.5em;
}

.front_site_contents_list {
    display: flex;
    justify-content: space-between;
    padding-bottom: 80px;
}

.front_site_contents_list li {
    width: 19.5%;
    position: relative;
}

.front_site_contents_list li img {
    display: block;
}

.front_site_contents_list li:nth-child(2n) {
    top: 80px;
}

.front_site_contents_list li a::after {
    content: "MORE";
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 0.7em 2em;
}

/******************************************************************************
*
* [フロント]物件情報
*
******************************************************************************/

.front_property_info {
    margin: 100px 0;
}

.front_property_info_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    line-height: 1.5;
    font-size: 16px;
    position: relative;
}

.front_property_info_list::before {
    content: "";
    display: block;
    width: 100%;
    height: 92%;
    position: absolute;
    bottom: -40px;
    left: 0;
    background: #eaeaea;
    z-index: 1;
}

.front_property_info_list li {
    width: 19.5%;
    /*width: 24.6%;*/
    position: relative;
    z-index: 999;
}

.front_property_info_list li:nth-child(1) {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.3em;
    color: #333;
}

.front_property_info_list li:nth-child(3) {
    align-self: flex-start;
}

.front_property_info_list li:nth-child(4) {
    align-self: flex-end;
}
.front_property_info_list li:nth-child(5) {
    align-self: flex-end;
}

.front_property_info_list li span {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    font-size: 12px;
    font-weight: bold;
    padding: 0.3em 0.7em;
}

.front_property_info_list li span img {
    width: 1.5em;
    margin-left: 0.2em;
}

/******************************************************************************
*
* [共通]フッター
*
******************************************************************************/

footer {
    padding: 0 0 50px;
    background: #eaeaea;
    overflow: hidden;
    margin-top: 150px;
}

.footer_site_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    padding-top: 0.6em;
    padding-bottom: 2em;
    border-bottom: solid 1px #ccc;
}

.footer_logo {
    width: 18%;
    padding-top: 10px;
}

.footer_address {
    width: 45%;
    padding-top: 10px;
}

.footer_contact {
    width: 33%;
}

/*ロゴ*/

.footer_logo img {
    /*width: 100%;*/
}

/*会社情報*/

.footer_address {
    font-size: 12px;
}

.footer_address li:nth-child(1) {
    font-size: 14px;
    font-weight: bold;
}

/*お問い合わせ*/

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

.footer_contact ul li {
    width: 49.5%;
}

.footer_contact .footer_contact_tel span {
    font-size: 18px;
    font-weight: bold;
}

.footer_contact .footer_contact_button {
    position: relative;
    bottom: 1.4em;
    align-self: flex-start;
}

.footer_contact .footer_contact_button a {
    display: block;
    background: #000;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    padding: 1.5em 0.5em 0.5em;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
}

.footer_contact .footer_contact_button a:hover {
    background: #666;
}

.footer_contact .footer_contact_button a i {
    margin-right: 0.3em;
    font-size: 18px;
}

/*フッターメニュー*/

.footer_menu {
    padding: 2em 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
}

.footer_menu li {
    display: inline-block;
    padding: 0 1em;
    border-right: solid 1px #ccc;
}

.footer_menu li:last-child {
    border-right-width: 0;
}

.footer_menu li a {
    color: #333;
    font-weight: 500;
}

.footer_menu li a:hover {
    text-decoration: underline;
}

/*コピーライト*/

.copyright p {
    font-size: 10px;
    text-align: center;
    color: #666;
}

/******************************************************************************
*
* [下層ページ]共通デザイン
*
******************************************************************************/

.heading_bg {
    width: 100%;
    height: 600px;
    background-image: url(../images/page_heading_bg.jpg);
    background-size: cover;
    background-position: top;
}

/*メニュー調整*/

.global_navigation_page_inner {
    padding-top: 0;
}

.global_navigation_page_inner .gn_f_logo {
    width: 18%;
    margin: 0 0 -50px;
    position: relative;
    z-index: 90;
}

.global_navigation_page_inner .gn_f_contact .gn_f_contact_button {
    bottom: 0;
}

.global_navigation_page_inner .gn_f_contact .gn_f_contact_button a {
    padding: 1.6em 0.5em;
}

/*コンテンツエリア*/

.page_contents {}

.page_contents .page_contents_inner {
    font-size: 16px;
    line-height: 1.5;
    box-sizing: border-box;
    padding: 7em 4em 0;
    background: #fff;
}

/*タイトル*/

.page_contents_title {
    text-align: center;
    font-size: 50px;
    font-family: cursive;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 5px;
    padding: 0 0 1em;
    position: relative;
    margin-top: -300px;
    margin-bottom: -20px;
    color: #fff;
}

.page_contents_title::before {
    content: "";
    display: block;
    width: 5em;
    height: 1px;
    background: #333;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.page_contents_title::after {
    display: block;
    font-size: 12px;
    font-family: "Noto Sans Japanese", apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    color: #333;
    font-style: normal;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2em;
}

#pct_concept::after {
    content: "コンセプト";
}

#pct_company::after {
    content: "会社情報";
}

#pct_commitment::after {
    content: "住まいへのこだわり";
}

#pct_gallery::after {
    content: "ギャラリー";
}

#pct_land::after {
    content: "土地販売物件";
}

#pct_nbp::after {
    content: "新築・中古住宅販売物件";
}

#pct_resort::after {
    content: "リゾート賃貸物件";
}

/*本文*/

.pct_section {
    margin-bottom: 80px;
}

.pct_section:last-child {
    margin-bottom: 0;
}

.pct_section p {
    line-height: 1.7;
    font-size: 16px;
}

.pct_h3 {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 3px;
    color: #333;
    margin: 2em 0;
}

.pct_h4 {
    text-align: center;
    font-size: 20px;
    letter-spacing: 3px;
    font-weight: bold;
    color: #333;
    margin: 1em 0;
}

.bd_line {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0 auto 30px 0;
    padding-bottom: 7px;
    text-align: left;
    border-bottom: 1.5px solid #333;
}

.num {
    position: relative;
    padding: 0 30px 0 10px;
    font-size: 22px;
}
.num::after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 1.5px;
    height: 44px;
    margin-right: 20px;
    background-color: #333;
}

.pct_h5 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 1em;
}

.pct_img {
    margin: 2em 0;
}

.pct_img img {
    width: 100%;
}

/*テーブル*/

.pct_table {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.pct_table th,
.pct_table td {
    font-size: 16px;
    font-weight: normal;
    color: #333;
    border: solid 1px #ccc;
    padding: 1em;
}

/*フロー*/

.flow_list {}

.flow_list li {
    margin-bottom: 25px;
}

.flow_list li:nth-child(even) {
    text-align: center;
}

.flow_list dl {
    display: flex;
    justify-content: space-between;
    webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    padding: 15px;
    box-sizing: border-box;
    box-shadow: 8px 12px 10px -6px rgba(0, 0, 0, .3);
}

.flow_list dl dt {
    width: 35%;
}

.flow_list dl dt img {
    display: block;
    width: 100%;
}

.flow_list dl dd {
    width: 63%;
    border-bottom: dotted 1px #ccc;
}

.flow_list dl dd .flow_title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.5em;
}

.flow_list dl dd .flow_sentence {
    font-size: 14px;
    color: #333;
    padding: 1em 0;
    border-top: dotted 1px #ccc;
}

/*画像リスト*/

.specification_list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.specification_list ul li {
    width: 32%;
    text-align: center;
}

.specification_list ul li img {
    width: 100%;
    display: block;
}

.specification_list figure figcaption {
    font-size: 14px;
    padding: 0.5em 0 1em;
}

.specification_list_caption {
    font-size: 14px;
    color: #333;
    padding: 1.5em;
    box-sizing: border-box;
    border: solid 1px #ccc;
}

/*フラット35*/

.flat35 {
    text-align: center;
}

/*安全保障*/

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

.safety_list ul li {
    width: 32%;
    box-sizing: border-box;
    background: #ede9e5;
    padding: 10px;
    position: relative;
}

.safety_list dl {
    padding: 18px;
    position: relative;
}

.safety_list dl dt {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    padding: 0.5em 0;
    border-top: dotted 1px #999;
    border-bottom: dotted 1px #999;
    margin-bottom: 15px;
    color: #333;
}

.safety_list dl dd {
    font-size: 14px;
    color: #333;
}

.safety_list dl .top {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-top: solid 1px #b4b4b4;
    width: 95%;
}

.safety_list dl .bottom {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-top: solid 1px #b4b4b4;
    width: 95%;
}

.safety_list dl .left {
    display: block;
    position: absolute;
    left: 0;
    margin: auto;
    border-right: solid 1px #b4b4b4;
    height: 95%;
    top: 2.5%;
}

.safety_list dl .right {
    display: block;
    position: absolute;
    right: 0;
    margin: auto;
    border-right: solid 1px #b4b4b4;
    height: 95%;
    top: 2.5%;
}

/*ギャラリー*/

.pct_gallery_list ul {
    column-count: 3;
    column-gap: 0;
}

@media (max-width: 800px) {
    .pct_gallery_list ul {
        column-count: 2;
    }
}

@media (max-width: 480px) {
    .pct_gallery_list ul {
        column-count: 1;
    }
}

.pct_gallery_list a {
    color: #333;
}

.pct_gallery_list ul li {
    padding: 5px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    position: relative;
}

.pct_gallery_list ul li img {
    width: 100%;
    display: block;
}

.pct_gallery_list .gallery_data {
    font-size: 12px;
    line-height: 1.5;
    background: rgba(255, 255, 255, 0.75);
    padding: 1em;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
}

.pct_gallery_list a:hover .gallery_data {
    color: #666;
}


/******************************************************************************
*
* [下層ページ]レポートページ
*
******************************************************************************/

/*------------------
* ヘッド
------------------*/

.report_bg {
    width: 100%;
    height: auto;
    position: relative;
}

.report_bg::before {
    content: "";
    display: block;
    padding-top: 53.2%;
}

.report_bg .report_bg_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/report/report_head.jpg);
    background-size: cover;
    background-position: center;
}

/*------------------
* コンテンツ
------------------*/

.report_tc1 {
    color: #d51134;
}

.none_mb {
    margin-bottom: 0 !important;
}

.page_contents .page_contents_inner.report_pci {
    padding: 1em 4em 0;
}

h4.report_h4 {
    font-size: 36px;
    margin-bottom: 0.5em;
}

h4.report_h4.no_m {
    margin-bottom: 0;
}

h4.report_h4.be_mt {
    margin-top: 1em;
}

h4.report_h4.tc {
    text-align: center;
}

.report_hr {
    border-width: 0;
    border-top: dotted 2px #d51134;
    margin-bottom: 80px;
}

/*------------------
* 2カラム
------------------*/

/*基本*/

.lp2c {
    display: flex;
    justify-content: space-between;
    margin: 2em 0;
}

.lp2c > div {
    width: 49%;
}

.lp2c p {
    font-size: 14px;
}

.lp2c img {
    display: block;
}

/*調整*/

.lp2c_r4 {
    margin-top: 0;
}

.lp2c_r5 .lc {
    width: 40%;
}

.lp2c_r5 .lc h4 {
    text-align: center;
}

.lp2c_r5 .rc {
    width: 58%;
}

.lp2c_r6 .lc {
    width: 60%;
}

.lp2c_r6 .rc {
    width: 38%;
}

.lp2c_r6 .rc .report_11 {
    width: 50%;
}

.lp2c_r10 .lc {
    width: 60%;
}

.lp2c_r10 .rc {
    width: 38%;
}

.lp2c_r12 {
    width: 75%;
    padding: 15px;
    box-sizing: border-box;
    margin: 2em auto;
    align-items: center;
    background: #f1f1f1;
}

.lp2c_r12 .lc {
    width: 26%;
}

.lp2c_r12 .rc {
    width: 72%;
}

.lp2c_r12 .rc img {
    width: 50%;
    float: right;
    margin-left: 10px;
}

/*------------------
* その他
------------------*/

.report_5 {
    display: block;
    width: 45%;
    float: right;
    position: relative;
    top: -10px;
}

hr.report_hr_sp {
    border-width: 0;
    margin: 0;
}


/******************************************************************************
*
* [下層ページ]レスポンシブ対応
*
******************************************************************************/

/*IE10*/

@media all and (-ms-high-contrast:none) {
    * {
        min-height: 0;
        min-width: 0;
    }

    /*フェードイン*/

    .fadein {
        opacity: 1;
        transform: translate(0, 0);
    }

    .ie_none {
        display: none;
    }

}

/*IE11*/

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    * {
        min-height: 0;
        min-width: 0;
    }

    /*フェードイン*/

    *::-ms-backdrop,
    .fadein {
        opacity: 1;
        transform: translate(0, 0);
    }

    *::-ms-backdrop,
    .ie_none {
        display: none;
    }


}

/*Edge*/

@supports (-ms-ime-align:auto) {}


/*1920px以下*/

@media only screen and (max-width: 1920px) {}


/*970px以下*/

@media only screen and (max-width: 970px) {
    /*******************
    * 共通設定
    *******************/

    .wrap {
        width: 95%;
    }

    /*******************
    * ナビゲーション
    *******************/

    .menu-trigger-wrap {
        display: block;
    }

    .global_navigation_front_inner {
        display: block;
        padding-top: 0;
        width: 100%;
    }

    .gn_f_logo,
    .gn_f_menu,
    .gn_f_contact {
        width: 100%;
    }

    /*ロゴ*/

    .gn_f_logo {
        padding: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
    }

    .gn_f_logo h1 {
        width: 50%;
    }

    .gn_f_logo .menu-trigger-wrap {
        width: 50%;
    }

    .gn_f_logo img {
        width: auto;
    }

    /*メニュー*/

    .gn_f_menu,
    .gn_f_contact {
        display: none;
    }

    .gn_f_menu ul {
        text-align: left;
    }

    .gn_f_menu ul li {
        display: block;
        margin-right: 0;
        border-bottom: solid 1px #999;
    }

    .gn_f_menu ul li:last-child {
        border-bottom-width: 0;
    }

    .gn_f_menu ul li a {
        display: block;
        padding: 1.3em 1em;
        background: #333;
        color: #fff;
    }

    .nav_active {
        border-bottom-width: 0;
    }

    /*お問い合わせ*/

    .gn_f_contact .gn_f_contact_tel {
        padding: 0.6em 0.5em;
        text-align: center;
        background: #eaeaea
    }

    .gn_f_contact .gn_f_contact_button {
        bottom: 0;
    }

    .gn_f_contact .gn_f_contact_button a {
        padding: 1em 0.5em;
    }

    /*下層ページ用*/

    .global_navigation_page_inner .gn_f_logo {
        margin: 0;
        width: 100%;
    }

    .global_navigation_page_inner .gn_f_contact .gn_f_contact_button {
        bottom: 0;
    }

    .global_navigation_page_inner .gn_f_contact .gn_f_contact_button a {
        padding: 1em 0.5em;
    }

    /*******************
    * フッター
    *******************/

    footer {
        padding: 40px 0;
        margin-top: 100px;
    }

    .footer_site_info {
        display: block;
        padding-top: 0;
        text-align: center;
        border-width: 0;
        padding-bottom: 0;
    }

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

    .footer_address {
        width: 100%;
        padding-top: 0;
        margin: 1.5em 0
    }

    .footer_contact {
        width: 100%;
    }


    /*お問い合わせ*/

    .footer_contact ul {
        align-items: center
    }

    .footer_contact ul li {
        width: 50%;
    }

    .footer_contact .footer_contact_tel {
        padding: 0.6em 0.5em;
        background: #fff;
    }


    .footer_contact .footer_contact_button {
        bottom: 0;
        align-self: center;
    }

    .footer_contact .footer_contact_button a {
        padding: 1em 0.5em;
    }

}


/*785px以下*/

@media only screen and (max-width: 785px) {
    /*******************
    * サイトコンテンツ
    *******************/

    .front_site_contents_list {
        flex-wrap: wrap;
    }

    .front_site_contents_list li {
        width: 49%;
        margin-bottom: 20px;
    }

    .front_site_contents_list li img {
        width: 100%;
    }

    /*******************
    * 物件情報
    *******************/

    .front_property_info {
        margin: 100px 0;
    }

    .front_property_info_list {
        flex-wrap: wrap;
    }

    .front_property_info_list li {
        width: 49%;
        margin-bottom: 25px;
    }

    .front_property_info_list li img {
        width: 100%;
    }

    .front_property_info_list li:nth-child(4) {
        align-self: flex-start;
    }

    .front_property_info_list li.dummy {
        opacity: 0;
        width: 0;
        height: 0;
        overflow: hidden;
    }

}


/*644px以下*/

@media only screen and (max-width: 644px) {

    /*******************
    * ヘッダースライダー
    *******************/

    .front_slider {
        display: none;
    }

    .front_slider_sp {
        display: block;
    }

}

/*414px以下*/

@media only screen and (max-width: 414px) {
    /*******************
    * サイトコンテンツ
    *******************/

    .front_site_contents_list {
        display: block;
        padding-bottom: 0;
    }

    .front_site_contents_list li {
        width: 100%;
    }

    .front_site_contents_list li:nth-child(2n) {
        top: 0;
    }

    .front_site_contents_list li:last-child {
        margin-bottom: 0;
    }

    .front_site_contents_list li a::after {
        font-size: 14px;
    }

    /*******************
    * 物件情報
    *******************/

    .front_property_info {
        margin: 100px 0;
    }

    .front_property_info_list {
        display: block;
    }

    .front_property_info_list::before {
        top: -30px;
        left: 15px;
    }

    .front_property_info_list li {
        width: 100%;
    }

    .front_property_info_list li:last-child {
        margin-bottom: 0;
    }

    .front_property_info_list li:nth-child(1) {
        text-align: center;
    }

    .front_property_info_list li span {
        font-size: 16px;
    }


    /*******************
    * フッター
    *******************/

    /*フッターメニュー*/

    .footer_menu li {
        display: block;
        padding: 0.5em 1em;
        border-right-width: 0;
    }

    /*******************
    * 下層ページテンプレート
    *******************/

    .heading_bg {
        height: 300px;
    }

    .pct_h3 {
        font-size: 22px;
    }

    .pct_h4 {
        font-size: 18px;
    }

    .pct_h5 {
        font-size: 16px;
    }

    /*コンテンツエリア*/

    .page_contents .page_contents_inner {
        padding: 5em 1em 0;
    }

    .page_contents_title {
        margin-top: -150px;
    }

    /*フロー*/

    .flow_list dl {
        display: block;
    }

    .flow_list dl dt {
        width: 100%;
    }

    .flow_list dl dt img {
        display: block;
        width: 100%;
    }

    .flow_list dl dd {
        width: 100%;
        margin-top: 20px;
    }

    /*画像リスト*/

    .specification_list ul li {
        width: 48%;
    }

    /*安全保障*/

    .safety_list ul {
        display: block;
    }

    .safety_list ul li {
        width: 100%;
        margin-bottom: 25px;
    }

    .safety_list ul li:last-child {
        margin-bottom: 0;
    }

    /*------------------
    * レポートページ
    ------------------*/

    /*ヘッド*/

    .report_bg::before {
        padding-top: 99.5%;
    }

    .report_bg .report_bg_inner {
        background-image: url(../images/report/report_head_sp.png);
    }

    /*コンテンツ*/

    .page_contents .page_contents_inner.report_pci {
        padding: 1em 1em 0;
    }

    h4.report_h4 {
        font-size: 10vw;
        text-align: center;
        margin-bottom: 5px;
    }

    h4.report_h4.no_m {
        margin-bottom: 5px;
    }

    h4.report_h4.be_mt {
        margin-top: 1em;
    }

    h4.report_h4.tc {
        text-align: center;
    }

    .report_hr {
        margin-bottom: 0;
        border-width: 0;
    }

    /*2カラム*/

    .lp2c {
        display: block;
        margin: 2em 0;
    }

    .lp2c > div {
        width: 100%;
    }

    .lp2c > .rc {
        margin-top: 15px;
    }

    .lp2c p {
        font-size: 14px;
    }

    /*調整*/

    .lp2c_r4 {
        margin-top: 0;
    }

    .lp2c_r5 .lc {
        width: 100%;
    }

    .lp2c_r5 .rc {
        width: 100%;
    }

    .lp2c_r6 .lc {
        width: 100%;
    }

    .lp2c_r6 .rc {
        width: 100%;
    }

    .lp2c_r6 .rc .report_11 {
        width: 100%;
    }

    .lp2c_r10 .lc {
        width: 100%;
    }

    .lp2c_r10 .rc {
        width: 100%;
    }

    .lp2c_r12 {
        width: 100%;
        padding: 15px 10px;
        margin: 2em auto;
    }

    .lp2c_r12 .lc {
        width: 100px;
        margin: 0 auto 15px;
    }

    .lp2c_r12 .rc {
        width: 100%;
    }

    .lp2c_r12 .rc img {
        width: 45%;
        margin-left: 5px;
    }

    /*その他*/

    .report_5 {
        width: 45%;
        float: right;
        position: relative;
        top: -10px;
    }

    hr.report_hr_sp {
        border-top: dotted 2px #ccc;
    }

    hr.report_hr_sp.be_mt {
        margin-top: 2em;
    }

    .pcti_full {
        display: block;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }

}


/*375px以下*/

@media only screen and (max-width: 375px) {

    /*******************
    * 下層ページテンプレート
    *******************/

    .pct_h3 {
        font-size: 20px;
    }

    .pct_h4 {
        font-size: 18px;
    }

    .pct_h5 {
        font-size: 16px;
    }
}

/*360px以下*/

@media only screen and (max-width: 360px) {}

/*330px以下*/

@media only screen and (max-width: 330px) {}

/* トップページ　YouTube */
.youtube {
    width: 100%;
    height: auto;
    margin: 120px auto 0;
}

.youtube .sec_youtube {
    display: block;
    max-width: 560px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.youtube .sec_youtube iframe {
    display: block;
    width: 560px;
    height: 315px;
    margin: 0 auto;
}

.youtube .sec_youtube p {
    margin: 10px 0 30px auto;
    text-align: right;
}
.youtube .sec_youtube p a {
    text-decoration: none;
    color: rgb(0, 62, 172);
}

.youtube .top_p {
    margin-bottom: 60px;
    text-align: center;
}