<div class="btnbox"><div class="btnbox">btnboxbtnboxcontactformcontactformcontactformcontactformcontactformcontactform/*@charset "utf-8";*/

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* clearfix */
.cf:after {
  content:" ";
  display:block;
  clear:both;
}


/* ボックス */
#contents .box_cmn {
	margin: 0 auto;
}
@media print, screen and (min-width: 320px) {
	.box_cmn {width: 96%;}
}
@media print, screen and (min-width: 480px) {
	.box_cmn {width: 96%;}
}
@media print, screen and (min-width: 768px) {
	.box_cmn {width: 728px;}
}
@media print, screen and (min-width: 960px) {
	.box_cmn {width: 800px;}
}

/* ページング */
.paging {
	text-align: center;
}
.paging li {
	padding: 0 6px;
	display: inline-block;
	list-style-type: none;
}

/* 画像切替用 */
.control ul li {
	cursor: pointer;
}
.control li img {
    opacity: 0.4;
}
.control li a.active img {
    opacity: 1;
}


/*----------------------------------------------------
	index | トップページ
----------------------------------------------------*/

/* #mainimage
----------------------------------------------------*/
#mainimage {
	margin: 0 auto;
	padding: 10px 0;
}
@media print, screen and (min-width: 320px) {
	#mainimage {width: 100%;}
}
@media print, screen and (min-width: 480px) {
	#mainimage {width: 100%;}
}
@media print, screen and (min-width: 768px) {
	#mainimage {width: 768px;}
}
@media print, screen and (min-width: 960px) {
	#mainimage {width: 960px;}
}

/* top_pickup
----------------------------------------------------*/
.top_pickup ul {
	overflow: hidden;
}
.top_pickup ul li {
	list-style-type: none;
}
@media print, screen and (min-width: 320px) {
	.top_pickup ul {width: 100%;}
	.top_pickup ul li {width: 50%; margin: 0; padding: 0; text-align: center; float: left;}
	.top_pickup ul li img {width: 80%;}
}
@media print, screen and (min-width: 480px) {
	.top_pickup ul {width: 100%;}
	.top_pickup ul li {width: 50%; margin: 0; padding: 0; text-align: center; float: left;}
	.top_pickup ul li img {width: 80%;}
}
@media print, screen and (min-width: 768px) {
	.top_pickup ul {width: 748px; margin: 0 -15px 30px 0; padding: 0 10px; zoom: 1;}
	.top_pickup ul li {width: 180px; margin: 0 15px 0 0; padding: 0 20px; float: left;}
	.top_pickup ul li img {width: 180px;}
}
@media print, screen and (min-width: 960px) {
	.top_pickup ul {width: 975px; margin: 0 -15px 30px 0; padding: 0; zoom: 1;}
	.top_pickup ul li {width: 180px; margin: 0 15px 0 0; padding: 0; float: left;}
	.top_pickup ul li img {width: 180px;}
}

/* top_newsarea
----------------------------------------------------*/
.top_newsarea > ul{
	/*height: 352px;*/
	overflow-y: scroll;
}
.top_newsarea ul li {
	list-style-type: none;
}
.top_newsarea ul li .date {
	color: #7991c3;
}
@media print, screen and (min-width: 320px) {
	.top_newsarea ul {margin: 10px 0 0 0; padding: 0 10px;}
	.top_newsarea {width: 100%; float: none;}
	.top_newsarea ul li {margin:  0 0 10px 0;}
}
@media print, screen and (min-width: 480px) {
	.top_newsarea ul {margin: 10px 0 0 0; padding: 0 10px;}
	.top_newsarea {width: 100%; float: none;}
	.top_newsarea ul li {margin:  0 0 10px 0;}
}
@media print, screen and (min-width: 768px) {
	.top_newsarea ul {margin: 30px 0 0 0; padding: 0;}
	.top_newsarea {width: 100%; float: none;}
	.top_newsarea ul li {margin:  0 0 20px 0;}
}
@media print, screen and (min-width: 960px) {
	.top_newsarea ul {margin: 30px 0 0 0; padding: 0;}
	.top_newsarea {width: 100%; float: left;}
	.top_newsarea ul li {margin:  0 0 20px 0; float: left; width: 33%;}
}

