#mv{
  position: relative;
  height: 1148px;
  padding: 0 50px;
  overflow: clip visible;
}
#mv .cntImg{
  position: absolute;
  top: 0;
  left: 50%;
  /* width: 100%; */
  width: 1520px;
  height: 1418px;
  /* aspect-ratio: 1520 / 1418; */
  transform: translateX(-50%);
  z-index: -1;
}
#mv .cntInner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 964px;
  height: 100vh;
  min-height: 60%;
  max-height: 100%;
  margin: 0 auto;
  /* padding: 210px 30px 468px; */
  padding: 110px 30px 0;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.5;
  text-align: center;
}
#mv .cntTitle{
  margin-bottom: 48px;
  font-size: 9.8rem;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 142px;
  margin-right: -0.51em;
}
#mv .cntText{
  margin-bottom: 64px;
}
#scroll{
  position: absolute;
  top: calc(100vh + 20px);
  right: calc(100% - 82px);
  padding-right: 132px;
  transform: rotate(90deg);
  transform-origin: bottom right;
  font-size: 1.6rem;
  font-family: var(--ff-en);
  line-height: 21px;
}
#scroll span{
  position: absolute;
  /* left: 70px;
  right: auto; */
  right: 0;
  bottom: 50%;
  width: 114px;
  height: 2px;
  background: #000;
  animation: scrollsign 1.3s linear 0s infinite;
}
@keyframes scrollsign {
  0%{
    /* left: 70px;
    right: auto; */
    right: 114px;
    width: 0;
  }
  40% {
    /* left: 70px;
    right: auto; */
    right: 0;
    width: 114px;
  }
  /* 41% {
    left: auto;
    right: 0;
    width: 114px;
  } */
  80% {
    /* left: auto; */
    right: 0;
    width: 0;
  }
  100% {
    /* left: 70px;
    right: auto; */
    right: 114px;
    width: 0;
  }
}
@media screen and (max-width: 1519px) {
  #mv .cntText{
    font-size: calc(20px - (1519px - 100vw) / (619 / 2));
  }
  #mv .cntTitle{
    font-size: calc(98px - (1519px - 100vw) / (619 / 20));
  }
  #scroll{
    right: calc(94.61vw);
  }
}
/* TAB */
@media screen and (max-width: 896px) {
  #mv{
    height: auto;
    padding: 0;
  }
  #mv .cntInner{
    height: auto;
    padding: 140px 30px 177px;
    font-size: 1.6rem;
  }
  #mv .cntImg{
    height: 1508px;
    max-height: calc(100% + 400px);
  }
  #mv .cntTitle{
    font-size: 4rem;
    margin: 0 auto 30px;
    writing-mode: vertical-rl;
    white-space: nowrap;
  }
  #mv .cntText{
    margin-bottom: 56px;
    text-align: left;
  }
/* } */
/* SP */
/* @media screen and (max-width: 480px) { */
  /* #mv .cntTitle{
    font-size: 4rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 44px;
    writing-mode: vertical-rl;
    min-height: 352px;
  } */
}
  
/* お知らせ */
#_news{
  position: relative;
  padding-top: 100px;
  padding-bottom: 60px;
}
#_news .cntInner{
  max-width: 904px;
  padding: 0;
}
#_news .cntTitle{
  text-align: center;
  margin-bottom: 32px;
}
#_news .cntList .item{
  background-image: radial-gradient(circle, #000 1px, transparent 1px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 8px 1px;
}
#_news .cntList .link{
  display: grid;
  grid-template-columns: 132px 1fr;
  /* justify-content: space-between; */
  /* gap: 0 30px; */
  padding: 32px 0;
  line-height: 1.5;
}
#_news .cntList .link.js-modal-open{
  cursor: pointer;
}
#_news .cntList a:hover .title,
#_news .cntList .link.js-modal-open:hover .title{
  text-decoration: underline;
}
@media screen and (max-width: 1519px) {
}
/* TAB */
@media screen and (max-width: 896px) {
  #_news{
    padding-bottom: 40px;
  }
  #_news::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 70%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    z-index: -1;
  }
  #_news .cntTitle{
    margin-bottom: 8px;
  }
  #_news .cntList .link{
    grid-template-columns: 1fr;
    /* flex-direction: column; */
    gap: 8px 0;
  }
}

