@charset "UTF-8";

/**
 *
 * レスポンシブウェブデザイン用
 *
**/


/**
 * タブレット端末用
**/

@media only screen and (min-width: 681px) and (max-width: 1200px) {
body {
	padding: 0;
	-webkit-text-size-adjust: none;
	font-size: 12px;
}

  
/**
 * ヘッダー
**/
#header .logo {
  width: 210px;
	position: absolute;
  top: 17px;
  left: 0;
}

#header .bnr li {
  margin: 0 0 0 10px;
  width: 220px;
  float: left;
  display: inline;
}


/**
 * ナビゲーション
**/
#navi ul li a {
	width: 100%;
	height: 55px;
	line-height: 1.4em;
	font-size: 12px;
	color: #202020;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

#navi ul li a .eng {
  line-height: 1.6em;
  font-size: 8px;
  color: #aaabaa;
  display: block;
}
  
/**
 * ページイメージ
**/
#page_image .image01 {
  width: 45%;
	max-width: 634px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

#page_image .image02 {
  width: 45%;
	max-width: 659px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}


  
#main_image .image-left {
  width: 45%;
	max-width: 634px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

#main_image .image-right {
  width: 45%;
	max-width: 659px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}




}


/**
 * スマートフォン端末用
**/

@media only screen and (max-width: 680px) {
body {
	padding: 0;
	-webkit-text-size-adjust: none;
	font-size: 12px;
}

/**
 * SP表示
**/
.sp_disp { display: block !important; }
.pc_disp { display: none !important; }

/**
 * ラッパー
**/

#wrapper {
  padding: 120px 0 54px 0;
	overflow: hidden;
}


/**
 * ヘッダー
**/

#header {
	width: 100%;
	height: 119px;
	text-align: left;
	border-bottom: 1px solid #f79cce;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#header .wrap {
	margin: 0 auto;
	width: 100%;
	max-width: 1100px;
	height: 130px;
	text-align: left;
	position: relative;
}

#header img {
	width: 100%;
	height: auto;
	display: block;
}

#header h1 {
  line-height: 1.2em;
  font-size: 10px;
  font-weight: normal;
  color: #797675;
  padding: 5px 0 0 5px;
}

#header .logo {
  margin: 0 0 0 -92px;
  width: 185px;
	position: absolute;
  top: 33px;
  left: 50%;
}

#header .bnr {
  display: none;
}

#header .sub_link {
  display: none;
}

#header #switch {
  width: 74px;
	position: absolute;
  top: 0;
  right: 0;
}

#header #switch img.off {
  display: block !important;
}
  
#header #switch img.on {
  display: none !important;
}

#header #switch.active img.off {
  display: none !important;
}

#header #switch.active img.on {
  display: block !important;
}



/**
 * ナビゲーション
**/

#navi {
	width: 100%;
	height: auto;
  background: #ffffff;
	border-bottom: none;
  box-shadow: none;
  display: none;
  position: absolute;
  top: 55px;
  left: 0;
  z-index: 100;
}

#navi ul {
	margin: 0 auto;
	width: 100%;
	max-width: 1100px;
	height: auto;
  background: none;
  display: block;
}

#navi ul li {
	height: auto;
	border-top: 1px solid #f79cce;
  background: url("images/navi_back_01.png") no-repeat right center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
  vertical-align:  top;
  position: relative;
}

#navi ul li a {
  padding: 15px;
	width: 100%;
	height: 60px;
	line-height: 1.4em;
	font-size: 13px;
	color: #202020;
  text-align: left;
	text-decoration: none;
  box-sizing: border-box;
	vertical-align: middle;
	display: block;
}

#navi ul li a:hover {
  background: none;
}

#navi ul li a .eng {
  line-height: 1.6em;
  font-size: 8px;
  color: #aaabaa;
  display: block;
}

#navi ul li a.pull_link {
  padding: 0;
	width: 60px;
	height: 60px;
	line-height: 1.4em;
	font-size: 13px;
	color: #202020;
  text-align: left;
	text-decoration: none;
  text-indent: -9999px;
  background: url("images/plus.png") no-repeat center center !important;
  background-size: 40px auto !important;
  box-sizing: border-box;
	vertical-align: middle;
	display: block;
  position: absolute;
  top: 0;
  right: 0;
}

