@charset "UTF-8";

/*
Theme Name:平屋ぐらし
Theme URL:
Description:
Author:
Version:1.0.0
*/

/**********************************************************************************************************************
/* 基本設定
/*********************************************************************************************************************/

* {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

body{
	margin:0;
	padding:0;
  	display:flex;
	flex-direction:column;
	min-width:1200px;
	font-family:"Montserrat","Noto Sans JP","Yu Gothic", "メイリオ",Verdana,serif;
	font-weight:500;
	color:#6a5d5a;
	font-size: 14px;
	background-color: #F4F2EA;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
  	font-weight:normal;
}

h1 {
	padding:80px 0;
	font-size:35px;
}

h2 {
	margin-bottom:5px;
	padding:10px 0;
	font-size:24px;
}

h3 {
	margin-bottom:5px;
	padding:5px 0;
	font-size:16px;
}

a{
  text-decoration:none;
}


.pc_mode {
	display:block;
}

.mobile_mode {
	display:none;
}

@media print,screen and (max-width:960px){
	h1 {
		font-size:20px;
	}
	h2 {
		font-size:16px;
	}
	h3 {
		font-size:14px;
	}
}

/*************************************************************************************************
/* 基本共通設定（フォントサイズ）
**************************************************************************************************/
@media print,screen and (max-width:640px){
	body {
		min-width:100%;
		font-size:13px;
	}
}


/*************************************************************************************************
/* 基本共通設定
/* ・"box-sizing" は "border-box" を適用
**************************************************************************************************/
/* BOXエリア（基本ボックス・フルサイズボックス・フレックスボックス） */
.box {
	width:1200px;
	margin:0 auto;
	padding:0 15px;
	box-sizing:border-box;
}

.box_fluid {
	width:100%;
}

.box_flex {
	display:flex;
	width:960px;
	margin:0 auto;
	
	justify-content:space-between;
	box-sizing:border-box;
}

.no_padding {
	padding:0;
}

@media print,screen and (max-width:640px){
	.box {
		width:100%;
	}

	.box_flex {
		width:100%;
		flex-wrap:wrap;
	}
}

.pc-mode{
	display: block;
}

.mobile-mode{
	display: none;
}


/*************************************************************************************************
/* トップへ戻るボタン
**************************************************************************************************/
/*#page-top {	
    position: fixed;
    right: 10px;
    bottom: 20px;
    height: 120px; 
	z-index: 30; 
}

#page-top:hover{
	transform: translateY(-20px);
	transition:0.3s;
}*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background:#777777;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*************************************************************************************************
/* 各画面共通　ページヘッダー
**************************************************************************************************/
/* ヘッダー共通*/

.pc-mode{
	display: block;
}

.mobile-mode{
	display: none;
}

header{
	white-space: nowrap;
	font-family: "Zen Maru Gothic", serif;
	font-weight: 700;
	font-style: normal;
	width: 100%;
}

.header-logo img{
	width: 10%;
}


/* ヘッダー共通【モバイル】*/

@media print,screen and (max-width:640px){
	.pc-mode{
		display: none;
	}
	
	.mobile-mode{
		display: block;
	}

	header {
		position:fixed;
		width:100%;
		z-index:100;
	}
	
}

/*****************************************/

/*ヘッダー*/

.header01{
    background-color: #FFFFFF;
}


/*****************************************/
/*モバイル用ヘッダー*/

@media print,screen and (max-width:640px){


	.header-mobile{
		display: block;
		width: 100%;
		height: 60px;
		background-color: #6a5d5a;
		text-align: left;
		
	}

	.header-logo-mobile{
		height: 100%;
		margin: 0 auto;
		padding: 10px;
	}

	.header-logo-mobile img{
		height: 100%;
	}
	
}





/*************************************************************************************************
/* モバイル用ハンバーガーメニュー  #899b87
**************************************************************************************************/

@media print,screen and (max-width:640px){
	.mobile-menu-box {
		position: fixed; 
		top: 0; 
		right: 0; 
		display: flex;
		justify-content: center;
		align-items: center;
		height: 60px;
		width: 60px;
		z-index: 100;
		background-color: #6a5d5a;
	}

	.mobile-menu-box span, 
	.mobile-menu-box span:before, 
	.mobile-menu-box span:after {  
		content: "";
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #e3e8e2;
		position: absolute;
	}

	.mobile-menu-box span:before {
		bottom: 8px;
	}

	.mobile-menu-box span:after {
		top: 8px;
	}

	#mobile-menu-check {
		display: none;
	}

	#mobile-menu-check:checked ~ .mobile-menu-box span {
		background: rgba(255, 255, 255, 0);
	}

	#mobile-menu-check:checked ~ .mobile-menu-box span::before {
		bottom: 0;
		transform: rotate(45deg);
	}

	#mobile-menu-check:checked ~ .mobile-menu-box span::after {
		top: 0;
		transform: rotate(-45deg);
	}

	#mobile-menu-check:checked ~ .hamburger__content {
		left: 0;
	}

	.mobile-menu-content {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 90;
		background-color: #e3e8e2
;
	}

	.mobile-menu-list {
		padding: 70px 10px 0;
	}

	.mobile-menu-item {
		border-bottom: solid 1px #ffffff;
		list-style: none;
	}

	.mobile-menu-link {
		display: block;
		width: 100%;
		font-size: 20px;
		box-sizing: border-box;
		color: #ffffff;
		text-decoration: none;
		padding: 20px 15px 20px 0;
	}

	#mobile-menu-check:checked ~ .mobile-menu-content {
		left: 0;
  	}
	
	.mobile-menu-content {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 100%;
		z-index: 90;
		background-color: #899b87;
		transition: all 0.5s;
	}
  
}


