@charset "utf-8";

@media screen and (min-width: 576px) {

}
@media screen and (min-width: 768px) {

}

/*******************************************************************************************/

.c-section.-m {
	margin-top: 15px;
}
@media screen and (min-width: 768px) {
	.c-section.-m {
		margin-top: 40px;
	}
}

/* 横幅、縦幅 */

#reform .w-30  { width:   30% !important; }
#reform .w-100 { width:  100% !important; }
#reform .h-100 { height: 100% !important; }

@media screen and (min-width: 768px) {
	#reform .w-pc-300px { min-width: 300px; }
	#reform .w-pc-560px { min-width: 560px; }
}

/* 表示方法 */

#reform .text-left   { text-align: left   !important; }
#reform .text-center { text-align: center !important; }
#reform .text-right  { text-align: right  !important; }

#reform .img-fluid {
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {
	#reform .w-pc-100 { width: 100%; }

	#reform .img-pc-auto {
		max-width: none;
	}

	#reform .text-pc-left   { text-align: left   !important; }
	#reform .text-pc-center { text-align: center !important; }
	#reform .text-pc-right  { text-align: right  !important; }
}

/* 表示 / 非表示 */

#reform .d-none   { display: none   !important; }
#reform .d-inline { display: inline !important; }
#reform .d-block  { display: block  !important; }
#reform .d-flex   { display: flex   !important; }

#reform .d-sp-none   { display: none   !important; }
#reform .d-sp-inline { display: inline !important; }
#reform .d-sp-block  { display: block  !important; }
#reform .d-sp-flex   { display: flex   !important; }

#reform .justify-content-start {
	-ms-flex-pack: start!important;
	justify-content: flex-start!important;
}
#reform .justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
#reform .justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}

@media screen and (min-width: 768px) {
	#reform .d-pc-none   { display: none   !important; }
	#reform .d-pc-inline { display: inline !important; }
	#reform .d-pc-block  { display: block  !important; }
	#reform .d-pc-flex   { display: flex   !important; }
}

/* マージン */

#reform .m-0     { margin: 0 !important; }
#reform .mt-0    { margin-top: 0 !important; }
#reform .mt-15px { margin-top: 15px !important; }
#reform .mt-30px { margin-top: 30px !important; }
#reform .mt-35px { margin-top: 35px !important; }
#reform .mt-42px { margin-top: 42px !important; }
#reform .my-0    { margin-top: 0 !important; margin-bottom: 0 !important; }
#reform .mb-25px { margin-bottom: 25px !important; }
#reform .mb-30px { margin-bottom: 30px !important; }

@media screen and (min-width: 768px) {
	#reform .mt-pc-0 { margin-top: 0 !important; }
}

/* パディング */

#reform .p-35px  { padding: 35px !important; }
#reform .py-0    { padding-top:  0   !important; padding-bottom:  0   !important; }
#reform .py-12px { padding-top: 12px !important; padding-bottom: 12px !important; }
#reform .py-25px { padding-top: 25px !important; padding-bottom: 25px !important; }
#reform .py-50px { padding-top: 50px !important; padding-bottom: 50px !important; }
#reform .pt-25px { padding-top: 25px !important; }
#reform .pb-25px { padding-bottom: 25px !important; }
#reform .pr-35px { padding-right: 35px !important; }

@media screen and (min-width: 768px) {
	#reform .pt-pc-0 { padding-top: 0 !important; }
	#reform .pr-pc-35px { padding-right: 35px !important; }
	#reform .pl-pc-45px { padding-left: 45px !important; }
}

/* ブロックマージン */

#reform .block-margin {
	margin-top: 30px !important;
}
@media screen and (min-width: 768px) {
	#reform .block-margin {
		margin-top: 60px !important;
	}
}

/* コンテントマージン */

#reform .content-margin {
	margin-top: 15px !important;
}
@media screen and (min-width: 768px) {
	#reform .content-margin {
		margin-top: 30px !important;
	}
}

/* ボーダー */

