
@import url("./import/share.css");
@import url("./import/button.css");
@import url("./import/info.css");
@import url("./import/about.css");
@import url("./import/workstyle.css");
@import url("./import/internal.css");
@import url("./import/introduction.css");



@media screen and (min-width:40.001em) {
	.l-navi .l-navi__list li {
		font-size: 14px;
		font-weight: normal;
	}

	#about .c-content__about {
		width: 1090px;
	}
	#about .c-content__job {
		margin-top: 240px;
		align-items: end;
		width: 100%;
		max-width: 1366px;
	}
	#about .c-content__job .c-content__note {
		order: 2;
	}
	#about .c-content__job .c-content__image {
		order: 1;
		width: 590px;
	}
}

.slider {
	margin-inline: auto;
	overflow: hidden;
	width: 100%;
	position: relative;
}
.slider-img {
	width: 50%;
	overflow: hidden;
}
.slider-img img {
	width: 100%;
}
@keyframes zoomDown {
	0% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
.add-animation .slider-img_set .slider-img img {
	animation: zoomDown 5000ms linear 0ms normal both;
}
.slider-img_set {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.p-slider__note {
	position: absolute;
	z-index: 100;
	bottom: 0;
	height: 60%;
	width: 50%;
	background: linear-gradient(rgba(6,9,14,0), rgba(6,9,14,.5));
}
.p-slider__catchphrase {
	position: absolute;
	color: #fff;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.4;
	text-indent: -.5em;
	letter-spacing: -.01em;
	left: 84px;
	right: 32px;
	bottom: 84px;
}
#about {
	padding: 0 0 150px;
}
#about .video_area {
	position: relative;
	height: 279px;
	width: 480px;
}
#internal .video_area,
#our .video_area  {
	position: relative;
	height: 369px;
	width: 100%;
}
#about .video_main-unit,
#internal .video_main-unit,
#our .video_main-unit,
#about .video_main-unit iframe,
#internal .video_main-unit iframe,
#our .video_main-unit iframe,
#about .video_cover-img,
#internal .video_cover-img,
#our .video_cover-img,
#about .video_cover-img img,
#internal .video_cover-img .video_cover
#our .video_cover-img .video_cover, {
	height: 100%;
	width: 100%;
}

.video_width {
    width: 480px;
    height: 269px;
}
.video_width2 {
	margin-top: 0;
    width: 640px;
    height: 360px;
}
/* #about .video_main-unit iframe,
#internal .video_main-unit iframe {
	height: 100%;
	width: 100%;
} */
#about .video_cover-img,
#internal .video_cover-img,
#our .video_cover-img {
	position: absolute;
	top: 0;
	width: 100%;
	/* height: 100%;
	width: 100%; */
}
/* #about .video_cover-img img {
	height: 100%;
	width: 100%;
} */
#internal .video_cover-img .video_cover,
#our .video_cover-img .video_cover  {
	background-color: #000;
	/* height: 100%;
	width: 100%; */
}
#about .btn__change,
#internal .btn__change,
#our .btn__change {
	position: absolute;
	top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
	height: 82px;
	width: 59px;
}
#voice {
	text-align: center;
	margin: 90px 0 0;
	padding: 60px 0 105px;
	background-color: #F2FAFA;
	overflow: hidden;
}
.p-voice__area .p-voice__list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
	flex-wrap: wrap;
	margin: 115px auto 0;
	width: 1090px;
}
.two-items {
    width: 680px !important;
    margin-bottom: -70px !important;
}
.p-voice__area .p-voice__item {
	float: none;
	margin: 0;
	margin-bottom: 115px;
	width: 280px;
}
.p-voice__area .p-voice__item img {
	max-width: 280px;
}
#company-info {
	padding: 0 0 30px;
}
#numbers {
	text-align: center;
	margin: 90px 0 0;
	padding: 60px 0 15px;
	overflow: auto;
}
#numbers .p-numbers__list {
	padding-left: 0;
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
	-webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
	flex-wrap: wrap;
	width: 1090px;
	margin: 60px auto 0;
}
#numbers .p-numbers__item {
	float: none;
	padding: 0 0 15px;
	width: 354px;
}
#faq {
	text-align: center;
	margin: 90px auto 260px !important;
	padding: 60px 0 0;
	overflow: auto;
	background-color: #fff;
}
#faq .c-section__title {
	color: #202B46;
}
footer .l-footer__inner {
	padding: 30px 100px !important;
}

