@charset "utf-8";

@font-face {
  font-family: recop-iconfonts;
  src:
    url("../font/recop-iconfont.eot?") format("eot"),
    url("../font/recop-iconfont.woff") format("woff"),
    url("../font/recop-iconfont.ttf") format("truetype");
}

/*****************************************
	original.css
	企業固有のスタイルを指定
******************************************/
div#container {
  width: 100%;
  background: #f4ad21;
}

#main {
  clear: both;
}

#main .content {
  width: 100%;
}

/*******************************
 ヘッダー
*******************************/
#header {
  background: #fff;
}

#header .content {
  max-width: 860px;
  width: 96%;
}

/*******************************
 自由ヘッダー
*******************************/
#header .content .free {
  font-family: arial, helvetica, clean, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "meiryo", "メイリオ", "MS PGothic", sans-serif;
  padding: 10px 0;
  /*overflow: hidden;*/
}

.logo {
  display: table-cell;
}

.logo img {
  height: auto;
}

#header .content .free h1 {
  font-size: 16px;
  font-weight: normal;
}



/*******************************
 自由コンテンツ上
*******************************/
#headContent .free {
  font-size: 14px;
}

#mainimg {
  margin: 0 0 30px 0;
}

#mainimg img {
  height: auto;
  width: 100%;
  margin-top: -7px;
}

.btnOpening {
  margin: 0 auto;
  text-align: center;
  max-width: 860px;
  width: 100%;
  margin: -10px auto 40px;
}

.btnOpening img {
  display: inline;
  height: auto;
}

.btnOpening a:hover img {
  opacity: .60;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  -khtml-opacity: .60;
  -moz-opacity: .60;
}

#headContent .free a:hover {
  opacity: .60;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  -khtml-opacity: .60;
  -moz-opacity: .60;
}

h2.h2_1 {
  text-align: center;
  clear: both;
  color: #fff;
  font-size: 30px;
  margin: 20px auto;
}

div.freeWordObj {
  border: medium none;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto 10px;
  padding: 0;
  width: 100%;
  max-width: 700px;
}

div.freeWordObj form {
  display: block;
  position: relative;
}

div.freeWordObj div.freeWordInput {
  box-sizing: border-box;
  padding: 0 63px 0 0;
  width: 100%;
}

div.freeWordObj div.freeWordInput #freeword {
  border: 1px;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  box-sizing: border-box;
  height: 43px;
  margin-left: 0;
  outline: medium none;
  padding: 10px 18px;
  vertical-align: top;
  width: 100%;
  max-width: 700px;
  background: #ffe1c5;
  font-size: 14px;
}

div.freeWordObj #freewordsearch {
  position: absolute;
  right: 0;
  top: 0;
  width: 55px;
}

p.fwt {
  margin: 0 auto 50px;
  width: 96%;
  max-width: 600px;
}

.areaSearchN {
  display: none;
}

.areaSearchW {
  margin: 0 auto 50px;
  /*overflow: hidden;*/
  width: 774px;
}

.areaSearchW > p {
  color: #388200;
  font-size: 23px;
  margin: 0 0 20px;
  text-align: center;
}

.areaSearchW .map {
  float: right;
  width: 400px;
}

.areaSearchW .shiga {
  background: url("../images/shiga.gif") no-repeat scroll 0 0;
  float: left;
  height: 408px;
  width: 374px;
}

.areaSearchW .shiga ul.shigaL {
  float: left;
  margin-left: 60px;
  width: 150px;
}

.areaSearchW .shiga ul.shigaR {
  float: left;
}

.areaSearchW .shiga ul {
  margin-top: 65px;
}

.areaSearchW .shiga ul li {}

#headContent .free .areaSearchW .shiga ul li a {
  /*background: url("../images/shiga_arw01.png") no-repeat scroll 0 center;*/
  color: #000000 !important;
  font-size: 20px;
  padding: 0 25px 0 10px;
}

.shiga li a:before {
  border: solid 8px transparent;
  border-left: solid 10px #f4ad21;
  content: "";
  height: 0;
  width: 0;
  display: inline-block;
}

#headContent .free .areaSearchW .shiga ul li a:hover {
  /*background: url("../images/shiga_arw02.png") no-repeat scroll 0 center;*/
  color: #f4ad21 !important;
}

