@charset "UTF-8";
/* CSS Document */
body {
background: #fff;
}

.item h3 {
font-size: 1.7em;
font-weight: 700;
margin: 20px 25px;
}
.item p {
margin-bottom: 15px;
font-size: 1.2em;
}
.ntxt{padding: 0px 30px 0px 30px;}
.txt{padding: 0px 30px 10px 30px;}


.pick-up {
position: relative;
}
.pick-up::after{
position: absolute;
content: "";
height: 24px;
top: 0;
right: 0;
background: url("../images/pickup.gif") no-repeat center rgba(193, 130, 73, 0.7);
background-size: contain;
}

#News .contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
text-align: center;
}
#News .contents a {
max-width: 600px;/* defo 400px 3列 */
width: 100%;
margin: 16px auto 0;
}
#News .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#News .item > div{
width: 50%;
}
#News .item {
border: solid 1px #040000;
}

#Recruit .ttl-main {
width: 94%;
margin-bottom: 16px;
}
#Recruit .contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
text-align: center;
margin: auto;
}
#Recruit .contents a {
width: 100%;
background: #FFF;
}
#Recruit .thumb {
overflow: hidden;
}

@media screen and (max-width: 560px){
.item {
font-size: 10px;
}
.item h3 {
font-size: 1.5em;
font-weight: 700;
margin: 10px auto;
}
.item p {
margin-bottom: 15px;
font-size: 1.2em;
}
.txt{padding: 0px 0px 50px 0px;}
.ntxt{padding: 0px 10px 0px 10px;}
#News .contents {
/* max-width: 280px; */
max-width: 95%;
margin: auto;
}
#News .item {
-webkit-box-align: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
}
#News .thumb img {
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
}

#Recruit .contents a {
margin: 16px auto 0;
width: 46%;
}
#Recruit .txt{
height: 3em;
width: 90%;
margin: 0 auto 4px;
text-align: left;
-o-text-overflow: ellipsis;
   text-overflow: ellipsis;
overflow: hidden;
}
#Recruit .thumb img {
height: 100%;
-o-object-fit: cover;
   object-fit: cover;
}

}
@media screen and (min-width: 561px){
.item {
font-size: 12px;
}
#News .item {
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
}

@media screen and (max-width: 768px){
.pick-up::after {
width: 60px;
}

#Recruit .contents {
max-width: 560px;
}
#Recruit .contents a {
width: 46%;
margin: 0 2% 16px;
}




}

@media screen and (min-width: 769px) {
.pick-up::after{
width: 100px;
}
}

@media screen and (min-width: 769px) and (max-width: 959px){
#Recruit .contents a {
width: 30%;
margin: 0 1.6% 16px;
}
}

@media screen and (min-width: 960px){
#Recruit .contents a {
width: 30%;
margin: 0 1% 26px;
}
}