/*
Theme Name: テーマの名前
Description:テーマの説明
Theme URI: テーマの URL
Author: 作った人の名前
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/

@charset "UTF-8";

/* CSS Document */

* {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #333333;
}

a img {
    transition: ease-in.1s;
}

a img:hover {
    opacity: .8;
}

.sp-only {
    display: none !important;
}

.header-fixed {
    /*margin-top: -160px;
	padding-top: 160px;*/
}


/*------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------ヘッダー・フッター--------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/

header {
    overflow: hidden;
    background: #ffffff;
    width: 100%;
    height: 160px;
    border-bottom: 1px solid #bfbfbf;
    /*position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;*/
}

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

header .header-inner img.header-logo {
    float: left;
    border-top: 7px solid #bfbfbf;
    padding: 30px 0 0;
}

header .header-inner ul.header-contact-sns {
    float: left;
    margin: 30px 0 0 37px;
}

header .header-inner ul.header-contact-sns li {
    float: left;
    margin: 0 20px 0 0;
}

header .header-inner ul.header-contact {
    float: right;
    margin: 15px 0 0;
}

header .header-inner ul.header-contact a {
    display: block;
    padding: 15px 15px 15px 47px;
    border-radius: 2px;
}

ul.header-contact li {
    float: left;
    margin: 0 10px 5px 0;
}

ul.header-contact li:first-child {
    color: #46a0ff;
    font-size: 22px;
    font-weight: bold;
    text-align: right;
    line-height: 1.4;
    position: relative;
    padding: 0 0 0 50px;
}

ul.header-contact li:first-child span {
    font-size: 11px;
    font-weight: normal;
    display: block;
}