#headContent .free a:hover {
  text-decoration: none !important;
}

#headContent .free ul {
  overflow: hidden;
}

ul.jobType {
  margin: 0 1% 30px;
}

ul.jobType li {
  float: left;
  margin: 0 1%;
  padding: 10px 1%;
  width: 29.333%;
  border-radius: 10px;
}

ul.jobType li.tc1 {
  background-color: #fee4e4;
}

ul.jobType li.tc2 {
  background-color: #b9ecf9;
}

ul.jobType li.tc3 {
  background-color: #cdfac7;
}

ul.jobType li a {
  display: block;
}

ul.jobType li a > p {
  padding: 10px 2% 40px;
  text-align: center;
  font-size: 20px;
  border-radius: 10px;
  font-weight: 600;
}

ul.jobType li.tc1 a > p {
  background: #ffffff url("../images/arw301.png") no-repeat scroll center 85%;
  color: #EA68A2;
}

ul.jobType li.tc2 a > p {
  background: #ffffff url("../images/arw302.png") no-repeat scroll center 85%;
  color: #00A0E9;
}

ul.jobType li.tc3 a > p {
  background: #ffffff url("../images/arw303.png") no-repeat scroll center 85%;
  color: #22AC38;
}

ul.jobType li a > span {
  padding: 5px;
  display: block;
  min-height: 95px;
}

div.btn1 {
  margin: 0 auto 50px;
  width: 600px;
}

#headContent .free div.btn1 a {
  background: #fcc3a7 url("../images/arw304.png") no-repeat scroll 98% center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-align: center;
  text-shadow: #FF8647 1px 1px 0px, #FF8647 -1px 1px 0px, #FF8647 1px -1px 0px, #FF8647 -1px -1px 0px;
  width: 600px;
  display: block;
  color: #fff !important;
  font-size: 24px;
  font-weight: 600;
}

ul.jobContent {
  margin: 0 1% 30px;
}

ul.jobContent li {
  float: left;
  margin: 0 1% 20px;
  padding: 10px 1%;
  width: 29.333%;
  border-radius: 10px;
}

ul.jobContent li.jc1 {
  background-color: #ceef9e;
}

ul.jobContent li.jc2 {
  background-color: #f9c2ce;
}

ul.jobContent li.jc3 {
  background-color: #b9ecf9;
}

ul.jobContent li.jc4 {
  background-color: #fced89;
}

ul.jobContent li.jc5 {
  background-color: #fcc3a7;
}

ul.jobContent li.jc6 {
  background-color: #d7b5f6;
}

ul.jobContent li a {
  display: block;
}

ul.jobContent li a > p {
  display: table;
  width: 100%;
  border-radius: 10px;
  padding: 10px 0 5px 10px;
  box-sizing: border-box;
}

ul.jobContent li.jc1 a > p {
  background: #ffffff url("../images/arw141.png") no-repeat scroll 98% center;
}

ul.jobContent li.jc2 a > p {
  background: #ffffff url("../images/arw142.png") no-repeat scroll 98% center;
}

ul.jobContent li.jc3 a > p {
  background: #ffffff url("../images/arw143.png") no-repeat scroll 98% center;
}

ul.jobContent li.jc4 a > p {
  background: #ffffff url("../images/arw144.png") no-repeat scroll 98% center;
}

ul.jobContent li.jc5 a > p {
  background: #ffffff url("../images/arw145.png") no-repeat scroll 98% center;
}

ul.jobContent li.jc6 a > p {
  background: #ffffff url("../images/arw146.png") no-repeat scroll 98% center;
}

ul.jobContent li a > p img {
  display: table-cell;
  width: 80px;
}

ul.jobContent li a > p > span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  font-size: 20px;
  line-height: 1.4;
  padding: 0 0 0 5px;
  box-sizing: border-box;
  font-weight: 600;
}

ul.jobContent li a > span {
  padding: 5px 0;
  display: block;
  font-size: 13px;
  min-height: 45px;
}

.contentsInner {
  margin: 0 2% 10px;
  overflow: hidden;
}

.interviewContent {
  max-width: 860px;
  width: 100%;
  margin: auto;
}

