@charset "utf-8";



#pcBnr { width: 100%; display:block; }
#pcBnr ul { font-size:0px; text-align:center;}
#pcBnr ul li { margin: 0 10px 10px 10px; display:inline-block; width:270px;}
#pcBnr ul li a { display: block;}
#pcBnr ul li a:hover { opacity: 0.7;}
#spBnr { display:none; }

#main > .attention { max-width: 1000px; }





/*///////  inView   //////*/

#section0,#section1,#section2,#section3,#section5 {
	top: 0;
}

.concept{
	font-size: 16px;
	
}


.concept p{
	line-height: 2.0;
}

.concept .inner{
	max-width: 1080px;
	margin: 0 auto;
}

.concept h2{
	max-width: 1080px;
	margin: 0 auto;
}

.concept h3{
	color: #008188;
	font-size: 35px;
	text-align: center;
	margin: 80px auto;
}

.concept_section2{
	background: url("../../concept/images/concept_bg.jpg");
	background-size: cover;
	color: #fff;
	position: relative;
}

.concept_section2 .inner{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 100px 0;
}

.concept_section2 .inner .concept_section2_l,
.concept_section2 .inner .concept_section2_r{
	width: 50%;
}

.concept_section2_ttl{
	width: 30%;
	position: absolute;
	right: 0;
	top: 0;
}

.concept_copy01{
max-width: 480px;
margin: 0 0 20px;
	
}

.concept_copy01_ttl1{
	font-size: 25px;
	margin-bottom: 20px;
}

.concept_section3{
	position: relative;
	color: #008995;
}

.concept_section3_ttl{
	width: 30%;
	position: absolute;
	left: 0;
	top: 0;
}


.concept_section3 .inner{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;	
}

.concept_section3 .inner .concept_section3_r{
	width: 50%;
	margin-top: 50px;
}

.concept_section3 .inner .concept_section3_l{
	width: 47%;
	margin-top: 100px;
}

.concept_section3_list01{
	width: 50%;
}
.concept_section3_list02{
	width: 75%;
}
.concept_section3_list03{
	width: 25%;
}

.concept_section4{
	position: relative;
	margin-top: 100px;
	
}

.concept_section4_img{
	
}


.concept_section4_copy01{
	top: 7%;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	
}

.concept_section4_copy02{
	text-align: center;
	top: 30%;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	max-width: 900px;

}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, 
	.concept_section4_copy02{
	text-align: center;
	top: 30%;
	left: 25%;
	right: 25%;
	margin: auto;
	position: absolute;
	max-width: ;

}/* IE11 */
	
	
}



.concept_section4 .photocaption{
	color: #000;
	position: absolute;
	right: 10px;
	bottom: 5px;
	-moz-text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.8);
-webkit-text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.8);
-ms-text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.8);
text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.8);
	
}

@media screen and (max-width: 786px){
#section3 {
	margin-bottom: 0;
}
	
.concept{
	font-size: 14px;
}

.concept h3{
	color: #008188;
	font-size: 22px;
	text-align: center;
	margin: 50px auto;
}	
	
	
.concept_copy01_ttl1{
	font-size: 20px;
	margin-bottom: 20px;
}	
.concept_copy01{
max-width: 100%;
margin: 0 0 20px;
	
}

.concept_section4_copy02{
	text-align: center;
	margin: auto;
	position: static;
	margin: 20px auto;
	width: 100%;

}	
	
.concept .inner{
	width: 90%;
	margin: 0 auto;
}	
	
	
.concept_section2 .inner,.concept_section3 .inner{
display: block;
padding: 50px 0;
}

.concept_section2 .inner .concept_section2_l,
.concept_section2 .inner .concept_section2_r{
	width: 100%;
}	
.concept_section3 .inner .concept_section3_l,
.concept_section3 .inner .concept_section3_r{
	width: 100%;
}		
.concept_section3 .inner .concept_section3_l{
	
	margin-top: 10px;
	margin-bottom: 10px;
}
	
.concept_section3_list01{
	width: 100%;
}
.concept_section3_list02{
	width: 100%;
}
.concept_section3_list03{
	width: 50%;
}	
.concept_section4{

	margin-top: 30px;
	
}
	
.concept_section4_copy01{
	text-align: center;
	padding-top: 0;
	top: 2%;
	margin: 0 auto 120px;
}	
	
	
}



.sectionbase {
	margin: 0;
	padding: 0;
	width: 100vw;
	width: auto;
	height: auto;
	height: 70vh;
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	position: relative;
	background: rgba(0,0,0,0.7);}


.sectioncopy {
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}



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

.sectionbase {
	margin: 0;
	padding: 0;
	height:200px;
	width: auto;
	
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	position: relative;
	background: rgba(0,0,0,0.7);}
	

}


#section3 .copy001 {
	margin: 0 auto 2%;
	text-align: center;
	height: auto;
	width: 100%;
	font-size: 36px;
	font-family:"Times New Roman", Times,"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Sawarabi Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.7em;
	color: #FFF;
}


.sec3bg {
	background: url(../../brand/images/title_bg.jpg) no-repeat center center;
	background-size: cover;
}

#section3 .copyarea1 {
	position: absolute;
	z-index: 15;
	top: 50%;
	left: -30%;
	width: 100%;

}
#section03  img {
	max-width: 50%;
	height: auto;
}
.sec3_inner {
	margin:auto;
	max-width: 1000px;
	height: auto;
}




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

