@charset "utf-8";

/* ==================================================================

	working.css

=================================================================== */

.contents .accent {
    background-image: url("../../images/working/title-img.jpg");
    background-position: 29% 0;
}
#working .contents .chapter {
    margin-bottom: 60px;
}
#working .contents .chapter:last-child {
    margin-bottom: 0;
}

footer {
	margin-top: 0;
}

/* =================================
   ■ policy
================================== */
#policy p.lead {
    text-align: center;
    margin-bottom: 30px;
}
#policy section {
    box-sizing: border-box;
    border: 1px solid #1186c4;
    padding: 35px 45px;
}
#policy section h3 {
    font-size: 156%;
    color: #1186c4;
    text-align: center;
    margin-bottom: 49px;
    font-weight: normal;
}
#policy section h3 span {
    font-size: 68%;
}
#policy section ul li {
    display: block;
    float: left;
    width: 21%;
    margin-right: 4.5%;
    background-color: #f0f0f0;
    box-sizing: border-box;
    padding: 45px 22px;
}
#policy section ul li:last-child dd {
}
#policy section ul li dt {
    background-color: #1186c4;
    color: #fff;
    font-weight: bold;
    padding: 12px;
    text-align: center;
    border-bottom: 3px solid #00507a;
    margin-bottom: 30px;
    margin-top: -65px;
}
#policy section ul li:last-child {
    margin-right: 0;
}

/* =================================
   ■ system
================================== */
#system h3 {
    font-size: 175%;
    color: #1186c4;
    text-align: center;
    font-weight: normal;
    line-height: 1.8;
    margin-bottom: 35px;
}
#system ul {
    overflow: hidden;
}
#system li {
    text-align: center;
    margin-bottom: 30px;
    float: left;
    margin-right: 35px;
}
#system li:nth-child(2n) {
    margin-right: 0;
}
#system li a {
    color: #333;
}
#system li img {
    display: block;
    margin-bottom: 13px;
}

/* =================================
   ■ environment
================================== */
#environment {
    background: url(../../images/common/background.gif) 0 0 repeat;
    padding-top: 50px;
    padding-bottom: 50px;
}
#environment h3 {
    font-size: 175%;
    color: #1186c4;
    text-align: center;
    font-weight: normal;
    line-height: 1.8;
    margin-bottom: 35px;
}
#environment p.txt {
    text-align: center;
    margin-bottom: 30px;
}
#environment p.img {
    margin-bottom: 35px;
}
#environment p.img img {
    width: 100%;
}
#environment p.buttonStyle {
    text-align: center;
}

/* =================================
   ■ careerpath
================================== */
#careerpath h3 {
    font-size: 175%;
    color: #1186c4;
    text-align: center;
    font-weight: normal;
    line-height: 1.8;
    margin-bottom: 35px;
}
#careerpath p.txt {
    text-align: center;
    margin-bottom: 30px;
}
#careerpath p.img {
    text-align: center;
	margin-bottom:28px;
}

#careerpath > section {
	margin:60px 0 0 0;
}

	#careerpath > section h4.texttitle2{
		padding:12px 0 12px 19px;
		margin-bottom:30px;
	}

	#careerpath > section p{
		line-height:2;
	}

	#careerpath > section p.image{
		float:right;
	}

	#careerpath > section .explain{
		float:left;
		width:80%;
	}


/* =================================
   ■ training
================================== */
#simulation {
    background: url(../../images/common/background.gif) 0 0 repeat;
    padding-top: 50px;
    padding-bottom: 50px;
}
#simulation h3 {
    font-size: 175%;
    color: #1186c4;
    text-align: center;
    font-weight: normal;
    line-height: 1.8;
    margin-bottom: 35px;
}
#simulation li {
    background-color: #fff;
    box-sizing: border-box;
    padding: 44px;
    margin-bottom: 45px;
    position: relative;
}
/*
#simulation li:after {
    content: "";
    position: absolute;
    width: 38px;
    height: 21px;
    top: -20px;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    background: url(../../images/working/a-arrow.gif) no-repeat 0 0;
}
*/
#simulation li dl {
    width: 50%;
    float: left;
}
#simulation li dl dt {
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 30px;
}
#simulation li dl dd {
    line-height: 1.8;
    font-size: 87%;
}
#simulation li p.img {
    float: right;
}
#simulation li p.step {
    position: absolute;
    top: 0;
    right: 0;
}

