@charset "UTF-8";
.hover_alpha {
  transition: all 0.2s;
}
.hover_alpha:hover {
  opacity: 0.7;
}


#ippan .cmn_local_heading_main{
 font-size: 1.6rem!important;
 line-height: 1.4!important;
 padding: 0.5rem 0 0 0!important;
}
 #ippan h2{
  background: #00a199;
  color: #fff;
  font-size: 1.3rem;
 }

 #ippan h2 small{
	font-size: 80%;	
}

 #ippan h3{
  text-align: center;
  padding: 1rem 0 1rem 0;
  font-size: 1.3rem;
  font-weight: bold;
}

.modelh3{
 background: #e2f2f1!important;
 border-bottom: 2px solid #2386c7!important;
 border-top: 2px solid #2386c7!important;
 color: #2386c7!important;
 margin: 60px 0 0 0;
}

 #ippan h4{
  text-align: center;
  padding: 1rem 0 1rem 0;
  font-size: 1.3rem;
  font-weight: bold;
    background: #2489c6;
  color: #fff;
}


 #ippan h5{
  text-align: center;
  padding: 0.8rem 0 0.8rem 0;
  font-size: 1.2rem;
  font-weight: bold;
    background: #e1f1f0;
  color: #2385c6;
  margin: 0 0 1rem 0;
}

#ippan .about{
 background: #f7f7f7;
 padding: 2rem;
}

#ippan p{
 text-align: left;
 padding: 1rem 0;
 line-height: 1.8;
}

.bgW{
background: #fff;
 box-sizing: border-box;
 padding: 2rem;
 margin: 0 0 2rem 0;
}

.bgGray{
background: #f3f3f4;
 box-sizing: border-box;
 padding: 2rem 0 2rem 0;

}

.greenSF{
 color: #00a199;
 font-weight: bold;
 font-size: 1.2rem;
}
.fontL{
 font-size: 1.4rem!important;
}

.textCenter{
 text-align: center!important;
 display: block;
}


 .img100 img{
  width: 100%;
 }

.takuchiImg{
 margin: 0 auto;
 text-align: center;
 display: block;
}

.takuchiImg img{
 width: auto;

}

.ac{
display: block;
cursor: pointer;
}

table.TakuchiList {
display: none;
  margin: 0;
  padding: 0;
  border: 1px solid #c7c7c7;
  font-size: 1rem;
  border-collapse: collapse;
  width: 100%;
  line-height: 1.6;
 }

 table.TakuchiList th {
    background: #eeeeef;
    box-sizing: border-box;
    padding: 5px 5px;
    text-align: center;
    border: 1px solid #bdbdbd;
  }

 table.TakuchiList td {
    border-right: 1px solid #bdbdbd;
    padding: 10px;
    box-sizing: border-box;
    white-space: nowrap;
  text-align: center;
  }

 table.TakuchiList tr:nth-child(odd) {
    background: #d5edfa !important;
  }

.siryoBtn{
 display: flex;
}

.siryoBtn a{
 width: 45%;
 background: #fff;
}

.jigyosyaBox{
 border: 2px solid #a38a77;
 border-radius: 5px;
 box-sizing: border-box;
 margin: 2rem 0;
}


.jigyosyaBox .tit{
background: #a38a77;
 box-sizing:border-box;
 padding: 1rem 2rem;
 text-align: center;
 font-size: 1.2rem;
 color: #fff;
}
.jigyosyaBox .tit strong{
 font-size: 1.2em;
}

.jigyosyaBox .tit span{
 font-size: 0.8em;
}

.jigyosyaBox .cont{
 padding: 2rem;
 text-align: center;

}

.jigyosyaBox .cont p{
  font-size: 1.2rem;
 font-weight: bold;
 display:block;
 padding: 0rem 0 0.5rem 0!important;
 text-align: center!important;
 margin: 0;
 line-height: 1.5;
}

.jigyosyaBox .cont a{
 color:#a38a77;
 display: block;
 margin: 1rem 0 0 0;
}

.jigyosyaBox .cont a:hover{
 text-decoration: underline;
}

.bpBox{
 background: #fff;
 box-sizing: border-box;
 padding: 1rem 3rem;
 margin: 40px 0;
}

.bpBoxName{
 display: flex;
 margin: 0 0 1rem 0;
 align-items:center;
}

.bpBoxName img{
 width: 90px;
 height: auto;
}

.bpBoxName p{
 padding: 0 1rem!important;
 font-size: 1.2rem;
 line-height: 1.6!important;
 font-weight: bold;
 display: inline-block;

}

