@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------
☆news main
----------------------------------------------------*/
#newslist{
  width:1080px;
  margin:80px auto 120px;
}

#newslist .newsL{
  float: left;
  width: 732px;
  font-family: "Noto Sans Japanese";
}

#newslist .newsL h1{
  font-size: 23px;
  padding-bottom: 20px;
  border-bottom: 2px solid #faed85;
  margin-bottom: 40px;
  letter-spacing: 1px;
  font-family: 'Hannari', serif;
  line-height: 1.3;
}
#newslist .newsL .newsList{
  margin-bottom: 100px;
}

#newslist .newsL .newsList li a{
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #dddddd;
  font-family:"Noto Sans Japanese";
}

#newslist .newsL .newsList li .day{
  font-size: 13px;
  color: #999;
  margin-right: 25px;

}

#newslist .newsL .newsList li .tug{
  width: 150px;
  height: 25px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  line-height: 25px;
  margin-right: 15px;
}


span.career{ background-color: #faed85; }
span.all{ background-color: #ffe951; }
span.notice{ background-color: #fcb89c; }
span.mandw{ background-color: #acdcec; }

#newslist .newsL .newsList li .txt{
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 25px;
  font-weight:bold;
  width: 395px;
  word-wrap: break-word;
}

.pager {
    overflow: hidden;
}

.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}

.pager ul li {
    margin:5px;
    position: relative;
    left: -50%;
    float: left;
}

.pager ul li:nth-of-type(1){
  margin-right: 10px;
}

.pager ul li:nth-last-of-type(1){
  margin-left: 10px;
}



.pager ul li span,
.pager ul li a {
  display: block;
  font-size: 15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-family: YuGothic, 'Yu Gothic', sans-serif;
}

.pager ul li a {
    color: #000;
    text-decoration: none;
  box-sizing: border-box;
  border:1px solid #dbdbdb;
}

.pager ul li span{
  color: #000;
  text-decoration: none;
  box-sizing: border-box;
  background: #faed85;
  border:1px solid #faed85;
}

.pager ul li:nth-of-type(1) span{
  border: none;
  background: none;
  opacity: 0.2;
}

.pager ul li:nth-last-of-type(1) a{
  border:none;
}

.pager ul li a:hover {
  background: #faed85;
  border:1px solid #faed85;
  opacity: 1;
}

.pager ul li:nth-last-of-type(1) a:hover {
    background: none;
  border:none;
}

/* detail */
.box_center h2{margin-bottom: 35px;}
.day{
  font-size: 16px;
  color: #999;
  font-family:"Noto Sans Japanese";
  font-weight: 500;
}

h2 span.career{ margin-left:25px;background-color: #faed85; font-size:14px;padding:8px 45px;color:#000;display:inline-block;}
h2 span.all{ margin-left:25px;background-color: #ffe951; font-size:14px;padding:8px 45px;color:#000;display:inline-block;}
h2 span.notice{ margin-left:25px;background-color: #fcb89c; font-size:14px;padding:8px 45px;color:#000;display:inline-block;}
h2 span.mandw{ margin-left:25px;background-color: #acdcec; font-size:14px;padding:8px 45px;color:#000;display:inline-block;}

.box_center p,
.box_Rt p,
.box_lt p{
  font-size: 14px;
  margin: 15px 0 0;
  line-height: 1.7;
  letter-spacing: 2px;
}
.box_center p img{
  max-width: 732px;
}
.box_lt,.box_Rt{
  margin-top: 60px;
}
.box_lt div:nth-of-type(1){
  float:right;
}
.box_lt div:nth-of-type(2){
  float:left;
}

.box_Rt div:nth-of-type(1){
  float:left;
}
.box_Rt  div:nth-of-type(2){
  float:right;
}
.box_Rt div:nth-of-type(2),.box_lt div:nth-of-type(2){width: 400px;}
.box_Rt div:nth-of-type(1) h3,.box_lt div:nth-of-type(1) h3{display: none;}
.box_Rt div:nth-of-type(2) h3,.box_lt div:nth-of-type(2) h3{
  border-bottom: 1px dotted #ddd;
  padding-bottom: 10px;
  font-family: 'Hannari', serif;
  letter-spacing: 2px;
  display: block;
}

.box_Rt div:nth-of-type(2) h3 span,.box_lt div:nth-of-type(2) h3 span{
  font-size: 18px;
  padding-left: 20px;
  border-left: 4px solid #ffe951;
}

/* menu */

#newslist .newsR{
  float: right;
  width: 300px;
}

.newsR h2{
  font-size: 17px;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 10px;
  margin-bottom: 25px;
  font-family: 'Hannari', serif;
  letter-spacing: 2px;
}
.category{
  margin-bottom: 55px;
}

.category li a{
  display: block;
  width: 300px;
  height: 50px;
  background-color: #efefef;
  line-height: 51px;
  border-radius: 4px;
  margin-bottom: 15px;
  box-sizing: border-box;
  text-indent: 50px;
  position: relative;
  font-size: 15px;
  font-family:"Noto Sans Japanese";
}

.category li a:before{
  display: block;
  content: "";
  background: url('../../cmn/cmn_img/arrow.png') no-repeat;
  width: 6px;
  height: 10px;
  margin-top:-5px;
  background-size: contain;
  position: absolute;
  top:50%;
  left:30px;
}

.category li.career a{ border-left:3px solid #faed85; }
.category li.all a{ border-left:3px solid #ffe951; }
.category li.notice a{ border-left:3px solid #fcb89c; }
.category li.mandw a{ border-left:3px solid #acdcec; }
.newsR .category li.on a{ border-left:3px solid #dfefb7;background-color: #dfefb7; }

.archive li a,
.archive li span{
  display: block;
  width: 300px;
  height: 50px;
  background-color: #efefef;
  line-height: 51px;
  border-radius: 4px;
  margin-bottom: 20px;
  box-sizing: border-box;
  text-indent: 50px;
  position: relative;
  font-size: 15px;
  font-family:"Noto Sans Japanese";
}

.archive li a:before,
.archive li span:before{
  display: block;
  content: "";
  background: url('../../cmn/cmn_img/arrow.png') no-repeat;
  width: 6px;
  height: 10px;
  margin-top:-5px;
  background-size: contain;
  position: absolute;
  top:50%;
  left:30px;
}

.archive li.on a,
.archive li.on span{
  background-color: #faed85;
  margin-bottom: 0;
}
.archive li.on + li{
  margin-top: 20px;
}
.archive li.on span{
  cursor: pointer;
}
.archive li.on ul{
  display: none;

}

.archive li.on ul li a{
  background-color: initial;
  border-bottom: 1px dotted #dddddd;
  margin-bottom: 0;
  background: none;
  font-size: 13px;
}

.archive li.on ul li:nth-last-child(1) a{
  border-bottom: none;
}

.archive li.on span:before{
  background: url('../../cmn/cmn_img/arrow_bottom.png') no-repeat;
  width: 10px;
  height: 6px;
  margin-top:-3px;
  left:27px;
}

.archive li.on ul li :before{
  background: url('../../cmn/cmn_img/arrow.png') no-repeat;
  width: 6px;
  height: 10px;
  margin-top:-5px;
}

.archive li.on.active span:before{
  background: url('../../cmn/cmn_img/arrow_top.png') no-repeat;
}

.newsR h2 span{
  padding-left: 20px;
  border-left: 4px solid #ffe951;
  font-family: YuMincho,'Yu Mincho',serif;
}