/* =================================
   ■ simulation
================================== */
#license p.txt {
    text-align: center;
    margin-bottom: 30px;
}
#license section h3 {
    font-size: 175%;
    color: #1186c4;
    text-align: center;
    font-weight: normal;
    line-height: 1.8;
    margin-bottom: 20px;
}
#license section .licenseList {
    box-sizing: border-box;
    border: 1px solid #cbcbcb;
    padding: 50px 90px;
    overflow: hidden;
}
#license section ul {
    float: left;
}
#license section ul:nth-child(1) {
    width: 28%;
}
#license section ul:nth-child(2) {
    width: 44%;
}
#license section ul:nth-child(3) {
    width: 28%;
}
#license section ul li {
    margin-bottom: 25px;
    background: url(../../images/working/education/check.gif) 0 50% no-repeat;
    padding-left: 23px;
    font-weight: bold;
}
#license section ul li:last-child {
    margin-bottom: 0;
}
#license section.shikakuHojo {
    margin-top: 40px;
}
#license section.shikakuHojo h4 {
    border-left: 3px solid #1186c4;
    padding: 10px 0 10px 25px;
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 25px;
}
#license section.shikakuHojo table {
    width: 100%;
}
#license section.shikakuHojo table tr {
}
#license section.shikakuHojo table th,
#license section.shikakuHojo table td {
    text-align: center;
    padding: 5px 5px;
    border: 1px solid #cbcbcb;
}
#license section.shikakuHojo table th {
    font-size: 95%;
    background: #FAF7EE;
}
#license section.shikakuHojo table td {
    font-size: 90%;
}

/* =================================
   ■ training
================================== */
#training {
    background: url(../../images/common/background.gif) 0 0 repeat;
    padding-top: 50px;
    padding-bottom: 50px;
}
#training h2.title em {
    background-color: #FAF7EE;
}
#training p.txt {
    text-align: center;
    margin-bottom: 30px;
}
#training li {
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 35px;
}
#training dl {
    box-sizing: border-box;
    width: 55%;
    padding: 40px 50px;
}
#training dl dt {
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 23px;
}
#training dl dd.txt {
    line-height: 1.8;
}
#training p.img {
    margin-bottom: 0;
}
#training li.leftImg dl {
    float: right;
}
#training li.leftImg p.img {
    float: left;
}
#training li.rightImg dl {
    float: left;
}
#training li.rightImg p.img {
    float: right;
}

/* =================================
   ■ practice
================================== */
#practice {
    padding-top: 10px;
}
#practice p.txt {
    text-align: center;
    margin-bottom: 30px;
}
#practice p.img {
    text-align: center;
}

/* =================================
   ■ welfare
================================== */
#welfare > p.txt {
    text-align: center;
    margin-bottom: 30px;
}
#welfare section h3 {
    font-size: 175%;
    color: #1186c4;
    text-align: center;
    font-weight: normal;
    line-height: 1.8;
    margin-bottom: 20px;
}
#welfare section table {
    border-top: 1px solid #c6c6c6;
    margin-bottom: 65px;
}
#welfare section table tr {
    border-bottom: 1px solid #c6c6c6;
}
#welfare section table th,
#welfare section table td {
    padding: 15px 45px;
    box-sizing: border-box;
}
#welfare section table th {
    background-color: #f1f1f1;
    width: 20%;
    text-align: center;
}
#welfare ul.systemList li {
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid #d3d3d3;
    overflow: hidden;
}
#welfare ul.systemList dl {
    width: 50%;
    float: left;
}
#welfare ul.systemList dl dt {
    border-left: 3px solid #1186c4;
    padding: 15px 0 15px 25px;
    font-size: 125%;
    font-weight: bold;
    margin-bottom: 38px;
}
#welfare ul.systemList dl dd.txt {
    line-height: 1.8;
}

#welfare ul.systemList li.textOnly dl {
    width: auto;
    float: none;
}