#reform .border-0 {
	border: 0 !important;
}
#reform .border-light-blue {
	border: 1px solid #149be4;
}

/* 背景色 */

#reform .bg-gray {
	background-color: #F6F6F6;
}

/* 角丸 */

#reform .rounded-15px {
	border-radius: 15px;
}

/* タイトルボックス */

#reform .titlebox .title {
	background-color: #0D9FA8;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	line-height: 2.2;
	text-align: center;
}
#reform .titlebox .body {
	padding-top: 50px;
	padding-bottom: 50px;
}
#reform .titlebox-left {
	background-color: #F6F6F6;
}
#reform .titlebox-left .title {
	display: inline-block;
	width: 100%;
	background-color: #0D9FA8;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	line-height: 3.7;
	text-align: center;
}
#reform .titlebox-left.bg-blue .title {
	background-color: #149BDE;
}
#reform .titlebox-left dt {
	font-size: 16px;
}
#reform .titlebox-left dd {
	font-size: 14px;
	padding: 15px;
	line-height: 2;
}

@media screen and (min-width: 768px) {
	#reform .titlebox-left .title {
		width: 360px;
	}
}

/* 3列リンク */

#reform .link3 {
	display: block;
}
#reform .link3 .link {
	display: block;
	width: 100%;
	margin: 15px auto 0 auto;
}
#reform .link3 .link a {
	position: relative;
	display: block;
	background-color: #F6F6F6;
	font-size: 1.4rem;
	color: #000;
	text-align: center;
}
#reform .link3 .link a:hover {
	opacity: .7;
}
#reform .link3 .link a::after {
	position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(135deg);
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
	content: '';
	width: 10px;
	height: 10px;
	border-top: 3px solid #707070;
	border-left: 3px solid #707070;
	display: block;
}
#reform .link3 .link a img {
	display: inline-block;
	height: 50px;
	padding-right: 10px;
}
#reform .link3 .link a span {
	display: inline-block;
	padding: 14px 0;
}

@media screen and (min-width: 576px) {
	#reform .link3 .link {
		width: 60%;
	}
	#reform .link3 .link a {
		font-size: 2rem;
	}
	#reform .link3 .link a::after {
    	right: 20px;
		width: 16px;
		height: 16px;
	}
	#reform .link3 .link a img {
		height: 78px;
	}
	#reform .link3 .link a span {
		padding: 22px 0;
	}
}

@media screen and (min-width: 768px) {
	#reform .link3 {
		display: flex;
		justify-content: space-between;
	}
	#reform .link3 .link {
		width: 30%;
		margin: 0;
	}
}

/* 【簡易版】カード */

#reform .card {
	position: relative;
}
#reform .card img {
	max-width: 100%;
}

/* 【簡易版】グリッド */

#reform .grid-caption {
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.5;
}
#reform .grid-img {
	margin-top: 15px;
	text-align: center;
}
#reform .grid-title {
	margin: 30px 15px 0 15px;
	font-size: 2.5rem;
	text-align: left;
}
#reform .grid-text {
	margin: 15px 15px 0;
	font-size: 1.6rem;
	text-align: left;
	line-height: 1.2;
}
#reform .grid-link {
	position: relative;
	display: block;
	width: 360px;
	max-width: 100%;
	margin: 30px auto;
	padding: 24px 10px;
	background-color: #0D9FA8;
	font-size: 18px;
	color: #fff;
	line-height: 1.2;
}
#reform .grid-link::after {
	position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(135deg);
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
	content: '';
	width: 12px;
	height: 12px;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	display: block;
}

#reform .grid-link:hover {
	opacity: .7;
}