.bpBoxName p strong{
 display: block;
  font-size: 1.2em;
}

.bpBoxName p span{
 font-size: 0.9em;
 color: rgba(116,116,116,1.00);
}

.bpBoxPh{
  display: flex;
 width: 100%;
}

.bpBoxPh img{
 width: 33.33%;
}

.bpBoxDe{
  display: flex;
 align-items: flex-start;
 justify-content:space-between;
 margin: 1rem 0;
}

.bpBoxDeTxt{
   display: flex;
 flex-direction:column;
 width: 65%;
}

.bpBoxDeLink{
 display: block;
 background:#efefef;
  margin: 0rem 0;
 padding: 2rem;
 font-weight: bold;
}

.bpBoxDeTxtBox{
  display: flex;
 width: 100%;
 justify-content: space-between;
 margin: 0rem 0 1rem 0;
 align-items: flex-start;
}

.bpBoxDeTxtBox .tit{
 width: 30%;
 border: 1px solid rgba(73,73,73,1.00);
 box-sizing: border-box;
 padding: 1rem 1.5rem;
 text-align: center;

}

.bpBoxDeTxtBox .cont{
 width: 65%;
 font-size: 0.9rem;
}


.bpBoxDeTxtBox .cont strong{
 display: block;
 font-size: 1.6rem;
 font-weight: bold;
}
.bpBoxDeTxtBox .cont2{
 width: 65%;
  display: flex;
}

.bpBoxDeTxtBox .cont2 img{
 width: 33%;
}

.mpBox{
 border-bottom: 1px solid #248ac7;
 padding: 40px 0;
}

.mpBox .phBox{
 display: flex;
  justify-content: space-between;
 margin: 2rem 0;
}

.mpBox .phBox img{
 margin: 0 1rem;
}

.mpBoxTxt{
 display: flex;
 justify-content: space-between;
}

.mpBoxTxt .tit{
 width: 30%;
  display: flex;
 flex-direction: column;
}

.mpBoxTxt .tit .top{
 background: #00a29a;
 text-align: center;
 padding: 2rem;
 font-size: 1.3rem;
 color: #fff;
 width: 100%;
}

.mpBoxTxt .tit .btm{
 box-sizing: border-box;
 border: 1px solid #00a29a;
 text-align: center;
 padding: 2rem 0;

}

.mpBoxTxt .text{
 width: 65%;
}

.mpBoxTxt .text .gaiyo{
 background: #f7f8f8;
 box-sizing: border-box;
 padding:1rem 0.5rem;
 font-size: 0.9rem;
 line-height: 1.6;
 display: flex;
 justify-content: space-between;
}

.mpBoxTxt .text .gaiyo table{
 width: 48%;

}

.mpBoxTxt .text .gaiyo table tr{
  vertical-align: top!important;
 text-align: left;

}

.mpBoxTxt .text .gaiyo table th{
 padding: 0 0.1rem 0 0;

}

.mpBoxTxt .text h4{

 background: none!important;
 color: #333!important;
 font-size: 1.6rem!important;
 text-align: left!important;
 line-height: 1.5!important;
 font-weight: bold!important;
}


.linkgreen{
   color: #00a199!important;
   text-align: right;
   display: block;
   font-size: 0.9rem!important;
   padding: 1rem 0 1rem 0;
}
.linkgreen:hover{
  text-decoration:underline;
}

.jigyoList{
  display: flex;
  flex-wrap: wrap;
  margin: 1rem 0 4rem 0;
  justify-content: center;
  align-items: baseline;
}

.jigyoList .list{
width: 25%;
margin:1rem;
text-align: center;
}



.jigyoList .list p{
  text-align: center!important;
font-size: 0.9rem!important;
line-height: 1.5!important;
padding: 0.5rem 0!important;
}

.mpList{
  display: flex;
  flex-wrap: wrap;
  justify-content:space-between;
  margin: 1rem 0;
}

.mpList .mpListBox{
width: 30%;
border: 1px solid #d6d6d6;
box-sizing: border-box;
padding: 0.5rem 1rem;
text-align: center!important;
}

.mpList .mpListBox p{
font-size: 0.9rem!important;
line-height: 1.8;
padding: 0 0 0.5rem 0;
text-align: center!important;
}

.mpList .mpListBox img{
  width: 100%;
}

.greenSF small{
  font-size: 60%;
}

/*モデルプラン一覧*/
.mplistBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 40px 0;
}

.mplistBox .contBox{
	width: 49%;
	border: 2px solid #C4C4C4;
	margin: 0 0 2% 0;
}

.contBox3{
		width: 31%!important;
}