.interviewBox {
  overflow: hidden;
  padding-bottom: 40px;
}

.interview3 {
  border-bottom: none;
  padding-bottom: 0;
}

.itop {
  position: relative;
  padding: 60px 0 30px;
  overflow: hidden;
  margin-bottom: 20px;
}

.itop h3 {
  background: #9b5815;
  border-radius: 5px;
  color: #fff;
  float: right;
  font-size: 20px;
  width: 90%;
  box-sizing: border-box;
  padding-left: 70px;
}

.itop .iimg {
  float: left;
  text-align: center;
  position: absolute;
  top: 0;
}

.itop .iimg img {
  display: inline;
  height: auto;
}

/*.name {
	float: right;
	width: 77%;
}*/
.name p {
  color: #fff;
  font-size: 14px;
  clear: both;
  margin: 10px 0 0 155px;
}

dl.itxt {
  clear: both;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
}

dl.itxt dt {
  color: #f7931e;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 20px 0 0 20px;
}

dl.dl.itxt dd {
  margin: 0;
}


#bottomContent {
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
}

/*******************************
 フッター
*******************************/
#footer {
  /*height: 97px;*/
  /* footerの高さ（ ★1＋★2 ）分指定する*/
  margin-top: 40px;
  border-top: 1px solid #fff;
}

#main .space {
  padding-bottom: 70px;
  /* footerの高さ（★1＋★2）分指定する */
}

/* 詳細画面水辺リンク表示設定修正20160913 */

#bottomContent div.flatlink {
  height: 80px;
  overflow: auto;
  margin-bottom: 20px;
}

/*******************************
 自由フッター
*******************************/
#footer .content .free {
  max-width: 860px;
  width: 100%;
}

.copy {
  color: #fff;
  overflow: hidden;
  padding: 10px 2%;
  text-align: center;
}

#footer .content .free .copy a {
  color: #fff !important;
}

.copyright {}

.copyright span {
  display: inline-block;
}

.recop {}

#scroll_pagetop {
  position: fixed;
  right: 2%;
}

#scroll_pagetop a:hover {
  opacity: .60;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  -khtml-opacity: .60;
  -moz-opacity: .60;
}

@media screen and (max-width:860px) {
  .areaSearchW {
    display: none;
  }

  .areaSearchN {
    display: block;
    margin: 0 0 50px;
  }

  .areaSearchN ul.area_link {
    border-top: 1px solid #b47a41;
  }

  .areaSearchN ul.area_link > li,
  .areaSearchN ul.area_link > li.shigap > span {
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,d8d8d8+100 */
    background: #ffe1c5;
    /* Old browsers */
    /*background: -moz-linear-gradient(top,  #fefefe 0%, #d8d8d8 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top,  #fefefe 0%,#d8d8d8 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom,  #fefefe 0%,#d8d8d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d8d8d8', GradientType=0);
    /* IE6-9 */
    font-size: 21px;
    padding: 10px;
    position: relative;
  }

  .areaSearchN ul.area_link > li.shigap > .area_toggle {
    background: #FFCcaa;
  }

  .areaSearchN ul.area_link > li {
    border-bottom: 1px solid #b47a41;
    position: relative;
  }

  #headContent .free .areaSearchN ul.area_link > li a {
    display: block;
    color: #000 !important;
  }

  .areaSearchN ul.area_link > li.shigap {
    background: none;
    padding: 0;
  }

  .areaSearchN ul.area_link > li.shigap > ul li {
    border-top: 1px solid #b47a41;
    position: relative;
  }

  .areaSearchN ul.area_link > li a.arrow3::after,
  .areaSearchN ul.area_link > li.shigap > ul li a.arrow3::after,
  .areaSearchN ul.area_link > li.shigap > .area_toggle::after {
    display: block;
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    width: 12px;
    height: 12px;
    border-right: 3px solid #9b5815;
    border-bottom: 3px solid #9b5815;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
  }

  .areaSearchN ul.area_link > li.shigap > .area_toggle::after {
    right: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .areaSearchN ul.area_link > li a:visited,
  .areaSearchN ul.area_link > li a:link,
  .areaSearchN ul.area_link > li a:active {
    color: #9b5815 !important;
  }

  .areaSearchN ul.area_link > li.shigap > .open::after {
    display: block;
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    width: 12px;
    height: 12px;
    border-right: 3px solid #9b5815;
    border-bottom: 3px solid #9b5815;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
}

@media screen and (max-width:767px) {
  h2.h2_1 {
    color: #f4ad21;
    margin: 50px auto 25px;
  }

  #header .content .free {
    padding: 20px 0 10px;
  }

  .logo {
    float: none;
  }

  .logo img.mgn {
    margin: 0 auto 20px;
  }

  #header .content .free h1 {
    float: none;
    text-align: center;
    margin-top: 0;
  }

  #mainimg {
    margin: 0 0 20px;
  }

  p.fwt {
    margin: 0 2% 30px;
  }

  div.freeWordObj {
    width: 96%;
  }

  .areaSearchN {
    margin: 0 0 30px;
  }

  ul.jobType {
    margin: 0 1% 0;
  }

  ul.jobType li {
    margin: 0 1% 20px;
  }

  ul.jobContent {
    margin: 0 1% 20px;
  }

  div.btn1 {
    margin: 0 auto 30px;
  }

  .itop .iimg {
    width: 100%;
    float: none;
  }

  .itop .iimg img {}

  .itop h3,
  .itop .name {
    width: 100%;
    float: none;
  }

  .itop h3 {
    margin: 0 0 20px 15px;
    text-align: left;
    padding-left: 135px;
    font-size: 20px;
  }

  .name p {
    margin: 10px 0 0;
    line-height: 1.4;
  }

  dl.itxt dd {
    padding: 10px 0;
  }

  dl.itxt dt {
    margin: 15px 0 0;
    font-size: 14px;
  }

  .interviewBox {}
}

