@charset "UTF-8";

@font-face {
  font-family: 'hannari';
  src: url(../font/hannari.otf) format('opentype');
}
/* ==================================================
	■content_basic layout
================================================== */

#main_content_wrap {
	padding: 80px 0 50px;
}

#header {
  position: static;
  width: 100%;
  height: 120px;
  background: rgba(255,255,255,0.9);
  box-sizing: border-box;
  z-index: 10;
  border-bottom: 2px dashed #eee;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
  #header {
    height: 60px;
    overflow: hidden;
  }
}
/* ========== end △ */

/* サイト幅
-------------------------------------------------- */

/* ▽ PC layout ========== */
@media print, screen and (min-width: 981px) {
  .site_wrap {
    width: 1000px;
    margin: 0 auto;
    padding-left: 0;
  }
}
/* ========== end △ */

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
  .site_wrap {
    width: 94%;
    margin: 0 3%;
  }
}
/* ========== end △ */

/* ページタイトル */
#page_ttl {
	position: relative;
	width: 100%;
	height: 300px;
	margin: 0 auto;
	background: #f1f9f9;
}
#page_ttl::after {
	position: absolute;
	content: url(../images/page_ttl_illu.png);
	width: 1258px;
	right: 0;
	left: 0;
	bottom: -40px;
	margin: auto;
}
#page_ttl h2 {
	position: absolute;
	font-weight: 400;
	font-style: normal;
	font-size: 36px;
	color: #333;
	text-align: center;
	top: 40%;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 5;
}

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
  #page_ttl::after {
  	left: auto;
  	right: 0;
  }
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	#page_ttl {
		height: 200px;
	}
	#page_ttl::after {
		position: absolute;
		content: url(../images/page_ttl_illu_sp.png);
		width: auto;
		bottom: -20px;
		margin: auto;
	}
	#page_ttl h2 {
		font-size: 28px;
	}

}
/* ========== end △ */

/* 見出し設定スタイル */

.ttl_style01 {
  position: relative;
  text-align: center;
  margin-bottom: 60px;
  margin-top: 0;
  font-family: "hannari", "Hannari";
  font-weight: 400;
  font-style: normal;
}
.ttl_style01 h3 {
	font-size: 36px;
}
.ttl_style01 .ttl_sub {
	color: #c8e1df;
}

.ttl_style02 {
	position: relative;
	font-size: 30px;
	font-family: "hannari", "Hannari";
	line-height: 1.6em;
	margin-left: 40px;
	margin-bottom: 35px;
	margin-top: 35px;
}
.ttl_style02::before {
	position: absolute;
	content: url(../../images/ttl_bg01.png);
	top: -12px;
	left: -40px;		
	margin: auto;
	width: 75px;
	height: 84px;
}

.ttl_style03 {
	position: relative;
	font-size: 24px;
	font-family: "hannari", "Hannari";
	line-height: 1.6em;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	border-bottom: 3px dotted #a5cdca;
}


/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.ttl_style01 {
	  margin-bottom: 50px;
	}
	.ttl_style01 h3 {
	  font-size: 32px;
	}

	.ttl_style02 {
		font-size: 24px;
		margin-bottom: 20px;
		margin-left: 0;
	}
	.ttl_style02::before {
		content: none;
	}

	.ttl_style03 {
		font-size: 20px;
	}
}
/* ========== end △ */

/* ▽ TAB layout ========== */
@media only screen and (min-width: 641px) and (max-width: 980px) {
}
/* ========== end △ */

/* 内容テンプレート */
/* 画像＋テキスト基本型 */
.img_txt {
	margin-bottom: 80px;
}
.img_txt .box_odd .img_area {
	float: left;
}
.img_txt .box_odd .txt_area {
	float: right;
	width: 50%;
}
.img_txt .box_even .img_area {
	float: right;
}
.img_txt .box_even .txt_area {
	float: left;
	width: 50%;
}
.img_txt .txt_area h6 {
	font-weight: 300;
	font-size: 24px;
	padding-left: 2px;
	padding-bottom: 5px;
	margin: 0;
	margin-bottom: 3%;
	border-bottom: 1px dotted #ccc;
}

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.img_txt {
		margin-bottom: 10%;
	}
	.img_txt .box_odd .img_area, .img_txt .box_even .img_area {
		float: none;
		text-align: center;
		margin-bottom: 3%;
	}
	.img_txt .box_odd .txt_area, .img_txt .box_even .txt_area {
		float: none;
		width: 100%;
	}
	.img_txt img {
		height: auto;
	}
}
/* ========== end △ */

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.img_txt .box_odd .img_area {
		float: none;
	}
	.img_txt .box_even .img_area {
		float: none;
	}
}
/* ========== end △ */

