@charset "UTF-8";

/*
Theme Name: MY THEME
Author: ICHIMIYAUNYU
Description: This is my original theme.
Version: 1.0
*/

/* ----------------------------------------------------------------------
新卒採用
---------------------------------------------------------------------- */

.newgraduates1{height:300px;
background-image: url("../img/sin__back.png");
background-repeat: no-repeat;
background-size:cover;
background-position:center;}

.newgraduates1__box1:after{
display: block;
clear: both;
content: "";}

.newgraduates1__box1{width:80%; margin:0 auto;}
.newgraduates1__box1__box1{float:left; padding-top:25px; }
.newgraduates1__box1__box1 img{border:5px solid #ffffff; height:240px;}

.newgraduates1__box1__box2{float:right; width:50%; padding-top:25px; color:#ffffff}
.newgraduates1__box1__box2__h3{text-align:center; font-size:26px; line-height:2; margin:0; border-bottom:1px solid #ffffff;}
.newgraduates1__box1__box2__p{font-size:16px; line-height:1.7; margin:0; padding-top:10px;}

.newgraduates2{margin:0 auto; width:80%; padding:50px 0 35px;}
.newgraduates2__box1{margin:0 auto; width:80%;}
.newgraduates2__box1 p{line-height:1.7; margin:10px auto 0}
.newgraduates2__box1__box1{padding:15px; border:2px solid #cccccc;}
.newgraduates2__box1__box1 h4{
color: #006934;
    text-align: center;
    font-size: 20px;
	margin: 0; padding:10px 0 15px}
.newgraduates2__box1__box1 ul{list-style:none; padding:0; width:80%; margin:0 auto;}
.newgraduates2__box1__box1 ul li{background-image: url(../img/list_mark.png);
background-size:5px 16px;
background-repeat: no-repeat;
background-position: 0px 5px; padding-left:10px; line-height:1.7; margin:5px 0;}

.newgraduates2__box2{margin:0 auto; padding-top:50px;}
.newgraduates2__box2 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0 0 30px 0; position:relative;}
.newgraduates2__box2 h3:after{content: url("../img/hukidashi.png");
position:absolute; top:39px; right:92.5%; z-index:0;}

.newgraduates2__box2__ul:after{
      display: block;
      clear: left;
      content: "";
}
.newgraduates2__box2__ul{padding:0; list-style:none; margin:0;}
.newgraduates2__box2__li{width:49.5%; float:left; margin-bottom:15px;}
.newgraduates2__box2__li:nth-of-type(odd){margin-right:1%;}
.divvd:after{
      display: block;
      clear: left;
      content: "";
}
.newgraduates2__box2__li a{display:block;}
.newgraduates2__box2__li a:hover{background-color:#dae7c8;}

.divvd{border:1px solid #cccccc;}
.divvd div{float:left; width:40%;}
.divvd div img{width:100%; vertical-align:bottom;}
.divvd ul{float:left; width:56%; margin:0; padding:6% 2% 0; list-style:none;}
.divvd li{line-height:2;}
.divvd .fontsin, .divvd .fontsin2{font-weight: 800; font-size: 22px;}
.divvd .fontsin{padding-left:20px;}



.newgraduates3-0 {
    /*background-color: #00abeb;
    margin-bottom:50px;*/
    background-color: #EFEFEF;
    margin:0 auto; width:80%; padding:50px 0 35px;
}
.newgraduates3-0 section{
}
.newgraduates3-0 section:after{
      display: block;
      clear: left;
      content: "";
}


.newgraduates3 {
    /*display:inline;
    float:left; 
    width:50%;*/ 
    display:inline-block;
    float:left; 
    width:66%;
}

.newgraduates3-2{
    display:inline-block;
    float:left; 
    width:33%;
    margin:0 0 0 1%;
}

.newgraduates3 h3{
    padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center; 
    margin:0;
}

.newgraduates3-2 h3{
    padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center; 
    margin:0;
}

/*.newgraduates3 section{padding-top:50px; width:80%; margin:0 auto;}

.newgraduates3 section:after{
      display: block;
      clear: left;
      content: "";
}
.newgraduates3 section h3{
    padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center; 
    margin:0;

}
*/

.newgraduates3__box1 {width:100%; padding:0;}
.newgraduates3__box2 {width:100%; padding:30px 0 0 0;}
.newgraduates3__box3 {padding:0 4% 0 4%;}

/*.newgraduates3 section h4{margin:30px auto 15px; font-size:18px; color: #006934; text-align:center;}
.newgraduates3 section p{line-height:1.7; margin:0; text-align:center}
.newgraduates3 section div div{padding:20px 0 50px; text-align:center;}
.newgraduates3 section .a__newjob{display:inline-block;
width:170px; font-size:16px; color:#ffffff; background-color:#006835; padding:5px;
border-top:8px solid #01592a;
border-bottom:8px solid #01592a;
border-right:8px solid #00773d;
border-left:8px solid #00773d; text-align:center;}

.newgraduates3 section div .a__newjob:hover{color: #d41d23;}
*/
.newgraduates3 h4{margin:30px auto 15px; font-size:18px; color: #006934; text-align:center;}
.newgraduates3 p{line-height:1.7; margin:0; text-align:center}
.newgraduates3 div div{text-align:center;}
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_inner,
.newgraduates3 .newgraduates3__box2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_left,
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_right,
.newgraduates3 .newgraduates3__box2 div {
    width: 350px;
}
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_left,
.newgraduates3 .newgraduates3__box2 div:first-child {
    text-align: right;
    padding-right: 20px;
}
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_right,
.newgraduates3 .newgraduates3__box2 div:last-child {
    text-align: left;
    padding-left: 20px;
}
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_right div { 
    display: inline-block;
    margin: 5px 18px;
}
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_left .newgraduates3__box1_bottom_text {
    display: none;
}
.newgraduates3 .a__newjob{display:inline-block;
width:170px; font-size:16px; color:#ffffff; background-color:#006835; padding:5px;
border-top:8px solid #01592a;
border-bottom:8px solid #01592a;
border-right:8px solid #00773d;
border-left:8px solid #00773d; text-align:center;}

.a__newjob0{border:1px solid #00abeb; display:inline-block; padding:8px 5px; background-color:#ffffff;}

.newgraduates3 div .a__newjob:hover{color: #d41d23;}

/* 201810/19 Add */
/* ---------------------------------------------------------- */
.newgraduates3-2 section{
    /*float:left; 
    padding-top:50px; 
    width:25%;*/ 
    /*margin:0 auto;*/
}

.newgraduates3-2 section:after{
      /*display: block;
      clear: left;
      content: "";*/
}
.newgraduates3-2 section h3{
    padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center; 
    margin:0;
}

.newgraduates3-2 h4{margin:30px auto 15px; font-size:18px; color: #006934; text-align:center;}
.newgraduates3-2 p{line-height:1.7; margin:0; text-align:center}
.newgraduates3-2 div div{padding:20px 0 50px; text-align:center;}
.newgraduates3-2 .a__newjob{
    display:inline-block;
width:170px; font-size:16px; color:#ffffff; background-color:#006835; padding:5px;
border-top:8px solid #01592a;
border-bottom:8px solid #01592a;
border-right:8px solid #00773d;
border-left:8px solid #00773d; text-align:center;}

.a__newjob2{display:inline-block; padding:8px 5px;}

/* ---------------------------------------------------------- */

@media (min-width: 1500px) {
.newgraduates1__box1{width:1200px;}
.newgraduates2{width:1200px;}
/*.newgraduates3 {width:1200px;}*/
/*.newgraduates3-2 {width:1200px;}*/
}
@media (max-width: 1470px) {
.divvd li{font-size:15px;}
.divvd .fontsin, .divvd .fontsin2{font-size:19px;}
}
@media (max-width: 1400px) {
    .newgraduates3 .newgraduates3__box1 .newgraduates3__box1_left,
    .newgraduates3 .newgraduates3__box2 div:first-child {
        width: 345px;
    }
    .newgraduates3 .newgraduates3__box1 .newgraduates3__box1_right,
    .newgraduates3 .newgraduates3__box2 div:last-child {
        width: 230px;
        text-align: center;
    }
}
@media (max-width: 1385px) {
.divvd li{font-size:14px;}
.divvd .fontsin, .divvd .fontsin2{font-size:18px;}
}
@media (max-width: 1295px) {
.divvd li{font-size:13px;}
.divvd .fontsin, .divvd .fontsin2{font-size:17px;}

/*.newgraduates3__box1 {width:35%; padding:0 5% 0 10%;}
.newgraduates3__box2 {width:35%; padding:0 10% 0 5%;}*/
}
@media (max-width: 1200px) {
.newgraduates1__box1{width:90%;}
.newgraduates2{width:90%;}
.newgraduates3 {width:100%;}
.newgraduates3 .newgraduates3__box2 {
    margin-bottom: 30px;
}
.newgraduates3-2 {width:100%;}
}
@media (max-width: 1200px) and (min-width: 701px) {
    .newgraduates3 .newgraduates3__box1 .newgraduates3__box1_inner {
        padding: 0 5%;
    }
    .newgraduates3__box2 {
        width: auto;
        padding: 30px 5% 0;
    }
    .newgraduates3 .newgraduates3__box1 .newgraduates3__box1_left,
    .newgraduates3 .newgraduates3__box2 div:first-child {
        width: 45%;
    }
    .newgraduates3 .newgraduates3__box1 .newgraduates3__box1_right,
    .newgraduates3 .newgraduates3__box2 div:last-child {
        width: 45%;
    }
}
@media (max-width: 1080px) {
.divvd li{font-size:12px;}
.divvd .fontsin, .divvd .fontsin2{font-size:16px;}
}
/*@media (max-width: 1000px) {
.divvd li{font-size:11px;}
}
@media (max-width: 980px) {
.newgraduates1{width:980px;}
.newgraduates2{width:882px; padding:50px 49px 35px;}
.newgraduates3{width:980px;}
}

@media (max-width: 500px) {
*/

@media (max-width: 700px) {
.newgraduates1{width:100%; height:auto;
background-image:url("../img/sin__back__s.png");}
.newgraduates1__box1 {width: 90%;}
.newgraduates1__box1__box1 {float: none; padding-top: 20px; padding-bottom: 20px;}
.newgraduates1__box1__box1 img{width:100%; height:auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
.newgraduates1__box1__box2 {
    float: none;
    width: 100%;
	padding-top: 0px;
    padding-bottom: 30px;
}
.newgraduates2{width:100%; margin:0; padding:35px 0;}
.newgraduates2__box1 {width: 90%;}
.newgraduates3{width:100%; margin:0; padding:50px 0 30px;}
.newgraduates3-2{width:100%; margin:0; padding:50px 0 30px;}
.newgraduates2__box1__box1 h4{font-size:18px; padding-bottom:10px;}
.newgraduates2__box1__box1 ul{width:100%;}
.newgraduates2__box1__box1 ul li{margin-top:10px}
.newgraduates2__box1 p{width:95%;}
.newgraduates2__box1__box1 p{width:95%;}
.newgraduates2__box2__box1 div{width:100%;}
.newgraduates2__box2 h3{width:90%;}
.newgraduates2__box2 h3:after{right:85%;}
.newgraduates2__box2__ul{width:80%; margin:0 auto;}
.newgraduates2__box2__li:nth-of-type(odd) {margin-right: 0%;}
.newgraduates2__box2__li{width:100%;  margin-bottom:30px;}
.newgraduates2__box2 h3{margin:0 auto 30px;}
.newgraduates3 {padding-top:0;}
.newgraduates3-2 {padding-top:0;}
.newgraduates3__box1,.newgraduates3__box2{float:none; width:100%; padding:0;}

.newgraduates3__box1 {
    margin-bottom: 30px;
}
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_inner,
.newgraduates3 .newgraduates3__box2 {
    display: block;
}
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_left,
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_right,
.newgraduates3 .newgraduates3__box2 div:first-child,
.newgraduates3 .newgraduates3__box2 div:last-child {
    width: 100%;
    padding: 0;
}
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_right,
.newgraduates3 .newgraduates3__box2 div:last-child {
    margin-top: 15px;
}
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_left .newgraduates3__box1_right_text {
    display: none;
}
.newgraduates3 .newgraduates3__box1 .newgraduates3__box1_left .newgraduates3__box1_bottom_text {
    display: block;
}

/*.newgraduates3 div div{padding: 20px 0 20px;}*/
.newgraduates3-2 div div{padding: 20px 0 20px;}
.divvd div{float:none; width:100%;}
.divvd ul{width:90%; padding: 6% 5% 10px;}
.newgraduates_mb-br span{display:inline-block;}
.divvd li{font-size:14px;}
.divvd .fontsin, .divvd .fontsin2{font-size:18px;}
}
@media (max-width: 420px) {
.fontsin_ss{display:block;}
}
@media (max-width: 400px) {
.divvd .fontsin, .divvd .fontsin2{font-size:15px;}
}
@media (max-width: 371px) {
.divvd li{font-size:13px;}
}
@media (max-width: 359px) {
.newgraduates2__box1__box1 h4{font-size:18px;}
.newgraduates2__box2 h3:after{top:38px; right:80%;}
.divvd li{font-size:12px;}
.newgraduates3 p{font-size:15px;}
.newgraduates3-2 p{font-size:15px;}
}
@media (max-width: 335px) {
.newgraduates2__box1__box1 h4{font-size:17px;}
.newgraduates3 p{font-size:14px;}
.newgraduates3-2 p{font-size:14px;}
}