@charset "UTF-8";
/* CSS Document */

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

.pc { display: block; }
.sp { display: none; }


.br-pc { display:block; }
  .br-sp { display:none; }

*{
	text-decoration: none ;
}

body{
	height:100%;
	margin: 0px auto;
	font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
	color:#000;
	background: #fff;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;/* フォントサイズの自動調整なし */
    min-width: 1080px;/* ipad対策　PC用の横幅を指定 */
}




/* 来場予約・資料請求・物件概要メニュー */
/* 来場予約・資料請求・物件概要メニュー end */

/* メニュー */
nav_pc {

}
nav_pc ul {
	display: flex;
	flex-flow: row;
	flex-wrap:wrap;
	list-style-type: none;
    justify-content: center;
    background-color: #fff;
    height: 5rem;
}
nav_pc li {
	width: 9rem;
	height: 3rem;
	font-size: 0.8rem;
    padding-top: 1rem;
	text-align: center;
    margin: 1rem 0;
}
nav_pc li a:link{color: #000;}
nav_pc li a:visited{color: #000;}
nav_pc li a:hover{color: #000; opacity: 0.7;}
nav_pc li a:active{color: #000; opacity: 0.7;}

.fixed{
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 99;
    max-width: 1920px;

}
/* メニュー end */



/* ページ下部の来場予約・資料請求メニュー */
.menu03 {
    display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.menu03_item {
	width: 40%;
	height: auto;
    padding: 1rem;
	margin: 1rem;
	text-align: center;
	overflow: hidden;
    background-color: #8C7356;
}
.menu03_item a {
    display: block;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2rem;
	line-height: 1.5;
	text-decoration: none;
}
.menu03_item a:link {color: #fff;}
.menu03_item a:visited {color: #fff;}
.menu03_item a:hover {color: #fff;}
.menu03_item a:active {color: #fff;}
/* ページ下部の来場予約・資料請求メニュー end */

/* トップページ */
.title {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #CCA467;
    color: #000;
    font-size: 1.7rem;
    line-height: 1.7;
    text-align: center;
}

.title02 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    color: #000;
    text-align: center;
    background-image: url("../img/top_bg.png");
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.title img {
    width: 70%;
    height: auto;
    margin: 0 auto;
    text-align: center;  
}


.title02 img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;  
}


.title_box {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 90%;
    height: auto;
    text-align: center;
    margin: 2% auto 2% auto;
    padding: 0% 0%;
}

.title_item1 {
    width: 100%;
    height: auto;
    font-size: min(1.4vw,29px);
    line-height: 1.6;
    padding: 0% 2%;
    text-align: justify;
  text-justify: inter-ideograph; /* IE用 */
}

.title_item1 img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.top_midashi {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #EFECE6;
    text-align: center;
}
.top_midashi img {
    width: 70%;
    height: auto;
    margin: 5% auto 2% auto;
}
.top_midashi p {
    width: 70%;
    height: auto;
    margin: 0% auto 0% auto;
    font-size: 1.6vw;
    padding: 0% 0% 5% 4%;
    line-height: 1.8;
}
.banner {
    display:flex;
    justify-content: space-between;
    width: 85%;
    height: auto;
    margin: 0 auto;
}
.banner-item {
    width: 48%;
    height: auto;
    background-color: #8C7356;
    text-align: center;
    padding: 0.7rem 0;
    margin: 2rem 0;
    font-size: 2vw;
}
.banner-item a {display: block;}
.banner-item a:link { color: #fff; }
.banner-item a:visited { color: #fff; }
.banner-item a:hover { color: #F4F4F4; }
.banner-item a:active { color: #F4F4F4; }

.bn_report{
    display: flex;
	justify-content: space-between;
	width: 90%;
	height: auto;
	margin: 5% auto;
}
.bn_report-item{
	width: 49%;
	height: auto;
}
/* トップページ end */

/* まちづくり */
.machidukuri {
    width: 100%;
    height: auto;
    margin: 3% auto 0% auto;
    background-color: #EFECE6;
    color: #000;
    font-size: 1.7rem;
    line-height: 1.7;
    text-align: center;
}

.machidukuri img {
    width: 30%;
    height: auto;
    margin: 3% 15% 0% 15%;
    text-align: center;  
}

.machidukuri_title {
    display: block;
    color: #fff;
    text-align: center;
    margin: 0% auto 0% auto;
    font-size: 2rem;
    width: 100%;
    padding: 1.5% 0;
}

.machidukuri_title img {
    width: 20%;
    padding: 1.5% 0;
}

.machidukuri_title2 {
    display: block;
    color: #fff;
    text-align: center;
    margin: 0% auto 0% auto;
    font-size: 2rem;
    background-color: #EFECE6;
    width: 100%;
    padding: 1.5% 0;
}

.machidukuri_title2 img {
    width: 50%;
    padding: 1.5% 0;
}




.machidukuri_copy {
    display: block;
    text-align: center;
    margin: 12% auto 0% auto;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
    width: 50%;
}

.machidukuri_text {
    display: block;
    color: #000;
    text-align: center;
    margin: 3% auto 6% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: min(1.7vw,30px);
    line-height: 1.8; 

}


.machidukuri_box {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 90%;
    height: auto;
    color: #fff;
    text-align: center;
    margin: 10% auto 25% auto;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
    font-size: 1.0rem;
    line-height: 1.8; 
    padding: 2% 3%;
}
.machidukuri_item1 {
    width: 32%;
    height: auto;
    font-size: min(1.4vw,29px);
    line-height: 1.6;
    background-color: #2EB6AA;
    border-radius: 50px;
    padding: 5% 3%;
    text-align: justify;
  text-justify: inter-ideograph; /* IE用 */
}

.machidukuri_item2 {
    width: 56%;
    height: auto;
}


.machidukuri_text2 {
    display: inline-block;
    margin: 0% auto 15% 10%;
    font-size:min(1.7vw,37px);
    line-height: 2; 
    text-align: center;
}


.image_text-right {
    position: relative;
}
.image_text-right p {
    position: absolute;
    top: 0;
    right: 0;
    width: 38%;
    height: 100%;
    padding: 13% 4%;
    background-color: rgba(255,255,255,0.8);
    text-align: center;
}
.image_text-right a{
    font-size: min(1.3vw,36px);
    color: #000;
    line-height: 1.5;
}

.image_text-left {
    position: relative;
    background-color: #EFECE6;
    text-align: right;
}
.image_text-left p {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    padding: 4% 4%;
    text-align: left;
    font-size: 2vw;
}
.image_text-left a {
    font-size: min(1.1vw,30px);
    color: #000;
    line-height: 1.5;
}

.image_text-left img {
    margin: 8% 0% 1% 0%;

}
/*まちづくり  end */


/* まちの紹介 */
.loca_title {
    display: block;
    color: #fff;
    text-align: center;
    margin: 5% auto 0% auto;
    font-size: 2rem;
    background-color: #CCA467;
    width: 100%;
    padding: 1.5% 0;
}


.loca_copy {
    display: block;
    color: #000;
    text-align: center;
    margin: 0% auto 4% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 2vw;
    line-height: 1.8; 
    padding-top: 3%;
}

.loca_copy2 {
    display: block;
    color: #fff;
    text-align: center;
    margin: 0% auto 0% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 2.5vw;
    line-height: 1.9; 
    width: 90%;
    padding: 3% 0%;
}


.loca_text {
    width: 100%;
    height: auto;
    color: #fff;
    text-align: center;
    margin: 0% auto 3% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.5vw;
    line-height: 1.8; 
    padding: 0% 0%;
}


.loca_box {
    width: 100%;
    height: auto;
    color: #000;
    text-align: center;
    margin: 3% auto 0% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.0rem;
    line-height: 1.8; 
    padding: 0% 3%;
    gap: 1%;
}
.loca_item1 {
    width: 50%;
    height: auto;
    font-size: 1.5rem;
    line-height: 1.6;
    background-color: #DAD4CA;
    text-align: center;
    padding: 12% 0;
}

.loca_item2 {
    width: 50%;
    height: auto;
    font-size: 1.0rem;
    line-height: 1.6;
    background-color: #e6e6e6;
    text-align: center;
}

.loca_item3 {
    width: 33%;
    height: auto;
    background-color: #fff;
    text-align: center;
}

/*1*/
.loca_reco {
    display: block;
    color: #000;
    text-align: center;
    margin: 0% auto 3% auto;
    font-size: 2rem;
    background-color: #8C7356;
    width: 100%;
    padding: 0% 0;
}

.loca_reco_box {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 90%;
    height: auto;
    color: #fff;
    text-align: center;
    margin: 1% auto 0% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.0rem;
    line-height: 1.8; 
    padding: 0% 0%;
}
.loca_reco_item1 {
    width: 95%;
    height: auto;
    font-size: 1.1vw;
    line-height: 1.6;
}

.loca_reco_item2 {
    width: 49%;
    height: auto;
    font-size: 1.2vw;
    line-height: 1.6;
}


.loca_reco_item2 p:nth-child(2) {
    font-size: 1.1vw;
    margin: 2% auto 0rem auto;
    width: 100%;
    text-align: left;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
}


.loca_reco_item2 p:nth-child(3) {
    font-size: 1vw;
    margin: 0rem auto 0rem auto;
    width: 100%;
    text-align: left;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


.loca_reco_item3 {
    font-size: 1.1vw;
    margin: 0rem auto 0rem auto;
    width: 100%;
    text-align: left;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
}


.loca_reco_item4 {
    width: 49%;
    height: auto;
    font-size: 1.2vw;
    line-height: 1.6;
    padding-bottom: 2%;
}


.loca_reco_item4 p:nth-child(2) {
    font-size: 1.1vw;
    margin: 2% auto 0rem auto;
    width: 100%;
    text-align: left;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
}


.loca_reco_item4 p:nth-child(3) {
    font-size: 1vw;
    margin: 0rem auto 0rem auto;
    width: 100%;
    text-align: left;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*2*/
.loca_reco2 {
    display: block;
    color: #000;
    text-align: center;
    margin: 0% auto 0% auto;
    font-size: 2rem;
    background-color: #EFECE6;
    width: 100%;
    padding: 0% 0;
}

.loca_reco2_box {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 92.5%;
    height: auto;
    color: #000;
    text-align: center;
    margin: 1.5% auto 0% 0%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.0rem;
    line-height: 1.8; 
    padding: 0% 0%;
}
.loca_reco2_item1 {
    width: 45%;
    height: auto;
    font-size: 1.2vw;
    line-height: 1.6;
}

.loca_reco2_item2 {
    width: 53%;
    height: auto;
    font-size: 1.2vw;
    line-height: 1.6;
}

.loca_reco2_item1 p:nth-child(2) {
    font-size: 1.1vw;
    margin: 2% auto 0rem auto;
    width: 100%;
    text-align: left;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
}


.loca_reco2_item1 p:nth-child(3) {
    font-size: 1vw;
    margin: 0rem auto 0rem auto;
    width: 100%;
    text-align: left;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


/*3*/

.loca_reco3_box {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 85%;
    height: auto;
    color: #000;
    text-align: center;
    margin: 1.5% auto 0% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.0rem;
    line-height: 1.8; 
    padding: 0% 0%;
}
.loca_reco3_item1 {
    width: 49%;
    height: auto;
    font-size: 1.2vw;
    line-height: 1.6;
}

.loca_reco3_item1 p:nth-child(2) {
    font-size: 1.1vw;
    margin: 2% auto 0rem auto;
    width: 100%;
    text-align: left;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
}


.loca_reco3_item1 p:nth-child(3) {
    font-size: 1vw;
    margin: 0rem auto 0rem auto;
    width: 100%;
    text-align: left;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.loca_reco3_item2 {
    width: 49%;
    height: auto;
    font-size: 1.2vw;
    line-height: 1.6;
}

.loca_reco3_item2 p:nth-child(2) {
    font-size: 1.1vw;
    margin: 2% auto 0rem auto;
    width: 100%;
    text-align: left;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
}


.loca_reco3_item2 p:nth-child(3) {
    font-size: 1vw;
    margin: 0rem auto 0rem auto;
    width: 100%;
    text-align: left;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*4*/

.loca_reco4 {
    display: block;
	width: 100%;
	height: auto;
	margin: auto;
	padding: 4rem 0 3rem 0;
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    background-color: #8C7356;
}
.loca_reco4_catch{
	font-size: 2rem;
	text-align: center;
	margin-bottom: 3rem;
}

.loca_reco4_box {
    display: flex;
    justify-content: center;
	width: 80%;
	margin: 0 auto;
	max-width: 1200px;
	min-width: 1000px;
}
.loca_reco4_item1 {
	flex-grow: 1;
    width: fit-content;
    height: auto;
    font-size: 0.9rem;
    line-height: 1.7;
}

.loca_reco4_item1 p:first-child{
    font-size: 1.7rem;
    margin: 0.5rem 0 0.7rem 0;
}

.loca_reco4_item2 {
    flex-grow: 1;
	max-width: 57%;
    height: auto;
}
.loca_reco4_item2 p{
    font-size: 0.8rem;
	text-align: right;
	padding-top: 0.5rem;
}

/* 近隣施設ページ  */
.info_container {
    margin: 0 auto;
    width: 100%;
    background-color: #EFECE6;
    column-count: 2;
    column-gap: 1%;
}
.info_container_item01 {          /* 見出し1_グレー左  */
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    background-color: #EFECE6;
    margin-bottom: 5%;
    padding-bottom: 0%;
    text-align: center;
}
.info_container_item01 p {
    background-color: #EFECE6;
    line-height: 1.5;
}


.info_container_item01 p:nth-child(2) {
    font-size: 1.1vw;
    margin: 1.5% auto 0rem auto;
    width: 90%;
    text-align: left;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
}

.info_container_item01 p:nth-child(3) {
    font-size: 1vw;
    margin: 0.5rem auto 1.5rem auto;
    width: 90%;
    text-align: left;
}
.info_container_item01 img {
    margin-bottom: 0%;
}


.info_container_item05 {          /* 見出し1_グレー左  */
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    background-color: #EFECE6;
    margin-bottom: 5%;
    padding-bottom: 0%;
    text-align: center;
}
.info_container_item05 p {
    background-color: #EFECE6;
    line-height: 1.5;
}

.info_container_item05 p:nth-child(2) {
    font-size: 1.1vw;
    margin: 1.5% auto 0rem auto;
    width: 90%;
    text-align: left;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
}

.info_container_item05 p:nth-child(3) {
    font-size: 1vw;
    margin: 0.5rem auto 0rem auto;
    width: 90%;
    text-align: left;
}
.info_container_item05 img {
    margin-bottom: 0%;
}



.info_container_item02 {          /* 見出し2_グレー右  */
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    background-color: #EFECE6;
    margin-bottom: 5%;
    padding-bottom: 0%;
    text-align: center;
}
.info_container_item02 p {
    background-color: #EFECE6;
    line-height: 1.5;
}


.info_container_item02 p:nth-child(2) {
    font-size: 1.1vw;
    margin: 1.5% auto 0rem auto;
    width: 90%;
    text-align: left;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
}

.info_container_item02 p:nth-child(3) {
    font-size: 1vw;
    margin: 0.5rem auto 0rem auto;
    width: 90%;
    text-align: left;
}
.info_container_item02 img {
    margin-bottom: 0%;
}


.info_container_item06 {          /* 見出し2_グレー右  */
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    background-color: #EFECE6;
    margin-bottom: 0%;
    padding-bottom: 6%;
    text-align: center;
}
.info_container_item06 p {
    background-color: #EFECE6;
    line-height: 1.5;
}



.info_container_item06 p:nth-child(2) {
    font-size: 1.1vw;
    margin: 1.5% auto 0rem auto;
    width: 90%;
    text-align: left;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
}

.info_container_item06 p:nth-child(3) {
    font-size: 1vw;
    margin: 0.5rem auto 0rem auto;
    width: 90%;
    text-align: left;
}

.info_container_item03 {          /* 見出し3_茶色左  */
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    background-color: #8C7356;
    margin-bottom: 5%;
    padding-bottom: 0%;
    text-align: center;
    color: #fff;
}
.info_container_item03 p {
    background-color: #8C7356;
    line-height: 1.5;
}

.info_container_item03 p:nth-child(n+2) {
    font-size: 1.1vw;
    margin: 0.5rem auto 1rem auto;
    width: 70%;
    text-align: left;
}
.info_container_item03 img {
    margin-bottom: 0%;
}

.info_container_item04 {          /* 見出し4_茶色右  */
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    background-color: #8C7356;
    margin-bottom: 5%;
    padding-bottom: 0%;
    text-align: center;
}
.info_container_item04 p {
    background-color: #8C7356;
    line-height: 1.5;
}

.info_container_item04 p:nth-child(2n+1) {
    font-size: 1rem;
    display: inline-block;
    padding-bottom: 3%;
}

.info_container_item04 p:nth-child(2) {
    font-size: 1.2rem;
    display: inline-block;
}
.info_container_item04 p:nth-child(3) {
    font-size: 0.9rem;
    margin: 0.5rem auto 1rem auto;
    width: 90%;
    text-align: left;
}
.info_container_item04 img {
    margin-bottom: 3%;
}



/* 近隣施設ページ end */

/*まちの紹介 end */


/*トップページ　バナーエリア  */
.bg_gray {
    width: 100%;
    height: auto;
    padding: 3rem 0;
    background-color: #EFECE6;
    text-align: center;
}

.bg_white {
    width: 100%;
    height: auto;
    padding: 3rem 0;
    background-color: #fff;
    text-align: center;
}

.bn_bukken {
    width: 80%;
    height: auto;
    margin: 0 auto;
    background-color: #D4C2A1;
}
.bn_bukken a {
    margin: 1rem auto;
    padding: 0.5rem 0;
    font-size: 1.2rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #000;
    text-align: center;
}
.bn_bukken a{display: block;}
.bn_bukken a:link { color: #000; }
.bn_bukken a:visited { color: #000; }
.bn_bukken a:hover {     
    color: #000; 
    opacity: 0.6;
    transition: 1.0s ; 
}
.bn_bukken a:active { color: #000; }

/*トップページ　バナーエリア end */

/*ページタイトル */
.page_title_ph1 {
    display: block;
    color: #fff;
    text-align: center;
    margin: 10% auto 2% auto;
    font-size: 1.5rem;
    border-bottom: 1px solid #666;
    background-image: url("../img/kukaku_bg.jpg")
}

.page_title {
    display: inline-block;
    color: #666;
    text-align: center;
    margin: 10% auto 2% auto;
    font-size: 1.5rem;
    border-bottom: 1px solid #666;
}


.page_title_s {
    position:relative;
    width: 10rem;
    height: auto;
    color: #000;
    text-align: center;    
    margin: 1% auto 2% auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.6rem;
}

.page_title_s2 {
    position:relative;
    width: 80%;
    height: auto;
    color: #fff;
    text-align: center;    
    margin: 8% auto 0% auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1.7rem;
    background-color: #E2919E;
}

/*ページタイトル end */





/*アクセス */
.access_title {
    display: block;
    color: #fff;
    text-align: center;
    margin: 5% auto 0% auto;
    font-size: 2rem;
    background-color: #CCA467;
    width: 100%;
    padding: 1.5% 0;
}
.simu {
    color: #fff;
    text-align: center;
    margin: 5% auto 0% auto;
    font-size: 2rem;
    width: 100%;
    padding: 1.5% 0;
}

.simu img {
    text-align: center;
    margin: 5% auto 0% auto;
    padding: 1.5% 0;
}



.station {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 2% auto;
}
.station_item {
    width: 48%;
    height: auto;
    font-size: 1.3vw;
    line-height: 1.2;
}

.station_item2 {
    width: 48%;
    height: auto;
    font-size: 1.3vw;
    line-height: 1.2;
}

.station2 {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 80%;
    height: auto;
    margin: 2% auto;
}
.station2_item {
    width: 48%;
    height: auto;
    font-size: 1.3vw;
    line-height: 1.2;
}
.station2_item2 {
    width: 48%;
    height: auto;
    font-size: 1.3vw;
    line-height: 1.2;
    padding-top: 10%;
}

.station3 {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 80%;
    height: auto;
    margin: 2% auto;
}
.station3_item {
    width: 48%;
    height: auto;
    font-size: 1.3vw;
    line-height: 1.2;
}
.station3_item2 {
    width: 48%;
    height: auto;
    font-size: 1.3vw;
    line-height: 1.2;
    padding-top: 10%;
}



.station_copy {
    width: 38%;
    height: auto;
    margin: 6% 0% 0% 10%;
    background-color: #e6e6e6;
}

.station02 {
    width: 100%;
    height: auto;
    margin: 0% 10%;
}

.access_container {
    margin: 0 auto;
    width: 70%;
    background-color: #fff;
    column-count: 2;
    column-gap: 1%;
    margin: 0 0 0 20%;
}
.access_container_item01 {          /* 見出し1_左  */
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    background-color: #fff;
    margin-bottom: 5%;
    padding-bottom: 0%;
    text-align: left;
}
.access_container_item01 p {
    background-color: #fff;
    line-height: 1.5;
    border-left: solid 10px;
    border-image: linear-gradient(0deg,#5E6281 0%,#5E6281 80%,#fff 80%,#fff 100%);
	border-image-slice: 1;
    padding: 2% 3%;
    margin: 1% auto;
}



.access_container_item01 img {
    margin-bottom: 0%;
}

.access_container_item02 {          /* 見出し2_右  */
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    background-color: #fff;
    margin-bottom: 5%;
    padding-bottom: 0%;
    text-align: left;
}
.access_container_item02 p {
    background-color: #fff;
    line-height: 1.5;
    border-left: solid 10px;
    border-image: linear-gradient(0deg,#5E6281 0%,#5E6281 80%,#fff 80%,#fff 100%);
	border-image-slice: 1;
    padding: 2% 3%;
    margin: 1% auto;
}

.access_container_item02 img {
    margin-top: 3%;
}

.ekimei {
	font-size: 2vw;
	line-height: 1.5;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.funsuu {
	font-size: 3vw;
	line-height: 1.5;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.access_copy {

    display: block;
    color: #000;
    text-align: left;
    margin: 0% auto 0% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.0vw;
    line-height: 1.8; 
    width: 70%;
}

.access_img {
    margin: 0% auto;
    width: 70%;
	padding-left: 5%
}

.map_midashi {
	margin: 0% auto;
    width: 70%;
	padding: 3rem 0 0.5rem 0;
	font-size: 1.2rem;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
	text-align: left;
	color:#000;
}

.map_img {
	text-align: center;
}

/*アクセス end */

/* 区画図  */
.kukakuzu_title {
    display: block;
    color: #fff;
    text-align: center;
    margin: 5% auto 0% auto;
    font-size: 2rem;
    background-color: #CCA467;
    width: 100%;
    padding: 1.5% 0;
}

.kukakuzu_copy {
    display: block;
    color: #000;
    text-align: center;
    margin: 0% auto 4% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 2vw;
    line-height: 1.8; 
    padding-top: 3%;
}

.kukakuzu_text1 {
    display: block;
    color: #000;
    text-align: left;
    margin: 0% auto 4% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 2.3vw;
    line-height: 1.8; 
    padding-top: 3%;
}

.kukakuzu_text2 {
    display: block;
    color: #000;
    text-align: left;
    margin: 0% auto 4% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.2vw;
    line-height: 1.8; 
    padding-top: 3%;

}



.kakaku {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 2% auto 0% auto;
    background-color: #8C7356;
}
.kakaku_item {
    width: 48%;
    height: auto;
    font-size: 1.3vw;
    line-height: 1.2;
}

.kakaku_item2 {
    width: 25%;
    height: auto;
    font-size: 1.3vw;
    line-height: 1.2;
    margin: auto 10% auto auto;
}

.kakaku_item img {
    width: 75%;
    height: auto;
}


.kakaku02 {
    width: 100%;
    height: auto;
    margin: 0% auto;
    background-color: #F0E4D1;
}


.kakaku_box {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 60%;
    height: auto;
    color: #000;
    text-align: center;
    margin: 0% auto 0% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.5vw;
    line-height: 1.4; 
    padding: 0% 3%;
    gap: 1%;
}
.kakaku_box_item1 {
    width: 100%;
    height: auto;
    text-align: center;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    margin: 2% 0%;
    padding: 0 10%;
}

.kakaku_box_item2 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 2% 0%;
    padding: 0 10%;
}

.kakaku_box_item3 {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 2% 0%;
    padding: 0 10%;
}

.kakaku_box a:link {color: #000;}
.kakaku_box a:visited {color: #000;}
.kakaku_box a:hover {color: #999;}
.kakaku_box a:active {color: #999;}

.kukakuzu {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 90%;
    height: auto;
    margin: 2% auto;
}
.kukakuzu_item {
    width: 48%;
    height: auto;
    font-size: 1.3vw;
    line-height: 1.2;
}



.kukakuzu_item2 {
    width: 50%;
    height: auto;
    font-size: 1.3vw;
    line-height: 1.2;
    margin: 7% 2% 7% 8%;
}

.genchi {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 70%;
    height: auto;
    margin: 2% auto;
}

.genchi_item {
    width: 48%;
    height: auto;
    margin: 0% 1%;
}

.genchi_item2 {
    width: 48%;
    height: auto;
    margin: 0% 1%;
}

.genchi2 {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 70%;
    height: auto;
    margin: 2% auto 20% auto;
}
.genchi2_item {
    width: 48%;
    height: auto;
    margin: 0% 1%;
}

.genchi2_item2 {
    width: 48%;
    height: auto;
    margin: 0% 1%;
}


.genchi3 {
    width: 70%;
    height: auto;
    margin: 2% auto;
}

.genchi3_item {
    width: 48%;
    height: auto;
    margin: 0% 1%;
}
/* 区画図 end */

/* 区画図　価格表 */
table {
    border-collapse: collapse;
	margin: 2% auto 0% auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    color:#333;
    width: 40%;
}
table caption {
    text-align: left;
	font-size: 1rem;
	color:#000;
	margin: 5px 0;
	line-height: 1.5;
    caption-side: top;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 100;
}

.table1 {
    margin: 2% auto 10% 5%;
}

.table1 th {
    background-color: #F0E4D1;
	font-size: 0.8rem;
}
.table1 thead:nth-child(2n) {
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
}

.table1 td:nth-child(2n) {
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
}

.table1 tr {
    border-bottom: solid 1px #aaaaaa;
}
/*.table1 tbody tr td:nth-child(1) {
    background-color: #cae4c3;
}
*/

.table2 {
    margin: 2% auto 10% auto;
}

.table2 th {
    background-color: #ddd;
	font-size: 0.8rem;
}
.table2 tr:nth-child(2n) {
    background-color: #eeeeee;
}
.table2 tr {
    border-bottom: solid 1px #aaaaaa;
}
/*.table2 tbody tr td:nth-child(1) {
    background-color: #fde492;
}*/

td,th {
    text-align: center;
    vertical-align: middle;
	padding: 0.4rem 2.5vw;
	white-space: nowrap;
    background-color: #F0E4D1;
}

.table1 tbody tr td:nth-child(1){
	background-color: #F0E4D1;
}

.table1 tbody tr td:nth-child(2){
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #aaaaaa;
}

.table2 tbody tr td:nth-child(1){
	background-color: #FFF9B1;
}

.table3 tbody tr td:nth-child(1){
	background-color: #CBE3B9;
}

.table4 tbody tr td:nth-child(1){
	background-color: #C7E8FA;
}

/* 区画図　価格表 end */

/* 参考プランページ */
.pers_box {
	display: flex;
	flex-wrap:wrap;
    width: 100%;
	height: auto;
	margin: 3rem auto;
}
.pers_box_item {
	position: relative;
	width: 50%;
	height: auto;
}
.pers_box_item figure{
}
.pers_box_item figcaption{
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 0.2rem 0.2rem 0.2rem 0.5rem;
    font-size: 0.8rem;
	color: #fff;
	background: linear-gradient(to right, rgba(100, 100, 100, 0.8), rgba(255, 255, 255, 0));
}

.plan_midashi {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.5rem;
    line-height: 1.8; 
}
.plan_text {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.1rem;
    line-height: 1.7;
	margin: 1rem auto;
}
.plan_shouhin {
	display: inline-block;
	padding: 0.5rem 1rem;
	margin: 1rem auto;
	font-size: 1rem;
	border: thin solid;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.plan_cap1 {
	display: block;
	width: 90%;
	max-width: 900px;
	height: auto;
	padding: 1rem;
	margin: 1rem auto;
	text-align: left;
	border: thin solid;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 0.8rem;
    line-height: 1.5; 
}
.plan_cap2 {
	width: 90%;
	max-width: 900px;
	height: auto;
	margin: 1rem auto;
	text-align: left;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 0.8rem;
    line-height: 1.5; 
}
/* 参考プランページ end */

/* 住まいづくり　ライフニットデザイン */
.sumai-logo img {
    max-width: 500px;
}
.bn_link {
    width: 70%;
    max-width: 1400px;
    height: auto;
    margin: 2rem auto 1rem auto;
    padding: 1rem 0;
    font-size: 1rem;
    color: #fff;
    background-color: #595757;
    text-align: center;
}
.bn_link a{display: block;}
.bn_link a:link { color: #fff; }
.bn_link a:visited { color: #fff; }
.bn_link a:hover {     
    color: #fff; 
    opacity: 0.6;
    transition: 1.0s ; 
}
.bn_link a:active { color: #fff; }
.catch_lkd {
	font-size: 1.5rem;
	line-height: 1.7;
	text-align: center;
    padding: 3rem 1rem 0 1rem;
}
.copy_lkd {
	font-size: 0.9rem;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
    color:#333;
	line-height: 2;
    letter-spacing: 0.2em;
	text-align: center;
    padding: 1rem 0 2rem 0;
}
.caption_lkd {
	font-size: 0.8rem;
	line-height: 1.2;
	text-align: center;
    padding: 1rem;
}
/* 住まいづくり　ライフニットデザイン end */

/* 住まいづくり　スライドパネル */
.panel_area {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.panel {

}
.panel li {
    list-style: none;
}
.panel .inner {
    display: none;
}
.panel p{
    cursor: pointer;
}
.bn_panel :hover{
    opacity: 0.9;
}
.panel .inner li{
    width: 80%;
    height: auto;
    position: relative;
    margin: 0 auto;
}
.panel .inner li .close{

}
.panel .inner li.panel_content {
    
}
/* 住まいづくり　スライドパネル end */

/* 住まいづくりページ */
.quality_title {
    display: block;
    color: #fff;
    text-align: center;
    margin: 5% auto 0% auto;
    font-size: 2rem;
    background-color: #CCA467;
    width: 100%;
    padding: 1.5% 0;
}

.sumai_box {
    display: flex;
    flex-diretion: row;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin: 5% auto 0% auto;
}
.sumai_box p {
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    color: #1e485e;
    margin-bottom: 0.5rem;
    line-height: 1.5;
    text-align: left;
}
.sumai_box a {
    font-size: 1rem;
    margin-top: 1rem;
    line-height: 1.5;
}
.sumai_box_item01 {
    flex-basis:45%;
}
.sumai_box_item02 {
    flex-basis:50%;
}
.sumai_box_bn {
    width: 30%;
    height: auto;
    margin: 3% auto 8% auto;
    padding: 0.5rem 0;
    font-size: 1.5vw;
    color: #fff;
    background-color: #83ccd3;
    text-align: center;
    font-family: 'ＭＳ Ｐゴシック','Osaka','MS PGothic',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana, sans-serif;
}
.sumai_box_bn:hover {
    opacity: 0.8;
}
.sumai_box_bn a {
    display: block;
}
.sumai_box_bn a:link {color: #fff;}
.sumai_box_bn a:visited {color: #fff;}
.sumai_box_bn a:hover {color: #fff;}
.sumai_box_bn a:active {color: #fff;}

.sumai_box_close {
    width:40px;
    height:40px;
    margin: 3% auto 8% auto;
    font-size: 1rem;
    color: #fff;
    background-color: #83ccd3;
    border-radius: 40px;
    text-align: center;
    line-height: 40px;
}
/* 住まいづくりページ end */

/* テキスト */
.copy1 {
    width: 80%;
	font-size: 1rem;
	line-height: 1.5;
	margin: 5px auto;
	text-align: center;
}
.copy2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2rem;
	line-height: 1.5;
	text-align: center;
}
.copy3 {
    width: 80%;
	font-size: 1.5rem;
	line-height: 1.5;
	margin: 3% auto;
	text-align: center;
    border-bottom: 1.8px solid;
    padding-bottom: 1%;

}

.caption1 {
    width: 90%;
	margin: 3% auto 0% 7.5%;
	font-size: 1vw;
	line-height: 1.5;
	text-align: left;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-bottom: 5%;
}
.caption2 {
    width: 70%;
	margin: 3% auto 0% 20%;
	font-size: 1vw;
	line-height: 1.5;
	text-align: left;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-bottom: 3%;
}
.caption3 {
    width: 90%;
	margin: 1% auto 3% auto;
	font-size: 0.8rem;
	line-height: 1.3;
	text-align: left;
}
.caption4 {
    width: 100%;
	margin: 1rem auto 2rem auto;
	font-size: 0.8rem;
	line-height: 1.3;
	text-align: left;
}
.caption5 {
    width: 100%;
	margin: 1rem auto 2rem auto;
	font-size: 0.8rem;
	line-height: 1.3;
	text-align: center;
    color: #fff;
}
.caption6 {
    width: 60%;
	margin: 0 auto 2rem auto;
	font-size: 0.8rem;
	line-height: 1.3;
	text-align: left;
}

/* テキスト end */