/* top_worksarea
----------------------------------------------------*/
.top_worksarea .wrap {
	overflow: hidden;
}
.top_worksarea .wrap dl {
	overflow: hidden;
}
.top_worksarea .wrap dl dt img {
	border: 1px #ccc solid;
  box-sizing: border-box;
}
.top_worksarea .wrap dl dd {
	padding: 0 10px;
}
.top_worksarea .wrap dl dd.work_name {
	font-size: 110%;
}
.top_worksarea .wrap dl dd .date {
	color: #7991c3;
}
@media print, screen and (min-width: 320px) {
	.top_worksarea {width: 100%; float: none;}
	.top_worksarea .wrap {margin: 10px 0 0 0;}
	.top_worksarea .wrap dl {width: 100%; margin: 0 0 10px 0; padding: 0 7px; float: none;}
	.top_worksarea .wrap dl dt {clear: both; float: left;}
	.top_worksarea .wrap dl dt img {width: 133px; height: 88px; overflow: hidden;}
	.top_worksarea .wrap dl dd {overflow: hidden;}
}
@media print, screen and (min-width: 480px) {
	.top_worksarea {width: 100%; float: none;}
	.top_worksarea .wrap {margin: 10px 0 10px 0;}
	.top_worksarea .wrap dl {width: 100%; margin: 0 0 10px 0; padding: 0 7px; float: none;}
	.top_worksarea .wrap dl dt {clear: both; float: left; margin-right: 5px;}
	.top_worksarea .wrap dl dt img {width: 133px; height: 88px; overflow: hidden;}
	.top_worksarea .wrap dl dd {overflow: hidden;}
}

@media print, screen and (min-width: 768px) {
	.top_worksarea {width: 100%; float: none;}
	.top_worksarea .wrap {margin: 30px 0 30px 0;}
	.top_worksarea .wrap dl {width: 50%; margin: 0; padding: 0; float: left; height: 160px;}
	.top_worksarea .wrap dl dt {clear: both; float: left; width: 160px}
	.top_worksarea .wrap dl dt img {height: 120px; width: 160px; overflow: hidden;}
	.top_worksarea .wrap dl dd {overflow: hidden;}
}

@media print, screen and (min-width: 960px) {
	.top_worksarea {width: 100%; float: none;}
	.top_worksarea .wrap {width: 980px; margin: 30px 0 30px 0; overflow: visible;}
	.top_worksarea .wrap dl {width: 224px; padding: none; margin: 0 21px 0 0; float: left; height: 340px;}
	.top_worksarea .wrap dl dt {float: none; width: 224px}
	.top_worksarea .wrap dl dt img {height: 168px; width: 224px; overflow: hidden;}
	.top_worksarea .wrap dl dd {float: none;}
}


/*----------------------------------------------------
	works | 実績紹介
----------------------------------------------------*/

/* works_list
----------------------------------------------------*/
.works_list {
	overflow: hidden;
	zoom: 1;
}

.works table {
	width: 100%;
  margin-bottom: 15px;
}
.works thead tr {
	background: #2a4888;
	color: #FFF;
}
.works tbody tr:nth-child(odd) {
    background: #FFF;
}
.works tbody tr:nth-child(even) {
    background: #F0F0F0;
}
.works th, .works td {
	padding: 15px;
}

.works_category {
	list-style-type: none;
}

.works_category li {
	margin-left: 15px;
	padding: 15px;
	background: url(../img/cmn/ic_arrow01.gif) no-repeat left center;
}

.works a {
  color: #2a4888;
}

