@charset "UTF-8";

/* ================
      mv
================ */
@media screen and (max-width: 767px) {
	.mv-wrapper::after {
		width: 80vw;
		min-width: auto;
		top: -200px;
		right: -96px;
	}
	.mv-text {
		margin-left: 18px;
		height: 94vh;
	}
	.mv-text .en {
		font-size: 1.7rem;
	}
	.mv-text .intro {
		font-size: 2.8rem;
		padding: 0 0 6%;
    width: auto;
	}
	.mv-text .ja {
		font-size: 1.6rem;
		min-width: inherit;
		width: 78.5vw;
	}
  
  .mv-wrapper .twitter {
    display: none;
  }
}
@media screen and (max-width: 500px) {
	.mv-wrapper::after {
		right: 920px;
		top: -100px;
	}
}

/* swipper */
@media screen and (max-width: 767px) {
	.mv .swiper-slide::before {
		width: 320px;
		height: 610px;
		top: -250px;
		left: -210px;
	}
	.mv .slide-img {
		background-position: center;
	}
	.mv-bg01 {
		background-image: url(../../../img/sp_mv01.jpg);
	}
	.mv-bg02 {
		background-image: url(../../../img/sp_mv02.jpg);
	}
	.mv-bg03 {
		background-image: url(../../../img/sp_mv03.jpg);
	}
	.mv.swiper-pagination {
		padding-right: 1.2%;
		padding-bottom: 24%;
	}
}

/* news-link */
@media screen and (max-width: 767px) {
	.news-link {
		width: 92%;
		height: 66px;
	}
	.news-link h2 a {
		width: 70px;
		height: 66px;
		font-size: inherit;
	}
	.n-wrapper {
		width: calc(110% - 150px);
	}
	.n-wrapper time {
		font-size: 1.1rem;
	}
	.n-wrapper time p {
		font-size: 1.2rem;
	}
	.n-arrow {
		padding-right: 12px;
	}
	.n-arrow img {
		width: 12px;
	}
	.n-arrow .upper {
		margin-bottom: 17px;
	}
	/* swiper */
	.n-wrapper.swiper-container {
		height: 80%;
		margin-left: 10px;
	}
	.n-arrow.swiper-button-prev,
	.n-arrow.swiper-button-next {
		right: 12px;
	}
	.n-arrow.swiper-button-prev {
		top: 16px;
	}
	.n-arrow.swiper-button-next {
		top: 49px;
	}
}

/* ================
      company
================ */
@media screen and (max-width: 767px) {
	.company {
		flex-direction: column-reverse;
		align-items: flex-start;
		margin-top: 43px;
	}
	.company .s-contents {
		width: auto;
		min-width: inherit;
		padding: 0 3%;
		margin: 0 0 62px;
	}
	.company .en {
		color: #fff;
	}
	.company .d-line {
		background-color: #fff;
	}
	.company .c-img {
		width: 85vw;
		min-width: 344px;
		margin: 0 0 0 auto;
	}
}

/* ================
      business
================ */
@media screen and (max-width: 767px) {
	.business h2 {
		padding-top: inherit;
	}
}

/* ================
      product
================ */
.product h2 {
	padding-top: 48px;
}
.product-list {
	justify-content: space-around;
}
.r-btn {
	padding-top: 19px;
}
.p-detail .r-btn02 {
	padding-top: 23px;
	padding-bottom: 28px;
}

.product .btn-grad {
  padding: 0 5%;
}

.product .btn-grad a {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ================
      recruit
================ */
.recruit {
	height: 774px;
}
.recruit::before {
	transform: rotate(-45deg);
	top: -46%;
	right: -78%;
}
.r-bg {
	min-width: inherit;
	background-image: url(../../../img/sp_recruit.png);
	background-size: 100%;
	background-position: bottom center;
	height: 100%;
}
.r-bg::after {
	display: none;
}
.recruit .s-contents {
	margin-left: 3%;
	width: auto;
	padding: inherit;
}
.recruit .s-contents h2 {
	padding-top: 51px;
}
.recruit .s-contents p {
	width: 71%;
}

/* ================
      notice
================ */
.notice {
	padding: 0 3% 4em;
}
.notice h2 {
	padding-top: 54px;
}
.notice-bg {
	width: 100%;
	padding: 0 3%;
}
.notice .list01 {
	padding-top: 35px;
}
.notice .list01 th {
	height: auto;
}
.notice .list01 tr {
	display: flex;
	flex-direction: column;
	margin-bottom: 5px;
}
.notice .list01 td {
	padding-left: 0.5em;
}
.notice .r-btn {
	padding-top: 30px;
	padding-bottom: 60px;
}

.notice .btn-grad {
  padding: 0 7%;
}

.notice .btn-grad a {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.home .lp-link {
  position: static;
}