/*  */
#_character{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100lvh + 100px);
  display: none;
  padding: 0 30px 100px;
  background: #0b489ee6;
  color: #fff;
  z-index: 300;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#_character::-webkit-scrollbar{
  display: none;
}
#_character .close{
	position: fixed;
  top: 32px;
  right: 32px;
	width: 106px;
	height: 106px;
	margin-left: 37px;
	border: 1px solid #fff;
	border-radius: 50%;
	cursor: pointer;
	flex-shrink: 0;
	flex-grow: 0;
	transition: background .3s ease-out;
  z-index: 2;
}
#_character .close:hover{
	background: #fff;
}
#_character .close span{
	position: absolute;
	left: calc(48% - 12px);
	transform: translateX(-50%);
	/* left: 38px; */
	display: inline-block;
	width: 30px;
	height: 2px;
	background: #fff;
	transition: all .3s;
}
#_character .close.active span{
	background: #fff;
}
#_character .close:hover span{
	background: var(--c-main);
}
#_character .close span:nth-of-type(1){
	bottom: calc(50% + 10px);
	transform: translateY(11px) rotate(45deg);
}
#_character .close span:nth-of-type(2){
	top: calc(50% + 10px);
	transform: translateY(-10px) rotate(-45deg);
}
#_character .cntInner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 80px 0 85px;
}
#_character .cntTitle{
  margin-bottom: 48px;
  font-size: 32px;
  font-weight: bold;
  line-height: 2.4;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: .6em;
  text-decoration-thickness: 1px;
}
#_character .cntBox{
  position: relative;
  width: 100%;
  max-width: 953px;
  margin: 0 auto;
  font-size: 16px;
  font-size: clamp(14px, 1.5vw, 16px);
  line-height: 2;
}
#_character .cntBox .item{
  display: flex;
  justify-content: center;
  align-items: center;
}
#_character .cntBox .title{
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
#_character .cntBox .item-1{
  margin-bottom: 38px;
}
#_character .cntBox .item-1 .image{
  width: 288px;
  margin-right: 34px;
}
#_character .cntBox .item-2{
  position: absolute;
  right: 0;
  bottom: 52px;
  bottom: clamp(0px, 3.42vw, 52px);
  max-width: 45vw;
}
#_character .cntBox .item-2 .image{
  width: 159px;
  width: clamp(0px, 16vw, 159px);
  margin-right: 27px;
}
#_character .cntBox .item-3{
  justify-content: start;
  flex-direction: row-reverse;
  max-width: 45vw;
}
#_character .cntBox .item-3 .image{
  width: 212px;
  width: clamp(0px, 20vw, 212px);
  margin-left: 21px;
}
@media screen and (max-width: 1519px) {
	#_character .close{
		width: calc(106px - (1519px - 100vw) / (619 / 20));
		height: calc(106px - (1519px - 100vw) / (619 / 20)); 
		margin-left: calc(37px - (1519px - 100vw) / (619 / 19));
	}
}
/* TAB */
@media screen and (max-width: 896px) {
	#_character .close{
		top: 16px;
		right: 15px;
		width: 75px;
		height: 75px; 
	}
	#_character .close span{
    left: calc(50% - 10px);
		width: 21px;
	}
	#_character .close span:nth-of-type(1){
		bottom: calc(50% + 7px);
		transform: translateY(8px) rotate(45deg);
	}
	#_character .close span:nth-of-type(2){
		top: calc(50% + 7px);
		transform: translateY(-8px) rotate(-45deg);
	}
  #_character .cntTitle{
