/* CSS Document */

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

contents
=================================================*/

.environment-comic {
	width: 100%;
	position: relative;
	background-color: #5ed300;
	padding: min(6%, 60px) 0 min(18%, 180px);
	z-index: 7;
}
.environment-comic::before {
	background-color: #5ed300;
}
.environment-comic .att-info {
	width: 80%;
	max-width: 660px;
	position: relative;
	background-color: #FFF;
	background-image: url("../../environment/images/att_icon.png");
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: auto;
	border-radius: 10px;
	margin: 0 auto 5%;
}
.environment-comic .att-info p {
	line-height: 160%;
	padding: 1.5em 1em 1.5em 110px; 
}
.environment-comic .att-info p span {
	width: 1.5em;
	height: 1.5em;
	display: inline-block;
	vertical-align: middle;
	margin: .1em;
}
.environment-comic .att-info p span img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.environment-comic .box {
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}
.environment-comic .inner {
	width: 100%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}
.environment-comic .inner .item {
	width: 80%;
	max-width: 660px;
	overflow: hidden;
	margin: 0 auto;
}
.environment-comic .inner .item .swiper-slide {
	position: relative;
}
.environment-comic .inner .item .swiper-slide .click-p {
	width: 5%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
	top: 0;
	z-index: 1;
}
.environment-comic .inner .item .swiper-slide #c1 {
	height: 10%;
	top: 0;
	right: 0;
	transform: translate(-220%, 55%);
}
.environment-comic .inner .item .swiper-slide #c3 {
	height: 10%;
	top: 0;
	left: 0;
	transform: translate(900%, 20%);
}
.environment-comic .inner .item .swiper-slide #c3-2 {
	height: 12%;
	top: 0;
	right: 0;
	transform: translate(-230%, 530%);
}
.environment-comic .inner .item .swiper-slide #c4 {
	height: 10%;
	top: 0;
	left: 0;
	transform: translate(870%, 385%);
}
.environment-comic .inner .item .swiper-slide #c5 {
	height: 10%;
	top: 0;
	left: 0;
	transform: translate(395%, 375%);
}
.environment-comic .inner .item .swiper-slide #c7 {
	height: 10%;
	top: 0;
	right: 0;
	transform: translate(-140%, 40%);
}
.environment-comic .inner .item .swiper-slide #c13 {
	width: 20%;
	height: 5%;
	top: 0;
	right: 0;
	transform: translate(-25%, 450%);
}

.environment-comic .inner .swiper-button-next {
	width: 15%;
	position: absolute;
	max-width: 148px;
	z-index: 2;
}
.environment-comic .inner .swiper-button-prev {
	width: 15%;
	position: absolute;
	max-width: 148px;
	z-index: 2;
}
.environment-comic .inner .swiper-button-next::after,.environment-comic .inner .swiper-button-prev::after {
	content: "";
}
.environment-comic .inner .swiper-wrapper img,
.environment-comic .inner .swiper-button-next img,
.environment-comic .inner .swiper-button-prev img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.environment-comic .info {
	width: 80%;
	max-width: 660px;
	position: relative;
	color: #FFF;
	text-align: center;
	background-color: #333;
	border-radius: 20px;
	margin: min(8%, 50px) auto 0;
	padding: 2.4em 2em 2.4em;
}
.environment-comic .info > h2 {
	width: 10em;
	position: absolute;
	color: #000;
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	text-align: center;
	background-color: #fff;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: .5em 1em;
	z-index: 2;
}
.environment-comic .info p {
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
	margin-top: .5em;
}
.environment-comic .info .info-win {
	display: none;
}
.environment-comic .info .info-win.active {
	display: block;
}


.environment-comic .box .thumb {
	width: 90%;
	display: flex;
	flex-flow: row-reverse wrap;
	justify-content: space-between;
	margin: 5% auto 0;
}
.environment-comic .box .thumb > div {
	width: 13%;
	cursor: pointer;
	text-align: center;
	margin-top: 20px;
}
.environment-comic .box .thumb > div p {
	margin-top: .5em;
}
.environment-comic .box .thumb > div img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.env-wrapper {
	width: 100%;
	position: relative;
	background-color: #25b9f9;
}
.environment-career {
	width: 100%;
	position: relative;
	background-color: #fff;
	z-index: 7;
}

