@charset "utf-8";
/* CSS Document */
/* --------------mobaile_fast--------------------- */

/* =====================================================
  ・ #secMessage (SP)
======================================================== */
#secMessage {
	padding-top: 80px;
	padding-bottom: 80px;
  background: url("../images/top/bg_dot.png") center repeat;
  background-size: 20px;
}
#secMessage .boxContent {
	padding: 70px 10%;
	background: #fff;	
}
#secMessage h1 {
	margin-bottom: 30px;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
	color: #6a3906;
}
#secMessage .president {
	margin-bottom: 30px;
	text-align: right;
}
#secMessage .president span {
	font-size: 2.0rem;	
}
#secMessage .president::before {
	content: "";
	display: inline-block;
	width: 20%;
	height: 1px;
	margin-right: 5px;
	background: #333;
	vertical-align: middle;
}
#secMessage p {
	text-align: justify;
}
/* =====================================================
  ・ #secBand (SP)
======================================================== */
#secBand img {
	width: 50%;
	float: left;
}
/* =====================================================
  ・ .wrapSection (SP)
======================================================== */
.wrapSection section {
	padding-top: 80px;
	padding-bottom: 80px;
}
.wrapSection h2 {
	margin-bottom: 80px;
	color: #6a3906;
}
.wrapSection table {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.wrapSection table th {
	border-bottom: 1px solid #6a3906;
	white-space: nowrap;
	text-align: left;
	color: #6a3906;
}
.wrapSection table td {
	border-bottom: 1px solid #6a3906;
	padding: 10px 20px;
	text-align: left;
}
.boxCustomer {
	width: 100%;
	max-width: 450px;
	margin: 40px auto 0;
	border: 1px solid #6a3906;
	padding: 30px 20px;
	text-align: left;
}
.boxCustomer h3 {
	margin-bottom: 5px;
	color: #6a3906;
}
/* =====================================================
  ・ #secList (SP)
======================================================== */
#secList {
	padding-top: 80px;
	padding-bottom: 80px;
	background: #f1e5d4;
}
#secList h2 {
	margin-bottom: 80px;
	color: #6a3906;
}
#secList table {
	width: 100%;
	max-width: 600px;
	text-align: left;
	margin: 0 auto;
}
#secList table th {
	position: relative;
	padding: 15px;
	white-space: nowrap;
	text-align: center;
	background: rgba(106,57,6,.5);
	color: #fff;
	font-weight: bold;
	border-right: 6px solid #f1e5d4;
}
#secList table th:nth-of-type(3) {
	border: none;
}
#secList table td {
	border-bottom: 1px solid #6a3906;
	padding: 10px;
	font-size: 1.2rem;
}
#secList table td:nth-of-type(3) {
	text-align: center;
}
@media screen and (min-width:960px) {
  /*　for PC　*/

	/* =====================================================
		・ #secMessage (min-width:960px)
	======================================================== */
	#secMessage .secInner {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	#secMessage .boxContent {
		width: 65%;
		padding: 70px 80px;
	}
	#secMessage .boxImage {
		width: 35%;
	}
	#secMessage h1 {
		text-align: left;
	}
	/* =====================================================
		・ #secBand (min-width:960px)
	======================================================== */
	#secBand img {
		width: 25%;
		float: left;
	}
	/* =====================================================
		・ .wrapSection (min-width:960px)
	======================================================== */
	.wrapSection {
		max-width: 1000px;
		margin: 0 auto;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.wrapSection h2 {
		text-align: center;
	}
	.wrapSection section {
		width: 45%;
	}

	/* =====================================================
		・ #secList (min-width:960px)
	======================================================== */
	#secList h2 {
		text-align: center;
	}
	#secList table td {
		font-size: 1.5rem;
	}
}