/* 	  width: 100%;
	  max-width: 500px; */
    font-size: 28px;
	  text-align: left;
  }
  #_character .cntBox{
    font-size: 14px;
    font-size: clamp(0px, 3.73vw, 20px);
  }
  #_character .cntBox .item{
    flex-direction: column;
    max-width: 500px;
    margin: 0 auto;
  }
  #_character .cntBox .item + .item{
    margin-top: 40px;
    margin-top: clamp(0px, 10.66vw, 80px);
  }
  #_character .cntBox .title{
    font-size: 18px;
    font-size: clamp(0px, 4.8vw, 24px);
  }
  #_character .cntBox .item-1{
    text-align: right;
  }
  #_character .cntBox .item-1 .image{
    align-self: start;
    width: 247px;
    width: clamp(0px, 65.86vw, 288px);
    margin: 0 0 -10.66vw 30px;
  }
  #_character .cntBox .item-2{
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
  }
  #_character .cntBox .item-2 .image{
    width: 136px;
    width: clamp(0px, 36.26vw, 159px);
    align-self: end;
    margin: 0 7px -20vw 0;
  }
  #_character .cntBox .item-3{
    justify-content: center;
  }
  #_character .cntBox .item-3 .image{
    width: 181px;
    width: clamp(0px, 48.26vw, 212px);
    margin: 0;
  }
  #_character .cntBox .texts{
    width: 100%;
  }
}
/* SP */
@media screen and (max-width: 480px) {
  #_character .cntInner{
    padding-top: 125px;
  }
  #_character .cntTitle{
    align-self: start;
    margin-bottom: 40px;
    font-size: 5.33vw;
    text-align: left;
  }
}

/* ニチボウを知る */
#_nitibou{
  padding-top: 100px;
  padding-bottom: 60px;
}
#_nitibou .cntInner{
  position: relative;
  padding: 24px 0 50px;
}
#_nitibou .cntTitle{
  margin-bottom: 64px;
}
#_nitibou .cntText-catch{
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 40px;
}
#_nitibou .cntText{
  max-width: 412px;
  line-height: 2;
  margin-bottom: 48px;
}
#_nitibou .cntImg-01{
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 452px);
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  z-index: -1;
}
#_nitibou .cntImg-01 img{
  object-position: 0px;
}
#_nitibou .cntImg-02{
  position: absolute;
  top: 144px;
  /* right: 568px; */
  left: -151px;
  width: 936px;
  height: 626px;
  z-index: -2;
}
#_nitibou .cntBtn{
  margin-left: 0;
}
@media screen and (max-width: 1519px) {
  #_nitibou .cntText-catch{
    font-size: calc(40px - (1519px - 100vw) / (619 / 4));
  }
}
/* TAB */
@media screen and (max-width: 896px) {
  #_nitibou .cntInner{
    padding: 0;
  }
  #_nitibou .cntTitle{
    margin-bottom: 48px;
  }
  #_nitibou .cntText-catch{
    /* font-size: calc(36px - (896px - 100vw) / (419 / 4)); */
    font-size: 3.2rem;
  }
  #_nitibou .cntText{
    max-width: 100%;
    margin: 0 0 40px;
  }
  #_nitibou .cntImg-02{
    /* top: 244px; */
    top: auto;
    bottom: -166px;
    left: 50%;
    transform: translateX(-50%);
  }
  #_nitibou .cntBtn{
    margin-left: auto;
  }
}

/* 仕事を知る */
#_works{
  padding-top: 100px;
  padding-bottom: 60px;
}
#_works .cntTitle{
  /* align-items: start; */
  padding-bottom: 61px;
}
#_works .cntList{
  /* display: grid; */
  display: flex;
  justify-content: space-between;
}
#_works .cntList .item{
  width: 100%;
}
#_works .cntList + .cntList{
  margin-top: 48px;
}
#_works .cntList.-large{
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;
}
#_works .cntList.-small{
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
#_works .cntList .item{
  position: relative;
  aspect-ratio: 653 / 367;
  border-radius: 24px;
  overflow: hidden;
  color: #fff;
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
}
#_works .cntList .item::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .17;
  transition: opacity .3s ease-out;
  z-index: -1;
}
#_works .cntList .item:hover::before{
  opacity: .37;
}
#_works .cntList .text{
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  padding: 10px;
  transform: translate(-50%, -50%);
}
#_works .cntList .img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  transition: transform .3s ease-out;
}
#_works .cntList .item:hover .img{
  transform: scale(1.09);
}
@media screen and (max-width: 1519px) {
}
/* TAB */
@media screen and (max-width: 896px) {
  #_works{
    padding-top: 80px;
  }
  #_works .cntTitle{
    /* align-items: start; */
    padding-bottom: 48px;
    /* flex-direction: column; */
  }
  #_works .cntTitle .sub{
    /* padding-top: 48px; */
  }
  #_works .cntList{
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
    justify-items: center;
    gap: 24px !important;
    /* flex-direction: column; */
    /* align-items: center; */
  }
  #_works .cntList + .cntList{
    margin-top: 24px;
  }
  #_works .cntList .item{
    max-width: 425px;
    font-size: 2.4rem;
  }
}

