@charset "UTF-8";

/* ------------------------------------------------------------- */
/* StyleSection _ etc CSS                                        */
/* ------------------------------------------------------------- */
.img_txt_box {
	background-color: #fff;
	border-radius: 10px
}

/* ------------------------------------------------------------- */
/* StyleSection _ table  CSS                                     */
/* ------------------------------------------------------------- */

.tbl-body{
  border-radius: 10px;
}
table{
  width: 100%;
  border-collapse: collapse;
}

.thead-td:last-child{
	border-right: 3px solid #fff;
}

tbody tr{
	font-size: 1.4em;
	
  border-bottom: solid 2px white;
}

tbody tr:last-child{
  border-bottom: none;
}

tbody th{
  position: relative;
  text-align: left;
  
  width: 25%;
  
  background-color: #A5E0E7;
  color: white;
  text-align: center;
  padding: 10px 0;
}

tbody th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #A5E0E7;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

tbody td{
  text-align: left;
  width: 30%;
  text-align: center;
  background-color: #ECECEC;
  padding: 10px 0;
}

tbody td:last-child{
	border-left:3px solid #fff;
}


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

}



/* ------------------------------------------------------------- */
/* StyleSection _ table detail  CSS                              */
/* ------------------------------------------------------------- */
.plan-basic {
	margin-top: 30px;

}

.plan-list {
	margin-top: 60px;
}

.plan-list p.spl {
	font-size: 1em;
	line-height: 1.2em;
	padding: 8px;
}



/* ==== estate ===== */
.col_3 {
	border: 3px solid #0080FF;
	border-radius: 0 0 10px 10px;
  padding: 30px 10px 0 10px;
}

.col_4 {
	border-radius: 0 0 10px 10px;
	border: 3px solid #808040;
	padding: 12px 10px;
  padding: 0 10px;
}


.low-trian1 p {
	font-size: 2em;
}


/* ===== ▼設定 =====*/
.low-trian1{
	width: 100%;
	padding: 50px;       /* 三角の高さ分下記でマイナス  */

}

.low-trian1::before{
	height: 60px;    
	width: 80%;
	background-color: #0080FF;
	bottom: -60px;       /* bottomに付けるため三角の高さマイナス */
}
.low-trian2{ 
	padding-top: 20px;   /* 下の cont との間隔 */
}




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

}