.mplistBox .contBox .numBox{
	display: flex;
	align-items: stretch;
}

.mplistBox .contBox .numBox .num{
	background: #2b9f96;
	padding: 10px;
	    display: inline-flex;
    align-items: center;
}

.mplistBox .contBox .numBox .num img{
	width: 100%;
}

.contBox3 .numBox .num{
	width: 25%;
}


.mplistBox .contBox .numBox .txt{
	padding: 10px 0;
}

.mplistBox .contBox .numBox .txt p{
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0 0 0.1rem 1rem!important;
	line-height: 1.5!important;
}

.contBox3 .txt p{
		font-size: 1.0rem!important;
}


.mplistBox .contBox .numBox .txt strong{
	font-family: source-han-serif-japanese, serif;
font-weight: 400;
font-style: normal;
		font-size: 1.6rem;
	display: inline-flex;
	align-items: center;
		padding: 0 1rem!important;
}



.mplistBox .contBox .numBox .txt strong span{
	padding: 0 0.5rem 0 0;
}

.mplistBox .contBox .numBox .txt strong sup{
		font-size: 0.8rem;
}


.mplistBox .contBox .tltBox{
	padding: 20px 20px;
	text-align: center;
}

.mplistBox .contBox .tltBox img{
	width: 100%;
}

.mplistBox .contBox .tltBox strong{
		font-family: source-han-serif-japanese, serif;
font-weight: 700;
font-style: normal;
		font-size: 1.4rem;
	padding: 0 0 10px 0;
	display: inline-block;
}

.contBox3 .tltBox strong{
			font-size: 1.2rem!important;
}


.contBox4{
		width: 24%!important;
}
.contBox4 .numBox .num{
	width: 20%!important;
	padding: 0 2px!important;
	height: 80px!important;
}

.contBox4 .numBox{
	align-items: flex-start!important;
}

.contBox4 .txt{
	width: 80%!important;
}

.contBox4 .txt p{
		font-size:0.8rem!important;
}

.contBox4 .numBox .txt strong{
		font-size: 1.3rem!important;
	display: inline!important;
		padding: 0.5rem 0.5rem 0 0.5rem!important;
}

.contBox4 .numBox .txt strong sup{
font-size: 0.8rem;
	line-height: 1.5!important;
	display: block;
	padding: 0 0.5rem;
}

.contBox4 .tltBox{
	padding: 0 10px 10px 10px!important;
}

.contBox4 .tltBox strong{
			font-size: 0.9rem!important;
}

.contBox4 .span2{
	font-size: 0.6rem;
	display: inline-block;
		padding: 0 0.5rem!important;
}



.mpDetailMi{
	margin: 20px 0;
}

.mpDetailMi .tlt{
	width: 100%;
	background:#E9E9EA;
	padding: 20px;
	text-align: center;
		font-family: source-han-serif-japanese, serif;
}

.mpDetailMi .tlt .num{
	display: flex;
	justify-content: center;
align-items: center;
	margin: 0 auto;
text-align: center;
}

.mpDetailMi .tlt .num span{
	font-size: 1.4rem;
	line-height: 1.2;
	padding: 0 0.5rem 0 0;
}

.mpDetailMi .tlt .num strong{
		font-size: 3rem;
	font-weight: 700;
}

.mpDetailMi .tlt .name{
			font-size: 3.6rem;
	padding: 1rem 0;
}

.mpDetailMi .fukan{
	margin: 20px 0;
}

.mpDetailMi .fukan img{
	width: 100%;
}

.mpDetailMi p{
	font-size: 1.1rem;
}

.mpDetail{

}

.mpDetail img{
	width: 100%;
	margin: 20px auto;
}

.mpDetail p{
	font-size: 1.1rem;
}

.mpcompany{
	background: #e9e9ea;
	padding: 20px;
	display: flex;
	align-items: center;
	margin: 0 0 40px 0;
}

.mpcompany img{
	width: 20%;
}

.mpcompany p{
	padding: 0 2rem!important;
	display: block;
	font-size: 1.2rem;
}

.mpcompany p strong{
	display: block;
	font-weight: bold;
	font-size: 1.4rem;
}

.mpcompany p span{
	display: inline-block;
	position: relative;
	line-height: 1.5;
	text-indent: 1.8rem;
}

.mpcompany p span::before{
	content: "";
	position: absolute;
	top: 0;
left: 0;
	background: url("../kyobun/images/icon_address.png") no-repeat center center;
	background-size: cover;
	width: 1.5rem;
	height: 1.5rem;
}

.mpDetail .flBox{
	display: flex;
	justify-content: space-between;
	align-content: center;
}