ul.header-contact li:first-child:before {
    content: "";
    background: url(images/header/header-tel.jpg) no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

header .header-inner ul.header-contact li:nth-child(2) a {
    background: #ffffff;
    color: #a0a0a0;
    position: relative;
    border: 1px solid #a0a0a0;
    transition: ease-in.1s;
    text-decoration: none;
    font-size: 16px;
}

header .header-inner ul.header-contact li:nth-child(2) a:hover {
    background: #a0a0a0;
    color: #ffffff;
    position: relative;
    border: 1px solid #a0a0a0;
}

header .header-inner ul.header-contact li:nth-child(2) a:before {
    content: "";
    background: url(images/header/header-recruit.jpg) no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

header .header-inner ul.header-contact li:nth-child(3) a {
    background: #ffffff;
    color: #009e96;
    position: relative;
    border: 1px solid #009e96;
    transition: ease-in.1s;
    text-decoration: none;
    font-size: 16px;
}

header .header-inner ul.header-contact li:nth-child(3) a:hover {
    background: #009e96;
    color: #ffffff;
    position: relative;
    border: 1px solid #009e96;
}

header .header-inner ul.header-contact li:nth-child(3) a:before {
    content: "";
    background: url(images/header/header-secret.jpg) no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

header .header-inner ul.header-contact li:nth-child(4) a {
    background: #f38e00;
    color: #ffffff;
    position: relative;
    border: 1px solid #f38e00;
    transition: ease-in.1s;
    text-decoration: none;
    font-size: 16px;
}

header .header-inner ul.header-contact li:nth-child(4) a:hover {
    background: #ffffff;
    color: #f38e00;
    position: relative;
    border: 1px solid #f38e00;
}

header .header-inner ul.header-contact li:nth-child(4) a:before {
    content: "";
    background: url(images/header/header-request01.jpg) no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

header .header-inner ul.header-contact li:last-child a {
    background: #c8161d;
    color: #ffffff;
    position: relative;
    border: 1px solid #c8161d;
    transition: ease-in.1s;
    text-decoration: none;
    font-size: 16px;
}

header .header-inner ul.header-contact li:last-child a:hover {
    background: #ffffff;
    color: #c8161d;
    position: relative;
    border: 1px solid #c8161d;
}

header .header-inner ul.header-contact li:last-child a:before {
    content: "";
    background: url(images/header/header-reservation01.jpg) no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

ul.header-contact li:nth-child(2) span {
    font-size: 10px;
    margin: 0 0 0 10px;
    color: #acacac;
    transition: ease-in.3s;
}

ul.header-contact li:nth-child(4) span,
ul.header-contact li:last-child span {
    font-size: 10px;
    margin: 0 0 0 10px;
    color: #ffffff;
    transition: ease-in.3s;
}

header .header-inner ul.header-contact li:nth-child(2) a:hover span {
    color: #ffffff;
}

header .header-inner ul.header-contact li:nth-child(4) a:hover span {
    color: #f38e00;
}

header .header-inner ul.header-contact li:last-child a:hover span {
    color: #c8161d;
}

ul.header-contact li:last-child {
    margin: 0;
}

nav.header-gnav {
    float: right;
    width: 990px;
}

nav.header-gnav ul {
    margin: 15px 0 0;
}

nav.header-gnav ul li {
    float: left;
    text-align: center;
    width: 123px;
    /* width: 141px; */
    /* border-right: 1px solid #999999; */
    /* padding: 10px 9px 0; */
    font-size: 13px;
    line-height: 1.3;
    height: 48px;
    color: #757575;
    box-sizing: border-box;
    letter-spacing: 1px;
    border-right: 1px solid #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-bottom: #fff solid 2px;
}

nav.header-gnav ul a:first-child li {
    /* border-left: 1px solid #999999; */
    border-left: 1px solid #e6e6e6;
}

nav.header-gnav ul li span {
    /* display: block; */
    /* font-size: 10px; */
    /* color: #999999; */
    /* margin: 5px 0 0; */
    /* padding: 5px 0; */
    /* transition: ease-in.2s */
    width: 100%;
    font-size: 11px;
    color: #777;
    margin-bottom: -16px;
}

nav.header-gnav ul li:hover {
    border-bottom: #a5a5a5 solid 2px;
}


/* nav.header-gnav ul li:hover span { */


/* background: #999999; */


/* color: #ffffff; */


/* } */


/* nav.header-gnav ul li span.current { */


/* background: #999999; */


/* color: #ffffff; */


/* } */


/*-----パンくず-----*/

.bread-nav {
    background: #f0f0f0;
    padding: 5px 0;
    /*margin: 160px 0 0;*/
}

.bread-nav ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.bread-nav li {
    float: left;
    font-size: 12px;
    margin: 0 5px 0 0;
}

.bread-nav li:after {
    content: " »"
}

.bread-nav li:last-child:after {
    content: ""
}

.bread-nav li a {
    text-decoration: underline;
    color: #333333;
}

.bread-nav li a:hover {
    text-decoration: none;
}


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

footer {
    position: relative;
    background: #f0f0f0;
    padding: 50px 0 0;
    margin: 50px 0 0;
}

footer .footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.footer-inner .blog {
    position: absolute;
    bottom: 90px;
}

.footer-inner .facebook {
    position: absolute;
    bottom: 60px;
}

.footer-inner .twitter {
    position: absolute;
    bottom: 30px;
}

.footer-inner .insta {
    position: absolute;
    bottom: 30px;
}

footer .footer-inner .footer-logo {
    float: left;
}

footer .footer-inner ul.footer-information {
    float: left;
    margin: 0 10px 0 40px;
}

footer .footer-inner ul.footer-information li {
    line-height: 1.5;
    font-size: 16px;
}

footer .footer-inner ul.footer-information li.tel {
    font-size: 30px;
    color: #46a0ff;
    padding: 0 0 0 31px;
    position: relative;
}

footer .footer-inner ul.footer-information li.tel:before {
    content: "";
    background: url(images/footer/footer-tel.jpg) no-repeat;
    display: inline-block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

footer .footer-inner ul.footer-information li.biz-hour {
    font-size: 12px;
}

footer .footer-inner ul.footer-sitemap {
    float: right;
    border-left: 1px solid #000000;
    padding: 0 0 0 30px;
    margin: 0 0 0 50px;
    font-size: 16px;
}

footer .footer-inner ul.footer-sitemap:last-child {
    margin: 0;
}

footer .footer-inner ul.footer-sitemap li {
    line-height: 1.8;
}

footer .footer-inner ul.footer-sitemap li a {
    text-decoration: underline;
    color: #333333;
}

footer .footer-inner ul.footer-sitemap li a:hover {
    text-decoration: none;
}

footer .copyright {
    background: #46a0ff;
    padding: 10px 0;
    margin: 30px 0 0;
}

footer .copyright .copyright-inner p {
    width: 100%;
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
}

footer ul.scroll-cta li {
    float: left;
    margin: 0 15px 0 0;
}

footer #page-top {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
}

footer .footer-kobaton {
    width: 115px;
    position: absolute;
    left: calc(100% + calc(-100% - 1200px)/2 - 145px);
    top: 25px;
}


/*------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------共通パーツ-----------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/


/*-----新着物件情報-----*/

.property-top {
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
}

.property {
    width: 1200px;
    margin: 0 auto 60px;
    overflow: hidden;
}


/*-----エリア・沿線・Nelifeから探す-----*/

ul.property-search {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin: 20px 0 0;
}

ul.property-search li {
    display: inline-block;
    font-size: 22px;
    text-align: left;
    border: 1px solid #000000;
    border-radius: 2px;
    width: 32%;
    position: relative;
    padding: 0 0 0 60px;
    transition: ease-in.1S;
}

ul.property-search li:hover {
    background: #e0e0e0;
}

ul.property-search li:last-child {
    margin: 0;
    padding: 0 0 0 100px;
}

ul.property-search li:first-child:before {
    content: "";
    background: url(images/all/search-icon-area.png) no-repeat;
    display: inline-block;
    width: 62px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

ul.property-search li:nth-child(2):before {
    content: "";
    background: url(images/all/search-icon-railway.png) no-repeat;
    display: inline-block;
    width: 37px;
    height: 55px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

ul.property-search li:last-child:before {
    content: "";
    background: url(images/all/search-icon-nelife.png) no-repeat;
    display: inline-block;
    width: 80px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

ul.property-search li:after {
    content: "";
    background: url(images/all/search-arrow.png) no-repeat;
    display: inline-block;
    width: 21px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul.property-search li a {
    display: block;
    padding: 30px;
}


/*-----Nelifeリンク-----*/

a.nelife-link {
    display: block;
    font-size: 22px;
    border: 1px solid #000000;
    border-radius: 2px;
    width: 500px;
    margin: 20px auto;
    position: relative;
    padding: 10px;
    transition: ease-in.1S;
}

a.nelife-link:hover {
    background: #f0f0f0;
}

a.nelife-link p {
    padding: 0 0 0 95px;
}

a.nelife-link p:before {
    content: "";
    background: url(images/all/search-icon-nelife.png) no-repeat;
    display: inline-block;
    width: 80px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

a.nelife-link p:after {
    content: "";
    background: url(images/all/search-arrow.png) no-repeat;
    display: inline-block;
    width: 21px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}


/*-----新築分譲住宅-----*/

.property-shinchiku h3 {
    font-size: 22px;
    color: #46a0ff;
    text-align: center;
    letter-spacing: .1em;
    background: #f0f7ff;
    padding: 5px 0;
    margin: 30px 0 0;
}

.property-shinchiku ul {
    margin: 20px 0 0;
    overflow: hidden;
}

.property-shinchiku li.property-height-top {
    width: calc(25% - 12px);
    margin: 0 16px 16px 0;
    background: #f0f0f0;
    float: left;
    height: auto;
    position: relative;
}

.property-shinchiku li.property-height-top:nth-child(4n) {
    margin: 0 0 16px 0;
}

.property-shinchiku li.property-height-top a {
    display: block;
}

.property-shinchiku li.property-height-top a img {
    width: 100%;
    margin: 0 0 10px;
}

.property-shinchiku li.property-height {
    width: calc(25% - 12px);
    margin: 0 6px 16px 6px;
    background: #f0f0f0;
    float: left;
    height: auto;
    position: relative;
}


/* .property-shinchiku li.property-height:nth-child(4n) {
	margin: 0 0 16px 0;
} */

.property-shinchiku li.property-height a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.property-shinchiku li.property-height a img {
    width: 100%;
    margin: 0 0 10px;
}

.property-shinchiku .property-shinchiku-inner {
    padding: 10px;
}

.property-shinchiku .property-shinchiku-inner h4 {
    font-size: 20px;
    font-weight: normal;
    border-left: 3px solid #46a0ff;
    padding: 0 0 0 5px;
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;*/
    line-height: 1.3;
}

.property-shinchiku .property-shinchiku-inner strong {
    color: #94252a;
    font-weight: normal;
    font-size: 14px;
}

.property-shinchiku .property-shinchiku-inner span {
    color: #46a0ff;
    font-weight: normal;
}

.property-shinchiku .property-shinchiku-inner span.price-red {
    color: #cc0000;
}

.property-shinchiku .property-shinchiku-inner p {
    font-size: 14px;
    margin: 10px 0 0;
}

.property-shinchiku ul li ul {
    margin: 10px 0;
}

.property-shinchiku ul li ul li {
    background: #ffffff;
    padding: 5px;
    width: 100%;
    margin: 0 0 5px 0;
    text-align: center;
}

.property-shinchiku ul li ul li:last-child {
    margin: 0;
}

.property-shinchiku p.property-shinchiku-topics {
    position: relative;
    background: #a0bf4d;
    color: #ffffff;
    padding: 5px;
    width: 100%;
    margin: 8px 0 0 0;
    text-align: center;
    display: inline-block;
    font-size: 17px;
}

.property-shinchiku li.property-height-top .property-shinchiku-new:before {
    content: "";
    position: absolute;
    background: url(images/all/new-ribbon.png) no-repeat;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
}

.property-shinchiku li.property-height-top .property-shinchiku-reserved:before {
    content: "";
    position: absolute;
    background: url(images/all/reserved-ribbon.png) no-repeat;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
}

.property-shinchiku .property-shinchiku-more {
    background: #000000;
    color: #ffffff;
    margin-top: auto;
    margin-left: auto;
    margin-right: 0;
    padding: 5px;
    display: block;
    font-size: 14px;
    width: 100px;
    text-align: center;
    /* position: absolute;
	bottom: 0;
	right: 0; */
}

.property-shinchiku p.property-shinchiku-more span {
    color: #f4cc4c;
}


/*-----建築条件付土地-----*/

.property-kenchikujoken-top-half {
    width: calc(50% - 8px);
    float: left;
    margin: 0 16px 16px 0;
    overflow: hidden;
}

.property-kenchikujoken-top-half:last-child {
    width: calc(50% - 8px);
    float: left;
    margin: 0 0 16px 0;
    overflow: hidden;
}

.property-kenchikujoken h3 {
    font-size: 22px;
    color: #947f28;
    text-align: center;
    letter-spacing: .1em;
    background: #f5f1e7;
    padding: 5px 0;
    margin: 30px 0 0;
}

.property-kenchikujoken ul {
    margin: 20px 0 0;
    overflow: hidden;
}

.property-kenchikujoken li {
    width: calc(50% - 8px);
    margin: 0 16px 16px 0;
    background: #f0f0f0;
    float: left;
    position: relative;
}

.property-kenchikujoken li:nth-child(even) {
    margin: 0 0 16px;
}

.property-kenchikujoken li img {
    float: left;
    width: 40%;
}

.property-kenchikujoken-top-half li {
    width: 100%;
    margin: 0 0 16px 0;
    background: #f0f0f0;
    float: left;
    position: relative;
}

.property-kenchikujoken .property-kenchikujoken-inner {
    padding: 10px;
    float: left;
    width: 60%;
}

.property-kenchikujoken .property-kenchikujoken-inner h4 {
    font-size: 20px;
    font-weight: normal;
    border-left: 3px solid #947f28;
    padding: 0 0 0 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.property-kenchikujoken .property-kenchikujoken-inner strong {
    color: #94252a;
    font-weight: normal;
    font-size: 14px;
}

.property-kenchikujoken .property-kenchikujoken-inner p {
    font-size: 14px;
    margin: 10px 0 0;
}

.property-kenchikujoken ul li ul {
    margin: 10px 0;
}

.property-kenchikujoken ul li ul li {
    background: #ffffff;
    padding: 5px;
    width: 49%;
    margin: 0 2% 0 0;
    text-align: center;
}

.property-kenchikujoken p.property-kenchikujoken-more {
    background: #000000;
    color: #ffffff;
    padding: 5px;
    display: inline-block;
    font-size: 14px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.property-kenchikujoken p.property-kenchikujoken-more span {
    color: #f4cc4c;
}


/*-----賢い家の買い方＆ココイクバナー-----*/

.kodawari-column-banner {
    width: 1200px;
    margin: 50px auto 0;
}

.kodawari-column-banner h2 {
    background: #f0f0f0;
    padding: 10px;
    margin: 0 0 20px;
}

.kodawari-column-banner ul {
    overflow: hidden;
}

.kodawari-column-banner li {
    margin: 0 40px 0 0;
    float: left;
}

.kodawari-column-banner li:last-child {
    margin: 0;
}


/*------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------トップページ----------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/


/*-----メインバナー-----*/

.top-mainbanner {
    /*height: 430px;
	background: url(images/top/mb/mainbanner-nelifephoto.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	margin: 160px 0 65px;*/
    margin: 0 0 65px;
}

.top-mainbanner h2 {
    display: block;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.top-mainbanner .top-mainbanner-zouzei201910 h2 {
    display: block;
    position: absolute;
    top: 50px;
    left: 51%;
    transform: translateX(-50%);
}

.top-mainbanner img.mainbanner-btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.top-mainbanner-smile_square {
    height: 430px;
    background: url(images/top/mb/mainbanner-interior.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-taikenki {
    height: 430px;
    background: url(images/top/mb/mainbanner-taikenki.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-zeh{
    height: 430px;
    background: url(images/top/mb/mainbanner-zeh.png) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-zouzei201910 {
    height: 430px;
    background: url(images/top/mb/mainbanner-zouzei201910.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-myhome {
    height: 430px;
    background: url(images/top/mb/mainbanner-myhomephoto.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-myhome h2 {
    top: 10px;
}

.top-mainbanner-nelife {
    height: 430px;
    background: url(images/top/mb/mainbanner-nelifephoto.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-shinshiyou{
  height: 430px;
  background: url(images/top/mb/mainbanner-shinshiyou-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;

}
.top-mainbanner-laundry {
    height: 430px;
    background: url(images/top/mb/mainbanner-laundryphoto.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.top-mainbanner-konosu {
    height: 430px;
    background: url(images/top/mb/mainbanner-konosu-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.top-mainbanner .top-mainbanner-konosu h2 img{
    max-height: 320px;
    
}

.top-mainbanner-various {
    height: 430px;
    background: url(images/top/mb/mainbanner-variousphoto.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-2018summer {
    height: 430px;
    background: url(images/top/mb/mainbanner-2018summerphoto.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-2018autumn {
    height: 430px;
    background: url(images/top/mb/mainbanner-2018winterphoto.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-kodawari {
    height: 430px;
    background: url(images/top/mb/mainbanner-mitsuikodawari-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-201903 {
    height: 430px;
    background: url(images/top/mb/mainbanner-201903photo.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-customer {
    height: 430px;
    background: url(images/top/mb/mainbanner-customer2024.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-telework {
    height: 430px;
    background: url(images/top/mb/mainbanner-telework.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-2020newyear {
    height: 430px;
    background: url(images/top/mb/mainbanner-2020newyear.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner-newyear {
    height: 430px;
    background: url(images/top/mb/mainbanner-2025newyear.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.top-mainbanner .wrong {
    width: 100%;
    padding: 20px 0;
    background-color: #f0f0f0;
}

.top-mainbanner .wrong p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.top-mainbanner .notice {
    width: 100%;
    padding: 20px 0;
    background-color: #f0f0f0;
}

.top-mainbanner .notice {
    width: 100%;
    padding: 20px 0;
    background-color: #f0f0f0;
    text-align: center;
}

.top-mainbanner .notice a {
    text-decoration: underline;
    font-size: 18px;
    font-weight: bold;
}

.top-mainbanner .notice a:hover {
    opacity: .8;
    text-decoration: none;
}

.top-mainbanner-kodawari h2 {
    top: 20%;
}

.top-mainbanner-kodawari h2 img {
    width: 100%;
    max-width: 600px;
}

.top-mainbanner-zeh h2 img {
    width: 90vw;
}

.top-mainbanner-zeh h2 {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-list,
.draggable {
    padding: 0 !important;
}

.slick-next,
.slick-arrow {
    display: none !important;
}


/*-----トップMAIN-----*/

.top {}

.top h2 {
    font-size: 25px;
    font-weight: normal;
    letter-spacing: .1em;
    text-align: center;
    position: relative;
}

.top h2:after {
    content: "";
    background: url(images/top/obliqueline.png) no-repeat;
    display: inline-block;
    width: 500px;
    height: 4px;
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
}

.top h2 span {
    display: block;
    font-size: 10px;
    color: #90c6ff;
    margin: 25px 0 0 !important;
}

p.our-story {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #FFF, -1px -1px 2px #FFF, -1px 1px 2px #FFF, 1px -1px 2px #FFF, 0px 1px 2px #FFF, 0 -1px 2px #FFF, -1px 0 2px #FFF, 1px 0 2px #FFF;
}

p.our-story-body {
    position: absolute;
    text-align: center;
    top: 20%;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 80%;
    line-height: 1.6;
    font-size: 1.2vmax;
    font-weight: bold;
    text-shadow: 1px 1px 2px #FFF, -1px -1px 2px #FFF, -1px 1px 2px #FFF, 1px -1px 2px #FFF, 0px 1px 2px #FFF, 0 -1px 2px #FFF, -1px 0 2px #FFF, 1px 0 2px #FFF;
}


/*-----新着情報-----*/

.top .top-topics {
    height: 530px;
    background: url(images/top/news/news-background.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    margin: 50px 0 0;
    padding: 100px 0;
}

.topics-inner {
    max-width: 1200px;
    margin: 0 auto;
    border-bottom: 1px dotted #999999;
}

.topics-inner dl {
    margin: 30px auto 0;
    max-height: 250px;
    overflow-y: auto;
}

.topics-inner dl dt {
    border-top: 1px dotted #999999;
    padding: 10px 0;
    line-height: 2;
    float: left;
    width: 150px;
    position: relative;
}

.topics-inner dl dd {
    border-top: 1px dotted #999999;
    border-left: 1px dotted #999999;
    padding: 10px 80px 10px 50px;
    line-height: 2;
    position: relative;
    margin: 0 0 0 150px;
}

.topics-inner dl dd a {
    text-decoration: underline;
}

.topics-inner dl dd a:hover {
    text-decoration: none;
}

.topics-inner dl dd:after {
    content: "";
    background: url(images/top/news/news-arrow.png) no-repeat;
    display: inline-block;
    width: 21px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}


/*-----三井開発の住サービス-----*/

.top .top-service,
.top .top-customer,
.top .top-recruit {
    width: 70%;
    margin: 70px auto 0;
}

.top .top-service ul,
.top .top-customer ul {
    margin: 30px 0 0;
    overflow: hidden;
    font-size: 0;
}

.top .top-recruit ul {
    margin: 30px 0 0;
    overflow: hidden;
    font-size: 0;
}

.top .top-service li {
    display: inline-block;
    vertical-align: text-bottom;
    width: calc(33% - 12px);
    margin: 0 18px 18px 0;
}

.top .top-customer li {
    display: inline-block;
    vertical-align: text-bottom;
    width: calc(33% - 12px);
    margin: 0 18px 18px 0;
}

.top .top-recruit li {
    display: inline-block;
    vertical-align: text-bottom;
    width: calc(33% - 12px);
    margin: 0 18px 18px 0;
}

.top .top-customer li:nth-child(3n),
.top .top-service li:nth-child(3n),
.top .top-recruit li:nth-child(3n) {
    margin: 0 0 18px 0;
}

.top .top-service li img,
.top .top-customer li img,
.top .top-recruit li img {
    width: 100%;
}

.top .top-recruit p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 40px;
}

.wrong {
    width: 70%;
    padding: 10px 0;
    background-color: #f0f0f0;
    margin: 90px auto 0;
}

.wrong p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 5px;
}

/*------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------物件オール-----------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/


/*-----物件オールメインバナー-----*/

.all-mainbanner {
    margin: 0 0 65px;
}

.all-mainbanner img {
    width: 100%;
}

.all p {
    line-height: 1.6;
}

.search-block {
    width: 1200px;
    /*margin: -160px auto 0;*/
    margin: 0 auto;
}

ul.area-search {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin: 20px 0 0;
}

ul.area-search li {
    display: inline-block;
    font-size: 22px;
    text-align: left;
    border: 1px solid #000000;
    border-radius: 2px;
    width: 49%;
    position: relative;
    padding: 0 0 0 60px;
    transition: ease-in.1S;
}

ul.area-search li:hover {
    background: #e0e0e0;
}

ul.area-search li:last-child {
    margin: 0;
    padding: 0 0 0 100px;
}

ul.area-search li:before {
    content: "";
    background: url(images/all/search-icon-area.png) no-repeat;
    display: inline-block;
    width: 62px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

ul.area-search li:after {
    content: "";
    background: url(images/all/search-arrow.png) no-repeat;
    display: inline-block;
    width: 21px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul.area-search li a {
    display: block;
    padding: 30px;
}

.omiya {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
    border-bottom: 1px dotted #999999;
}

.all img.all-main-img {
    margin: 0 0 20px;
}

h3.omiya-point {
    font-size: 22px;
    color: #46a0ff;
    text-align: center;
    letter-spacing: .1em;
    background: #f0f7ff;
    padding: 5px 0;
    margin: 30px 0 0;
}

ul.area-point {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: 40px;
}

ul.area-point li {
    display: flex;
    align-items: center;
    width: 50%;
}

ul.area-point li:nth-of-type(n+3) {
    margin-top: 40px;
}

.area-point-inner {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding: 30px 15px 0;
}

.area-point-icon {
    margin-top: -30px;
    margin-right: 20px;
    font-size: 30px;
    text-align: center;
    font-family: 'Damion', cursive;
}

.area-point-icon span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 34px;
}

ul.area-point li:nth-of-type(1) .area-point-icon {
    color: #d8e9b2;
}

ul.area-point li:nth-of-type(1) .area-point-icon span {
    background: #afd35f;
}

ul.area-point li:nth-of-type(1) .area-point-txt {
    color: #afd35f;
}

ul.area-point li:nth-of-type(2) .area-point-icon {
    color: #f7ced0;
}

ul.area-point li:nth-of-type(2) .area-point-icon span {
    background: #f09ba0;
}

ul.area-point li:nth-of-type(2) .area-point-txt {
    color: #f09ba0;
}

ul.area-point li:nth-of-type(3) .area-point-icon {
    color: #b7d5e8;
    ;
}

ul.area-point li:nth-of-type(3) .area-point-icon span {
    background: #69aad2;
}

ul.area-point li:nth-of-type(3) .area-point-txt {
    color: #69aad2;
}

ul.area-point li:nth-of-type(4) .area-point-icon {
    color: #fce6c5;
    ;
}

ul.area-point li:nth-of-type(4) .area-point-icon span {
    background: #facd87;
}

ul.area-point li:nth-of-type(4) .area-point-txt {
    color: #facd87;
}

.area-point-txt {
    display: flex;
    align-items: center;
    height: 60px;
    font-size: 18px;
    font-weight: bold;
}

.area-point-txt+p {
    margin-top: 10px;
}

h3.omiya-shinchiku,
h3.omiya-kenchikujoken {
    background: #f0f0f0;
    padding: 10px;
    color: #333333;
    text-align: left;
    font-size: 16px;
}

.hasuda {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
    border-bottom: 1px dotted #999999;
}

h3.hasuda-point {
    font-size: 22px;
    color: #8fa889;
    text-align: center;
    letter-spacing: .1em;
    background: #f4f6f3;
    padding: 5px 0;
    margin: 30px 0 0;
}


/*--沿線から探す--*/

ul.railway-search {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    margin: 20px 0 0;
}

ul.railway-search li {
    display: inline-block;
    font-size: 22px;
    text-align: left;
    border: 1px solid #000000;
    border-radius: 2px;
    /* width: 32%; */
    height: 82px;
    position: relative;
    /* padding: 0 0 0 40px; */
    transition: ease-in.1S;
    vertical-align: top;
    width: 23.3%;
    padding: 0 0 0 30px;
}

ul.railway-search li:hover {
    background: #e0e0e0;
}

ul.railway-search li:last-child {
    margin: 0;
}

ul.railway-search li:before {
    content: "";
    background: url(images/all/search-icon-railway.png) no-repeat;
    display: inline-block;
    width: 37px;
    height: 55px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

ul.railway-search li:after {
    content: "";
    background: url(images/all/search-arrow.png) no-repeat;
    display: inline-block;
    width: 21px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul.railway-search li a {
    /* display: block;
  padding: 30px; */
    font-size: 18px;
    line-height: 1.2;
    padding: 0 45px 0 35px;
    display: flex;
    align-items: center;
    height: 100%;
}

ul.railway-search li:last-child a {
    /* display: block; */
    /* padding: 20px 30px; */
}


/*--宇都宮線--*/

.utsunomiya-line {
    width: 1200px;
    margin: 0 auto;
}

.utsunomiya-line h2.railway-point {
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    letter-spacing: .1em;
    background: #f68b1e;
    padding: 5px 0;
    margin: 30px 0 0;
}

.utsunomiya-line h3.railway-topics {
    display: flex;
    align-items: center;
    color: #f68b1e;
    text-align: left;
    padding: 20px 0 10px;
    font-size: 18px;
}

.utsunomiya-line h3.railway-topics:nth-of-type(2):before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #f68b1e url(images/all/search-icon-study.png) center center no-repeat;
    margin-right: 10px;
}

.utsunomiya-line h3.railway-topics:nth-of-type(3):before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #f68b1e url(images/all/search-icon-man.png) center center no-repeat;
    margin-right: 10px;
}

img.railway-img {
    margin: 0 0 10px;
}

h3.railway-shinchiku,
h3.railway-kenchikujoken {
    background: #f0f0f0;
    padding: 10px;
    margin: 20px 0;
    color: #333333;
    text-align: left;
    font-size: 16px;
}

dl.railway-dl-dt-dd {
    margin-top: 40px;
    line-height: 1.6;
    overflow: hidden;
}

dl.railway-dl-dt-dd dt {
    color: #fff;
    width: 100px;
    font-size: 16px;
    text-align: center;
    float: left;
    clear: left;
}

.utsunomiya-line dl.railway-dl-dt-dd dt {
    background: #f68b1e;
}

dl.railway-dl-dt-dd dd {
    margin: 0 0 15px 115px;
    font-size: 15px;
    line-height: 2.2;
}


/*--高崎--*/

.takasaki-line {
    width: 1200px;
    margin: 0 auto;
}

.takasaki-line h2.railway-point {
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    letter-spacing: .1em;
    background: #22aa33;
    padding: 5px 0;
    margin: 30px 0 0;
}

.takasaki-line h3.railway-topics {
    display: flex;
    align-items: center;
    color: #22aa33;
    text-align: left;
    padding: 20px 0 10px;
    font-size: 18px;
}

.takasaki-line h3.railway-topics:nth-of-type(2):before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #22aa33 url(images/all/search-icon-study.png) center center no-repeat;
    margin-right: 10px;
}

.takasaki-line h3.railway-topics:nth-of-type(3):before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #22aa33 url(images/all/search-icon-man.png) center center no-repeat;
    margin-right: 10px;
}

.takasaki-line dl.railway-dl-dt-dd dt {
    background: #22aa33;
}


/*--東武アーバンパークライン--*/

.urban-line {
    width: 1200px;
    margin: 0 auto;
}

.urban-line h2.railway-point {
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    letter-spacing: .1em;
    background: #33cccc;
    padding: 5px 0;
    margin: 30px 0 0;
}

.urban-line h3.railway-topics {
    display: flex;
    align-items: center;
    color: #33cccc;
    text-align: left;
    padding: 20px 0 10px;
    font-size: 18px;
}

.urban-line h3.railway-topics:nth-of-type(2):before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #33cccc url(images/all/search-icon-study.png) center center no-repeat;
    margin-right: 10px;
}

.urban-line h3.railway-topics:nth-of-type(3):before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #33cccc url(images/all/search-icon-man.png) center center no-repeat;
    margin-right: 10px;
}

.urban-line dl.railway-dl-dt-dd dt {
    background: #33cccc;
}


/*--京浜東北線--*/

.keihintohoku-line {
    width: 1200px;
    margin: 0 auto;
    border-bottom: 1px dotted #999999;
    padding: 0 0 50px;
}

.keihintohoku-line h2.railway-point {
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    letter-spacing: .1em;
    background: #3399cc;
    padding: 5px 0;
    margin: 30px 0 0;
}

.keihintohoku-line h3.railway-topics {
    background: #eaebef;
    color: #3399cc;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    margin: 20px 0;
}


/*--川越線--*/

.kawagoe-line {
    width: 1200px;
    margin: 0 auto;
    border-bottom: 1px dotted #999999;
    padding: 0 0 50px;
}

.kawagoe-line h2.railway-point {
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    letter-spacing: .1em;
    background: #288956;
    padding: 5px 0;
    margin: 30px 0 0;
}

.kawagoe-line h3.railway-topics {
    background: #eaebef;
    color: #288956;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    margin: 20px 0;
}


/*--ネライフ--*/

.nelife {
    width: 1200px;
    /*margin: -160px auto 0;*/
    margin: 0 auto;
    padding: 0 0 50px;
    border-bottom: 1px dotted #999999;
}

.nelife h3.railway-point {
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    letter-spacing: .1em;
    background: #8c849d;
    padding: 5px 0;
    margin: 30px 0 0;
}


/*--限定物件--*/

.limited {
    width: 1200px;
    /*margin: -160px auto 0;*/
    margin: 20px 0 0;
}


/*--改修用--*/

.search {
    width: 700px;
    margin: 35px auto 45px;
    border: 1px solid #C1C1C1;
    border-radius: 5px;
}

.search-ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F0F7FF;
    color: #46A0FF;
    padding: 10px 0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    border-radius: 5px;
}

.search-ttl::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(images/all/search-icon-glass.png);
    background-size: cover;
    margin-right: 10px;
}

.search-box {
    padding: 20px 20px 30px;
    position: relative;
}

.search-label {
    font-size: 18px;
    font-weight: bold;
    color: #46a0ff;
    display: block;
    margin-bottom: 5px;
}

.search-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    font-size: 0;
}

.search-wrap {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-top: 10px;
}

.search-list input,
.search-list label {
    margin: 0;
    font-size: 16px;
    cursor: pointer;
}

.search-list input {
    margin-right: 5px;
}

.search-list label {
    margin-right: 15px;
}

.search-list label:first-of-type {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.search-list label:last-of-type {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.search-list input[type="radio"] {
    display: none;
}

.search-list input[type="radio"]+label {
    background: #f1f1f1;
    color: #999;
    min-width: 100px;
    display: inline-block;
    padding: 5px 15px;
    font-weight: bold;
    margin: 1px;
}

.search-list input[type="radio"]:checked+label {
    background: #46a0ff;
    color: #fff;
}

.search-list sup {
    border: 1px solid #46a0ff;
    border-radius: 50%;
    color: #46a0ff;
    margin-left: 5px;
    font-size: .9em;
    transition: .3s;
}

.search-list sup:hover {
    color: #fff;
    background: #46a0ff;
}

.search-popup {
    color: #333;
    background: #fff;
    position: absolute;
    width: 400px;
    font-size: 14px;
    bottom: -100px;
    background: #f0f7ff;
    padding: 10px;
    border: 1px solid #46a0ff;
    border-radius: 5px;
    opacity: 0;
    transition: .3s;
}

.property-flex {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.property-flex-result {
    height: 480px;
    position: relative;
}

.property-flex-result::after {
    content: "\8A72\5F53\7269\4EF6\306F\3042\308A\307E\305B\3093";
    font-size: 22px;
    font-weight: bold;
    color: #46A0FF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
}

.property-shinchiku li.property-item {
    height: auto;
}

.property-shinchiku li.property-item .property-shinchiku-inner strong {
    display: block;
    line-height: 1.4;
}

.property-item-hide {
    display: none;
}

.property-item-icon {
    display: flex;
    flex-wrap: wrap;
    margin: -5px 10px 0 !important;
    padding-bottom: 10px;
}

.property-item.new-icon::before {
    content: "";
    position: absolute;
    background: url(images/all/new-ribbon.png) no-repeat;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    z-index: 1;
}

.property-item.up-icon::before {
    content: "";
    position: absolute;
    background: url(images/all/up-ribbon.png) no-repeat;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    z-index: 1;
}

.property-item-icon li {
    width: auto !important;
    background: #fff;
    margin: 0 !important;
    margin-right: 5px !important;
    margin-top: 5px !important;
    padding: 5px;
    color: #46a0ff;
    font-size: 12px;
    line-height: 1.2;
    font-weight: bold;
}
.property-mymap h3{
    background: #f0f0f0;
    padding: 5px 0;
    margin: 30px 0 0;
    color: #333333;
    text-align: center;
    font-size: 22px;
}
.property-mymap{
    margin: 20px 0 0;
}

/* タブ切り替え */

.tab {
    width: 1200px;
    margin: 0 auto;
}

.tab input {
    display: none;
}

.tab-list {
    display: flex;
    border-bottom: 3px solid #46a0ff;
}

.tab-list label {
    display: inline-block;
    width: 100%;
    margin: 0 5px;
    padding: 20px 0;
    background: #adc0d5;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    -webkit-transition: ease .2s opacity;
    transition: ease .2s opacity;
}

.tab-list label:first-of-type {
    margin-left: 0;
}

.tab-list label:last-of-type {
    margin-right: 0;
}

.tab-list label>* {
    font-size: 30px;
    font-weight: 500;
}

.tab-list label:hover {
    opacity: .8;
}

.tab-box {
    display: none;
    width: 100%;
}

#tab-area:checked~.tab-list .tab-area {
    background: #46a0ff;
    color: #fff;
}

#tab-area:checked~.tab-cont #tab-area {
    display: block;
}

#tab-railway:checked~.tab-list .tab-railway {
    background: #46a0ff;
    color: #fff;
}

#tab-railway:checked~.tab-cont #tab-railway {
    display: block;
}

#tab-event:checked~.tab-list .tab-event {
    background: #46a0ff;
    color: #fff;
}

#tab-event:checked~.tab-cont #tab-event {
    display: block;
}


/*---------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------物件詳細ページ-----------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------*/


/*--物件詳細ページ共通--*/

.property-detail {}

.property-detail-mainbanner,
.property-detail-topics,
.property-detail-landscape,
.property-detail-concept,
.property-detail-photogallery,
.property-detail-movie,
.property-detail-locationmap,
.property-detail-outline,
.property-detail-facility,
.property-detail-otherproperty {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.property-detail h2 {
    background: #f0f0f0;
    padding: 10px;
    margin: 20px 0;
}

.property-detail h2 span {
    margin-left: 30px;
}

.property-detail h2 span .kakakured {
    margin-left: 0px;
    color: #a20000;
}

.property-detail h2 span.zip {
    margin-left: 30px;
}

.property-detail h2 span.zip .zipred {
    margin-left: 5px;
    color: #a20000;
}

.property-detail ul.property-detail-nav {
    overflow: hidden;
}

.property-detail ul.property-detail-nav li {
    width: 184px;
    margin: 0 19px 0 0;
    border: 1px solid #000000;
    border-radius: 2px;
    float: left;
    transition: ease-in.1s;
}

.property-detail ul.property-detail-nav li:first-child {
    background: url(images/all/menu/icon-kukaku.png) no-repeat;
    background-position: 5px 50%;
    padding: 0 0 0 40px;
}

.property-detail ul.property-detail-nav li:first-child:hover {
    background: #f0f0f0 url(images/all/menu/icon-kukaku.png) no-repeat;
    background-position: 5px 50%;
    padding: 0 0 0 40px;
}

.property-detail ul.property-detail-nav li:nth-child(2) {
    background: url(images/all/menu/icon-photog.png) no-repeat;
    background-position: 5px 50%;
    padding: 0 0 0 40px;
}

.property-detail ul.property-detail-nav li:nth-child(2):hover {
    background: #f0f0f0 url(images/all/menu/icon-photog.png) no-repeat;
    background-position: 5px 50%;
    padding: 0 0 0 40px;
}

.property-detail ul.property-detail-nav li:nth-child(3) {
    background: url(images/all/menu/icon-movie.png) no-repeat;
    background-position: 5px 50%;
    padding: 0 0 0 40px;
}

.property-detail ul.property-detail-nav li:nth-child(3):hover {
    background: #f0f0f0 url(images/all/menu/icon-movie.png) no-repeat;
    background-position: 5px 50%;
    padding: 0 0 0 40px;
}

.property-detail ul.property-detail-nav li:nth-child(4) {
    background: url(images/all/menu/icon-setsubi.png) no-repeat;
    background-position: 5px 50%;
    padding: 0 0 0 40px;
}

.property-detail ul.property-detail-nav li:nth-child(4):hover {
    background: #f0f0f0 url(images/all/menu/icon-setsubi.png) no-repeat;
    background-position: 5px 50%;
    padding: 0 0 0 40px;
}

.property-detail ul.property-detail-nav li:nth-child(5) {
    background: url(images/all/menu/icon-map.png) no-repeat;
    background-position: 5px 50%;
    padding: 0 0 0 40px;
}

.property-detail ul.property-detail-nav li:nth-child(5):hover {
    background: #f0f0f0 url(images/all/menu/icon-map.png) no-repeat;
    background-position: 5px 50%;
    padding: 0 0 0 40px;
}

.property-detail ul.property-detail-nav li:last-child {
    background: url(images/all/menu/icon-bukken.png) no-repeat;
    background-position: 5px 50%;
    padding: 0 0 0 40px;
    margin: 0;
}

.property-detail ul.property-detail-nav li:last-child:hover {
    background: #f0f0f0 url(images/all/menu/icon-bukken.png) no-repeat;
    background-position: 5px 50%;
    padding: 0 0 0 40px;
    margin: 0;
}

.property-detail ul.property-detail-nav li a {
    display: block;
    padding: 15px 0;
}

.property-detail .hasuda-modelroom-head-img {
    display: block;
    margin: 78px auto 0;
}

ul.hasuda-modelroom-head-img-a {
    margin: 20px auto 0;
}

ul.hasuda-modelroom-head-img-a li {
    display: inline-block;
}


/*
ul.hasuda-modelroom-head-img-a li:last-child{
	margin: 0 0 0 14px;
}
*/

li.nelife-seehouse {
    width: 98.9%;
    margin: .5rem auto 0;
}

img.banner-head-img {
    display: block;
    margin: 20px auto 0;
}

.property-detail h3 {
    font-size: 34px;
    position: relative;
    border-bottom: 1px solid #999999;
    padding: 70px 0 20px;
    margin: 0 0 30px;
    clear: both;
}

.property-detail-topics h3 span {
    margin: 0 0 0 10px;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 75px;
    left: 120px;
}

.property-detail-landscape h3 span {
    margin: 0 0 0 10px;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 75px;
    left: 250px;
}

.property-detail-concept h3 span {
    margin: 0 0 0 10px;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 75px;
    left: 190px;
}

.property-detail-photogallery h3 span {
    margin: 0 0 0 10px;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 75px;
    left: 320px;
}

.property-detail-movie h3 span {
    margin: 0 0 0 10px;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 75px;
    left: 120px;
}

.property-detail-locationmap h3 span {
    margin: 0 0 0 10px;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 75px;
    left: 290px;
}

.property-detail-outline h3 span {
    margin: 0 0 0 10px;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 75px;
    left: 170px;
}

.property-detail-facility h3 span {
    margin: 0 0 0 10px;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 75px;
    left: 170px;
}

.property-detail-otherproperty h3 span {
    margin: 0 0 0 10px;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 75px;
    left: 350px;
}

.property-target {
    margin: auto;
}

.property-target .property-detail-otherproperty h3 span {
    left: 420px;
}

p.facility-text {
    font-size: 17px;
    width: 913px;
    float: right;
    line-height: 2;
    font-weight: 100;
}

ul.other-property {
    width: 100%;
}

.property-detail-otherproperty li {
    text-align: center;
}

.property-detail-otherproperty img {
    max-width: 100%;
    margin: 0 0 10px;
    padding: 0 5px;
}

.property-detail img.landscape-img {
    float: left;
    margin: 32px 85px 0 108px;
}

.property-detail .landscape-inner {
    float: left;
    padding: 20px 0 0;
}

.property-detail .landscape-inner h4 {
    font-size: 26px;
    line-height: 1.6;
    margin: 0 0 10px;
}

.property-detail .landscape-inner p {
    line-height: 1.6;
}

.property-detail .landscape-inner ul {
    margin: 10px 0 0;
}

.property-detail .landscape-inner ul.hasuda-landscape {
    width: 1200px;
    margin: 10px auto 0;
}

.property-detail .landscape-inner ul li {
    padding: 25px;
    margin: 0 0 15px;
    border: 1px solid #333333;
    position: relative;
    transition: ease-in.1s;
}

.property-detail .landscape-inner ul a li:hover {
    background: #f0f0f0;
}

.property-detail .landscape-inner ul li span {
    background: #cc0000;
    color: #ffffff;
    padding: 5px 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.property-detail .landscape-inner ul li span.kanbai {
    background: #666666;
    color: #ffffff;
    padding: 5px 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.property-detail .landscape-inner ul.hasuda-landscape li {
    width: 290px;
    margin: 0 5px 40px;
    float: left;
}

.property-detail .photo-gallery {
    margin: 0 auto;
    overflow: hidden;
}

.property-detail .photo-gallery h4 {
    background: #efefef;
    font-size: 20px;
    padding: 5px;
    margin: 0 0 10px;
}

.property-detail .photo-gallery p {
    width: 870px;
    float: left;
}

.property-detail .photo-gallery span#altText,
.property-detail .photo-gallery span#altText2,
.property-detail .photo-gallery span#altText3,
.property-detail .photo-gallery span#altText4 {
    font-size: 16px;
    display: block;
    margin: 5px 0 0;
    line-height: 1.6;
}

.property-detail .concept-gallery,
.property-detail .concept-gallery2 {
    display: flex;
    justify-content: center;
}

.property-detail .concept-gallery p,
.property-detail .concept-gallery2 p {
    width: 100%;
    max-width: 720px;
    float: left;
}

.property-detail .concept-gallery p img,
.property-detail .concept-gallery2 p img {
    width: 100%;
    max-width: 720px;
    margin-bottom: 10px;
}

.property-detail .concept-gallery p span,
.property-detail .concept-gallery2 p span {
    display: block;
    line-height: 1.6;
}

.property-detail .concept-gallery ul,
.property-detail .concept-gallery2 ul {
    display: block;
    overflow: hidden;
    float: left;
    width: calc(720px / 4 * 2 + 25px);
    margin: 0 0 0 30px;
}

.property-detail .concept-gallery li,
.property-detail .concept-gallery2 li {
    position: relative;
    display: block;
    width: calc(720px / 4);
    height: calc(430px / 4);
    margin: 0 25px 25px 0;
    float: left;
}

.property-detail .concept-gallery li.is-active::before,
.property-detail .concept-gallery2 li.is-active::before {
    content: "";
    position: absolute;
    background: #2196f3;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .3;
}

.property-detail .concept-gallery li:nth-child(even),
.property-detail .concept-gallery2 li:nth-child(even) {
    margin: 0 0 25px;
}

.property-detail .concept-gallery li img,
.property-detail .concept-gallery2 li img {
    cursor: pointer;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.property-detail .concept-gallery li span,
.property-detail .concept-gallery2 li span {
    font-size: 12px;
    display: block;
    margin: 5px 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6;
}

.property-detail .concept-gallery li span.concept-txt,
.property-detail .concept-gallery2 li span.concept-txt {
    display: none;
}

.property-detail .photo-gallery {
    margin: 0 auto;
    overflow: hidden;
}

.property-detail .photo-gallery h4 {
    background: #efefef;
    font-size: 20px;
    padding: 5px;
    margin: 0 0 10px;
}

.property-detail .photo-gallery p {
    width: 870px;
    float: left;
}

.property-detail .photo-gallery span#altText,
.property-detail .photo-gallery span#altText2,
.property-detail .photo-gallery span#altText3,
.property-detail .photo-gallery span#altText4 {
    font-size: 16px;
    display: block;
    margin: 5px 0 0;
    line-height: 1.6;
}

.property-detail .photo-gallery p img {
    width: 100%;
}

.property-detail .photo-gallery ul {
    display: block;
    overflow: hidden;
    float: left;
    width: 300px;
    margin: 0 0 0 30px;
}

.property-detail .photo-gallery li {
    display: block;
    width: 138px;
    height: 93px;
    margin: 0 24px 25px 0;
    border: 1px solid #999999;
    float: left;
}

.property-detail .photo-gallery li:nth-child(even) {
    margin: 0 0 25px;
}

.property-detail .photo-gallery li img {
    cursor: pointer;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.property-detail .photo-gallery li span {
    font-size: 12px;
    display: block;
    margin: 5px 0 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6;
}

.property-detail-inquiry {
    background: #f0f0f0;
    margin: 50px 0 0;
    padding: 0 0 70px;
    overflow: hidden;
}

.property-detail-inquiry-inner {
    width: 1200px;
    margin: 0 auto;
}

.property-detail-inquiry h3 span {
    margin: 0 0 0 10px;
    background: #000000;
    color: #ffffff;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    position: absolute;
    top: 75px;
    left: 170px;
}

.property-detail-inquiry ul {
    overflow: hidden;
}

.property-detail-inquiry li {
    float: left;
    position: relative;
    transition: ease-in.1s;
}

.property-detail-inquiry li.property-detail-inquiry-tel {
    font-size: 35px;
    margin: 15px 49px 0 0;
    padding: 0 0 0 42px;
}

.property-detail-inquiry li.property-detail-inquiry-tel:before {
    content: "";
    background: url(images/all/inquiry/icon-tel.jpg) no-repeat;
    display: inline-block;
    width: 39px;
    height: 39px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.property-detail-inquiry li.property-detail-inquiry-tel span {
    font-size: 15px;
    vertical-align: middle;
    margin: 0 0 0 10px;
}

.property-detail-inquiry li.property-detail-inquiry-request,
.property-detail-inquiry li.property-detail-inquiry-reservation {
    border: 1px solid #333333;
    background: #ffffff url(images/all/inquiry/icon-arrow-after.png) no-repeat;
    background-position: 95% center;
    font-size: 20px;
    padding: 20px 89px 20px 60px;
}

.property-detail-inquiry li.property-detail-inquiry-request span,
.property-detail-inquiry li.property-detail-inquiry-reservation span {
    font-size: 12px;
    margin: 0 0 0 20px;
}

.property-detail-inquiry li.property-detail-inquiry-request:before {
    content: "";
    background: url(images/all/inquiry/icon-request.jpg) no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.property-detail-inquiry li.property-detail-inquiry-reservation:before {
    content: "";
    background: url(images/all/inquiry/icon-contact.jpg) no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.property-detail-inquiry li.property-detail-inquiry-request {
    margin: 0 30px 0 0;
}

.property-detail-inquiry li.property-detail-inquiry-reservation {
    margin: 0;
}

.property-detail-inquiry li.property-detail-inquiry-request:hover,
.property-detail-inquiry li.property-detail-inquiry-reservation:hover {
    background: #cccccc url(images/all/inquiry/icon-arrow-after.png) no-repeat;
    background-position: 95% center;
}

.property-detail-inquiry ul.inquiry-campaign {
    margin: 60px 0 0;
}

.property-detail-inquiry ul.inquiry-campaign li {
    margin: 0 60px 0 0;
}

.property-detail-inquiry ul.inquiry-campaign li:last-child {
    margin: 0;
}
.property-detail-inquiry ul.inquiry-campaign-new {
    margin: 60px 0 0;
}

.property-detail-inquiry ul.inquiry-campaign-new li {
    margin: 0 60px 0 0;
}

.property-detail-inquiry ul.inquiry-campaign-new li:last-child {
    margin: 0;
}

.property-detail-locationmap h4 {
    font-size: 26px;
    margin: 20px 0 0;
}

.property-detail-locationmap h4 span {
    color: #cc0000;
}

.property-detail-locationmap ul {
    margin: 10px 0 0;
    line-height: 1.6;
}

.property-detail-locationmap .train-access-wrap {
    overflow: hidden;
    margin: 20px 0 0;
}

.property-detail-locationmap img.routemap-img {
    float: left;
    margin: 0 20px 0 0;
    width: 330px;
}

.property-detail-locationmap img.routemap-img-hasuda {
    display: block;
    margin: 20px auto;
}

.property-detail-locationmap dl.train-access {
    margin: 0 0 20px;
    width: 850px;
    float: left;
}

.property-detail-locationmap dl.train-access-hasuda {
    margin: 0 0 20px;
    width: 100%;
    float: none;
}

.property-detail-locationmap dl.train-access dt {
    border: 1px solid #333333;
    font-size: 22px;
    font-weight: bold;
    padding: 20px 0 20px 250px;
    margin: 0 0 10px;
    position: relative;
}

.property-detail-locationmap dl.train-access dt:before {
    content: "TRAIN ACCESS";
    background: #000000;
    display: inline-block;
    height: calc(100% - 23px);
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    padding: 23px 25px 0 25px;
}

.property-detail-locationmap dl.bus-access dt:before {
    content: "BUS ACCESS";
    background: #000000;
    display: inline-block;
    height: calc(100% - 23px);
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    padding: 23px 25px 0 25px;
}

.property-detail-locationmap dl.bus-access2 dt:before {
    content: "BUS ACCESS";
    background: #000000;
    display: inline-block;
    height: calc(100% - 23px);
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    padding: 23px 25px 0 25px;
}

dl.train-access.bus-access {
    margin-bottom: 50px;
    width: 850px;
}

dl.train-access.bus-access2 {
    margin-bottom: 50px;
    width: 1200px;
}

dl.train-access.bus-access2 {
    margin-bottom: 50px;
    width: 1200px;
}

.property-detail-locationmap dl.train-access.bus-access2 dd:last-child {
    line-height: 2;
    font-size: 20px;
}

.property-detail-locationmap dl.train-access dd {
    line-height: 2;
    font-size: 20px;
}

.property-detail-locationmap dl.train-access dd:last-child {
    font-size: 16px;
}

.property-detail-locationmap dl.shuhen-sisetsu {
    width: 50%;
    float: left;
    margin: 40px 0 0;
    padding: 40px 0 0;
    line-height: 1.6;
    border-top: 1px dotted #333333;
}

.property-detail-locationmap dl.shuhen-sisetsu dt {
    float: left;
    background: #f0f0f0;
    padding: 10px;
}

.property-detail-locationmap dl.shuhen-sisetsu dd {
    margin: 0 0 0 148px;
}

.property-detail-locationmap ul.location-photo {
    clear: both;
    padding: 50px 0 0;
}

.property-detail-locationmap ul.location-photo li {
    width: 260px;
    margin: 0 53px 30px 0;
    float: left;
    text-align: center;
}

.property-detail-locationmap ul.location-photo li img {
    max-width: 100%;
    margin: 0 0 10px;
}

.property-detail-locationmap ul.location-photo li:nth-child(4n) {
    margin: 0 0 30px 0;
}

.property-detail-outline table {
    width: 100%;
    border: 1px solid #333333;
    line-height: 2;
    margin: 20px 0;
}

.property-detail-outline table tr {
    border-bottom: 1px dotted #999999;
}

.property-detail-outline table th {
    padding: 20px 10px;
    background: #f0f0f0;
    vertical-align: middle;
    font-weight: normal;
    text-align: left;
    width: 197px;
}

.property-detail-outline table td {
    padding: 20px 10px;
}

.property-detail-outline table td img {
    float: left;
    margin: 0 10px 0 0;
}

.property-detail-facility h4 {
    background: #f0f0f0;
    padding: 10px;
    margin: 20px 0;
}

.property-detail-facility ul {
    margin: 20px 0 40px;
    overflow: hidden;
}

.property-detail-facility ul:last-child {
    margin: 20px 0 0;
}

.property-detail-facility li {
    float: left;
    margin: 0 26px 0 0;
    width: 240px;
    line-height: 1.6;
}

.property-detail-facility li:first-child {
    width: 400px;
}

.property-detail-facility li:last-child {
    margin: 0 0 0 1px;
}

.property-detail-facility li strong {
    font-size: 18px;
    display: block;
    margin: 10px 0 0;
}

.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 20px 0 0;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

ul#movie-tab {
    overflow: hidden;
    margin: 10px 0;
}

ul#movie-tab li {
    float: left;
    margin: 0 10px 0 0;
    cursor: pointer;
    width: calc(15% - 10px);
    line-height: 1.6;
    font-size: 12px;
}

ul#movie-tab li:last-child {
    margin: 0;
}

ul#movie-tab li img {
    max-width: 100%;
    margin: 0 0 10px;
}

.property-detail-movie .panorama iframe {
    width: 1200px;
    height: 600px;
    margin: 0 auto 30px;
    display: block;
}

.property-detail-movie .panorama-text {
    font-size: 26px;
    margin-bottom: 10px;
}

p.movie-text {
    font-size: 17px;
    width: 940px;
    float: right;
    line-height: 2;
    font-weight: 100;
}


/*--------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------建築住宅実績-----------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------*/

.case-mainbanner {
    margin: 0;
}

.case-mainbanner img {
    width: 100%;
}

.case h2 {
    font-size: 26px;
    border-left: 5px solid #c8161d;
    padding: 0 8px;
    margin: 50px 0 30px;
}

.case h2 span {
    border-left: 1px solid #999999;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    font-size: 12px;
    vertical-align: middle;
    font-weight: normal;
    letter-spacing: .1em;
}

.case p {
    line-height: 1.6;
}

ul.case-search {
    text-align: center;
    margin: 20px 0 0;
}

ul.case-search li {
    display: inline-block;
    font-size: 22px;
    text-align: left;
    border: 1px solid #000000;
    border-radius: 2px;
    width: 49%;
    margin: 0 2% 0 0;
    position: relative;
    padding: 0 0 0 60px;
    transition: ease-in.1S;
}

ul.case-search li:hover {
    background: #e0e0e0;
}

ul.case-search li:last-child {
    margin: 0;
    padding: 0 0 0 100px;
}

ul.case-search li:before {
    content: "";
    background: url(images/all/search-icon-area.png) no-repeat;
    display: inline-block;
    width: 62px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

ul.case-search li:after {
    content: "";
    background: url(images/all/search-arrow.png) no-repeat;
    display: inline-block;
    width: 21px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul.case-search li a {
    display: block;
    padding: 30px;
}

.case-history,
.case-type {
    width: 1200px;
    margin: 50px auto 0;
    border-top: 1px solid #999999;
}

ul.history-tab,
ul.type-tab {
    overflow: hidden;
}

ul.history-tab li,
ul.type-tab li {
    text-align: center;
    font-size: 15px;
    width: 85px;
    margin: 0 7px 0 0;
    padding: 16px 6px;
    cursor: pointer;
    border: 1px solid #999999;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    float: left;
    background: #f0f0f0;
}

.case .disnon,
.property-detail .disnon,
.content .disnon {
    display: none;
}

ul.history-tab li.select,
ul.type-tab li.select {
    background: #666666;
    color: #ffffff;
}

ul.history-tab li:last-child,
ul.type-tab li:last-child {
    margin: 0;
}

.history-contet,
.type-contet {
    border: 1px solid #999999;
    padding: 0 20px 20px;
    width: 1200px;
    margin: 2rem auto;
}

.history-contet h3,
.type-contet h3 {
    font-size: 22px;
    font-weight: normal;
    border-left: 3px solid #46a0ff;
    padding: 0 0 0 5px;
    margin: 40px 0 0;
}

.history-contet h3 span,
.type-contet h3 span {
    color: #46a0ff;
    background: #e1f0ff;
    padding: 5px;
    font-size: 16px;
    margin: 0 0 0 5px;
}

.history-contet ul,
.type-contet ul {
    margin: 20px 0 10px;
    overflow: hidden;
}

.history-contet li,
.type-contet li {
    width: 32%;
    height: 248px;
    overflow: hidden;
    margin: 0 2% 0 0;
    position: relative;
    float: left;
}

.history-contet li img,
.type-contet li img {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.history-contet li:last-child,
.type-contet li:last-child {
    margin: 0;
}


/*------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------ココイク------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/

#cocoiku .mainbanner {
    width: 1200px;
    margin: 0 auto 50px;
}

#cocoiku .content {
    background: url(images/cocoiku/cocoiku-bg.jpg);
    padding: 50px 0;
}

#cocoiku .content .content-wrap {
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
    background: #ffffff;
}

#cocoiku .content .content-wrap .content-photo-left {
    float: left;
}

#cocoiku .content .content-wrap .content-photo-right {
    float: right;
}

#cocoiku .content .content-wrap .content-text {
    padding: 50px;
    width: 600px;
    height: 440px;
    float: left;
}

#cocoiku .content .content-wrap h2 {
    font-size: 32px;
    color: #46a0ff;
    border-left: 5px solid #46a0ff;
    padding: 0 0 0 20px;
    margin: 0 0 15px;
}

#cocoiku .content .content-wrap p {
    color: #685932;
    line-height: 1.6;
}

#cocoiku .content .content-wrap img.cocoiku-illust {
    display: block;
    margin: 50px auto;
}

#cocoiku .content .content-wrap .cocoiku-sekkei {
    padding: 0 100px;
    margin: 0 0 50px;
}

#cocoiku .content .content-wrap .cocoiku-sekkei h3 {
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    background: #46a0ff;
    padding: 15px 0;
    margin: 50px 0 30px;
}

#cocoiku .content .content-wrap .cocoiku-sekkei ul {
    overflow: hidden;
}

#cocoiku .content .content-wrap .cocoiku-sekkei ul li h4 {
    font-size: 22px;
    color: #ee7773;
    margin: 15px 0;
}

#cocoiku .content .content-wrap .cocoiku-sekkei ul li {
    float: left;
    width: 482px;
    margin: 0 36px 15px 0;
}

#cocoiku .content .content-wrap .cocoiku-sekkei ul li:first-child,
#cocoiku .content .content-wrap .cocoiku-sekkei ul li:nth-child(2) {
    height: 140px;
}

#cocoiku .content .content-wrap .cocoiku-sekkei ul li:nth-child(2) {
    margin: 0 0 15px;
}

#cocoiku .content .content-wrap .cocoiku-sekkei ul li:nth-child(n + 3) {
    width: 310px;
    padding: 0;
    margin: 0 35px 0 0;
}

#cocoiku .content .content-wrap .cocoiku-sekkei ul li:last-child {
    width: 310px;
    padding: 0;
    margin: 0;
}

#cocoiku .content .content-wrap .cocoiku-sekkei ul li h4 span {
    font-size: 32px;
    color: #ee7773;
}

#cocoiku .content .content-wrap .cocoiku-kankyo {
    padding: 0 100px;
    margin: 0 0 50px;
}

#cocoiku .content .content-wrap .cocoiku-kankyo h3 {
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    background: #46a0ff;
    padding: 15px 0;
    margin: 50px 0 30px;
}

#cocoiku .content .content-wrap .cocoiku-kankyo ul {
    overflow: hidden;
}

#cocoiku .content .content-wrap .cocoiku-kankyo ul li {
    width: 300px;
    height: 472px;
    margin: 0 50px 0 0;
    padding: 30px;
    float: left;
    border: 1px solid #3f3935;
}

#cocoiku .content .content-wrap .cocoiku-kankyo ul li:last-child {
    margin: 0;
}

#cocoiku .content .content-wrap .cocoiku-kankyo ul li h4 {
    text-align: center;
    font-size: 22px;
    margin: 0 0 10px;
}

#cocoiku .content .content-wrap .cocoiku-kankyo ul li h4 span {
    color: #ee7773;
}

#cocoiku .content .content-wrap .cocoiku-kankyo ul li img {
    max-width: 100%;
    margin: 0 0 10px;
}


/*------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------イベント一覧------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/

#event .mainbanner {
    width: 1200px;
    margin: 0 auto 50px;
}

.event-inner {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

#event h2 {
    background: #f0f0f0;
    padding: 10px;
    color: #333333;
    text-align: left;
    font-size: 16px;
    margin: 30px auto 10px;
}

.e-list .e-list-p {
    font-size: 16px;
    margin: 10px 0;
    line-height: 1.4;
}

.e-list .e-list-p span {
    font-size: 12px;
}

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

.e-list ul li {
    margin: 20px 0;
    width: 48.5%;
}

.event-item-txt {
    padding: 3% 0 0 2%;
    background-size: auto auto;
    background-color: rgba(246, 246, 246, 1);
    background-image: repeating-linear-gradient( 135deg, transparent, transparent 2px, rgba(248, 242, 206, 1) 1px, rgba(248, 242, 206, 1) 9px);
}

.event-item-txt-title {
    background: #fff;
    width: 98%;
    padding: 1% 0 1% 4%;
    position: relative;
}

.event-item-txt-title::before {
    content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f2004b;
}

.event-item-txt-title p {
    color: #f2004b;
    font-size: 20px;
    font-weight: 600;
}

.event-item-txt-row-title {
    font-size: 18px;
    margin-top: 10px;
    font-weight: 600;
}

.event-item-txt-row-txt {
    width: 98%;
    line-height: 1.4;
    margin-top: 10px;
    font-size: 14px;
}

.event-item-txt-row-button {
    text-align: right;
}

.event-item-txt-row-button a {
    margin-top: 10px;
    width: 170px;
    height: 40px;
    line-height: 40px;
    background: #F20050;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-left: auto;
    position: relative;
    transition: ease-in.1s;
    display: inline-block;
}

.event-item-txt-row-button a:hover {
    opacity: .8;
}

.event-item-txt-row-button span {
    font-size: 23px;
    color: #f5ba5c;
    position: absolute;
    bottom: -2px;
    padding-left: 2px;
}


/*------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------テクノロジー----------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/

main.tech {
    width: 100%;
    background: url(images/technology/tech-bg.jpg);
    background-size: cover;
}

.tech-inner {
    width: 950px;
    margin: 0 auto;
    padding: 50px 0;
}

.tech-inner ul {
    margin: 50px 0 0;
    border-top: 5px solid #3264bf;
    border-right: 5px solid #3264bf;
    border-left: 5px solid #3264bf;
    box-sizing: border-box;
}

.tech-inner li {
    border-bottom: 5px solid #3264bf;
}

.tech-inner li img {
    width: 100%;
}

.tech-inner li:hover {
    opacity: 0.8;
}

.tech-inner li:nth-child(3):hover {
    opacity: 1;
}

.tech-inner li:last-child:hover {
    opacity: 1;
}


/*-----------------------------------------------------------------------------------------------------*/


/*------------------------------------------------コラム------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------*/

#column .mainbanner {
    width: 1200px;
    margin: 0 auto 50px;
}

#column .content {
    width: 1200px;
    margin: 0 auto 50px;
}

#column .content img {
    float: left;
    margin: 0 20px 0 0;
}

#column .content h2 {
    font-size: 30px;
    color: #6baad1;
    border-bottom: 3px solid #6baad1;
    border-top: 3px solid #6baad1;
    padding: 15px 0;
}

#column .content p {
    line-height: 1.6;
    margin: 10px 0 0;
}

#column .content ul {
    overflow: hidden;
}

#column .content ul#column-tab li {
    width: 189px;
    margin: 0 13px 0 0;
    float: left;
    text-align: center;
    background: #f0f0f0;
    padding: 20px 0;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
}

#column .content ul#column-tab li:last-child {
    margin: 0;
}

#column .content ul#column-tab li.select {
    background: #46a0ff;
    color: #ffffff;
    font-weight: bold;
}

#column .content .column-content {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 50px 0;
    border: 1px solid #333333;
}

#column .content-inner {
    overflow: hidden;
    margin: 0 0 50px;
    padding: 0 0 50px;
    border-bottom: 1px dotted #acacac;
}

#column .content-inner ul {
    overflow: hidden;
}

#column .content-inner ul li {
    float: left;
    color: #ffffff;
    background: #46a0ff;
    padding: 5px;
    margin: 0 10px 0 0;
    font-size: 12px;
}

#column .content-inner ul li:nth-child(2) {
    background: #3f3935;
}

#column .content-inner h3 {
    color: #b09c53;
    font-size: 35px;
    line-height: 1.6;
    margin: 30px 0 100px;
}

#column .content-inner h4 {
    background: #b09c53;
    color: #ffffff;
    font-size: 22px;
    margin: 20px 0 0;
    padding: 10px;
}

#column .content-inner h5 {
    color: #b09c53;
    font-size: 20px;
    margin: 20px 0 0;
}

#column .content-inner p {
    margin: 20px 0 0;
}


/*-----------------------------------------------------------------------------------------------------*/


/*------------------------------------------------フォーム------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------*/

#form h2 {
    font-size: 30px;
    text-align: center;
    margin: 30px 0 20px;
    color: #46a0ff;
}

#form h3 {
    font-size: 25px;
    text-align: center;
    margin: 30px 0 20px;
    color: #46a0ff;
}

#form p {
    margin: 15px 0;
}

#form .require {
    padding: 5px 0 5px 5px;
    margin: 0 5px;
    border-radius: 3px;
    border: 1px solid #46a0ff;
    color: #46a0ff;
    font-size: 12px;
    letter-spacing: 5px;
    font-weight: bold;
}

input[type=text],
textarea {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#form main {
    width: 800px;
    margin: 0 auto;
}

#form table {
    width: 100%;
}

#form main tr {
    display: block;
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 10px solid #f0f0f0;
    margin-top: -160px;
    padding-top: 160px;
}

#form main tr:last-child {
    border-bottom: none;
    margin: -160px 0 0 0;
}

#form main th,
#form main td {
    display: block;
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
}

#form main th {
    color: #ffffff;
    background: #46a0ff;
    border-radius: 3px;
    font-size: 20px;
    position: relative;
}

#form main th span.require {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    color: #46a0ff;
}

#form main th label {
    color: #ffffff;
    display: block;
    text-align: center;
}

#form table tr.form-nelife label,
#form table tr.form-bukken-email label,
#form table tr.form-kikkake label,
#form table tr.form-time label,
#form table tr.form-raijou label {
    width: calc(50% - 10px);
    float: left;
    margin: 10px 20px 10px 0;
    padding: 20px 10px;
    border: 5px solid #46a0ff;
    cursor: pointer;
    border-radius: 3px;
    transition: ease-in.2s;
    color: #46a0ff;
    font-weight: bold;
    opacity: 1;
    position: relative;
}

#form table tr.form-property label p.label-nelife {
    position: absolute;
    top: -15px;
    right: 0;
    background: #46a0ff;
    padding: 0 0 5px 5px;
    border-radius: 0 0 0 3px;
    color: #ffffff;
    font-size: 14px;
}

#form table tr.form-property label:hover,
#form table tr.form-nelife label:hover,
#form table tr.form-bukken-email label:hover,
#form table tr.form-kikkake label:hover,
#form table tr.form-time label:hover,
#form table tr.form-raijou label:hover {
    opacity: .8;
}

#form table tr.form-property label:nth-child(even),
#form table tr.form-nelife label:nth-child(even),
#form table tr.form-bukken-email label:nth-child(even),
#form table tr.form-kikkake label:nth-child(even),
#form table tr.form-time label:nth-child(even),
#form table tr.form-raijou label:nth-child(even) {
    margin: 10px 0;
}

#form input[type=text],
#form input[type=tel],
#form input[type=email] {
    width: calc(100% - 50px);
    border: 5px solid #46a0ff;
    padding: 30px 20px;
    font-size: 20px;
    border-radius: 3px;
    display: block;
}

#form ::-webkit-input-placeholder {
    color: #ccc;
}

#form ::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}

#form :-ms-input-placeholder {
    color: #ccc;
}

#form input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(images/form/checkbox.png) left top;
    border: none;
}

@media all and (-ms-high-contrast:none) {
    #form input[type=radio] {
        background: none;
        border: none;
    }
}

#form input[type=radio]:checked::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: url(images/form/checkbox.png) left bottom;
}

#form input[type="submit"] {
    text-align: center;
    display: block;
    margin: 0 auto 30px;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    padding: 20px 50px;
    font-size: 30px;
    cursor: pointer;
    border: 5px solid #8fc31f;
    border-radius: 10px;
    font-weight: bold;
    color: #ffffff;
    background: #8fc31f;
    transition: ease-in.2s;
}

#form input[type="submit"]:hover {
    background: #ffffff;
    color: #8fc31f;
}

tr.form-nelife,
tr.form-property,
tr.form-name,
tr.form-furigana,
tr.form-add,
tr.form-tel,
tr.form-email,
tr.form-bukken-email,
tr.form-date,
tr.form-time,
tr.form-raijou,
tr.form-eigyo {
    position: relative;
}

tr.form-nelife {
    z-index: 12;
}

tr.form-property {
    z-index: 11;
}

tr.form-date {
    z-index: 10;
}

tr.form-time {
    z-index: 9;
}

tr.form-name {
    z-index: 8;
}

tr.form-furigana {
    z-index: 7;
}

tr.form-add {
    z-index: 6;
}

tr.form-tel {
    z-index: 5;
}

tr.form-email {
    z-index: 4;
}

tr.form-raijou {
    z-index: 3;
}

tr.form-eigyo {
    z-index: 2;
}

tr.form-bukken-email {
    z-index: 1;
}

.form-add label {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

#form dl {
    line-height: 1.6;
    font-size: 14px;
}

#form textarea {
    width: calc(100% - 42px);
    padding: 20px;
    border: 1px solid #acacac;
    margin: 0 0 10px;
    font-size: 20px;
}

#form em {
    font-style: normal;
    font-weight: bold;
    margin: 10px 0 0;
    color: #cc0000;
    display: block;
}