@media screen and (max-width:767px) {
  .content .free .logo {
    display: block;
    margin-bottom: 5px;
  }

  div.freeWordObj #freewordsearch {
    width: 99px;
    height: 76px;
  }

  div.freeWordObj div.freeWordInput {
    padding: 0 119px 0 0;
  }

  div.freeWordObj div.freeWordInput #freeword {
    height: 76px;
  }
}










/*-------------------------------
　　20160823改修　追記コード
--------------------------------*/
p.top_txt {
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: -15px auto 30px;
}

p.top_txt strong {
  font-size: 30px;
  color: #c40505;
}

.bgWh {
  width: 100%;
  background: #fff;
  padding: 80px 0;
  height: 525px;
  /*  height: 435px;*/
}

.btnOpening .bgWh {
  width: auto;
  background: #fff;
  padding: 0;
  height: 100px;
}

.imgradius {
  border-radius: 7px;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.btnOpening:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.itxt dd {
  padding: 10px 20px;
}





/*--------------------------------
　　　平和堂で働くメリット(PC)
---------------------------------*/
.jobmerit,
.jobmerit2,
.jobmerit3 {
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
}

.jobmerit li {
  display: inline-block;
  text-align: center;
}

.jobmerit li img {
  max-width: 274px;
  width: 100%;
}

.jobmerit li span {
  display: block;
  text-align: center;
  color: #c40505;
  font-weight: bold;
  font-size: 14px;
}

.meritList2 {
  margin: 0 17px;
}

.jobmerit li:nth-of-type(3) {
  margin-right: 0px;
}

.jobmerit2 {
  margin: 30px auto;
}

.jobmerit2 strong {
  color: #c40505;
  font-size: 30px;
}

.jobmerit2 p {
  color: #fff;
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}

.jobmerit2 p span {
  display: inline-block;
}

.jobmerit2 img.content_p {
  max-width: 859px;
  width: 100%;
}

.jobmerit3 {
  margin-bottom: 50px;
  width: 100%;
}

.jobmerit3 div:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.jobmerit3 h3 {
  font-size: 17.5px;
  border-bottom: 2px solid;
  padding-bottom: 10px;
}

.jobmerit3 .h3_1 {
  color: #9b5815;
}

.jobmerit3 .h3_2 {
  color: #0c5268;
}

.jobmerit3 p {
  font-size: 16px;
  padding-top: 10px;
  color: #fff;
}

.jobmerit3 div img {
  margin: 15px 0;
  float: left;
}

.jobmerit3 div div {
  float: left;
  max-width: 620px;
  padding: 40px 15px;
}





/*---------------------------------
　　　　　お仕事紹介(PC)
----------------------------------*/
.jobcat {
  max-width: 840px;
  width: 100%;
  margin: 0 auto 50px;
  padding: 10px 0 0 20px;
}

.jobcat li {
  width: 255px;
  height: 320px;
  background: #fff;
  border-radius: 10px;
  display: inline-block;
  margin-top: 60px;
  float: left;
  position: relative;
}

.jobcat li a {
  color: #fff !important;
  background: #e60012;
  border: 1px solid #e60012;
  border-radius: 5px;
  display: block;
  font-size: 18px;
  margin: 5px auto 0;
  padding: 5px 0;
  text-align: center;
  width: 92%;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
}

.jobcat li a:hover {
  color: #e60012 !important;
  background: #fff;
}

.jobcat li span img {
  position: absolute;
  top: -50px;
  left: -30px;
  padding: 10px 0 0 10px;
}

.jobcat .jobcatimg {
  margin: 10px auto;
}

.jobcat li p {
  font-size: 14px;
  padding: 0 10px;
}

.jobcatList2 {
  margin: 0 35px;
}




/*---------------------------------
 詳細画面H2自動挿入 20160913追記
----------------------------------*/
#seo_h2style {
  width: 100%;
  border-top: 1px dotted #999;
  padding-top: 10px;
  margin-top: 10px;
}

