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

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#333;
	line-height:1.7;
	overflow-x: hidden;
    background-color:#ffffff;
    -webkit-font-smoothing:antialiased;
}

a{
	text-decoration:none;
	color:#333;
}
a:hover{
	opacity:0.8;
}
img {
	max-width:100%;
}
#container{
  max-width: 1000px;
  margin: 0 auto;
  width: 80%;
  margin-top:100px;
}
@media screen and (max-width:1100px) {
}
.container800{
	width:800px;
	margin:0 auto;
}
.container-expand {
	margin-left: -120px;
	margin-right: -120px;
}
@media screen and (max-width:1100px) {
	.container-expand {
		margin-left: 0px;
		margin-right: 0px;
	}
}
@media screen and (max-width:900px) {
	.container800{
		width:95%;
	}
	.container-expand {
		margin-left: -10px;
		margin-right: -10px;
	}
}

.right {
	float: right;
}
.left {
	float: left;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}


.mb-10 {
	margin-bottom: 10px;
}
.mb-15{
	margin-bottom: 15px;
}
.mb-20{
	margin-bottom: 20px;
}


/* element
--------------------------------------------------*/

.table {
	width: 100%;
}
.table th,
.table td{
	border: 1px solid #aaa;
	padding: 10px 15px;
	font-size: 14px;
}
.table th {
	background-color: #f2fdf9;
}
.table th {
	width: 35%;
}





/*--------------------------
共通concept
-------------------------*/
#concept{
  text-align: center;
}

/*--------------------------
共通request
--------------------------*/
#request{
  text-align: center;
  margin: 0 auto;
}

/*--------------------------
ページ説明
-------------------------*/
.pageExplanation h1{
	font-size: 25px;
    line-height: 1.5;
	font-weight:bold;
	margin-bottom:10px;
}
@media screen and (max-width:900px) {
	.pageExplanation h1{
	font-size: 20px;
    line-height: 1.4;
}
}
.pageExplanation02 h1{
	font-size: 25px;
    line-height: 1.8;
	font-weight:bold;
	margin-bottom:10px;
}
@media screen and (max-width:900px) {
	.pageExplanation02 h1{
	font-size: 20px;
    line-height: 1.4;
}
}
.pageExplanation{
	padding: 40px 0 50px;
	text-align: center;
}

/*-------------------------
concept
------------------------*/
.master_plan {
	text-align:  center;
}
/*-------------------------
outline
------------------------*/
#overall table{
  border-collapse:separate;
  border:1px solid #808080;
  border-radius: 15px;
  background-clip: padding-box;
  border-spacing: 0;
  margin-top: 55px;
  margin-bottom: 20px;
  width: 100%;
	font-size: 14px;
	line-height: 1.7;
}

#overall th{
      width: 23%;
    padding: 10px 3%;
}

#overall thead th{
  text-align: center;
  background-color: #56adc3;
  color: #fff;
  padding: 1%;
  border-radius: 10px 10px 0 0;
  font-size: 14px;
}
#overall tbody th{
  font-weight: bold;
}

#overall table tr td{
  padding: 12px 3% 12px 1%;
  border-top: 1px solid #808080;
}
#overall table tr td:first-child {
  border-left: none;
}
#overall table tr:first-child td {
  border-top: none;
}
#overall table tr th{
  border-top: 1px solid #808080;
}
#overall table tr:first-child th {
  border-top: none;
}
#overall table .bt-none{
	border-top:none;
}

#notice h2{
  border: 1px solid #000;
    width: 90px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding-top: 2px;
	margin-bottom: 15px;
	margin-top: 30px;
}
#notice {
  margin-bottom: 40px;
}
#overall .btNone{
	border:none;
}
@media screen and (max-width: 400px){
	#overall th.h25{
		height:25px;
	}
	#overall .sp_btNone{
		border:none;
	}
}



