/* common */
/* ============================================ */
#contents img {
  width: 100%;
}
.align-c {
  text-align: center;
}
.h3Txt {
  margin: 0 10px 15px;
  padding-left: 10px;
  border-top: 0;
  border-bottom: 0;
  border-left: 3px solid #0061bc;
  color: #333;
  font-size: 114%;
  font-weight: bold;
}
.bluArrow {
  display: inline-block;
  padding-left: 12px;
  background: url(/sp/common/img/ver2/arw_blue_r8x9.png) no-repeat 2px 7px;
  background-size: 4px 5px;
  color: #333333;
  font-size: 14px;
  text-decoration: underline;
}

/* TOP */
/* ============================================ */
#contents .merit-wrap {
	width: 94%;
	margin: auto;
}
#contents .merit-wrap .merit-box {
	width: 100%;
	text-align: center;
	margin-top: 15px;
	border-radius: 5px;
}
#contents .merit-wrap .merit-box.box01 {
	background: url("/sp/search_buy/makasetoku/assets/img/pic_01_bg1_sp.png") no-repeat center;
	background-size: cover;
}
#contents .merit-wrap .merit-box.box02 {
	background: url("/sp/search_buy/makasetoku/assets/img/pic_01_bg2_sp.png") no-repeat center;
	background-size: cover;
}
#contents .merit-wrap .merit-box.box03 {
	background: url("/sp/search_buy/makasetoku/assets/img/pic_01_bg3_sp.png") no-repeat center;
	background-size: cover;
}
#contents .merit-wrap .merit-box.box04 {
	background: url("/sp/search_buy/makasetoku/assets/img/pic_01_bg4_sp.png") no-repeat center;
	background-size: cover;
}
#contents .merit-wrap .merit-box.box05 {
	background: url("/sp/search_buy/makasetoku/assets/img/pic_01_bg5_sp.png") no-repeat center;
	background-size: cover;
}
#contents .merit-wrap .merit-box:first-of-type {
	margin-top: 0;
}
#contents .merit-wrap .merit-box .img01 {
	width: 22%;
	margin: 0 auto 12px;
}
#contents .merit-wrap .merit-box .col2-wrap {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;
	align-items: center;
}
#contents .merit-wrap .merit-box .col2-wrap .img {
	width: 45%;
}
#contents .merit-wrap .merit-box .col2-wrap .text {
	width: 55%;
}
#contents .merit-wrap .merit-box .col2-wrap .img img {
	width: 78%;
}
#contents .merit-wrap .merit-box .text {
	font-size: 3.3vw;
	font-weight: bold;
	line-height: 1.4 !important;
}
#contents .merit-wrap .merit-box.box01 .text {
	color: #c34e55;
}
#contents .merit-wrap .merit-box.box01 .text .text-small {
	font-size: 2.5vw;
}
#contents .merit-wrap .merit-box.box01 .text .text-small:first-of-type {
	display: block;
	margin: 0 auto 4px;
}
#contents .merit-wrap .merit-box.box02 .text {
	color: #ce748f;
}
#contents .merit-wrap .merit-box.box03 .text {
	color: #00aaba;
}
#contents .merit-wrap .merit-box.box04 .text {
	color: #6c7fb6;
}
#contents .merit-wrap .merit-box.box05 .text {
	color: #d05e6c;
  font-size: 3vw;
}
#contents .merit-wrap .merit-box.box01 .text .text1 + .text2 {
  margin-top: 15px;
}
#contents .merit-wrap .merit-box .price {
	font-size: 6.3vw;
	color: #c34e55 !important;
	line-height: 1;
}
#contents .merit-wrap .merit-box .tax {
	font-size: 2.5vw;
}
#contents .merit-wrap .merit-box sup {
	font-size: 2.2vw;
	color: #33332c;
}