#reform .row *,
#reform .row *::after,
#reform .row *::before {
	box-sizing: border-box;
}
#reform .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#reform .space_xl {
	margin: -15px;
	align-items: normal;
}
#reform .space_lg {
	margin: -15px;
	align-items: normal;
}
#reform .space_md {
	margin: -15px;
	align-items: normal;
}
#reform .col_sp_2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}
#reform .col_sp_3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
#reform .col_sp_4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
#reform .col_sp_5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
#reform .col_sp_6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
#reform .col_sp_7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}
#reform .col_sp_8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}
#reform .col_sp_10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}
#reform .col_sp_12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
#reform .space_xl .col_20p,
#reform .space_xl .col_2,
#reform .space_xl .col_3,
#reform .space_xl .col_4,
#reform .space_xl .col_5,
#reform .space_xl .col_6,
#reform .space_xl .col_7,
#reform .space_xl .col_8,
#reform .space_xl .col_10,
#reform .space_xl .col_12,
#reform .space_xl .col_tb_2,
#reform .space_xl .col_tb_3,
#reform .space_xl .col_tb_4,
#reform .space_xl .col_tb_5,
#reform .space_xl .col_tb_6,
#reform .space_xl .col_tb_7,
#reform .space_xl .col_tb_8,
#reform .space_xl .col_tb_10,
#reform .space_xl .col_tb_12,
#reform .space_xl .col_sp_2,
#reform .space_xl .col_sp_3,
#reform .space_xl .col_sp_4,
#reform .space_xl .col_sp_5,
#reform .space_xl .col_sp_6,
#reform .space_xl .col_sp_7,
#reform .space_xl .col_sp_8,
#reform .space_xl .col_sp_10,
#reform .space_xl .col_sp_12 {
	padding: 15px;
}
#reform .space_lg .col_20p,
#reform .space_lg .col_2,
#reform .space_lg .col_3,
#reform .space_lg .col_4,
#reform .space_lg .col_5,
#reform .space_lg .col_6,
#reform .space_lg .col_7,
#reform .space_lg .col_8,
#reform .space_lg .col_10,
#reform .space_lg .col_12,
#reform .space_lg .col_tb_2,
#reform .space_lg .col_tb_3,
#reform .space_lg .col_tb_4,
#reform .space_lg .col_tb_5,
#reform .space_lg .col_tb_6,
#reform .space_lg .col_tb_7,
#reform .space_lg .col_tb_8,
#reform .space_lg .col_tb_10,
#reform .space_lg .col_tb_12,
#reform .space_lg .col_sp_2,
#reform .space_lg .col_sp_3,
#reform .space_lg .col_sp_4,
#reform .space_lg .col_sp_5,
#reform .space_lg .col_sp_6,
#reform .space_lg .col_sp_7,
#reform .space_lg .col_sp_8,
#reform .space_lg .col_sp_10,
#reform .space_lg .col_sp_12 {
	padding: 15px;
}
#reform .space_md .col_20p,
#reform .space_md .col_2,
#reform .space_md .col_3,
#reform .space_md .col_4,
#reform .space_md .col_5,
#reform .space_md .col_6,
#reform .space_md .col_7,
#reform .space_md .col_8,
#reform .space_md .col_10,
#reform .space_md .col_12,
#reform .space_md .col_tb_2,
#reform .space_md .col_tb_3,
#reform .space_md .col_tb_4,
#reform .space_md .col_tb_5,
#reform .space_md .col_tb_6,
#reform .space_md .col_tb_7,
#reform .space_md .col_tb_8,
#reform .space_md .col_tb_10,
#reform .space_md .col_tb_12,
#reform .space_md .col_sp_2,
#reform .space_md .col_sp_3,
#reform .space_md .col_sp_4,
#reform .space_md .col_sp_5,
#reform .space_md .col_sp_6,
#reform .space_md .col_sp_7,
#reform .space_md .col_sp_8,
#reform .space_md .col_sp_10,
#reform .space_md .col_sp_12 {
	padding: 15px;
}

