@charset "utf-8";


.main_wrapper{
    overflow:hidden;
    width: 100%;
    height: auto;
    position: relative;
    background: url("../../images/silide_bg.jpg") no-repeat center top;
	background-size: cover;
}

.main_visual{
	width: 100%;
	height: auto;
}

.loading{
	position: absolute;
	bottom:0;
	top:0;
	width: 48px;
	height: 48px;
	left: 0;
	right: 0;
	margin: auto;
}

.main_visual_sp {
	display:none;
}

.flot_ba {
	position: fixed;
	right: 20px;
	bottom: 100px;
	z-index: 1000;
	z-index: 9999;
}
.flot_ba .close {
	position: fixed;
	right: 10px;
	bottom: 280px;
	z-index: 1000;
	margin-top: 25px;
	cursor: pointer;
}

.flot_ba2 {
	position: fixed;
	right: 25px;
	bottom: 102px;
	z-index: 1000;
	z-index: 9999;
}
.flot_ba2 .close2 {
	position: fixed;
	right: 12px;
	bottom: 184px;
	z-index: 1000;
	margin-top: 25px;
	cursor: pointer;
}

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

}

@media only screen and (max-width: 768px){
.flot_ba2 .close2 {
	right: 15px;
	bottom: 116px;
}

.main_wrapper{padding-top: initial;}

.main_visual_sp {
	display: block;
		position: absolute;
	top:0;
	width: 100%;
	height: auto;
}

.flot_ba {
	position: static;

}
.flot_ba .close {
	/*! display: none; */
}

}

.obi {
	text-align: center;
}

.obi img {
    width: 90%;
    margin: auto 0;
		max-width: 1000px;
}

.obi_teiki {
	background: #f9f1d0;
	padding: 25px 0;
}
.obi_kakaku {
	background: #1c2639;
	padding: 15px 0;
}
.obi_kakaku a {
    transition: all 0.3s ease;
}
.obi_kakaku a:hover {
    opacity: 0.7;
}

.obi_bukkensu {
    background: #8a0719;
    padding: 30px 0;
}

@media only screen and (max-width: 768px){
    .obi img {
        width: 93%;
    }

    .obi_teiki {
        padding: 25px 5%;
    }

    .obi_kakaku {
    }

    .obi_bukkensu {
            padding: 10px 0;
    }
}


.sec-intro {
    color: #fff;
    background-color: #516e7c;
}
.sec-intro .innWrap {
    max-width: 840px;
    margin: 0 auto;
    padding: 40px 0 55px;
}
.sec-intro .innWrap .point {
    margin: 0 0 40px;
}
.sec-intro .innWrap .point:after {
	content:"";
	display:block;
	clear:both;
}
.sec-intro .innWrap .point li {
    float: left;
    width: 48%;
    margin: 0 0 20px;
}
.sec-intro .innWrap .point li:nth-child(even) {
    float: right;
}
.sec-intro .innWrap .point li:nth-child(3) , .sec-intro .innWrap .point li:nth-child(4) {
    margin: 0;
}
.sec-intro .campaign_banner{
    margin-inline: auto;
    margin-bottom: 40px;
}
    @media screen and (max-width: 768px){
        .sec-intro .campaign_banner{
            margin-bottom: 20px;
        }
    }