#navi ul li a.pull_link.active {
  background: url("images/minus.png") no-repeat center center !important;
  background-size: 40px auto !important;
}

#navi ul li.current_page_item a {

}

#navi ul li ul {
	width: 100%;
	height: auto;
  background: rgba(255,255,255,0.0);
  display: none;
  position: inherit;
  top: inherit;
  left: inherit;
  z-index: 1000;
}

#navi ul li ul li {
	width: 100%;
	height: auto;
  border-bottom: 1px solid #ffffff;
  background: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: none;
	display: block;
  position: relative;
}

#navi ul li ul li a {
  padding: 10px 25px;
	width: 100%;
	height: auto;
	line-height: 1.4em;
	font-size: 12px;
	color: #202020;
	text-align: left;
	text-decoration: none;
  box-sizing: border-box;
	vertical-align: middle;
	display: block;

}


/**
 * ページイメージ
**/
#page_image {
	width: 100%;
	height: 120px;
	background: url("images/page_image.png") no-repeat center 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
  position: relative;
}

#page_image img {
	width: 100%;
	height: auto;
  display: block;
}

#page_image .image01 {
  width: 45%;
	max-width: 634px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

#page_image .image02 {
  width: 45%;
	max-width: 659px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}


/**
 * メインイメージ
**/

#main_image {
	width: 100%;
	position: relative;
	border-bottom: 2px solid #f79cce;
}

#main_image img {
	margin: 0 auto;
	width: 100%;
	max-width: 1100px;
	height: auto;
	display: block;
}

#main_image .image01 {
	background: url("images/main_image_01-sp.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

#main_image .image02 {
	background: url("images/main_image_02-sp.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

#main_image .image03 {
	background: url("images/main_image_03-sp.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

#main_image h2 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#main_image .image-left {
	width: 634px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

#main_image .image-right {
	width: 659px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}


/**
 * パンくず
**/

#breadcrumb {
	margin: 0 auto 0 auto;
	padding: 30px 0 20px 0;
	width: 100%;
	max-width: 1100px;
	line-height: 1.4em;
	font-size: 11px;
	text-align: right;
	overflow: hidden;
  position: relative;
  z-index: 10;
}

#breadcrumb li {
	padding: 0 0 0 15px;
	display: inline-block;
}

#breadcrumb li:before {
  margin: 0 5px 0 0;
  line-height: 0;
	content: url("images/icon_04.png");
}

#breadcrumb li a {
	color: #202020;
}


/**
 * コンテンツ
**/

#content {
  padding: 0 0 0 0 !important;
	width: 100%;
	overflow: hidden;
  display: block;
}

#content img {
	width: 100%;
	height: auto;
}


/**
 * ２カラム
**/
.two_column {
  margin: 0 auto;
  width: 94%;
  max-width: 1100px;
}

.two_column .main {
  width: 100%;
  float: none;
  overflow: hidden;
}

.two_column .side {
  width: 100%;
  float: none;
  overflow: hidden;
}


/**
 * フッター
**/

#footer {
	padding: 0 0 0 0;
	width: 100%;
	line-height: 1.4em;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
}

#footer img {
	width: 100%;
	height: auto;
	display: block;
}

#footer .wrap {
	margin: 0 auto;
	padding: 75px 0 25px 0;
	width: 100%;
	max-width: 960px;
  color: #757474;
	overflow: hidden;
}

#footer .wrap .company {
  margin: 0 0 10px 0;
	line-height: 1.4em;
	font-size: 24px;
}

#footer .wrap .address {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 2.2em;
	font-size: 14px;
}

.copyright {
  padding: 20px 0;
	line-height: 1.4em;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: #DF8281;
}


/**
 * PAGE TOP
**/

#pagetop {
	width: 56px;
	position: fixed;
	bottom: 80px;
	right: 20px;
	z-index: 100;
	display: none;
}

#pagetop img {
	width: 100%;
	height: auto;
	display: block;
}

#footer_bnr {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1000;
}

#footer_bnr ul {
  background: #ffffff;
  overflow: hidden;
}

#footer_bnr ul li {
  width: 50%;
  float: left;
}