/*-------------------------
location
------------------------*/
.location01,.location02{
	margin-bottom:60px;
}
.location01 .txt{
	width:50%;
}
@media screen and (max-width:850px) {
	.location01 .txt{
		float:none;
		width:100%;
	}
	.location01 .pic{
		float:none;
		width:100%;
		margin-top:20px;
		text-align:center;
	}
}
.location01 .txt h2{
	font-size:20px;
	font-weight:bold;
	margin:5px 0 5px;
	line-height:1.4;
}
.location02 .txt h2{
	font-size:20px;
	font-weight:bold;
	margin:5px 0 5px;
	line-height:1.4;
}
.location02 nav{
	margin-top:20px;
}
.location02 li{
	float:left;
	width:33%;
	margin-right:0.5%;
}
.location02 li.w50{
	width:49%;
}
@media screen and (max-width:600px) {
.location02 li{
    width: 49%;
}
.location02 li.w50{
	width:100%;
}
}
@media screen and (max-width:400px) {
.location02 li{
    width: 100%;
	float:none;
	text-align:center;
}
.location02 li.w50{
	width:100%;
}
}
.location02 li:last-child{
	margin-right:0;
}
@media screen and (max-width:600px) {
	.location02 li:nth-child(2){
	margin-right:0;
}
}

/*-------------------------
access
------------------------*/
.access01{
	margin-bottom:80px;
}
.access01 h1{
	margin-bottom:10px;
}
.access01 a{
	display:block;
	text-align:right;
	text-decoration:underline;
}
.access01 nav{
	margin-top:40px;
}
.access01 li{
	float:left;
	width:25%;
}
@media screen and (max-width:900px) {
	.access01 nav{
    width: 100%;
	margin:40px auto 0;
}
	.access01 li {
    	width: 21%;
	margin-right:5%;
	margin-bottom:10px;
}
	.access01 li:last-child{
	margin-right:0;
}
	.access01 .txt{
		float:none;
	}
	.access01 .pic{
		    float: none;
    text-align: center;
	width: 90%;
	margin:50px auto 0;
	}
	.access01 .txt img{
		width:100%;
	}
}
@media screen and (max-width:530px) {
	.access01 li {
    	width: 47%;
}
	.access01 li:nth-child(2n){
	margin-right:0;
}
}
.access02 h1{
	margin-bottom:5px;
}
.access02 .txt{
	margin-bottom:60px;
}
@media screen and (max-width:900px) {
	.access02 .txt{
		float: none;
    width: 360px;
    margin: 0 auto 60px;
}
}
@media screen and (max-width:420px) {
	.access02 .txt{
		width:100%;
	}
}
.access02 .txt p{
	margin-left:5px;
	text-align:left;
}
@media screen and (max-width:420px) {
	.access02 .txt p{
		border-bottom:1px solid #ccc;
		padding-bottom:5px;
		margin-bottom:5px;
	}
}
.access01 .txt nav li p:last-child{
	text-align:left;
}

/*バス運行本数*/
.access03 {
	margin-bottom: 30px;
}
.access03 .schedule {
	margin-bottom: 20px;
}
.access03 /*h2*/.title {
	font-size: 22px;
	margin-bottom: 15px;
}
.access03 .left {
	width: 48%;
}
.access03 .right {
	width: 48%;
}
@media screen and (max-width:600px) {
	.access03 .left {
		width: 100%;
	}
	.access03 .right {
		width: 100%;
	}
}


/*-------------------------
plan
------------------------*/
.planMap{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	margin-bottom:60px;
}
img.overall-map {
	width: 100%;
	height: auto;
}
.planMap-image {
	margin-top: 40px;
}
.planCon{
	margin-bottom:70px;
}
.planCon .txt{
	    width: 38%;
}
@media screen and (max-width:900px) {
	.planCon .txt{
		width:100%;
		float:none;
}
}
.planCon .txt h1{
	font-size:20px;
	line-height:1.4;
	font-weight:bold;
	margin-bottom:10px;
}
@media screen and (max-width:900px) {
	.planCon .pic{
		width:100%;
		float:none;
		margin-top:20px;
		text-align:center;
}
}
.planPic02{
	display:none;
}
@media screen and (max-width:400px) {
	.planPic01{
	display:none;
}
.planPic02{
	display:block;
	width:100%;
}
}