@media screen and (min-width: 576px) {
	#reform .col_tb_2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	#reform .col_tb_3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	#reform .col_tb_4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	#reform .col_tb_5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	#reform .col_tb_6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	#reform .col_tb_7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	#reform .col_tb_8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	#reform .col_tb_10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	#reform .col_tb_12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media screen and (min-width: 768px) {
	#reform .space_xl {
		margin: -35px;
	}
	#reform .space_lg {
		margin: -25px;
	}
	#reform .col_20p {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	#reform .col_2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}
	#reform .col_3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	#reform .col_4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	#reform .col_5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	#reform .col_6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	#reform .col_7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}
	#reform .col_8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	#reform .col_10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	#reform .col_12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#reform .space_xl .col_20p,
	#reform .space_xl .col_2,
	#reform .space_xl .col_3,
	#reform .space_xl .col_4,
	#reform .space_xl .col_5,
	#reform .space_xl .col_6,
	#reform .space_xl .col_7,
	#reform .space_xl .col_8,
	#reform .space_xl .col_10,
	#reform .space_xl .col_12,
	#reform .space_xl .col_tb_2,
	#reform .space_xl .col_tb_3,
	#reform .space_xl .col_tb_4,
	#reform .space_xl .col_tb_5,
	#reform .space_xl .col_tb_6,
	#reform .space_xl .col_tb_7,
	#reform .space_xl .col_tb_8,
	#reform .space_xl .col_tb_10,
	#reform .space_xl .col_tb_12,
	#reform .space_xl .col_sp_2,
	#reform .space_xl .col_sp_3,
	#reform .space_xl .col_sp_4,
	#reform .space_xl .col_sp_5,
	#reform .space_xl .col_sp_6,
	#reform .space_xl .col_sp_7,
	#reform .space_xl .col_sp_8,
	#reform .space_xl .col_sp_10,
	#reform .space_xl .col_sp_12 {
		padding: 35px;
	}
	#reform .space_lg .col_20p,
	#reform .space_lg .col_2,
	#reform .space_lg .col_3,
	#reform .space_lg .col_4,
	#reform .space_lg .col_5,
	#reform .space_lg .col_6,
	#reform .space_lg .col_7,
	#reform .space_lg .col_8,
	#reform .space_lg .col_10,
	#reform .space_lg .col_12,
	#reform .space_lg .col_tb_2,
	#reform .space_lg .col_tb_3,
	#reform .space_lg .col_tb_4,
	#reform .space_lg .col_tb_5,
	#reform .space_lg .col_tb_6,
	#reform .space_lg .col_tb_7,
	#reform .space_lg .col_tb_8,
	#reform .space_lg .col_tb_10,
	#reform .space_lg .col_tb_12,
	#reform .space_lg .col_sp_2,
	#reform .space_lg .col_sp_3,
	#reform .space_lg .col_sp_4,
	#reform .space_lg .col_sp_5,
	#reform .space_lg .col_sp_6,
	#reform .space_lg .col_sp_7,
	#reform .space_lg .col_sp_8,
	#reform .space_lg .col_sp_10,
	#reform .space_lg .col_sp_12 {
		padding: 25px;
	}
}

/* 背景色 */

.backW {
	background: #FFF;
	border-radius: 5px;
	max-width: 1040px;
	margin: 0px 15px;
	padding: 15px;
}
@media screen and (min-width: 768px) {
	.backW {
		margin: 0 auto;
		padding: 35px;
	}
}

/* 耐震ナビゲーション */

#reform .nav-items {
	background-color: #F6F6F6;
}
#reform a.nav-item {
	white-space: wrap;
	text-align: center;
	line-height: 1.2;
	padding: 12px 2px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #000;
}
#reform a.nav-item:hover {
	opacity: .5;
	background-color: #FA8C01;
	color: #fff;
}
#reform a.nav-item.active {
	background-color: #FA8C01;
	color: #fff;
	cursor: default;
}
#reform .nav-taishin a.nav-item {
	color: #149BDE;
}
#reform .nav-taishin a.nav-item:hover {
	background-color: #149BDE;
	color: #fff;
}
#reform .nav-taishin a.nav-item.active {
	background-color: #149BDE;
	color: #fff;
}