@media print, screen and (min-width: 320px) {
	.works_category li {
		float: left;
		margin-bottom: 15px;
		width: 35%;
		padding: 5px 5px 5px 15px;
	}
	.works_cat_name {
		display: none;
	}
  #contents .box_cmn.works_list {
    width: 100%;
    box-sizing:border-box;
    padding: 0 15px;
  }
  .works_list dl {
    margin-bottom: 15px;
    background: #F0F0F0;
    padding-bottom: 15px;
  }
  .works_list dt {
    margin-bottom: 15px;
    text-align: center;
  }
  .works_list dd {
    padding: 0 15px;
  }
  .works_list img {
    width: auto;
    max-height: 180px;
  }
  .works_list p {
    margin-top: 15px;
    font-size: 100%;
  }
  .works_list .completion_date {
    color: #666666;
  }
  .works .paging {
    margin-bottom: 15px;
  }
  .works .paging, .works .works_comment {
    box-sizing: border-box;
    padding: 0 15px;
  }

}
@media print, screen and (min-width: 480px) {
	.works_category li {
		width: auto;
		padding: 15px;
	}
	.works_cat_name {
		display: table-cell;
	}
  #contents .box_cmn.works_list {
    padding-right: 0;
  }
  #contents .works_all .box_cmn.works_list {
    padding: 0 15px;
  }
  .works_list dl {
    float: left;
    width: 46.629%;
    margin-right: 3.370%;
  }
}
@media print, screen and (min-width: 768px) {
	.works_category {
		float: left;
		width: 158px;
		margin-right: 10px;
	}
	.works_category li {
		margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
	}
  .works {
    width: 600px;
    float: left;
  }
  #contents .box_cmn.works_list {
    padding-left: 0;
  }
  #contents .works_all .box_cmn.works_list {
    padding-right: 0;
  }
  .works_list dl {
    margin: 0 0 15px 10px;
    width: 190px
  }
  .works_list p {
    margin-left: 15px;
  }
  .works .paging {
    clear: both;
  }
}
@media print, screen and (min-width: 960px) {
	.works_category {
		float: left;
		width: 180px;
		margin-right: 10px;
	}
	.works_category li {
		margin-bottom: 0;
	}
  .works {
    width: 770px;
    float: left;
  }
  .works_list dl {
    margin: 0 0 15px 15px;
    width: 241.666px
  }
}

/* works_details
----------------------------------------------------*/
.works_details img {
	vertical-align: top;
}
.works_details ul li {
	list-style-type: none;
}
.works_details .txtinfo {
	clear: both;
}
.works_details .txtinfo h3 {
	margin: 0 0 10px 0;
	color: #1c95d4;
}
.works_details .txtinfo table {
	width: 100%;
}
.works_details .txtinfo table th {
	padding: 5px;
	border-top: 1px #a9a9a9 dotted;
	color: #0756a0;
}
.works_details .txtinfo table td {
	padding: 5px;
	border-top: 1px #a9a9a9 dotted;
}
@media print, screen and (min-width: 320px) {
	.works_details {padding: 20px 0 0 0;}
	.works_details #photo_main {width: 300px; margin: 0 auto 10px auto; overflow: hidden; float: none; text-align: center;}
	.works_details #photo_main img {max-height: 480px; height: auto; width: auto;}
	.works_details .control li {width: 20%; overflow: hidden; float: left; text-align: center; margin-bottom: 10px; height: 30px;}
	.works_details .control li img {width: 50px;}
	.works_details .txtinfo {padding: 10px 0;}
	.works_details .txtinfo h3 {font-size: 110%;}
	.works_details .txtinfo table {margin: 0 0 10px 0; font-size: 90%;}
	.works_details .txtinfo table th {width: 20%;}
}
@media print, screen and (min-width: 480px) {
	.works_details {padding: 20px 0 0 0;}
	.works_details #photo_main {width: 460px; margin: 0 auto 10px auto; overflow: hidden; float: none; text-align: center;}
	.works_details #photo_main img {}
	.works_details .control li {width: 20%; overflow: hidden; float: left; text-align: center; margin-bottom: 10px; height: 60px;}
	.works_details .control li img {width: 80px;}
	.works_details .txtinfo {padding: 10px 0;}
	.works_details .txtinfo h3 {font-size: 110%;}
	.works_details .txtinfo table {margin: 0 0 15px 0; font-size: 100%;}
	.works_details .txtinfo table th {width: 15%;}
}
@media print, screen and (min-width: 768px) {
	.works_details {padding: 20px 0 0 0;}
	.works_details #photo_main {width: 100%; margin: 0 auto 10px auto; overflow: hidden; float: none; text-align: center;}
	.works_details #photo_main img {}
	.works_details .control li {width: 145px; overflow: hidden; float: left; text-align: center; margin-bottom: 10px; height: 70px;}
	.works_details .control li img {width: 100px;}
	.works_details .txtinfo {padding: 10px 0;}
	.works_details .txtinfo h3 {font-size: 140%;}
	.works_details .txtinfo table {margin: 0 0 15px 0; font-size: 100%;}
	.works_details .txtinfo table th {width: 15%;}
}
@media print, screen and (min-width: 960px) {
	.works_details {padding: 20px 0 0 0;}
	.works_details #photo_main {width: 100%; margin: 0 auto 10px auto; overflow: hidden; float: none; text-align: center;}
	.works_details #photo_main img {}
	.works_details .control li {width: 160px; overflow: hidden; float: left; text-align: center; margin-bottom: 10px; height: 90px;}
	.works_details .control li img {width: 120px;}
	.works_details .txtinfo {padding: 10px 0;}
	.works_details .txtinfo h3 {font-size: 140%;}
	.works_details .txtinfo table {margin: 0 0 15px 0; font-size: 100%;}
	.works_details .txtinfo table th {width: 15%;}

/*	.works_details {padding: 45px 0 0 0;}
	.works_details #photo_main {width: 650px; margin: 0; overflow: hidden; float: left;}
	.works_details #photo_main img {width: 650px;}
	.works_details .control {width: 125px; float: right;}
	.works_details .control li {width: 125px; margin: 0 0 15px 0; overflow: hidden;}
	.works_details .control li img {width: 125px;}
	.works_details .txtinfo {padding: 20px 0;}
	.works_details .txtinfo h3 {font-size: 140%;}
	.works_details .txtinfo table {margin: 0 0 15px 0; font-size: 100%;}
	.works_details .txtinfo table th {width: 10%;}*/
}


