/* メインビジュアル */
#mv{
  position: relative;
  margin-top: 80px;
  background: url(../img/index/mv_bg.png) center/cover no-repeat;
  z-index: 2;
}
#mv .cntInner{
  position: relative;
  max-width: 1366px;
  height: 691px;
/*   overflow: hidden; */
	overflow: visible clip;
}
#mv .cntText{
  position: absolute;
  transform: rotate(-2deg);
  z-index: 2;
  font-family: var(--ff-mincho);
  font-size: 4.3rem;
  font-weight: 600;
}
#mv .cntText::after{
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: var(--c-main);
  transform: rotate(-1deg);
  transition: width .5s var(--ttf);
}
#mv .cntText:nth-of-type(1){
  top: 10rem;
  left: 4rem;
  transform-origin: top left;
}
#mv .cntText:nth-of-type(1)::after{
  left: -77px;
  bottom: -16px;
  transform-origin: left;
}
#mv .cntText.active:nth-of-type(1)::after{
  width: calc(100% + 78px);
}
#mv .cntText:nth-of-type(2){
  bottom: 10rem;
  right: 8rem;
  transform-origin: right bottom;
}
#mv .cntText:nth-of-type(2)::after{
  right: -177px;
  /* bottom: 7px; */
  bottom: 0;
  transform-origin: right;
  transition-delay: .1s;
}
#mv .cntText.active:nth-of-type(2)::after{
  width: calc(100% + 185px);
}
#mv .cntText .large{
  color: var(--c-main);
  font-size: 5.4rem;
  font-weight: bold;
}
#mv .cntInner::before,
#mv .cntList{
  position: absolute;
  top: 55px;
  /* bottom: 11px; */
  right: 0;
  /* width: 200%; */
  width: 1466px;
  transform: rotate(-12.2deg);
  transform-origin: right top;
}
#mv .cntInner::before{
  content: "";
  top: 67px;
  height: 309px;
  background: #000;
  mix-blend-mode: overlay;
	
	width: 5000px;
    right: -1700px;
    top: -302px;
}
#mv .cntList .slick-list{
	overflow: visible;
}
#mv .cntList .item{
  width: 220px;
  height: 331px;
  margin-right: 25px;
  transform: rotate(12.2deg);
  clip-path: polygon(0 13.89%, 100% 0, 100% 86.11%, 0 100%);
}
#mv .cntList .item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1200px) {
  #mv .cntText{
		font-size: calc(43px - (1200px - 100vw) / (300 / 10));
  }
  #mv .cntText .large{
    font-size: calc(54px - (1200px - 100vw) / (300 / 10));
  }
}
/* TAB */
@media screen and (max-width: 899px) {
  #mv{
    margin-top: 66px;
  }
  #mv .cntInner{
    height: calc(720px - (899px - 100vw) / (420 / 24));
  }
  #mv .cntInner::before{
    top: 132px;
	  
	  right: 0;
  }
  #mv .cntText{
    transform: rotate(0);
    font-size: 2.9rem;
    line-height: 1.75;
  }
  #mv .cntText:nth-of-type(1){
    /* top: 20vw; */
    top: calc(95px - (899px - 100vw) / (420 / 20));
    /* left: 5.33vw; */
    left: 0;
    padding-left: 5.33vw;
  }
  #mv .cntText:nth-of-type(2){
    bottom: 87px;
    /* right: 9.86vw; */
    right: 0;
    padding-right: 9.86vw;
  }
  #mv .cntText::before,
  #mv .cntText::after{
    transform: rotate(-4deg);
  }
  #mv .cntText::before{
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: var(--c-main);
    transition: width .5s var(--ttf);
  }
  #mv .cntText:nth-of-type(1)::before{
    top: 2.38em;
    left: 0;
    transform-origin: left bottom;
  }
  #mv .cntText:nth-of-type(1)::after{
    bottom: -20px;
  }
  #mv .cntText.active:nth-of-type(1)::before{
    width: 69%;
  }
  #mv .cntText:nth-of-type(2)::before,
  #mv .cntText:nth-of-type(2)::after{
    transform-origin: right top;
  }
  #mv .cntText.active:nth-of-type(2)::before,
  #mv .cntText.active:nth-of-type(2)::after{
    width: 116.55%;
  }
  #mv .cntText:nth-of-type(2)::before{
    top: 1.4em;
    left: 15px;
    left: auto;
    right: -60px;
  }
  #mv .cntText:nth-of-type(2)::after{
    left: auto;
    right: -48px;
    bottom: 16px;
  }
  #mv .cntText.active:nth-of-type(2)::before{
    /* width: 304.50%; */
    width: 115.75%;
  }
  #mv .cntText .line1{
    display: block;
    transform: rotate(-2deg);
  }
  #mv .cntText .large{
    font-size: 3.7rem;
  }
  #mv .cntText:nth-of-type(1) .large{
    margin-left: -10px;
  }
  #mv .cntText:nth-of-type(2) .large{
    margin-left: 20px;
  }
  #mv .cntList{
    top: 120px;
  }
}
/* SP */
@media screen and (max-width: 480px) {
  #mv .cntInner{
    height: 667px
  }
  #mv .cntInner::before{
    top: 163px;
    height: 272px;
    background: linear-gradient(#000 0%, #000 calc(50% - 2px), transparent calc(50% - 2px), transparent calc(50% + 2px), #000 calc(50% + 2px), #000 100%);
  }
  #mv .cntText:nth-of-type(1){
    top: 70px;
  }
  #mv .cntText:nth-of-type(2){
    bottom: 75px;
  }
  #mv .cntList{
    top: 158px;
    width: calc(100% + 50px);
  }
  #mv .cntList:last-of-type{
    top: 299px;
  }
  #mv .cntList .item{
    width: 95px;
    height: 143px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 375px) {
  #mv .cntText{
    font-size: 7.73vw;
  }
  #mv .cntText .large{
    font-size: 9.86vw;
  }
}