.environment-career .inner {
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
	padding: min(8%, 80px) 0 min(18%, 180px);
}
.environment-career .inner .pict {
	margin-top: 2%;
}
.environment-career img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.environment-training {
	width: 100%;
	position: relative;
	background-color: #5ed300;
	background-image: url("../../environment/images/mv_chara.png");
	background-position: right 10% top 60px;
	background-repeat: no-repeat;
	background-size: auto 90% ;
	z-index: 7;
}
@media only screen and (min-width:1px) and (max-width: 1280px) {
	.environment-training {
		background-position: right 10% top 20px;
	}
}
.environment-training h1.pict-title {
	position: relative;
	transform: translate(0, -50%);
}
.environment-training .inner {
	width: 90%;
	max-width: 1280px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 min(18%, 180px);
	z-index: 2;
}
.environment-training .inner .item {
	width: 100%;
	max-width: 1045px;
	display: grid;
	grid-template-columns: 1fr 0.7fr 1fr;
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 50px;
	grid-row-gap: 20px;
}
.left1 { grid-area: 1 / 1 / 2 / 2; }
.left2 { grid-area: 2 / 1 / 3 / 2; }
.center { grid-area: 1 / 2 / 3 / 3; }
.right1 { grid-area: 1 / 3 / 2 / 4; }
.right2 { grid-area: 2 / 3 / 3 / 4; }

.environment-training .inner .item .section-title {
	width: 100%;
}
.environment-training .inner .item p {
	color: #FFF;
	font-size: clamp(1.4rem, 1.8vw, 1.8rem);
	line-height: 160%;
	margin-top: 1em;
}
.environment-training .inner .item .button {
	font-size: clamp(1.4rem, 1.8vw, 1.8rem);
	line-height: 160%;
}
.environment-training .inner .item .button span {
	text-align: center;
	padding: 1.1em 2em 1.1em 1em;
}
.environment-training .inner .item .button span::before {
	border: 3px solid #000;
}
.environment-training img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.environment-welfare {
	width: 100%;
	position: relative;
	background-color: #f5332c;
	z-index: 7;
}
.environment-welfare img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.environment-welfare.bg1 {
	background-image: url("../../environment/images/chara1.png"),url("../../environment/images/bg_txt1.png");
	background-position: left -90px center,right center;
	background-repeat: no-repeat;
	background-size: contain,auto min(60%, 650px);
}
.environment-welfare.bg2 {
	background-color: #5ed300;
	background-image: url("../../environment/images/chara2.png"),url("../../environment/images/bg_txt2.png");
	background-position: right -210px center,left 4% center;
	background-repeat: no-repeat;
	background-size: auto min(80%, 740px),auto min(60%, 650px);
}
.environment-welfare.bg3 {
	background-color: #0361d4;
	background-image: url("../../environment/images/chara3.png"),url("../../environment/images/bg_txt3.png");
	background-position: left -140px bottom,right 4% center;
	background-repeat: no-repeat;
	background-size: auto min(75%, 800px),auto min(60%, 650px);
}
.environment-welfare.bg4 {
	background-color: #ffcc00;
}
.environment-welfare.bg1.option-t::before {
	background-color: #f5332c;
}
.environment-welfare.bg2.option-t::before {
	background-color: #5ed300;
}
.environment-welfare.bg3.option-t::before {
	background-color: #0361d4;
}
.environment-welfare.bg4.option-t::before {
	background-color: #ffcc00;
}
.environment-welfare .inner {
	width: 90%;
	max-width: 940px;
	position: relative;
	margin: 0 auto;
	padding: min(6%, 60px) 0 min(14%, 140px);
	z-index: 3;
}
.environment-welfare .inner > .section-title {
	display: block;
	width: min(80%, 400px);
	margin: 0 auto;
}
.environment-welfare .inner > p {
	font-size: clamp(1.6rem, 2vw, 2rem);
	text-align: center;
	line-height: 160%;
	margin: 1.5em 0 0;
}
.environment-welfare .inner dl {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center; 
	margin-bottom: 1em;
}
.environment-welfare .inner dl dt {
	width: 22.5%;
	max-width: 212px;
}
.environment-welfare .inner dl dd {
	flex: 1;
	color: #FFF;
	padding: 2em;
}
.environment-welfare .inner dl:nth-of-type(even) {
	flex-direction: row-reverse;
}
.environment-welfare .inner dl:nth-of-type(even) dd {
	text-align: right;
}
.environment-welfare .inner dl dd p {
	font-size: clamp(1.6rem, 2vw, 2rem);
	line-height: 160%;
	margin-top: .8em;
}