/*----------------------------------------------------
	service | 実績紹介
----------------------------------------------------*/

/* service_list
----------------------------------------------------*/
.service_list {
	padding: 10px 0 0 0;
	overflow: hidden;
	zoom: 1;
}
.service_list p {
	margin: 0 0 10px 0;
}
.service_list dl {
	margin: 0 25px 25px 0;
	background: #f0f0f0;
	float: left;
}
.service_list dl dt {
	color: #2a4888;
	font-weight: bold;
	text-align: center;
}
.service_list dl dd img {
	width: 230px;
	height: 100px;
	overflow: hidden;
}
.service_list dl dd {
	width: 230px;
	margin: 0 auto;
}
@media print, screen and (min-width: 320px) {
	.service_list {width: 96%;}
	.service_list dl {width: 100%; padding: 10px 0;}
	.service_list dl dt {font-size: 110%;}
}
@media print, screen and (min-width: 480px) {
	.service_list {width: 96%;}
	.service_list dl {width: 100%; padding: 10px 0;}
	.service_list dl dt {font-size: 110%;}
}
@media print, screen and (min-width: 768px) {
	#contents .box_cmn.service_list {width: 753px; margin: 0 -25px 0 15px;}
	.service_list dl {width: 230px; padding: 10px 60px;}
	.service_list dl dt {font-size: 120%;}
}
@media print, screen and (min-width: 960px) {
	#contents .box_cmn.service_list {width: 825px; margin: 0 -25px 0 15px;}
	.service_list dl {width: 230px; padding: 10px;}
	.service_list dl dt {font-size: 140%;}
}


/*----------------------------------------------------
	company | 会社案内
----------------------------------------------------*/