/*************************************************************************************************
/* 各画面共通　フッター
**************************************************************************************************/

/*フッター*/
footer{
	width:100%;
	background-color: #6a5d5a;
}

.footer-contents{
	display: block;
	width: 1200px;
	color: #fffdee;
	margin: 0 auto;
	padding: 60px ;	
}


.footer-logo {
	margin: 20px auto;
	text-align: center;
}

.footer-logo img{
	width: 20%;
}

.footer-text{
	display: block;
	margin: 20px auto;
	padding: 10px auto;
}


.footer-text p{
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 10pt;
}



.footer-copy p{
	margin: 0 auto;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 10pt;
}


/*モバイル用フッター*/
@media print,screen and (max-width:640px){

	footer{
		width:100%;
		background-color: #6a5d5a;
	}

	
	.footer-logo img{
		width: 40%;
	}
	
	
	.footer-contents{
		display: block;
		width: 100%;
		color: #FFFFFF;
		margin: 0 auto;
	}
	
	
}




/*************************************************************************************************
/* TOP全般
**************************************************************************************************/




.top-contents h1{
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: 60px;
  text-align: center;

}





/*モバイル用*/
@media print,screen and (max-width:640px){
	.top-contents h1{
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	letter-spacing: 0.1em;
	font-size: 40px;
	text-align: center;

	}
 
	
}


/*****************************************/
/*TOP 写真エリア*/

.pic-area-mb{
	display: none;
}

.pic-area{
	display: block;
	width: 100%;
	margin: 0 auto;
	position: relative;
}


.top-pic img{
	margin: 0 auto;
	width:100%;
	animation: pic-fadeIn 2s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}


@keyframes pic-fadeIn {
  0% {
    opacity: 0;
  }
 
  100% {
    opacity: 1;
  }
}




.top-text img{
	width: 30%;
	position:absolute;
	left: 65%;
	bottom: 80%;

}




.top-logo img{
	width: 20%;
	position:absolute;
    left: 40%;
	bottom: 40%;
	animation: pic-fadeIn02 6.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	
}



@keyframes pic-fadeIn02 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


@media print,screen and (max-width:640px){
	.pic-area{
		display: none;
	}

	.pic-area-mb{
		display: block;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}

	.top-pic-mb img{
		margin: 0 auto;
		width:100%;
	}


	.top-text-mb img{
		width: 25%;
		position:absolute;
		left: 38%;
		bottom: 35%;

	}

	.ani_1-mb{
		transition: 1s all;
		opacity: 0;
	}
	
	.ani_1-mb.move{
		opacity: 1;
	}


	.top-logo-mb img{
		width: 20%;
		position:absolute;
		left: 40%;
		bottom: 8%;
		
	}

	
	
}






/*TOP メッセージ*/
.massage-text{
	margin: 80px auto;
}


.massage-text p{
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	font-weight: 600;
}