/* テキスト＋画像並び　画像サイズ大 */
.img_l .box_odd .txt_area {
	float: right;
	width: 45%;
}
.img_l .box_even .txt_area {
	float: left;
	width: 45%;
}

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.img_l .box_odd .txt_area {
		float: none;
		width: 100%;
	}
	.img_l .box_even .txt_area {
		float: none;
		width: 100%;
	}
}
/* ========== end △ */



/* テキスト＋画像並び　画像サイズ小 */
.img_s .box_odd .txt_area {
	float: right;
	width: 63%;
}
.img_s .box_even .txt_area {
	float: left;
	width: 63%;
}

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.img_s .box_odd .txt_area, .img_s .box_even .txt_area {
		float: none;
		width: 100%;
	}
}
/* ========== end △ */


/* テキスト＋画像並び　画像サイズ極小 */
.img_ss .box_odd .txt_area {
	float: right;
	width: 65%;
}
.img_ss .box_even .txt_area {
	float: left;
	width: 65%;
}

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.img_ss .box_odd .txt_area, .img_ss .box_even .txt_area {
		float: none;
		width: 100%;
	}
}
/* ========== end △ */


/* 2カラム用スタイル */
.col02 .flex-sys-wrap::after {
	content: "";
	display: block;
	width: 48%;
	height: 0;
}
.col2_box {
	width: 48%;
	text-align: center;
}
.col2_box img {
	margin-bottom: 3%;
}
.col2_box p {
	margin: 0;
	text-align: left;
}

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.col2_box img {
		margin-bottom: 3%;
		height: auto;
	}
}
/* ========== end △ */

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.col2_box {
		width: 100%;
		margin-bottom: 5%;
	}
	.col2_box img {
		height: auto;
	}
}
/* ========== end △ */


/* 3カラム用スタイル */
.col03 {
	margin-bottom: 0;
}
.col03 .flex-sys-wrap::after {
	content: "";
	display: block;
	width: 30%;
	height: 0;
}
.col3_box {
	width: 30%;
	text-align: center;
	margin-bottom: 50px;
}
.col3_box img {
	margin-bottom: 3%;
}
.col3_box p.ttl {
	color: #728a88;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 8px;
}
.col3_box p {
	margin: 0;
	text-align: left;
}

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.col3_box img {
		margin-bottom: 3%;
		height: auto;
	}
}
/* ========== end △ */

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.col3_box {
		width: 100%;
		margin-bottom: 5%;
	}
	.col3_box img {
		height: auto;
	}
}
/* ========== end △ */


/* 4カラム用スタイル */
.col04 .flex-sys-wrap::after {
	content: "";
	display: block;
	width: 22%;
	height: 0;
}
.col4_box {
	width: 22%;
	text-align: center;
}
.col4_box img {
	margin-bottom: 3%;
}
.col4_box p {
	margin: 0;
	text-align: left;
}
.col4_box p.ttl {
	color: #728a88;
	text-align: center;
	font-weight: bold;
	margin-bottom: 8px;
}

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.col04 .flex-sys-wrap::after {
		content: "";
		display: block;
		width: 45%;
		height: 0;
	}
	.col4_box {
		width: 45%;
		margin-bottom: 5%;
	}
	.col4_box img {
		margin-bottom: 3%;
		height: auto;
	}
}
/* ========== end △ */

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.col4_box {
		width: 100%;
		margin-bottom: 5%;
	}
	.col4_box img {
		height: auto;
	}
}
/* ========== end △ */

/* 画像サイズ大 */
.large_img {
	margin-bottom: 50px;
	text-align: center;
}
/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.large_img img {
		height: auto;
	}
}
/* ========== end △ */

.txtbox {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}

.txtbox70 {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	width: 70%;
}

.linebox {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	border: 1px dashed #ccc;
	margin-bottom: 30px;
	box-sizing: border-box;
}
.linebox p {
	padding-bottom: 0;
	margin: 0;
}

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.linebox {
		width: 90%;
		padding: 5%;
	}
}
/* ========== end △ */

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.linebox {
		width: 90%;
		padding: 5%;
	}
}
/* ========== end △ */

.centertxt {
	width: 1000px;
	text-align: center;
	margin: auto;
	margin-bottom: 30px;
}

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.centertxt {
		width: 100%;
	}
}
/* ========== end △ */

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.centertxt {
		width: 100%;
	}
}
/* ========== end △ */