/* 画像 */
#_img1{
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 771px;
  margin-bottom: -50px;
  padding: 0;
  overflow: hidden;
  /* transform: scale(1);
  perspective: 0;
  filter: blur(0); */
  /* z-index: -1;/ */
}
#_img1::before,
#_img1::after{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 100%;
  /* max-width: 1366px; */
  height: 100%;
  transform: translateX(-50%);
}
#_img1::before{
  background: url(../img/index/img1_bg.png) center/cover no-repeat;
  z-index: -2;
}
#_img1::after{
  background: #000;
  opacity: 0;
  transition: opacity .5s var(--ttf);
  z-index: -1;
}
#_img1.-hover::after{
  opacity: .8;
}
#_img1 .cntInner{
  width: 100%;
  max-width: 100%;
  height: 100%;
  perspective: 1px;
}
#_img1 .cntBox-container{
  position: relative;
  /* position: absolute; */
  width: 100%;
  padding: 170px 0 150px;
}
#_img1 .cntImg{
	display: block;
  width: 1051px;
  max-width: 87.58%;
  aspect-ratio: 1051/450;
  margin: 0 auto;
  /* transition: opacity .3s; */
  /* -webkit-transform: translateZ(-10px);
  transform: translateZ(-10px); */
  filter: blur(50px);
  transform: translateY(20px) scale(.8);
  opacity: 0;
  transition: filter .6s ease-out .2s, transform .6s ease-out .2s, opacity .6s ease-out .2s;
}
#_img1 .cntImg.active{
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
}
#_img1 .cntImg video{
  /* position: fixed;
  left: 0;
  transition: top 1.5s cubic-bezier(0.33, 0.06, 0.59, 1.01), transform 1s var(--ttf); */
  box-shadow: #888888 0 0 30px;
  border-radius: 5px;
  transition: transform 1s var(--ttf);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#_img1 .cntImg:hover video{
  transform: scale(1.05);
}
/* TAB */
@media screen and (max-width: 899px) {
  #_img1{
    height: auto;
    margin-bottom: -82px;
  }
  #_img1 .cntBox-container{
    padding: 70px 0 142px;
  }
  #_img1 .cntImg{
    max-width: calc(100% - 40px);
    aspect-ratio: 335/148;
  }
}