.massage-more p{
	text-align: right;
	font-size: 20px;
	font-weight: 600;
	margin: 0 250px 50px 0;

}


@media print,screen and (max-width:640px){
	.massage-text{
		margin: 40px auto;
	}


	.massage-text p{
	text-align: center;
	line-height: 50px;
	font-size: 15px;
	font-weight: 600;
	}


}

/*****************************************/
/*TOP 3CLASS*/

.top-sec02-mb{
	display: none;
}

.top-sec02{
	display: block;
	width: 100%;
	background-color: #e3e8e2;
}

.top-3nav{
	display: block;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 50px;
}


.class-nav{
	display: flex;
	justify-content: center; 
}

.class-box{
	display: block;
	text-align: center;
	margin: 0 20px;
}

.class-no{
	font-size: 80px;
	color: #899b87;
}

.class-name{
	font-size: 50px;
	color: #6a5d5a;
}

.class-content{
	display: block;
	width: 300px;
	height: 350px;
	background-color: #899b87;
	margin: 20px auto;
}

.class-copy{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 100px;
	text-align: center;
	
}


.class-copy p{
	color: #fff;
	font-weight: 400;
	width: 100%;
	position: absolute;
	top:38%;
    left: 50%;
    transform: translate(-50%, -50%);
	
}

.class-pic img{
	width: 100%;
}

.class-arrow img{
	width: 60%;
}

:target{scroll-margin-top: 80px;
}


@media print,screen and (max-width:640px){
	.top-sec02{
		display: none;
	}

	.top-sec02-mb{
		display: block;
		width: 100%;
		background-color: #e3e8e2;
	}

	.top-3nav{
		display: none;
	} 
	
}


/*****************************************/
/*TOP 3CLASSバナー*/


.top-3bunner{
	display: block;
	margin: 0px auto;
	padding-bottom: 30px;
	width: 90%;

}

.bunner-box{
	display: block;
	width: 85%;
	margin: 10% auto;
	position: relative;

}


.class-name img{
	width: 40%;
	position:absolute;
  	right: 55%;
    bottom: 85%;
}


.class-bunner{
	text-align: center;
}

.class-bunner img{
	width: 80%;
	
}

.ani_1{
    transition: 1s all;
    opacity: 0;
}
 
.ani_1.move{
    opacity: 1;
}


/*TOP 3CLASSバナー テキスト*/
.class-text-area{
	display: block;
	position:absolute;
	width: 25%;
	height:75%;
	margin: 0 auto;
	left: 61%;
	bottom:11%;
}

.class-text-area img{
	width: 100%;
}

.ani_2{
    transition: 1s all;
    opacity: 0;
}
 