/* about */
/* ============================================ */
.makasetoku-about-table {
	margin-top: 10px;
}
.makasetoku-about-table > table {
	width: 100%;
	table-layout: fixed;
}
.makasetoku-about-table > table > tbody > tr:first-of-type > th,
.makasetoku-about-table > table > tbody > tr:first-of-type > td {
	border-top: 1px solid #ccc;
}
.makasetoku-about-table > table > tbody > tr > th {
	width: 70px;
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #eff8fe;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
.makasetoku-about-table > table > tbody > tr > td {
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
	vertical-align: middle;
}

/* merit */
/* ============================================ */
.makasetoku-merit-table {
	width: 100%;
}
.makasetoku-merit-table > table {
	width: 100%;
	table-layout: fixed;
}
.makasetoku-merit-table > table > tbody > tr > th {
	width: 100px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #e8eefc;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
}
.makasetoku-merit-table > table > tbody > tr > td {
	padding: 10px 15px;
	border: 1px solid #ccc;
	font-size: 12px;
	vertical-align: middle;
}
.makasetoku-merit-table > table > tbody > tr > td > span {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
}

/* hw_heating */
/* ============================================ */
.searchBuy_makasetoku_hw_heating h4.txt {
  font-size: 16px;
  font-weight: bold;
}
.searchBuy_makasetoku_hw_heating .plan_step2,
.searchBuy_makasetoku_g_bath .plan_step2 {
  border: 4px solid #00903f;
  padding: 15px 15px 5px;
  position: relative;
  margin-top: 20px;
  text-align: center;
}
.searchBuy_makasetoku_hw_heating .plan_step2 .float-text,
.searchBuy_makasetoku_g_bath .plan_step2 .float-text {
  display: inline-block;
  position: absolute;
  top: -13px;
  max-width: 235px;
  width: 100%;
  left: 50%;
  color: #00903f;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  background: #fff;
  transform: translate(-50%, 0);
}
.searchBuy_makasetoku_hw_heating .plan_step2 p,
.searchBuy_makasetoku_g_bath .plan_step2 p {
  font-size: 15px;
  font-weight: bold;
}
.searchBuy_makasetoku_hw_heating .plan_step2 .upper-text,
.searchBuy_makasetoku_g_bath .plan_step2 .upper-text {
  text-align: left;
  color: #00903f;
  font-weight: bold;
  margin-bottom: -8px;
}
.searchBuy_makasetoku_hw_heating .plan_step2 .text,
.searchBuy_makasetoku_g_bath .plan_step2 .text {
  color: #00903f;
  font-size: 24px;
  font-weight: bold;
}
.searchBuy_makasetoku_hw_heating .plan_step2 .text .text-small,
.searchBuy_makasetoku_g_bath .plan_step2 .text .text-small {
  font-size: 16px;
}
.searchBuy_makasetoku_hw_heating .plan_step2 .text .price,
.searchBuy_makasetoku_g_bath .plan_step2 .text .price {
  font-size: 29px;
  color: #00903f !important;
}
.makasetoku-plan-table {
	margin-top: 15px;
}
.makasetoku-plan-table > table {
	width: 100%;
	table-layout: fixed;
}
.makasetoku-plan-table > table > thead > tr > th {
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #DDDCDD;
	color: #14315E;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-align: center;
	vertical-align: middle;
}
.makasetoku-plan-table > table > tbody > tr > td {
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
.makasetoku-plan-table > table > tbody > tr > td:nth-of-type(1) > span {
	display: inline-block;
	vertical-align: middle;
}
.makasetoku-plan-table > table > tbody > tr > td:nth-last-of-type(3) {
	text-align: left;
}
.makasetoku-plan-table > table > tbody > tr > td:nth-last-of-type(1) {
	color: #b83400;
	text-align: right;
}

/* g_bath */
/* ============================================ */
.searchBuy_makasetoku_g_bath h4.txt {
  font-size: 16px;
  font-weight: bold;
}
.searchBuy_makasetoku_g_bath .pic-02-box .text {
  font-weight: bold;
  width: 95%;
  margin: 3px auto 0;
  color: #fff;
  background: #ea535e;
  padding: 10px 10px 8px;
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
}
.searchBuy_makasetoku_g_bath .pic-02-box .text .price {
  font-size: 6.3vw;
  line-height: 1;
  color: #fff !important;
}
.searchBuy_makasetoku_g_bath .makasetoku-plan-table > table > tbody > tr > td:nth-last-of-type(3) {
	text-align: center;
}

/* flow */
/* ============================================ */
.flow-list > dl {
  display: flex;
  border-top: 2px solid #ccc;
  box-sizing: border-box;
}
.flow-list > dl > dt {
  width: 65px;
}
.flow-list img {
  width: 100%;
  max-width: 100%;
  vertical-align: baseline;
}
.flow-list > dl > dd {
  width: calc(100% - 65px);
  padding-left: 15px;
  padding-top: 10px;
}
.flow-list .flow-ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #d96d85;
}