/* 新着情報 */
#_news{
  padding: 0 20px;
  z-index: 2;
}
#_news .cntInner{
  max-width: 1200px;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #312F2F29;
  padding: 41px 18px 60px;
}
#_news .cntBox-top{
  max-width: 1000px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 54px;
}
#_news .cntList{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #D3D3D3;
}
#_news .cntList .item{
  width: 100%;
  border-bottom: 1px solid #D3D3D3;
  display: flex;
  gap: 0 25px;
  padding: 16px 19px 20px 25px;
}
#_news .cntList .left{
  width: 100%;
}
#_news .cntList .top{
  display: flex;
  justify-content: space-between;
  margin-bottom: 21px;
}
#_news .cntList .time{
  font-family: var(--ff-mincho);
  font-weight: 700;
  color: var(--c-light);
}
#_news .cntList .categories{
  display: flex;
  gap: 0 11px;
}
#_news .cntList .cat{
  display: inline-block;
  font-weight: 700;
  font-size: 1.2rem;
  color: #fff;
  background: var(--c-main-dark);
  border-radius: 100px;
  padding: 2px 22px 0 17px;
  height: 21px;
  display: flex;
  align-items: center;
}
#_news .cntList .title{
  font-size: 1.8rem;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
#_news .cntList .right{
  max-width: 180px;
  width: 100%;
}
#_news .cntList .img{
  max-width: 180px;
  aspect-ratio: 180 / 100;
  background: #888;
}
/* TAB */
@media screen and (max-width: 899px){
  #_news .cntInner{
    padding: 21px 18px 30px;
  }
  #_news .cntBox-top{
    margin-bottom: 25px;
  }
  #_news .cntList .item{
    gap: 0;
    padding: 10px 0 28px 0;
  }
  #_news .cntList .top{
    flex-direction: column;
    gap: 6px 0;
    margin-bottom: 15px;
  }
  #_news .cntList .time{
    font-size: 1.5rem;
  }
  #_news .cntList .categories{
    gap: 0 5px;
  }
  #_news .cntList .cat{
    font-size: 1.1rem;
    padding: 1px 10px 0 10px;
    height: 16px;
  }
  #_news .cntList .title{
    font-size: 1.4rem;
    line-height: 1.571;
    -webkit-line-clamp: 2;
  }
  #_news .cntList .right{
    display: none;
  }
  #_news .cntBtn{
    margin: 25px auto 0;
  }
}

/* SNS */
#_sns{
  padding: 0 20px;
}
#_sns .cntInner{
  max-width: 1200px;
  width: 100%;
  padding-top: 28px;
}
#_sns .cntList{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
  gap: 15px 32px;
  flex-wrap: wrap;
}
#_sns .cntList .item{
  max-width: 276px;
  width: 100%;
  box-shadow: 0px 0px 10px #312F2F29;
  border-radius: 5px;
  padding: 17px 13px 9px;
  position: relative;
  transition: box-shadow .3s;
  background: #fff;
}
#_sns .cntList .item:hover{
  box-shadow: 0px 0px 20px #312F2F29;
}
#_sns .cntList .title{
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.388;
  margin-bottom: 10px;
  margin-left: 8px;
}
#_sns .cntList .bottom{
  display: flex;
  align-items: center;
  gap: 0 8px;
}
#_sns .cntList .icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 41px;
}
#_sns .cntList .account{
  font-size: 1.4rem;
  font-weight: 600;
  font-family: var(--ff-mincho);
  color: var(--c-light);
} 
#_sns .cntList .arrow{
  position: absolute;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  top: 48px;
  right: 15px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.74%22%20height%3D%2218.962%22%20viewBox%3D%220%200%2018.74%2018.962%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_25%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2025%22%20transform%3D%22translate(0.53%200.75)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_5%22%20data-name%3D%22%E7%B7%9A%205%22%20y1%3D%2215.525%22%20x2%3D%2215.525%22%20transform%3D%22translate(0%202.156)%22%20fill%3D%22none%22%20stroke%3D%22%23606a80%22%20stroke-width%3D%221.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_14%22%20data-name%3D%22%E3%83%91%E3%82%B9%2014%22%20d%3D%22M1393.117-111h6.9v6.9%22%20transform%3D%22translate(-1382.558%20111)%22%20fill%3D%22none%22%20stroke%3D%22%23606a80%22%20stroke-width%3D%221.5%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center/contain no-repeat;
  transition: transform .3s;
}
#_sns .cntList a:hover .arrow{
  transform: translateX(3px) translateY(-3px);
}
/* TAB */
@media screen and (max-width: 899px){
  #_sns .cntInner{
    padding-top: 20px;
  }
  #_sns .cntList{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
    gap: 15px;
  }
  #_sns .cntList .item{
    /* max-width: 203px; */
    padding: 1.66vw 3px 1.25vw 1.45vw;
    margin: 0 auto;
  }
  #_sns .cntList .title{
    font-size: 1.3rem;
    margin-bottom: 5px;
    margin-left: 0;
  }
  #_sns .cntList .bottom{
    gap: 0 4px;
  }
  #_sns .cntList .icon{
    width: 25px;
    height: 25px;
  }
  #_sns .cntList .account{
    font-size: 1.1rem;
  }
  #_sns .cntList .arrow{
    width: 10px;
    height: 10px;
    top: 36px;
    right: 11px;
  }
}
/* SP */
@media screen and (max-width: 480px) {
  #_sns .cntList{
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
  #_sns .cntList .item{
    padding: .8rem .3rem .6rem .7rem;
  }
}