@media screen and (max-width: 800px) {
	.img_caption {
		/* font-size: 13px; */
		font-size: 3.46vw;
		line-height: 1.7;
	}
	.p-hero {
		position: relative;
	}
	.slider-img {
		height: 94vw;
		width: 100%;
	}
	.slider-img_set {
		display: block;
	}
	.p-slider__note {
		position: absolute;
		z-index: 100;
		top: 20%;
		bottom: auto;
		height: 30%;
		width: 100%;
	}
	.p-slider__catchphrase {
		/* font-size: 28px; */
		font-size: 7.2vw;
		left: 0;
		right: 0;
		bottom: 10%;
		text-align: center;
		text-indent: 0;
	}
	.p-slider__catchphrase .small {
		/* font-size: 20px; */
		font-size: 5.33vw;
	}
	.p-hero__message .p-hero__message--note {
		margin: 0 auto;
		text-align: left;
		width: 84%;
	}
	.p-hero__message .p-hero__message--note .p-hero__message--tit {
		/* font-size: 18px; */
		font-size: 4.8vw;
	}
	.p-hero__message .p-hero__message--note .p-hero__message--txt {
		/* font-size: 14px; */
		font-size: 3.73vw;
		letter-spacing: .07em;
	}
	.p-hero__message {
		display: block;
		margin: 40vw auto 0;
	}
	.c-partition {
		background-image: url(../img/partition_img_sp.jpg);
		background-size: cover;
		margin: 32vw auto;
		height: 42.13vw;
		width: 100%;
	}
	#about {
		padding: 0 0 32vw;
	}
	#about .video_area {
		position: relative;
		height: 47.2vw;
		width: 84vw;
	}
	.video_iframe {
    max-width: 317px;
}
.video_width {
    width: 100%;
    height: 100%;
}
.video_width2 {
	margin-top: 80px;
    width: 100%;
    height: 100%;
}
	#internal .video_area {
		position: relative;
		height: 47.2vw;
		width: 100%;
	}
	#about .c-content__about,
	#about .c-content__job {
		display: block;
		margin: 26.6vw auto 0;
	}
	#about .c-content__about {
		width: 84%;
	}
	#about .c-content__about .c-content__note,
	#about .c-content__about .c-content__image,
	#about .c-content__about .c-content__image img,
	#about .c-content__job .c-content__image, 
	#about .c-content__job .c-content__image img {
		width: 100%;
	}
	#about .c-content__about .c-content__note {
		margin-right: 0;
	}
	#about .c-content__job .c-content__note {
		margin: 0 auto;
		width: 84%;
	}
	#about .c-content__image {
		overflow: hidden;
		margin: 16vw auto 13.33vw;
	}
	#about .c-content__job .c-content__image {
		margin: 0 auto 13.33vw;
	}
	#about .c-content__title {
		/* font-size: 14px; */
		font-size: 3.73vw;
		margin: 0 0 5.33vw 0;
		font-weight: 700;
	}
	#about .c-content__catchphrase {
		/* font-size: 18px; */
		font-size: 4.8vw;
		line-height: 1.6;
		margin-top: 5.33vw;
		margin-left: 0;
	}
	#about .c-content__text {
		/* font-size: 14px; */
		font-size: 3.73vw;
		margin-top: 8vw;
		padding: 0;
		line-height: 1.8;
		width: 100%;
	}
	#about .c-content__text.small {
		/* font-size: 12px; */
		font-size: 3.2vw;
		margin-top: 1.2em;
		padding: 0;
	}
	#voice.p-voice__area {
		margin: 0 auto;
		padding: 12vw 0 0;
	}
	#voice .c-section__title {
		/* font-size: 18px; */
		font-size: 4.8vw;
		padding-top: 12vw;
	}
	#voice.p-voice__area .p-voice__list {
		margin: 16vw auto 9.33vw;
		width: 84%;
		overflow: visible;
	}
	.p-voice__area .p-voice__item {
		margin-bottom: 13.33vw;
		width: 34.66vw;
	}
	.two-items {
    width: 310px !important;
    margin-bottom: -52px !important;
}
	#company-info {
		padding: 0 0 5.3vw;
	}
	#numbers {
		text-align: center;
		margin: 13.33vw auto 0;
		padding: 0 0 5.3vw;
		overflow: visible;
	}
	#numbers .c-section__title {
		/* font-size: 18px; */
		font-size: 4.8vw;
		/* padding-top: 120px; */
		padding-top: 13.33vw;
	}
	#numbers p.c-section__catchphrase {
		/* font-size: 14px; */
		font-size: 3.73vw;
		line-height: 1.7;
		margin-top: 5.33vw;
	}
	#numbers .p-numbers__list {
		display: block;
		margin: 16vw auto 0;
		width: 84vw;
	}
	#numbers .p-numbers__item {
		padding: 0;
		/* margin-bottom: 30px; */
		margin-bottom: 8vw;
		width: 100%;
	}
	#numbers .p-numbers__item:last-child {
		margin-bottom: 0;
	}
	#numbers .p-numbers__item img {
		width: 100%;
	}
	#faq {
		text-align: center;
		margin: 13.33vw auto 43vw !important;
		padding: 0;
		overflow: visible;
		background-color: transparent;
	}
	#faq .c-section__title {
		/* font-size: 18px; */
		font-size: 4.8vw;
		padding-top: 13.33vw;
	}
	#faq .c-section__title_ja {
		display: inline-block;
		/* font-size: 12px; */
		font-size: 3.2vw;
		font-weight: bold;
		margin-top: .8em;
		letter-spacing: .1em;
	}
	#faq .accordion {
		margin: 3em auto;
		width: 84vw;
		max-width: 1030px;
		text-align: left;
	}
	#faq .title {
		/* font-size: 16px; */
		font-size: 4.266vw;
		font-weight: normal;
	}
	#faq .content p {
		/* font-size: 12px; */
		font-size: 3.2vw;
	}
	#faq .title::after, #faq .title::before {
		content: "";
		position: absolute;
		right: 1.25em;
		top: 1.75em;
		width: 2px;
		height: 0.75em;
		background-color: #fff;
		transition: all 0.3s;
	}

	#faq .title.rows-2::after,
	#faq .title.rows-2::before {
		top: 2.625em;
	}
	#faq .title.rows-3::after,
	#faq .title.rows-3::before {
		top: 3.5em;
	}
	footer.l-footer .entry {
		/* min-height: 125px; */
		height: 32.53vw;
		padding: 0;
		background-image: url(../img/entry_back_sp.png);
    background-size: cover;
	}
	footer.l-footer .l-footer__entry__inner {
		margin: 0 auto;
		padding: 6.4vw 0 0;
		width: 84vw;
	}
	footer.l-footer .l-footer__entry--en {
		font-size: 5.86vw;
		font-weight: bold;
	}
	footer.l-footer .l-footer__inner {
		/* height: 80px; */
		height: 21.33vw;
		padding: 7vw !important;
    font-size: 3.2vw;
	}
	footer.l-footer .c-corporate__link {
		display: inline-block;
		line-height: 1;
		margin-top: .5em;
	}
	footer.l-footer .c-corporate__link img {
		margin-left: 5px;
		height: auto;
		width: 2.24vw;
		vertical-align: middle;
	}
}