#footer_bnr ul li img {
  width: 100%;
  height: auto;
  display: block;
}

#footer_bnr ul li a {
  margin: 0 auto;
  width: 100%;
  max-width: 197px;
  display: block;
}

/**
 * ホーム
**/
.news {
	margin: 0 auto;
	padding: 30px 0 30px 0;
	width: 94%;
	max-width: 1098px;
	text-align: left;
  overflow: hidden;
}

.news .wrap {
	margin: 0 0 0 0;
	padding: 40px 0 30px 0;
  background-image: url("images/news_back_01-sp.png"), url("images/news_back_02-sp.png"), url("images/news_back_03-sp.png");
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: 0 0, 0 bottom, 0 0;
  background-size: 100% auto, 100% auto, 100% auto;
	text-align: left;
  overflow: hidden;
}

.news .wrap ul {
	margin: 0 5.1% 15px 5.1%;
	padding: 0 0 0 0;
  overflow: hidden;
}

.news .wrap ul li {
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
  border-bottom: 1px dotted #cccccc;
  overflow: hidden;
}

.news .wrap ul li .update {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  width: 95px;
  line-height: 1.6em;
  font-size: 14px;
  color: #525050;
  float: left;
  display: inline;
}

.news .wrap ul li .cat {
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
  width: 98px;
  height: 19px;
  line-height: 19px;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  background: #689d44;
  border-radius: 4px;
  float: left;
  display: inline;
}

.news .wrap ul li .link {
  padding: 10px 0 0 0;
  line-height: 1.4em;
  color: #191818;
  font-size: 14px;
  overflow: hidden;
  clear: both;
}

.news .wrap ul li .link a {
  color: #191818;
}

.news .wrap .more {
  margin: 0 5.1% 0 0;
  float: right;
  display: inline;
}

.news .wrap .more a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  width: 98px;
  height: 19px;
  line-height: 19px;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  background: #689d44;
  border-radius: 4px;
  display: block;
}

.service_pr {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  overflow: hidden;
}

.service_pr .back01 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  background: #f3f3f3;
  overflow: hidden;
}

.service_pr .wrap01 {
  margin: 0 auto;
  padding: 25px 0 60px 0;
  width: 96%;
  max-width: 1098px;
  text-align: left;
  background: url("images/service_back_01.png") no-repeat right bottom;
  background-size: auto 50%;
  overflow: hidden;
}

.service_pr .wrap01 h3 {
  margin: 0 0 25px 0;
  padding: 0 0 0 0;
  line-height: 1.4em;
  text-align: center;
  font-size: 25px;
  color: #4d4343;
}

.service_pr .wrap01 ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.5em;
  font-size: 16px;
  color: #000000;
}

.service_pr .wrap01 ul li {
  margin: 0 0 0 0;
  padding: 0 0 10px 26px;
  background: url("images/icon_01.png") no-repeat 0 0;
  background-size: 20px auto;
}

.service_pr .back02 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  background-image: url("images/service_back_02.png"),url("images/service_back_03-sp.png");
  background-repeat: no-repeat, no-repeat;
  background-position: center 0, center bottom;
  background-size: 80px auto,100% auto;
  overflow: hidden;
}

.service_pr .wrap02 {
  margin: 0 auto;
  padding: 45px 0 25px 0;
  width: 96%;
  max-width: 1098px;
  text-align: left;
  overflow: hidden;
}

.service_pr .wrap02 h3 {
  margin: 0 0 25px 0;
  padding: 0 0 0 0;
  line-height: 1.4em;
  text-align: center;
  font-size: 25px;
  color: #4d4343;
}

.service_pr .wrap02 .catch {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  line-height: 1.8em;
  font-size: 18px;
  color: #934141;
}

.service_pr .wrap02 .bnr {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
}

.service_pr .wrap02 .bnr li {
  margin: 0 15px 0 0;
  padding: 0 0 0 0;
  width: 40%;
  max-width: 390px;
  float: left;
  display: inline;
}

.bnr_box {
  margin: 0 0 0 0;
  padding: 30px 0 30px 0;
  background: #f3f3f3;
  overflow: hidden;
}

.bnr_box .wrap {
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 96%;
  max-width: 1100px;
  overflow: hidden;
}