.environment-welfare .inner ul {
	width: 100%;
	max-width: 800px;
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto;
}
.environment-welfare .inner ul li {
	width: 50%;
	text-align: center;
	margin-top: 8%;
}
.environment-welfare .inner ul li .icon {
	width: 70%;
	max-width: 212px;
	margin: 0 auto 5%;
}
.environment-welfare .inner ul li p {
	font-size: clamp(1.6rem, 2vw, 2rem);
	line-height: 160%;
	margin-top: .5em;
}

.environment-number {
	width: 100%;
	position: relative;
	background-color: #5ed300;
	z-index: 7;
}
.environment-number img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.environment-number.bg1 {
	background-image: url("../../environment/images/bg1.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}
.environment-number.bg2 {
	background-color: #0361d4;
	background-image: url("../../environment/images/bg2.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}
.environment-number.bg3 {
	background-color: #ffd800;
	background-image: url("../../environment/images/bg3.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
}
.environment-number.bg1.option-t::before {
	background-color: #5ed300;
}
.environment-number.bg2.option-t::before {
	background-color: #0361d4;
}
.environment-number.bg3.option-t::before {
	background-color: #ffd800;
}

.environment-number .inner {
	width: 90%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	padding: min(6%, 60px) 0 min(18%, 180px);
	z-index: 3;
}
.environment-number .inner ul {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.environment-number .inner ul li {
	width: 45.8%;
	margin-top: 8%;
}
.environment-number .inner ul li.full {
	width: 100%;
}

.environment-menu {
	width: 100%;
	position: relative;
	z-index: 7;
}
.environment-menu .inner {
	width: 90%;
	max-width: 1000px;
	padding: min(16%, 160px) 0 min(18%, 180px);
	margin: 0 auto;
}
.environment-menu .inner ul {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.environment-menu .inner ul li {
	width: 49%;
	margin-top: min(5%, 50px);
}
.environment-menu .inner ul li .button::after {
	border: none;
}
.environment-menu .inner ul li:nth-of-type(3) {
	transform: translate(-7%, 0);
}
.environment-menu .inner ul li:nth-of-type(4) {
	transform: translate(-7%, 0);
}

.concept-wrapper {
	width: 100%;
	position: relative;
	background-color: #000675;
}
.concept {
	width: 100%;
	position: relative;
	z-index: 7;
}
.concept .title {
	width: 90%;
	max-width: 1600px;
	position: absolute;
	line-height: 100%;
	top: 0;
	left: 50%;
	transform: translate(-50%, -65%);
	margin: 0 auto;
}
.concept .title > h1 {
	width: 100%;
	position: relative;
	line-height: 100%;
	margin: 0 auto;
}
.concept .inner {
	width: 90%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	padding: min(10%, 200px) 0 min(16%, 170px);
	z-index: 2;
}
.concept .inner h2 {
	width: 90%;
	margin: 0 auto;
}
.concept .inner p {
	margin-bottom: min(4%, 40px);
}


.message {
	width: 100%;
	position: relative;
	background-color: #ffd800;
	z-index: 7;
}
.message .title {
	width: 95%;
	max-width: 1600px;
	position: absolute;
	line-height: 100%;
	top: 0;
	left: 50%;
	transform: translate(-50%, -65%);
	margin: 0 auto;
}
.message .title > h1 {
	width: 100%;
	position: relative;
	line-height: 100%;
	margin: 0 auto;
}
.message .title > h1 span {
	width: 27%;
	min-width: 200px;
	display: block;
	position: absolute;
	line-height: 100%;
	top: -.6em;
	left: 0;
}
.message .inner {
	width: 90%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	padding: min(10%, 200px) 0 min(16%, 170px);
	z-index: 2;
}
.message .inner h2 {
	font-size: clamp(2.4rem, 6vw, 7rem);
	font-weight: 800;
	line-height: 140%;
	letter-spacing: .05em;
	background-image: url("../../message/images/border.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 6px;
	margin-bottom: 4%;
	padding-bottom: 4%;
}
.message .inner h3 {
	text-align: right;
	font-size: clamp(2rem, 3vw, 3.6rem);
	line-height: 140%;
	margin-top: 5%;
}
.message .inner h3 span {
	display: inline-block;
	font-size: 70%;
}

.works-profile {
	width: 90%;
	max-width: 1200px;
	position: relative;
	text-align: center;
	background-color: #f5332c;
	border-radius: 20px;
	margin: min(10%, 80px) auto 0;
	padding: min(8%, 80px) min(5%, 80px);
	z-index: 7;
}
.works-profile h2 {
	color: #FFF;
	font-size: clamp(2.4rem, 3.6vw, 4rem);
	line-height: 160%;
	margin: .5em 0;
}
.works-profile p {
	color: #FFF;
	text-align: left;
}
.works-profile dl {
	width: 100%;
	display: table;
	background-color: #fff;
	margin-top: 2em;
}
.works-profile dl dt {
	width: 30%;
	display: table-cell;
	font-size: clamp(1.8rem, 2.4vw, 2.4rem);
	line-height: 180%;
	vertical-align: middle;
	background-color: #ffd800;
	padding: 2em 1em;
}
.works-profile dl dd {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 2em 2em;
}
.works-profile dl dd li {
	text-indent: -1em;
	padding-left: 1em;
}

.works-interview {
	width: 100%;
	position: relative;
	clip-path: polygon(0 calc(0% + 90px), 100% 0%, 100% calc(100% - 90px), 0% 100%);
	background-color: #1b98ce;
	background-image: url("../../works/images/interview_bg.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: min(-6%, -60px);
	padding: min(20%, 200px) 0 min(20%, 200px);
	z-index: 6;
}
.works-interview .inner {
	width: 90%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}
.works-interview .chara {
	width: 50%;
	max-width: 520px;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate(-80%, 50%);
	z-index: 1;
}
.works-interview img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.works-interview .inner dl {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.works-interview .inner dl:nth-of-type(odd) {
	flex-direction: row-reverse;
	margin-bottom: 10%;
}
.works-interview .inner dl dt {
	width: 47%;
}
.works-interview .inner dl dd {
	width: 48%;
	color: #FFF;
}
.works-interview .inner dl dd h3 {
	font-size: clamp(2.4rem, 3.6vw, 4rem);
	line-height: 160%;
	margin: .3em 0;
}

.works-schedule {
	width: 100%;
	position: relative;
	clip-path: polygon(0 calc(0% + 90px), 100% 0%, 100% 100%, 0% 100%);
	background-color: #fff;
	margin-top: -90px;
	padding: min(20%, 200px) 0 0;
	z-index: 6;
}
.works-schedule .inner {
	width: 90%;
	max-width: 1200px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 auto;
}
.works-schedule .inner .title {
	width: 37.5%;
	max-width: 450px;
}
.works-schedule .inner .title h1 span {
	display: block;
	font-size: clamp(1.8rem, 2.4vw, 2.4rem);
	line-height: 180%;
	margin: .5em 0 1em;
}
.works-schedule .inner .title .pict {
	width: 80%;
	max-width: 276px;
	margin: 0 auto;
}
.works-schedule .inner .title img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.works-schedule .inner .list {
	width: 52.5%;
	position: relative;
}
.works-schedule .inner .list::before {
	content: " ";
	display: block;
	position: absolute;
	width: 10px;
	height: 100%;
	background-color: #999;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1;
}
.works-schedule .inner .list ul {
	position: relative;
	z-index: 2;
}
.works-schedule .inner .list li {
	position: relative;
	color: #FFF;
	font-size: clamp(1.6rem, 2.2vw, 2.2rem);
	line-height: 160%;
	border-radius: 40px;
	background-color: #f5332c;
	margin-bottom: 2em;
	padding: 1em 2em 1em 7em;
}
.works-schedule .inner .list li span {
	width: 5em;
	display: block;
	position: absolute;
	top: 50%;
	left: 1.5em;
	background-image: url("../../works/images/circle.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1em;
	transform: translate(0, -50%);
	padding-left: 1.5em;
	z-index: 1;
	
}
.works-schedule .inner .list li:nth-last-of-type(1) {
	margin-bottom: 0;
}

.works-menu {
	width: 100%;
	position: relative;
 	padding: min(18%, 180px) 0;
	z-index: 7;
}
.works-menu .swiper-button-next {
	width: 10%;
	position: absolute;
	max-width: 116px;
	top: 50%;
	right: 5%;
	transform: translate(0, -50%) rotate(180deg);
	z-index: 2;
}
.works-menu .swiper-button-prev {
	width: 10%;
	position: absolute;
	max-width: 116px;
	top: 50%;
	left: 5%;
	transform: translate(0, -50%);
	z-index: 2;
}
.works-menu .swiper-button-next::after,.works-menu .swiper-button-prev::after {
	content: "";
}
.works-menu a {
	position: relative;
	display: block;
}

@media (hover: hover) {
	.works-menu a:hover {
		opacity: 1;
	}
}

.works-menu img {
   width: 100%;
	max-width: 100%;
	height: auto;
}

@media only screen and (min-width:1px) and (max-width: 1080px) {
	
	.works-interview {
		clip-path: polygon(0 calc(0% + 60px), 100% 0%, 100% calc(100% - 60px), 0% 100%);
	}
	.works-schedule {
		clip-path: polygon(0 calc(0% + 60px), 100% 0%, 100% 100%, 0% 100%);
		margin-top: -60px;
	}
}
@media only screen and (min-width:1px) and (max-width: 768px) {
	
	.environment-comic .att-info {
		background-size: 15.5%;
		margin: 0 auto 5%;
	}
	.environment-comic .att-info p {
		line-height: 160%;
		padding: 1.5em 1em 1.5em 22%; 
	}
	.environment-comic .info {
		border-radius: 10px;
	}
	.environment-comic .inner .swiper-button-next {
		transform: translate(-15%, 0);
	}
	.environment-comic .inner .swiper-button-prev {
		transform: translate(15%, 0);
	}
	
	.environment-career .inner .pict {
		margin-top: 3%;
	}
	.environment-training {
		width: 100%;
		position: relative;
		background-position: right 5% bottom;
		background-repeat: no-repeat;
		background-size: auto 30%;
		z-index: 7;
	}
	.environment-training h1.pict-title {
		position: relative;
		transform: translate(0, -50%);
	}
	.environment-training .inner {
		width: 70%;
		max-width: 480px;
		position: relative;
		margin: 0 auto;
		padding: 0 0 min(18%, 180px);
		z-index: 2;
	}
	.environment-training .inner .item {
		width: 100%;
		display: block;
	}
	.environment-training .inner .item .section-title {
		width: 100%;
	}
	.environment-training .inner .item > div {
		text-align: center;
		margin-bottom: 5%;
	}
	.environment-training .inner .item > div.center {
		max-width: 280px;
		margin: 0 auto 5%;
	}
	.environment-training .inner .item p {
		text-align: center;
	}
	.environment-training .inner .item .button {
		font-size: clamp(1.4rem, 1.8vw, 1.8rem);
		line-height: 160%;
	}
	.environment-training .inner .item .button span {
		text-align: center;
		padding: 1.2em 2em 1.2em 1em;
	}
	.environment-training .inner .item .button span::before {
		border: 2px solid #000;
	}
	
	.environment-welfare {
		width: 100%;
		position: relative;
		background-color: #f5332c;
		z-index: 7;
	}

	.environment-welfare.bg1 {
		background-position: left -40px bottom,right center;
		background-size: 40%,auto min(60%, 650px);
	}
	.environment-welfare.bg2 {
		background-position: right -90px bottom,left 4% center;
		background-repeat: no-repeat;
		background-size: 50%,auto min(60%, 650px);
	}
	.environment-welfare.bg3 {
		background-position: left -40px bottom,right 4% center;
		background-repeat: no-repeat;
		background-size: 40%,auto min(60%, 650px);
	}
	
	.environment-welfare .inner dl {
		width: 100%;
		display: block;
		margin: 1em 0 0;
	}
	.environment-welfare .inner dl:nth-of-type(even) {
		display: block;
	}
	.environment-welfare .inner dl dt {
		width: 60%;
		max-width: 180px;
		margin: 0 auto;
	}
	.environment-welfare .inner dl dd {
		width: 100%;
		color: #FFF;
		text-align: center;
		margin: 0 auto;
		padding: 1em;
	}
	.environment-welfare .inner dl:nth-of-type(even) dd {
		text-align: center;
	}
	.environment-welfare .inner dl dd p {
		margin-top: .8em;
	}

	.environment-welfare .inner ul {
		width: 100%;
		max-width: 800px;
		display: block;
		margin: 0 auto;
	}
	.environment-welfare .inner ul li {
		width: 100%;
		text-align: center;
		margin-top: 8%;
	}
	.environment-welfare .inner ul li .icon {
		width: 60%;
		max-width: 180px;
		margin: 0 auto 5%;
	}
	.environment-welfare .inner ul li p {
		font-size: clamp(1.6rem, 2vw, 2rem);
		line-height: 160%;
		margin-top: .8em;
	}
	
	.environment-number .inner ul {
		width: 90%;
		max-width: 480px;
		display: block;
		margin: 0 auto;
	}
	.environment-number .inner ul li {
		width: 100%;
		margin-top: 8%;
	}
	

	.environment-menu {
		width: 100%;
		position: relative;
		z-index: 7;
	}
	.environment-menu .inner ul {
		width: 90%;
		max-width: 480px;
		display: block;
		margin: 8% auto 0;
	}
	.environment-menu .inner ul li {
		width: 100%;
		margin-top: min(5%, 50px);
	}
	.environment-menu .inner ul li .button::after {
		border: none;
	}
	.environment-menu .inner ul li:nth-of-type(3) {
		transform: translate(0, 0);
	}
	.environment-menu .inner ul li:nth-of-type(4) {
		transform: translate(0, 0);
	}
	
	.message .title > h1 span {
		top: -25px;
	}
	.message .inner h2 {
		background-size: 100% 5px;
	}
	
	.works-profile {
		border-radius: 10px;
	}
	.works-profile dl {
		display: block;
	}
	.works-profile dl dt {
		width: 100%;
		display: block;
		padding: 1em 1em;
	}
	.works-profile dl dd {
		width: 100%;
		display: block;
		padding: 1em 1em;
	}
	.works-interview {
		width: 100%;
		position: relative;
		background-image: none;
		clip-path: polygon(0 calc(0% + 30px), 100% 0%, 100% calc(100% - 30px), 0% 100%);
		padding-top: 25%;
	}
	.works-interview .chara {
		width: 50%;
		transform: translate(-60%, 50%);
		z-index: 1;
	}
	.works-interview .inner dl {
		width: 100%;
		flex-direction: column-reverse;
		align-items: center; 
	}
	.works-interview .inner dl:nth-of-type(odd) {
		flex-direction: column-reverse;
	}
	.works-interview .inner dl dt {
		width: 100%;
		max-width: 400px;
		margin-top: 6%;
	}
	.works-interview .inner dl dd {
		width: 100%;
		text-align: center;
	}
	
	.works-schedule {
		width: 100%;
		clip-path: polygon(0 calc(0% + 30px), 100% 0%, 100% 100%, 0% 100%);
		margin-top: -30px;
	}
	.works-schedule .inner {
		width: 90%;
		flex-direction: column;
		align-items: center; 
		margin: 0 auto;
	}
	.works-schedule .inner .title {
		width: 60%;
		max-width: 450px;
		text-align: center;
	}
	.works-schedule .inner .title .pict {
		max-width: 200px;
	}
	.works-schedule .inner .list {
		width: 100%;
		position: relative;
		margin-top: 8%;
	}
	.works-schedule .inner .list li {
		padding: 1em 2em 1em 6em;
	}
	.works-schedule .inner .list li span {
		left: 1em;
	}
	
}

@media only screen and (min-width:1px) and (max-width: 568px) {
	
	
}
	
@media only screen and (min-width:1px) and (max-width: 480px) {
	
	.works-interview {
		clip-path: polygon(0 calc(0% + 20px), 100% 0%, 100% calc(100% - 20px), 0% 100%);
	}
	.works-schedule {
		clip-path: polygon(0 calc(0% + 20px), 100% 0%, 100% 100%, 0% 100%);
		margin-top: -20px;
	}

}