/* 働く人を知る */
#_peoples{
  position: relative;
  padding-top: 100px;
  overflow: clip visible;
}
#_peoples .cntInner::before{
  content: "";
  position: absolute;
  top: -119px;
  left: 634px;
  /* top: -227px;
  left: 554px; */
  width: 1072px;
  height: 715px;
  background: url(../img/top/peoples_bg.png) left/contain no-repeat;
  z-index: -10;
}
#_peoples .cntTitle{
  margin-bottom: 64px;
}
#_peoples .cntTitle .sub{
  margin-right: 20px;
}
#_peoples .cntList:not(.slick-initialized){
  display: none;
}
#_peoples .cntList,
#_peoples .cntList .slick-list{
  overflow: visible;
}
#_peoples .cntList .slick-track{
  left: -207px;
}
#_peoples .cntList .slick-arrow{
  position: absolute;
  top: 227px;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  background: #fff;
  box-shadow: #00000029 0 0 6px;
  font-size: 0;
  z-index: 5;
  transition: background .3s ease-out;
}
#_peoples .cntList .slick-arrow:hover{
  background: var(--c-main);
}
#_peoples .cntList .slick-arrow::before{
  content: "";
  position: absolute;
  /* top: 48%; */
  top: 52%;
  left: 50%;
  /* width: 15px; */
  /* height: 9px; */
  width: 32px;
  height: 27px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.955%22%20height%3D%2226.607%22%20viewBox%3D%220%200%2031.955%2026.607%22%3E%20%3Cdefs%3E%20%3Cfilter%20id%3D%22%E3%83%91%E3%82%B9_33014%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2231.955%22%20height%3D%2226.607%22%20filterUnits%3D%22userSpaceOnUse%22%3E%20%3CfeOffset%20dy%3D%223%22%20input%3D%22SourceAlpha%22%2F%3E%20%3CfeGaussianBlur%20stdDeviation%3D%223%22%20result%3D%22blur%22%2F%3E%20%3CfeFlood%20flood-opacity%3D%220.161%22%2F%3E%20%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%20%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%20%3Cg%20transform%3D%22matrix(1%2C%200%2C%200%2C%201%2C%200%2C%200)%22%20filter%3D%22url(%23%E3%83%91%E3%82%B9_33014)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_33014-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2033014%22%20d%3D%22M-18678.031%2C10251.875l6.471%2C6.341-6.471%2C6.177%22%20transform%3D%22translate(-10242.16%20-18664.12)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%230b489e%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center/contain no-repeat;
  transform: translate(-50%, -50%);
}
#_peoples .cntList .slick-arrow:hover::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.955%22%20height%3D%2226.607%22%20viewBox%3D%220%200%2031.955%2026.607%22%3E%20%3Cdefs%3E%20%3Cfilter%20id%3D%22%E3%83%91%E3%82%B9_33014%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2231.955%22%20height%3D%2226.607%22%20filterUnits%3D%22userSpaceOnUse%22%3E%20%3CfeOffset%20dy%3D%223%22%20input%3D%22SourceAlpha%22%2F%3E%20%3CfeGaussianBlur%20stdDeviation%3D%223%22%20result%3D%22blur%22%2F%3E%20%3CfeFlood%20flood-opacity%3D%220.161%22%2F%3E%20%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%20%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%20%3Cg%20transform%3D%22matrix(1%2C%200%2C%200%2C%201%2C%200%2C%200)%22%20filter%3D%22url(%23%E3%83%91%E3%82%B9_33014)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_33014-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2033014%22%20d%3D%22M-18678.031%2C10251.875l6.471%2C6.341-6.471%2C6.177%22%20transform%3D%22translate(-10242.16%20-18664.12)%20rotate(-90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
#_peoples .cntList .slick-prev{
  left: 0;
  transform: rotate(-90deg);
}
#_peoples .cntList .slick-next{
  right: 0;
  transform: rotate(90deg);
}
#_peoples .cntList .item{
  width: 413px;
  padding: 0 32px;
}
#_peoples .cntList .bottom{
  position: relative;
}
#_peoples .cntList .bottom::before{
  content: "";
  position: absolute;
  right: 0;
  top: 14px;
  width: 20px;
  height: 24px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224.006%22%20height%3D%2224.912%22%20viewBox%3D%220%200%2024.006%2024.912%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_52216%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2052216%22%20transform%3D%22translate(-793.5%20-825.471)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_33019%22%20data-name%3D%22%E3%83%91%E3%82%B9%2033019%22%20d%3D%22M-18678.031%2C10251.875l12.137%2C11.891-12.137%2C11.584%22%20transform%3D%22translate(19481.961%20-9425.69)%22%20fill%3D%22none%22%20stroke%3D%22%231e4592%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_17904%22%20data-name%3D%22%E7%B7%9A%2017904%22%20x2%3D%2221.064%22%20transform%3D%22translate(793.5%20837.923)%22%20fill%3D%22none%22%20stroke%3D%22%231e4592%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right/contain no-repeat;
}
#_peoples .cntList .image{
  border-radius: 24px;
  overflow: hidden;
  aspect-ratio: 349/497;
  margin-bottom: 24px;
}
#_peoples .cntList .image img{
  transition: transform .3s ease-out;
}
#_peoples .cntList a:hover .image img{
  transform: scale(1.1);
}
#_peoples .cntList .name{
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 4px;
}
#_peoples .cntList .name_en{
  font-size: 1.2rem;
  margin-bottom: 9px;
}
#_peoples .cntList .position{
  font-size: 1.4rem;
  margin-bottom: 20px;
}
#_peoples .cntList .tag{
  display: inline-block;
  font-size: 1.2rem;
  border: 1px solid #707070;
  border-radius: 100px;
  padding: 7px 16px;
}
#_peoples .cntList .tag:hover{
  text-decoration: underline;
}
@media screen and (max-width: 1519px) {
  #_peoples .cntTitle .tit{
    padding-right: calc(90px - (1519px - 100vw) / (619 / 50));
  }
}
/* TAB */
@media screen and (max-width: 896px) {
  #_peoples{
    padding-top: 80px;
  }
  #_peoples .cntInner::before{
    top: -548px;
    left: 50%;
    transform: translateX(-50%);
  }
  #_peoples .cntTitle{
    flex-direction: column;
    align-items: start;
    margin-bottom: 48px;
  }
  #_peoples .cntTitle .tit{
    /* margin-bottom: 48px; */
  }
  #_peoples .cntTitle .sub{
    margin-right: 0;
  }
  #_peoples .cntList{
    margin-bottom: 56px;
  }
  #_peoples .cntList .slick-track{
    left: 0px;
  }
  #_peoples .cntList .slick-arrow{
    top: calc((100vw - 104px) * 0.7 - 33px);
    
  }
  #_peoples .cntList .slick-prev{
    left: -15px;
  }
  #_peoples .cntList .slick-next{
    right: -15px;
  }
  #_peoples .cntList .item{
    width: 100vw;
    max-width: 600px;
    /* padding: 0 13.86vw; */
    padding: 0 52px;
    /* width: calc(100vw - 40px); */
    /* display: flex;
    flex-direction: column;
    align-items: center; */
  }
  #_peoples .cntList .link{
    display: block;
  }
/* } */
/* SP */
/* @media screen and (max-width: 480px) { */
}