/* points */
#_points{
  max-width: 100%;
  margin-top: 40px;
  padding: 100px 20px 0;
  overflow: clip visible;
}
#_points::before{
  content: "";
  position: absolute;
  top: calc(100px + 31px);
  left: calc(50% - 600px);
  /* left: calc(50% - 708px); */
  width: 1416px;
  max-width: 1416px;
  aspect-ratio: 1416/1167;
  background: url(../img/index/points_bg.png) top left/contain no-repeat;
  z-index: -1;
}
#_points .cntInner{
  max-width: 1200px;
  width: 100%;
  /* padding-top: 141px; */
}
#_points .cntList{
}
#_points .cntList .item{
  /* display: flex;
  align-items: flex-end; */
  position: relative;
}
#_points .cntList .item + .item{
  margin-top: 131px;
}
#_points .cntList .item-1{
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#_points .cntList .item::before{
  position: absolute;
  font-family: var(--ff-mincho);
  font-size: 45.1rem;
  font-weight: 700;
  color: var(--c-main-light);
  z-index: -1;
}
#_points .cntList .item-1::before{
  content: "01";
  left: 0;
  top: -200px;
}
#_points .cntList .item-2::before{
  content: "02";
  right: 0;
  top: -200px;
}
#_points .cntList .left{
  padding-right: 9.667%;
}
#_points .cntList .right{
  position: relative;
}
#_points .cntList .item .top{
  position: relative;
}
#_points .cntList .title{
  font-size: 4rem;
  font-weight: 600;
  font-family: var(--ff-mincho);
  line-height: 1.45;
  margin-bottom: 34px;
}
#_points .cntList .right{
  /* position: absolute;
  width: calc(100% + 83px);
  max-width: 50vw;
  aspect-ratio: 683 / 390;
  left: 50%;
  top: 0; */
}
#_points .cntList .txt{
  line-height: 2;
  width: 100%;
  /* margin-bottom: 113px; */
}
#_points .cntList .cntBtn{
  margin-top: 40px;
  /* position: absolute;
  left: 0;
  bottom: 0; */
}
#_points .cntList .img{
  width: calc(100% + 83px);
  max-width: 50vw;
  aspect-ratio: 683/390;
  box-shadow: rgba(0, 0, 0, .16) -3px 3px 10px;
}
/* TAB */
@media screen and (max-width: 899px){
  #_points{
    margin-top: 0;
  }
  #_points .cntList .item{
    display: block;
    /* flex-direction: column;
    align-items: start; */
  }
  #_points .cntList .item + .item{
    margin-top: 72px;
  }
  #_points .cntList .item::before{
    font-size: 20rem;
  }
  #_points .cntList .item-1::before{
    top: -170px;
  }
  #_points .cntList .item-2::before{
    top: -122px;
  }
  #_points .cntList .left{
    padding: 0;
  }
  #_points .cntList .title{
    font-size: 2.8rem;
    margin-bottom: 20px;
  }
  #_points .cntList .txt{
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
  #_points .cntList .img{
    width: 100%;
    max-width: 100%;
    margin-bottom: 37px;
  }
  #_points .cntList .cntBtn{
    position: static;
  }
}
/* SP */
@media screen and (max-width: 480px) {
  #_points::before{
    /* top: 25px;
    left: -64vw;
    width: 284vw; */
    top: -27px;
    left: -96vw;
    width: 368vw;
  }
}