#welfare ul.systemList dl dd.buttonStyle {
    margin-top: 30px;
}
#welfare ul.systemList p.img {
    float: right;
    margin-bottom: 0;
}
#welfare ul.systemList section.cafeteria {
    padding-top: 30px;
    clear: both;
}
#welfare ul.systemList section.cafeteria div {
    clear: both;
    border: 1px solid #1186c4;
    padding: 35px;
    text-align: left;
}
#welfare ul.systemList section.cafeteria div h4 {
    color: #1186c4;
    font-size: 125%;
    margin-bottom: 23px;
}
#welfare ul.systemList section.cafeteria div p.txt {
    text-align: left;
    line-height: 1.8;
    margin-bottom: 0;
}
#welfare ul.systemList section.cafeteria div p.txt em {
    display: block;
    margin-top: 15px;
}
#welfare ul.systemList section.cafeteria div p.txt em span {
    color: #ff7214;
}

/* --------------------------------
   □ スマホ記述
-------------------------------- */
@media only screen and
(max-width : 640px) {

#working .contents .chapter {
    margin-bottom: 13%;
}
.contents p.txt {
    line-height: 2;
}

    /* =================================
   ■ policy
================================== */
#policy p.lead {
    text-align: left;
    margin-bottom: 5%;
}
#policy p.lead br {
    display: none;
}
#policy section {
    padding: 5%;
}
#policy section h3 {
    margin-bottom: 12%;
}
#policy section ul li {
    float: none;
    width: auto;
    margin-right: 0;
    padding: 12% 22px 10%;
    margin-bottom: 10%;
}
#policy section ul li:last-child {
    margin-bottom: 0;
}
#policy section ul li dt {
    padding: 3%;
    margin-bottom: 30px;
    margin-top: -50px;
}
#policy section ul li:last-child {
    margin-right: 0;
}

/* =================================
   ■ system
================================== */
#system h3 {
    font-size: 140%;
    text-align: center;
    line-height: 1.7;
    margin-bottom: 7%;
}
#system h3 br {
    display: none;
}
#system ul {
    overflow: hidden;
}
#system li {
    text-align: center;
    margin-bottom: 7%;
    float: none;
    margin-right: 0;
}
#system li:nth-child(2n) {
    margin-right: 0;
}
#system li a {
    color: #333;
}
#system li img {
    display: block;
    margin-bottom: 13px;
}

/* =================================
   ■ environment
================================== */
#environment {
    padding-top: 10%;
    padding-bottom: 10%;
}
#environment h3 {
    font-size: 140%;
    margin-bottom: 7%;
}
#environment p.txt {
    text-align: left;
}
#environment p.txt br {
    display: none;
}
#environment p.img {
    margin-bottom: 35px;
}
#environment p.buttonStyle a {
    font-size: 110%;
}

/* =================================
   ■ careerpath
================================== */
#careerpath h3 {
    font-size: 140%;
    margin-bottom: 7%;
}
#careerpath p.txt {
    text-align: left;
}
#careerpath p.txt br {
    display: none;
}
#careerpath p.img {
    text-align: center;
}


#careerpath > section {
	margin:8% 0 0 0;
}

	#careerpath > section h4.texttitle2{
		margin-bottom:4%;
	}

	#careerpath > section p.image{
		float:none;
		text-align:center;
	}

	#careerpath > section .explain{
		float:none;
		width:auto;
	}


/* =================================
   ■ training
================================== */
#simulation {
    padding-top: 10%;
    padding-bottom: 10%;
}
#simulation h3 {
    font-size: 140%;
    margin-bottom: 7%;
}
#simulation li {
    padding: 7%;
    margin-bottom: 5%;
}
#simulation li dl {
    width: auto;
    float: none;
}
#simulation li dl dt {
    font-size: 130%;
    margin-bottom: 7%;
    padding-right: 70px;
}
#simulation li dl dd {
    margin-bottom: 5%;
}
#simulation li p.img {
    float: none;
    margin-bottom: 0;
}
#simulation li p.step {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
}
#simulation li p.step img {
    width: 100%;
}