#form input[type="submit"].input-back {
    padding: 0 !important;
    background: none !important;
    margin: 0 !important;
    border: none !important;
    color: #333333 !important;
    font-size: 16px;
    font-weight: normal;
    text-decoration: underline !important;
}

#form .finish {
    text-align: center;
    line-height: 1.6;
}

#form .finish a {
    text-decoration: underline;
}

#form .finish-detail {
    text-align: left;
    border: 1px solid #ccc;
    margin: 30px 0;
    padding: 10px;
}

img.form-campaign {
    width: 100%;
}


/*---------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------ブログ-----------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------*/


/*--物件詳細ページ共通--*/

.blog {
    /*width: 1200px;*/
    margin: 0 auto;
}

.blog-inner {
    width: 1200px;
    margin: 20px auto 0;
    overflow: hidden;
}

.blog_date {
    margin-bottom: 1rem;
    color: #757575;
    border-bottom: solid 1px #9eaccc;
    font-size: .8rem;
}

.mitsui-post .tit {
    font-size: 32px;
}

.su-post {
    width: 1200px !important;
    margin: 0 auto 15px;
    line-height: 1.6;
}

.su-post a h2 {
    text-decoration: underline;
    font-size: 25px;
    margin: 0 0 5px;
}

.post-1096 {
    width: 1200px;
    margin: 20px auto 0;
}

