@charset "UTF-8";

/* welcome */


/* SP */

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

	.headingBaseWrap {
		padding: 0 10px;
	}

	.headingBaseWrap.bottom {
		padding-bottom: 15px;
	}

	.headingBase-lv02 {
		font-size: 18px;
		line-height: 1.2;
		margin: 0 0 5px;
		padding: 15px 0;
		width: 100%;
	}

	.headingBase-lv03 {
		padding: 15px 0 0;
		margin: 0 0 15px;
		border-width: 1px;
		font-size: 16px;
	}

	.headingBase-lv03.lead {
		margin-bottom: 7px;
	}

	.col-02.factory-details .headingBase-lv03.factory-name {
		padding: 15px 0 0;
		margin: 0 0 22px;
		font-size: 16px;
	}

	.col-02.factory-details .headingBase-lv03 {
		padding: 0 0 0;
		margin: 0 0 13px;
		font-size: 14px;
	}
}

/*===========================
 welcomeLeadBox
===========================*/
.welcomeLeadBox {
	text-align: left;
}

.welcomeLeadBox>li {
	background-color: #0673d0;
	box-sizing: border-box;
}

.welcomeLeadBox>li section {
	background-color: #FFF;
	padding: 2px;
}

.welcomeLeadBox>li section h3 {
	display: table;
	font-family: UD Shin Go Medium;
	color: #FFF;
	table-layout: fixed;
	width: 100%;
	text-align: center;
}

.welcomeLeadBox>li section h3 span {
	display: table-cell;
	width: 100%;

	vertical-align: middle;
}