#seo_h2style h2 {
  font-size: 100%;
  font-weight: normal;
  display: inline;
}

#seo_h2style p {
  font-size: 100%;
  display: inline;
}

#detailContent div.majorArea p.read {
  margin-top: 0 !important;
}




/*------------------------------------
　　　　　　2016-08-23追記
------------------------------------*/

@media screen and (max-width: 880px) {
  .jobcatList2 {
    margin: 0;
  }

  .btnOpening .floatL {
    float: none;
  }

  .jobcat li a {
    position: static;
  }
}

@media screen and (max-width: 860px) {
  .bgWh {
    width: 100%;
    background: #fff;
    padding: 0;
    height: auto !important;
  }
}


@media screen and (min-width: 631px) and (max-width: 640px) {
  .jobcat {
    margin-top: 30px;
  }
}

/*------------------------------------
　　　　　641px～880pxまで
------------------------------------*/
@media screen and (min-width: 641px) and (max-width: 880px) {

  .btnOpening,
  .jobmerit,
  .jobmerit2,
  .jobmerit3,
  .jobcat {
    width: 100%;
    /*    width: 95%;*/
  }

  .btnOpening img {
    margin: 10px 0;
    display: block;
  }

  .btnOpening .bgWh {
    width: 420px;
    height: auto !important;
    margin: 0 auto;
  }

  .btnOpening .btnOpening .floatL,
  .btnOpening .floatR {
    float: none !important;
  }

  .jobmerit {
    text-align: center;
  }

  .jobmerit li {
    margin: 0 30px 30px;
  }

  .jobmerit2 strong {
    display: block;
    text-align: center;
    font-size: 22px;
  }

  .jobmerit3 div div {
    width: 60%;
  }

  .jobcat {
    padding: 0;
    max-width: 640px;
    width: 100%;
  }

  .jobcat li {
    margin: 50px 0 0 40px;
    float: none;
    max-width: 255px;
    width: 100%;
    height: auto;
  }

  .jobcat li a {
    margin: 5px auto 15px;
  }

  .itop h3 {
    padding-left: 90px;
  }
}



.content_s {
  display: none;
}