.sec-intro .campaign_banner img{
    width: 100%;
}
.sec-intro .innWrap .teiki_txt {
    font-size: 35px;
    text-align: center;
    line-height: 1.5;
}
.sec-intro .innWrap .teiki_txt > span {
    display: inline-block;
    padding: 8px 22px 5px;
    /* border: 1px solid #fff; */
    margin-bottom: 15px;
    margin-right: 10px;
    background: linear-gradient(90deg, #a1884a 0%, #cbb26f 50%, #a1884a 100%);
}
.sec-intro .innWrap .teiki_txt > span.pa_right {
    padding: 8px 22px 5px 4px;
}
.sec-intro .innWrap .text01 {
    font-size: 40px;
    border-bottom: solid 1px #fff;
    text-align: center;
    padding: 0 0 22px;
    margin: 0 0 30px 11px;
    line-height: 1.5;
}
.sec-intro .innWrap .text01 sub {
	font-size: 22px;
}
.sec-intro .innWrap .text02 {
    font-size: 45px;
    margin: 0 0 10px;
    text-align: center;
}
.sec-intro .innWrap .text03 {
    font-size: 18px;
    margin: 0 0 25px;
    text-align: center;
}
.sec-intro .innWrap .reqbtn {
    max-width: 630px;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}
.sec-intro .innWrap .reqbtn a {
    display: block;
    padding: 20px 0;
    position: relative;
    background: -moz-linear-gradient(to right,#9e8b56,#ddca95 50%,#9e8b56);
    background: -webkit-linear-gradient(to right,#9e8b56,#ddca95 50%,#9e8b56);
    background: linear-gradient(to right,#9e8b56,#ddca95 50%,#9e8b56);
    text-decoration: none;
    font-size: 22px;
    color: #283944;
}
.sec-intro .innWrap .reqbtn a:after {
 content:" ";
 display:inline-block;
 width:30px;
 height:1px;
 background-color: #283944;
 background-size:contain;
 vertical-align:middle;
 position: absolute;
 top: 50%;
 right: 0;
 -webkit-transform : translate(0%,-50%);
 transform : translate(0%,-50%);
}

.sec-intro .innWrap .resbtn {
    max-width: 630px;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;

}
.sec-intro .innWrap .resbtn a {
    display: block;
    padding: 20px 0;
    position: relative;
    background: #6d0019;
background: -moz-linear-gradient(left, #6d0019 0%, #b20315 54%, #6d0019 100%);
background: -webkit-linear-gradient(left, #6d0019 0%,#b20315 54%,#6d0019 100%);
background: linear-gradient(to right, #6d0019 0%,#b20315 54%,#6d0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#6d0019',GradientType=1 );
    text-decoration: none;
    font-size: 22px;
    color: #FFF;
}
.sec-intro .innWrap .resbtn a:after {
 content:" ";
 display:inline-block;
 width:30px;
 height:1px;
 background-color: #FFFFFF;
 background-size:contain;
 vertical-align:middle;
 position: absolute;
 top: 50%;
 right: 0;
 -webkit-transform : translate(0%,-50%);
 transform : translate(0%,-50%);
}




.sec-intro .bg {
    color: #fff;
    background-color: #3A5664;
    padding: 40px;
    margin-top: 75px;
}


@media only screen and (max-width: 768px){
.sec-intro {
    color: #fff;
    background-color: #516e7c;
}
.sec-intro .bg {
    color: #fff;
    background-color: #3A5664;
    padding: 30px 3%;
    margin-top: 40px;
}

.sec-intro .innWrap {
    margin: 0 5%;
    padding: 20px 0 35px;
}
.sec-intro .innWrap .point {
    margin: 0 0 20px;
}
.sec-intro .innWrap .point:after {
	content:"";
	display:block;
	clear:both;
}
.sec-intro .innWrap .point li {
    float: none;
    width: auto;
    margin: 0 0 10px;
    text-align: center;
}
.sec-intro .innWrap .point li:nth-child(even) {
    float: none;
}
.sec-intro .innWrap .point li:nth-child(3) {
    margin: 0 0 10px;
}
.sec-intro .innWrap .point li:nth-child(4) {
    margin: 0;
}
.sec-intro .innWrap .teiki_txt {
    font-size: 22px;
}
.sec-intro .innWrap .teiki_txt > span {
    padding: 4px 8px 3px;
    margin-bottom: 10px;
    margin-right: 0;
}
.sec-intro .innWrap .teiki_txt > span.pa_right {
    padding: 4px 15px 3px 0px;
}
.sec-intro .innWrap .text01 {
    font-size: 22px;
    padding: 0 0 12px;
    margin: 0 0 20px 11px;
}
.sec-intro .innWrap .text02 {
    font-size: 26px;
    margin: 0 0 20px;
}
.sec-intro .innWrap .text03 {
    font-size: 15px;
    margin: 0 0 20px;
}
.sec-intro .innWrap .reqbtn {
    font-size: 14px;
}
.sec-intro .innWrap .reqbtn a {
    padding: 15px 0;
    font-size: 18px;
}
.sec-intro .innWrap .reqbtn a:after {
 width: 20px;
}
.sec-intro .innWrap .resbtn a {
    padding: 15px 0;
    font-size: 18px;
    color: #FFF;
}
}

/*============================*/

.concept {
    position: relative;
    padding: 85px 0 95px;
}
.concept:after {
	content:"";
	display:block;
	clear:both;
}
.concept .text {
	width: 31%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 8%;
	-webkit-transform : translate(0%,-50%);
	transform : translate(0%,-50%);
	z-index: 10;
}
.concept .text h3 {
	color:#28536b;
	font-size: 52px;
	margin: 0 0 30px;
	letter-spacing: 0.05em;
}
.concept .text p {
	color:#978662;
	font-size: 26px;
	margin: 0 0 40px;
}
.concept .text p span {
	font-size: 14px;
}
.concept .text .btn {
	width: 66.666%;
	margin: 0 auto;
}
.concept .text .btn a {
    display: block;
    padding: 15px 0;
    position: relative;
    background: -moz-linear-gradient(to right,#9e8b56,#ddca95 50%,#9e8b56);
    background: -webkit-linear-gradient(to right,#9e8b56,#ddca95 50%,#9e8b56);
    background: linear-gradient(to right,#9e8b56,#ddca95 50%,#9e8b56);
    text-decoration: none;
    font-size: 18px;
    color: #283944;
}
.concept .img {
    width: 65.1875%;
    float: right;
    text-align: right;
}


@media only screen and (max-width: 1280px){
.concept .text p {
	font-size: 2.1vw;
}
}

@media only screen and (max-width: 768px){
.concept {
    padding: 45px 0 55px;
    margin: 0 5%;
}
.concept:after {
	content:"";
	display:block;
	clear:both;
}
.concept .text {
	width: auto;
	position: static;
	-webkit-transform: translate(0%,0%);
	transform: translate(0%,0%);
	margin: 0 0 30px;
}
.concept .text h3 {
	font-size: 32px;
	margin: 0 0 20px;
}
.concept .text p {
	font-size: 18px;
	margin: 0 0 20px;
}
.concept .text .btn {
	width: 38%;
}
.concept .text .btn a {
    display: block;
    padding: 15px 0;
    position: relative;
    text-decoration: none;
    font-size: 18px;
    color: #283944;
}
.concept .img {
    width: 58%;
    float: none;
    margin: 0 auto;
}
}
@media only screen and (max-width: 640px){
.concept .text .btn {
	width: 52%;
}
.concept .text .btn a {
    font-size: 16px;
}
.concept .img {
    width: 75%;
}

}

/*============================*/

.under-content {
    background: url("../../images/bg.jpg") no-repeat center top;
    background-size: cover;
    padding: 135px 0 120px;
}
.under-content .sec {
  position: relative;
  color: #fff;
  margin: 0 0 120px;
}
.under-content .sec2 {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 10px;
}
.under-content .sec2:after {
	content:"";
	display:block;
	clear:both;
}
.under-content .sec2 .sec {
	width: 48%;
	float: left;
	margin: 0;
}
.under-content .sec2 .sec:nth-child(2) {
	float: right;
}
.under-content .sec2 .sec .img {
	width: 100%;
	margin: 0 0 40px;
}
.under-content .sec:after {
	content:"";
	display:block;
	clear:both;
}
.under-content .sec .text {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform : translate(0%,-50%);
  transform : translate(0%,-50%);
  width: 41.875%;
  text-align: center;
}
.under-content .sec2 .text {
  position: static;
  -webkit-transform : translate(0,0);
  transform : translate(0,0);
  width: auto;
}
.under-content .sec.acc .text {
  left: 0;
}
.under-content .sec.acc .img {
	float: right;
}
.under-content .sec .text h3 {
	font-size: 52px;
	margin: 0 0 45px;
	letter-spacing: 0.12em;
}
.under-content .sec2 .text h3 {
	margin: 0 0 20px;
}
.under-content .sec .text p {
	font-size: 24px;
	margin: 0 0 40px;
}
.under-content .sec2 .text p {
	margin: 0 0 20px;
}
.under-content .sec .text .btn {
	max-width: 270px;
	text-align: center;
	margin: 0 auto;
}
.under-content .sec .text .btn a {
    display: block;
    padding: 15px 0;
    position: relative;
    background: -moz-linear-gradient(to right,#9e8b56,#ddca95 50%,#9e8b56);
    background: -webkit-linear-gradient(to right,#9e8b56,#ddca95 50%,#9e8b56);
    background: linear-gradient(to right,#9e8b56,#ddca95 50%,#9e8b56);
    text-decoration: none;
    font-size: 18px;
    color: #283944;
}
.under-content .sec .text .btn.comsn a {opacity: 0.7;cursor: auto;}
.under-content .sec .img {
    width: 58.0625%;
}
.under-content .sec .img img {
    box-shadow: 0 0 15px rgba(0,0,0,0.4);
    width: 100%;
}

@media only screen and (max-width: 768px){
.under-content {
    padding: 80px 0 60px;
}
.under-content .sec {
  margin: 0 5% 50px;
  position: static;
}
.under-content .sec2 {
    margin: 0 5%;
}
.under-content .sec2:after {}
.under-content .sec2 .sec {}
.under-content .sec2 .sec:nth-child(2) {}
.under-content .sec2 .sec .img {
	margin: 0 0 10px;
}
.under-content .sec:after {}
.under-content .sec .text {
  position: static;
  -webkit-transform: translate(0%,0%);
  transform: translate(0%,0%);
  width: auto;
}
.under-content .sec2 .text {
  position: static;
  -webkit-transform : translate(0,0);
  transform : translate(0,0);
  width: auto;
}
.under-content .sec.acc .text {
  left: 0;
}
.under-content .sec.acc .img {
	float: none;
}
.under-content .sec .text h3 {
	font-size: 28px;
	margin: 0 0 20px;
}
.under-content .sec2 .text h3 {
	margin: 0 0 10px;
}
.under-content .sec .text p {
	font-size: 16px;
	margin: 0 0 20px;
}
.under-content .sec2 .text p {
	margin: 0 0 10px;
}
.under-content .sec .text .btn {
}
.under-content .sec .text .btn a {
    padding: 10px 0;
    font-size: 16px;
}
.under-content .sec .img {
    width: auto;
    margin: 0 0 20px;
}
.under-content .sec .img img {}
}
@media only screen and (max-width: 640px){
.under-content .sec2 .sec {
	width: auto;
	float: none;
	margin: 0 0 50px;
}
.under-content .sec2 .sec:nth-child(2) {
	float: none;
	margin: 0;
}
.under-content .sec2 .sec .img {
	margin: 0 0 20px;
}
.under-content .sec2 .text h3 {
	margin: 0 0 20px;
}
.under-content .sec2 .text p {
	margin: 0 0 20px;
}

}








.flot_ba {
	position: fixed;
	right: 5px;
	bottom: 93px;
	/* bottom: 221px; */
	z-index: 1000;
	max-width: 300px;
}
.flot_ba .close {
	position: fixed;
	right: 10px;
	bottom: 280px;
	/* bottom: 348px; */
	z-index: 1000;
	margin-top: 25px;
	cursor: pointer;
}
.flot_ba .close.gw {
	position: fixed;
	right: 19px;
	bottom: 463px;
	/* bottom: 423px; */
	z-index: 1000;
	margin-top: 25px;
	cursor: pointer;
}

@media only screen and (max-width: 768px){
.gw_ba {
	padding: 40px 5% 0;
}
.flot_ba {
	/*! position: static; */
	/*! right: 20px; */
	/*! top: 140px; */
	z-index: 80;
	padding:2%;
	bottom: 49px;
	right: 2px;
	width: 190px;
}
.flot_ba .close {
	/*! display:none; */
	position: fixed;
	right: 10px;
	bottom: 180px;
	z-index: 1000;
	margin-top: 25px;
	cursor: pointer;
}
.flot_ba .close.gw {
	right: 3%;
	margin-top: 0px;
	cursor: pointer;
	bottom: 275px;
}
.flot_ba2 {
	/*! position: static; */
	/*! right: 20px; */
	/*! top: 140px; */
	z-index: 200;
	padding:2%;
	bottom: 66px;
	width: 230px;
}

}


/*2022.8.15追加*/

span.annotation_top {
	font-size: 12px;
}

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

コロナ対策バナー追加

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

.bnr_area {
	padding: 60px 0;
	margin: 0 auto;
	text-align: center;
    background-color: #eaeaea;
}
.bnr_area ul li {
	display: block;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 768px){
    .bnr_area {
        padding: 30px 5%;
    }
}

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

インフォメーション追加

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

.info_area {
    padding: 60px 5% 30px;
    background-color: #eaeaea;
}
.top_news {
	max-width: 650px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
.top_news .top_news_ttl {
	text-align: center;
	font-size: 18px;
	color: #b9a027;
	margin-bottom: 20px;
	font-weight:500;
}
.top_news .top_news_list li {
    margin-bottom: 10px;
}
.top_news .top_news_list li:after {
	content:" ";
	display:block;
	clear:both;
}

.top_news .top_news_list li .day {
	float: left;
	width: 120px;
}

.top_news .top_news_list li .dtaile span.small{
    font-size: 12px;
}
.top_news .top_news_list li .dtaile span.red{
    color: #b20315;
}


.top_news .top_news_list li .dtaile {
	float: left;
	width : calc(100% - 120px) ;
}
/* .top_news .top_news_list li:first-child .dtaile {
	line-height: 1.2;
} */
.top_news .top_news_list li.news_limi p {
	color: #F92528;
}
.top_news .top_news_list li .dtaile a {
	color:#186868;
}
.top_news .top_news_list li .dtaile a:hover {
	text-decoration:underline;
}

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

マンションギャラリー見学の流れ

---------------*/
.gallery {
    background-color: #d4e3ea;
    color: #1c2639;
    padding: 2%;
    max-width: 1100px;
    width: 90%;
    margin: 0 auto;
}
.gallery h3 {
    font-size: 30px;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #1c2639;
}
.gallery .gal_cont {
    display: block;
    max-width: 980px;
    margin: 0 auto;
    padding: 30px 0 0;
}
.gal_cap {
    font-size: 12px;
    line-height: 15px;
    margin: 40px 0 0;
}


@media only screen and (max-width: 768px){
    .gallery {
        padding: 5%;
    }
    .gallery h3 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .gallery .gal_cont {
        display: none;
    }
    .gal_cont > img {
        width: 100%;
        margin-bottom: 40px;
    }
    .gal_cap {
        margin: 20px 0 0 0;
}
    /* 221223 sp版の見学フロー */
    .gallery .gal_flow {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .gallery .gal_flow .flow_img {
        margin-bottom: 10px;
    }
    .gallery .gal_flow .box > p {
        font-size: 16px;
        line-height: 1.4;
    }
    .gallery .gal_flow .sp_arrow {
        width: 20%;
        display: block;
        margin: 20px auto;
    }
}

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

キャンペーンバナー追加

---------------*/
.bnr_area_top > div {
    margin-bottom: 40px;
}
.bnr_area_top > div a {
    transition: all 0.5s ease-in-out;
}
.bnr_area_top > div a:hover {
    opacity: 0.7;
}
@media only screen and (max-width: 768px){
    .bnr_area_top > div {
        margin-bottom: 20px;
    }
}

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

休業対応追加

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

.holiday {
	color: #cc0000;
	background-color: #ffffff;
    margin: 0 auto 30px;
    text-align: center;
    border: 1px solid #cc0000;
    padding: 20px 0;
    font-size: 18px;
}

@media only screen and (max-width: 768px){
    .holiday {
        padding: 20px 3%;
        font-size: 15px;
    }
}




/*------------
コロナ対策
-------------*/
.taisaku_bnr{
	background: #04142D;
	max-width: 1000px;
	margin: 30px auto 0;
	text-align: center;
	padding: 10px;
	border: 2px solid #E2E3A9;
}