.btn_area {
	margin-bottom: 20px;
}
.btn_area ul {
	display: flex;
	justify-content: center;
	margin: 0;
}
.btn_area li {
	margin: 30px 50px;
}
.btn_area .btn_style01, .btn_area .btn_style02 {
	margin-top: 0;
	width: auto;
	min-width: 280px;
}
.btn_area .btn_style01 a, .btn_area .btn_style02 a {
	padding-right: 
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.btn_area {
		margin-bottom: 5%;
	}
	.btn_area ul {
		flex-flow: row wrap;
	}
	.btn_area li {
		margin: 0;
		margin-bottom: 5%;
		width: 100%;
	}
	.btn_area li.area_btn {
		margin-top: 8%;
	}
}
/* ========== end △ */

table {
	width: 100%;
	margin-bottom: 80px;
	border: none;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
}
table td, table th {
	padding: 10px;
	padding-left: 20px;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
}
table th {
	font-weight: 500;
	width: 25%;
}

.tbl02 th.top_th {
	width: 100%;
	text-align: center;
}

.tbl_img .txt_area {
	width: 50%;
}
.tbl_img .txt_area table {
	margin-top: 20px;
}


/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.tbl01, .tbl02 {
		margin-bottom: 10%;
	}
	.tbl_img .flex-sys-wrap {
		justify-content: center;
	}
	.tbl_img .txt_area {
		width: 100%;
		margin-top: 5%;
	}
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.tbl01 th, .tbl01 td  {
		padding: 3%;
		padding-left: auto;
		display: block;
	}
	.tbl01 td  {
		border-right: none;
	}
	.tbl01 tr:last-child td, .tbl03 tr:last-child td  {
		border-bottom: none;
	}
	.tbl01 th {
		width: 94%;
	}

	.tbl02 {
		width: 100%;
	}

}
/* ========== end △ */

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {

}
/* ========== end △ */
.flow_top_box {
	margin-bottom: 50px;
}
.flow_top_box .txt_area {
	width: 50%;
}
.flow_top_box .link_area {
	width: 40%;
}
.flow_top_box .tel {
  margin-right: 20px;
  margin-bottom: 20px;
}
.flow_top_box .tel p {
  font-size: 16px;
}
.flow_top_box .tel .num {
	color: #333;
  font-size: 36px;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/ico_tel.png) left center no-repeat;
  background-size: 30px;
  margin-bottom: 5px;
  padding-left: 40px;
  line-height: 1.1;
}
.flow_top_box .cont_btn {
	width: 300px;
}
.flow_top_box .cont_btn a {
	padding: 15px;
	font-size: 16px;
	background: url(../images/ico_mail.png) center left 30px no-repeat #fff;
	background-size: 23px;
}

/* ▽ PC layout ========== */
@media print, screen and (min-width: 981px) {
  .flow_top_box .cont_btn a:hover {
  	color: #fff;
  	background: url(../images/ico_mail_w.png) center left 30px no-repeat #4ed3f7;
	background-size: 23px;
  }

}
/* ========== end △ */

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.flow_top_box .txt_area {
		width: 100%;
	}
	.flow_top_box .link_area {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		align-items: center;
		margin-top: 5%;
	}

}
/* ========== end △ */

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {

}
/* ========== end △ */


.faq_box {
	margin-bottom: 50px;
}
.faq_box .q_box {
	background: #dbecea;
	padding: 15px 20px 20px;
}
.faq_box .q_box h4 {
	position: relative;
	font-weight: 500;
	font-size: 20px;
	padding-left: 50px;
}
.faq_box .q_box h4::before {
	position: absolute;
	content: url(../images/ico_q.png);
	width: 27px;
	height: 30px;
	left: 0;
	top: 10%;
}
.faq_box .a_box {
	border: 2px solid #dbecea;
	padding: 15px 20px 20px;
}
.faq_box .a_box p {
	position: relative;
	padding-left: 50px;
}
.faq_box .a_box p::before {
	position: absolute;
	content: url(../images/ico_a.png);
	width: 31px;
	height: 27px;
	left: 0;
	top: 10%;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.faq_box .q_box h4 {
		font-size: 18px;
	}
}
/* ========== end △ */