@media screen and (max-width: 767px) {
  #container {
    background: #fff !important;
  }

  .content_p {
    display: none;
  }

  .content_s {
    display: block;
  }

  p.top_txt {
    font-size: 16px;
    color: #000;
    text-align: left;
    margin-top: -10px;
  }

  p.top_txt br {
    display: none;
  }

  p.top_txt strong {
    font-size: 16px;
    color: #c40505;
  }

  div.freeWordObj div.freeWordInput #freeword {
    font-size: 21px;
  }

  .btnOpening ul li {
    background: #ffe1c5;
    border-bottom: 1px solid #a16120;
    font-size: 21px;
    padding: 10px;
    text-align: left;
    position: relative;
  }

  .btnOpening ul li a {
    display: block;
  }

  .btnOpening ul li:nth-of-type(1) {
    border-top: 1px solid #a16120;
  }

  .btnOpening ul li span:after {
    display: block;
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    width: 12px;
    height: 12px;
    border-right: 3px solid #9b5815;
    border-bottom: 3px solid #9b5815;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  /*------------------------------
　　平和堂で働くメリット(SP)
------------------------------*/
  .jobmerit li {
    text-align: center;
    font-size: 30px;
    width: 100%;
  }

  .jobmerit li img {
    max-width: 599px;
    width: 95%;
    margin: 0 auto;
  }

  .jobmerit li span {
    color: #000;
    margin-bottom: 30px;
  }

  .meritList2 {
    margin: 0;
  }

  .jobmerit2 img.content_s {
    display: block;
    max-width: 640px;
    width: 95%;
    margin: 0 auto;
  }

  .jobmerit2 div.content_s {
    padding: 0 20px;
  }

  .jobmerit2 img.content_s {
    margin-bottom: 15px;
  }

  .jobmerit2 p {
    color: #000;
    font-size: 18px;
    text-align: left;
  }

  .jobmerit2 p span {
    display: inline;
  }

  .jobmerit3 h3.h3_1,
  .jobmerit3 h3.h3_2 {
    border: none;
    width: 95%;
    margin: 15px auto 0;
    text-align: center;
    padding-bottom: 0px;
  }

  .jobmerit3 h3.h3_1 span,
  .jobmerit3 h3.h3_2 span {
    display: inline-block;
  }

  .jobmerit3 div.btn_a {
    width: 95%;
    border: 2px solid #f7931e;
    border-radius: 5px;
    padding: 5px 0;
    color: #f7931e;
    font-size: 30px;
    text-align: center;
    float: none;
    margin: 0 auto;
    font-weight: bold;
  }

  .jobmerit3 div.btn_a + p {
    color: #9b5815;
    font-weight: bold;
    font-size: 18px;
  }

  .jobmerit3 div.btn_a + p + ul li {
    list-style: disc;
    color: #9b5815;
    margin-left: 30px;
    font-size: 30px;
    line-height: 0.9;
  }

  .jobmerit3 div.btn_a + p + ul {
    margin-bottom: 50px;
  }

  .jobmerit3 div + p + ul li span {
    color: #000;
    font-size: 18px;
    margin-left: -10px;
  }

  .jobmerit3 p {
    color: #000;
    padding: 5px 15px 5px;
  }

  .jobmerit3 div.btn_b {
    width: 95%;
    border: 2px solid #0c5268;
    border-radius: 5px;
    padding: 5px 0;
    color: #0c5268;
    font-size: 30px;
    text-align: center;
    float: none;
    margin: 15px auto;
    font-weight: bold;
  }

  .jobmerit3 div.btn_b + p {
    color: #0c5268;
    font-weight: bold;
    font-size: 18px;
  }

  .jobmerit3 div.btn_b + p + ul li {
    list-style: disc;
    color: #0c5268;
    margin: 0 0 10px 30px;
    font-size: 30px;
    line-height: 0.9;
  }

  .jobcat {
    padding: 0;
    max-width: 640px;
    width: 100%;
  }

  .jobcat li {
    margin: 50px 0 0 40px;
    border: 1px solid #f7931e;
    float: none;
    width: 89%;
    height: auto;
  }

  .jobcat li a {
    margin: 5px auto 15px;
  }

  .interviewContent {
    width: 95%;
    margin: 0 auto;
  }

  .itop {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  .itop .iimg img {
    display: block;
  }

  .itop .name p {
    color: #000;
    margin: -10px 0 0 150px;
  }

  .itop .name p span {
    display: block;
  }

  .copy {
    color: #555555;
  }

  #footer {
    border-top: 1px solid #f7931e;
  }

  #footer .content .free .copy a,
  #footer .content .free .copy a:visited,
  #footer .content .free .copy a:active,
  #footer .content .free .copy a:link,
  #footer .content .free .copy a:hover {
    color: #555555 !important;
  }

}