/*  */
#_doctors{
  position: relative;
  z-index: 3;
  max-width: 100%;
  padding: 77px 0 80px;
  overflow: clip visible;
}
#_doctors .cntList{
  display: flex;
  width: calc(100% + 200px);
  transform: rotate(6.3deg);
  transform-origin: left top;
} 
#_doctors .cntList .item{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 240px;
  margin-right: 30px;
  padding: 33px 10px 21px;
  background: #fff;
  box-shadow: 0px 0px 10px #312F2F29;
  transform: rotate(-6.3deg);
  transform-origin: left top;
  text-align: center;
  font-weight: bold;
}
#_doctors .cntList .image{
  width: 150px;
  margin: 0 auto 23px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}
#_doctors .cntList .title{
  margin-bottom: 8px;
  padding: 2px 1.16em 1px;
  background: #EFEFEF;
  border-radius: 50px;
  font-size: 1.2rem;
  line-height: 1.25;
}
#_doctors .cntList .name{
  font-size: 2rem;
}
#_doctors .cntList .slick-list{
  overflow: visible;
}
/* TAB */
@media screen and (max-width: 899px) {
  #_doctors{
    padding: 5.33vw 0;
  }
  #_doctors .cntList .item{
    width: 35.73vw;
    margin-right: 20px;
    padding: 4.8vw 2.66vw 3.46vw;
  }
  #_doctors .cntList .image{
    width: 22.13vw;
    margin-bottom: 1.6vw;
  }
  #_doctors .cntList .title{
    margin-bottom: .8vw;
    font-size: 1.33vw;
  }
  #_doctors .cntList .name{
    font-size: 2.66vw;
  }
}

/* 採用情報 */
#_recruit{
  margin-top: 97px;
  padding: 0 20px;
  position: relative;
  overflow: clip visible;
  max-width: 100%;
  z-index: 2;
}
#_recruit::before{
  position: absolute;
  content: "";
  /* width: 1370px; */
  width: 1429px;
  aspect-ratio: 1430/1267;
  top: 0;
  left: 50%;
  transform: translateX(calc(-50% - 60px));
  background: url(../img/index/recruit_bg.png) center/cover no-repeat;
  z-index: -2;
}
#_recruit .cntInner{
  position: relative;
  max-width: 1200px;
  width: 100%;
  padding-top: 168px;
}
#_recruit .cntInner::after{
  position: absolute;
  content: "RECRUIT";
  font-size: 23rem;
  font-weight: 700;
  font-family: var(--ff-mincho);
  letter-spacing: -0.05em;
  color: var(--c-main-dark);
  top: 157px;
  /* left: -61px; */
  left: -11vw;
  writing-mode: vertical-rl;
  z-index: -1;
}
#_recruit .cntTitle{
  font-size: 4rem;
  font-weight: 600;
  font-family: var(--ff-mincho);
  margin-bottom: 49px;
  text-align: center;
  color: #fff;
}
#_recruit .cntText{
  font-size: 3rem;
  font-weight: 700;
  font-family: var(--ff-mincho);
  text-align: center;
  line-height: 1.466;
  margin-bottom: 57px;
  color: #fff;
}
#_recruit .cntList .item{
  display: flex;
  width: calc(100% - 70px);
  background: #fff;
  box-shadow: 0px 0px 10px #312F2F29;
  border-radius: 5px;
  padding: 42px 48px 42px 8px;
  margin-left: auto;
}
#_recruit .cntList .item+.item{
  margin-top: 57px;
}
#_recruit .cntList .item:nth-child(2n){
  margin-left: 0; 
  padding: 42px 8px 42px 48px;
}
#_recruit .cntList .item:nth-child(2n) .image{
  order: -1;
}
#_recruit .cntList .texts{
  width: 51.675%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
}
#_recruit .cntList .tit{
  font-size: 4rem;
  font-weight: 600;
  font-family: var(--ff-mincho);
  margin-bottom: 37px;
}
#_recruit .cntList .image{
  max-width: 519px;
  width: 48.324%;
  aspect-ratio: 519 / 274;
  background: #888;
}
/* TAB */
@media screen and (max-width: 899px){
  #_recruit{
    margin-top: 19px;
  }
  #_recruit::before{
    width: 1050px;
    transform: translateX(calc(-50% + 10px)); 
  }
  #_recruit .cntInner{
    padding-top: 93px;
  }
  #_recruit .cntInner::after{
    /* font-size: 9.6rem; */
    font-size: calc(161px - (899px - 100vw) / (524 / 65));
    top: 91px;
    /* left: -26px; */
    /* left: calc(-42px - (899px - 100vw) / (524 / -16)); */
    left: -0.55em;
    color: #AFC7FF;
  }
  #_recruit .cntTitle{
    font-size: 2.8rem;
    margin-bottom: 30px;
  }
  #_recruit .cntText{
    font-size: 1.6rem;
    margin-bottom: 30px;
  }
  #_recruit .cntList .item{
    flex-direction: column;
    width: 100%;
    padding: 30px 18px 41px;
    margin-left: auto;
    margin-right: auto;
  }
  #_recruit .cntList .item+.item{
    margin-top: 30px;
  }
  #_recruit .cntList .item:nth-child(2n){
    padding: 30px 18px 41px;
    margin-left: auto;
    margin-right: auto;
  }
  #_recruit .cntList .item:nth-child(2n) .image{
    order: 0;
  }
  #_recruit .cntList .texts{
    width: 100%;
    padding: 0;
  }
  #_recruit .cntList .tit{
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
  #_recruit .cntList .image{
    max-width: 419px;
    width: 100%;
    margin: 0 auto 28px;
  }
  #_recruit .cntBtn{
    margin: 0 auto;
  }
}


