/*                             people                         */

.people .page_top_ttl > div{
 width: min(16.2rem, calc(162vw / 12.8));
}
.people_search_menu {
 display: flex;
 justify-content: space-between;
}
.people_search_menu p {
 font-size: 1.4rem;
 font-weight: 600;
 color: #000000;
 letter-spacing: 0.08em;
}
.people_search {
 margin:  min(4rem, calc(40vw / 12.8)) 0  0;
}
.people_search_menu ul {
 width: min(89rem, calc(890vw / 12.8));
 display: flex;
 align-items: center;
 margin-bottom: min(3rem, calc(30vw / 12.8));
}
.people_search_menu:last-of-type ul {
 margin-bottom: 0;

}
.people_search_menu li {
 margin-right: min(2.5rem, calc(25vw / 12.8));
}
.people_search_menu li:first-of-type {
 margin-right: min(4.5rem, calc(45vw / 12.8));
}
.people_search_menu li  button{
 width: min(13.5rem, calc(135vw / 12.8));
 background-color: #fff;
 box-sizing: border-box;
 border:  min(.3rem, calc(3vw / 12.8)) #B5002B solid;
 border-radius:  min(3rem, calc(30vw / 12.8));
 color: #B5002B;
 font-size: 1.3rem;
 font-weight: 600;
 padding:  min(.8rem, calc(8vw / 12.8)) 0;
 letter-spacing: 0.09em;
 transition: .4s;
}

.people_search_menu li  button.active{
 background-color: #B5002B;
 color: #fff;
 pointer-events: none;
}


@media (hover: hover)  and (pointer: fine){
 .people_search_menu li  button:where(:any-link, :enabled, summary):hover {
  background-color: #B5002B;
  color: #fff;
 }
}



.people_contents {
 width: min(106rem, calc(1060vw / 12.8));
 margin: 0 auto  min(9rem, calc(90vw / 12.8));
 display: flex;
 justify-content: space-between;
 position: relative;
 flex-wrap: wrap;
}
.people_contents::after {
 content: '';
 width: min(32.5rem, calc(325vw / 12.8));
}
.people_item {
 width: min(32.5rem, calc(325vw / 12.8));
 position: relative;
 margin-top: min(5rem, calc(50vw / 12.8));
}

.people_item p {
 width: min(32rem, calc(320vw / 12.8));
 background-color: #B5002Be6;
 position: absolute;
 bottom:  min(2rem, calc(20vw / 12.8));
 left:  max(-1.5rem, calc(-15vw / 12.8));
 font-size: 1.8rem;
 color: #fff;
 font-weight: 600;
 letter-spacing: 0.08rem;
 text-align: left;
 box-sizing: border-box;
 padding: min(1.6rem, calc(16vw / 12.8)) 0 min(2rem, calc(20vw / 12.8));
 padding-left: min(1.5rem, calc(15vw / 12.8));
}

.people_item p span {
 font-size: 1.4rem;
 line-height: 1.6;
 letter-spacing: 0.08rem;
 margin-top: min(1rem, calc(10vw / 12.8));
 display: block;
}
.people_item .people_img  {
 overflow: hidden;
 border-radius:  min(.4rem, calc(4vw / 12.8));
}
.people_item .people_img img {
 transition: .4s;
}


@media (hover: hover)  and (pointer: fine){
 .people_item a:where(:any-link, :enabled, summary):hover .people_img img{
  transform: scale(1.1);
 }
}



/*                         people_detail                       */


.people_detail .mv_inner {
 width: min(128rem, calc(1280vw / 12.8));
 margin: 0 auto;
 position: relative;
}

#people_detail_content {
 background-color: #fff;
}
.people_detail_content_inner {
 padding: min(5.6rem, calc(56vw / 12.8)) 0 0;
}
.people_detail_content_top {
 width: min(108rem, calc(1080vw / 12.8));
 margin: 0 auto;
 background-color: #f1eeee;
 padding: min(4rem, calc(40vw / 12.8)) min(9.6rem, calc(96vw / 12.8)) min(4rem, calc(40vw / 12.8));
 text-align: left;
 box-sizing: border-box;
}
.people_detail_content_top_ttl {
 font-size: 2.8rem;
 font-weight: 600;
 color: #b5002b;
 letter-spacing: 0.06em;
 margin-bottom: min(1.6rem, calc(16vw / 12.8));
}
.people_detail_content_top_txt {
 font-size: 1.8rem;
 font-weight: 500;
 letter-spacing: 0.08em;
 line-height: 2;
}

.people_detail_content_main {
 width: min(88.8rem, calc(888vw / 12.8));
 margin: 0 auto min(8rem, calc(80vw / 12.8));
}
.people_detail_content_main dl {
 margin-top: min(8rem, calc(80vw / 12.8));
 text-align: justify;
}
.people_detail_content_main dl:not(:first-child) {
 margin-top: min(5.6rem, calc(56vw / 12.8));
}

.people_detail_content_main dt {
 font-size: 2.8rem;
 font-weight: 600;
 letter-spacing: 0.08em;
 line-height: 1.6;
 color: #b5002b;
}
.people_detail_content_main dd {
 font-size: 1.8rem;
 font-weight: 500;
 letter-spacing: 0.08em;
 line-height: 2;
 margin-top: min(2rem, calc(20vw / 12.8));
}

.people_detail_movie {
 background-color: #f1eeee;
 padding: min(8rem, calc(80vw / 12.8)) 0;
}
.people_detail_movie_btn {
 width: min(76.8rem, calc(768vw / 12.8));
 margin: 0 auto;
}

.people_detail .back_btn {
 margin: min(10rem, calc(100vw / 12.8)) auto 0;
}