.ani_2.move{
    opacity: 1;
	animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

@keyframes fadeup {
  0% {
    transform: translateY(80px);
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/*.class-text-title{
	text-align: center;
}
	

.class-text-title p{
	color: #fff;
	font-size: 30;
	font-weight: 500;
	width: 100%;
}

.class-text{
	margin: 0 auto;
	text-align: left;
	background-color: #6a5d5a;
	width: 93%;
}

.class-text p{
	margin-bottom: 40px;
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	line-height: 30px;
	width: 100%;
}

.class-bottun{
	padding: 15px 30px;
	color: #fff;
	border: 1px solid  #fff;
	width: 100%;
	font-size: 20px;
	font-weight: 200;
	font-family:"Montserrat"
}*/

@media print,screen and (max-width:640px){
	.top-3bunner{
		display: none;
	} 

	.top-3bunner-mobile{
		display: block;
		margin: 0 auto;
		padding-bottom: 20px;
		width: 100%;
		
	}

	.bunner-box-mb{
		display: block;
		width: 85%;
		margin: 0 auto 20% auto;
		position: relative;

	}

	.class-bunner-mb{
		text-align: center;
	}

	.class-bunner-mb img{
		width: 100%;
		
	}

	.ani_1-mb{
		transition: 1s all;
		opacity: 0;
	}
	
	.ani_1-mb.move{
		opacity: 1;
	}


	/*TOP 3CLASSバナー テキスト*/
	.class-text-area-mb{
		display: block;
		position:absolute;
		margin: 0 auto;
		padding: 10px;
		width: 80%;
		left: 10%;
		bottom: 4%;
		
	}

	

	.class-text-area-mb img{
		width: 100%;
	}



	.ani_2-mb{
		transition: 1s all;
		opacity: 0;
	}
	
	.ani_2-mb.move{
		opacity: 1;
		animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	}

	@keyframes fadeup {
	0% {
		transform: translateY(80px);
		opacity: 0;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
	}


	
}




/*************************************************************************************************
/* TOP以外共通
**************************************************************************************************/


.top-contents h1{
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: 60px;
  text-align: center;

}





/*モバイル用*/
@media print,screen and (max-width:640px){
	.top-contents h1{
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	letter-spacing: 0.1em;
	font-size: 40px;
	text-align: center;

	}
 
	
}


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

.top-nav{
	display: block;
	width: 100%;
	padding: 20px;
	background-color: #6a5d5a;
	white-space: nowrap;
	
}

.top-nav-col{
	display: flex;
	margin: 0 auto;
	text-align: center;
	width: 80%;
}

.top-nav-icon{
	display: block;
	margin: 0 auto;
	text-align: center;
	padding-top: 5px;
	width: 10%;
}

.top-nav-icon img{
	width: 130px;
}

.top-nav-menu{
	margin: 0 auto;
	text-align: center;
}

.top-nav ul{
	margin: 0 auto;
	text-align: center;
	white-space: nowrap;
}


.top-nav li{
	display: inline-block;
	list-style: none;
	margin: 20px 80px;
	font-size: 20px;
	font-weight: 600;
	color: #e3e8e2;
	border-bottom:2px solid #e3e8e2;
	white-space: nowrap;
}

.top-nav li a{
	color: #e3e8e2;
}

@media print,screen and (max-width:640px){
	.top-nav{
		display: none;
	}

	.mobile-menu-box {
		position: fixed; 
		top: 0; 
		right: 0; 
		display: flex;
		justify-content: center;
		align-items: center;
		height: 60px;
		width: 60px;
		z-index: 100;
		background-color: #6a5d5a;
	}

	.mobile-menu-box span, 
	.mobile-menu-box span:before, 
	.mobile-menu-box span:after {  
		content: "";
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #e3e8e2;
		position: absolute;
	}

	.mobile-menu-box span:before {
		bottom: 8px;
	}

	.mobile-menu-box span:after {
		top: 8px;
	}

	#mobile-menu-check {
		display: none;
	}

	#mobile-menu-check:checked ~ .mobile-menu-box span {
		background: rgba(255, 255, 255, 0);
	}

	#mobile-menu-check:checked ~ .mobile-menu-box span::before {
		bottom: 0;
		transform: rotate(45deg);
	}

	#mobile-menu-check:checked ~ .mobile-menu-box span::after {
		top: 0;
		transform: rotate(-45deg);
	}

	#mobile-menu-check:checked ~ .hamburger__content {
		left: 0;
	}

	.mobile-menu-content {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 90;
		background-color: #e3e8e2
;
	}

	.mobile-menu-list {
		padding: 70px 10px 0;
	}

	.mobile-menu-item {
		border-bottom: solid 1px #ffffff;
		list-style: none;
	}

	.mobile-menu-link {
		display: block;
		width: 100%;
		font-size: 20px;
		box-sizing: border-box;
		color: #ffffff;
		text-decoration: none;
		padding: 20px 15px 20px 0;
	}

	#mobile-menu-check:checked ~ .mobile-menu-content {
		left: 0;
  	}
	
	.mobile-menu-content {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 100%;
		z-index: 90;
		background-color: #899b87;
		transition: all 0.5s;
	}
}



/*****************************************/
/*写真エリア*/

.pic-area-mb-page{
	display: none;
}

.pic-area-page{
	display: block;
	width: 100%;
	margin: 0 auto;
	background-color: #e3e8e2;;
	position: relative;
}


.top-pic-page img{
	margin: 0 auto;
	width:100%;
	animation: pic-fadeIn 2s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}


@keyframes pic-fadeIn {
  0% {
    opacity: 0;
  }
 
  100% {
    opacity: 1;
  }
}




.top-text-page img{
	width: 30%;
	position:absolute;
	left: 65%;
	bottom: 80%;

}




.top-logo-page img{
	width: 20%;
	position:absolute;
    left: 40%;
	bottom: 40%;
	animation: pic-fadeIn02 6.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;
	
}



@keyframes pic-fadeIn02 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