.mpDetail .flBox img{
	width: 48%;
}

.mpDetail .areaName{
	width: 100%;
	display: block;
	margin: 40px 0 0px 0;
	border: 1px solid #525252;
	padding: 10px;
	text-align: center;
	font-size: 1.2rem;
}

.mpDetail .numBox{
	margin: 20px 0;
	padding: 0 0 1rem 0;
	border-bottom: 2px solid #444444;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.mpDetail .numBox .left{
	display: inline-flex;
align-items: center;
	margin: 0 2rem;
}

.mpDetail .numBox .left strong{
	font-size: 4rem;
	padding: 0 0.5rem 0 0;
}

.mpDetail .numBox .left span{
		font-size: 1.0rem;
	line-height: 1.5;
}

.mpDetail .numBox .right{
		display: inline-flex;
	flex-direction: column;
	margin: 0 2rem;
}

.mpDetail .numBox .right .toptxt{
			display: inline-flex;
align-items: center;
}

.mpDetail .numBox .right .toptxt span{
	font-size: 0.9rem;
	line-height: 1.3;
}


.mpDetail .numBox .right .toptxt strong{
		font-size: 3rem;
	padding: 0 0.8rem;
}

.mpDetail .numBox .right .toptxt strong small{
	font-size: 70%;
}

.mpDetail .numBox .right .toptxt p{
		line-height: 1.3!important;
	font-size: 1.2rem;
}

.mpDetail .numBox .right .undertxt{
	font-size: 1.1rem;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
@media (max-width: 1024px) {
	
	.contBox4 .numBox .num{
		padding: 20px 10px!important;
		height: auto!important;
	}
	.contBox4 .tltBox{
		padding: 0px 20px 10px 20px!important;
	}
	.contBox4 .numBox .txt strong{
		padding: 1rem 0.5rem 0 0.5rem!important;
	}
	.contBox4{
		width: 100%!important;
	}
	
	.contBox4 .span2{
		font-size: 0.9rem;
	}
	.pc{
		display: none;
	}
	.sp{
	display: block;
}
	.mpDetail .numBox .left strong{
		font-size: 3rem;
	}
.mpDetail .flBox{
	display: block;

}
	.mpDetail .numBox{
flex-direction: column;
		    align-items: center;
	}

.mpDetail .flBox img{
	width: 100%;
}
	
	.mpDetailMi .tlt .num strong{
		font-size: 2rem;
}
	
	.mpDetailMi .tlt .name{
				font-size: 2.0rem;
	}
	
	.contBox3{
		width: 100%!important;
}
	.contBox3 .tltBox strong{
			font-size: 1.4rem!important;
}
	
.mplistBox .contBox{
	width: 100%;
	}
  .jigyoList .list img{
width: 80%;
  }
  .linkgreen{
text-align: center;
  }
  .bgW{
    padding: 2rem 1rem;
  }
.jigyoList .list{
width: 100%;
margin: 1rem 0.5rem;
}
  .mpList .mpListBox{
width: 100%;
margin: 0 0 1rem 0;
  }
 .bpBoxDeTxtBox .tit{
  padding: 0.5rem;
 }
 .mpBoxTxt .text .gaiyo table{
  width: 100%;
 }
 .mpBoxTxt .text .gaiyo{
 display: block;
      padding: 0 1rem 2rem 2rem;
 }
 .mpBox .phBox{
    flex-direction:column;
 }

  .mpBox .phBox img{
  margin: 0 0 1rem 0;
 }

 .mpBoxTxt .text{
 width: 100%;
 }

 .mpBoxTxt .tit{
  width: 100%;
 }
 .mpBoxTxt{
  flex-direction:column;

 }
 .bpBoxDeTxtBox .cont2{
  flex-wrap: wrap;
 }

 .bpBoxDeTxtBox .cont2 img{
  width: 50%;
 }

 .bpBoxPh img{
  width: 100%;
 }
 .bpBoxDeLink{
  width: 100%;
  text-align: center;
 }
 .bpBox{
  padding: 1rem;
 }
 .bpBoxDe{
   flex-direction: column;
 }
 .bpBoxPh{
  flex-direction: column;
 }
 .bpBoxDeTxt{
  width: 100%;
 }
 .siryoBtn{
  flex-direction:column;
 }
 .siryoBtn a{
 width: 90%;
  margin: 0 auto 2rem;
}

 .img100 img{
  width: 100%;
 }

 table.TakuchiList {
    margin: 0 auto;
    display: block;
    width: 96%;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

 .takuchiImg img{
 width: 100%;

}

}