@charset "UTF-8";
/*トップページ*/
.top-mv {
	position: relative;
}
.top-mv__movie {
	aspect-ratio: 384 / 375;
}
#videoCont {
  object-fit: cover;
  width: 100%;
  height: 100%;;
}
#videoCont video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.top-mv__text--container {
	position: relative;
	height: 100%;
}
.top-mv__text {
	position: absolute;
	left: 36px;
	bottom: 40px;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
}
.top-mv__catch {
	color: #FFF;
	font-size: clamp(40px, calc(2.5rem + ((1vw - 3.75px) * 7.2727)), 100px);
  min-height: 0vw;
	font-weight: 900;
	text-shadow: rgba(0,0,0,0.4) 0 3px 6px;
	letter-spacing: 0.04em;
	line-height: 1.2;
}
.top-catch {
	padding-block: 40px 70px;
}
.top-catch__title {
	font-size: clamp(28px, calc(1.75rem + ((1vw - 3.75px) * 3.8788)), 60px);
  min-height: 0vw;
	font-weight: 700;
	font-family: 'Noto Serif JP';
	line-height: 1.57;
	letter-spacing: 0.025em;
	margin-bottom: 30px;
}
.top-catch__description {
	font-weight: 700;
	font-family: 'Noto Serif JP';
	line-height: 2;
	letter-spacing: 0.03em;
	font-size: clamp(16px, calc(1rem + ((1vw - 3.75px) * 1.9394)), 32px);
  min-height: 0vw;
}
.top-news {
	padding-bottom: 60px;
}
.top-news__list {
	display: flex;
	flex-wrap: wrap;
	grid-column-gap: 28.18%;
	justify-content: center;
}
.top-news__list::after {
	content: "";
	display: block;
	width: 100%;
	max-width: 302px;
	height: 0;
}
.top-news__item {
	max-width: 302px;
	margin-bottom: 40px;
}
.top-news__item:hover .top-news__thumb {
	box-shadow: rgba(0,0,0,0.16) 0 3px 6px;
	transition: .3s;
}
.top-news__anchor {
	display: flex;
	flex-direction: column;
	line-height: 1.43;
}
.top-news__date {
	font-family: 'Noto Sans JP';
	order: 2;
	font-size: 14px;
	font-weight: 500;
	color: #6F6F6F;
	margin-top: 14px;
}
.top-news__thumb {
	border: #D0D0D0 1px solid;
	width: 100%;
	order: 1;
}