@media print,screen and (max-width:640px){
	.pic-area-page{
		display: none;
	}

	.pic-area-mb-page{
		display: block;
		width: 100%;
		margin: 0 auto;
		background-color:  #F4F2EA;;
	}

	.top-pic-mb-page img{
		margin: 0 auto;
		width:100%;
	}
	
}




/*****************************************/
/*compact　トップセクション*/

.page-topsec-mb{
	display: none;
}

.page-topsec{
	display: block;
	margin: 0 auto;
	background-color:  #e3e8e2;
}

.page-topsec h1{
	font-size: 45px;
	display: block;
	text-align: center;
	font-weight: bold;
}

.page-topsec-img{
	display: flex;
	width: 70%;
	margin: 0 auto;
	padding-bottom: 80px;
}

.page-topsec-img01{
	text-align: center;
}


.page-topsec-img01 a{
    display: block;
    transition: all .3s ease-in-out;
    transform: translateY(0);
}


.page-topsec-img01 img{
	width: 80%;
	margin: 0 auto;
	vertical-align: middle;
}


.page-topsec-img01 a:hover{
	transform: translateY(-10px);
}


.page-topsec-img02{
	text-align: center;
}


.page-topsec-img02 a{
    display: block;
    transition: all .3s ease-in-out;
    transform: translateY(0);
}


.page-topsec-img02 img{
	width: 80%;
	margin: 0 auto;
	vertical-align: middle;
}


.page-topsec-img02 a:hover{
	transform: translateY(-10px);
}


@media print,screen and (max-width:640px){
	.page-topsec{
		display: none;
	}

	.page-topsec-mb{
		display: block;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 40px;
	}

	.page-topsec-mb h1{
		font-size: 15pt;
		font-weight: bold;
		padding-top: 60px;
		padding-bottom: 40px;
	}

	.page-topsec-mb-img{
		display: block;
	}

	.page-topsec-mb-img img{
		padding-bottom: 40px;
	}
}


/*****************************************/
/*compact　セクション01*/

.page-sec01{
	display: block;
	margin: 0 auto;
	background-color:  #e3e8e2;
}

.page-sec01-title img{
	display: block;
	margin: 0 auto;
	width: 100%;
}


.page-sec01-cont01{
	display: block;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 80px;
}

.page-sec01-cont01 h1{
	font-size: 45px;
	font-weight: bold;
}

.page-sec01-cont01 img{
	width: 50%;
}

@media print,screen and (max-width:640px){
	.page-sec01-cont01 h1{
		font-size: 15pt;
		padding-top: 30px;
		padding-bottom: 40px;
	}

	.page-sec01-cont01 img{
		width: 90%;
	}

	
}


.page-sec01-cont02{
	display: block;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
	background-color:  #F4F2EA;
}

.page-sec01-cont02 p{
	font-size: 30px;
}

.page-sec01-cont02 h1{
	font-size: 45px;
	font-weight: bold;
	padding: 5px;
}

.page-border{
	border-width:5px;
    border-style:solid;
	border-color: #a1ba9e;
	width: 60%;
}


.page-sec01-cont02 img{
	width: 70%;
	padding-top: 50px;
}


@media print,screen and (max-width:640px){

	.page-sec01-cont02{
		display: block;
		margin: 0 auto;
		padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
		background-color:  #F4F2EA;
		
	}

	.page-sec01-cont02 p{
		font-size: 20px;
	}

	.page-sec01-cont02 h1{
		font-size: 15pt;
		font-weight: bold;
		padding: 5px;
	}

	.page-border{
		border-width:2px;
		border-style:solid;
		border-color: #a1ba9e;
		width: 90%;
	}


	.page-sec01-cont02 img{
		width: 90%;
		padding-top: 50px;
	}


}

.page-sec01-cont03-mb{
	display: none;
}


.page-sec01-cont03{
	display: block;
	margin: 0 auto;
	padding-bottom: 150px;
	text-align: center;
}


.page-sec01-cont03 a{
	color: #F4F2EA;
}

.bottun01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin:0 auto;
    padding: .9em 2em;
    border-radius: 15px;
    background-color: #6a5d5a;
    color: #F4F2EA;
    font-size: 30px;
	font-weight: bold;
	transition: all 0.5s;
}

.bottun01:hover{
	box-shadow: 10px 10px 20px gray;
}



