@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : point.css
 author     : Ability Consultant
 style info : おすすめポイント
=================================================================== */
.box_container {
	max-width: 1280px;
	margin: auto;
}
@media only screen and (max-width: 1280px) {
  .box_container {
		width: 95%;
  }
}
@media print {
  .box_container {
		width: 95%;
  }
}
.ie8 .box_container {
	width: 95%;
}

.box_container:after, .row:after {
	content: "";
	display: table;
	clear: both;
}

/* -----------------------------------------------------------
	common
----------------------------------------------------------- */
.box_container {
	display: block;
}

.row {
	display: block;
}

.col {
	display: block;
	float: left;
	position: relative;
	min-height: 1px;
}

#footer {
	margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #footer {
		margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #footer {
		margin-top: 60px;
  }
}

/* -----------------------------------------------------------
	.con_point
----------------------------------------------------------- */
.con_point .box_top {
	text-align: center;
	margin-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_point .box_top {
		margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_point .box_top {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_point .box_top {
		padding-top: 20px;
  }
}
.con_point .box_top .txt {
	font-size: 100%;
	color: #222;
}
.con_point .box_list {
	overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .con_point .box_list .list .item {
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 30px;
  }
}
.con_point .box_list .list .item .row_tbl {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.con_point .box_list .list .item .cell {
	display: table-cell;
	vertical-align: top;
}
.con_point .box_list .list .item .col_img {
	width: 46%;
}
.con_point .box_list .list .item .col_img img {
	width: 100%;
}
.con_point .box_list .list .item .col_main {
	width: 54%;
	padding: 3% 10px 20px 40px;
}
@media only screen and (max-width: 1280px) {
  .con_point .box_list .list .item .col_main {
		padding: 2% 10px 20px 30px;
  }
}
@media print {
  .con_point .box_list .list .item .col_main {
		padding: 2% 10px 20px 30px;
  }
}
.ie8 .con_point .box_list .list .item .col_main {
	padding: 2% 10px 20px 30px;
}
@media only screen and (max-width: 767px) {
  .con_point .box_list .list .item .col_main {
		text-align: center;
		padding: 10px 5% 30px;
  }
}
.con_point .box_list .list .item .col_main .st_title {
	float: left;
	font-family: "Oswald", sans-serif;
	font-weight: normal;
	font-size: 215%;
	line-height: 1.1;
	color: #48412e;
	padding-right: 40px;
}
@media only screen and (max-width: 1280px) {
  .con_point .box_list .list .item .col_main .st_title {
		font-size: 186%;
		padding-right: 20px;
  }
}
@media print {
  .con_point .box_list .list .item .col_main .st_title {
		font-size: 186%;
		padding-right: 20px;
  }
}
.ie8 .con_point .box_list .list .item .col_main .st_title {
	font-size: 186%;
	padding-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_point .box_list .list .item .col_main .st_title {
		font-size: 158%;
  }
}
@media only screen and (max-width: 767px) {
  .con_point .box_list .list .item .col_main .st_title {
		float: none;
		font-size: 129%;
		padding-right: 0;
		margin-bottom: 10px;
  }
}
.con_point .box_list .list .item .col_main .st_title .num {
	font-size: 184%;
	font-style: italic;
}
.con_point .box_list .list .item .col_main .txt_wrp {
	overflow: hidden;
}
@media only screen and (max-width: 1280px) {
  .con_point .box_list .list .item .col_main .txt_wrp {
		overflow: visible;
  }
}
@media print {
  .con_point .box_list .list .item .col_main .txt_wrp {
		overflow: visible;
  }
}
.ie8 .con_point .box_list .list .item .col_main .txt_wrp {
	overflow: visible;
}
.con_point .box_list .list .item .col_main .txt_wrp .txt_top {
	font-size: 172%;
	color: #222;
	margin-bottom: 5%;
}
@media only screen and (max-width: 1280px) {
  .con_point .box_list .list .item .col_main .txt_wrp .txt_top {
		margin-bottom: 15px;
  }
}
@media print {
  .con_point .box_list .list .item .col_main .txt_wrp .txt_top {
		margin-bottom: 15px;
  }
}
.ie8 .con_point .box_list .list .item .col_main .txt_wrp .txt_top {
	margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_point .box_list .list .item .col_main .txt_wrp .txt_top {
		font-size: 143%;
		padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_point .box_list .list .item .col_main .txt_wrp .txt_top {
		font-size: 115%;
		text-align: center;
  }
}
.con_point .box_list .list .item .col_main .txt_wrp .txt {
	color: #222;
}
@media only screen and (max-width: 767px) {
  .con_point .box_list .list .item .col_main .txt_wrp .txt {
		text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  .con_point .box_list .list .item .col_img,
  .con_point .box_list .list .item .col_main {
		float: none;
		width: 100%;
  }
}
.con_point .box_list .list .item:nth-child(2n) {
	background: #f8f7f0;
}