.top-news__title {
	font-size: 14px;
	order: 3;
	font-weight: 500;
}
.top-diversity {
	padding-block: 137px 127px;
	position: relative;
}
.top-diversity__img {
	margin-bottom: 40px;
}
.top-diversity::before {
	content: "";
	display: block;
	background: url(../../img/top-diversity-bg-sp.png) center top no-repeat;
	background-size: cover;
	width: 1879px;
	height: 788px;
	position: absolute;
	z-index: -1;
}
.top-diversity::before {
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
.top-service {
	padding-bottom: 60px;
}
.top-service__list {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	max-width: 302px;
	margin: 40px auto;
	border-top: #BFBFBF 1px solid;
}
.top-service__item {
	width: 150px;
	height: 153px;
	font-size: 14px;
	text-align: center;
	color: #1A7567;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-bottom: #BFBFBF 1px solid;
	line-height: 1.43;
}
.top-service__item:nth-child(2n-1) {
	border-right: #BFBFBF 1px solid;
}
.top-service__item::before {
	content: "";
	display: block;
	width: 60px;
	height: 42px;
	background: url(../../img/service-ico-01-sp.png) center center no-repeat;
	background-size: contain;
	margin-bottom: 15px;
}
.top-service__item--02::before {
	background: url(../../img/service-ico-02-sp.png) center center no-repeat;
	background-size: contain;
	position: relative;
	top: -9px;
}
.top-service__item--03::before {
	background: url(../../img/service-ico-03-sp.png) center center no-repeat;
	background-size: contain;
}
.top-service__item--04::before {
	background: url(../../img/service-ico-04-sp.png) center center no-repeat;
	background-size: contain;
}
.top-service__item--05::before {
	background: url(../../img/service-ico-05-sp.png) center center no-repeat;
	background-size: contain;
}
.top-service__item--06::before {
	display: none;
}
.top-product {
	background: #1A7567;
	color: #FFF;
	padding-block: 59px 61px;
}
.top-product__container {
	background: url(../../img/product.png) right 37px top no-repeat;
	background-size: clamp(122px, calc(7.625rem + ((1vw - 3.75px) * 15.7576)), 252px);
  min-height: 0vw;
}
.top-product__text {
	margin-bottom: 34px;
}
.top-product__text--02 {
	font-size: 26px;
	font-weight: 500;
	text-align: center;
	margin-block: 12px;
}
.top-product__text--02 strong {
	display: flex;
	align-items: center;
	grid-column-gap: 6px;
}
.top-product__text--02 strong::before {
	content: "";
	display: block;
	width: 50px;
	height: 30px;
	background: url(../../img/product-HRM369-bf.png) center center no-repeat;
	background-size: contain;
}
.top-product__text--02 strong::after {
	content: "";
	display: block;
	width: 50px;
	height: 30px;
	background: url(../../img/product-HRM369-af.png) center center no-repeat;
	background-size: contain;
}
.top-product__text--03 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.5;
	font-family: 'Noto Serif JP';
}
.top-product .btn--02:hover {
	color: #1A7567;
}
.top-product .btn--02::after {
	background: url(../../img/btn02-af-gr.png) center center no-repeat;
	background-size: contain;
}
.top-corporation {
	padding-block: 80px;
}
.top-corporation__description {
	margin-block: 26px 40px;
}
.recruit-list {
	margin-bottom: 20px;
}
.top-recruit {
	padding-bottom: 80px;
}
.recruit-list__download--anchor {
	display: block;
	background: #1A7567;
	padding-block: 11px;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: 0.03em;
	max-width: 359px;
}
.recruit-list__download--anchor::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 17px;
	background: url(../../img/ico-download.png) center center no-repeat;
	background-size: contain;
	margin-right: 21px;
	vertical-align: -13%;
}
.recruit-list__mail {
	width: 152px;
}
.top-recruit-photo__list {
	display: flex;
	flex-wrap: wrap;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
}
.top-recruit-photo__item {
	width: calc(50% - 5px);
	max-width: 382px;
	display: block;
}
.top-disclaimer__text {
	font-size: 14px;
}
.top-disclaimer__text + .top-disclaimer__text {
	margin-top: 2em;
}
.post-content__date {
	font-weight: 700;
	margin-bottom: 5px;
}
.post-content__title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 30px;
}
.post-content__img img{
	display: block;
	margin: 30px auto;
}
.post-content p {
	text-align: left;
}
.post-content p a{
	text-decoration: underline;
}
.post-content img {
	margin-block: 1em;
}
.news .btn--03 a {
	margin: 60px auto;
	text-align: center;
}
.isms-range,
.isms-apply {
	padding-bottom: 80px;
}
.isms-sign {
	margin-top: 50px;
}
.isms-sign__mark {
	display: flex;
	align-items: center;
	margin-top: 16px;
	grid-column-gap: 23px;
}
.isms-sign__mark--01 {
	width: 92px;
}
.isms-sign__mark--02 {
	width: 168px;
}
.content.service {
	padding-bottom: 0;
	letter-spacing: 0.06em;
}
.service-introduction {
	padding-bottom: 60px;
}
.service-introduction__catch {
	font-size: 24px;
	font-weight: 700;
	font-family: 'Noto Serif JP';
	margin-bottom: 40px;
}
.service-list {
	padding-block: 60px 36px;
	background: #E0E9DE url(../../img/service-list-bg-sp.png) center center no-repeat;
	background-size: cover;
}
.service-item {
	background: #FFF;
	padding: 25px 19px;
	margin-bottom: 24px;
}
.service-item__title {
	font-size: 20px;
	color: #1A7567;
	display: flex;
	align-items: center;
	margin-bottom: 21px;
}
.service-item__title::before {
	content: "";
	width: 44px;
	height: 40px;
	display: block;
	background: url(../../img/service-ico-01.png) center center no-repeat;
	background-size: contain;
	margin-right: 14px;
}
.service-item__description {
	padding-bottom: 30px;
	letter-spacing: 0.06em;
}
.service-item__title--02::before {
	background: url(../../img/service-ico-02.png) center center no-repeat;
	background-size: contain;
}
.service-item__title--03::before {
	background: url(../../img/service-ico-03.png) center center no-repeat;
	background-size: contain;
}
.service-item__title--04::before {
	background: url(../../img/service-ico-04.png) center center no-repeat;
	background-size: contain;
}
.service-item__title--05::before {
	background: url(../../img/service-ico-05.png) center center no-repeat;
	background-size: contain;
}
.service-item__img {
	max-width: 214px;
	margin-inline: auto;
}
.content.corporation {
	padding-bottom: 0;
}
.corporation-nav__list {
	display: flex;
	grid-column-gap: 18px;
	grid-row-gap: 20px;
	flex-wrap: wrap;
	padding-inline: 14px;
	margin-bottom: 60px;
	justify-content: center;
	text-align: center;
}
.corporation-nav__anchor {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 4px 10px;
	border-left: #888 1px solid;
	border-right: #888 1px solid;
	letter-spacing: 0.08em;
}
.corporation-nav__anchor::after {
	content: "";
	display: block;
	width: 12px;
	height: 6px;
	background: url(../../img/arrow-bottom-green.png) center center no-repeat;
	background-size: contain;
}
.corporation-message {
	padding-bottom: 80px;
}
.corporation-message__conatiner {
	position: relative;
}
.corporation-message__photo {
	width: clamp(252px, calc(15.75rem + ((1vw - 3.75px) * 24.2424)), 452px);
  min-height: 0vw;
	margin-bottom: 30px;
	position: relative;
	left: 50%;
	transform: translateX(-33%);
}
.corporation-message__sign {
	font-weight: 500;
	text-align: right;
	margin-top: 20px;
}
.corporation-message__sign span {
	font-family: 'Noto serif JP';
	font-size: 26px;
	font-weight: 700;
}
.corporation-vision {
	padding-bottom: 80px;
}
.corporation-vision__photo {
	margin-bottom: 30px;
}
.corporation-information {
	padding-bottom: 60px;
}
.corporation-information .dl-01__dt {
	color: #1A7567;
}
.corporation-history {
	padding-bottom: 80px;
}
.corporation-history .dl-01__dt {
	color: #1A7567;
}
.corporation-interview__list {
	counter-reset: interview-number 0;
	margin-bottom: 80px;
}
.corporation-interview__item {
	position: relative;
}
.corporation-interview__item::before {
	counter-increment: interview-number 1;
	content: counter(interview-number, decimal-leading-zero) " ";
	width: 122px;
	height: 46px;
	 display: block;
	background: url(../../img/corporation-interview-label-bg.png) center center no-repeat;
	background-size: cover;
	color: #FFF;
	font-size: 30px;
	font-weight: 900;
	line-height: 46px;
	text-align: center;
	letter-spacing: 0.08em;
	position: absolute;
	top: -23px;
	left: 0;
}
.corporation-interview__item + .corporation-interview__item{
	margin-top: 62px;
}
.corporation-interview__photo {
	width: 210px;
	margin-inline: auto;
}
.corporation-interview__catch {
	color: #1A7567;
	font-size: 20px;
	font-weight: 700;
	margin-block: 20px;
	letter-spacing: 0.06em;
}
.corporation-interview__sign {
	text-align: right;
	font-weight: 700;
	margin-block: 20px;
}
.corporation-interview__sign span{
	font-size: 24px;
}
.corporation-interview__bnr {
	max-width: 302px;
	margin: 100px auto;
}
.contact-tel {
	padding-bottom: 20px;
}
.contact-tel .head--06 {
	margin-bottom: 15px;
}
.contact-tel__list {
	border-top: #196A5C 1px solid;
	border-bottom: #196A5C 1px solid;
}
.contact-tel__item {
	padding-block: 30px;
	text-align: center;
}
.contact-tel__item + .contact-tel__item {
	border-top: #196A5C 1px solid;
}
.contact-tel__item--position {
	font-size: 14px;
	font-weight: 700;
	line-height: 2.29;
}
.contact-tel__item--tel {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.4375;
}
.contact-tel__item--time {
	font-size: 14px;
	line-height: 2.29;
	text-align: center;
	margin-bottom: 43px;
}
.contact-mail__form input[type="radio"],
.contact-mail__form input[type="checkbox"]{
	vertical-align: 1%;
}
.privacy-box {
	margin-top: 30px;
	height: 354px;
	overflow-y: scroll;
	font-size: 14px;
	padding-right: 1em;
}
.privacy-box .fwb {
	font-weight: 700;
	margin-top: 2em;
}
.privacy-box::-webkit-scrollbar{
	width: 10px;
	background: #FFF;
}
.privacy-box::-webkit-scrollbar-track{
  background-color: #FFF;
  border: #707070 1px solid;
}
.privacy-box::-webkit-scrollbar-thumb{
  background-color: #E0E9DE;
  border: #707070 1px solid;
}
.btn-submit input {
	background: #1A7567;
	border: #1A7567 1px solid;
	color: #FFF;
	border-radius: 100px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	width: 180px;
	height: 56px;
	line-height: 56px;
	display: block;
	margin: 40px auto 0 auto;
	cursor: pointer;
	transition: .3s;
}
.btn-submit input:hover {
	background: #FFF;
	color: #1A7567;
}
.thanks {
	padding-top: 80px;
}
.thanks-img {
	max-width: 214px;
	margin-inline: auto;
}
.thanks .btn--01 {
	width: 180px;
	height: 56px;
	line-height: 56px;
	display: block;
	margin: 40px auto;
	font-size: 18px;
	font-weight: 700;
}


/* お知らせ記事　画像 */
.post-content__pictures img{
	width: 100%;
	max-width: 650px;
	margin: 1em auto;
	display: block;
}