@media print,screen and (max-width:640px){

	.page-sec01-cont03{
		display: none;
	}

	.page-sec01-cont03-mb{
		display: block;
		margin: 0 auto;
		padding-bottom: 80px;
		text-align: center;
	}


	.page-sec01-cont03-mb a{
		color: #F4F2EA;
	}

	.bottun01 {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 90%;
		margin:0 auto;
		padding: .9em 2em;
		border-radius: 15px;
		background-color: #6a5d5a;
		color: #F4F2EA;
		font-size: 15pt;
		font-weight: bold;
		transition: all 0.5s;
	}

}


/*****************************************/
/*compact　セクション02*/

.page-sec02{
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color:  #e3e8e2;
	
}

.page-sec02-title img{
	display: block;
	margin: 0 auto;
	width: 100%;
}


.page-sec02-cont01 img{
	display: block;
	width: 45%;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 200px;
}

@media print,screen and (max-width:640px){

	.page-sec02-cont01 img{
		display: block;
		width: 80%;
		margin: 0 auto;
		padding-top: 40px;
		padding-bottom: 40px;
	}

}




/*****************************************/
/*compact　セクション03*/

.page-sec03{
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color:  #F4F2EA;
}


.page-sec03-title{
	display: block;
	margin: 0 auto;
	color: #F4F2EA;
	font-size: 50px;
	font-weight: bold;
	background-color: #6a5d5a;
}

.page-sec03-title p{
	display: block;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}


.page-sec03-cont01 {
	width: 80%;
	display: flex;
	margin: 0 auto;
	text-align: center;
}

.page-sec03-cont01-text{
	height: 200px;

}

.page-sec03-cont01 p{
	font-size: 30px;
	font-weight: bold;
	padding-top: 50px;
}


.page-sec03-cont01 img{
	width: 70%;
	padding-bottom: 80px;
}