ul.lcp_catlist li {
    margin: 0 0 20px;
    line-height: 1.6;
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}

ul.lcp_catlist li a {
    font-size: 25px;
    text-decoration: underline;
    color: #46a0ff;
    font-weight: bold;
    white-space: normal;
    display: block;
}

ul.lcp_catlist li a:hover {
    text-decoration: none;
}

ul.lcp_paginator {
    justify-content: center;
    display: flex;
}

ul.lcp_paginator {}


/*-----------------------------------------------------------------------------------------------------*/


/*------------------------------------------------投稿ページ------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------*/

.mitsui-post {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding: 50px 0;
    line-height: 2;
}

.mitsui-post a {
    text-decoration: underline;
    /* リンク部分にアンダーライン */
    font-weight: bold;
    /* リンク文字を太字 */
    color: #0066cc;
    /* リンクの色 */
}

.entry-content a:visited {
    color: #0066cc;
    /* 訪問済みの色 */
}

.entry-content a:hover {
    color: #7a8285;
    /* カーソルが乗った時の色 */
}


/*------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------リクルート--------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/

#recruit .top_mainbanner_recruit {
    width: 1200px;
    height: 360px;
    margin: 0 auto;
    background: url("https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/recruit/main_banner.jpg");
    background-size: cover;
    padding: 50px 0 0 50px;
}

#recruit .top_mianbanner_text {
    font-size: 42px;
    letter-spacing: 0.3em;
    margin: 0 0 10px;
}

#recruit p.tm-smalltext {
    font-size: 16px;
}

#recruit .top_mianbanner_text span.h1-red {
    color: #C8161D;
}

#recruit .top_mainbanner_recruit img.tm_img {
    width: 1200px;
}

#recruit .concept {
    width: 1200px;
    margin: 20px auto;
}

#recruit ul.concept-list {
    margin: 20px 0;
    overflow: hidden;
}

#recruit .concept-list img.con_icon {
    display: block;
    margin: 10px auto 0;
}

#recruit li.c-list-sub {
    float: left;
    width: 370px;
    height: 500px;
    padding: 20px;
    margin: 10px 45px 0 0;
    background-color: #F0F0F0;
}

#recruit li.c-list-sub:last-child {
    margin: 10px 0 0 0;
}

#recruit .blue {
    color: #46A0FF;
    font-size: 20px;
    font-weight: bold;
    line-height: 2em;
}

#recruit p.concept_text {
    line-height: 1.5em;
}

.internship_info {
    width: 1200px;
    margin: 56px auto 0;
}

#recruit .info-title {
    font-size: 26px;
    border-left: 5px solid #cc0000;
    padding: 0 0 0 7px;
}

#recruit .info-smalltext {
    font-size: 16px;
    margin: 0 20px;
    padding: 0 0 0 7px;
    border-left: 1px solid #000;
}

#recruit h3.info-middle {
    padding: 10px 10px;
    margin: 20px 0;
    color: #46A0FF;
    width: 132px;
    border: solid 2px #46A0FF;
    text-align: center;
}

#recruit span.info-middletext {
    color: #46A0FF;
    font-size: 26px;
    font-weight: bold;
}

#recruit .recruit_info {
    margin: 30px auto;
}

#recruit .recruit_info dl,
#recruit .recruit_info dt {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 0 0;
}

#recruit .recruit_info dl,
dd {
    font-size: 16px;
    line-height: 1.3em;
}

#recruit .internship_member_rule dl,
dt,
dd {
    font-size: 16px;
    line-height: 2em;
}

#recruit p.r_info_text {
    font-size: 16px;
    line-height: 1.5em;
    margin: 30px 0 15px 0;
    padding: 0 0 14px 0;
    border-bottom: 3px double #8c8b8b;
}

#recruit li.r_rikunavi {
    display: inline-block;
    width: 200px;
    height: 40px;
    border: 0;
}

#recruit li.r_info_rikunavi {
    display: inline-block;
    margin: 0 10px;
}

#recruit a.rink:link {
    text-decoration: underline;
    color: #2523FB;
    margin-left: 43px;
}

#recruit .internship_rule {
    width: 1200px;
    margin: 50px auto;
    line-height: 1.5em;
}

#recruit .member_rule {
    padding: 10px 10px;
    margin: 20px 0;
    color: #46A0FF;
    width: 1200px;
    border-bottom: dotted 2px #46A0FF;
    border-top: dotted 2px #46A0FF;
    border-left: dotted 2px #46A0FF;
    border-right: dotted 2px #46A0FF;
    text-align: center;
}

#recruit .member_rule h3 {
    width: 225px;
}

#recruit p.rule_text {
    width: 610px;
    margin: 10px 0;
}

#recruit .internship_member_rule {
    width: 1200px;
    height: 430px;
    margin: 0 auto;
    border: dotted 2px #999;
    padding: 10px;
    overflow-y: scroll;
}

#recruit .internship_member_rule h4 {
    margin: 20px 0;
}

#recruit p.rule_undertext {
    margin: 20px 10px;
}

#recruit .botton {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 20px 30px;
    text-decoration: none;
    color: #fff;
    background: #8FC31F;
    transition: .4s;
    font-size: 20px;
}

#recruit .botton:hover {
    background: #46A0FF;
    color: white;
}


/*-----新卒採用/インタ－ンショップ情報-----*/

#recruit .sinsotsu {
    width: 1200px;
    margin: auto;
    border-bottom: gary solid 1px;
}

#recruit .sinsotsu ul.sinsotsu-btn {
    text-align: center;
    margin: 80px 0 117px 0;
}

#recruit .sinsotsu ul.sinsotsu-btn li {
    display: inline-block;
    font-size: 22px;
    text-align: left;
    border: 1px solid #000000;
    border-radius: 2px;
    width: 48%;
    margin: 0 2% 0 0;
    position: relative;
    padding: 0 0 0 60px;
    transition: ease-in.1S;
}

#recruit .sinsotsu ul.sinsotsu-btnn li:hover {
    background: #e0e0e0;
}

#recruit .sinsotsu ul.sinsotsu-btn li:last-child {
    margin: 0;
    padding: 0 0 0 43px;
}

#recruit .sinsotsu ul.sinsotsu-btn li:first-child:before {
    content: "";
    background: url("https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/recruit/bag.png") no-repeat;
    display: inline-block;
    width: 62px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

#recruit .sinsotsu ul.sinsotsu-btn li:last-child:before {
    content: "";
    background: url("https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/recruit/tei.png") no-repeat;
    display: inline-block;
    width: 80px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

#recruit .sinsotsu ul.sinsotsu-btn li:after {
    content: "";
    background: url("https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/recruit/search-arrow.png") no-repeat;
    display: inline-block;
    width: 21px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#recruit .sinsotsu ul.sinsotsu-btn li a {
    display: block;
    padding: 30px;
}

#recruit .info-title {
    font-size: 26px;
    border-left: 5px solid #cc0000;
    padding: 0 0 0 7px;
}
#recruit .sinsotsu .botton-re {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 20px 30px;
    margin: 20px 0 102px 0;
    text-decoration: none;
    color: #fff;
    background: #8FC31F;
    transition: .4s;
    font-size: 20px;
}

#recruit .sinsotsu .botton-re:hover {
    background: #46A0FF;
    color: white;
}
/*改修*/
#recruit .top_mainbanner_recruit2 {
    width: 1200px;
    height: 360px;
    margin: 0 auto;
    background: url("https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/recruit/main_banner2.jpg");
    background-size: cover;
    padding: 50px 0 0 50px;
}
#recruit .concept2{
    width:1200px;
    margin: 0 auto 80px;
}
#recruit .concept2 ul.concept-list{
    display: flex;
    justify-content: space-between;
    margin:0;
    padding: 0 60px 60px;
    background-color:#f0f0f0 ;
}
#recruit .concept2 ul.concept-list li.c-list-sub{
    width: 340px;
    height: 600px;
    padding: 30px;
    margin: 0 30px 0 0;
    background-color:#fff ;
}
#recruit .concept2 ul.concept-list li.c-list-sub:last-of-type{
    margin-right: 0;
}
#recruit .concept2 .con_ttl {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    line-height: 2em;
    padding-left: 26px;
}
#recruit .concept2 .concept-list .c-list-sub img.con_icon{
    width: 160px;
    height: 160px;
    margin: 0 auto 30px;
}
#recruit .concept2 .concept-list .c-list-sub p.concept_text{
    margin-bottom: 20px;
}
#recruit .concept2 .con_ttl:before {
    content: "";
    background: url("https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/recruit/check_icon.png") no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#recruit #sinsotsu .botton-re,#recruit #chuto .botton-re {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 20px 30px;
    margin: 20px 0 102px 0;
    text-decoration: none;
    color: #fff;
    background: #8FC31F;
    transition: .4s;
    font-size: 20px;
}

#recruit #sinsotsu .botton-re:hover,#recruit #chuto .botton-re:hover {
    background: #46A0FF;
    color: white;
}
#sinsotsu, #eigyo, #kanri,#sekkei,#jimu,#intern{
    margin-top: 56px;
}
#recruit #chuto ul.chuto-btn {
    display: flex;
    justify-content: space-between;
    margin: 56px 0 80px;
}

#recruit #chuto ul.chuto-btn li {
    display: inline-block;
    font-size: 22px;
    text-align: left;
    border: 1px solid #000000;
    border-radius: 2px;
    width: 32%;
    margin: 0 2% 0 0;
    position: relative;
    padding: 0 0 0 60px;
    transition: ease-in.1S;
}

#recruit #chuto ul.chuto-btn li:hover {
    background: #e0e0e0;
}

#recruit #chuto ul.chuto-btn li:last-child {
    margin: 0;
    padding: 0 0 0 43px;
}

#recruit #chuto ul.chuto-btn li:first-child:before {
    content: "";
    background: url("https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/recruit/bag.png") no-repeat;
    display: inline-block;
    width: 62px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

#recruit #chuto ul.chuto-btn li:nth-child(2):before {
    content: "";
    background: url("https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/recruit/kanri.png") no-repeat;
    display: inline-block;
    width: 50px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

#recruit #chuto ul.chuto-btn li:nth-child(3):before {
    content: "";
    background: url("https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/recruit/sekkei.png") no-repeat;
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

#recruit #chuto ul.chuto-btn li:last-child:before {
    content: "";
    background: url("https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/recruit/jimu.png") no-repeat;
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

#recruit #chuto ul.chuto-btn li:after {
    content: "";
    background: url("https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/recruit/search-arrow.png") no-repeat;
    display: inline-block;
    width: 21px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#recruit #chuto ul.chuto-btn li a {
    display: block;
    padding: 30px;
}
#recruit .smalltext {
    font-size: 16px;
    margin: 0 10px;
}
/* タブ切り替え */
/*
.tab {
    width: 1200px;
    margin: 0 auto;
}

.tab input {
    display: none;
}

.tab-list {
    display: flex;
    border-bottom: 3px solid #46a0ff;
}

.tab-list label {
    display: inline-block;
    width: 100%;
    margin: 0 5px;
    padding: 20px 0;
    background: #adc0d5;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    -webkit-transition: ease .2s opacity;
    transition: ease .2s opacity;
}

.tab-list label:first-of-type {
    margin-left: 0;
}

.tab-list label:last-of-type {
    margin-right: 0;
}

.tab-list label>* {
    font-size: 30px;
    font-weight: 500;
}

.tab-list label:hover {
    opacity: .8;
}

.tab-box {
    display: none;
    width: 100%;
}
*/
#tab-sinsotsu:checked~.tab-list .tab-sinsotsu {
    background: #46a0ff;
    color: #fff;
}

#tab-sinsotsu:checked~.tab-cont #tab-sinsotsu {
    display: block;
}

#tab-chuto:checked~.tab-list .tab-chuto {
    background: #46a0ff;
    color: #fff;
}

#tab-chuto:checked~.tab-cont #tab-chuto {
    display: block;
}

#tab-intern:checked~.tab-list .tab-intern {
    background: #46a0ff;
    color: #fff;
}

#tab-intern:checked~.tab-cont #tab-intern {
    display: block;
}


/*---------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------賢い住宅購入術ページ-----------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------*/

#zozei {
    background-image: url(images/zozei/bg.jpg);
}

#zozei .inner {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#zozei .topmain .topmain-menu {
    background-color: white;
}

#zozei .topmain .topmain-menu h2 img {
    margin: 30px auto;
    display: block;
    padding: 20px 0;
}

#zozei .topmain .topmain-menu lu {
    overflow: hidden;
}

#zozei .topmain .topmain-menu li {
    float: left;
    margin: 0 0 0 20px;
    padding: 5px;
}

#zozei .topmain .topmain-menu img {
    margin: 30px 0 0 0;
}