/* オリジナル動画コンテンツ */
#_video{
  padding: 0 20px;
  position: relative;
  /* overflow: hidden; */
  /* overflow: hidden clip; */
  overflow: clip visible;
  max-width: 100%;
}
#_video::before{
  position: absolute;
  content: "";
  width: 158.41vw;
  aspect-ratio: 2204/900;
  /* width: 1338px; */
  /* height: 899px; */
  /* top: auto; */
  /* top: -358px; */
  top: -26.20vw;
  /* bottom: 0; */
  left: -15.37vw;
  background: url(../img/index/movies_bg.png) center/cover no-repeat;
  z-index: -2;
}
#_video .cntInner{
  position: relative;
  max-width: 1200px;
  width: 100%;
  padding-top: 103px;
}
#_video .cntInner::after{
  position: absolute;
  content: "MOVIE";
  font-size: 32rem;
  font-weight: 700;
  font-family: var(--ff-mincho);
  letter-spacing: -0.05em;
  color: var(--c-main-light);
  top: -84px;
  /* right: -48px; */
  right: -10.76vw;
  z-index: -1;
}
#_video .cntTitle{
  font-size: 4rem;
  font-family: var(--ff-mincho);
  font-weight: 600;
  margin-bottom: 59px;
  text-align: center;
}
#_video .cntList{
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  /* grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); */
  gap: 0 51px;
}
#_video .cntList .item{
  width: 100%;
  /* max-width: 366px; */
}
#_video .cntList .item:nth-child(2n){
  padding-top: 8px;
}
#_video .cntList .img{
  position: relative;
  width: 100%;
  aspect-ratio: 366/206;
  box-shadow: #00000029 0 0 8px;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 29px;
}
#_video .cntList .img::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: .8;
}
#_video .cntList .img::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 39px;
  height: 51px;
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238.926%22%20height%3D%2250.604%22%20viewBox%3D%220%200%2038.926%2050.604%22%3E%20%3Cpath%20id%3D%22Icon_ionic-ios-lock%22%20data-name%3D%22Icon%20ionic-ios-lock%22%20d%3D%22M40.81%2C20.892H37.891V15.211a11.678%2C11.678%2C0%2C1%2C0-23.355-.158v5.839H11.616A4.88%2C4.88%2C0%2C0%2C0%2C6.75%2C25.758V49.113a4.88%2C4.88%2C0%2C0%2C0%2C4.866%2C4.866H40.81a4.88%2C4.88%2C0%2C0%2C0%2C4.866-4.866V25.758A4.88%2C4.88%2C0%2C0%2C0%2C40.81%2C20.892ZM27.916%2C36.073v8.369A1.744%2C1.744%2C0%2C0%2C1%2C26.3%2C46.194a1.705%2C1.705%2C0%2C0%2C1-1.788-1.7V36.073a3.893%2C3.893%2C0%2C1%2C1%2C3.406%2C0Zm6.569-15.181H17.941V15.053a8.272%2C8.272%2C0%2C0%2C1%2C16.543%2C0Z%22%20transform%3D%22translate(-6.75%20-3.375)%22%20fill%3D%22%23fff%22%20opacity%3D%220.9%22%2F%3E%3C%2Fsvg%3E') center/contain no-repeat;
  transform: translate(-50%, -50%);
}
#_video .cntList .tit{
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.9;
  /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden; */
}
#_video .cntBtn{
  margin: 0 auto;
}
/* TAB */
@media screen and (max-width: 899px){
  #_video{
    padding: 0 30px;
  }
  #_video::before{
    top: -15vw;
  }
  #_video .cntInner{
    padding-top: 99px;
  }
  #_video .cntInner::after{
    /* font-size: 9.6rem; */
    font-size: calc(224px - (899px - 100vw) / (524 / 128));
    /* top: 20px; */
    top: calc(-60px - (899px - 100vw) / (524 / -80));
    /* right: -17px; */
    right: -15.466vw;
  }
  #_video .cntTitle{
    font-size: 2.8rem;
    margin-bottom: 30px;
  }
  #_video .cntList{
    row-gap: 30px;
    margin-bottom: 30px;
    /* grid-template-columns: 1fr; */
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    column-gap: 30px;
  }
  #_video .cntList .item{
    /* max-width: 350px; */
    margin: 0 auto;
  }
  #_video .cntList .item:nth-child(2n){
    padding-top: 0;
  }
  #_video .cntList .img{
    margin-bottom: 20px;
  }
  #_video .cntList .tit{
    font-size: 1.5rem;
  }
}
/* SP */
@media screen and (max-width: 480px) {
  #_video::before{
    top: -146vw;
    top: -30vw;
    left: -133vw;
    width: 396vw;
    transform: rotate(-45deg);
  }
  #_video .cntList{
    grid-template-columns: 1fr;
  }
}