@media print,screen and (max-width:640px){

	
	.page-sec03-title{
		display: block;
		margin: 0 auto;
		color: #F4F2EA;
		font-size: 20pt;
		font-weight: bold;
		background-color: #6a5d5a;
	}

	.page-sec03-title p{
		display: block;
		margin: 0 auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}


	.page-sec03-cont01 {
		width: 90%;
		display: block;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 40px;
	}

	.page-sec03-cont01-text{
		height: 150px;

	}

	.page-sec03-cont01 p{
		font-size: 20pt;
		font-weight: bold;
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.page-sec03-cont01 img{
		width: 90%;
		padding-bottom: 40px;
	}

}


/*****************************************/
/*compact　セクション04*/

.page-sec04{
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color:  #e3e8e2;
}

.page-sec04-cont01-mb{
	display: none;
}

.page-sec04-cont01{
	display: block;
	margin: 0 auto;
	padding-top: 100px;
	text-align: center;
	width: 70%;
}

.page-sec04-cont01-col{
	display: flex;
	margin: 0 auto;
	padding-bottom: 50px;
	text-align: center;
}

.page-sec04-cont01-cont{
	display: block;
	margin: 0 auto;
	text-align: center;
}


.page-sec04-cont01-img{
	display: block;
	margin: 0 auto;

}

.page-sec04-cont01-img img{
	display: block;
	margin: 0 auto;
}

.page-sec04-cont01-cont h2{
	margin: 0 auto;
	font-size: 25px;
	font-weight: bold;
}

.page-sec04-cont01-cont p{
	margin: 0 auto;
	font-size: 20px;
	
}

@media print,screen and (max-width:640px){

	.page-sec04-cont01-col{
		display: block;
		margin: 0 auto;
		padding-bottom: 0px;
		text-align: center;
	}

	.page-sec04-cont01-cont{
		display: block;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 80px;
		
	}

	.page-sec04-cont01-cont img{
		width:50%;
	}

	.page-sec04-cont01-cont h2{
		margin: 0 auto;
		font-size: 15pt;
		font-weight: bold;
	}


	
}


.page-sec04-cont02{
	display: block;
	margin: 0 auto;
	text-align: center;	
}


.page-sec04-cont02 h1{
	font-size: 45px;
	font-weight: bold;
	padding-top: 50px;
	padding-bottom: 5px;
}

.page-sec04-cont02 p{
	font-size: 35px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.page-sec04-cont2-img01{
	display: flex;
	margin: 0 auto;
	width: 80%;
	text-align: center;	
	padding-top: 10px;
	padding-bottom: 120px;
}

.page-sec04-cont2-img01-col img{
	width: 80%;
}

.page-sec04-cont2-img02{
	margin: 0 auto;
	text-align: center;
	width: 80%;
	display: flex;
	padding-bottom: 200px;
}


.page-sec04-cont2-img02-col h2{
	font-weight: bold;
}

.page-sec04-cont2-img02-col img{
	width: 80%;
}


@media print,screen and (max-width:640px){

	.page-sec04-cont02{
		width: 90%;
	}


	.page-sec04-cont02 h1{
		font-size: 20px;
		font-weight: bold;
		padding-top: 50px;
		padding-bottom: 5px;
	}

	.page-sec04-cont02 p{
		font-size: 15pt;
		font-weight: bold;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.page-sec04-cont2-img01{
		display: block;
		margin: 0 auto;
		width: 100%;
		text-align: center;	
		padding-top: 10px;
		padding-bottom: 0px;
	}

	.page-sec04-cont2-img01-col img{
		width: 80%;
		padding-bottom: 50px;
	}

	.page-sec04-cont2-img02{
		margin: 0 auto;
		text-align: center;
		width: 100%;
		display: block;
		padding-bottom: 80px;
	}


	.page-sec04-cont2-img02-col h2{
		font-weight: bold;
		font-size: 20px;
	}

	.page-sec04-cont2-img02-col{
		padding-bottom: 50px;
	}

	.page-sec04-cont2-img02-col img{
		width: 80%;
	}

}


/*****************************************/
/*compact　セクション05*/

.page-sec05{
	display: block;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom: 200px;
	text-align: center;
	background-color: #F4F2EA;
}

.page-sec05 h1{
	font-size: 45px;
	font-weight: bold;
	padding-top: 50px;
	padding-bottom: 50px;
}


.page-sec05-cont01{
	display: block;
	margin: 0 auto;
	padding-bottom: 100px;
	text-align: center;
	width: 80%;
}

.page-sec05-cont01 img{
	width: 80%;
}


.page-sec05-cont02 img{
	width: 50%;
}

@media print,screen and (max-width:640px){

	.page-sec05{
		display: block;
		margin: 0 auto;
		padding-top: 80px;
		padding-bottom: 100px;
		text-align: center;
		background-color: #F4F2EA;
	}

	.page-sec05 img{
		width: 15%;
	}

	.page-sec05 h1{
		font-size: 15pt;
		font-weight: bold;
		padding-top: 30px;
		padding-bottom: 30px;
	}


	.page-sec05-cont01{
		display: block;
		margin: 0 auto;
		padding-bottom: 100px;
		text-align: center;
		width: 90%;
	}

	.page-sec05-cont01 img{
		width: 100%;
	}


	.page-sec05-cont02 img{
		width: 70%;
	}

}


/*****************************************/
/*compact　現在販売中の物件セクション*/

.page-propertysec{
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #e3e8e2;
	padding-bottom: 100px;
}


.page-propertysec-title{
	display: block;
	margin: 0 auto;
	color: #F4F2EA;
	font-size: 50px;
	font-weight: bold;
	background-color: #6a5d5a;
}


.page-propertysec-title p{
	display: block;
	margin: 0 auto;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}


.page-propertysec-cont{
	margin: 0 auto;
	text-align: center;
	width: 80%;
	display: flex;
	padding-top: 100px;
	padding-bottom: 10px;
}

.page-propertysec-cont-col {
	margin: 0 auto;
	text-align: center;

}

.page-propertysec-cont-col h2{
	font-weight: bold;
	color: #6a5d5a;
}

.page-propertysec-cont-col img{
	width: 100%;
}


.bottun02 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70%;
    margin:0 auto;
    padding: .9em 2em;
    border-radius: 10px;
    background-color: #a1ba9e;
    color: #F4F2EA;
    font-size: 20px;
	font-weight: bold;
	transition: all 0.5s;
}

.bottun02:hover{
	box-shadow: 10px 10px 20px gray;
}

.page-propertysec-cont-col a{
	color: #F4F2EA;
}


@media print,screen and (max-width:640px){


	.page-propertysec-title{
		display: block;
		margin: 0 auto;
		color: #F4F2EA;
		font-size: 20pt;
		font-weight: bold;
		background-color: #6a5d5a;
	}


}