@media screen and (min-width: 768px) {
	#reform a.nav-item {
		padding: 25px 6px;
		font-size: 1.6rem;
	}

	#reform a.nav-item.taishin { padding: 8px; }
	#reform a.nav-item.taishin span:nth-of-type(1) { font-size: 1.4rem; }
	#reform a.nav-item.taishin span:nth-of-type(2) { font-size: 2.4rem; }
	#reform a.nav-item.taishin span:nth-of-type(3) { font-size: 1.6rem; }
}

/* タイトル */

#reform h2.ttl-p_tokucho {
	font-size: 2rem;
	font-weight: bold;
	color: #149bde;
	margin-bottom: 15px;
	border-bottom: 1px solid;
	padding-bottom: 15px;
}
#reform h3.ttl-p_tokucho {
	font-size: 2.4rem;
	font-weight: bold;
	color: #149bde;
	margin-bottom: 35px;
}

/* 横幅800pxレイアウト */

.m800_at {
	margin: 0 auto;
	max-width: 800px;
}

@media screen and (max-width: 414px) {
	.m800_at {
		max-width: 95%;
	}
}

/* --------------------------------------------------------
	リフォームトップ
-------------------------------------------------------- */

#reform .link3 .nurikae a {
	background-color: #ECFFCF;
}
#reform .link3 .nurikae a:hover {
	background-color: #ECFFCF;
	color: #000;
}
#reform .link3 .harikae a {
	background-color: #FFCFCF;
}
#reform .link3 .harikae a:hover {
	background-color: #FFCFCF;
	color: #000;
}
#reform .link3 .kasanenuri a {
	background-color: #D0F2FE;
}
#reform .link3 .kasanenuri a:hover {
	background-color: #D0F2FE;
	color: #000;
}
#reform .link3 .taishin a {
	color: #149BDE;
}
#reform .link3 .yane a {
	color: #810200;
}
#reform .link3 .mado a {
	color: #99CC00;
}

/* --------------------------------------------------------
	パンチくん共通　(耐震リフォーム共通)
-------------------------------------------------------- */
#Taishin_panchi {
	background: #dcf5ff;
	padding: 15px 0;
}
.taishin_color {
	color: #149bde;
}

/* --------------------------------------------------------
	パンチくんの特徴
-------------------------------------------------------- */

#reform .entry-tokucho {
	background-color: #F5F5F5;
}
#reform .entry-tokucho .imgs {
    padding: 15px;
}
#reform .entry-tokucho .imgs img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 15px;
}
#reform .entry-tokucho .imgs img:span:nth-of-type(1) {
	padding-top: 0;
}
#reform .entry-tokucho .points {
    padding: 0 15px 15px;
}
#reform .entry-tokucho .point {
	display: block;
	background-color: #149BDE;
	color: white;
	text-align: center;
	padding: 5px 0;
	margin-top: 5px;
}
#reform .entry-tokucho .point:hover {
	opacity: .7;
}
#reform .entry-tokucho .point p {
	font-size: 1.6rem;
	line-height: 1.5;
}
#reform .entry-tokucho .point p span {
	font-size: 2rem;
	line-height: 1.5;
}
@media screen and (min-width: 768px) {
	#reform .entry-tokucho .imgs {
		display: flex;
	    justify-content: space-between;
	    padding: 50px 90px 10px;
	}
	#reform .entry-tokucho .imgs img {
		display: block;
		max-width: none;
		margin: 0;
		padding-top: 0;
	}
	#reform .entry-tokucho .points {
		display: flex;
		justify-content: space-between;
		padding: 50px 90px;
	}
	#reform .entry-tokucho .point {
		width: 240px;
		padding: 10px 0 30px;
	}
	#reform .entry-tokucho .point {
		display: block;
		width: 240px;
		background-color: #149BDE;
		color: white;
		text-align: center;
		padding: 10px 0 30px;
	}
	#reform .entry-tokucho .point:hover {
		opacity: .7;
	}
	#reform .entry-tokucho .point p {
		font-size: 2rem;
	}
	#reform .entry-tokucho .point p span {
		font-size: 4.6rem;
	}
}