#secbg3 {
	background: none;
	position: relative;
}
	
#section3 .copyarea1 {
	position: absolute;
	z-index: 15;
	left: -50%;
	width: auto;
	margin: auto;
	text-align: center;
	right: 0;
}
#section3 .copyarea1 img {
	height: 35px;
	width: auto;
}


}

.animate__delay-1s{

  /* ５秒かけてアニメーションする */
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  /* 4秒待ってからアニメーションする */
  -webkit-animation-duration: 1s;
  animation-delay:1s;

}




.fadeIntext{
	opacity: 1.0;
transform: translate(0,0); 
	-webkit-transform: translate(0,0);	transition-duration:2s;
}
.fadeInphoto{
	opacity: 1.0;
transform: translate(0,0); 
	-webkit-transform: translate(0,0);	transition-duration:1s;
	transition-delay:0.8s; 
}
.fadeInphoto_l{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:0.5s; 
}
.fadeInphoto_r{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:0.5s; 
}

.fadeIntext_l{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:1.1s; 
}
.fadeIntext_r{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:1.1s; 
}

.fadeIntext_in{
	opacity: 1.0 !important;
transform: translate(0,0) !important;
	-webkit-transform: translate(0,0) !important;
	transition-duration:1s;
	transition-delay:1.6s; 
}


.fadeIncatch{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:0.9s;
	transition-duration:1.0s;
}

.fadeInphoto2{
	opacity: 1.0 !important;
transform: translate(0,0);
transition-delay:0.5s; 
	-webkit-transform: translate(0,0);	transition-duration:0.5s;
}


@media only screen and (max-width: 768px){
.fadeInphoto{
	opacity: 1.0;
transform: translate(0,0); 
	-webkit-transform: translate(0,0);	transition-duration:2s;
	transition-delay:0.5s; 
}

.fadeInphoto2{
	opacity: 1.0 !important;
transform: translate(0,0);
transition-delay:1.2s; 
	-webkit-transform: translate(0,0);	transition-duration:2s;
}

.fadeIncatch{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:0.5s;
	transition-duration:0.6s;
}
}


.fadeIncatch2{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:.75s;
	transition-duration:1.0s;
}

.fadeIncatch3{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:1.0s;
	transition-duration:1.0s;
}


.fadeIncatch001{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:4.5s;
	transition-duration:5.0s;
}

.fadeInphoto002{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:2.5s;
	transition-duration:3.0s;
}

.fadeIncatch003{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-delay:3.5s;
	transition-duration:3.0s;
}










.bland {
	background-image:url(../../brand/images/intro_bg.png) , url(../../brand/images/cont_bg.png);
	background-repeat:no-repeat, no-repeat;
	background-position:top left , bottom right;
	background-size: auto auto , 100% auto;
}
.bland .sec-intro {
	position: relative;
	height: 250px;
	margin: 0 0 55px;
}
.bland .sec-intro p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: 100%;
	text-align: center;
	font-size: 32px;
	color: #7d682c;
	text-shadow: 1px  1px 1px #fff,
      -1px  1px 1px #fff,
       1px -1px 1px #fff,
      -1px -1px 1px #fff,
       1px  0px 1px #fff,
       0px  1px 1px #fff,
      -1px  0px 1px #fff,
       0px -1px 1px #fff;
}
.bland .sec-com .com_logo {
	text-align: center;
	padding: 0px 10px;
	margin: 0px 0px 30px;
}
.bland .sec-com .read {
	font-size: 18px;
	line-height: 2;
	margin: 0px 0px 55px;
	text-align: center;
	padding: 0px 10px;
}
.bland .sec-com .apartment {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	max-width: 1315px;
	margin: 0 auto;
	padding: 0 0 90px;
}
.bland .sec-com .apartment ul .img {
	margin-bottom: 15px;
}
.bland .sec-com .apartment ul .text {
	font-size: 15px;
	text-align: right;
}
.bland .sec-com .apartment ul:nth-child(2) {
	margin: 0 20px;
}

@media only screen and (max-width: 768px){
.bland {
	background-image:url(../../brand/images/intro_bg.png) , url(../../brand/images/cont_bg.png);
	background-repeat:no-repeat, no-repeat;
	background-position:top left , bottom right;
	background-size: 30% auto , 100% auto;
}
.bland .sec-intro {
	height: 125px;
	margin: 0 0 35px;
	padding: 0 10px;
}
.bland .sec-intro p {
	font-size: 18px;
}
.bland .sec-com .com_logo {
	margin: 0px auto 20px;
	width: 55%;
}
.bland .sec-com .read {
	font-size: 15px;
	line-height: 1.8;
	margin: 0px 5% 30px;
	text-align: justify;
}
.bland .sec-com .apartment {
	display: block;
	margin: 0 5%;
	padding: 0 0 45px;
}
.bland .sec-com .apartment ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 20px;
}
.bland .sec-com .apartment ul .img {
	width: 48%;
	margin-bottom: 0;
}
.bland .sec-com .apartment ul .text {
	width: 48%;
	font-size: 14px;
	text-align: left;
}
.bland .sec-com .apartment ul:nth-child(2) {
	margin: 0 0 20px;
}
}