@charset "utf-8";



/* 
■ 1025px以上 
■ 1024px〜641pxまで
■ 640px以下
*/




/* ■ 共通 ---------------------------------------------------------------------------------- */

#Page_CareerSystem .ListPhoto img {
width: 100%;
height: auto;
}

/* 体系図拡大 --------------------------------------------------- */

#Page_CareerSystem .DiagramLarge {
text-align: center;
}

#Page_CareerSystem .DiagramLarge img {
width: 100%;
height: auto;
}


/* ■ 1025px以上 ---------------------------------------------------------------------------------- */
@media print, screen and (min-width: 1025px){


/* リード --------------------------------------------------- */

#Page_CareerSystem .Lead {
width: 100%;
margin: 45px 0 50px 0;
}

#Page_CareerSystem .Lead .InBox {
width: 840px;
margin: 0 auto 0 auto;
}

#Page_CareerSystem .Lead .InBox h2 {
margin: 0 0 40px 0;
padding: 20px 0 0 0;
border-top: solid 4px #189673;
font-size: 179%;
line-height: 1.0em;
font-weight: normal;
color: #189673;
}

#Page_CareerSystem .Lead .InBox p {
width: 550px;
margin: 0 0 20px 0;
line-height: 1.8em;
}


/* 基本方針・求める人財像 --------------------------------------------------- */

#Page_CareerSystem .Policy {
width: 100%;
margin: 0 0 55px 0;
}

#Page_CareerSystem .Policy .InBox {
width: 840px;
margin: 0 auto 0 auto;
}

#Page_CareerSystem .Policy .InBox .PolicyPC div {
margin: 0 0 15px 0;
}

#Page_CareerSystem .Policy .InBox .PolicySP {
display: none;
}


/* フジタ人財育成体系 --------------------------------------------------- */

#Page_CareerSystem .Diagram {
width: 100%;
margin: 0 0 80px 0;
}

#Page_CareerSystem .Diagram .InBox {
width: 840px;
margin: 0 auto 0 auto;
}

#Page_CareerSystem .Diagram .InBox h2 {
margin: 0 0 25px 0;
font-size: 129%;
line-height: 1.0em;
font-weight: normal;
color: #189673;
}

#Page_CareerSystem .Diagram .InBox .DiagramSP {
display: none;
}

#Page_CareerSystem .Diagram .ListKomeS {
margin-top: 20px;
}

#Page_CareerSystem .Diagram .ListPhoto {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 13px;
margin-top: 35px;
}

/* 研修センター宿泊施設「志」 --------------------------------------------------- */

#Page_CareerSystem .Facilities {
width: 100%;
margin: 0 0 80px 0;
}

#Page_CareerSystem .Facilities .InBox {
width: 840px;
margin: 0 auto 0 auto;
}

#Page_CareerSystem .Facilities .InBox h2 {
margin: 0 0 25px 0;
padding-top: 25px;
border-top: 1px solid #189673;
font-size: 129%;
line-height: 1.0em;
font-weight: normal;
color: #189673;
}

#Page_CareerSystem .Facilities .Mainhoto {
margin-bottom: 20px;
}

#Page_CareerSystem .Facilities .ListPhoto {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 13px;
margin-bottom: 30px;
}

}

/* // ■ 1025px以上 ---------------------------------------------------------------------------------- */





/* ■ 1024px〜641pxまで ---------------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) and (min-width: 641px){


/* リード --------------------------------------------------- */

#Page_CareerSystem .Lead {
width: 100%;
margin: 45px 0 50px 0;
}

#Page_CareerSystem .Lead .InBox {
width: 700px;
margin: 0 auto 0 auto;
}

#Page_CareerSystem .Lead .InBox h2 {
margin: 0 0 40px 0;
padding: 20px 0 0 0;
border-top: solid 4px #189673;
font-size: 179%;
line-height: 1.0em;
font-weight: normal;
color: #189673;
}

#Page_CareerSystem .Lead .InBox p {
margin: 0 0 20px 0;
line-height: 1.8em;
}


/* 基本方針・求める人財像 --------------------------------------------------- */

#Page_CareerSystem .Policy {
width: 100%;
margin: 0 0 55px 0;
}

#Page_CareerSystem .Policy .InBox {
width: 700px;
margin: 0 auto 0 auto;
}

#Page_CareerSystem .Policy .InBox .PolicyPC div {
margin: 0 0 15px 0;
}

#Page_CareerSystem .Policy .InBox .PolicyPC div img {
width: 700px;
height: auto;
}

#Page_CareerSystem .Policy .InBox .PolicySP {
display: none;
}