@media screen and (max-width: 767px) {
.people .page_top_ttl > div{
 width:5.2rem;
 font-size: 0;
 margin-right: 0.5rem;
}


.people_search_menu {
 flex-direction: column;
}
.people_search_menu p {
 font-size: 1.2rem;
}
.people_search {
 margin: 1.6rem 0 0;
}
.people_search_menu ul {
 width:100%;
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 margin-bottom: 1rem;
}
.people_search_menu:last-of-type ul {
	margin-bottom: 0;
}
.people_search_menu li {
 margin-right: 1rem;
}
.people_search_menu li:first-of-type {
 margin-right:1rem;
}
.people_search_menu li:nth-of-type(3) {
 margin-right:0;
}
.people_search_menu ul:first-of-type li:nth-of-type(4) button,
.people_search_menu ul:first-of-type li:nth-of-type(5) button{
 width: 12.5rem ;
}
.people_search_menu li  button{
 width:10rem;
 border:  .2rem #B5002B solid;
 border-radius:  2rem;
 font-size: 1.2rem;
 padding:  .6rem 0;
 margin-top: .7rem;
}



.people_contents {
 width: 31rem;
 margin: 0 auto ;
 padding-bottom: 7rem;
}
.people_contents::after {
 content: none;
}
.people_item {
 width:14.5rem;
 margin-top: 2.5rem;
}
.people_item:nth-of-type(1),
.people_item:nth-of-type(2) {
 margin-top: 1.5rem;
}

.people_item p {
 width:14.4rem;
 bottom: .8rem;
 left: -.7rem;
 font-size: 1.3rem;
 letter-spacing: 0.04rem;
 line-height: 1.4;
 padding:.5rem 1rem .8rem;
 text-align: justify;
}

.people_item p  span {
 font-size: 1rem;
 letter-spacing: 0;
 margin-top:.5rem;
}
.people_item .people_img  {
 border-radius: .2rem;
}







 .people_detail .mv_inner {
  width: 100%;
 }
 .mv_ttl {
  top: 5rem;
  left: 0;
 }
 .mv_ttl span {
  font-size: 1.4rem;
  padding: 0 1rem;
 }
 .mv_ttl span:first-child {
  margin-left: 0;
 }
 .mv_txt {
  top: 11.5rem;
  left: 0.5rem;
 }
 .mv_txt span {
  padding: 0 1rem;
  font-size: 1rem;
 }
 .mv_txt span:first-of-type {
  margin-left: 1rem;
 }
 .mv_txt span:last-of-type {
  font-size: 2rem;
  padding: 0 1.5rem 0.3rem;
 }

 .people_detail_content_inner {
  padding: 0 0 7rem;
 }
 .people_detail_content_top {
  width: 100%;
  padding: 2.4rem 2.8rem 2.4rem;
 }
 .people_detail_content_top_ttl {
  font-size: 1.6rem;
  margin-bottom: 1rem;
 }
 .people_detail_content_top_txt {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 2;
 }

 .people_detail_content_main {
  width: 32rem;
  margin: 0 auto 4rem;
 }
 .people_detail_content_main dl {
  margin-top: 4rem;
  text-align: justify;
 }
 .people_detail_content_main dl:not(:first-child) {
    margin-top: 2.8rem;
}

 .people_detail_content_main dt {
  font-size: 1.6rem;
 }
 .people_detail_content_main dd {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 2;
  margin-top: 1.2rem;
 }

 .people_detail_movie {
  padding: 4rem 0;
 }
 .people_detail_movie_btn {
  width: 32.2rem;
 }

 .people_detail .back_btn {
  margin: 5rem auto 0;
 }
}

.move_modal {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 height: 100dvh;
 background-color: #00000033;
 z-index: 100;
 display: none;
}
.move_modal_bg {
 position: fixed;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: -1;
}
.move_modal_inner {
 width: min(86rem, calc(860vw / 12.8));
 position: absolute;
 top: 50%;
 left: 0;
 right: 0;
 margin: 0 auto;
 transform: translateY(-50%);
 z-index: 5;
}
.close_btn {
 width: min(7rem, calc(70vw / 12.8));
 height: min(7rem, calc(70vw / 12.8));
 position: absolute;
 top: max(-7rem, calc(-70vw / 12.8));
 right: 0;
}
.close_btn::before {
 content: "";
 width: 100%;
 height: 0;
 border: min(0.2rem, calc(2vw / 12.8)) solid #fff;
 position: absolute;
 top: min(3.2rem, calc(32vw / 12.8));
 left: 0;
 right: 0;
 margin: 0 auto;
 transform: rotate(45deg);
 box-sizing: border-box;
}
.close_btn::after {
 content: "";
 width: 100%;
 height: 0;
 border: min(0.2rem, calc(2vw / 12.8)) solid #fff;
 position: absolute;
 bottom: min(3.6rem, calc(36vw / 12.8));
 left: 0;
 right: 0;
 margin: 0 auto;
 transform: rotate(-45deg);
 box-sizing: border-box;
}

.move_modal_item {
 height: min(48.4rem, calc(484vw / 12.8));
}
.move_modal #modal_move {
 border: none;
}



@media screen and (max-width: 767px) {
 .move_modal .move_modal_inner {
  width: 100%;
 }
 .move_modal_item {
  height: 21.1rem;
 }

 .close_btn {
  width: 2.5rem;
  height: 2.5rem;
  top: -2.8rem;
 }
 .close_btn::before {
  border: 0.1rem solid #fff;
  top: 1.2rem;
 }
 .close_btn::after {
  border: 0.1rem solid #fff;
  bottom: 1.1rem;
 }

}