@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);

#first .box {
	margin-bottom: 15px;
}
#first .imgright .image  {
	margin-right: 9px;
}
#first .box p.top {
	margin-bottom: 25px;
}
#first .box p span {
	font-weight:bold;
	color:#F77204;
}
#first p.btn {
	margin:30px 0 40px;
	text-align:center;
}
#first .imgleft .text{
	margin-left: 300px;
}
@media screen and (max-width: 960px) {
  #first .imgleft .text{
    margin-left: 0;
  }
}
#about p {
	margin:0 0 15px;
}
#about ul li.last {
	padding-left:15px;
	margin-bottom:30px;
}

/*-------------------------------------------------------------------
	.section
-------------------------------------------------------------------*/
#content h4 {
	margin: 0 0 20px;
	background: url(../image/h4_bg.jpg) left top no-repeat;
	padding:5px 0 3px 22px;
	font-weight:bold;
}
#staff {
	margin:0 0 40px;
}
#staff p.top {
	margin:0 0 10px;
}
#staff .section .imgleft .text {
	margin-left:220px;
	margin-right:10px;
}
@media screen and (max-width: 680px) {
  #staff .section .imgleft .text {
    margin-left: 222px;
  }
}
@media screen and (max-width: 480px) {
  #staff .section .imgleft .text {
    margin-left: 0;
  }
}
#staff .section p span.t01{
	color:#E9671D;
}
#staff .section p span.t02{
	font-weight:bold;
	color:#4C372B;
}
#staff .section p span.t03{
	color:#F77204;
}
#content .section {
	margin-bottom: 30px;
}
#content .section .box {
	margin-bottom: 20px;
}
#content .section .box ul a {
  border: 1px solid #E5D7C6;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 194px;
  width: 194px;
	padding:2px;
}
@media screen and (max-width: 480px) {
  #content .section .box ul a {
    margin: auto;
  }
}

/* --------------------------------------
	table
-------------------------------------- */
#content table th{
  	width:460px;
  	padding: 4px 9px;
		background: #FFFFFF;
}
#content table td{
  	padding: 4px 9px;
		background: #F1EAE2;
}