#zozei .main div.mainback {
    background-color: white;
    padding: 15px;
}

#zozei .main .maincolor-p {
    background: rgba(235, 112, 136, 0.51);
    margin: 30px 0 0;
    padding: 20px 0 0;
}

#zozei .main .maincolor-p h3 {
    font-size: 30px;
    color: white;
    width: 400px;
    background: #EB7088;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
}

#zozei .main .maincolor-b {
    background: rgba(97, 189, 191, 0.45);
    margin: 30px 0 0;
    padding: 20px 0 0;
}

#zozei .main .maincolor-b h3 {
    font-size: 30px;
    color: white;
    width: 400px;
    background: #61BDBF;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
}

#zozei .main .maincolor-o {
    background: rgba(224, 127, 0, 0.43);
    margin: 30px 0 0;
    padding: 20px 0 0;
}

#zozei .main .maincolor-o h3 {
    font-size: 30px;
    color: white;
    width: 400px;
    background: #F39D26;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
}

#zozei .main .maincolor-g {
    background: rgba(170, 190, 54, 0.46);
    margin: 30px 0 0;
    padding: 20px 0 0;
}

#zozei .main .maincolor-g h3 {
    font-size: 30px;
    color: white;
    width: 400px;
    background: #AABE36;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
}

#zozei .main p.main-line-a {
    font-size: 32px;
    margin: 30px auto;
    text-align: center;
    font-weight: bold;
    background: linear-gradient(transparent 30%, #FFF67F 50%);
    width: 920px;
}

#zozei .main p.main-line-b {
    font-size: 32px;
    margin: 30px auto;
    text-align: center;
    font-weight: bold;
    background: linear-gradient(transparent 30%, #FFF67F 50%);
    width: 550px;
}

#zozei .main p {
    font-size: 32px;
    margin: 30px auto;
    text-align: center;
    font-weight: bold;
    background: linear-gradient(transparent 30%, #FFF67F 50%);
    width: 750px;
}

#zozei .main ul {
    overflow: hidden;
    background-color: white;
}

#zozei .main li {
    float: left;
    margin: 30px 0 0 20px;
}

#zozei .main li.main-text {
    width: 360px;
    margin: 44px 0 0 45px;
    line-height: 1.6;
    font-size: 16px;
}

#zozei .check img {
    margin: 30px 0;
}


/*---------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------パパ・ママ応援ショップ優待特典-----------------------------------------------*/


/*---------------------------------------------------------------------------------------------------------*/

#aircon .sp-only {
    display: none !important;
}

#aircon {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

#aircon .inner {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#aircon img {
    max-width: 100%;
}

.bread-nav ul {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.bread-nav li {
    float: left;
    font-size: 12px;
    margin-left: 5px;
}

.bread-nav li::after {
    content: "»";
}

.bread-nav li:last-child:after {
    content: "";
}

.bread-nav li a {
    color: #333;
    text-decoration: underline;
}

.bread-nav {
    background-color: #f0f0f0;
    padding: 5px 0;
}

.bread-nav a:hover {
    text-decoration: none;
}

#aircon .fv {
    background-image: url(images/aircon/fvbase.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

#aircon .right {
    position: absolute;
    top: 0;
    right: 0;
}

#aircon .fv-inner {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#aircon .title2 {
    position: absolute;
    top: -530px;
    right: 0%;
}

#aircon .main {
    margin-top: -50px;
    background-color: #e6f0cf;
}

#aircon .present {
    background-image: url(images/aircon/mainbase2.png);
    background-position: top 60px center;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    position: relative;
    height: 1107px;
}

#aircon .present-title {
    padding-top: 72px;
}

#aircon .papa {
    margin-top: 50px;
    font-size: 24px;
    line-height: 37px;
}

#aircon .papa span {
    color: #ffff6d;
}

#aircon .airconimg {
    margin-top: 25px;
}

#aircon .kazu {
    margin-top: 40px;
}

#aircon .chushaku {
    margin-top: 60px;
    font-size: 14px;
    line-height: 20px;
}

#aircon .soshoku {
    height: 1100px;
    width: 1200px;
    margin: 0 auto;
}

#aircon .present {
    margin: 50px auto 50px;
}

#aircon .saitama {
    color: #595757;
    border: 4px solid #6db76d;
    border-radius: 10px;
    padding: 67px;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 100px;
    text-align: center;
}

#aircon .saitama1 {
    overflow: hidden;
}

#aircon .saitama1 .text {
    float: left;
    width: 70%;
    text-align: left;
    font-size: 23px;
    line-height: 37px;
}

#aircon .saitama1 .kobaton {
    position: absolute;
    top: 4%;
    right: 6%;
}

#aircon .saitama2 .toha {
    background-color: #6db76d;
    padding: 13px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-aline: center;
}

#aircon .saitama4 {
    overflow: hidden;
    background-color: #faffee;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#aircon .card {
    float: left;
    width: 30%;
}

#aircon .setumei {
    float: right;
    width: 70%;
    text-align: justify;
    padding: 45px 45px 45px 0;
    font-size: 19px;
    line-height: 33px;
}

#aircon .saitama2 {
    margin-bottom: 50px;
    margin-top: 40px;
}

#aircon .saitama3 .kotira {
    background-color: #6db76d;
    margin-top: 20px;
    display: inline-block;
}

#aircon .saitama3 .kotira a {
    color: #fff;
    display: block;
    padding: 20px 60px;
    font-size: 18px;
}

#aircon .saitama3 .kotira:hover {
    opacity: 0.8;
}

#aircon .saitama3 .haihu {
    font-size: 22px;
    line-height: 30px;
}

#aircon .room {
    padding-bottom: 30px;
    max-width: 1012px;
    margin: 0 auto;
}


/*----------------------------------------------------------------------------*/

.parkimg-map-btn {
    background: url(images/all/menu/icon-parking.jpg) no-repeat;
    background-position: 18px 50%;
    background-size: 34px;
    display: inline-block;
    padding: 18px 296px 18px 57px;
    text-decoration: none;
    color: #000000;
    border: 1px solid #000000;
    border-radius: 2px;
    transition: .2s;
    margin: 30px 0 30px 188px;
    font-size: 15px;
    position: relative;
    text-align: center;
}

.parkimg-map-btn:hover {
    background: url(images/all/menu/icon-parking.jpg) no-repeat #f0f0f0;
    background-position: 18px 50%;
    background-size: 34px;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
}

.parkimg-map-btn span {
    background: #cc0000;
    color: #ffffff;
    padding: 5px 11px;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 12px;
}


/*----------------------------------------既存ページからの修正スタイルシート----------------------------------------*/


/*#contents {
	width: 950px !important;
	margin: 0 auto !important;
}*/

.main_view {
    margin: 20px 0 30px !important;
}

#sitemap {
    overflow: hidden !important;
}

.profile_headline {
    height: 45px !important;
}

ul#item li {
    height: 377px !important;
}

#contents h2 {
    text-align: center !important;
}

#contents .main dd ul li {
    color: #ffffff !important;
}

.wp-pagenavi {
    text-align: center;
}


  /* new menu */

  .property-detail-nav {
    display: flex;
    padding-bottom: 7px;
    flex-wrap: wrap;
  }

  .property-detail ul.property-detail-nav li {
    width: 190px;
    margin: 0 11px 0 0;
    border: 1px solid #4699ff;
    border-radius: 2px;
    float: none;
    text-align: center;
    font-size: 14px;
    background-color: #f3fbff !important;
    border-radius: 30px;
    transition: ease-in .1s;
    box-shadow: 5px 6px 2px 0px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: .3s;
  }

  .property-detail ul.property-detail-nav li:first-child {
    background: none;
    background-position: 5px 50%;
    padding: 0;
    position: relative;
  }

  .property-detail ul.property-detail-nav li:nth-child(2) {
    background: none;
    background-position: 5px 50%;
    padding: 0;
    position: relative;
  }

  .property-detail ul.property-detail-nav li:nth-child(3) {
    background: none;
    background-position: 5px 50%;
    padding: 0;
    position: relative;
  }

  .property-detail ul.property-detail-nav li:nth-child(4) {
    background: none;
    background-position: 5px 50%;
    padding: 0;
    position: relative;
  }

  .property-detail ul.property-detail-nav li:nth-child(5) {
    background: none;
    background-position: 5px 50%;
    padding: 0;
    position: relative;
  }

  .property-detail ul.property-detail-nav li:nth-child(6) {
    background: none;
    background-position: 5px 50%;
    padding: 0;
    position: relative;
  }

  .property-detail ul.property-detail-nav li:first-child::before {
    position: absolute;
    display: block;
    content: "";
    width: 31px;
    top: 15px;
    left: 31px;
    height: 30px;
    background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/icon-kukaku.svg);
    background-repeat: no-repeat;
  }

  .property-detail ul.property-detail-nav li:nth-child(2):before {
    position: absolute;
    display: block;
    content: "";
    width: 31px;
    top: 15px;
    left: 36px;
    height: 30px;
    background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/icon-photog.svg);
    background-repeat: no-repeat;
  }

  .property-detail ul.property-detail-nav li:nth-child(3) :before {
    position: absolute;
    display: block;
    content: "";
    width: 31px;
    top: 15px;
    left: 25px;
    height: 30px;
    background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/icon-movie.svg);
    background-repeat: no-repeat;
  }

  .property-detail ul.property-detail-nav li:nth-child(4):before {
    position: absolute;
    display: block;
    content: "";
    width: 31px;
    top: 15px;
    left: 31px;
    height: 30px;
    background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/icon-setsubi.svg);
    background-repeat: no-repeat;
  }

  .property-detail ul.property-detail-nav li:nth-child(5):before {
    position: absolute;
    display: block;
    content: "";
    width: 31px;
    top: 15px;
    left: 27px;
    height: 30px;
    background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/icon-map.svg);
    background-repeat: no-repeat;
  }

  .property-detail ul.property-detail-nav li:nth-child(6):before {
    position: absolute;
    display: block;
    content: "";
    width: 31px;
    top: 15px;
    left: 36px;
    height: 30px;
    background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/icon-bukken.svg);
    background-repeat: no-repeat;
  }

  .property-detail ul.property-detail-nav li::after {
    position: absolute;
    display: block;
    content: "";
    width: 9px;
    top: 21px;
    /* left: 161px; */
    right: 11px;
    height: 14px;
    background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/b-icon.svg);
    background-repeat: no-repeat;
  }

  .property-detail ul.property-detail-nav li:hover {
    padding: 0;
    cursor: pointer;
    box-shadow: none;
    text-align: center;
    transform: translateY(5px);
  }

  .property-detail ul.property-detail-nav li:first-child:hover,
  .property-detail ul.property-detail-nav li:nth-child(2):hover,
  .property-detail ul.property-detail-nav li:nth-child(3):hover,
  .property-detail ul.property-detail-nav li:nth-child(4):hover,
  .property-detail ul.property-detail-nav li:nth-child(5):hover,
  .property-detail ul.property-detail-nav li:nth-child(6):hover {
    padding: 0px;
    background: none;
  }

  .property-detail ul.property-detail-nav li a {
    display: block;
    padding: 20px 0 20px 22px;
  }

  .property-detail ul.property-detail-nav li:nth-child(2) a {
    display: block;
    padding: 20px 0 20px 11px;
  }

  .property-detail ul.property-detail-nav li:nth-child(6) a {
    display: block;
    padding: 20px 0 20px 5px;
  }

  .property-detail ul.property-detail-nav li:nth-child(5) a {
    display: block;
    padding: 20px 0 20px 14px;
  }

  .property-detail ul.property-detail-nav li:nth-child(4) a {
    display: block;
    padding: 20px 0 20px 8px;
  }

  .lo-wrap {
    display: flex;
    align-items: end;
    width: 65%;
    justify-content: space-between;

    p {
      font-size: 18px;
      font-weight: 500;
      padding-bottom: 2px;
      position: relative;
      transition: .1s;

      a {
        border-bottom: 1px solid;
      }

    }

    p:hover {
      opacity: 70%;
      transition: .1s;
    }
  }

  /* new menu end*/


/*----------------------------------------住宅購入時期をお考えの方へ----------------------------------------*/

.tax-increase {
    width: 1200px;
    margin: 0 auto;
}
 /*---------------------------------------不動産投資-----------------------------------------*/
 #post-122+footer #page-top {
    display: none;
}

/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------タブレット／ブレイクポイント----------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:768px)and (max-width:1024px) {
    .sp-only {
        display: none !important;
    }
    .pc-only {
        display: block !important;
    }
    img {
        max-width: 100%;
    }
    .header-fixed {
        margin-top: -65px;
        padding-top: 65px;
    }
    header .header-inner {
        width: 100%;
        margin: 0 auto;
    }
    header {
        height: auto;
        margin-bottom: 20px;
        padding: 0 10px;
        overflow: hidden;
    }
    header .header-inner ul.header-contact-sns {
        float: none;
        margin: 30px 0 0 38px;
    }
    header .header-inner ul.header-contact-sns li {
        float: left;
        margin: 0 20px 0 0;
    }
    header .header-inner ul.header-contact {
        float: none;
        /* margin: 15px 0 0; */
    }
    header .header-inner ul.header-contact a {
        display: block;
        padding: 15px 8px 15px;
        border-radius: 2px;
    }
    header .header-inner ul.header-contact li:nth-child(2) a:before,
    header .header-inner ul.header-contact li:nth-child(3) a:before,
    header .header-inner ul.header-contact li:nth-child(4) a:before,
    header .header-inner ul.header-contact li:last-child a:before {
        display: none;
    }
    header .header-inner ul.header-contact li:nth-child(2) a,
    header .header-inner ul.header-contact li:nth-child(3) a {
        font-size: 15px;
    }
    .request-para span {
        display: none;
    }
    .reservation-para span {
        display: none;
    }
    .header-logo {
        width: 180px;
        margin-right: 10px;
    }
    header .header-inner img.header-logo {
        margin-top: -32px;
        width: 18%;
    }
    .topics-inner {
        width: 100%;
    }
    footer .footer-inner {
        width: 100%;
    }
    nav.header-gnav {
        width: calc(100% - 150px);
    }
    nav.header-gnav ul li {
        width: calc(100%/8);
        font-size: 11px;
    }
    ul.header-contact li:first-child {
        font-size: 18px;
    }
    .nonetext {
        display: none;
    }
    .tax-increase {
        width: 100%;
        margin: 0 auto;
    }

    .top-mainbanner-zeh h2 {
    display: block;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-0%, -50%);
}
}