/* 価格表 */
.planPrice {
	margin: 0 0 100px;
}
.planPrice-header .heading {
	padding-bottom: 16px;
	font-size: 22px;
	border-bottom: 5px solid #66bacd;
	line-height: 1;
	text-align: center;
}
.planPrice-body {
	margin: 43px 0 0;
}
.planPrice-col1,
.planPrice-col2 {
	width: 50%;
	box-sizing: border-box;
}
.planPrice-col1 {
	padding: 0 7px 0 0;
}
.planPrice-col2 {
	padding: 0 0 0 7px;
}
.planPrice-col3 {
	width: 100%;
	padding: 0;
}

.info_plan {
	margin-top: 20px;
	margin-bottom: -20px;
}
.number_btn {
	padding: 6px 0;
    display: block;
    background-color: #eee;
    border-radius: 3px;
    box-sizing: border-box;
    /*box-shadow: 0 1px 2px 0px rgba(10,10,10,0.4), inset 1px 1px 0 0 rgba(255,255,255,0.8);*/
    text-decoration: none;
    text-shadow: 0 1px rgba(255,255,255,0.5);
	width: 80%;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 760px) {
	.number_btn {
		width: 90%;

	}
}

.number_btn-lot {
    background-color: #FFD7EB;
	border: 2px solid #F79280;

}
.number_btn-bnz {
    background-color: #f5efc2;
	border: 2px solid #C0B14A;
}
.number_btn-lot span,
.number_btn-bnz span{
	font-size: 30%;
	position: absolute;
	right: 5%;
	color: #FF8303;
}
@media screen and (max-width:850px) {
	.number_btn-lot span,
	.number_btn-bnz span {
		display: none;
	}
}
@media screen and (max-width:760px) {
	.number_btn-lot span,
	.number_btn-bnz span {
		right: 2%;
	}
}


@media screen and (max-width: 850px) {
	.planPrice-col1,
	.planPrice-col2 {
		float: none;
		width: 100%;
		padding: 0;
	}
	/*.planPrice-col2 thead {
		display: none;
	}*/
}

.planPrice table {
	width: 100%;
	table-layout: fixed;
}
.planPrice .cell {
	line-height: 1.2;
	text-align: center;
	vertical-align: middle;
}
.planPrice .cell_group:nth-child(even) .cell {
	background: #e8e8e8;
}
.planPrice .cell-1 {
	width: 10%;
}
.planPrice .cell-2 {
	width: 18%;
}
.planPrice .cell-3 {
	width: 18%;
}
.planPrice .cell-4 {
	width: 26%;
}
.planPrice .cell-5 {
	width: 28%;
}

.sale-house .cell-2 br,
.sale-house .cell-3 br {
	display: none;
}

#container br.pc-newline {
	display: block;
}


@media screen and (max-width: 680px) {	
	.sale-house .cell-2 br,
	.sale-house .cell-3 br {
		display: block;
	}
}
	
	
/*法面面積テキスト*/
.law-surface {
	font-size: 85%;
}


.planPrice thead .cell {
	padding: 6px;
	background: #66bacd;
	border: solid #777;
	border-width: 1px 1px 0 1px;
	color: #fff;
	font-size: 16px;
}
.planPrice tbody .cell {
	padding: 14px 4px;
	border: solid #ddd;
	border-width: 0 1px 1px 1px;
	font-size: 13px;
}

@media screen and (max-width: 680px) {	
	.planPrice tbody .cell {
		padding: 10px 4px;
	}
}

.planPrice tbody .cell_group:first-child .cell {
	border-width: 1px;
}


.accept {
    color: #000099;
    font-weight: bold;
}

@media screen and (max-width: 900px) {
	.planPrice .cell-1 {
		width: 13%;
	}
	.planPrice .cell-2 {
		width: 32%;
	}
	.planPrice .cell-3 {
		width: 20%;
	}
	.planPrice .cell-4 {
		width: 35%;
	}
	.planPrice thead .cell,
	.planPrice tbody .cell {
		font-size: 10px;
	}
	.planPrice-col2 tbody .cell_group:first-child .cell {
		border-width: 0 1px 1px;
	}
}
.divisionSmall{
	text-align:left;
    max-width: 800px;
    margin: 0 auto 100px auto;
	padding:0 10px;
}