/*SP → タブレット　→ PC*/
/* iPhone 縦 */

/*============ #recTitle ===============*/

#recTitle{ background-color:#5DC2D0; }


/*============ #workPoint ===============*/

#workPoint{ padding: 100px 7vw; }
#workPoint .title_area{
    text-align: center;
    font-size: 0.8em;
    padding: 0 0 40px;
}
#workPoint h2 img{ height: 100%; width: auto; }
#workPoint h2{ height: 25px; width: auto; }

.workPoint_area { padding: 0 7vw; }
.workpoint_list { width: 100%; display: block; }
.workpoint_list img { width: 100%; height: auto; }
.point_item { padding-bottom: 40px; }




/*============ #workCareer ===============*/

#workCareer{ padding: 100px 7vw; background-color: #DFF3F6; }
#workCareer .title_area{ padding: 0 0 40px; }
#workCareer h2{ height: 25px; width: auto; text-align: center;}
#workCareer h2 img{ height: 100%; width: auto; }
#workCareer h3{ padding: 0 0 20px; font-size: 1.4em; font-weight: bold;}
#workCareer h4{ padding: 5px 0 5px; font-size: 1.2em; font-weight: bold;}

#workCareer .title_area p{ font-size: 0.9em; }
#workCareer .tit_blue{ color: #5DC1CF;}
#workCareer .tit_orange{ color: #FBCA4D;}
#workCareer .tit_pink{ color: #F0908A;}

.work_support { background-color: #FFF; padding: 7vw; margin-bottom: 70px; }

.pdca_txt,
.pdca_img{padding: 0 0 20px;}

.pdf_area p { padding: 0 0 30px; }
.pdf_area a {
    width: 75%;
    display: block;
    padding: 20px 15% 20px 5%;
    background-image: url(../images/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 30px;
    border: 5px solid #5DC1CF;
    border-radius: 15px;
    line-height: 2em;
    color: #5DC1CF;
    font-size: 0.8em;
    font-weight: bold;
}

.careerstep_area .step{ color: #FFF; padding: 20px; position: relative;}
.careerstep_area h4{ padding-bottom: 20px; }
.careerstep_area .sub{ font-size: 0.8em; }
.careerstep_area .step_arrow{ display: none; }


.group_reader{ background-color: #5DC1CF; }
.chief{ background-color: #FBCA4D; }
.sub_chief{ background-color: #F0908A; }
.reader{ background-color: #F19EBC; }
.person{ background-color: #8D93C8; }


.pdf_area img{ height: 40px; width: auto; }



/*============ #workWelfare ===============*/

#workWelfare{ padding: 100px 7vw; }
#workWelfare .title_area{
    text-align: center;
    font-size: 0.8em;
    padding: 0 0 40px;
}
#workWelfare h2 img{ height: 100%; width: auto; }
#workWelfare h2{ height: 25px; width: auto; }

.workWelfare_area{padding: 50px 7vw; background-color: #DFF3F6;}

.welfare_item {
    border-left: 5px solid #5DC1CF;
    padding: 0 0 10px 10px;
    margin-bottom: 20px;
}
.welfare_item h3{
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 20px;
}
.welfare_item ul{
    font-size: 0.9em;
}
.item_short li{
    width: 50%;
    float: left;
}
.item_short:after{
    content: "";
    clear: both;
    display: block;
}

@media screen and (min-width:768px){

/***************************
　for iPad 　
****************************/

.workPoint_area { padding: 0 4vw; }
.workpoint_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.workpoint_list img { width: auto; height: 170px; }
.point_item { width: 50%; flex-grow: 1; padding-bottom: 40px; }
.point_item:nth-child(even) { padding-top: 40px; }

.pdca_area { display: table; }
.pdca_txt,
.pdca_img{display: table-cell; width: 50%; vertical-align: top; padding: 0;}
.pdca_img {text-align: right; }
.pdca_img img{ width: 80%; }

.careerstep_area:after{ content: "";
    clear: both;
    display: block; }
.careerstep_area .step{ float: right; }
.careerstep_area .step:after{
    content: "";
    clear: both;
    display: block;
}
.careerstep_area .step_arrow{
    width: 90px;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: -100px;
}

.group_reader{ width: 50%; }
.chief{width: 60%; }
.sub_chief{width: 70%; }
.reader{ width: 80%; }
.person{ width: 90%; }


.pdf_area a { font-size: 1.1em; background-size: 40px;}


.workWelfare_area{padding: 50px; max-width: 900px; margin: 0 auto;}
.workWelfare_list{
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
}
.welfare_item{
    width: 45%;
    height: 180px;
    padding: 0 0 10px 20px;
}
.item_short li:nth-child(odd){ width: 35%; }
.item_short li:nth-child(even){ width: 60%; }

}
@media screen and (min-width:1024px) {
/***************************
　for PC 　
****************************/
.workpoint_list img { width: auto; height: 200px; }
.welfare_item{ height: 140px; margin-bottom: 30px;}
.welfare_item:nth-child(n+3){ margin-bottom: 0px;}

}

@media screen and (min-width:1300px) {
/***************************
　for PC 2
****************************/
.workPoint_area { padding: 0 7vw; }
.workpoint_list img { width: auto; height: 260px; }

}