/* フジタ人財育成体系 --------------------------------------------------- */

#Page_CareerSystem .Diagram {
width: 100%;
margin: 0 0 80px 0;
}

#Page_CareerSystem .Diagram .InBox {
width: 700px;
margin: 0 auto 0 auto;
}

#Page_CareerSystem .Diagram .InBox h2 {
margin: 0 0 20px 0;
font-size: 129%;
line-height: 1.0em;
font-weight: normal;
color: #189673;
}

#Page_CareerSystem .Diagram .InBox .DiagramPC img {
width: 700px;
height: auto;
}

#Page_CareerSystem .Diagram .InBox .DiagramSP {
display: none;
}

#Page_CareerSystem .Diagram .ListKomeS {
margin-top: 20px;
}

#Page_CareerSystem .Diagram .ListPhoto {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 13px;
margin-top: 35px;
}

/* 研修センター宿泊施設「志」 --------------------------------------------------- */

#Page_CareerSystem .Facilities {
width: 100%;
margin: 0 0 80px 0;
}

#Page_CareerSystem .Facilities .InBox {
width: 700px;
margin: 0 auto 0 auto;
}

#Page_CareerSystem .Facilities .InBox h2 {
margin: 0 0 20px 0;
padding-top: 20px;
border-top: 1px solid #189673;
font-size: 129%;
line-height: 1.0em;
font-weight: normal;
color: #189673;
}

#Page_CareerSystem .Facilities .Mainhoto {
margin-bottom: 20px;
}

#Page_CareerSystem .Facilities .ListPhoto {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 13px;
margin-bottom: 30px;
}

}

/* // ■ 1024px〜641pxまで ---------------------------------------------------------------------------------- */




/* ■ 640px以下 ---------------------------------------------------------------------------------- */
@media only screen and (max-width: 640px){


/* リード --------------------------------------------------- */

#Page_CareerSystem .Lead {
width: 100%;
margin: 45px 0 30px 0;
}

#Page_CareerSystem .Lead .InBox {
margin: 0 10px 0 10px;
}

#Page_CareerSystem .Lead .InBox h2 {
margin: 0 0 20px 0;
padding: 15px 0 0 0;
border-top: solid 3px #189673;
font-size: 165%;
line-height: 1.0em;
font-weight: normal;
color: #189673;
}

#Page_CareerSystem .Lead .InBox p {
margin: 0 0 20px 0;
line-height: 1.8em;
}


/* 基本方針・求める人財像 --------------------------------------------------- */

#Page_CareerSystem .Policy {
width: 100%;
margin: 0 0 40px 0;
}

#Page_CareerSystem .Policy .InBox {
margin: 0 10px 0 10px;
}

#Page_CareerSystem .Policy .InBox .PolicySP div {
margin: 0 0 15px 0;
}

#Page_CareerSystem .Policy .InBox .PolicySP div img {
width: 100%;
height: auto;
}

#Page_CareerSystem .Policy .InBox .PolicyPC {
display: none;
}


/* フジタ人財育成体系 --------------------------------------------------- */

#Page_CareerSystem .Diagram {
width: 100%;
margin: 0 0 40px 0;
}

#Page_CareerSystem .Diagram .InBox {
margin: 0 10px 0 10px;
}

#Page_CareerSystem .Diagram .InBox h2 {
margin: 0 0 20px 0;
font-size: 129%;
line-height: 1.0em;
font-weight: normal;
color: #189673;
}

#Page_CareerSystem .Diagram .InBox .DiagramSP img {
width: 100%;
height: auto;
}

#Page_CareerSystem .Diagram .InBox .DiagramPC {
display: none;
}

#Page_CareerSystem .Diagram .ListKomeS {
margin-top: 15px;
}

#Page_CareerSystem .Diagram .ListPhoto {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px 15px;
margin-top: 20px;
}

/* 研修センター宿泊施設「志」 --------------------------------------------------- */

#Page_CareerSystem .Facilities {
width: 100%;
margin: 0 0 40px 0;
}

#Page_CareerSystem .Facilities .InBox {
margin: 0 10px 0 10px;
}

#Page_CareerSystem .Facilities .InBox h2 {
margin: 0 0 20px 0;
padding-top: 15px;
border-top: 1px solid #189673;
font-size: 129%;
line-height: 1.0em;
font-weight: normal;
color: #189673;
}

#Page_CareerSystem .Facilities .Mainhoto {
margin-bottom: 4%;
}

#Page_CareerSystem .Facilities .ListPhoto {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px 15px;
margin-bottom: 20px;
}

}

/* // ■ 640px以下 ---------------------------------------------------------------------------------- */