.cont_box {
	background: url(../images/cont_bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 50px;
	box-sizing: border-box;
}
.cont_box .top_ttl {
	border-bottom: 1px solid #fff000;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.cont_box .top_ttl h3 {
	color: #fff;
}
.cont_box .top_ttl .ttl_sub {
	padding-top: 5px;
	color: #fff;
}
.cont_box .flex-sys-wrap {
	justify-content: center;
}
.cont_box p {
	font-size: 38px;
	font-weight: bold;
	color: #fff;
}
.cont_box p.tel {
	background: url(../images/ico_tel.png) center left no-repeat;
	padding-left: 35px;
	margin-right: 80px;
}
.cont_box p.fax {
	background: url(../images/ico_fax.png) center left no-repeat;
	padding-left: 50px;
}
.cont_box .cont_btn {
	margin: auto;
	margin-top: 10px;
}
.cont_box .cont_btn a {
	background: url(../images/ico_mail_b.png) center left 20px no-repeat #fff000;
	color: #000;
}
/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.cont_box p.tel {
		margin-right: 0;
	}
}
/* ========== end △ */

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.cont_box p {
		font-size: 24px;
		font-weight: bold;
		color: #fff;
	}
	.cont_box p.tel {
		background: url(../images/ico_tel.png) center left no-repeat;
		background-size: 20px;
		padding-left: 30px;
		margin-bottom: 5%;
	}
	.cont_box p.fax {
		background: url(../images/ico_fax.png) center left no-repeat;
		background-size: 25px;
		padding-left: 35px;
	}
}
/* ========== end △ */

#link_bnr_area {
	background: #f2fbfa;
	padding: 50px 0;
}
#link_bnr_area ul.bnr_list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
#link_bnr_area ul.bnr_list li a {
 	transition: all 0.2s ease;
}

#link_bnr_area .blog {
	text-align: center;
}
#link_bnr_area .blog h4 {
	margin-top: 15px;
}
#link_bnr_area .blog a {
  transition: all 0.2s ease;	
}

/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
  #link_bnr_area ul.bnr_list li a:hover {
    opacity: 0.6;
  }
  #link_bnr_area .blog a:hover {
	  opacity: 0.6;	
	}
}
/* ========== end △ */

/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
  #link_bnr_area ul.bnr_list li img {
		height: auto;
	}
	#link_bnr_area .blog .box img {
		height: auto;
	}
}
/* ========== end △ */

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	#link_bnr_area {
		padding: 8% 0;
	}
	#link_bnr_area ul.bnr_list li {
		width: 90%;
		margin: auto;
		margin-bottom: 5%;
	}
	#link_bnr_area ul.bnr_list li:last-child {
		margin-bottom: 0;
	}

	#link_bnr_area .blog .box {
		width: 48%;
		margin-bottom: 5%;
	}
	#link_bnr_area .blog h4 {
		margin-top: 5px;
	}
}
/* ========== end △ */

/* ▽ TAB layout ========== */
@media only screen and (min-width: 641px) and (max-width: 980px) {
	#link_bnr_area ul.bnr_list li {
		width: 48%;
	}

	#link_bnr_area .blog .box {
		width: 23%;
		margin-bottom: 5%;
	}
}
/* ========== end △ */

/* ----------------------------------------- 内容テンプレート END  */

/* 各ページ内容 */
.top_area_mess {
	position: relative;
	background: #f9f9f9;
	padding: 100px 0;
	margin-bottom: 80px;
}
.top_area_mess::before {
	position: absolute;
	content: url(../images/mess.png);
	top: -50px;
	left: 15%;
	opacity: 0.5;
}
.top_area_mess .inner {
	position: relative;
	width: 700px;
	margin: auto;
	text-align: center;
	z-index: 2;
}
.top_area_mess .inner p {
	line-height: 1.8;
}
/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.top_area_mess {
		padding: 8% 0;
	}
	.top_area_mess .inner {
		width: 100%;
	}
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	
}
/* ========== end △ */

.message_box {
	margin-bottom: 50px;
}
.message_box .inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
.message_box .inner .mess_txt {
	width: 60%;
}
.message_box .inner .mess_txt p {
	font-size: 18px;
	line-height: 2;
}
.message_box .inner .catch {
	width: 20%;
}
/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
  
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.message_box .inner .mess_txt {
		width: 70%;
	}
	.message_box .inner .mess_txt p {
		font-size: 16px;
		line-height: 1.8;
	}
}
/* ========== end △ */


.house_flow {
	margin-bottom: 50px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
.house_flow .img_area img {
	border-radius: 20px;
}
.house_flow .txt_area {
	width: 65%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}
.house_flow .txt_area .flow_num {
	width: 20%;
	font-size: 80px;
	color: #3f857f;
	font-style: italic;
}
.house_flow .txt_area .txt {
	width: 80%;
}
.house_flow .txt_area .txt h6 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
}

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.house_flow .img_area {
		margin: auto;
	}
	.house_flow .txt_area, .house_flow .txt_area .flow_num, .house_flow .txt_area .txt {
		width: 100%
	}
	.house_flow .txt_area .flow_num {
		font-size: 50px;
	}
}
/* ========== end △ */