/* PC */
@media print,
screen and (min-width: 768px) {
	.welcomeLeadBox {
		padding: 0 0 40px;
	}

	.welcomeLeadBox>li {
		width: 300px;
		padding: 5px;
		float: left;
		margin: 0 0 0 40px;
		border: 10px solid #e6f1fa;
	}

	.welcomeLeadBox>li:first-child {
		margin: 0;
	}

	.welcomeLeadBox>li section h3 {
		font-size: 28px;
		height: 130px;
		line-height: 1.5;
		background: url('/saiyou/plant/highschool/images/bg_welcomeLeadBox.png') 50% 50% repeat;
	}

	.welcomeLeadBox>li section div {
		padding: 15px;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.welcomeLeadBox {
		padding: 0 10px 20px;
	}

	.welcomeLeadBox>li {
		padding: 5px;
	}

	.welcomeLeadBox>li+li {
		margin-top: 10px;
	}

	.welcomeLeadBox>li section h3 {
		font-size: 20px;
		padding: 15px 0;
		background: url('/saiyou/plant/highschool/images/bg_welcomeLeadBox.png') 50% 50% repeat;
		background-size: 4px 4px;
	}

	.welcomeLeadBox>li section h3 br {
		display: none;
	}

	.welcomeLeadBox>li section div {
		padding: 10px;
	}
}

/*===========================
 welcomeCol
===========================*/
.welcomeCol {
	margin: 30px 0 0 -40px;
	text-align: left;
}

.welcomeCol .item figure {
	margin: 10px 0 0;
}

/* PC */
@media print,
screen and (min-width: 768px) {
	.welcomeCol {
		margin: 30px 0 0 -40px;
	}

	.welcomeCol .item {
		float: left;
		width: 300px;
		margin: 0 0 0 40px;
		/*padding: 0 20px;*/
		box-sizing: border-box;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.welcomeCol {
		margin: 15px 0 0;
		padding: 0 10px;
	}

	.welcomeCol .item+.item {
		margin: 30px 0 0;
	}

	.welcomeCol .item h3 br {
		display: none;
	}
}


/*===========================
 workFullCol
===========================*/
.workFullCol {
	margin-top: 20px;
}

.workFullCol dt {
	font-family: UD Shin Go Medium;
}

.workFullCol dt {
	position: relative;
}

.workFullCol dt:before {
	content: '';
	display: block;
	background: url('/saiyou/plant/highschool/images/bg_top_contents_info_work_heading_after.png') no-repeat 0 0;
	background-size: cover !important;
	position: absolute;
	left: 50%;
	z-index: 0;
}

.workFullCol dt span {
	display: inline-block;
	position: relative;
}

/* PC */
@media print,
screen and (min-width: 768px) {
	.workFullCol {
		padding: 50px 60px 60px;
		background: url('/saiyou/plant/highschool/images/welcome/bg_work_full_col_pc.jpg') 50% 50%;
		background-size: cover;
	}

	.workFullCol dt {
		display: block;
		font-size: 24px;
		font-family: UD Shin Go Medium;
		text-align: center;
		margin-bottom: 15px;
	}

	.workFullCol dt:before {
		width: 62px;
		height: 64px;
		top: -15px;
		margin-left: -31px;
	}

	.workFullCol dd {
		text-align: center;
	}

	.workFullCol ul {
		letter-spacing: -.4em;
	}

	.workFullCol ul li {
		display: inline-block;
		letter-spacing: normal;
	}

	.workFullCol ul li+li {
		margin-left: 15px !important;
	}

	.workFullCol .blackBtn {
		width: 300px;
		margin: 0 auto;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.workFullCol {
		padding: 25px 10px 30px;
		background: url('/saiyou/plant/highschool/images/welcome/bg_work_full_col_sp.jpg') 50% 50%;
		background-size: cover;
	}

	.workFullCol dt {
		font-size: 16px;
		margin-bottom: 8px;
	}

	.workFullCol dt:before {
		width: 31px;
		height: 32px;
		top: -5px;
		margin-left: -15px;
	}

	.workFullCol dd {
		text-align: left;
	}
}

/*===========================
 workHeading
===========================*/
.workHeading {
	border-top: none;
	padding-top: 0;
	color: #0673d0;
	font-family: UD Shin Go Medium;
}

/* SP */
@media screen and (max-width: 767px) {
	.workHeading {
		margin: 15px 0 10px;
		font-size: 16px;
	}
}

/* PC */
@media print,
screen and (min-width: 768px) {
	.workHeading {
		margin: 0 0 20px;
		font-size: 22px;
		line-height: 1.5;
	}
}

/*===========================
 personBox
===========================*/
/* PC */
@media print,
screen and (min-width: 768px) {
	.personBox_contents {}

	.personBox_1col {
		text-align: left;
	}

	.personBox_1colTtl {
		margin: 0 0 20px;
		border-bottom: solid 2px #c4dcf0;
		font-family: UD Shin Go Medium;
		color: #0673d0;
		line-height: 1.5;
		position: relative;
		font-size: 20px;
		padding: 0px 0 12px;
	}

	.personBox_1colCont {
		border: solid 1px #bbbcbc;
	}

	.personBox_1colCont figure img {
		width: 100%;
	}

	.personBoxContInner {
		line-height: 1.8;
	}

	.personBox_1colProf {
		font-family: UD Shin Go Medium;
		font-size: 16px;
	}

	.personBox_1colProf span {
		display: block;
		font-size: 14px;
	}

	.personBox_1colTxt {
		font-size: 14px;
		margin-top: 10px;
		letter-spacing: 0.025em;
	}
}

/* SP */
@media screen and (max-width: 767px) {
	.personBox_contents {
		padding: 0 10px 20px;
	}

	.personBox_1col {
		text-align: left;
	}

	.personBox_1colTtl {
		margin: 0 0 20px;
		border-bottom: solid 2px #c4dcf0;
		font-family: UD Shin Go Medium;
		color: #0673d0;
		line-height: 1.5;
		position: relative;
		font-size: 20px;
		padding: 0px 0 12px;
	}

	.personBox_1colCont {
		border: solid 1px #bbbcbc;
	}

	.personBox_1colCont figure img {
		width: 100%;
	}

	.personBoxContInner {
		line-height: 1.8;
	}

	.personBox_1colProf {
		font-family: UD Shin Go Medium;
		font-size: 16px;
	}

	.personBox_1colProf span {
		display: block;
		font-size: 14px;
	}

	.personBox_1colTxt {
		font-size: 14px;
		margin-top: 10px;
		letter-spacing: 0.025em;
	}
}

/*===========================
 thumbnailLink
===========================*/
/* PC */
@media print,
screen and (min-width: 768px) {
	.thumbnail_wrap {
		background-color: #e6f1fa;
		padding: 10px;
	}

	.thumbnailLink {
		width: 100%;
		padding: 15px;
		background-color: #fff;
		display: inline-block;
		border: 5px solid #0573d0;
		box-sizing: border-box;
	}

	.thumbnailLink figure {
		width: 50%;
		padding: 0px;
		float: right;
	}

	.thumbnailLink .content {
		width: 50%;
		float: left;
		line-height: 1.5;
		text-align: left;
		position: relative;

	}

	.thumbnailLink h3 {
		font-size: 18px;
		line-height: 1.5;
		padding-left: 21px;

	}

	.thumbnailLink h3:after {
		display: block;
		content: url(/common/images/ico_arrow_l01_2x.png);
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		margin-top: -12px;
		position: absolute;
		top: 10px;
		left: 0;
	}

	.thumbnailLink p {
		font-size: 14px;
		line-height: 1.64;
		padding-right: 10px;
		margin-top: 10px;
	}
}

/* SP */
@media screen and (max-width: 767px) {

	.thumbnail_wrap {
		background-color: none;
		padding: 0px;
		margin: 10px;
	}

	.thumbnailLink {
		width: 100%;
		padding: 10px 10px 15px 10px;
		background-color: #fff;
		border: solid 5px #0573d0;
		box-sizing: border-box;
	}

	.thumbnailLink figure {
		padding: 0px;
	}

	.thumbnailLink figure img {
		margin-top: 10px;
	}

	.thumbnailLink .content {
		float: left;
		line-height: 1.5;
	}

	.thumbnailLink h3 {
		font-size: 16px;
		line-height: 1.5;
		padding-left: 21px;
		position: relative;
		text-align: left;

	}

	.thumbnailLink h3:after {
		display: block;
		content: url(/common/images/ico_arrow_l01_2x.png);
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		margin-top: -12px;
		position: absolute;
		top: 10px;
		left: 0;
	}

	.thumbnailLink p {
		font-size: 14px;
		line-height: 1.64;
		text-align: left;
		margin-top: 10px;

	}

	.indexBox01.biggerlink {
		border: solid 1px #ccc;
	}
}



/*===========================
 seizouPageHeading
===========================*/

/* SP */

@media screen and (max-width: 767px) {
	.seizouPageHeading {
		width: 100%;
		background: none;
		background-size: cover;
		text-align: left;
		margin: 0 auto;
		height: 72px;
		display: inline-flex;
		align-items: center;
		padding: 0;
	}

	.seizouPageHeading h1 {
		text-align: left;
		margin: 0 auto;
		height: 72px;
		display: inline-flex;
		align-items: center;
	}

	.seizouPageHeading span.main {
		font-size: 24px;
		padding-left: 10px;
	}

	.seizouPageHeading span.sub {
		font-size: 14px;
	}


	.stripe {
		position: relative;
	}

	.stripe:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 7px;
		background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
	}

	.seizouPageHeading h1:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;

		height: 7px;
		background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
	}

	.seizouPageHeading span.main {
		font-family: UD Shin Go Medium;
	}

}