/* ブログ */
#_blog{
  padding: 0 20px;
  position: relative;
  overflow: hidden;
  overflow: clip visible;
  max-width: 100%;
}
#_blog::before{
  position: absolute;
  content: "";
  /* width: 100%; */
  /* width: 158.41vw; */
  width: 162.15vw;
  /* height: 944px; */
  aspect-ratio: 2215/1284;
  top: 32px;
  /* height: 100%; */
  left: -16.83vw;
  background: url(../img/index/blog_bg.png) left top/contain no-repeat;
  z-index: -2;
}
#_blog .cntInner{
  position: relative;
  max-width: 1200px;
  width: 100%;
  /* padding: 159px 0 98px; */
  padding-top: 160px;
}
#_blog .cntInner::after{
  position: absolute;
  content: "BLOG";
  font-size: 31rem;
  font-weight: 700;
  font-family: var(--ff-mincho);
  letter-spacing: -0.05em;
  color: var(--c-main-light);
  top: -46px;
  left: -48px;
  left: -9.59vw;
  z-index: -1;
}
#_blog .cntTitle{
  font-size: 4rem;
  font-family: var(--ff-mincho);
  font-weight: 600;
  margin-bottom: 47px;
  text-align: center;
}
#_blog .cntList{
  display: grid;
  grid-template-columns: 519fr 622fr;
  gap: 0 4.91%;
}
#_blog .cntList .item{
  display: block;
}
#_blog .cntList .img{
  aspect-ratio: 519/292;
  background: #eee;
  box-shadow: #312f2f29 0 0 10px;
  overflow: hidden;
}
#_blog .cntList .title{
  font-weight: 700;
  line-height: 1.818;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