/* ▽ TAB layout ========== */
@media only screen and (min-width: 641px) and (max-width: 980px) {
	.house_flow .txt_area {
		width: 55%;
	}
	.house_flow .txt_area .flow_num {
		font-size: 68px;
	}
	.house_flow .txt_area .txt {
		width: 75%;
	}
}
/* ========== end △ */

.works_col3 {
	background: url(../../images/line.gif) center top no-repeat;
	padding-top: 60px;
}
.works_box {
	margin-bottom: 60px;
}
.works_box .img_area {
	overflow: hidden;
	width: 450px;
	height: 320px;
	border-radius: 20px;
}
.col03.works_box .img_area {
	overflow: hidden;
	width: 300px;
	height: 240px;
	border-radius: 20px;
	margin-bottom: 10px;
}
.works_box .img_area img {
	display: block;
	transition-duration: 0.3s;	
}
/* ▽ PC layout ========== */
@media print, screen and (min-width: 641px) {
	.works_box .img_area img:hover {
		transform: scale(1.1);
		transition-duration: 0.3s;
	}
}
/* ========== end △ */

/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.works_box .img_area {
		overflow: hidden;
		width: 100%;
		height: auto;
		border-radius: 20px;
	}
	.col03.works_box .img_area {
		margin: auto;
		margin-bottom: 3%;
	}
	.col03.works_box p {
		text-align: center;
	}
}
/* ========== end △ */

.works_box .txt_area h6 {
	display: inline-block;
	position: relative;
	border-bottom: none;
	padding: 0 30px;
	margin-bottom: 30px;
}
.works_box .txt_area h6::before, .works_box .txt_area h6::after {
	position: absolute;
	top: -10px;
	color: #a5cdca;
	font-size: 34px;
	font-weight: bold;
	opacity: 0.5;
}
.works_box .txt_area h6::before {
	content: "[";
	left: 0;
}
.works_box .txt_area h6::after {
	content: "]";
	right: 0;
}

.president .box_odd .txt_area {
	width: 45%;	
}
.president .box_odd .txt_area h6, .staff .col2_box .txt_area h6,.staff .col3_box .txt_area h6,.staff .col4_box .txt_area h6 {
	border-bottom: 3px solid #a5cdca;
	background: url(../images/ico_tree.png) bottom -3px left no-repeat;
}
.president .box_odd .txt_area h6 {
	background-size: 40px;
	padding-left: 55px;
}
/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
	.president .box_odd .txt_area {
		width: 100%;	
	}
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	
}
/* ========== end △ */

.img_txt.staff {
	margin-bottom: 0;
}
.staff .col2_box {
	width: 45%;
	margin-bottom: 50px;
}
.staff .col2_box .txt_area h6 {
	font-size: 20px;
	text-align:center;
	background-size: 35px;
	}
/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.staff .col2_box {
		width: 100%;
		margin-bottom: 50px;
	}
}
/* ========== end △ */

.img_txt.staff {
	margin-bottom: 0;
}
.staff .col3_box {
	width: 30%;
	margin-bottom: 50px;
}
.staff .col3_box .txt_area h6 {
	font-size: 20px;
	text-align:center;
	background-size: 35px;
	}
/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.staff .col3_box {
		width: 100%;
		margin-bottom: 50px;
	}
}
/* ========== end △ */

.img_txt.staff {
	margin-bottom: 0;
}
.staff .col4_box {
	width: 23%;
	margin-bottom: 50px;
}
.staff .col4_box .txt_area h6 {
	font-size: 24px;
	text-align: center;
	background-size: 35px;
	}
/* ▽ TAB-SP layout ========== */
@media only screen and (max-width: 980px) {
}
/* ========== end △ */
/* ▽ SP layout ========== */
@media only screen and (max-width: 640px) {
	.staff .col4_box {
		width: 100%;
		margin-bottom: 50px;
	}
}
/* ========== end △ */

.wood_list {
	margin-bottom: 50px;
}
.wood_list table {
	margin-bottom: 0px;
}
.wood_list .wood_name {
	font-size: 22px;
	color: #728a88;
	margin-bottom: 15px;
}
.wood_list table tr:first-child {
	border-top: 1px solid #ccc;
}
.wood_list table tr:nth-child(odd) {
	background: #f2fbfa;
}