@media screen and (max-width: 630px) {
  .jobcat {
    width: 100%;
    margin: 0 auto;
  }

  .jobcat li {
    margin: 40px 0 20px 25px;
  }
}

@media screen and (max-width: 380px) {

  div.freeWordObj div.freeWordInput #freeword {
    height: 60px;
    font-size: 18px;
  }

  div.freeWordObj div.freeWordInput {
    padding: 0 90px 0 0;
  }

  div.freeWordObj #freewordsearch {
    width: auto;
    height: 60px;
  }

  .itop h3 {
    font-size: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

div.shiga {
  position: relative;
}

.chirashi-box {
  position: absolute;
  top: 0;
  left: 55px;
}

.chirashi-box2 {
  position: absolute;
  top: 0;
  left: 215px;
}

.shop-list {
  display: none;
  z-index: +1;
  position: absolute;
  top: 0;
  left: 140px;
}

.shop-list table {
  z-index: +1;
  position: absolute;
  top: 0;
  background: #fff;
  box-shadow: 0px 0px 10px #aaa;
  width: 270px;
}

.shop-list table td {
  z-index: 9999;
  position: relative;
  padding: 5px;
  font-size: 15px;
}

.arrow:before {
  content: "";
  position: absolute;
  top: 18px;
  left: -25px;
  width: 25px;
  height: 100%;
  display: block;
  z-index: 9997;
  background: url(../images/fukidashi_left.png) no-repeat;
}

.shiga-title {
  width: 250px;
  display: inline-block;
}



.chirashi-nagahama {
  top: 45px;
  left: 120px;
}

.chirashi-maibara {
  top: 80px;
  left: 120px;
}

.chirashi-hikone {
  top: 115px;
  left: 120px;
}

.chirashi-inukami {
  top: 150px;
  left: 120px;
}

.chirashi-aichi {
  top: 180px;
  left: 120px;
}

.chirashi-higashioumi {
  top: 215px;
  left: 140px;
}

.chirashi-gamou {
  top: 250px;
  left: 120px;
}

.chirashi-oumihachiman {
  top: 285px;
  left: 155px;
}


.chirashi-yasu {
  top: 45px;
  left: 120px;
}

.chirashi-moriyama {
  top: 80px;
  left: 120px;
}

.chirashi-kusatsu {
  top: 115px;
  left: 120px;
}

.chirashi-rittou {
  top: 145px;
  left: 120px;
}

.chirashi-konan {
  top: 180px;
  left: 120px;
}

.chirashi-kouga {
  top: 215px;
  left: 120px;
}

.chirashi-ootsu {
  top: 245px;
  left: 120px;
}

.chirashi-takashima {
  top: 285px;
  left: 120px;
}


/*------------------------------
          h2両端に線
------------------------------*/
@media screen and (min-width: 767px) {
  #header .content .free h1 {
    margin-left: 20px;
    line-height: 1.2;
    text-align: right;
  }

  h2.h2_1 {
    position: relative;
  }

  h2.h2_1:before {
    border-top: 1px solid #fff;
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
  }

  h2.h2_1 span {
    position: relative;
    display: inline-block;
    background: #F4AD21;
    padding: 0 0.5em;
  }
}

ul.data li {
  background: #CFECC8;
}

.area_toggle2 {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
}

ul.data2 li {
  font-size: 14px;
  background: #fff;
  height: 40px;
  width: 100%;
}

ul.data2 li a {
  display: block;
  height: 20px;
  padding: 10px;
}

.head_h1 {
  display: table-cell;
  vertical-align: bottom;
  width: 600px;
}

.head_h1 h1 {
  text-align: right;
}