#_blog .cntList .time{
  font-family: var(--ff-mincho);
  font-weight: 700;
  color: #959595;
}
#_blog .cntList .categories{
  display: flex;
  flex-wrap: wrap;
}
#_blog .cntList .cat{
  display: inline-block;
  font-weight: 700;
  color: #fff;
  background: var(--c-main-dark);
  border-radius: 100px;
  display: flex;
  align-items: center;
}
#_blog .cntBox-large .item{
  position: relative;
}
#_blog .cntBox-large .title{
  font-size: 2.2rem;
  margin-bottom: 20px;
}
#_blog .cntBox-large .time{
  font-size: 2rem;
}
#_blog .cntBox-large .item{
  margin-bottom: 33px;
}
#_blog .cntBox-large .img{
  margin-bottom: 30px;
  border-radius: 10px;
}
#_blog .cntBox-large .categories{
  position: absolute;
  top: 29px;
  left: 21px;
  gap: 5px 14px;
}
#_blog .cntBox-large .cat{
  padding: 2px 24px 0;
  height: 27px;
}
#_blog .cntBox-small .item{
  display: grid;
  grid-template-columns: 233fr 375fr;
  gap: 15px 2.25%;
  overflow: hidden;
}
#_blog .cntBox-small .item+.item{
  margin-top: 53px;
}
#_blog .cntBox-small .img{
  border-radius: 5px;
}
#_blog .cntBox-small .texts{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#_blog .cntBox-small .title{
  font-size: 2rem;
}
#_blog .cntBox-small .container{
  position: relative;
  height: 20px;
}
#_blog .cntBox-small .categories{
  position: absolute;
  width: 300%;
  gap: 5px 11px;
}
#_blog .cntBox-small .cat{
  font-size: 1.2rem;
  padding: 1px 19px 0;
  height: 21px;
}
/* TAB */
@media screen and (max-width: 899px){
  #_blog .cntInner{
    /* padding: 105px 0 60px; */
    padding-top: 105px;
  }
  #_blog .cntInner::after{
     /* font-size: 9.6rem; */
     font-size: calc(224px - (899px - 100vw) / (524 / 128));
     /* top: 32px; */
     top: calc(-43px - (899px - 100vw) / (524 / -75));
     /* left: -15px; */
     /* left: calc(-35px - (899px - 100vw) / (524 / -20)); */
     left: -9.33vw;
  }
  #_blog .cntTitle{
    font-size: 2.8rem;
    margin-bottom: 56px;
  }
  #_blog .cntList{
    display: block;
  }
  #_blog .cntList .title{
    -webkit-line-clamp: 3;
  }
  #_blog .cntBox-large{
    margin: 0 auto;
    padding: 0 10px;
    max-width: 419px;
  }
  #_blog .cntBox-large .title{
    font-size: 1.4rem;
  }
  #_blog .cntBox-large .time{
    font-size: 1.3rem;
  }
  #_blog .cntBox-large .item{
    margin-bottom: 17px;
  }
  #_blog .cntList .categories{
    gap: 5px;
  }
  #_blog .cntBox-large .cat{
    padding: 1px 9px 0;
    height: 16px;
    font-size: 1.1rem;
  }
  #_blog .cntBox-small .item+.item{
    margin-top: 20px;
  }
  #_blog .cntBox-small .title{
    font-size: 1.4rem;
  }
  #_blog .cntBox-small .container{
    height: 16px;
  }
  #_blog .cntBox-small .categories{
    gap: 5px;
  }
  #_blog .cntBox-small .cat{
    padding: 1px 9px 0;
    height: 16px;
    font-size: 1.1rem;
  }
  #_blog .cntBtn{
    margin: 30px auto 0;
  }
}
/* SP */
@media screen and (max-width: 480px) {
  #_blog::before{
    top: 89vw;
    left: -131vw;
    width: 396vw;
    background-image: url(../img/index/blog_bg-sp.png);
    aspect-ratio: 1485/606;
    transform: rotate(-135deg);
  }
}

/* リンク */
#links{
  margin-top: 98px;
}
/* TAB */
@media screen and (max-width: 899px) {
  #links{
    padding-top: 60px;
  }
}