.bnr_box .wrap ul {
  overflow: hidden;
}

.bnr_box .wrap ul li {
  width: 100%;
  max-width: 535px;
  float: none;
}

.bnr_box .wrap ul li:nth-of-type(2) {
  padding: 30px 0 0 0;
  float: none;
}

.bnr_box .wrap ul li p {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  line-height: 1.2em;
  font-size: 24px;
  color: #4D4343;
}


/**
 * topics
**/
.topics_list {
	margin: 0 0 0 0;
	padding: 50px 0 75px 0;
	text-align: left;
	background: #f6f6f6;
	overflow: hidden;
}

.topics_list.nonebk {
	padding: 0 0 25px 0;
	background: none;
}

.topics_list h2 {
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	line-height: 1.4em;
	font-size: 28px;
	font-weight: bold;
	color: #525151;
	text-align: center;
}

.topics_list ul {
	margin: 0 auto 70px auto;
	padding: 0 0 0 0;
	width: 100%;
	max-width: 1054px;
	border-top: 1px solid #eaebec;
	overflow: hidden;
}

.topics_list ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	border-bottom: 1px solid #eaebec;
	display: block;
	overflow: hidden;
}

.topics_list ul li a {
	margin: 0 0 0 0;
	padding: 20px 40px 20px 25px;
	text-decoration: none;
	background: url("images/arrow_01.png") no-repeat 98% center;
	display: block;
	overflow: hidden;
}

.topics_list ul li .item {
	margin: 0 0 0 0;
	padding: 20px 40px 20px 25px;
	text-decoration: none;
	display: block;
	overflow: hidden;
}

.topics_list ul li a .update {
	margin: 0 70px 0 0;
	padding: 0 0 0 0;
	line-height: 1.4em;
	font-size: 16px;
	font-weight: bold;
	color: #75889f;
	float: left;
	display: inline;
}

.topics_list ul li .item .update {
	margin: 0 70px 0 0;
	padding: 0 0 0 0;
	line-height: 1.4em;
	font-size: 16px;
	font-weight: bold;
	color: #75889f;
	float: left;
	display: inline;
}

.topics_list ul li a .cat {
	margin: 0 50px 0 0;
	padding: 0 0 0 0;
	width: 90px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	background: #86bda7;
	float: left;
	display: inline;
}

.topics_list ul li .item .cat {
	margin: 0 50px 0 0;
	padding: 0 0 0 0;
	width: 90px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	background: #86bda7;
	float: left;
	display: inline;
}

.topics_list ul li .cat.information {
	background: #7cb2c8;
}

.topics_list ul li .cat.recruit {
	background: #87bda7;
}

.topics_list ul li .cat.work {
	background: #c8927c;
}

.topics_list ul li .cat.pr {
	background: #c770a6;
}

.topics_list ul li .cat.arrival {
	background: #c8b47b;
}

.topics_list ul li .cat.apology {
	background: #666666;
}

.topics_list ul li a .tit {
	line-height: 1.4em;
	font-size: 14px;
	color: #434343;
	overflow: hidden;
}

.topics_list ul li .item .tit {
	line-height: 1.4em;
	font-size: 14px;
	color: #434343;
	overflow: hidden;
}

.topics_list ul li a:hover .tit {
	text-decoration: underline;
}

.topics_list .more {
	margin: 0 auto;
	width: 230px;
	height: 57px;
	line-height: 57px;
	background: url("images/more_back_04.png") no-repeat 0 0;
}

.topics_list .more a {
	padding: 0 0 0 85px;
	height: 57px;
	line-height: 57px;
	font-size: 20px;
	color: #2da185;
	text-align: left;
	background: url("images/more_back_03.png") no-repeat 0 0;
	display: block;
}

.topics_list .more a:hover {
	text-decoration: none;
	background: none;
}

  
/**  
 * コンテンツ
**/
.content_box ul.pdf_list li {
  margin: 0 0 20px 0;
  padding: 18px 5px 5px 5px;
  width: 100%;
  border: 1px solid #8c8b8b;
  box-sizing: border-box;
  float: none;
  display: block;
}

.content_box ul.pdf_list li:nth-of-type(3) {
  margin: 0 0 0 0;
}

  
}