/* --------------------------------------------------------
	パンチくん施工実例
-------------------------------------------------------- */

#reform .jitsurei {
	margin-top: 30px;
}
#reform .jitsurei-summary .category {
	display: flex;
	justify-content: stretch;
}
#reform .jitsurei-summary .category > * {
	width: 50%;
	border-top: 1px solid #707070;
	border-right: 1px solid #707070;
	border-bottom: 1px solid #707070;
	border-left: 0;
}
#reform .jitsurei-summary .category > *:first-of-type {
	border-left: 1px solid #707070;
}
#reform .jitsurei-summary .type {
	padding: 10px 0;
	background-color: #EFEFEF;
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: center;
}
#reform .jitsurei-summary .design {
	padding: 10px 0;
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: center;
}
#reform .jitsurei-summary .caption {
	padding-top: 15px;
	font-size: 1.4rem;
	line-height: 1.5;
}
#reform .jitsurei-imgs {
	margin-top: 15px;
}
#reform .jitsurei-imgs img {
	width: 100%;
}
#reform .jitsurei-voice {
	padding: 15px 0;
}
#reform .jitsurei-voice .title {
	font-size: 1.6rem;
}
#reform .jitsurei-voice .text {
	padding-top: 15px;
	font-size: 1.4rem;
}
#reform .jitsurei-voice .img {
	padding-top: 15px;
	text-align: center;
}
@media screen and (min-width: 768px) {
	#reform .jitsurei {
		margin-top: 50px;
	}
	#reform .jitsurei-summary {
		display: flex;
	}
	#reform .jitsurei-summary .category {
		display: block;
		width: 200px;
	}
	#reform .jitsurei-summary .category > * {
		width: auto;
		border-top: 0;
		border-right: 1px solid #707070;
		border-bottom: 1px solid #707070;
		border-left: 1px solid #707070;
	}
	#reform .jitsurei-summary .category > *:first-of-type {
		border-top: 1px solid #707070;
	}
	#reform .jitsurei-summary .type {
		padding: 10px 0;
		background-color: #EFEFEF;
		font-size: 1.6rem;
		line-height: 1.5;
		text-align: center;
	}
	#reform .jitsurei-summary .design {
		padding: 10px 0;
		font-size: 1.6rem;
		line-height: 1.5;
		text-align: center;
	}
	#reform .jitsurei-summary .caption {
		font-size: 2.5rem;
		line-height: 1.6;
		padding-top: 0;
		padding-left: 30px;
	}
	#reform .jitsurei-imgs {
		margin-top: 25px;
		display: flex;
		justify-content: space-between;
	}
	#reform .jitsurei-voice {
		display: flex;
		justify-content: space-between;
		padding: 30px 0;
	}
	#reform .jitsurei-voice .title {
		font-size: 1.6rem;
	}
	#reform .jitsurei-voice .text {
		padding-top: 15px;
		font-size: 1.4rem;
	}
	#reform .jitsurei-voice .img {
		padding-top: 15px;
		padding-left: 75px;
		text-align: center;
	}
}

/* --------------------------------------------------------
	パンチくん　Q&A
-------------------------------------------------------- */
#Taishin_panchi ol {
	margin: 20px 45px;
}
#Taishin_panchi li {
	list-style: decimal;
}
#Taishin_panchi .qaContainer {
	font-size: 1.6rem;
}
#Taishin_panchi .qaContainer dt {
	padding: 10px 10px 10px 35px;
	border-radius: 5px;
	background: #cce6ff;
	text-indent: -25px;
}
#Taishin_panchi .qaContainer dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 7px;
	color: #149bde;
	font-size: 2rem;
}
#Taishin_panchi .qaContainer dd {
	margin: 20px 10px 40px 35px;
}
#Taishin_panchi .qaContainer dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 7px;
	color: #149bde;
	font-size: 2rem;
}