/* =================================
   ■ license
================================== */
#license p.txt {
    text-align: left;
    margin-bottom: 7%;
}
#license section h3 {
    font-size: 140%;
    margin-bottom: 5%;
}
#license section .licenseList {
    padding: 7%;
}
#license section ul {
    float: none;
}
#license section ul:nth-child(1) {
    width: auto;
}
#license section ul:nth-child(2) {
    width: auto;
}
#license section ul:nth-child(3) {
    width: auto;
}
#license section ul li {
    margin-bottom: 20px;
}
#license section ul li:last-child {
    margin-bottom: 20px;
}
#license section.shikakuHojo .scroll {
    overflow: auto;
    white-space: nowrap;
}
#license section.shikakuHojo .scroll::-webkit-scrollbar {
    height: 5px;
}
#license section.shikakuHojo .scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
}
#license section.shikakuHojo .scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}
#license section.shikakuHojo table {
    width: auto;
}
#license section.shikakuHojo table th,
#license section.shikakuHojo table td {
    padding: 3px 3px;
}
#license section.shikakuHojo table th {
    font-size: 90%;
}
#license section.shikakuHojo table td {
    font-size: 80%;
}


/* =================================
   ■ training
================================== */
#training {
    padding-top: 10%;
    padding-bottom: 10%;
}
#training p.txt {
    text-align: left;
    margin-bottom: 7%;
}
#training li {
    margin-bottom: 5%;
}
#training dl {
    box-sizing: border-box;
    width: auto;
    padding: 7%;
}
#training li.leftImg dl {
    float: none;
}
#training li.leftImg p.img {
    float: none;
}
#training li.rightImg dl {
    float: none;
}
#training li.rightImg p.img {
    float: none;
}

/* =================================
   ■ practice
================================== */
#practice {
    padding-top: 10px;
}
#practice p.txt {
    text-align: left;
    margin-bottom: 7%;
}
#practice p.txt br {
    display: none;
}
#practice p.img {
    text-align: center;
}

/* =================================
   ■ welfare
================================== */
#welfare > p.txt {
    text-align: left;
    margin-bottom: 5%;
}
#welfare > p.txt br {
    display: none;
}
#welfare section h3 {
    font-size: 140%;
    margin-bottom: 5%;
}
#welfare section table {
    margin-bottom: 10%;
}
#welfare section table th,
#welfare section table td {
    padding: 3%;
}
#welfare section table th {
    width: 30%;
}
#welfare ul.systemList li {
    padding-bottom: 10%;
    margin-bottom: 10%;
}
#welfare ul.systemList dl {
    width: auto;
    float: none;
}
#welfare ul.systemList dl dt {
    padding: 3% 0 3% 5%;
    font-size: 125%;
    margin-bottom: 5%;
}
#welfare ul.systemList dl dd.buttonStyle {
    margin-top: 5%;
    text-align: center;
}
#welfare ul.systemList dl dd.buttonStyle a {
    font-size: 110%;
}
#welfare ul.systemList p.img {
    float: none;
    margin-bottom: 0;
    margin-top: 5%;
}
#welfare ul.systemList section.cafeteria {
    padding-top: 30px;
    clear: both;
}
#welfare ul.systemList section.cafeteria div {
    clear: both;
    border: 1px solid #1186c4;
    padding: 7%;
    text-align: none;
}
#welfare ul.systemList section.cafeteria div h4 {
    color: #1186c4;
    font-size: 125%;
    margin-bottom: 23px;
}
}

/* ===================================================================
   ■ 労働施策総合推進法に基づく 中途採用比率の公表（2021/06/28追加）
==================================================================== */

.career-title {
    margin-bottom: 30px;
    font-size: 187.5%;
    color: #1186c4;
    padding-bottom: 20px;
    border-bottom: solid 1px #1186c4;
    font-weight: 600;
}
.career-txt {
    margin-bottom: 30px;
}
@media only screen and (max-width : 640px) {
    .career-title {
        margin-bottom: 20px;
        font-size: 150%;
    }
    .career-txt {
        font-size: 87.5%;
    }
}
.career-table {
    overflow: auto;
    white-space: nowrap;
    margin: 60px 0 0;
}
.career-table table {
    width: 670px;
    margin: auto;
}
.career-table .title, .career-table .txt {
    padding: 30px;
    border: 1px solid #196D9B;
    text-align: center;
    line-height: 1.8;
}
.career-table thead .title {
    background: #A1CFE8;
    font-size: 112.5%;
}
.career-table tbody .title {
    background: #DEF3FF;
    font-weight: 400;
}
@media only screen and (max-width : 640px) {
    .career-table {
        margin: 30px 0 0;
    }
    .career-table table {
        width: auto;
    }
    .career-table .title, .career-table .txt {
        padding: 20px;
        font-size: 87.5%;
    }
    .career-table thead .title {
        font-size: 100%;
    }
}