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

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

#recTitle{ background-color:#F19EBC; }



/*============ #aboutMessage ===============*/

#aboutMessage{ padding: 100px 7vw; text-align: center; }
#aboutMessage h2{ width: auto; height: 25px; }
#aboutMessage img{ width: auto; height: 100%; }

#aboutMessage .message_contents p.lead{
    font-size: 1.8em;
    letter-spacing: 0.1em;
    padding: 40px 0 60px 0;
}
#aboutMessage .message_contents p.message_txt{
    font-size: 0.85em;
    letter-spacing: 0.1em;
    line-height: 3.0em;
}
#aboutMessage .message_contents p.message_name{
    font-size: 1.0em;
    letter-spacing: 0.1em;
    font-weight: bold;
}
#aboutMessage .message_contents .sub{
    display: block;
    font-size: 0.85em;
}
#aboutMessage .message_contents .name{
    display: block;
    font-size: 1em;
}
#aboutMessage .key_message{
    height: 150px;
    padding: 0 0 40px;
}

/*============ #aboutMessage ===============*/
#aboutStatue{
    background-color: #ED85A7;
    padding: 100px 7vw;
    text-align: center;
}
#aboutStatue .statue_wrap {
    background-color: #FFF;
    border-radius: 10px;
    padding: 50px 7vw;
    text-align: left;
}

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

#aboutStatue .statue_wrap{ text-align: center; font-weight: bold; }
#aboutStatue .statue_item{ letter-spacing: 0.2em; padding-bottom: 10px; }
#aboutStatue span.item_img{ display: inline-block; vertical-align: text-bottom; padding-right: 5px; }
#aboutStatue span img{ height: 23px; width: auto; }

.dot_line{
    width: 80px;
    display: inline-block;
    border-bottom: dotted 15px #ED85A7;
    padding: 20px 0;
    margin: 0 auto;
}
#aboutStatue .nomal_txt{ font-size: 0.9em; padding: 40px 0; line-height: 2em; }
#aboutStatue .pink_txt{ font-size: 1.5em; color: #ED85A7; }
#aboutStatue .pd10{ display: block; padding:10px 0; }
#aboutStatue .pd0{ padding: 0 0; }

/*============ #aboutFacility ===============*/

#aboutFacility{ padding: 100px 7vw; background-color: #FCECF2; }
#aboutFacility .title_area{ text-align: center; font-size: 0.8em; padding: 0 0 40px; }
#aboutFacility img{ height: 100%; width: auto;}

#aboutFacility h2{ height: 25px; width: auto; }


#aboutFacility .message_contents p{
    font-size: 0.8em;
    letter-spacing: 0.1em;
    line-height: 4.0em;
}
#aboutFacility .message_contents p.message_name{
    font-size: 1.0em;
    letter-spacing: 0.1em;
    line-height: 4.0em;
}
#aboutFacility .key_message{ height: 150px; padding: 0 0 40px; }

/*============ #aboutOverview ===============*/


#aboutOverview {
    position: relative;
    background-color: #FFF;
    padding: 7vw;
    margin: 0 0 7vw;
    overflow: hidden;
    text-align: left;
    font-size: 0.85em;
}
#aboutOverview .title_area{ padding-bottom: 7vw; }
#aboutOverview h2{
    text-align: left;
    font-size: 1.8em;
    font-weight: bold;
}

#aboutOverview dt{
    padding: 10px 0px 5px;
    border-top: 1px solid #ED85A7;
}
#aboutOverview dd{ padding: 5px 0px 10px; }
#aboutOverview dd li{
    padding: 10px 0px;
    border-bottom: 1px dashed #ED85A7;

}
#aboutOverview dd li:last-child{
    padding: 10px 0px;
    border-bottom: 1px solid #ED85A7;
}
#aboutOverview .jigyo { border-top: none; }

/*============ #aboutService ===============*/


#aboutService {
    position: relative;
    background-color: #FFF;
    padding: 7vw;
    overflow: hidden;
    text-align: left;
    font-size: 0.85em;
}
#aboutService .title_area{ padding-bottom: 7vw; }
#aboutService h2{
    text-align: left;
    font-size: 1.8em;
    font-weight: bold;
}

#aboutService .lead{ text-align: left; padding: 10px 0; font-size: 1.2em;}