/*　県内市町村別アコーディオンの矢印　*/
.areaSearchN ul.area_link > li.shigap > ul li .area_toggle2:after {
  display: block;
  content: '';
  position: absolute;
  top: 15px;
  right: 20px;
  width: 10px;
  height: 10px;
  border-right: 3px solid #9b5815;
  border-bottom: 3px solid #9b5815;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.areaSearchN ul.area_link > li.shigap > ul li span.open::after {
  display: block;
  content: '';
  position: absolute;
  top: 20px;
  right: 20px;
  width: 10px;
  height: 10px;
  border-right: 3px solid #9b5815;
  border-bottom: 3px solid #9b5815;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*　県内市町村店舗別の矢印　*/
.areaSearchN ul.area_link > li.shigap > ul li ul.data2 li a::after {
  display: block;
  content: '';
  position: absolute;
  top: 15px;
  right: 15px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #9b5815;
  border-bottom: 2px solid #9b5815;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.areaSearchN ul.area_link > li.shigap > ul li.tandoku span.open::after {
  display: block;
  content: '';
  position: absolute;
  top: 11px;
  right: 20px;
  width: 10px;
  height: 10px;
  border-right: 3px solid #9b5815;
  border-bottom: 3px solid #9b5815;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

a:focus,
*:focus {
  outline: none;
}


/* 新店バナー */
.bnR {
  background: #a0c238;
  margin: 0 auto 20px;
  max-width: 860px;
  height: 120px;
  position: relative;
  text-align: center;
  width: 100%;
  line-height: 1.2;
}

.bnR a {
  display: block;
  font-size: 34px;
  font-weight: bold;
}

.bnR a span {
  border: 5px solid #fff;
  box-sizing: border-box;
  color: #fff;
  display: block;
  height: 110px;
  margin: auto;
  max-width: 850px;
  padding: 10px;
  position: relative;
  top: 5px;
  width: 98%;
}

.bnR a span strong {
  display: block;
  font-size: 28px;
  margin-top: 10px;
}

.bnR span:after {
  display: block;
  content: '';
  position: absolute;
  top: 40px;
  right: 15px;
  width: 12px;
  height: 12px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

@media screen and (max-width: 767px) {
  .bnR {
    height: 100px;
    line-height: 1;
    width: 96%;
  }

  .bnR a {
    font-size: 16px;
  }

  .bnR a span {
    height: 90px;
    padding-top: 20px;
    width: 98%;
  }

  .bnR a span strong {
    font-size: 14px;
  }

  .bnR span:after {
    top: 30px;
    right: 10px;
  }
}

/*-----------------------------*/
@media screen and (max-width: 350px) {
  .copy {
    line-height: 1.4;
  }
}

/*----------------------------*/
/*ロケスマボタン*/
.bgWh .map_box {
  max-width: 775px;
  margin: 0 auto;
}

.bgWh .map_box #locasma {
  width: 355px;
}

.bgWh .map_box #locasma a {
  background: url(../images/location.png) no-repeat #e60012;
  background-position: calc(50% + -105px) 18px;
  border-radius: 15px;
  box-sizing: border-box;
  color: #fff !important;
  font-size: 20px;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: block;
  width: 100%;
  padding-left: 2em;
}

.bgWh .map_box #locasma:hover a {
  color: #fff !important;
  opacity: 0.6;
}

.bgWh {
  padding: 30px 0 80px;
}

.areaSearchW {
  margin: 30px auto 50px;
}

@media screen and (max-width: 1075px) {
  .bgWh .map_box #locasma {
    margin: 0 auto 20px;
  }
}

@media screen and (max-width: 860px) {
  .bgWh {
    padding: 30px 0 0;
  }
}

@media screen and (max-width: 500px) {
  .bgWh .map_box #locasma {
    width: 290px;
  }
}

/*--------------------------------*/
/*TOPヘッダー修正*/
/*
@media screen and (min-width: 767px) {
  #header .content .free h1_top {
    position: absolute;
    right: 10%;
    top: 79%;
  }
}
*/

@media screen and (max-width: 767px) {
  .content .free .logo.logo_top img.img_top {
    margin: 0px auto 4px 4px !important;
    width: 35% !important;
    min-width: 175px;
  }

  .content .free .logo_top {
    display: block;
    margin-bottom: 0px;
    position: relative;
  }

  #header .content .free h1.h1_top {
    width: 100%;
    position: absolute;
    right: 70px;
    top: 70px;
    text-align: right !important;
    line-height: 1;
  }
}

@media screen and (max-width: 340px) {
  #header .content .free h1.h1_top {
    margin-top: 0;
  }
}