@charset "UTF-8";


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

*05

----------------------*/
.c__recruitment { position: relative; }
.p05--01 .container { height: 100%; }
.p05--01 .row {
	display: flex;
	align-items: stretch;
}
.bgColor.colorG {
	position: relative;
	width: 100%;
	background: rgba(51,51,51,0.9);
}
.p05--01 h3 {
	display: flex;
	align-items: center;
	min-height: 60px;
	width: 60px;
	padding-right: 20px;
	font-weight: bold;
	color: #FFF;
}
.p05--01 .inner { display: flex; }
.p05--01 p {
	display: flex;
	align-items: center;
	min-height: 60px;
	margin: 0;
	line-height: 1.333;
}
.p05--01 .itemTopics--date {
	display: inline-block;
	margin-top: -3px;
	width: 90px;
	padding-right: 10px;
	font-size: 14px;
	color: #FFF;
}
.p05--01 .itemTopics--txt a { color: #FFF; }
.p05--02 .youtubeWrapper {
	max-width: 800px;
	margin: 0 auto;
	padding: 15px 0 80px;
	text-align: center;
}


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

*05_1_1

----------------------*/
.p05_1_1--01 { padding-bottom: 120px; }
.p05_3--01 { padding-bottom: 100px; }

.p05_3--01 .colL { max-width: 74.08%; }
.p05_3--01 .colR { max-width: 25.92%; }

.p05_3--01 h2 strong {
	font-size: 24px;
	line-height: 1.5;
}
.p05_3--01 h2 + h3 { margin: 20px 0 5px; }

.p05_1_1--01 figure {
	margin-bottom: 60px;
}

.p05_1_1--01 h3,
.p05_3--01 h3 {
	margin: 30px 0 5px;
	font-size: 18px;
	font-weight: bold;
}


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

*05_1

----------------------*/
.p05_1--01 { padding-bottom: 20px; }
.p05_1--01 .itemTopics--txt { line-height: 1.5; }
.p05_1--01 .itemTopics--txt a {
	font-size: 24px;
	line-height: 1.8;
}
.p05_1--01 .itemPicLinks.typeB > li { padding: 0 20px 25px; }


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

*05_2

----------------------*/
.p05_2--01 { padding-bottom: 60px; }
.p05_2--01 .wrapper { padding-bottom: 30px; }
.p05_2--01 .ttlA { margin-bottom: 30px; }
.p05_2--01 .tableBox.typeC { margin-bottom: 40px; }
.p05_2--01 .tableBox.typeC th { background-color: #d9d2c8; }


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

*05_3

----------------------*/
.p05_3--01 .colR figcaption {
	margin-top: 10px;
	font-size: 14px;
	text-align: right;
}


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

*05_4

----------------------*/
.p05_4--01 { padding-bottom: 105px; }
.p05_4--01 .ttlA { margin-bottom: 30px; }
.p05_4--01 .tableBox.typeC th { font-weight: bold; }
.p05_4--01 .tableBox.typeC thead th { padding: 14px 20px; }
.p05_4--01 .tableBox.typeC tbody th,
.p05_4--01 .tableBox.typeC tbody td { padding: 24px 20px; }
.p05_4--01 .tableBox.typeC th:nth-child(1) { padding-left: 40px; }
.p05_4--01 .tableBox.typeC th:nth-child(5),
.p05_4--01 .tableBox.typeC td:nth-child(4) { padding-right: 40px; }

.p05_4--01 .tableBox.typeC .bgA { background-color: #fff3e0; }
.p05_4--01 .tableBox.typeC .bgB { background-color: #d8eef4; }
.p05_4--01 .tableBox.typeC .bgC { background-color: #e6eff7; }
.p05_4--01 .tableBox.typeC .bgD { background-color: #f9e7e9; }
.p05_4--01 .tableBox.typeC .bgE { background-color: #e5d3e6; }
.p05_4--01 .tableBox.typeC .bgF { background-color: #c1d7e9; }
.p05_4--01 .tableBox.typeC .bgG { background-color: #bdf1cf; }
.p05_4--01 .tableBox.typeC .bgH { background-color: #e5f3c6; }


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

*05_5

----------------------*/
.p05_5--01 { padding-bottom: 60px; }
.p05_5--01 .wrapper { padding-bottom: 30px; }
.p05_5--01 .wrapper .ttlB { margin-bottom: 20px; }
.p05_5--01 .ttlB.dotLine span {
	padding: 0 0 0 1em;
	font-size: 16px;
	font-weight: normal;
	background: none;
}
.p05_5--01 p + .items { margin-bottom: 15px; }


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

*05_7_1

----------------------*/
.p05_7_1--01 .wrapper { padding-bottom: 30px; }



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


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

*05

----------------------*/
.c__recruitment { margin-bottom: 30px; }
.p05--01 { padding: 0 10px !important; }
.p05--01 .row {
	display: block;
	padding: 10px 0;
}
.p05--01 h3 { display: none; }
.p05--01 p {
	align-items: flex-start;
	min-height: initial;
	line-height: 1.5;
}
.p05--01 .itemTopics--date,
.p05--01 .itemTopics--txt { font-size: 12px; }
.p05--01 .itemTopics--date {
	margin-top: -5px;
	width: auto;
}
.p05--02 .itemPicLinks { justify-content: flex-start; }
.p05--02 .youtubeWrapper {
	padding: 15px 0 40px;
}


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

*05_1_1

----------------------*/
.p05_1_1--01,
.p05_3--01 { padding-bottom: 40px; }
.p05_1_1--01 .colL,
.p05_1_1--01 .colR,
.p05_3--01 .colL,
.p05_3--01 .colR { max-width: 100%; }
.p05_1_1--01 h2 strong,
.p05_3--01 h2 strong { font-size: 20px; }
.p05_1_1--01 .colL,
.p05_3--01 .colR {
	margin-top: 40px;
	text-align: center;
}
.p05_1_1--01 .colL img,
.p05_1_1--01 .colL figcaption,
.p05_3--01 .colR img,
.p05_3--01 .colR figcaption {
	max-width: 240px;
	margin: 0 auto;
}
.p05_1_1--01 h3,
.p05_3--01 h3 { font-size: 16px; }


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

*05_1

----------------------*/
.p05_1--01 { padding-bottom: 40px; }
.p05_1--01 .itemTopics--txt a { font-size: 18px; }
.p05_1--01 .itemPicLinks.typeB > li { padding: 0 5px 10px; }


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

*05_2

----------------------*/
.p05_2--01 { padding-bottom: 0; }
.p05_2--01 .tableBox.typeC.spTypeA td { padding: 14px 20px; }


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

*05_3

----------------------*/
.p05_3--01 .colR figcaption {
	margin-top: 10px;
	font-size: 14px;
	text-align: right;
}


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

*05_4

----------------------*/
.p05_4--01 { padding-bottom: 40px; }
.p05_4--01 .tableBox.spTypeC table { width: 1080px; }


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

*05_5

----------------------*/
.p05_5--01 { padding-bottom: 20px; }
.p05_5--01 .ttlB.dotLine span {
	display: block;
	padding: 5px 0 0;
	font-size: 12px;
}

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

*05_7_1

----------------------*/
.p05_7_1--01 .wrapper { padding-bottom: 20px; }
.p05_7_1--01 form .tableBox input.w180 {
    max-width: 90%;
    width: 90%;
}


}/*--spEND*/