#aboutService .contents{ text-align: center; }
#aboutService .contents img{ width: 100%; }

#aboutService .parts_all{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    font-size: 0.8em;
}
#aboutService .parts{ width: 33vw; display: inline-block; }
#aboutService .part_txt{
    position: relative;
    line-height: 1.5em;
    font-size: 0.8em;
    padding: 10px;
    bottom: 0;
}
#aboutService .parts:last-child .part_txt{
    width: 140px;
    margin:0 0 0 -20px;
}

#aboutService .part_txt:before{
    background: url("/recruit/about/images/service_discLeft.png") no-repeat;
    left: 0;
}
#aboutService .part_txt:after{
    background: url("/recruit/about/images/service_discRight.png") no-repeat;
    right: 0;
}
#aboutService .part_txt:before, #aboutService .part_txt:after{
    position: absolute;
    content: "";
    display: inline-block;
    padding: 12px;
    background-size: 75%;
    z-index: 0;
    bottom: 0;
}
#aboutService .part_name{ font-weight: bold; padding: 15px 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#aboutService .part_txt:before{ background: url("/recruit/about/images/service_discLeft@2x.png") no-repeat; }
#aboutService .part_txt:after{ background: url("/recruit/about/images/service_discRight@2x.png") no-repeat; }
#aboutService .part_txt:before, #aboutService .part_txt:after{
    position: absolute;
    content: "";
    display: inline-block;
    padding: 12px;
    background-size: 75%;
    z-index: 0;
    bottom: 0;
}
}


@media screen and (max-width:350px) {
/*　for iPhone Landscape　(iPhone4)　*/


}



@media screen and (min-width:480px) {
/*　for iPhone Landscape　(iPhone 横)　*/


/*#header .headLogo{ padding-right: 30vw; }
*/


}

@media screen and (min-width:600px){
/***************************
　for iphone 6 横
****************************/



}


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

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

#aboutMessage{
    padding: 100px 150px;
    background-image: url(/recruit/about/images/img_bg_about.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 170%;
}
#aboutMessage .key_message{ height: 200px; }

#aboutStatue .statue_wrap { padding: 50px 5vw; }
#aboutStatue h2 img{ width: auto; height: 100%; }
#aboutStatue span img{ height: 23px; width: auto; }
#aboutStatue .pink_txt{ font-size: 1.4em; }



#aboutOverview dt{
    width: 18%;
    float: left;
    font-weight: bold;
    padding: 10px 9% 10px 3%;
    border-top: none;
    -moz-text-align-last: justify;
    text-align-last: justify;
}
#aboutOverview dd{ padding: 10px 0px; border-top: 1px solid #ED85A7;}
#aboutOverview dd:last-child{ border-bottom: 1px solid #ED85A7;}
#aboutOverview dd li{
    padding: 10px 0px;
    width: 70%;
    float: right;
}
#aboutOverview dd li:first-child{ padding: 0px 0px 10px; }
#aboutOverview dd li:last-child{
    padding: 10px 0px 0px;
    border-bottom: none;
}
#aboutOverview .jigyo { border-top: none; }

#aboutService .title_area{ padding-bottom: 20px; }
#aboutService .lead{ padding: 20px 0; }

#aboutService .parts{ width: 20vw; }
#aboutService .parts:last-child .part_txt{ width: initial; margin: 0 0 0 0; }


}
@media screen and (min-width:1024px) {
/***************************
　for PC 　
****************************/

#aboutMessage{ padding: 50px 150px; background-size: 110%; }
#aboutMessage .key_message{ height: 250px; }
#aboutMessage .message_contents p.lead{ font-size: 2.0em; }
#aboutMessage .message_contents p.message_txt{
    width: 600px;
    margin: 0 auto;
    padding: 0 0 40px;
}


#aboutService .parts_all{ font-size: 0.85em; }
#aboutService .connect_top{ width: 82%; margin: 0 auto; }
#aboutService .parts{ width: 12vw; }
#aboutService .part_name{ padding: 20px 0; }
#aboutService .part_img{ padding-top: 20px; width: 80%; margin: 0 auto; }
#aboutService .part_txt{ padding: 20px 0 0 0; font-size: 1em; width: 140px;}



}

@media screen and (min-width:1300px) {
/***************************
　for PC 2
****************************/

}