/* ----------------------------------------------- Page-Header */

body.works .mainvisual_sub {
	height:100vh;}

.mainvisual_sub h1 {
	top:35%;
	font-size:5.5rem;}

.training0 {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-350px;
	background-color:#ffffff;
	padding:50px 30px;
	position:relative;
	z-index:89;}

.mainvisual_sub h1 span {
	display:block;
	font-size:32px}

.work_cat {text-align:center;}

.work_cat h2 {
	font-size:24px;
	font-weight:bold;
	color:#756700;
	margin-bottom:20px;}

.work_cat ul {font-size:0;}

.work_cat li {
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	border-left:1px solid #756700;
	-webkit-transform: skewX(150deg);
	-moz-transform: skewX(150deg);
	transform: skewX(150deg);}
.work_cat li:hover {
	background-color:#756700;}

.work_cat li:last-child {
	border-right:1px solid #756700;
	}

.work_cat li a {
	color:#756700;
	text-decoration:none;
	transform: skewX(
	-150deg)!important;
	display: block;
	line-height:1.1;
	padding: 5px 25px;}

.work_cat li a span {
	color:#d0c540;}

.work_cat li:hover a {
	color:#ffffff;}

.work_cat li span {
	display:block;
	font-size:12px;
	margin-bottom:10px;}

.work_cat+.work_cat {
	margin-top:40px;}

/* ----------------------------------------------- Work Content */

.work_tech {
	margin:100px auto 100px auto;}

.work_icon {
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
	margin:40px auto 20px auto;}

.catch {
	font-size:4.5rem;
	font-weight:bold;
	color:#756700;
	display: flex;
	margin-bottom:40px;
	align-items: center; /* 垂直中心 */
	justify-content: center; /* 水平中心 */}
.catch:before, .catch:after {
	border-top: 1px solid;
	content: "";
	width: 300px; /* 線の長さ */}
.catch:before {
	margin-right: 1em; /* 文字の右隣 */}
.catch:after {
	margin-left: 1em; /* 文字の左隣 */}

.cat_head {
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-bottom:30px;}

.work_tech h4 {
	background-color:#756700;
	font-size:3.5rem;
	color:#ffffff;
	text-align:center;
	margin-bottom:30px;
    border: 0px solid #756700;
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;}

.work_tech h4.s4 {
	font-size:2.5rem;
	border:0;
	background-color:#ffffff;
	color:#756700;}

.work_tech p {
	text-align:center;
	font-size:16px;
	line-height:2;
	max-width:1030px;
	margin-left:auto;
	margin-right:auto;
	}

.work_interview {
	background-color:#f6f6f6;
	max-width:836px;
	margin-left:auto;
	margin-right:auto;
	padding:40px;
	margin-top:150px;
	position:relative;}

.work_interview .line0 {
	border-right:2px solid #756700;
	width:1px;
	content:"";
	position:absolute;
	left:50%;
	height:150px;
	top:-120px;}

.mb100 {
	margin-bottom:100px;}

.work_interview h5 {
	font-size:3.5rem;
	color:#c3a202;
	text-align:center;
	letter-spacing:7px;}

.work_interview h5 span {
	display:block;
	color:#756700;
	font-size:16px;
	letter-spacing:2px;}

.work_interview .wp {
	display:block;
	max-width:600px;
	margin:20px auto;}

.work_interview .wp a {
	text-decoration:none;
	color:#756700;
	}

.work_interview .wp img {
	display:inline-block;
	width:141px;
	vertical-align:middle;}
.work_interview .wp .wp_prof {
	display:inline-block;
	width:calc(100% - 170px);
	vertical-align:middle;
	margin-left:10px;}
.work_interview .wp .wp_prof p {
	text-align:left;
	font-weight:bold;}

.work_interview .wp .wp_prof p.wp_name {
	font-size:24px;}

.work_interview+.work_interview {
	margin-top:20px;}



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

.work_cat li {
	width:50%;
	-webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    transform: skewX(0deg);
	margin-bottom:20px;}

.work_cat li:nth-child(2n) {
	border-right:1px solid #756700;}


.work_cat li a {
	-webkit-transform: skewX(0deg)!important;
    -moz-transform: skewX(0deg)!important;
    transform: skewX(0deg)!important;
	padding:5px 10px 0 10px;}

.catch {font-size:25px;}
.catch:before, .catch:after {
    width: 40px;}

.work_tech h4 {
	font-size:20px;}

.work_interview .wp img {
	margin-left:auto;
	margin-right:auto;
	width:60px;
	}

.work_interview .wp .wp_prof {
    width: calc(100% - 70px);
	margin-left:auto;
	margin-right:auto;}

.work_tech p {
	font-size:12px!important;
	line-height:1.5;}

.work_tech p.wp_name {
	text-align:left!important;
	font-size:16px!important;}

.work_interview {
	padding:20px 15px 20px 15px;}

.work_interview .wp .wp_prof p.wp_name {
	text-align:center;}

.work_interview {
	margin-top:40px;}

.work_interview .line0 {
	height: 60px;
    top: -30px;}

.mainvisual_sub h1 {
	font-size:6vw;
	text-align:center;}
.mainvisual_sub h1 span {
	font-size:5.5vw;
	text-align:center;}

body.works .mainvisual_sub {
    height: 70vh;}

.training0 {
	margin-top:0;}

.mainvisual_sub h1 {
    top: 50%;}












}