/* company_top
----------------------------------------------------*/
#contents .box_cmn.company_top {
	padding: 10px 0 0 0;
}
.company_top dl {
	margin: 0 25px 25px 0;
	background: #f0f0f0;
	float: left;
}
.company_top dl.list_rec {background: #e8f5fb;}
.company_top dl dt {
	text-align: center;
}
.company_top dl dt a {
	color: #2a4888;
	font-weight: bold;
	text-decoration: none;
}
.company_top dl dd img {
	width: 230px;
	height: 100px;
	overflow: hidden;
}
.company_top dl dd {
	width: 230px;
	margin: 0 auto;
}
@media print, screen and (min-width: 320px) {
	.company_top {width: 96%;}
	.company_top dl {width: 100%; padding: 10px 0;}
	.company_top dl dt {font-size: 110%;}
}
@media print, screen and (min-width: 480px) {
	.company_top {width: 96%;}
	.company_top dl {width: 100%; padding: 10px 0;}
	.company_top dl dt {font-size: 110%;}
}
@media print, screen and (min-width: 768px) {
	#contents .box_cmn.company_top {width: 753px; margin: 0 -25px 0 15px;}
	.company_top dl {width: 230px; padding: 10px 60px;}
	.company_top dl dt {font-size: 120%;}
}
@media print, screen and (min-width: 960px) {
	#contents .box_cmn.company_top {width: 825px; margin: 0 -25px 0 15px;}
	.company_top dl {width: 230px; padding: 10px;}
	.company_top dl dt {font-size: 140%;}
}

/* box_company
----------------------------------------------------*/
.box_company .gree_photo {
	width: 280px;
	padding: 10px 0;
}
.box_company .gree_txt p {
	margin: 0 0 10px 0;
	line-height:20px;
}
.box_company .txt_vision {
	padding: 10px;
	font-size: 120%;
	font-weight: bold;
}
@media print, screen and (min-width: 320px) {
	.box_company .gree_photo {margin: 0 auto; float: none;}
	.box_company .gree_txt {padding: 10px 10px 0 10px;}
}
@media print, screen and (min-width: 480px) {
	.box_company .gree_photo {margin: 0 auto; float: none;}
	.box_company .gree_txt {padding: 10px 10px 0 10px;}
}
@media print, screen and (min-width: 768px) {
	.box_company .gree_photo {margin: 0px 0px 10px 30px; float: right;}
	.box_company .gree_txt {padding: 10px 0px 0 0; overflow: hidden;}
}
@media print, screen and (min-width: 960px) {
	.box_company .gree_photo {margin: 0px 0px 10px 20px; float: right;}
	.box_company .gree_txt {padding: 10px 0px 0 0; overflow: hidden;}
}

/* information
----------------------------------------------------*/
.box_company table {
	width: 100%;
	border-top: 1px #a9a9a9 dotted;
}
.box_company table th {
	padding: 10px;
	border-bottom: 1px #a9a9a9 dotted;
	color: #0756a0;
}
.box_company table td {
	padding: 10px;
	border-bottom: 1px #a9a9a9 dotted;
}
@media print, screen and (min-width: 320px) {
	.box_company table {margin: 10px 0 10px 0;}
	.box_company table th {width: 30%;}
}
@media print, screen and (min-width: 480px) {
	.box_company table {margin: 10px 0 10px 0;}
	.box_company table th {width: 20%;}
}
@media print, screen and (min-width: 768px) {
	.box_company table {margin: 20px 0 10px 0;}
	.box_company table th {width: 15%;}
}
@media print, screen and (min-width: 960px) {
	.box_company table {margin: 30px 0 0 0;}
	.box_company table th {width: 20%;}
}

/* access
----------------------------------------------------*/
.box_company .st_map {
	padding: 10px 0 5px 0;
	border-top: 1px #a9a9a9 dotted;
	color: #0756a0;
	font-size: 110%;
}
.box_company .map {
	width: 90%;
	height: 400px;
}
.box_company .map img {
	max-width: none !important;
}
@media print, screen and (min-width: 320px) {
	.box_company .map {margin: 10px 0;}
}
@media print, screen and (min-width: 480px) {
	.box_company .map {margin: 10px 0;}
}
@media print, screen and (min-width: 768px) {
	.box_company .map {margin: 10px 0 20px 0;}
}
@media print, screen and (min-width: 960px) {
	.box_company .map {margin: 10px 0 30px 0;}
}


/*----------------------------------------------------
	recruit | 採用情報
----------------------------------------------------*/

/* recruit_top
----------------------------------------------------*/
.recruit_top .photo {
	width: 400px;
}
.recruit_top .txt p {
	margin: 0 0 10px 0;
}
.recruit_top .list_recnav {
	overflow: hidden;
	clear: both;
}
.recruit_top .list_recnav dl {
	margin: 0 25px 25px 0;
	background: #f0f0f0;
	float: left;
}
.recruit_top .list_recnav dl dt {
	text-align: center;
}
.recruit_top .list_recnav dl dt a {
	color: #2a4888;
	font-weight: bold;
	text-decoration: none;
}
.recruit_top .list_recnav dl dd img {
	width: 230px;
	height: 100px;
	overflow: hidden;
}
.recruit_top .list_recnav dl dd {
	width: 230px;
	margin: 0 auto;
}
@media print, screen and (min-width: 320px) {
	.recruit_top .photo {margin: 0 auto; float: none;}
	.recruit_top .list_recnav dl {width: 100%; padding: 10px 0;}
	.recruit_top .list_recnav dl dt {font-size: 110%;}
}
@media print, screen and (min-width: 480px) {
	.recruit_top .photo {margin: 0 auto; float: none;}
	.recruit_top .list_recnav dl {width: 100%; padding: 10px 0;}
	.recruit_top .list_recnav dl dt {font-size: 110%;}
}
@media print, screen and (min-width: 768px) {
	#contents .box_cmn.recruit_top {width: 753px; margin: 0 -25px 0 15px; padding: 10px 0 0 0;}
	.recruit_top .photo {padding: 20px 0; float: right;}
	.recruit_top .txt {padding: 20px 20px 20px 0; overflow: hidden;}
	.recruit_top .list_recnav dl {width: 230px; padding: 10px 60px;}
	.recruit_top .list_recnav dl dt {font-size: 120%;}
}
@media print, screen and (min-width: 960px) {
	#contents .box_cmn.recruit_top {width: 850px; margin: 0 -25px 0 15px; padding: 20px 0 0 0;}
	.recruit_top .photo {padding: 20px 0px 0px 0px; }
	.recruit_top .txt {padding: 20px 40px 0px 0; overflow: hidden;}
	.recruit_top .list_recnav dl {width: 230px; padding: 10px;}
	.recruit_top .list_recnav dl dt {font-size: 140%;}
}

/* box_recruit
----------------------------------------------------*/
.box_recruit p {
	margin: 0 0 10px 0;
}
.box_recruit .stafflist {
	padding: 15px 0;
	border-bottom: 1px #a9a9a9 dotted;
	overflow: hidden;
}
.box_recruit .stafflist h4 {
	padding: 0 0 0 10px;
	border-left: 2px #0756a0 solid;
	color: #0756a0;
	overflow: hidden;
}
.box_recruit .stafflist h4 span {
	font-size: 82%;
}
.box_recruit .stafflist h4 .enter {color: #808080;}
.box_recruit .stafflist h4 .post {color: #333;}
.box_recruit .stafflist dl {
	width: 96%;
	margin: 0 auto;
	padding: 10px 0 0 0;
	clear: both;
}
.box_recruit .stafflist dl dt {
	padding: 5px;
	color: #0756a0;
	font-weight: bold;
}
.box_recruit .stafflist dl dd {
	padding: 5px;
}
@media print, screen and (min-width: 320px) {
	.box_recruit .stafflist h4 {margin: 10px 0 0 0;}
	.box_recruit .stafflist .imgL {width: 150px; height: 98px; margin: 0 10px 0 0; overflow: hidden; float: left;}
	.box_recruit .stafflist .imgL img {width: 150px;}
	.box_recruit .stafflist dl dt {width: 100%; float: none;}
    .box_recruit .stafflist dl dd {padding-left: 0;}
}
@media print, screen and (min-width: 480px) {
	.box_recruit .stafflist h4 {margin: 40px 0 0 0;}
	.box_recruit .stafflist .imgL {width: 230px; height: 150px; margin: 0 25px 0 0; overflow: hidden; float: left;}
	.box_recruit .stafflist .imgL img {width: 230px;}
	.box_recruit .stafflist dl dt {width: 13em; clear: both; float: left;}
    .box_recruit .stafflist dl dd {padding-left: 14em;}
}
@media print, screen and (min-width: 768px) {
	.box_recruit .stafflist h4 {margin: 40px 0 0 0;}
	.box_recruit .stafflist .imgL {width: 230px; height: 150px; margin: 0 25px 0 0; overflow: hidden; float: left;}
	.box_recruit .stafflist .imgL img {width: 230px;}
	.box_recruit .stafflist dl dt {width: 13em; clear: both; float: left;}
    .box_recruit .stafflist dl dd {padding-left: 14em;}
}
@media print, screen and (min-width: 960px) {
	.box_recruit .stafflist h4 {margin: 40px 0 0 0;}
	.box_recruit .stafflist .imgL {width: 230px; height: 150px; margin: 0 25px 0 0; overflow: hidden; float: left;}
	.box_recruit .stafflist .imgL img {width: 230px;}
    .box_recruit .stafflist dl dt {width: 13em; clear: both; float: left;}
    .box_recruit .stafflist dl dd {padding-left: 14em;}
}

/* tb_guideline
----------------------------------------------------*/
.tb_guideline {
	margin: 0 0 20px 0;
	border-top: 1px #a9a9a9 dotted;
}
.tb_guideline th {
	padding: 10px;
	color: #0756a0;
	border-bottom: 1px #a9a9a9 dotted;
}
.tb_guideline td {
	padding: 10px;
	border-bottom: 1px #a9a9a9 dotted;
}
@media print, screen and (min-width: 320px) {
	.tb_guideline th {width: 30%}
}
@media print, screen and (min-width: 480px) {
	.tb_guideline th {width: 20%}
}
@media print, screen and (min-width: 768px) {
	.tb_guideline th {width: 20%}
}
@media print, screen and (min-width: 960px) {
	.tb_guideline th {width: 20%}
}


/*----------------------------------------------------
	news | 新着情報
----------------------------------------------------*/
.news_list dl {
	margin: 20px 0 10px 0;
	border-top: 1px #a9a9a9 dotted;
}
.news_list dl dt {
	padding: 5px 10px;
	color: #0756a0;
	font-weight: bold;
}
.news_list dl dt span {
	padding: 0 10px 0 0;
}
.news_list dl dd {
	padding: 0 10px 10px 10px;
	border-bottom: 1px #a9a9a9 dotted;
}


/*----------------------------------------------------
	privacy | プライバシーポリシー
----------------------------------------------------*/
.privacy_list p {
	margin: 0 0 10px 0;
}
.privacy_list dl {
	border-top: 1px #a9a9a9 dotted;
}
.privacy_list dl dt {
	padding: 5px 10px;
	color: #0756a0;
	font-weight: bold;
}
.privacy_list dl dd {
	padding: 5px 10px;
}
.privacy_list dl dd ul {
	margin: 0 0 10px 0;
}
.privacy_list dl dd ul li {
	margin: 0 0 10px 0;
	list-style-type: none;
}
.privacy_list dl dd ul li span {
	padding: 0 0 5px 0;
	font-weight: bold;
	display: inline-block;
}


/*----------------------------------------------------
	sitemap | サイトマップ
----------------------------------------------------*/
.sitemap_list h3,
.sitemap_list p {
	padding: 10px;
}
.sitemap_list a {
	color: #0756a0;
}
.sitemap_list .line_top {
	border-top: 1px #a9a9a9 dotted;
}
.sitemap_list .line {
	border-bottom: 1px #a9a9a9 dotted;
}
@media print, screen and (min-width: 320px) {
	.sitemap_list {padding: 10px 0;}
}
@media print, screen and (min-width: 480px) {
	.xsitemap_list {padding: 10px 0;}
}
@media print, screen and (min-width: 768px) {
	.sitemap_list {padding: 20px 0;}
}
@media print, screen and (min-width: 960px) {
	.sitemap_list {padding: 40px 0;}
}

/*----------------------------------------------------
	mail | お問い合わせ
----------------------------------------------------*/
#contactform .formtable {
    margin: 30px 0;
}

#contactform .formtable td,
#contactform .formtable th {
    padding: 5px;
    font-weight: normal;
    vertical-align: top;
}

#contactform .formtable input[type="text"] {
    width: 50%;
}

#contactform .formtable textarea {
    width: 100%;
}

#contactform .btnbox {
    margin-top: 20px;
}


/*----------------------------------------------------
	Media Queries テンプレート
----------------------------------------------------*/
@media print, screen and (min-width: 320px) {
	.xxx {}
}
@media print, screen and (min-width: 480px) {
	.xxx {}
}
@media print, screen and (min-width: 768px) {
	.xxx {}
}
@media print, screen and (min-width: 960px) {
	.xxx {}
}


/*----------------------------------------------------
	スライダーjQueryプラグイン
----------------------------------------------------*/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }