@charset "UTF-8";
/* css Company [top] */

@import url("main.css");

/* PC */
@media print, screen and (min-width: 961px) {
/*---------------------------------------------------- */
/* Summary */
/*---------------------------------------------------- */
/* Waku */
.waku_summary {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: auto;	
}

.waku_summary .haco_summary {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}

/* Table */
.haco_summary table {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border-collapse: collapse;
}

.haco_summary table th {
	padding: 14px 0;
	margin: 0;
	width: 25%;
	height: auto;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	background-color: #f4f4f4;
}

.haco_summary table td {
	padding: 14px 0;
	margin: 0;
	width: 75%;
	height: auto;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #ffffff;
}

.haco_summary table th h5 {
	padding: 0;
	margin: 0 15px 0 15px;
	font-size: 116%;
	font-weight: 500;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}

.haco_summary table td p {
	padding: 0;
	margin: 0 15px 0 15px;
	font-size: 116%;
	font-weight: 400;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}

.haco_summary table td p .fa {
	color: #1e9244;
	font-size: 120%;
}

/* waku_Box */
.haco_summary table td .summary_box {
	padding: 0 0 10px 0;
	margin: 0 20px 0 20px;
	height: auto;
}

.haco_summary table td .summary_box .waku_box {
	padding: 6px 0 0 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border-bottom: solid 1px #dcdcdc;
	overflow: hidden;
}

.haco_summary table td .summary_box .waku_box .box_left {
	padding: 0;
	margin: 0;
	width: 30%;
	height: auto;
	float: left;
}

.haco_summary table td .summary_box .waku_box .box_right {
	padding: 0;
	margin: 0;
	width: 67%;
	height: auto;
	float: right;
}

.haco_summary table td .summary_box .waku_box .box_left h6 {
	padding: 0;
	margin: 0;
	font-size: 116%;
	font-weight: 400;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}

.haco_summary table td .summary_box .waku_box .box_right p {
	padding: 0;
	margin: 0;
	font-size: 116%;
	font-weight: 400;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}


}


/* Tablet */
@media only screen and (max-width: 960px) and (min-width: 569px) {
/*---------------------------------------------------- */
/* Summary */
/*---------------------------------------------------- */
/* Waku */
.waku_summary {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	height: auto;	
}

.waku_summary .haco_summary {
	padding: 0;
	margin: 0 auto;
	width: 98%;
	height: auto;
}

/* Table */
.haco_summary table {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border-collapse: collapse;
}

.haco_summary table th {
	padding: 12px 0;
	margin: 0;
	width: 25%;
	height: auto;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	background-color: #f4f4f4;
}

.haco_summary table td {
	padding: 12px 0;
	margin: 0;
	width: 75%;
	height: auto;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #ffffff;
}

.haco_summary table th h5 {
	padding: 0;
	margin: 0 12px 0 12px;
	font-size: 108%;
	font-weight: 500;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}

.haco_summary table td p {
	padding: 0;
	margin: 0 12px 0 12px;
	font-size: 108%;
	font-weight: 400;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}

.haco_summary table td p .fa {
	color: #1e9244;
	font-size: 110%;
}

/* waku_Box */
.haco_summary table td .summary_box {
	padding: 0 0 10px 0;
	margin: 0 18px 0 18px;
	height: auto;
}

.haco_summary table td .summary_box .waku_box {
	padding: 6px 0 0 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border-bottom: solid 1px #dcdcdc;
	overflow: hidden;
}

.haco_summary table td .summary_box .waku_box .box_left {
	padding: 0;
	margin: 0;
	width: 30%;
	height: auto;
	float: left;
}

.haco_summary table td .summary_box .waku_box .box_right {
	padding: 0;
	margin: 0;
	width: 67%;
	height: auto;
	float: right;
}

.haco_summary table td .summary_box .waku_box .box_left h6 {
	padding: 0;
	margin: 0;
	font-size: 108%;
	font-weight: 400;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}

.haco_summary table td .summary_box .waku_box .box_right p {
	padding: 0;
	margin: 0;
	font-size: 108%;
	font-weight: 400;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}


}


/* SP */
@media only screen and (max-width: 568px)  {
/*---------------------------------------------------- */
/* Summary */
/*---------------------------------------------------- */
/* Waku */
.waku_summary {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	height: auto;	
}

.waku_summary .haco_summary {
	padding: 0;
	margin: 0 auto;
	width: 98%;
	height: auto;
}

/* Table */
.haco_summary table {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border-collapse: collapse;
}

.haco_summary table th {
	padding: 8px 0;
	margin: 0;
	width: 25%;
	height: auto;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	background-color: #f4f4f4;
}

.haco_summary table td {
	padding: 8px 0;
	margin: 0;
	width: 75%;
	height: auto;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background-color: #ffffff;
}

.haco_summary table th h5 {
	padding: 0;
	margin: 0 10px 0 10px;
	font-size: 14px;
	font-weight: 500;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}

.haco_summary table td p {
	padding: 0;
	margin: 0 10px 0 10px;
	font-size: 14px;
	font-weight: 400;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}

.haco_summary table td p .fa {
	color: #1e9244;
	font-size: 110%;
}

/* waku_Box */
.haco_summary table td .summary_box {
	padding: 0 0 10px 0;
	margin: 0 15px 0 15px;
	height: auto;
}

.haco_summary table td .summary_box .waku_box {
	padding: 6px 0 0 0;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border-bottom: solid 1px #dcdcdc;
	overflow: hidden;
}

.haco_summary table td .summary_box .waku_box .box_left {
	padding: 0;
	margin: 0;
	width: 57%;
	height: auto;
	float: left;
}

.haco_summary table td .summary_box .waku_box .box_right {
	padding: 0;
	margin: 0;
	width: 40%;
	height: auto;
	float: right;
}

.haco_summary table td .summary_box .waku_box .box_left h6 {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}

.haco_summary table td .summary_box .waku_box .box_right p {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}


}