/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------スマートフォン／ブレイクポイント----------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:767px) {
    .sp-only {
        display: block !important;
    }
    .pc-only {
        display: none !important;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .header-fixed {
        margin-top: -65px;
        padding-top: 65px;
    }
    /*------------------------------------------------------------------------------------------------------*/
    /*--------------------------------------------ヘッダー・フッター--------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------*/
    header {
        overflow: visible;
        background: #ffffff;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #bfbfbf;
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9999;
    }
    header .header-inner {
        width: 100%;
        padding: 10px;
        overflow: hidden;
    }
    header .header-inner img.header-logo {
        border-top: none;
        padding: 0;
        height: 45px;
    }
    header .header-inner ul.header-contact-sp {
        float: right;
        margin: 0;
    }
    header .header-inner ul.header-contact-sp li {
        float: left;
        width: 50px;
        height: 45px;
        border-left: 1px solid #999999;
        margin: 0 0 0 5px;
        padding: 0 0 0 5px;
    }
    #acMenu dt {
        display: block;
        height: 45px;
        cursor: pointer;
    }
    #acMenu dd {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        background: #ffffff;
    }
    #acMenu dd ul li {
        width: 100%;
        height: auto;
        border: none;
        padding: 16px 10px;
        border-bottom: 1px dotted #999999;
        z-index: 10;
        font-size: 14px;
        letter-spacing: .1em;
        position: relative;
    }
    #acMenu dd ul li:after {
        content: "";
        background: url(images/all/search-arrow.png) no-repeat;
        background-size: cover;
        display: inline-block;
        width: 10px;
        height: 6px;
        position: absolute;
        top: 50%;
        right: 30px;
        transform: translateY(-50%);
    }
    #acMenu dd ul li span {
        /* font-size: 10px; */
        /* color: #999999; */
        /* margin: 0 0 0 10px; */
        font-size: 11px;
    }
    nav.header-gnav {
        display: none;
    }
    .mitsui-post .tit {
        font-size: 21px;
    }
    /*-----パンくず-----*/
    .bread-nav {
        display: none;
    }
    /*-----フッター-----*/
    footer {
        background: #f0f0f0;
        margin: 20px 0 0;
        padding: 0;
    }
    footer .footer-inner {
        width: 100%;
        padding: 20px 10px 0;
    }
    .footer-inner .blog {
        position: static;
        display: block;
        margin: 5px 0;
    }
    .footer-inner .facebook {
        position: static;
        display: block;
        margin: 5px 0;
    }
    .footer-inner .twitter {
        position: static;
        display: block;
        margin: 5px 0;
    }
    .footer-inner .insta {
        position: static;
        display: block;
    }
    footer .footer-inner .footer-logo {
        width: calc(37% - 10px);
        float: left;
    }
    footer .footer-inner ul.footer-information {
        width: 60%;
        float: left;
        margin: 0 0 15px 10px;
    }
    footer .footer-inner ul.footer-information li {
        font-size: 10px;
        line-height: 1.6;
    }
    footer .footer-inner ul.footer-information li.tel {
        font-size: 20px;
        padding: 0 0 0 25px;
        line-height: 1.3;
    }
    footer .footer-inner ul.footer-information li.tel:before {
        width: 20px;
        height: 20px;
        background-size: cover;
    }
    footer .footer-inner ul.footer-information li.biz-hour {
        font-size: 10px;
    }
    footer .footer-inner ul.footer-sitemap {
        float: left;
        border-left: none;
        margin: 0;
        padding: 10px 0 0 0;
        font-size: 12px;
        width: 50%;
        border-bottom: 1px solid #999999;
    }
    footer .footer-inner ul.footer-sitemap:last-child {
        margin: 0;
    }
    footer .footer-inner ul.footer-sitemap li {
        line-height: 1.8;
        background: #ffffff;
        padding: 5px 0 5px 5px;
        border-top: 1px solid #999999;
    }
    footer .footer-inner ul.footer-sitemap li a {
        text-decoration: none;
    }
    footer .footer-inner ul.footer-sitemap:last-child li {
        border-left: 1px solid #999999;
    }
    footer .copyright {
        background: #46a0ff;
        padding: 10px 0 62px;
        margin: 10px 0 0;
    }
    footer .copyright .copyright-inner {
        width: 100%;
        font-size: 10px;
    }
    footer #page-top {
        display: none;
        position: fixed;
        bottom: 0px;
        right: 0px;
        left: 0px;
        width: 100%;
        padding: 6px 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 9999;
    }
    footer #page-top img {
        height: 38px;
    }
    footer ul.scroll-cta li {
        float: left;
        margin: 0 2px 0 8px;
    }
    footer ul.scroll-cta {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: inline-block;
    }
    footer ul.scroll-cta li:last-child {
        margin: 0 0 0 5px;
    }
    /*------------------------------------------------------------------------------------------------------*/
    /*-----------------------------------------------共通パーツ-----------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------*/
    /*-----新着物件情報-----*/
    .property,
    .property-top {
        width: 100%;
    }
    .property {
        margin-bottom: 30px;
    }
    /*-----エリア・沿線・Nelifeから探す-----*/
    ul.property-search {
        text-align: center;
        margin: 10px 0 0;
    }
    ul.property-search li {
        font-size: 14px;
        text-align: center;
        padding: 0;
        vertical-align: top;
    }
    ul.property-search li:last-child {
        padding: 0;
    }
    ul.property-search li:first-child:before {
        width: 31px;
        height: 27px;
        background-size: cover;
        top: 15px;
        left: 50%;
        transform: translateX(-50%);
    }
    ul.property-search li:nth-child(2):before {
        width: 18px;
        height: 27px;
        background-size: cover;
        top: 15px;
        left: 50%;
        transform: translateX(-50%);
    }
    ul.property-search li:last-child:before {
        width: 40px;
        height: 20px;
        background-size: cover;
        top: 15px;
        left: 50%;
        transform: translateX(-50%);
    }
    ul.property-search li:after {
        width: 21px;
        height: 12px;
        top: auto;
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);
    }
    ul.property-search li a {
        display: block;
        padding: 50px 0 35px;
    }
    /*-----新築分譲住宅-----*/
    .property-shinchiku h3 {
        font-size: 16px;
        margin: 20px 0 0;
    }
    .property-shinchiku ul {
        margin: 10px 0 0;
    }
    .property-shinchiku li.property-height-top {
        width: calc(50% - 5px);
        margin: 0 10px 10px 0;
        height: auto;
    }
    .property-shinchiku li.property-height-top:nth-child(even) {
        margin: 0 0 10px 0;
    }
    .property-shinchiku li.property-height-top a img {
        margin: 0;
    }
    .property-shinchiku li.property-height {
        width: 100%;
        margin: 0 10px 10px 0;
        height: auto;
    }
    .property-shinchiku li.property-height {
        margin: 0 0 10px 0;
    }
    .property-shinchiku li.property-height a img {
        margin: 0;
        width: 35%;
    }
    .property-shinchiku .property-shinchiku-inner h4 {
        font-size: 14px;
    }
    .property-shinchiku li.property-height-top .property-shinchiku-inner strong {
        font-size: 12px;
        line-height: 1.6;
    }
    .property-shinchiku li.property-height .property-shinchiku-inner strong {
        display: block;
        font-size: 12px;
        line-height: 1.6;
        width: 160%;
        margin-left: -60%;
    }
    .property-shinchiku li.property-height-top .property-shinchiku-inner p {
        font-size: 12px;
        line-height: 1.6;
        margin: 5px 0 0 0;
    }
    .property-shinchiku li.property-height .property-shinchiku-inner p {
        font-size: 12px;
        line-height: 1.6;
        margin: 5px 0 0 0;
        width: 160%;
        margin-left: -60%;
    }
    .property-shinchiku ul li ul li {
        font-size: 12px;
        line-height: 1.6;
    }
    .property-shinchiku ul li ul li:last-child {
        margin: 0 0 10px 0;
    }
    .property-shinchiku p.property-shinchiku-more {
        font-size: 12px;
        margin-top: 10px;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    /*-----建築条件付土地-----*/
    .property-kenchikujoken-top-half,
    .property-kenchikujoken-top-half:last-child {
        width: 100%;
        float: none;
        margin: 0;
        overflow: hidden;
    }
    .property-kenchikujoken h3 {
        font-size: 16px;
        margin: 20px 0 0;
    }
    .property-kenchikujoken ul {
        margin: 10px 0 0;
    }
    .property-kenchikujoken li {
        width: 100%;
        margin: 0 0 10px;
        float: none;
        overflow: hidden;
    }
    .property-kenchikujoken li:nth-child(even) {
        margin: 0 0 10px;
    }
    .property-kenchikujoken li img {
        float: left;
        width: 40%;
    }
    .property-kenchikujoken .property-kenchikujoken-inner {
        padding: 10px;
        float: left;
        width: 60%;
    }
    .property-kenchikujoken .property-kenchikujoken-inner h4 {
        font-size: 14px;
    }
    .property-kenchikujoken .property-kenchikujoken-inner strong {
        font-size: 12px;
    }
    .property-kenchikujoken .property-kenchikujoken-inner p {
        font-size: 12px;
        margin: 5px 0 0;
    }
    .property-kenchikujoken ul li ul {
        margin: 5px 0;
    }
    .property-kenchikujoken ul li ul li {
        text-align: center;
        font-size: 10px;
        float: left;
    }
    .property-kenchikujoken ul li ul li:last-child {
        margin: 0;
    }
    .property-kenchikujoken p.property-kenchikujoken-more {
        font-size: 12px;
    }
    dl.train-access.bus-access {
        margin-left: 0;
        width: 0;
    }
    .bus-list span {
        font-size: 12px;
        line-height: 2;
        margin-bottom: 0;
    }
    .bus-list a {
        font-size: 12px;
        line-height: 2;
    }
    /*-----Nelifeリンク-----*/
    a.nelife-link {
        font-size: 16px;
        width: 260px;
        margin: 20px auto;
        padding: 10px;
    }
    a.nelife-link:hover {
        background: #f0f0f0;
    }
    a.nelife-link p {
        padding: 0 0 0 50px;
    }
    a.nelife-link p:before {
        width: 40px;
        height: 20px;
        background-size: cover;
    }
    a.nelife-link p:after {
        right: 10px;
    }
    /*-----賢い家の買い方＆ココイクバナー-----*/
    .kodawari-column-banner {
        width: 100%;
        margin: 10px auto 0;
        padding: 0 10px;
    }
    .kodawari-column-banner h2 {
        font-size: 14px;
        margin: 0 0 10px;
    }
    .kodawari-column-banner ul {
        overflow: hidden;
    }
    .kodawari-column-banner li {
        margin: 0 0 10px;
        float: none;
    }
    .kodawari-column-banner li:last-child {
        margin: 0;
    }
    /*------------------------------------------------------------------------------------------------------*/
    /*----------------------------------------------トップページ----------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------*/
    /*-----メインバナー-----*/
    .top-mainbanner {
        margin: 65px 0 20px;
    }
    .top-mainbanner-shinshiyou,
    .top-mainbanner-smile_square,
    .top-mainbanner-taikenki,
    .top-mainbanner-zouzei201910,
    .top-mainbanner-myhome,
    .top-mainbanner-nelife,
    .top-mainbanner-laundry,
    .top-mainbanner-various,
    .top-mainbanner-2018summer,
    .top-mainbanner-2018autumn,
    .top-mainbanner-201903,
    .top-mainbanner-2020newyear,
    .top-mainbanner-newyear,
    .top-mainbanner-customer,
    .top-mainbanner-telework,
    .top-mainbanner-kodawari,
    .top-mainbanner-konosu,
    .top-mainbanner-zeh{
        height: auto;
        background: none;
    }
    .top-mainbanner .wrong {
        width: 100%;
        padding: 8px 0;
        background-color: #f0f0f0;
        margin-bottom: 18px;
    }
    .top-mainbanner .wrong p {
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.5;
    }
    .top-mainbanner .notice {
        width: 100%;
        padding: 8px 0;
        background-color: #f0f0f0;
        margin-bottom: 18px;
    }
    .top-mainbanner .notice a {
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.5;
    }
    /*-----トップMAIN-----*/
    .top {
        padding: 0 10px;
    }
    .top h2 {
        font-size: 16px;
    }
    .top h2:after {
        width: 100%;
        height: 2px;
        top: 25px;
    }
    .top h2 span {
        margin: 20px 0 0;
    }
    p.our-story {
        position: absolute;
        top: 6%;
        left: 50%;
        transform: translateX(-50%);
        font-size: 20px;
        font-weight: bold;
        text-shadow: 1px 1px 2px #FFF, -1px -1px 2px #FFF, -1px 1px 2px #FFF, 1px -1px 2px #FFF, 0px 1px 2px #FFF, 0 -1px 2px #FFF, -1px 0 2px #FFF, 1px 0 2px #FFF;
    }
    p.our-story-body {
        position: absolute;
        text-align: center;
        top: 15%;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 90%;
        line-height: 1.5;
        font-size: 3.3vmin;
        font-weight: bold;
        text-shadow: 1px 1px 2px #FFF, -1px -1px 2px #FFF, -1px 1px 2px #FFF, 1px -1px 2px #FFF, 0px 1px 2px #FFF, 0 -1px 2px #FFF, -1px 0 2px #FFF, 1px 0 2px #FFF;
    }
    /*-----新着情報-----*/
    .top .top-topics {
        height: 300px;
        margin: 20px 0 0;
        padding: 20px 10px;
    }
    .topics-inner {
        width: 100%;
        border-bottom: 1px dotted #999999;
    }
    .topics-inner dl {
        margin: 10px 0 0;
        max-height: 200px;
        overflow-y: auto;
        font-size: 12px;
    }
    .topics-inner dl dt {
        border-top: none;
        padding: 0;
        line-height: 1.6;
        float: none;
        width: 100%;
    }
    .topics-inner dl dd {
        border-top: none;
        border-left: none;
        border-bottom: 1px dotted #999999;
        padding: 0 20px 10px 0;
        line-height: 1.6;
        margin: 0 0 10px;
    }
    .topics-inner dl dd:after {
        width: 10px;
        height: 6px;
        background-size: cover;
        right: 10px;
    }
    /*-----三井開発の住サービス-----*/
    .top .top-service,
    .top .top-customer,
    .top .top-recruit {
        width: 100%;
        margin: 20px auto 0;
    }
    .top .top-service ul,
    .top .top-customer ul {
        text-align: left;
        margin: 10px 0 0;
    }
    .top .top-recruit ul {
        margin: 10px 0 0;
    }
    .top .top-service li,
    .top .top-customer li,
    .top .top-recruit li {
        display: inline-block;
        vertical-align: text-bottom;
        width: calc(50% - 12px);
        margin: 0 18px 0 0;
    }
    .top .top-service li:nth-child(even),
    .top .top-customer li:nth-child(even),
    .top .top-recruit li:nth-child(even) {
        float: left;
        margin: 16px 10px 0 2px;
    }
    .top .top-service li:nth-child(odd),
    .top .top-customer li:nth-child(odd),
    .top .top-recruit li:nth-child(odd) {
        float: left;
        margin: 16px 10px 0 2px;
    }
    .top .top-recruit p {
        font-size: 12px;
        line-height: 1.3;
        margin-top: 10px;
    }
    .wrong {
        width: 100%;
        padding: 8px 0;
        background-color: #f0f0f0;
        margin: 60px auto 0;
    }
    .wrong p {
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        line-height: 1.5;
    }
    /*----------------------------------------header-banner-img----------------------------------------*/
    ul.hasuda-modelroom-head-img-a {
        margin-top: 7px;
        width: 100%;
        /*  display: inline-flex;*/
    }
    ul.hasuda-modelroom-head-img-a li {
        margin-left: 0;
    }
    ul.hasuda-modelroom-head-img-a li:last-child {
        margin-left: 0;
        width: 100%;
        margin-top: 0;
    }
    /*------------------------------------------------------------------------------------------------------*/
    /*-----------------------------------------------物件オール-----------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------*/
    /*-----物件オールメインバナー-----*/
    .all {
        padding: 0 10px;
    }
    .all-mainbanner {
        margin: 65px 0 20px;
    }
    .all-mainbanner img {
        width: 100%;
    }
    /* .all h2 {
        font-size: 16px;
        border-left: 5px solid #c8161d;
        padding: 0 8px;
        margin: 20px 0 0;
    } */
    .all h2 span {
        margin: 0 0 0 10px;
        padding: 0 0 0 10px;
        font-size: 10px;
    }
    .all p {
        font-size: 12px;
    }
    /*20221226修正*/
    .tab-cont{
        margin-top: 80px;
    }
    /*20221226修正ここまで*/
    .search-block {
        width: 100%;
        margin: -65px auto 0;
    }
    ul.area-search {
        margin: 10px 0 0;
    }
    ul.area-search li {
        font-size: 14px;
        width: 49%;
        margin: 0 2% 0 0;
        padding: 0;
        text-align: center;
    }
    ul.area-search li:last-child {
        padding: 0;
    }
    ul.area-search li:before {
        content: "";
        background: none;
        display: inline-block;
        width: 20px;
        height: 18px;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
    }
    ul.area-search li:after {
        content: "";
        background: url(images/all/search-arrow.png) no-repeat;
        display: inline-block;
        width: 21px;
        height: 12px;
        position: absolute;
        top: auto;
        right: auto;
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%);
    }
    ul.area-search li a {
        display: block;
        padding: 10px 0 30px;
    }
    .omiya {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0;
    }
    .all img.all-main-img {
        margin: 0 0 10px;
    }
    h3.omiya-point {
        font-size: 14px;
        margin: 10px 0;
    }
    ul.area-point {
        margin: 10px 0 20px;
        padding-top: 0;
    }
    ul.area-point li {
        width: 100%;
        margin: 0 0 20px;
    }
    ul.area-point li:nth-of-type(n+3) {
        margin-top: 0;
    }
    ul.area-point li img {
        width: 25%;
    }
    .area-point-inner {
        padding: 0 0 0 10px;
    }
    .area-point-inner h4 {
        font-size: 12px;
        margin: 0 0 5px;
    }
    .area-point-inner p strong {
        font-size: 12px;
        margin: 0 0 5px;
    }
    h3.omiya-shinchiku,
    h3.omiya-kenchikujoken {
        font-size: 12px;
        margin: 0;
    }
    .hasuda {
        width: 100%;
        margin: 0 auto;
        padding: 30px 0;
    }
    h3.hasuda-point {
        font-size: 14px;
        margin: 10px 0 0;
    }
    /*--沿線から探す--*/
    ul.railway-search {
        text-align: center;
        /* margin: 10px 0 0; */
        margin: 0;
    }
    ul.railway-search li {
        font-size: 12px;
        text-align: center;
        /* border: 1px solid #000000; */
        border-radius: 2px;
        /* height: 75px;
        padding: 10px 0; */
        line-height: 1.3;
        width: 48%;
        margin-top: 10px;
        height: 65px;
        padding: 10px 10px;
    }
    ul.railway-search li:last-child {
        margin-top: 10px;
    }
    ul.railway-search li:nth-child(even) {
        margin-right: 0;
    }
    ul.railway-search li:before {
        background: none;
    }
    ul.railway-search li:after {
        content: "";
        background: url(images/all/search-arrow.png) no-repeat;
        display: inline-block;
        width: 21px;
        height: 12px;
        position: absolute;
        top: auto;
        right: auto;
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%);
    }
    ul.railway-search li a,
    ul.railway-search li:last-child a {
        font-size: 12px;
        padding: 0;
        align-items: flex-start;
        justify-content: center;
    }
    /*--宇都宮線--*/
    .utsunomiya-line {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0 0;
    }
    .utsunomiya-line h2.railway-point {
        font-size: 14px;
        padding: 5px 0;
        margin: 10px 0 0;
    }
    .utsunomiya-line h3.railway-topics {
        padding: 10px 0 5px;
        font-size: 14px;
    }
    img.railway-img {
        margin: 0 0 10px;
    }
    h4.railway-shinchiku,
    h4.railway-kenchikujoken {
        padding: 10px;
        margin: 10px 0;
        font-size: 14px;
    }
    dl.railway-dl-dt-dd dt {
        width: 100%;
        padding: 0;
        margin: 0 0 10px;
        font-size: 13px;
    }
    dl.railway-dl-dt-dd dd {
        margin: 0 0 10px 0;
        height: auto;
        font-size: 12px;
        line-height: 1.6;
    }
    /*--高崎--*/
    .takasaki-line {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0 0;
    }
    .takasaki-line h2.railway-point {
        font-size: 14px;
        padding: 5px 0;
        margin: 10px 0 0;
    }
    .takasaki-line h3.railway-topics {
        padding: 10px 0 5px;
        font-size: 14px;
    }
    /*--東武アーバンパークライン--*/
    .urban-line {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0 0;
    }
    .urban-line h2.railway-point {
        font-size: 14px;
        padding: 5px 0;
        margin: 10px 0 0;
    }
    .urban-line h3.railway-topics {
        padding: 10px 0 5px;
        font-size: 14px;
    }
    /*--京浜東北線--*/
    .keihintohoku-line {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0 30px;
    }
    .keihintohoku-line h2.railway-point {
        font-size: 14px;
        padding: 5px 0;
        margin: 10px 0 0;
    }
    .keihintohoku-line h3.railway-topics {
        padding: 10px 0 5px;
        font-size: 14px;
    }
    /*--川越線--*/
    .kawagoe-line {
        width: 100%;
        margin: 0 auto;
        padding: 10px 0 30px;
    }
    .kawagoe-line h2.railway-point {
        font-size: 14px;
        padding: 5px 0;
        margin: 10px 0 0;
    }
    .kawagoe-line h3.railway-topics {
        padding: 10px 0 5px;
        font-size: 14px;
    }
    /*--ネライフ--*/
    .nelife {
        width: 100%;
        margin: -65px auto 0;
    }
    .nelife h3.railway-point {
        font-size: 22px;
        color: #ffffff;
        text-align: center;
        letter-spacing: .1em;
        background: #8c849d;
        padding: 5px 0;
        margin: 30px 0 0;
    }
    .limited {
        width: 100%;
        margin: -65px auto 0;
    }
    .limited h2 {
        margin-top: 10px;
    }
    /*--マイマップ--*/
    .property-mymap h3{
        margin: 20px 0 0;
        font-size: 16px;
    }
    .property-mymap{
        margin: 10px 0 0;
    }
    /*---------------------------------------------------------------------------------------------------------*/
    /*-----------------------------------------------物件詳細ページ-----------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------------*/
    /*--物件詳細ページ共通--*/
    .property-detail {
        margin: 65px 0 0;
        padding: 10px;
    }
    .property-detail-mainbanner,
    .property-detail-topics,
    .property-detail-landscape,
    .property-detail-concept,
    .property-detail-photogallery,
    .property-detail-movie,
    .property-detail-locationmap,
    .property-detail-outline,
    .property-detail-facility,
    .property-detail-otherproperty {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    .property-detail h2 {
        font-size: 12px;
        margin: 10px 0;
        line-height: 1.4;
    }
    .property-detail h2 span {
        margin-left: 0;
    }
    .property-detail h2 span.zip {
        margin-left: 10px;
    }
    .property-detail h2 span .zipred {
        margin-left: 5px;
    }
    .property-detail ul.property-detail-nav {
        overflow: hidden;
    }
    .property-detail ul.property-detail-nav li {
        width: 32%;
        height: 50px;
        margin: 0 2% 2% 0;
        padding: 0;
        /* border: 1px solid #000000; */
        border-radius: 2px;
        float: left;
        transition: ease-in.1s;
        font-size: 12px;
        line-height: 1.3;
        text-align: center;
        position: relative;
    }
    .property-detail ul.property-detail-nav li:first-child,
    .property-detail ul.property-detail-nav li:nth-child(2),
    .property-detail ul.property-detail-nav li:nth-child(3),
    .property-detail ul.property-detail-nav li:nth-child(4),
    .property-detail ul.property-detail-nav li:nth-child(5),
    .property-detail ul.property-detail-nav li:last-child {
        background: none;
        padding: 0;
    }
    .property-detail ul.property-detail-nav li:first-child:hover,
    .property-detail ul.property-detail-nav li:nth-child(2):hover,
    .property-detail ul.property-detail-nav li:nth-child(3):hover,
    .property-detail ul.property-detail-nav li:nth-child(4):hover,
    .property-detail ul.property-detail-nav li:nth-child(5):hover,
    .property-detail ul.property-detail-nav li:last-child:hover {
        background: none;
        padding: 0;
    }
    .property-detail ul.property-detail-nav li:nth-child(3) {
        margin: 0 0 2%;
    }
    .property-detail ul.property-detail-nav li a {
        display: block;
        width: 100%;
        padding: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .property-detail h3 {
        font-size: 16px;
        padding: 40px 0 8px;
        margin: 0 0 15px;
    }
    .property-detail-topics h3 span {
        font-size: 10px;
        padding: 3px;
        top: 40px;
        left: 50px;
    }
    .property-detail-landscape h3 span {
        font-size: 10px;
        padding: 3px;
        top: 40px;
        left: 110px;
    }
    .property-detail-concept h3 span {
        font-size: 10px;
        padding: 3px;
        top: 40px;
        left: 82px;
    }
    .property-detail-photogallery h3 span {
        font-size: 10px;
        padding: 3px;
        top: 40px;
        left: 145px;
    }
    .property-detail-movie h3 span {
        font-size: 10px;
        padding: 3px;
        top: 40px;
        left: 50px;
    }
    p.movie-text {
        font-size: 12px;
        position: absolute;
        top: 40px;
        left: 135px;
        line-height: 1.4;
        font-weight: 100;
    }
    .property-detail-locationmap h3 span {
        font-size: 10px;
        padding: 3px;
        top: 40px;
        left: 130px;
    }
    .property-detail-outline h3 span {
        font-size: 10px;
        padding: 3px;
        top: 40px;
        left: 70px;
    }
    .property-detail-facility h3 span {
        font-size: 10px;
        padding: 3px;
        top: 40px;
        left: 70px;
    }
    p.facility-text {
        font-size: 12px;
        width: 54%;
        float: right;
        line-height: 1.4;
        font-weight: 100;
    }
    .property-detail-otherproperty h3 span {
        font-size: 10px;
        padding: 3px;
        top: 40px;
        left: 160px;
    }
    .property-target {
        margin: auto;
    }
    .property-target .property-detail-otherpropertyh3 span {
        left: 190px;
    }
    .property-detail-otherproperty li {
        font-size: 10px;
        line-height: 1.3;
    }
    .property-detail img.landscape-img {
        float: none;
        margin: 0;
    }
    .property-detail .landscape-inner {
        float: none;
        padding: 10px 0 0;
    }
    .property-detail .landscape-inner h4 {
        font-size: 14px;
    }
    .property-detail .landscape-inner p {
        font-size: 12px;
    }
    .property-detail .landscape-inner ul,
    .property-detail .landscape-inner ul.hasuda-landscape {
        width: 100%;
        margin: 5px 0 0;
        overflow: hidden;
    }
    .property-detail .landscape-inner ul li,
    .property-detail .landscape-inner ul.hasuda-landscape li {
        padding: 10px;
        margin: 0 5px 10px;
        font-size: 10px;
        width: calc(50% - 10px);
        float: left;
    }
    .property-detail .landscape-inner ul li:hover,
    .property-detail .landscape-inner ul.hasuda-landscape li {
        background: #ffffff;
    }
    .property-detail .landscape-inner ul li span,
    .property-detail .landscape-inner ul li span.kanbai,
    .property-detail .landscape-inner ul.hasuda-landscape li span,
    .property-detail .landscape-inner ul.hasuda-landscape li span.kanbai {
        padding: 5px;
        right: 5px;
        font-size: 8px;
    }
    .property-detail .concept-gallery h4,
    .property-detail .concept-gallery2 h4 {
        font-size: 14px;
    }
    .property-detail .concept-gallery p,
    .property-detail .concept-gallery2 p {
        width: 100%;
        float: none;
    }
    .property-detail .concept-gallery span#altText,
    .property-detail .concept-gallery2 span#altText,
    .property-detail .concept-gallery span#altText2,
    .property-detail .concept-gallery2 span#altText2,
    .property-detail .concept-gallery span#altText3,
    .property-detail .concept-gallery2 span#altText3,
    .property-detail .concept-gallery span#altText4,
    .property-detail .concept-gallery2 span#altText4 {
        font-size: 10px;
        margin: 5px 0 0;
    }
    .property-detail .concept-gallery {
        display: block;
    }
    .property-detail .concept-gallery ul {
        display: flex;
        flex-wrap: wrap;
        float: none;
        width: 100%;
        margin: 10px 0 0;
    }
    .property-detail .concept-gallery li {
        width: 25%;
        height: auto;
        margin: 0 0 10px 0;
    }
    .property-detail .concept-gallery li:nth-child(even) {
        margin: 0 0 10px;
    }
    .property-detail .concept-gallery li span {
        display: none;
    }
    .property-detail .photo-gallery h4 {
        font-size: 14px;
    }
    .property-detail .photo-gallery p {
        width: 100%;
        float: none;
    }
    .property-detail .photo-gallery span#altText,
    .property-detail .photo-gallery span#altText2,
    .property-detail .photo-gallery span#altText3,
    .property-detail .photo-gallery span#altText4 {
        font-size: 10px;
        margin: 5px 0 0;
    }
    .property-detail .photo-gallery ul {
        float: none;
        width: 100%;
        margin: 10px 0 0;
    }
    .property-detail .photo-gallery li {
        width: 20%;
        height: auto;
        margin: 0 0 10px 0;
    }
    .property-detail .photo-gallery li:nth-child(even) {
        margin: 0 0 10px;
    }
    .property-detail .photo-gallery li span {
        display: none;
    }
    .property-detail .property-detail-movie p {
        font-size: 12px;
    }
    .property-detail-inquiry {
        margin: 20px 0 0;
        padding: 0 10px 20px;
    }
    .property-detail-inquiry-inner {
        width: 100%;
        margin: 0 auto;
    }
    .property-detail-inquiry h3 span {
        font-size: 10px;
        padding: 3px;
        top: 40px;
        left: 70px;
    }
    .property-detail-inquiry ul {}
    .property-detail-inquiry li {
        float: left;
        position: relative;
        transition: ease-in.1s;
    }
    .property-detail-inquiry li.property-detail-inquiry-tel {
        font-size: 16px;
        margin: 0 0 10px;
        padding: 0 0 0 25px;
    }
    .property-detail-inquiry li.property-detail-inquiry-tel:before {
        width: 20px;
        height: 20px;
        background-size: cover;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .property-detail-inquiry li.property-detail-inquiry-tel span {
        font-size: 10px;
        vertical-align: middle;
        margin: 0 0 0 10px;
    }
    .property-detail-inquiry li.property-detail-inquiry-request,
    .property-detail-inquiry li.property-detail-inquiry-reservation {
        border: 1px solid #333333;
        background: #ffffff url(images/all/inquiry/icon-arrow-after.png) no-repeat;
        background-position: 95% center;
        background-size: 10px;
        font-size: 14px;
        padding: 10px 10px 10px 40px;
        width: 100%;
    }
    .property-detail-inquiry li.property-detail-inquiry-request span,
    .property-detail-inquiry li.property-detail-inquiry-reservation span {
        font-size: 10px;
        margin: 0 0 0 10px;
    }
    .property-detail-inquiry li.property-detail-inquiry-request:before {
        width: 20px;
        height: 20px;
    }
    .property-detail-inquiry li.property-detail-inquiry-reservation:before {
        width: 20px;
        height: 20px;
    }
    .property-detail-inquiry li.property-detail-inquiry-request {
        margin: 0 0 10px;
    }
    .property-detail-inquiry li.property-detail-inquiry-reservation {
        margin: 0;
    }
    .property-detail-inquiry li.property-detail-inquiry-request:hover,
    .property-detail-inquiry li.property-detail-inquiry-reservation:hover {
        background: #cccccc url(images/all/inquiry/icon-arrow-after.png) no-repeat;
        background-position: 95% center;
    }
    .property-detail-inquiry ul.inquiry-campaign {
        margin: 10px 0 0;
    }
    .property-detail-inquiry ul.inquiry-campaign li {
        margin: 0 0 10px;
    }
    .property-detail-inquiry ul.inquiry-campaign li:last-child {
        margin: 0;
    }
    .property-detail-inquiry ul.inquiry-campaign-new {
        margin: 10px 0 0;
    }
    .property-detail-inquiry ul.inquiry-campaign-new li {
        margin: 0 0 10px;
    }
    .property-detail-inquiry ul.inquiry-campaign-new li:last-child {
        margin: 0;
    }
    .property-detail-locationmap h4 {
        font-size: 14px;
        margin: 10px 0 0;
        line-height: 1.6;
    }
    .property-detail-locationmap p {
        font-size: 12px;
    }
    .property-detail-locationmap li {
        font-size: 12px;
    }
    .property-detail-locationmap .train-access-wrap {
        overflow: hidden;
        margin: 10px 0 0;
    }
    .property-detail-locationmap img.routemap-img {
        float: none;
        margin: 0;
        width: 100%;
    }
    .property-detail-locationmap dl.train-access {
        margin: 0 0 20px;
        width: 100%;
        float: none;
    }
    .property-detail-locationmap dl.train-access {
        margin: 0 0 10px;
        width: 100%;
    }
    .property-detail-locationmap dl.train-access {
        margin: 10px 0 0;
    }
    .property-detail-locationmap dl.train-access dt {
        font-size: 12px;
        padding: 10px 0 10px 100px;
        margin: 0 0 10px;
    }
    .property-detail-locationmap dl.train-access dt:before {
        /* height: 23px; */
        /* padding: 10px 5px 0 5px; */
        /* font-size: 10px; */
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 5px;
        font-size: 10px;
    }
    .property-detail-locationmap dl.train-access dd {
        line-height: 2;
        font-size: 12px;
    }
    .property-detail-locationmap dl.train-access dd:last-child {
        font-size: 12px;
    }
    .property-detail-locationmap dl.bus-access2 dd:last-child {
        line-height: 2 !important;
        font-size: 12px !important;
    }
    .property-detail-locationmap dl.shuhen-sisetsu {
        width: 100%;
        float: none;
        margin: 20px 0 0;
        padding: 20px 0 0;
        line-height: 1.6;
        border-top: 1px dotted #333333;
        overflow: hidden;
    }
    .property-detail-locationmap dl.shuhen-sisetsu dt {
        width: 80px;
    }
    .property-detail-locationmap dl.shuhen-sisetsu dd {
        margin: 0 0 0 90px;
        font-size: 12px;
    }
    .property-detail-locationmap ul.location-photo {
        clear: both;
        padding: 20px 0 0;
    }
    .property-detail-locationmap ul.location-photo li {
        width: 32%;
        margin: 0 2% 2% 0;
        font-size: 10px;
    }
    .property-detail-locationmap ul.location-photo li:nth-child(3n) {
        margin: 0 0 2% 0;
    }
    .property-detail-locationmap ul.location-photo li:nth-child(4n) {
        margin: 0 2% 2% 0;
    }
    .property-detail-outline table {
        width: 100%;
        border: 1px solid #333333;
        line-height: 2;
        margin: 10px 0 25px;
        font-size: 12px;
    }
    .property-detail-outline table tr {
        border-bottom: 1px dotted #999999;
    }
    .property-detail-outline table th {
        padding: 10px;
        width: 95px;
    }
    .property-detail-outline table td {
        padding: 10px;
    }
    .property-detail-facility h4 {
        margin: 10px 0;
        font-size: 12px;
    }
    .property-detail-facility ul {
        margin: 10px 0 20px;
    }
    .property-detail-facility ul:last-child {
        margin: 10px 0 0;
    }
    .property-detail-facility li {
        float: none;
        margin: 0 0 10px;
        width: 100%;
        line-height: 1.6;
        font-size: 12px;
        overflow: hidden;
    }
    .property-detail-facility li:first-child {
        width: 100%;
    }
    .property-detail-facility li:last-child {
        margin: 0;
    }
    .property-detail-facility li:nth-child(n+2) img {
        float: left;
        width: 40%;
        margin: 0 10px 0 0;
    }
    .property-detail-facility li strong {
        font-size: 12px;
        margin: 0;
    }
    ul#movie-tab {
        overflow: hidden;
        margin: 0;
    }
    ul#movie-tab li {
        margin: 10px 10px 0 0;
        width: calc(50% - 5px);
    }
    ul#movie-tab li:nth-child(even) {
        margin: 10px 0 0;
    }
    ul#movie-tab li:last-child {
        margin: 10px 0 0;
    }
    ul#movie-tab li img {
        margin: 0;
    }
    ul#movie-tab li span {
        display: none;
    }
    .property-detail .hasuda-modelroom-head-img {
        display: block;
        margin: 20px auto 0;
    }
    .property-detail-movie .panorama iframe {
        width: 100%;
        height: 70vh;
    }
    .property-detail-movie .panorama-text {
        font-size: 12px;
    }
    /*--------------------------------------------------------------------------------------------------------*/
    /*-----------------------------------------------建築住宅実績-----------------------------------------------*/
    /*--------------------------------------------------------------------------------------------------------*/
    .case {
        padding: 0 10px;
    }
    .case-mainbanner {
        margin: 65px 0 0;
    }
    .case-mainbanner img {
        width: 100%;
    }
    .case h2 {
        font-size: 14px;
        border-left: 5px solid #c8161d;
        padding: 0 8px;
        margin: 20px 0 10px;
    }
    .case h2 span {
        margin: 0 0 0 10px;
        padding: 0 0 0 10px;
        font-size: 10px;
    }
    .case p {
        line-height: 1.6;
    }
    ul.case-search {
        margin: 10px 0 0;
    }
    ul.case-search li {
        font-size: 14px;
        width: 49%;
        margin: 0 2% 0 0;
        padding: 0;
        text-align: center;
    }
    ul.case-search li:last-child {
        padding: 0;
    }
    ul.case-search li:before {
        content: "";
        background: none;
        display: inline-block;
        width: 20px;
        height: 18px;
        position: absolute;
        top: 50%;
        left: 20px;
        transform: translateY(-50%);
    }
    ul.case-search li:after {
        content: "";
        background: url(images/all/search-arrow.png) no-repeat;
        display: inline-block;
        width: 21px;
        height: 12px;
        position: absolute;
        top: auto;
        right: auto;
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%);
    }
    ul.case-search li a {
        display: block;
        padding: 10px 0 30px;
    }
    .case-history,
    .case-type {
        width: 100%;
        margin: 20px auto 0;
    }
    ul.history-tab,
    ul.type-tab {
        overflow: hidden;
    }
    ul.history-tab li,
    ul.type-tab li {
        text-align: center;
        width: 25%;
        margin: 0;
        padding: 10px;
        border-radius: 0;
        border: none;
        font-size: 12px;
    }
    ul.history-tab li:nth-child(4n),
    ul.type-tab li:nth-child(4n) {
        border: none;
    }
    .history-contet h3,
    .type-contet h3 {
        font-size: 14px;
        margin: 20px 0 0;
        padding: 0;
        border: none;
        text-align: center;
        font-weight: bold;
    }
    .history-contet h3 span,
    .type-contet h3 span {
        font-size: 12px;
        display: block;
        margin: 5px 0 0;
        text-align: center;
    }
    .history-contet ul,
    .type-contet ul {
        margin: 10px 0 10px;
        overflow: hidden;
    }
    .history-contet li,
    .type-contet li {
        width: 32%;
        height: 70px;
    }
    .case p {
        font-size: 12px;
    }
    .history-contet,
    .type-contet {
        border: 1px solid #999999;
        padding: 0 20px 20px;
        width: 100%;
        margin: 2rem auto;
    }
    /*------------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------ココイク------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------*/
    #cocoiku {
        margin: 65px 0 20px;
    }
    #cocoiku .mainbanner {
        width: 100%;
        margin: 0 auto 10px;
    }
    #cocoiku .content {
        background: url(images/cocoiku/cocoiku-bg.jpg);
        padding: 10px;
    }
    #cocoiku .content .content-wrap {
        margin: 0;
        width: 100%;
    }
    #cocoiku .content .content-wrap .content-photo-left,
    #cocoiku .content .content-wrap .content-photo-right {
        float: none;
    }
    #cocoiku .content .content-wrap .content-text {
        padding: 10px;
        width: 100%;
        height: auto;
        float: none;
    }
    #cocoiku .content .content-wrap h2 {
        font-size: 16px;
        color: #46a0ff;
        border-left: 5px solid #46a0ff;
        padding: 0 0 0 10px;
        margin: 0 0 15px;
    }
    #cocoiku .content .content-wrap p {
        font-size: 12px;
    }
    #cocoiku .content .content-wrap img.cocoiku-illust {
        display: block;
        margin: 0 auto;
    }
    #cocoiku .content .content-wrap .cocoiku-sekkei {
        padding: 10px;
        margin: 0 0 30px;
    }
    #cocoiku .content .content-wrap .cocoiku-sekkei h3 {
        font-size: 14px;
        padding: 5px 0;
        margin: 0 0 10px;
    }
    #cocoiku .content .content-wrap .cocoiku-sekkei ul {
        overflow: hidden;
    }
    #cocoiku .content .content-wrap .cocoiku-sekkei ul li h4 {
        font-size: 16px;
        color: #ee7773;
        margin: 15px 0;
    }
    #cocoiku .content .content-wrap .cocoiku-sekkei ul li {
        float: none;
        width: 100%;
        margin: 0 0 10px 0;
    }
    #cocoiku .content .content-wrap .cocoiku-sekkei ul li:first-child,
    #cocoiku .content .content-wrap .cocoiku-sekkei ul li:nth-child(2),
    #cocoiku .content .content-wrap .cocoiku-sekkei ul li:nth-child(n+3),
    #cocoiku .content .content-wrap .cocoiku-sekkei ul li:last-child {
        height: auto;
        width: 100%;
        margin: 0 0 10px;
    }
    #cocoiku .content .content-wrap .cocoiku-sekkei ul li h4 span {
        font-size: 20px;
    }
    #cocoiku .content .content-wrap .cocoiku-kankyo {
        padding: 10px;
        margin: 0;
    }
    #cocoiku .content .content-wrap .cocoiku-kankyo h3 {
        font-size: 14px;
        padding: 5px 0;
        margin: 0 0 10px;
    }
    #cocoiku .content .content-wrap .cocoiku-kankyo ul {
        overflow: hidden;
    }
    #cocoiku .content .content-wrap .cocoiku-kankyo ul li {
        width: 100%;
        height: auto;
        margin: 0 0 10px;
        padding: 10px;
        float: none;
    }
    #cocoiku .content .content-wrap .cocoiku-kankyo ul li:last-child {
        margin: 0;
    }
    #cocoiku .content .content-wrap .cocoiku-kankyo ul li h4 {
        text-align: center;
        font-size: 16px;
        margin: 0 0 10px;
    }
    #cocoiku .content .content-wrap .cocoiku-kankyo ul li h4 span {
        color: #ee7773;
    }
    #cocoiku .content .content-wrap .cocoiku-kankyo ul li img {
        width: 100%;
        margin: 0 auto 10px;
        display: block;
    }
    /*------------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------ココイク------------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------*/
    #event {
        margin: 65px 0 20px;
    }
    #event .mainbanner {
        width: 100%;
        margin: 0 auto 10px;
    }
    /*------------------------------------------------------------------------------------------------------*/
    /*----------------------------------------------テクノロジー----------------------------------------------*/
    /*------------------------------------------------------------------------------------------------------*/
    main.tech {
        margin: 65px 0 20px;
        padding: 0 10px;
    }
    .tech-inner {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0 10px;
    }
    .tech-inner ul {
        margin: 10px 0 0;
        border-top: 3px solid #3264bf;
        border-right: 3px solid #3264bf;
        border-left: 3px solid #3264bf;
        box-sizing: border-box;
    }
    .tech-inner li {
        border-bottom: 3px solid #3264bf;
    }
    .tech-inner li img {
        width: 100%;
    }
    .tech-inner li:hover {
        opacity: 0.8;
    }
    .tech-inner li:last-child:hover {
        opacity: 1;
    }
    /*-----------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------コラム------------------------------------------------*/
    /*-----------------------------------------------------------------------------------------------------*/
    #column .mainbanner {
        width: 100%;
        margin: 65px 0 20px;
    }
    #column .content {
        width: 100%;
        margin: 0 auto 10px;
        padding: 10px;
    }
    #column .content img {
        float: none;
        margin: 0 0 10px 0;
    }
    #column .content h2 {
        font-size: 16px;
        border-bottom: 1px solid #6baad1;
        border-top: 1px solid #6baad1;
        padding: 10px 0;
    }
    #column .content p {
        font-size: 12px;
    }
    #column .content ul {
        overflow: hidden;
    }
    #column .content ul#column-tab li {
        width: 15%;
        margin: 0 2% 0 0;
        float: left;
        text-align: center;
        background: #f0f0f0;
        padding: 10px 0;
        border-radius: 5px 5px 0 0;
        font-size: 12px;
    }
    #column .content ul#column-tab li:last-child {
        margin: 0;
    }
    #column .content ul#column-tab li.select {
        background: #46a0ff;
        font-weight: normal;
    }
    #column .content .column-content {
        width: 100%;
        margin: 0 auto;
        padding: 10px 10px 0;
        border: 1px solid #333333;
    }
    #column .content-inner {
        overflow: hidden;
        margin: 0 0 20px;
        padding: 0 0 20px;
        border-bottom: 1px dotted #acacac;
    }
    #column .content-inner ul {
        overflow: hidden;
    }
    #column .content-inner ul li {
        font-size: 10px;
    }
    #column .content-inner h3 {
        font-size: 16px;
        margin: 10px 0 0;
    }
    #column .content-inner h4 {
        font-size: 14px;
        margin: 10px 0 0;
        padding: 10px;
    }
    #column .content-inner h5 {
        color: #b09c53;
        font-size: 14px;
        margin: 10px 0 0;
    }
    #column .content-inner p {
        margin: 10px 0 0;
    }
    /*-----------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------フォーム------------------------------------------------*/
    /*-----------------------------------------------------------------------------------------------------*/
    #form main {
        padding: 10px;
        margin: 65px 0 0;
    }
    #form h2 {
        font-size: 16px;
        margin: 10px 0;
    }
    #form h3 {
        font-size: 14px;
        margin: 10px 0;
    }
    #form p {
        font-size: 12px;
        line-height: 1.6;
        text-align: center;
    }
    #form .require {
        font-size: 10px;
        letter-spacing: 3px;
    }
    #form main {
        width: 100%;
    }
    #form table {
        width: 100%;
    }
    #form main tr {
        display: block;
        padding: 0 0 10px;
        margin: 0 0 10px;
        border-bottom: 10px solid #f0f0f0;
        margin-top: -65px;
        padding-top: 65px;
    }
    #form main tr:last-child {
        margin: 0;
        margin-top: -65px;
    }
    #form main th {
        font-size: 14px;
        font-weight: normal;
    }
    #form main th span.require {
        padding: 5px 0 5px 5px;
    }
    #form main th label {
        color: #ffffff;
        display: block;
        text-align: center;
    }
    #form table tr.form-property label,
    #form table tr.form-kikkake label {
        width: 100%;
        float: none;
        display: block;
        font-size: 14px;
        text-align: left;
    }
    #form table tr.form-nelife label,
    #form table tr.form-bukken-email label {
        font-size: 14px;
    }
    #form table tr.form-property label p.label-nelife {
        position: absolute;
        top: -15px;
        right: 0;
        background: #46a0ff;
        padding: 0 0 5px 5px;
        border-radius: 0 0 0 3px;
        color: #ffffff;
        font-size: 10px;
    }
    #form input[type=text],
    #form input[type=tel],
    #form input[type=email] {
        width: calc(100% - 30px);
        padding: 20px 10px;
        font-size: 14px;
    }
    #form input[type="submit"] {
        margin: 0 auto 10px;
        padding: 20px 50px;
        font-size: 20px;
        cursor: pointer;
        border: 5px solid #8fc31f;
        border-radius: 10px;
        font-weight: bold;
        color: #ffffff;
        background: #8fc31f;
        transition: ease-in.2s;
    }
    #form input[type="submit"]:hover {
        background: #ffffff;
        color: #8fc31f;
    }
    .form-add label {
        display: block;
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }
    #form dl {
        line-height: 1.6;
        font-size: 12px;
    }
    #form textarea {
        width: calc(100% - 22px);
        padding: 10px;
        border: 1px solid #acacac;
        margin: 0;
        font-size: 14px;
    }
    #form main td {
        font-size: 14px;
    }
    #form em {
        font-style: normal;
        font-weight: bold;
        margin: 10px 0 0;
        color: #cc0000;
        display: block;
    }
    #form input[type="submit"].input-back {
        padding: 0;
        background: none;
        margin: 0;
        border: none;
        color: #333333;
        font-size: 10px;
        font-weight: normal;
        text-decoration: underline;
    }
    #form .finish {
        font-size: 12px;
    }
    /*-----------------------------------------------------------------------------------------------------*/
    /*------------------------------------------------投稿ページ------------------------------------------------*/
    /*-----------------------------------------------------------------------------------------------------*/
    .mitsui-post {
        width: 100%;
        margin: 65px 0 0;
        padding: 10px;
    }
    /*---------------------------------------------------------------------------------------------------------*/
    /*-----------------------------------------------ブログ-----------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------------*/
    /*--物件詳細ページ共通--*/
    .blog {
        width: 100%;
        margin: 65px 0 0;
    }
    .blog-inner {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    .su-post {
        width: 100% !important;
        margin: 0 auto 15px;
        padding: 10px;
        line-height: 1.4;
    }
    .su-post a h2 {
        text-decoration: underline;
    }
    .su-post p {
        font-size: 12px;
    }
    .post-1096 {
        width: 100%;
        padding: 0 10px;
        margin: 65px auto 0;
    }
    ul.lcp_catlist li {
        margin: 0 0 10px;
        line-height: 1.6;
        font-size: 12px;
    }
    ul.lcp_catlist li a {
        font-size: 16px;
        text-decoration: underline;
    }
    ul.lcp_catlist li a:hover {
        text-decoration: none;
    }
    /*--------------------------------------------------------------------------------------------------------*/
    /*-----------------------------------------------リクルート-----------------------------------------------*/
    /*--------------------------------------------------------------------------------------------------------*/
    #recruit {
        margin: 66px 0 0;
    }
    #recruit img {
        max-width: 100%;
    }
    #recruit p {
        font-size: 12px;
    }
    #recruit .top_mainbanner_recruit {
        width: 100%;
        height: 110px;
        padding: 20px 0 0 20px;
    }
    #recruit .top_mianbanner_text {
        font-size: 25px;
        margin: 0 0 10px;
    }
    #recruit p.tm-smalltext {
        font-size: 12px;
    }
    #recruit .concept {
        width: 100%;
        margin: 20px auto;
    }
    #recruit .blue {
        color: #46A0FF;
        font-size: 16px;
        font-weight: bold;
        line-height: 2em;
    }
    #recruit .internship_info {
        padding: 0 10px;
        width: 100%;
        margin: 40px 0 20px;
    }
    #recruit li.c-list-sub {
        float: none;
        width: 100%;
        height: auto;
        padding: 10px 10px;
        margin: 10px 0 0 0;
        background-color: #F0F0F0;
        list-style: none;
    }
    #recruit li.c-list-sub:last-child {
        margin: 10px 0 0 0;
    }
    #recruit .info-title {
        width: 100%;
        font-size: 16px;
        border-left: 3px solid #cc0000;
        padding: 0 0 0 5px;
    }
    #recruit .info-smalltext {
        font-size: 12px;
        border-left: none;
        margin: 5px 0 0;
        padding: 0;
        display: block;
    }
    #recruit span.info-middletext {
        color: #46A0FF;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.2em;
    }
    #recruit p.r_info_text {
        font-size: 12px;
        line-height: 1.5em;
        margin: 30px 0 15px 0;
    }
    #recruit .h3.info-middle {
        font-size: 16px;
    }
    #recruit .internship_rule {
        width: 100%;
    }
    #recruit .member_rule {
        width: 95%;
        font-size: 16px;
    }
    #recruit .internship_member_rule h4 {
        font-size: 16px;
    }
    #recruit p.rule_text {
        width: 100%;
        padding: 0 10px;
    }
    #recruit li.r_rikunavi {
        width: 44%;
        float: left;
    }
    #recruit a.rink:link {
        text-decoration: underline;
        color: #2523FB;
        margin-left: 0;
    }
    #recruit li.r_info_rikunavi {
        display: inline-block;
        margin: 13px 10px 0;
        font-size: 13px;
    }
    #recruit .internship_rule {
        width: 100%;
        padding: 0 10px;
    }
    #recruit .internship_member_rule {
        width: 100%;
    }
    #recruit .internship_member_rule dl,
    dt,
    dd {
        font-size: 12px;
    }
    #recruit .botton {
        font-size: 16px;
        padding: 20px 20px;
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    #recruit ul.concept-list {
        margin: 0;
        padding: 0 10px;
    }
    #recruit ul.concept-list li {
        padding: 10px;
        overflow: hidden;
    }
    #recruit ul.concept-list li img {
        width: 30%;
        margin: 0 10px 0 0;
        float: left;
    }
    #recruit p.concept_text {
        line-height: 1.5em;
        width: 65%;
        float: right;
    }
    /*---改修---*/
    #recruit .top_mainbanner_recruit2 {
        width: 100%;
        height: 110px;
        padding: 20px 0 0 20px;
    }
    #recruit .concept2 {
        width: 100%;
        margin: 0 auto 50px;
    }
    #recruit .concept2 ul.concept-list {
        flex-direction: column;
        align-items: center;
        padding: 0 0 20px 0;
        margin: 0;
        background-color: #F0F0F0;
    }
    #recruit .concept2 ul.concept-list li.c-list-sub {
        width: 94%;
        height: auto;
        padding: 10px 10px;
        margin: 0 0 10px 0;
        background-color: #fff;
        list-style: none;
    }
    #recruit .concept2 .con_ttl{
        font-size: 18px;
        padding-left: 20px;
    }
    #recruit .concept2 .con_ttl:before {
        background-size: contain;
        width: 16px;
        height: 16px;
    }
    #recruit .concept2 .concept-list .c-list-sub img.con_icon {
        width: 30%;
        height: auto;
        margin: 10px auto;
    }
    #recruit .tab-list{
        margin: 0;
    }
    #recruit #tab-sinsotsu, #recruit #tab-chuto, #recruit #tab-intern{
        width: 100%;
        padding: 10px;
    }
    #sinsotsu, #eigyo, #kanri, #sekkei, #jimu, #intern {
        margin-top: 40px;
    }
    .header-fixed{
        padding: 0;
    }
    #recruit #sinsotsu-saiyo,#recruit #eigyo-saiyo,#recruit #kanri-saiyo, #recruit #jimu-saiyo, #recruit #intern .info-title{
        font-size: 18px;
        border-left: 3px solid #cc0000;
        padding: 0 0 0 5px;
    }
    #recruit #tab-chuto .search-block{
        margin: 0;
    }
    #recruit #chuto ul.chuto-btn {
        flex-direction: column;
        align-items: center;
        margin: 40px 0 60px;
    }
    #recruit #chuto ul.chuto-btn li {
        display: block;
        font-size: 14px;
        text-align: left;
        width: 100%;
        margin: 0 0 10px;
        position: relative;
        padding: 0 0 0 60px;
    }
    #recruit #sinsotsu .botton-re, #recruit #chuto .botton-re{
        position: relative;
        display: block;
        font-weight: bold;
        padding: 20px 30px;
        margin: 20px auto;
        text-decoration: none;
        color: #fff;
        background: #8FC31F;
        transition: .4s;
        font-size: 16px;
        text-align: center;
    }
    /*----------------------------------------------------------------------------------------------------------------*/
    /*----------------------------------------------------------------------------------------------------------------*/
    /*----------------------------------------賢い住宅購入術/スマートフォン／ブレイクポイント-----------------------------*/
    /*----------------------------------------------------------------------------------------------------------------*/
    /*----------------------------------------------------------------------------------------------------------------*/
    #zozei {
        margin: 66px 0 0;
    }
    #zozei .inner {
        width: 100%;
        padding: 10px;
        position: relative;
    }
    #zozei img {
        max-width: 100%;
    }
    #zozei p {
        font-size: 12px;
    }
    #zozei .topmain .sp-only {
        width: 100%;
    }
    #zozei .topmain .topmain-menu h2 img {
        margin: 5px auto;
        display: block;
        padding: 10px 0;
        width: 50%
    }
    #zozei .topmain .topmain-menu lu {
        overflow: hidden;
    }
    #zozei .topmain .topmain-menu li {
        float: left;
        margin: 0 -3px 0;
        padding: 0;
        width: 50%;
        display: block;
    }
    #zozei .topmain .topmain-menu li a img {
        margin: 0 0 0 20px;
        width: 80%;
    }
    #zozei .main .maincolor-p {
        background: none;
        margin: 0 0;
        padding: 0 0;
    }
    #zozei .main .maincolor-p h3 {
        font-size: 20px;
        width: 100%;
        padding: 10px;
    }
    #zozei .main .maincolor-b {
        background: none;
        margin: 20px 0 0 0;
        padding: 0 0;
    }
    #zozei .main .maincolor-b h3 {
        font-size: 20px;
        width: 100%;
        padding: 10px;
    }
    #zozei .main .maincolor-o {
        background: none;
        margin: 20px 0 0 0;
        padding: 0 0;
    }
    #zozei .main .maincolor-o h3 {
        font-size: 20px;
        width: 100%;
        padding: 10px;
    }
    #zozei .main p.main-line-a {
        font-size: 17px;
        margin: 0 auto;
        text-align: center;
        font-weight: bold;
        background: linear-gradient(transparent 0, #FFF67F 0);
        width: 90%;
    }
    #zozei .main .maincolor-g {
        background: none;
        margin: 20px 0 0 0;
        padding: 0 0;
    }
    #zozei .main .maincolor-g h3 {
        font-size: 20px;
        width: 100%;
        padding: 10px;
    }
    #zozei .main p.main-line-b {
        font-size: 17px;
        margin: 0 auto;
        padding: 0 10px;
        text-align: center;
        font-weight: bold;
        background: linear-gradient(transparent 0, #FFF67F 0);
        width: 80%;
    }
    #zozei .main p {
        font-size: 17px;
        margin: 5px auto;
        text-align: center;
        font-weight: bold;
        background: linear-gradient(transparent 0, #FFF67F 0);
        width: 70%;
        line-height: 1.2;
    }
    #zozei .main li {
        margin: 0 0;
    }
    #zozei .main div.mainback {
        padding: 10px 0;
    }
    #zozei .mainback ul li img {
        width: 95%;
        margin: 10px 0 0 5px;
    }
    #zozei .main li.main-text {
        width: 100%;
        margin: 10px 0;
        padding: 0 10px;
        line-height: 1.6;
        font-size: 12px;
    }
    #zozei .check img {
        margin: 0 0;
    }
    /*---------------------------------------------------------------------------------------------------------*/
    /*-----------------------------------------------パパ・ママ応援ショップ優待特典-----------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------------*/
    #aircon .sp-only {
        display: block !important;
    }
    #aircon .pc-only {
        display: none !important;
    }
    #aircon .inner {
        max-width: 100%;
        padding: 10px;
    }
    #aircon img {
        max-width: 100%;
    }
    #aircon .main {
        padding-top: 20px;
    }
    #aircon .fvsp img {
        width: 100%;
    }
    #aircon .papa {
        margin: 20px auto 0;
        font-size: 18px;
        line-height: 1.5;
        max-width: 400px;
    }
    #aircon .papa br {
        display: none;
    }
    #aircon .chushaku {
        margin-top: 30px;
        font-size: 12px;
        line-height: 1.5;
    }
    #aircon .kazu {
        margin: 20px auto 0;
        max-width: 400px;
    }
    #aircon .present {
        height: auto;
    }
    #aircon .present {
        background-image: url("img/base-top.jpg"), /* 最前面の背景レイヤーの背景画像 */
        url("img/base-bottom.jpg");
        background-repeat: no-repeat, /* 最前面の背景レイヤーに対応 */
        no-repeat;
        background-position: top, /* 最前面の背景レイヤーに対応 */
        bottom;
        background-color: #6db76d;
        padding: 0 0 50px;
    }
    #aircon .present-title {
        padding-top: 20px;
    }
    #aircon .present {
        margin: 50px auto 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #aircon .saitama {
        color: #595757;
        border: 4px solid #6db76d;
        border-radius: 10px;
        padding: 20px;
        max-width: 1000px;
        position: static;
        margin: 0 10px 30px;
    }
    #aircon .saitama1 {
        overflow: hidden;
    }
    #aircon .saitama1 .text {
        float: none;
        width: 100%;
        text-align: center;
        font-size: 16px;
        line-height: 1.5;
        max-width: 400px;
        margin: 0 auto;
    }
    #aircon .saitama1 .text br {
        display: none;
    }
    #aircon .saitama1 .kobaton {
        position: static;
        top: 0%;
        right: 0%;
        margin-top: 20px;
    }
    #aircon .saitama2 .toha {
        background-color: #6db76d;
        padding: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    #aircon .saitama4 {
        overflow: hidden;
        background-color: #faffee;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    #aircon .card {
        float: none;
        width: 100%;
    }
    #aircon .setumei {
        float: none;
        width: 100%;
        text-align: justify;
        padding: 10px;
        font-size: 14px;
        line-height: 1.5;
    }
    #aircon .saitama2 {
        margin-bottom: 30px;
        margin-top: 20px;
    }
    #aircon .saitama3 .kotira {
        background-color: #6db76d;
        margin-top: 10px;
        display: inline-block;
    }
    #aircon .saitama3 .kotira a {
        color: #fff;
        display: block;
        padding: 20px 60px;
        font-size: 14px;
    }
    #aircon .saitama3 .kotira:hover {
        opacity: 0.8;
    }
    #aircon .saitama3 .haihu {
        font-size: 16px;
        line-height: 1.5;
    }
    #aircon .room {
        margin: 0 10px 0;
    }
    /*--------------------------------イベント一覧--------------------------------*/
    .event-inner {
        width: 100%;
        padding: 0 1rem;
    }
    #event h2 {
        font-size: 12px;
        margin: 0;
    }
    .e-list ul li {
        margin: 10px 0;
        width: 100%;
    }
    .event-item-txt {
        width: 100%;
        max-width: 582px;
    }
    .event-item-txt-title p {
        font-size: 5vw;
    }
    .event-item-txt-row-title {
        font-size: 3.4vw;
    }
    p.event-item-txt-row-txt {
        font-size: 2vw;
    }
    .event-item-txt-row-button a {
        margin-top: 10px;
        width: 41%;
        padding: 2% 1%;
        background: #F20050;
        text-align: center;
        color: #fff;
        font-size: 3.5vw;
        margin-left: auto;
        position: relative;
        height: initial;
        line-height: initial;
    }
    .event-item-txt-row-button span {
        font-size: 5vw;
        color: #f5ba5c;
        position: absolute;
        padding-left: 1%;
        top: 50%;
        transform: translateY(-50%);
        bottom: initial;
    }
    /*----------------------------------------------------------------------------*/
    .parkimg-map-btn {
        background-position: 7px 50%;
        background-size: 29px;
        display: inline-block;
        padding: 17px 28px 17px 0;
        transition: .2s;
        margin: 0 auto;
        width: 90%;
    }
    .parkimg-map-btn p {
        font-size: 12px;
        width: 63%;
    }
    .parkimg-map-btn:hover {
        background-position: 7px 50%;
        background-size: 29px;
    }
    .parkimg-map-btn span {
        padding: 5px 11px;
        position: absolute;
        top: 50%;
        right: 9px;
        font-size: 10px;
    }
    /*----------------------------------------既存ページからの修正スタイルシート----------------------------------------*/
    #contents {
        width: 100% !important;
        margin: 65px 0 0 !important;
        padding: 10px !important;
    }
    .main_view {
        background: none !important;
    }
    .profile {
        width: 100% !important;
    }
    .profile_inner {
        height: auto !important;
        background: none !important;
    }
    .profile_head {
        margin: 0 !important;
        height: auto !important;
        padding: 10px !important;
    }
    .profile_head_img {
        float: none !important;
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
    .profile_head_text {
        margin: 0 !important;
    }
    .profile_comment {
        margin: 0 !important;
        padding: 10px !important;
        font-size: 100% !important;
        line-height: 1.6 !important;
    }
    .book_introduction {
        margin: 0 !important;
        padding: 10px !important;
        width: 100% !important;
    }
    .book_detail {
        float: none !important;
        margin: 0 auto !important;
    }
    .banner_section_upper li:first-child {
        margin: 0 !important;
    }
    ul#item li {
        height: auto !important;
    }
    #contents .box {
        width: 100% !important;
    }
    .voice-list:nth-child(odd),
    .voice-list:nth-child(even) {
        margin: 0 0 10px !important;
        width: 100% !important;
    }
    #contents table#privacy {
        width: 100% !important;
    }
    #contents #privacy th {
        display: block !important;
        width: 100% !important;
    }
    #contents #privacy td {
        display: block !important;
    }
    .staff_panel_img {
        float: none !important;
        width: 211px !important;
        text-align: center !important;
        display: block !important;
        margin: 0 auto 10px !important;
    }
    .staff_panel_info {
        margin: 0 !important;
    }
    .company_list th,
    .company_list td {
        width: 100% !important;
        display: block !important;
    }
    .photo_list1 li:first-child {
        margin: 0 !important;
    }
    .photo_list1 li {
        float: left !important;
        margin: 0 !important;
        width: 33% !important;
    }
    .box .detail dl dt,
    .box .detail dl dd {
        width: 100% !important;
    }

    /*-----新卒採用/インタ－ンショップ情報-----*/
    #recruit .sinsotsu {
        width: 100%;
        padding: 0 10px;
    }
    #recruit .sinsotsu ul.sinsotsu-btn {
        text-align: center;
        margin: 20px 0;
    }
    #recruit .sinsotsu ul.sinsotsu-btn li {
        display: block;
        font-size: 14px;
        text-align: left;
        width: 100%;
        margin: 0 0 10px;
        position: relative;
        padding: 0 0 0 60px;
    }
    #recruit .sinsotsu .botton-re {
        position: relative;
        display: block;
        font-weight: bold;
        padding: 20px 30px;
        margin: 20px auto;
        text-decoration: none;
        color: #fff;
        background: #8FC31F;
        transition: .4s;
        font-size: 16px;
        text-align: center;
    }
    /*----------------------------------------住宅購入時期をお考えの方へ----------------------------------------*/
    .tax-increase {
        width: 100%;
        margin: 65px 0 0;
    }
    /*--改修用--*/
    .search {
        width: 100%;
        margin: 20px auto 20px;
    }
    .search-box {
        padding: 15px 10px 10px;
    }
    .search-ttl {
        padding: 5px;
        font-size: 14px;
    }
    .search-ttl::before {
        width: 18px;
        height: 18px;
    }
    .search-label {
        font-size: 16px;
    }
    .search-list {
        margin-bottom: 10px;
    }
    .search-list:last-child {
        margin-top: 8px;
    }
    .search-list input,
    .search-list label {
        font-size: 13px;
    }
    .search-list input {
        margin-right: 3px;
    }
    .search-list label:last-of-type {
        margin-right: 0;
    }
    .search-list input[type="radio"]+label {
        min-width: 60px;
        padding: 10px;
        margin: 2px;
        text-align: center;
    }
    .search-list sup {
        display: none;
    }
    .search-popup {
        color: #333;
        background: #fff;
        position: static;
        width: 100%;
        font-size: 10px;
        background: #f0f7ff;
        padding: 8px;
        border: 1px solid #46a0ff;
        border-radius: 5px;
        opacity: 1;
        transition: .3s;
        font-size: 11px !important;
    }
    .property-flex {
        display: flex;
        justify-content: space-between;
    }
    .property-flex-result {
        height: 240px;
    }
    .property-flex-result::after {
        font-size: 16px;
    }
    .property-shinchiku li.property-item {
        margin: 0 0 10px;
        width: 100%;
    }
    .property-shinchiku li .property-shinchiku-inner {
        padding: 10px;
        width: 65%;
    }
    .property-top .property-shinchiku li .property-shinchiku-inner {
        width: 100%;
    }
    .property-shinchiku li.property-height a {
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        padding-bottom: 15px;
    }
    /* タブ切り替え */
    .tab {
        width: 100%;
        margin: 0 auto;
    }
    .tab-list {
        margin: 0 -5px;
    }
    .tab-list label {
        margin: 0 2px;
        padding: 15px 0;
        font-size: 14px;
        letter-spacing: 1px;
    }
    .area-point-icon {
        margin-top: 0;
        margin-right: 0;
        font-size: 24px;
    }
    .area-point-icon span {
        display: inline-flex;
        width: 30px;
        height: 30px;
        font-size: 18px;
        margin-left: 10px;
    }
    .area-point-txt {
        height: auto;
    }
    .area-point-txt+p {
        margin-top: 0;
    }
    .property-item-icon {
        bottom: 5px;
        width: calc(100% - 108px);
        padding-bottom: 0;
    }
    .property-item-icon li {
        font-size: 10px!important;
        line-height: 1;
        padding: 2px 3px !important;
    }
    h3.railway-shinchiku,
    h3.railway-kenchikujoken {
        font-size: 12px;
        margin: 10px 0 0;
    }

        /* new menu */
        .property-detail ul.property-detail-nav li {
          width: 32.3%;
          height: 10.3vw;
          margin: 0;
          border-radius: 2px;
          text-align: center;
          border-radius: 15vw;
          transition: ease-in .1s;
          box-shadow: 4px 3px 4px 0px rgba(0, 0, 0, 0.2);
          cursor: pointer;
          transition: .3s;
          font-size: 2.8vw;
          padding: 0;
        }
    
        .property-detail ul.property-detail-nav {
          justify-content: space-between;
          padding-right: 5px;
        }
    
        .property-detail ul.property-detail-nav li:nth-child(3) {
          margin: 0 0 10px;
        }
    
        .property-detail ul.property-detail-nav li:first-child a {
          padding: 0 0 0 6px !important;
        }
    
        .property-detail ul.property-detail-nav li:nth-child(2) a {
          padding: 0 0 0 9px !important;
        }
    
        .property-detail ul.property-detail-nav li:nth-child(3) a {
          padding: 0 0 0 6px !important;
        }
    
        .property-detail ul.property-detail-nav li:nth-child(4) a {
          padding: 0 0 0 8px !important;
        }
    
        .property-detail ul.property-detail-nav li:nth-child(5) a {
          padding: 0 !important;
        }
    
        .property-detail ul.property-detail-nav li:nth-child(6) a {
          padding: 0 0 0 9px !important;
        }
    
        .property-detail ul.property-detail-nav li:first-child::before {
          position: absolute;
          display: block;
          content: "";
          width: 22px;
          top: 3.2vw;
          left: 2vw;
          height: 22px;
          background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/icon-kukaku-sp.svg);
          background-repeat: no-repeat;
        }
    
        .property-detail ul.property-detail-nav li:nth-child(2):before {
          position: absolute;
          display: block;
          content: "";
          width: 22px;
          top: 3.2vw;
          left: 5vw;
          height: 22px;
          background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/icon-photog-sp.svg);
          background-repeat: no-repeat;
        }
    
        .property-detail ul.property-detail-nav li:nth-child(3) :before {
          position: absolute;
          display: block;
          content: "";
          width: 22px;
          top: .2vw;
          left: 2vw;
          height: 22px;
          background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/icon-movie-sp.svg);
          background-repeat: no-repeat;
        }
    
        .property-detail ul.property-detail-nav li:nth-child(4):before {
          position: absolute;
          display: block;
          content: "";
          width: 22px;
          top: 3.2vw;
          left: 4vw;
          height: 22px;
          background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/icon-setsubi-sp.svg);
          background-repeat: no-repeat;
        }
    
        .property-detail ul.property-detail-nav li:nth-child(5):before {
          position: absolute;
          display: block;
          content: "";
          width: 22px;
          top: 3.2vw;
          left: 1.3vw;
          height: 22px;
          background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/icon-map-sp.svg);
          background-repeat: no-repeat;
        }
    
        .property-detail ul.property-detail-nav li:nth-child(6):before {
          position: absolute;
          display: block;
          content: "";
          width: 22px;
          top: 3.2vw;
          left: 5.9vw;
          height: 22px;
          background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/icon-bukken-sp.svg);
          background-repeat: no-repeat;
        }
    
        .property-detail ul.property-detail-nav li::after {
          position: absolute;
          display: block;
          content: "";
          width: 5px;
          top: 4vw;
          /* left: 161px; */
          right: 1.2vw;
          height: 10px;
          background-image: url(https://www.mitsuikaihatsu.co.jp/wp/wp-content/themes/mitsui/images/all/menu/2025new/b-icon-sp.svg);
          background-repeat: no-repeat;
        }
    
    
        .property-detail ul.property-detail-nav li:hover {
          padding: 0;
          cursor: pointer;
          box-shadow: none;
          text-align: center;
          transform: translateY(0px);
        }
    
        .lo-wrap {
          display: flex;
          align-items: baseline;
          width: 95vw;
          justify-content: space-between;
    
          p {
            font-size: 14px;
    
            img {
              width: 15%;
            }
          }
        }
          /* new menu end*/
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}