@charset "UTF-8";
/* Blog 向けCSS
---------------------------------------------------------------------- */
.Blog h2.archiveTitle {
margin-bottom: 1.5em;
padding-top: 0.5em;
padding-left: 0.5em;
padding-bottom: 0.5em;
background: #efefef;
}


/* entryList
----------------------------------------- */
.postList {
margin-bottom: 1em;
border-bottom: 1px solid #cccccc;
}
.postList.last {
margin-bottom: 0;
border-bottom: 1px solid #cccccc;
}
.postList .postWrap {
padding-bottom: 1em;
}
.postList .postWrap .thume a {
}
.postDetail .eyeCatch {
margin-bottom: 1.5em;
display: inline-block;
}

.postList .postWrap h3.title {
text-align: left;
}
.Blog h3.title::before,
.Blog .postTl h3::before {
display: none;
}



.contentsNavi {
margin-top: 1em;
text-align: center;
}
.postWrap .date {
margin-bottom: 0.5em;
width: 100%;
display: table;
}
.category a {
padding-top: 0.3em;
padding-right: 1em;
padding-bottom: 0.3em;
padding-left: 1em;
background: rgba(174,189,9,0.2);
color: #393d06;
}
.category a:hover {
background: rgba(174,189,9,0.5);
text-decoration: none;
}

.blogContents .more {
text-align: right;
}

.postDetailWrap .date {
margin-bottom: 0.2em;
}
.postTl {
margin-bottom: 1em;
padding-top: 1em;
padding-bottom: 1em;
border-top: 4px double #cccccc;
border-bottom: 4px double #cccccc;
font-size: 2rem;
}
.postDetail {
padding-bottom: 1em;
border-bottom: 1px solid #cccccc;
}

/* recruit
----------------------------------------- */
.recruit .container .lead {
margin-bottom: 2em;
text-align: center;
font-family: "a-otf-midashi-mi-ma31-pr6n",serif;
color: #0068b6;
}
.recruit .jobList td ul {
margin-left: 1em;
}
.recruit .jobList td ul li {
list-style-type: disc;
list-style-position: outside;
}

/* end */
/* ===========================================

 	PC向け表示設定
 
============================================== */
@media only screen and (min-width: 1200px){	

/* -------------------------------------------
entryList
============================================== */

.postList .postWrap .thume {
padding-right: 1em;
width: 20%;
}
.postList .postWrap .thume + .dateWrap {
width: 79%;
display: table-cell;
}
.postList .postWrap .dateWrap {
width: 100%;
display: table;
}

.postList .postWrap .thume {
display: table-cell;
vertical-align: top;
}
.postList .postWrap .date .time {
width: 50%;
display: table-cell;

}
.postList .postWrap .date .category {
width: 50%;
display: table-cell;
text-align: right;
}


/* -------------------------------------------
recruit
============================================== */
.recruit #main-in .wrapper .container > .contentWrap {
padding-top: 0;
}
.postList .postWrap .jobList {
margin-bottom: 2em;
width: 100%;
}
.postList .postWrap .jobList h3 {
font-size: 2rem;
}
.postList .postWrap .jobList th {
font-weight: bold;
}
.postList .postWrap .jobList tr:nth-child(n+2) th {
width: 20%;
background: rgba(0,104,182,0.1);
}

.postList .postWrap .jobList th,
.postList .postWrap .jobList td {
padding-top: 0.5em;
padding-right: 1em;
padding-bottom: 0.5em;
padding-left: 1em;
}

.postList .postWrap .jobList tr {
border-bottom: 1px solid #cccccc;
}

.recruit .container .lead ul {
display: inline-block;
text-align: left;
}
.recruit .container .lead ul .res {
display: none;
}



}/* end */
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

PC以外向け表示設定

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
@media only screen and (max-width: 1199px){

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
general base
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */

.postList .thume {
width: 100%;
text-align: center;
}

.postList .date {
width: 100%;
display: table;
}
.postList .date .time {
width: 100%;
}
.postList .date .category {
width: 100%;
text-align: right;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
recruit
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
.recruit .jobList {
width: 100%;
}
.recruit .jobList tr:nth-child(n+2) {
margin-bottom: 1em;
display: block;
}

.recruit .jobList th {
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.5em;
display: block;
font-weight: bold;
}
.postList .postWrap .jobList tr:nth-child(n+2) th {
background: rgba(0,104,182,0.1);
}

.recruit .jobList td {
padding-top: 0.5em;
padding-right: 1em;
padding-bottom: 0.5em;
padding-left: 1em;
display: block;
border-bottom: 1px solid #cccccc;
}

.recruit .postList {
border-bottom: 3px double #aebd09;
}
.recruit .container .lead ul {
display: inline-block;
text-align: center;
}
.recruit .container .lead li {
margin-bottom: 0.5em;
font-size: 1.6rem;
}
.recruit .container .lead li:nth-child(even) {
color: rgba(57,61,6,0.8);
}



}/* end */