/* --------------------------------------------------------
	パンチくん　建築業者向け
-------------------------------------------------------- */
#Taishin_panchi .p_koujiCap{
    background: aliceblue;
    padding: 3%;
    margin: 35px 0;
}

#Taishin_panchi .p_koujiCap02{
background: #ffeb3b;
    padding: 3%;
    margin: 35px 0;
    color: #f44336;
    font-weight: bold;
}


/* --------------------------------------------------------
	屋根リフォーム
-------------------------------------------------------- */

.yane_color {
	color: #810200;
}
.yane-point-box {
	background-color: #eee;
	padding: 0 2em 2em;
	display: block;
	position: relative;
	background: #f1f1f1;
}
.point-ribbon {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	padding: 10px;
	margin: 0 0 0 -40px;
	font-size: 22px;
	color: white;
	background: #810200;
}
.point-ribbon:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #440908;
}

/* --------------------------------------------------------
	窓まわり商品
-------------------------------------------------------- */

.mado_color{
	color: #99cc00;
}

/* --------------------------------------------------------
	外壁リフォーム
-------------------------------------------------------- */

.gaiheki_color {
	color: #fa8c01;
}
#reform .l-main .p-tab__header.-type_01 .p-tab__header__item {
	width: calc((100% - 15px) / 3 - 5px);
	margin-right: 5px;
	margin-left: 5px;
}
#reform .l-main .p-panel.-tab .c-icn {
	margin-right: 6px;
}
#reform .l-main .p-panel.-tab {
	padding: 6px;
}

@media screen and (min-width: 768px) {
	#reform .l-main .p-tab__header.-type_01 .p-tab__header__item {
		width: 170px;
	}
	#reform .l-main .p-panel.-tab .c-icn {
		margin-right: 12px;
	}
	#reform .l-main .p-panel.-tab {
		padding: 12px;
	}
}
#reform .point_3p_box {
	border: 2px solid #ff7878;
	border-radius: 5px;
	position: relative;
	margin-top: 1em;
}
#reform .point_3p_box h3 {
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
	top: -1.8em;
}
#reform .point_3p_box span {
	padding: 0 .5em;
	background: #FFF;
	color: #ff7878;
	font-size: 2.4rem;
	font-weight: bold;
}
#reform .point_3p_box .inner {
	padding: 1.2em .5em .5em;
}

#reform .list_3p ul {
	padding: 1.5em 20px;
	list-style-type: none;
	border: none;
}
#reform .list_3p ul li {
	position:relative;
	padding: 0.3em 0 0.3em 2em;
	line-height: 1.5;
	font-size: 1.6rem;
}
#reform .list_3p ul li:after, .list_3p ul li:before {
	content:'';
	position:absolute;
	top: 7px;
	left: 11px;
	height: 18px;
	width:4px;
	background:#ee8992;
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
#reform .list_3p ul li:after {
	top: 14px;
	left: 3px;
	height: 10px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

.gaiheki3pt-point-box {
	background-color: #eee;
	margin: 2em 0;
	padding: 0 2em 2em;
	display: block;
	position: relative;
	/* margin: 0 auto; */
	/* padding: 10px 0; */
	/* width: 300px; */
	background: #f1f1f1;
}
.gaiheki3pt-ribbon {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	padding: 10px;
	margin: 0 0 0 -40px;
	font-size: 22px;
	color: white;
	background: #810200;
}
.gaiheki3pt-ribbon:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #440908;
}

#reform .l-main .c-btn.-cmn.in-btn {
	background: #333333;
	color: white;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	font-size: 1.6rem;
	padding-right: 10px;
	padding-left: 10px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
@media print, screen and (min-width: 768px) {
	#reform .l-main .c-grid.-xs > .c-col {
		margin-right: 24px;
		margin-bottom: 24px;
		width: calc((100% - 25px) / 3 - 20px);
	}
}
@media screen and (max-width: 767px) {
	#reform  .l-main .c-grid.-xs > .c-col {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 10px;
	}
}