@charset "utf-8";
body{
  width: 100%;
  background-color: #000000;
}
p{
  font-family: Iowan Old Style,serif;
}
@media screen and (min-width: 768px) {
 body{
  overflow: hidden;
 }
 body.close{
  overflow:scroll;
 }
.sp_br,.staff_image_top-tb{
  display: none !important;
  }
.top_nav{
  width: 100%;
  display: flex;
  align-items: center;
  padding: calc((16 / 1920) * 100vw) calc((47 / 1920) * 100vw) calc(( 16 / 1920) * 100vw) calc((47 / 1920) * 100vw);
  position: fixed;
  z-index: 9998;
  transition: all 0.5s ease;
  background-color: #000000;
}
.top_nav_title{
  width: calc((232 / 1920) * 100vw);
  border-right: calc((2 / 1920) * 100vw) solid #FFFFFF;
  padding: 0 calc((5 / 1920) * 100vw) 0 0;
  color: #FFFAFA;
}
.top_nav_title h1{
  /* font-family: Iowan Old Style,serif; */
  font-size: calc((30 / 1920) * 100vw);
  /* font-weight: 700; */
  line-height: calc((42 / 1920) * 100vw);

  font-family: stratos, sans-serif;
  font-weight: bold;

  /* font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  letter-spacing: 0.5em; */
}
.top_nav_title.opa h1{
  opacity: 0;
}
.top_nav_title.close h1{
  animation: h1--in 1s ;
  opacity: 1;
}
@keyframes h1--in {
  0%{ opacity: 0;}
  90%{ opacity: 0;}
  100%{ opacity: 1;}
}
/* index以外 */
.top_nav_title.closed h1{
  opacity: 1;
}

.top_nav_title p{
  font-size: calc((20 / 1920) * 100vw);
  font-weight: 700;
  line-height: calc((27 / 1920) * 100vw);
  white-space: nowrap;
  font-family: stratos, sans-serif;
  font-weight: bold;
}
.top_nav_title p:first-of-type{
  /* font-family: Iowan Old Style; */
  font-size: calc((30 / 1920) * 100vw);
  /* font-weight: 700; */
  line-height: calc((42 / 1920) * 100vw);
  /* font-family: stratos, sans-serif; */
  /* font-weight: bold; */
}

.top_navs a,
.foot_navs a,
.top_log a,
.foot_logo a{
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.top_navs a::before,
.foot_navs a::before,
.top_log a::before,
.foot_logo a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: calc((2 / 1920) * 100vw);
  background-color: #FFFAFA;
  transition: width 0.3s, left 0.3s;
}
.top_navs a:hover::before,
.foot_navs a:hover::before,
.top_log a:hover::before,
.foot_logo a:hover::before {
  width: 100%;
  left: 0;
}
.top_navs a:not(:hover)::before,
.foot_navs a:not(:hover)::before,
.top_log a:not(:hover)::before,
.foot_logo a:not(:hover)::before {
  left: 100%;
}

.top_log{
  width:calc((100 / 1920) * 100vw);
  /* height: calc((60 / 1920) * 100vw); */
  margin: 0 calc((46 / 1920) * 100vw) 0 calc((60 / 1920) * 100vw);
}
.top_log img{
  width: 100%;
  height: 100%;
}
.top_navs{
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* width: max(calc((556 / 1920) * 100vw),556px); */
  gap: calc((15 / 1920) * 100vw);
}
.top_navs p{
  color: #FFFAFA;
  font-size: max(calc((20 / 1920) * 100vw),13px);
  font-weight: 700;
  line-height: max(calc((27 / 1920) * 100vw),27px);

  font-family: stratos, sans-serif;
  font-weight: bold;
}
.head__insta{
  margin: 0 0 0 auto;
}
.head__insta img{
  width: max(calc((55 / 1920) * 100vw),50px);
  margin-left: 30px;
}
.openbtn{
  display:none;
}

/* ローディングアニメーション */
.lodding--top{
  width: 100%;
  height: 100vh;
  background-color: #000000;
  position: fixed;
  z-index: 9990;
}
.lodding--top.close{
  display: none;
}
.looding--anime{
  width: 100%;
  height: 100vh;
  position: relative;
}
.looding--anime img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(( 1000 / 1920) * 100vw);
}
.looding--anime.close img{
  animation: change-img-anim-close  ease 0.9s ;
  animation-fill-mode: forwards; /* 最後の状態を保つ */
}

@keyframes change-img-anim-close {
  0%{ top: 50%;
      left: 50%;
      opacity: 1;
    }
    95%{  top:5%;
          left: 10%;
          opacity: 1;
          transform: translate(-50%,-50%) scale(0.3);
    }
  100%{ top:5%;
        left: 10%;
        opacity: 0;
        transform: translate(-50%,-50%) scale(0.1);
      }
}



.video_section{
  height: 100%;
}
.video_section_center{
  position: relative;
  height: calc((1080 / 1920) * 100vw);
  width: 100%;
}
.video_overlap{
  transform: matrix(1, -0.03, 0, 1, 0, 0);
  position: absolute;
}
.video_overlap1{
  z-index: 3;
  top: calc((260 / 1920) * 100vw);
  right: calc((314 / 1920) * 100vw);
  opacity: 1;
  animation: slide 12s ease 2s infinite;
}
@keyframes slide {
  0%{
    z-index: 3;
    top: calc((260 / 1920) * 100vw);
    right: calc((314 / 1920) * 100vw);
    opacity: 1;
  }
  25%{
    z-index: 3;
    top: calc((300 / 1920) * 100vw);
    right: calc((600 / 1920) * 100vw);
    opacity: 0;
  }
  30%{
    z-index: 1;
    top: calc((150 / 1920) * 100vw);
  right: calc((180 / 1920) * 100vw);
    opacity: 0;
  }
  50%{
    z-index: 1;
    top: calc((170 / 1920) * 100vw);
    right: calc((196 / 1920) * 100vw);
    opacity: 0.3;
  }
  75%{
    z-index: 2;
    top: calc((207 / 1920) * 100vw);
    right: calc((248 / 1920) * 100vw);
    opacity: 0.4;
  }
  100%{
    z-index: 3;
    top: calc((260 / 1920) * 100vw);
    right: calc((314 / 1920) * 100vw);
    opacity: 1;
  }
}
.video_overlap2{
  z-index: 2;
  top: calc((207 / 1920) * 100vw);
  right: calc((248 / 1920) * 100vw);
  opacity: 0.4;/* 初期糖度 */
  animation: slide2 12s ease 3s infinite;
}
@keyframes slide2 {
  0%{
    z-index: 2;
    top: calc((207 / 1920) * 100vw);
    right: calc((248 / 1920) * 100vw);
    opacity: 0.4;
  }
  25%{
    z-index: 3;
    top: calc((260 / 1920) * 100vw);
    right: calc((314 / 1920) * 100vw);
    opacity: 1;
  }
  50%{
    z-index: 3;
    top: calc((300 / 1920) * 100vw);
    right: calc((600 / 1920) * 100vw);
    opacity: 0;
  }
  55%{
    z-index: 1;
    top: calc((150 / 1920) * 100vw);
    right: calc((180 / 1920) * 100vw);
    opacity: 0;
  }
  75%{
    z-index: 1;
    top: calc((170 / 1920) * 100vw);
    right: calc((196 / 1920) * 100vw);
    opacity: 0.3;
  }
  100%{
    z-index: 2;
    top: calc((207 / 1920) * 100vw);
    right: calc((248 / 1920) * 100vw);
    opacity: 0.4;
  }
}
.video_overlap3{
  z-index: 1;
  top: calc((170 / 1920) * 100vw);
  right: calc((196 / 1920) * 100vw);
  opacity: 0.3;/* 初期糖度 */
  animation: slide3 12s ease 4s infinite;
}
@keyframes slide3 {
  0%{
    z-index: 1;
    top: calc((170 / 1920) * 100vw);
    right: calc((196 / 1920) * 100vw);
    opacity: 0.3;
  }
  25%{
    z-index: 2;
    top: calc((207 / 1920) * 100vw);
    right: calc((248 / 1920) * 100vw);
    opacity: 0.4;
  }
  50%{
    z-index: 3;
    top: calc((260 / 1920) * 100vw);
    right: calc((314 / 1920) * 100vw);
    opacity: 1;
  }
  75%{
    z-index: 3;
    top: calc((300 / 1920) * 100vw);
    right: calc((600 / 1920) * 100vw);
    opacity: 0;
  }
  80%{
    z-index: 1;
    top: calc((150 / 1920) * 100vw);
    right: calc((180 / 1920) * 100vw);
    opacity: 0;
  }
  100%{
    z-index: 1;
    top: calc((170 / 1920) * 100vw);
    right: calc((196 / 1920) * 100vw);
    opacity: 0.3;
  }
}
.video-contents,.spreflect{
  width: calc((1240 / 1920) * 100vw);
  height: calc((700 / 1920) * 100vw);
}
.video-contents video ,.spreflect video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.spreflect {
  transform: scale(1, -1);
  position: relative;
  height: calc((140 / 1920) * 100vw);
  opacity: 0.3;
}
.spreflect::before {
  content: "";
  width: 100%;      
  height: 100%;       
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: bottom;
}
.video_section_text{
  width: calc((876 / 1920) * 100vw);
  height: fit-content;
  position: absolute;
  z-index: 10;
  top: 0;
  left: calc((151 / 1920) * 100vw);
  padding: calc((435 / 1920) * 100vw) 0 0 0;
}
.video_section_text-top p{
  color: #FFFAFA;
  font-family: Iowan Old Style;
  font-size: calc((70 / 1920) * 100vw);
  font-weight: 700;
  line-height: calc((71 / 1920) * 100vw);
  }
.video_section_text-bottom{
  margin: calc((83 / 1920) * 100vw) calc((180 / 1920) * 100vw) 0 auto; 
  width: calc((363 / 1920) * 100vw);
}
.video_section_text-bottom p{
  color: #FFFAFA;
  font-family: Iowan Old Style;
  font-size: calc((50 / 1920) * 100vw);
  font-weight: 700;
  line-height: calc((55 / 1920) * 100vw);
}
.video_section_text-bottom p:last-of-type{
  text-align: right;
}
.second_text_area{
  padding: calc((255 / 1920) * 100vw) 0 calc((209 / 1920) * 100vw);
  display: flex;
  justify-content: center;
}
.second_text{
  width: calc((1462 / 1920) * 100vw);
  text-align: center;
}
.second_text p,.second_text_span span{
  font-family: Iowan Old Style,serif;
  font-size: max(calc((30 / 1920) * 100vw),20px);
  line-height: max(calc((36 / 1920) * 100vw),26px);
  color: #FFFAFA;
  font-weight: 400;
}
.second_text_span span,.second_text-contents p span{
  font-family: YuMincho ,serif;
}
.second_text_span{
  margin: calc((140 / 1920) * 100vw) auto;
}
.second_text-flex{
  display: flex;
  justify-content: space-between;
  margin-top: calc((140 / 1920) * 100vw);
}
.second_text-contents{
  width: fit-content;
}
.second_text-contents p{
  font-size: max(calc((40 / 1920) * 100vw),19px);
  font-weight: 400;
  line-height: max(calc((48 / 1920) * 100vw),20px);
  color: #FFFAFA;
}
.second_text-br{
  border-top: solid calc((1 / 1920) * 100vw) rgba(255, 255, 255, 1);
}

.buniess_section{
  padding: calc((60 / 1920) * 100vw) calc((150 / 1920) * 100vw) calc(( 100 / 1920) * 100vw);
  /* height: calc((711 / 1920) * 100vw); */
  /* margin-bottom: max(calc((200 / 1920) * 100vw),200px); */
  background-color: rgba(217, 217, 217, 1);
}
.buniess_section_title{
  position: relative;
  z-index: 3;
}
.buniess_section_title p{
  color: rgba(0, 0, 0, 1);
  font-size: max(calc((70 / 1920) * 100vw), 40px);
  font-weight: 700;
  line-height: max(calc((84 / 1920) * 100vw), 54px);
}
.buniess_contents{
  display: flex;
  margin-top: calc((40 / 1920) * 100vw);
}
.buniess_img{
  width: calc((1205 / 1920) * 100vw);
  height: calc((524 / 1920) * 100vw);
  margin: auto;
  position: relative;
}
.buniess_img ,.canpany_img,.contact_recurite_img,.various_top,.various_right,.various_left{
  overflow: hidden;
}
.buniess_img img ,.canpany_img img,.contact_recurite_img img,.various_top img,.various_right img,.various_left img{
  width: inherit;
  height: inherit;
  filter: brightness(40%);
  transition: transform 0.8s, filter 0.5s  ease-in-out;
}
.buniess_img:hover img,
.canpany_img:hover img,
.contact_recurite_img:hover img,
.various_top:hover img,
.various_right:hover img,
.various_left:hover img{
  transform: scale(1.1);
  filter: unset;
}

.img_text{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: fit-content;
  width: fit-content;
  margin: auto;
  text-align: center;
}
.frame-flex{
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: auto;
  width: 100%;
}
.frame-flex_text{
  margin: calc((50 / 1920) * 100vw) auto  min(calc((80 / 1920) * 100vw),80px);
}
.frame-flex_text2{
  margin: calc((40 / 1920) * 100vw) auto max(calc((40 / 1920) * 100vw),20px);
}

.square_frame{
  width: calc((60 / 1920) * 100vw);
  height: calc((60 / 1920) * 100vw);
  border: solid calc((2 / 1920) * 100vw) #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-45deg);
  margin: 0 auto;
}
.square_frame p{
  color: #FFFAFA;
  transform: rotate(45deg);
  font-size: calc((20 / 1920) * 100vw);
  font-weight: 700;
  line-height: calc((42 / 1920) * 100vw);  
}
.square_br{
  width: calc((2 / 1920) * 100vw);
  height: calc((15 / 1920) * 100vw);
  border-right: solid calc((2 / 1920) * 100vw) #FFFFFF;
  margin: calc((2 / 1920) * 100vw) auto;
}
.scale{
  width: calc((190 / 1920) * 100vw);
  border-bottom: solid calc((2 / 1920) * 100vw) #FFFFFF;
}
.scale-2{
  width: 100%;
}
.scale_position{
  width: calc((2 / 1920) * 100vw);
  height: calc((15 / 1920) * 100vw);
  border-right: solid calc((2 / 1920) * 100vw) #FFFFFF;
}
.business_type{
  color: #FFFAFA;
  margin-top: calc((50 / 1920) * 100vw);
  font-size: max(calc((30 / 1920) * 100vw),25px);
  font-weight: 700;
  line-height: max(calc((42 / 1920) * 100vw),35px);
}
.business_type2{
  margin-top: calc((10 / 1920) * 100vw);
}

.business_text_sub{
  color: #FFFAFA;
  font-size: max(calc((16 / 1920) * 100vw),16px);
  font-weight: 700;
  line-height: calc((42 / 1920) * 100vw);
}
.view_btn p{
  color: #FFFAFA;
  border: calc((1 / 1920) * 100vw) solid #FFFFFF;
  width: calc((340 / 1920) * 100vw);
  margin: auto;
  font-size: calc((30 / 1920) * 100vw);
  font-weight: 700;
  line-height: calc((42 / 1920) * 100vw);  
  padding: calc((4 / 1920) * 100vw) 0;
}

.canpany_section{
  display: flex;
  justify-content: center;
  padding: calc((100 / 1920) * 100vw) 0  calc(( 100 / 1920) * 100vw);
  background: #FFF;
}
.canpany_img{
  width: calc((1200 / 1920) * 100vw);
  height: calc((520 / 1920) * 100vw);
  position: relative;
}
.contact_recurite_section{
  display: flex;
}
.contact_recurite{
  display: flex;
  justify-content: center;
  width: 50%;
  padding: calc((100 / 1920) * 100vw) 0 calc((100 / 1920) * 100vw);
  background-color: #313030;
}
.contact_recurite-color{
  background-color: #4B4B4B;
}
.contact_recurite_img{
  width: calc((670 / 1920) * 100vw);
  height: calc((460 / 1920) * 100vw);
  position: relative;
}
.contact_recurite_text{
  margin: calc((146 / 1920) * 100vw) auto 0;
  width: calc((641 / 1920) * 100vw);
}
.contact_recurite_text p{
  color: #FFFAFA;
  font-size: calc((30 / 1920) * 100vw);
  font-weight: 400;
  line-height: calc((36 / 1920) * 100vw);  
}
.wingrow_name{
  padding: calc((60 / 1920) * 100vw) 0;
  text-align: center;
}
.wingrow_name p{
  color: #FFFFFF;
  opacity: 0.2;
  font-size: calc((280 / 1920) * 100vw);
  font-weight: 700;
  line-height: calc((336 / 1920) * 100vw);
  font-family: stratos, sans-serif;
  font-weight: bold;
}
.foot_nav{
  padding: calc((57 / 1920) * 100vw) calc((20 / 1920) * 100vw);
  background-color: rgba(0, 0, 0, 1);
}
.foot_nav-flex{
  display: flex;
  justify-content: center;
  /* margin-right: calc((95 / 1920) * 100vw); */
}
.foot_logo{
  width: calc((149 / 1920) * 100vw);
  /* height: calc((60 / 1920) * 100vw); */
}
.foot_logo img{
  width: 100%;
  height: 100%;
}
.foot_navs{
  width: 569px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 5px 45px;
}
.foot_navs p{
  color: #FFFAFA;
  font-size: max(calc((20 / 1920) * 100vw),20px);
  font-weight: 700;
  line-height: max(calc((27 / 1920) * 100vw),27px);
}
.foot_contents{
  margin-top: calc((76 / 1920) * 100vw);
  display: flex;
  justify-content: center;
  gap: calc((50 / 1920) * 100vw);
}
.foot_address{
  width: fit-content;
}
.foot_address p{
  color: #FFFAFA;
  font-size: max(calc((20 / 1920) * 100vw),20px);
  font-weight: 100;
  line-height: max(calc((42 / 1920) * 100vw),42px);
}
.foot_address p:nth-child(n+2){
  color: #FFFAFA;
  font-weight: 100;
  font-size: max(calc((16 / 1920) * 100vw),12px);
  line-height:max(calc((22 / 1920) * 100vw),22px);
  white-space: nowrap;
  font-feature-settings: "palt";
}
/* asuka担当 asuka担当 asuka担当 asuka担当 asuka担当 asuka担当 asuka担当 asuka担当 asuka担当 */
.main {
  color: #fffafa;
  font-family: YuMincho;
  padding-top: calc((155 / 1920) * 100vw);
}
.main-2{
  padding: 0;
}
.main img {
  width: 100%;
}
/*---company_top---*/
.company_top {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("/imag/company1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center,center;
  height: 100vh;
  position: relative;
}
.company_top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#2D2624A6;
  ;
}
.company_inr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
}
.company_title {
  margin: auto;
  border-bottom: 1px solid #fffafa;
  padding-bottom: max(calc((33 / 1920) * 100vw),33px);
  width: max(calc((695 / 1920) * 100vw),695px);
  text-align: center;
}
.company_title span{
  font-size: max(calc((70 / 1920) * 100vw),40px);
  line-height: max(calc((55 / 1920) * 100vw),55px);
  font-weight: bold;
}
.company_text {
  width: fit-content;
  margin: max(calc((20 / 1920) * 100vw),20px) auto 0;
  text-align: left;
}
.company_text .company_text_en{
  width: max(calc(( 170 / 1920) * 100vw),170px);
  display: inline-block;
  font-size: max(calc((30 / 1920) * 100vw),30px);
  line-height: max(calc((55 / 1920) * 100vw),55px);
}
.company_text .company_text_ja{
  font-family: YuMincho ,serif;
  font-size: max(calc((30 / 1920) * 100vw),30px);
  line-height: max(calc((55 / 1920) * 100vw),55px);
}

/*---vision---*/
.vision_content{
  overflow: hidden;
  padding: calc(( 100 / 1920) * 100vw) 0 0;
}
.vision,.mission {
  display: flex;
  justify-content: center;
  text-align: left;
  align-items: center;
}
.mission_text_box {
  margin-top: calc((125/ 1920) * 100vw);
  margin-left: calc((49/ 1920) * 100vw);
  text-align: left;
}
.vision_title,.mission_title {
  font-size: max(calc((60 / 1920) * 100vw),40px);
  font-weight: bold;
  border-bottom: 1px solid #fffafa;
  padding-bottom: max(calc((33 / 1920) * 100vw),33px);
}
.vision_text,.mission_text {
  font-family: YuMincho ,serif;
  width: max(calc((620 / 1920) * 100vw),300px);
  font-size: max(calc((25 / 1920) * 100vw),16px);
  line-height: max(calc((40 / 1920) * 100vw),25px);
  margin-top: max(calc((20/ 1920) * 100vw),20px);
  white-space: nowrap;
}
.vision-img {
  width: calc((636 / 1920) * 100vw);
  margin-top: calc((100/ 1920) * 100vw);
  margin-left: calc((47/ 1920) * 100vw);
  z-index: -1;
  overflow: hidden;
}
.vision-img img{
  width: inherit;
  height: inherit;
  display: block;
}
.mission-img {
  width: calc((700 / 1920) * 100vw);
  margin-top: calc((-50/ 1920) * 100vw);
  z-index: -1;
  overflow: hidden;
}
.mission-img img{
  width: inherit;
  height: inherit;
}


/*---style---*/
.style_content{
  background-image: url("/imag/company4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: calc((200 / 1920) * 100vw);
  padding-bottom: calc(( 10 / 1920) * 100vw);
}
.style_content p {
  font-size: max(calc((60 / 1920) * 100vw),40px);
  font-weight: bold;
  padding-top: calc((200/ 1920) * 100vw);
  margin-left: calc((424/ 1920) * 100vw);
  border-bottom: 1px solid #fffafa;
  padding-bottom: max(calc((33 / 1920) * 100vw),33px);
  width: calc((1091 / 1920) * 100vw);
}
.style_content ul {
  margin: max(calc((20/ 1920) * 100vw),20px) 0 calc((100/ 1920) * 100vw) calc((424/ 1920) * 100vw);
}
.style_content ul li {
  font-family: Iowan Old Style,serif;
}
.style_content ul li span{
  font-size: max(calc((35 / 1920) * 100vw),25px);
  line-height: max(calc((90 / 1920) * 100vw),42px);
}
.style_content ul li span:nth-of-type(1){
  width: max(30% ,250px);
  display: inline-block;
}

/*---中間画像部分---*/
.sub_box {
  background-image: url("/imag/company4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: calc((980 / 1920) * 100vw);
}
.sub_box_inr {
width: fit-content;
height: fit-content;
margin: auto;
}
.sub_box p {
  position: absolute;
}
.sub_box_title {
  font-size: max(calc((45 / 1920) * 100vw),25px);
  top: calc(( 341/ 1920) * 100vw);
  left: calc(( 539/ 1920) * 100vw);
}
.sub_box_vision {
  font-size: max(calc((60 / 1920) * 100vw),30px);
  top: calc(( 515/ 1920) * 100vw);
  left: calc(( 857/ 1920) * 100vw);
  border-bottom: 1px solid #fffafa;
  padding-bottom: calc((33 / 1920) * 100vw);
}
.sub_box_text {
  width: max(calc((1615 / 1920) * 100vw),500px);
  font-size: max(calc((30 / 1920) * 100vw),16px);
  line-height: max(calc((40 / 1920) * 100vw),20px);
  top: calc(( 645/ 1920) * 100vw);
  left: calc((152 / 1920) * 100vw);
}

/*---outline---*/
.outline_content {
  position: relative;
  padding: 0 0 calc(( 200 / 1920) * 100vw);
}
.outline_content p {
  font-size: max(calc((60 / 1920) * 100vw),25px);
  font-weight: bold;
  padding-top: calc((226/ 1920) * 100vw);
  margin-left: calc((410/ 1920) * 100vw);
  border-bottom: 1px solid #fffafa;
  padding-bottom: max(calc((33 / 1920) * 100vw),33px);
  width: calc((1091 / 1920) * 100vw);
}
.outline_text{
  margin: max(calc((20 / 1920) * 100vw),20px) 0 calc(( 90 / 1280) * 100vw);
}
.outline_text p{
  color: #FFF;
  font-size: max(calc(( 30 / 1920) * 100vw),18px);
  font-weight: 600;
  line-height: max(calc(( 60 / 1920) * 100vw),30px);
  padding-top: unset;
  margin-left: calc((410/ 1920) * 100vw);
  border-bottom: unset;
  padding-bottom: unset;
  width: unset;
}

.outline_content-img {
  position: absolute;
  width: calc((400 / 1920) * 100vw);
  top: calc(( 400/ 1920) * 100vw);
  left: calc(( 1244/ 1920) * 100vw);
}
.outline_content-img img {
  width: inherit;
  height: inherit;
  filter: contrast(0.5);
}
/*----business----*/
.business_top {
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-image: url("/imag/Rectangle299.png"); */
  background-image: url("/imag/Rectangle29.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center,center;
  height: 100vh;
  position: relative;
}
.business_title {
  margin: auto;
  border-bottom: 1px solid #fffafa;
  padding-bottom: max(calc((33 / 1920) * 100vw),33px);
  width: max(calc((479 / 1920) * 100vw),479px);
  text-align: center;
}
.business_title span{
  font-size: max(calc((70 / 1920) * 100vw),70px);
  line-height: max(calc((70 / 1920) * 100vw),70px);
  font-weight: bold;
}
.business_text {
  width: max(calc((746 / 1920) * 100vw),746px);
  font-size: max(calc((30 / 1920) * 100vw),30px);
  line-height: max(calc((55 / 1920) * 100vw),55px);
  margin-top: max(calc((20 / 1920) * 100vw),20px);
  text-align: center;
}
.content_one , .content_two ,.content_five ,.content_six {
  display: flex;
  height: calc((1080 / 1920) * 100vw);
}
.content_one_inr,.content_two_inr ,.content_five_inr,.content_six_inr {
  margin: auto;
}
.content_five_inr{
  margin-left: calc((288 / 1920) * 100vw);
  z-index: 1;
}
.content_six_inr{
  margin-right: calc((288 / 1920) * 100vw);
}
.content_one_inr{
  margin: calc((-10 / 1920) * 100vw) auto 0;
}
/* .content_two_inr {
} */
.content_one-img ,.content_five-img {
  width: calc((1058 / 1920) * 100vw);
  height: calc((920 / 1920) * 100vw);
  margin: auto;
  overflow: hidden;
}

.content_five-img {
  margin-right: calc((-500 / 1920) * 100vw);
}
.content_one_title span ,.content_five_title span {
  font-size: max(calc((84 / 1920) * 100vw),30px);
  font-weight: bold;
  line-height: max(calc((100 / 1920) * 100vw),50px);
}
.content_one_text ,.content_five_text {
  font-size: max(calc((35 / 1920) * 100vw),20px);
  line-height: max(calc((42 / 1920) * 100vw),30px);
  width: max(calc((619 / 1920) * 100vw),300px);
  margin-top: calc((50 / 1920) * 100vw);
}
.content_two-img {
  width: calc(( 1008 / 1920) * 100vw);
  margin: auto 0;
  overflow: hidden;
  padding: 20px;
}
.content_six-img {
  width: calc(( 1160 / 1920) * 100vw);
  margin-left: calc(( -700 / 1920) * 100vw);
}
.content_two_title ,.content_six_title{
  font-size: max(calc((84 / 1920) * 100vw),30px);
  font-weight: bold;
  line-height: max(calc((100 / 1920) * 100vw),50px);
}
.content_two_text ,.content_six_text{
  font-size: max(calc((35 / 1920) * 100vw),20px);
  line-height: max(calc((42 / 1920) * 100vw),30px);
  width: max(calc((619 / 1920) * 100vw),300px);
  margin-top: calc((50 / 1920) * 100vw);
}
.content_three , .content_four ,.content_seven {
  position: relative;
  height: calc((1080 / 1920) * 100vw);
}
.content_three_inr{
  width: fit-content;
  margin-left: calc((-900 / 1920) * 100vw);
}
.content_four_inr{
  width: fit-content;
  margin-left: calc((900 / 1920) * 100vw);
}
.content_three img {
  position: absolute;
  width: calc((1770 / 1920) * 100vw);
  top: calc((86 / 1920) * 100vw);
  left: calc((75 / 1920) * 100vw);
}
.content_three_title {
  position: absolute;
  top: 50%;
  left: calc((288 / 1920) * 100vw);
}
.content_three_title span{
  font-size: max(calc((84 / 1920) * 100vw),30px);
  line-height: max(calc((100 / 1920) * 100vw),50px);
}
.content_three_text {
  position: absolute;
  font-size: max(calc((35 / 1920) * 100vw),20px);
  line-height: max(calc((42 / 1920) * 100vw),30px);
  top: calc((555/ 1920) * 100vw);
  left: calc((288 / 1920) * 100vw);
  width: max(calc((619 / 1920) * 100vw),300px);
  margin-top: calc((50 / 1920) * 100vw);
}
.content_four img {
  position: absolute;
  top: calc((86 / 1920) * 100vw);
}
.content_four_title {
  position: absolute;
  top: calc((460 / 1920) * 100vw);
  left: calc((1075 / 1920) * 100vw);
}
.content_four_title span{
  font-size: max(calc((84 / 1920) * 100vw),30px);
  font-weight: bold;
  line-height: max(calc((100 / 1920) * 100vw),50px);
}
.content_four_text {
  position: absolute;
  font-size: max(calc((35 / 1920) * 100vw),20px);
  line-height: max(calc((42 / 1920) * 100vw),30px);
  top: calc((555/ 1920) * 100vw);
  left: calc((1075 / 1920) * 100vw);
  width: max(calc((619 / 1920) * 100vw),300px);
  margin-top: calc((50 / 1920) * 100vw);
}
.content_seven-img {
  position: absolute;
  width: calc((1237 / 1920) * 100vw);
  top: calc((10 / 1920) * 100vw);
  right: calc((-800 / 1920) * 100vw);
}
.content_seven_title {
  position: absolute;
  font-size: max(calc((84 / 1920) * 100vw),30px);
  font-weight: bold;
  line-height: max(calc((100 / 1920) * 100vw),50px);
  top: calc((460 / 1920) * 100vw);
  left: calc((288 / 1920) * 100vw);
  z-index: 2;
}
.content_seven_text {
  position: absolute;
  font-size: max(calc((35 / 1920) * 100vw),20px);
  line-height: max(calc((42 / 1920) * 100vw),30px);
  top: calc((555/ 1920) * 100vw);
  left: calc((288 / 1920) * 100vw);
  width: max(calc((619 / 1920) * 100vw),300px);
  z-index: 2;
  margin-top: calc((50 / 1920) * 100vw);
}
/*---recurite---*/
.recurite_top {
  padding: calc((155 / 1920) * 100vw) 0  calc((0 / 1920) * 100vw);
  background-color: #000000;
}
.recurite_inr {
  background-image: url("/imag/recruit_top.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center,center;
  height: 100vh;
  width: calc((1770 / 1920) * 100vw);
  margin: 0 auto;
  position: relative;
}
.recurite_inr-position{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  text-align: center;
}
.recurite_title {
  width:  max(calc((479 / 1920) * 100vw),479px);
  border-bottom: 1px solid #fffafa;
  padding-bottom: max(calc((33 / 1920) * 100vw),33px);
  margin: auto;
}
.recurite_title span{
  font-family: Iowan Old Style,serif;
  font-size: max(calc((70 / 1920) * 100vw),70px);
  font-weight: bold;
  line-height: max(calc((70 / 1920) * 100vw),55px);
}
.recurite_text {
  width:  max(calc((542 / 1920) * 100vw),542px);
  margin: 100px auto 0;
  font-size: max(calc((30 / 1920) * 100vw),30px);
  line-height: max(calc((55 / 1920) * 100vw),55px);
  text-align: center;
}

.work_content {
  background-color: #000000;
  padding: calc((0 / 1920) * 100vw) 0 calc((200 / 1920) * 100vw);
}

.work_text-all{
  background-image: url("/imag/recruit_content1_bk.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: calc(( 500 / 1920) * 100vw) 0;
  position: relative;
}
.work_text-all::before{
  content: "";
  width: 100%;
  height: 100%;
  background-color: #2D2624B2;
  position: absolute;
  left: 0;
  top: 0;
}

.work_text {
  font-family: YuMincho ,serif;
  font-size: max(calc((30 / 1920) * 100vw),25px);
  line-height: max(calc((60 / 1920) * 100vw),50px);
  font-weight: 600;
  text-align: center;
}

.recurite_list {
  background-color: #000000;
  /* padding: calc((250/ 1920) * 100vw) 0 calc((200/ 1920) * 100vw); */
}

button {
  display: block;
  cursor: pointer;
  border: 1px solid #fffafa;
  width: max(calc((267 / 1920) * 100vw),267px);
  height: max(calc((79 / 1920) * 100vw),79px);
  margin: 0 auto 0;
}
button a{
  font-family: Iowan Old Style,serif;
  color: #fffafa;
  font-size: max(calc((25 / 1920) * 100vw),25px);
  line-height: max(calc((42 / 1920) * 100vw),42px);
}
/* asuka担当end asuka担当end asuka担当end asuka担当end asuka担当end asuka担当end asuka担当end asuka担当end */

/* tero担当 */
/* お問い合わせページ */
.contact_top{
  padding: calc((502 / 1920) * 100vw) 0 calc((163 / 1920) * 100vw);
  display: flex;
  justify-content: center;
}
.contact_text{
  text-align: center;
}
.contact_text{
  text-align: center;
}
.contact_text p:first-child{
  font-size: max(calc((70 / 1920) * 100vw),70px);
  font-weight: 700;
  line-height: max(calc((70 / 1920) * 100vw),70px);
  padding-bottom: max(calc((33 / 1920) * 100vw),33px);
}
.contact_br{
  width: max(calc((479 / 1920) * 100vw),479px);
  border-top: calc((1 / 1920) * 100vw) solid rgba(255, 255, 255, 1);
  margin: max(calc((0 / 1920) * 100vw),0px) auto max(calc((0 / 1920) * 100vw),0px);
}
.contact_text p{
  font-size: max(calc((25 / 1920) * 100vw),25px);
  font-weight: 100;
  line-height: max(calc((42 / 1920) * 100vw),42px);  
  color: rgba(255, 255, 255, 1);
}
.contact_text p:last-of-type{
  font-family: YuMincho,serif
}
.contact_form{
  display: flex;
  justify-content: center;
  padding: calc((188 / 1920) * 100vw) 20px calc((200 / 1920) * 100vw);
}
.contact{
  width: max(calc((1039 / 1920) * 100vw),768px);
}
.contact-table {
  width: 100%;
  border-collapse:collapse;
}
tr{
  border-bottom: solid calc((1 / 1920) * 100vw) rgba(255, 255, 255, 0.7);
}
.contact-item{
  width: 38%;
  text-align: left;
  padding: calc((60 / 1920) * 100vw) 0 calc((60 / 1920) * 100vw) calc((60 / 1920) * 100vw);
  vertical-align: middle;
}
.contact-item p{
  font-family: YuMincho ,serif;
  font-size: max(calc((25 / 1920) * 100vw),25px);
  font-weight: 400;
  line-height: max(calc((42 / 1920) * 100vw),42px);
  color: rgba(255, 255, 255, 1);
}
.contact-body {
  width: 100%;
  overflow-wrap: anywhere;
	word-break: keep-all;
  padding: calc((80 / 1920) * 100vw) 0 calc((60 / 1920) * 100vw);
}
.contact-body2{
  padding: calc((60 / 1920) * 100vw) 0;
}
.contact-item_kinds{
  padding: 0 0 0 calc((60 / 1920) * 100vw);
  vertical-align: top;
}
.contact-body_kinds{
  padding: 0 0 calc((38 / 1920) * 100vw) 0;
}
.form-select,.form-text{
  width: 70%;
  height: max(calc((60 / 1920) * 100vw),60px);
  background-color: transparent;
  border: none;
  vertical-align: middle;
  font-family: Iowan Old Style;
  font-size: max(calc((20 / 1920) * 100vw),20px);
  font-weight: 400;
  line-height: max(calc((42 / 1920) * 100vw),42px);
  color: rgba(255, 255, 255, 1);
}
.radiobutton span {
	padding: 0 0 0 max(calc((25 / 1920) * 100vw),25px);	/* ラベルの位置 */
	display: inline-block;
	position: relative;
  cursor: pointer;
  font-family: YuMincho ,serif;
  font-size: max(calc((20 / 1920) * 100vw),20px);
  font-weight: 400;
  line-height: max(calc((42 / 1920) * 100vw),42px);/* ボタンのサイズに合わせる */
  color: rgba(255, 255, 255, 1);
}
.radiobutton span:before {
	content: '';
	width: max(calc((14 / 1920) * 100vw),14px);		/* ボタンの横幅 */
	height: max(calc((14 / 1920) * 100vw),14px);		/* ボタンの縦幅 */
	position: absolute;
	top: 0;
  bottom: 0;
	left: 0;
  margin: auto;
	background-color: rgba(0, 0, 0, 1);
  border: solid max(calc((1 / 1920) * 100vw),1px) rgba(255, 255, 255, 1);
	border-radius: 50%;
}
.radiobutton input[type="radio"] {
	display: none;
}
.radiobutton input[type="radio"]:checked + span:after {
	content: '';
	width: max(calc((10 / 1920) * 100vw),10px);		/* マークの横幅 */
	height: max(calc((10 / 1920) * 100vw),10px);		/* マークの縦幅 */
	position: absolute;
	top: 0;
  bottom: 0;
  margin: auto;
	left: max(calc((3 / 1920) * 100vw),3px);
	background-color: #fff;
	border-radius: 50%;
}
.form-text,.form-textarea{
  width: 100%;
  font-family: YuMincho ,serif;
}
.form-textarea{
  padding-top: calc((10 / 1920) * 100vw);
  height: max(calc((400 / 1920) * 100vw),400px);
  resize: none;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(0, 0, 0, 1);
  font-size: max(calc((20 / 1920) * 100vw),20px);
  font-weight: 400;
  line-height: max(calc((42 / 1920) * 100vw),42px);
}
.form_privacy-text{
  margin: calc((60 / 1920) * 100vw);
}
.form_privacy-text p{
  font-size: max(calc((25 / 1920) * 100vw),25px);
  font-weight: 400;
  line-height: max(calc((42 / 1920) * 100vw),42px);
  color: rgba(255, 255, 255, 1);
  font-family: YuMincho ,serif;
}
.privacy_policy_text_area{
  width: 100% ;
  height: max(calc((228 / 1920) * 100vw),228px);
  border: calc((1 / 1920) * 100vw) solid rgba(255, 255, 255, 1);
  padding: max(calc((20 / 1920) * 100vw),20px) max(calc((30 / 1920) * 100vw),30px);
  overflow: scroll;
  margin-bottom: max(calc((24 / 1920) * 100vw),24px);
}
.privacy_policy_text_area p{
  font-size: max(calc((16 / 1920) * 100vw),16px);
  font-weight: 900;
  line-height: max(calc((24 / 1920) * 100vw),24px);
  color: rgba(255, 255, 255, 1);
  font-family: YuMincho ,serif;
  padding-left: 1em;
  text-indent: -1em;
  font-feature-settings: "palt";
}

.checkbox_area .checkbox_label {
  display: inline-block;
  vertical-align: middle;
}
.checkbox_area{
  position: relative;
  display: block;
  word-break: break-all;
  width: fit-content;
  margin: 0 auto max(calc((129 / 1920) * 100vw),129px);
  cursor: pointer;
}
.checkbox_area input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.checkbox_area input[type="checkbox"] + span{
  position: relative;
  padding: 0 0 0 max(calc((45 / 1920) * 100vw),45px);
  font-family: YuMincho ,serif;
}
.checkbox_area input[type="checkbox"] + span::before {
  z-index: 0;
  background-color: transparent;
  width: max(calc((28 / 1920) * 100vw),28px);
  height:  max(calc((28 / 1920) * 100vw),28px);
  border:  max(calc((2 / 1920) * 100vw),2px) #ffffff solid;
  border-radius:  max(calc((5 / 1920) * 100vw),5px);
}
.checkbox_area input[type="checkbox"] + span::before, .checkbox_area input[type="checkbox"] + span::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
.checkbox_area input[type="checkbox"]:checked + span::after {
  border:  max(calc((5 / 1920) * 100vw),5px) solid rgba(255, 255, 255, 1);
  border-width: 0  max(calc((5 / 1920) * 100vw),5px)  max(calc((5 / 1920) * 100vw),5px) 0;
  transform: rotate(45deg);
}
.checkbox_area input[type="checkbox"] + span::after {
  z-index: 1;
  margin:  max(calc((-9 / 1920) * 100vw),-9px)  max(calc((10 / 1920) * 100vw),10px);
  width:  max(calc((16 / 1920) * 100vw),16px);
  height:  max(calc((27 / 1920) * 100vw),27px);
}
.checkbox_area input[type="checkbox"] + span::before, .checkbox_area input[type="checkbox"] + span::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
.checkbox_area span{
  font-family: Iowan Old Style;
  font-size:  max(calc((20 / 1920) * 100vw),20px);
  font-weight: 400;
  line-height:  max(calc((42 / 1920) * 100vw),42px);
  color: rgba(255, 255, 255, 1);
}
.button{
  display: block;
  margin: 0 auto;
  border-radius:  max(calc((2 / 1920) * 100vw),2px);
  width:  max(calc((267 / 1920) * 100vw),267px);
  height:  max(calc((79 / 1920) * 100vw),79px);
  border: calc((1 / 1920) * 100vw) solid rgba(255, 255, 255, 1);
  background-color: rgba(0, 0, 0, 1);
  font-family: Iowan Old Style;
  font-size:  max(calc((25 / 1920) * 100vw),25px);
  font-weight: 400;
  line-height:  max(calc((42 / 1920) * 100vw),42px);  
  cursor: pointer;
  color:rgba(255, 255, 255, 1);
  font-family: YuMincho ,serif;
}
/* 確認 */
.contact-body-box{
  width: 100%;
  overflow-wrap: anywhere;
  word-break: keep-all;
  padding: calc((68 / 1920) * 100vw) 0 calc((60 / 1920) * 100vw);
}
.contact-body-text{
  font-family: YuMincho ,serif;
  font-size: max(calc((20 / 1920) * 100vw),20px);
  font-weight: 400;
  line-height: max(calc((42 / 1920) * 100vw),42px);
  color: #FFFAFA;
  vertical-align: middle;
}
.form_privacy-text_ev{
  margin: calc((81 / 1920) * 100vw) 0 max(calc((116 / 1920) * 100vw),116px) calc((81 / 1920) * 100vw);
  display: flex;
}
.form_privacy-text_ev p{
  font-size: max(calc((25 / 1920) * 100vw),25px);
  font-weight: 400;
  line-height: max(calc((42 / 1920) * 100vw),42px);
  color: rgba(255, 255, 255, 1);
  font-family: YuMincho ,serif;
}
.form_privacy-text_ev p:last-child{
  margin-left: calc((131 / 1920) * 100vw);
}
.button_area_ev{
  margin: auto;
  width: max(calc((918 / 1920) * 100vw),768px);
  display: flex;
  justify-content: space-between;
}
.button_back,
.button_submit{
  display: block;
  border-radius: calc((2 / 1920) * 100vw);
  width: max(calc((335 / 1920) * 100vw),335px);
  height: max(calc((99 / 1920) * 100vw),99px);
  border: calc((1 / 1920) * 100vw) solid rgba(255, 255, 255, 1);
  background-color: rgba(0, 0, 0, 1);
  font-family: YuMincho ,serif;
  font-size: max(calc((25 / 1920) * 100vw),25px);
  font-weight: 400;
  line-height: max(calc((42 / 1920) * 100vw),42px);  
  cursor: pointer;
  color:rgba(255, 255, 255, 1);
}
/* 完了ページ */
.contact_text p:last-child{
  margin-top: max(calc((20 / 1920) * 100vw),20px);
}

/* エントリー */
.contact-item_entry{
  padding: calc((80 / 1920) * 100vw) 0 calc((60 / 1920) * 100vw) calc((60 / 1920) * 100vw);
  vertical-align: middle;
}
.contact-item_entry-msg{
  vertical-align: top;
}
.contact-body_kinds-entry,.contact-body_entry{
  padding: calc((7 / 1920) * 100vw) 0 calc((60 / 1920) * 100vw) 0;
  display: flex;
}
.contact-body_kinds-entry-flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: calc(( 20 / 1920) * 100vw) calc(( 100 / 1920) * 100vw);
  width: max(calc(( 350/ 1920 ) * 100vw),270px);
}
.contact-body_kinds-entry-flex2{
  width: max(calc(( 350/ 1920 ) * 100vw),300px);
}
.contact-body_entry{
  padding: calc((80 / 1920) * 100vw) 0 calc((60 / 1920) * 100vw) 0;
}
/* .radiobutton_entry{
  margin-right: calc((122 / 1920) * 100vw);
} */
.err{
  color:red;
  font-family: Iowan Old Style;
  font-size: max(calc((20 / 1920) * 100vw),20px);
  font-weight: 400;
  line-height: max(calc((42 / 1920) * 100vw),42px);
}
/* tero担当end */

/* B & C & R */
.various{
  padding: calc((200 / 1920) * 100vw) 0;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 1);
}
.various_center{
  width: calc((1357 / 1920) * 100vw);
}
.various_top{
  display: block;
  width: 100%;
  height: calc((450 / 1920) * 100vw);
  position: relative;
}
.various_top img{
  width: 100%;
  height: inherit;
  position: relative;
}
.various_text{
  width: calc((1098 / 1920) * 100vw);
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.various_text p{
  font-size: calc((70 / 1920) * 100vw);
  font-weight: 700;
  line-height: calc((72 / 1920) * 100vw);  
  color: rgba(255, 255, 255, 1);
}
/* .various_text p:last-child{
  margin-top:  calc((47 / 1920) * 100vw);
  font-size: calc((25 / 1920) * 100vw);
  font-weight: 400;
  line-height: calc((42 / 1920) * 100vw);  
} */
.various_right p:last-child,
.various_left p:last-child{
  margin-top:  calc((14 / 1920) * 100vw);
}
.various_under{
  display: flex;
  margin-top: calc((17 / 1920) * 100vw);
  height: calc((450 / 1920) * 100vw);
}
.various_right{
  display: block;
  position: relative;
  margin-right: calc((17 / 1920) * 100vw);
  width: calc((420 / 1920) * 100vw);
}
.various_left{
  display: block;
  position: relative;
  width: calc((920 / 1920) * 100vw);
}
.various_left img,.various_right img{
  width: 100%;
  height: inherit;
}
.various_left img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.various_text_right,
.various_text_left{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.various_text_left{
  width: calc((860 / 1920) * 100vw);
}

}

/* sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp sp */
@media screen and (max-width: 767px) {
   /* 共通 */
  /* ローディングアニメーション */
  body{
    overflow: hidden;
   }
   body.close{
    overflow:scroll;
   }
   .top_nav_title.opa h1{
    opacity: 0;
  }
.top_nav_title.close h1{
  animation: h1--in 1s ;
  opacity: 1;
}
@keyframes h1--in {
  0%{ opacity: 0;}
  90%{ opacity: 0;}
  100%{ opacity: 1;}
}
/* index以外 */
.top_nav_title.closed h1{
  opacity: 1;
}

.lodding--top{
  width: 100%;
  height: 100vh;
  background-color: #000000;
  position: fixed;
  z-index: 998;
}
.lodding--top.close{
  display: none;
}
.looding--anime{
  width: 100%;
  height: 100vh;
  position: relative;
}
.looding--anime img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(( 300 / 390) * 100vw);
  /* opacity: 0;
  animation: change-img-anim step-start 0.3s infinite; */
}
/* .looding--anime img:nth-of-type(1) {
  animation: change-img-anim-first step-start 0.3s infinite;
  animation-delay: 0s;
}
.looding--anime img:nth-of-type(2) {
  animation-delay: 0.1s;
}
.looding--anime img:nth-of-type(3) {
  animation-delay: 0.2s;
}
@keyframes change-img-anim-first {
  0%{ opacity: 1;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}
@keyframes change-img-anim {
  0%{ opacity: 0;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
} */

.looding--anime.close img{
  animation: change-img-anim-close  ease-in 0.8s;
  animation-fill-mode: forwards;
}

@keyframes change-img-anim-close {
  0%{ top: 50%;
      left: 50%;
      opacity: 1;
    }
    95%{  top: 5%;
          left: 20%;
          opacity: 1;
          transform: translate(-50%,-50%) scale(0.5);
    }
  100%{ top: 5%;
        left: 20%;
        display: none;
        transform: translate(-50%,-50%) scale(0.3);
      }
}

  /* トップナビ */
  .top_nav{
    width: calc((390 / 390) * 100vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: calc((9 / 390) * 100vw) calc((23 / 390) * 100vw) calc(( 9 / 390) * 100vw) calc((11 / 390) * 100vw);
    position: fixed;
    z-index: 999;
    transition: all 0.5s ease;
    background-color: #000000;
  }
  .top_nav_title{
    width: fit-content;
    border-right: calc((2 / 390) * 100vw) solid #FFFFFF;
    padding: 0 calc((30 / 390) * 100vw) 0 0;
    color: #FFFAFA;
  }
  .top_nav_title h1{
    /* font-family: Iowan Old Style; */
    font-size: calc((13 / 390) * 100vw);
    /* font-weight: 700; */
    line-height: calc((16 / 390) * 100vw);
    opacity: 0;

    font-family: stratos, sans-serif;
    font-weight: bold;
  }
  .top_nav_title p{
    font-size: calc((10 / 390) * 100vw);
    font-weight: 700;
    line-height: calc((13 / 390) * 100vw);
    white-space: nowrap;
    font-family: stratos, sans-serif;
    font-weight: bold;
  }
  .top_nav_title p:first-of-type{
    /* font-family: Iowan Old Style; */
    font-size: calc((13 / 390) * 100vw);
    /* font-weight: 700; */
    line-height: calc((16 / 390) * 100vw);
  }
  /* ハンバーガーメニュー */
  .openbtn{
    position: relative;
    width: calc((27 / 390) * 100vw);
    height: calc((27 / 390) * 100vw);
    z-index: 99999;
    cursor: pointer;
    order: 2;
  }
  .open_br{
    display: inline-block;
    transition: all .7s;
    position: absolute;
    left: 0;
    height: 2px;
    background:rgba(255, 255, 255, 1);
    width: calc((27 / 390) * 100vw);
  }
  .open_br:nth-of-type(1) {
    top:calc((5 / 390) * 100vw); 
  }
  .open_br:nth-of-type(2) {
    top:calc((13 / 390) * 100vw);
  }
  .open_br:nth-of-type(3) {
    top:calc((21 / 390) * 100vw);
  }
  .open_br.open:first-of-type {
		transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
	}
  .open_br.open:nth-child(2) {
		opacity: 0;
	}
  .open_br.open:last-of-type {
		transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .top_navs{
    position: absolute;
    z-index: 9999;
    width: 80%;
    height: 80vh;
    top: 0;
    right: -100%;
    background-color: #313030;
    padding: 100px 20px;
    display: grid;
    justify-content: center;
    transition: right .5s;
  }
  .head__insta{
    order: 1;
    margin-right: calc((12 / 390) * 100vw);
  }
  .head__insta img{
    width: calc((25 / 390) * 100vw);
  }
  .slidein {
    right: 0;
  }
  .no_scroll {
		overflow: hidden;
	}
  .top_log{
    width:calc((53 / 390) * 100vw);
    /* height: calc((23 / 390) * 100vw); */
    margin: 0 auto 0 calc((15 / 390) * 100vw);
  }
  .top_log img{
    width: 100%;
    height: 100%;
  }
  .top_navs p{
    color: #FFFAFA;
    font-size: calc((20 / 390) * 100vw);
    font-weight: 700;
    line-height: calc((27 / 390) * 100vw);
    font-family: stratos, sans-serif;
    font-weight: bold;
  }
  .top_navs a p{
    display: flex;
    justify-content: center;
  }
/* B & C & R */
.various{
  padding: calc((55 / 390) * 100vw) 0;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 1);
}
.various_center{
  width: 100%;
}
.various_top,.various_right,.various_left{
  display: block;
  width: calc((351 / 390) * 100vw);
  height: calc((206 / 390) * 100vw);
  position: relative;
  margin: calc((17 / 390) * 100vw) auto 0;
}
.various_top{
  margin-top: 0;
}
.various_top img,.various_left img,.various_right img{
  width: 100%;
  height: inherit;
  position: relative;
}
.various_text{
  width: calc((320 / 390) * 100vw);
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.various_text p{
  font-size: calc((25 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((20 / 390) * 100vw);  
  color: rgba(255, 255, 255, 1);
}

.various_text_right,
.various_text_left{
  width: calc((350 / 390) * 100vw);
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
/* フッター */
.foot_nav{
  padding: calc((32 / 390) * 100vw) 0  calc((41 / 390) * 100vw);
  background-color: rgba(0, 0, 0, 1);
}
.foot_logo{
  width: calc((63 / 390) * 100vw);
  /* height: calc((27 / 390) * 100vw); */
  margin: 0 auto calc((10 / 390) * 100vw);
}
.foot_logo img{
  width: 100%;
  height: 100%;
}
.foot_navs{
  width: calc((200 / 390) * 100vw);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: auto;
}
.foot_navs p{
  color: #FFFAFA;
  font-size: calc((15 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((20 / 390) * 100vw);
  margin-top: calc((15 / 390) * 100vw);
}
.foot_contents{
  margin-top: calc((56 / 390) * 100vw);
  padding: 0 calc((17 / 390) * 100vw);
}
.foot_address{
  width: 100%;
  margin: calc((21 / 390) * 100vw) auto 0;
  text-align: left;
}
.foot_address:first-child{
  margin-top: 0;
}
.foot_address p{
  color: #FFFAFA;
  font-size: calc((16 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((42 / 390) * 100vw);
}
.foot_address p:nth-child(n+2){
  font-size: calc((14 / 390) * 100vw);
  line-height: calc((22 / 390) * 100vw);
}

/* 共通end */
  
/* tero担当 */
/* コンタクトページ */
.contact_top{
  padding: calc((238 / 390) * 100vw) calc((18 / 390) * 100vw) calc((200 / 390) * 100vw);
  display: flex;
  justify-content: center;
}
.contact_text{
  text-align: center;
}
.contact_text{
  text-align: center;
}
.contact_text p:first-child{
  font-size: calc((25 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((25 / 390) * 100vw);
  padding-bottom: calc(( 10 / 390) * 100vw);
}
.contact_br{
  width: calc((249/ 390) * 100vw);
  border-top: calc((1 / 390) * 100vw) solid rgba(255, 255, 255, 1);
  margin: calc((0 / 390) * 100vw) auto calc((20 / 390) * 100vw);
}
.contact_text p{
  font-size: calc((16 / 390) * 100vw);
  font-weight: 100;
  line-height: calc((16 / 390) * 100vw);  
  color: rgba(255, 255, 255, 1);
  font-family: YuMincho ,serif;
}
.contact_text p:last-child{
  margin-top: calc((20 / 390) * 100vw);
}
/* フォーム */
table th,table td{
  display:block;
}
.contact_form{
  display: flex;
  justify-content: center;
  padding: 0 calc((20 / 390) * 100vw) calc((100 / 390) * 100vw);
}
.contact{
  width: 100%;
}
.contact-table {
  width: 100%;
}
.contact-item{
  width: 100%;
  text-align: center;
}
.contact-item p{
  font-size: calc((16 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((42 / 390) * 100vw);
  color: rgba(255, 255, 255, 1);
  font-family: YuMincho ,serif;
}
sup{
  font-size: calc((28 / 390) * 100vw);
  font-weight: 400;
  line-height: calc((28 / 390) * 100vw);
}
.contact-body {
  width: 100%;
  overflow-wrap: anywhere;
  word-break: keep-all;
  text-align: center;
}
.contact-body_kinds,.contact-body_kinds-sp{
  padding: 0 0 calc((36 / 390) * 100vw) 0;
}
.form-select,.form-text{
  width: 70%;
  height: calc((60 / 390) * 100vw);
  background-color: transparent;
  border: none;
  vertical-align: middle;
  font-family: Iowan Old Style;
  font-size: calc((16 / 390) * 100vw);
  font-weight: 400;
  line-height: calc((42 / 390) * 100vw);
  color: rgba(255, 255, 255, 1);
}
.form-text,.form-textarea{
  width: 100%;
  text-align: center;
}
.form-text{
  width: calc((224 / 390) * 100vw);
  border-bottom: solid calc((1 / 390) * 100vw) rgba(255, 255, 255, 0.7);
  font-family: YuMincho ,serif;
}
.form-textarea{
  padding-top: calc((10 / 390) * 100vw);
  height: calc((308 / 390) * 100vw);
  resize: none;
  color: rgba(255, 255, 255, 1);
  background-color: rgba(0, 0, 0, 1);
  font-size: calc((16 / 390) * 100vw);
  font-weight: 400;
  line-height: calc((42 / 390) * 100vw);
  font-family: YuMincho ,serif;
}
.form_privacy-text{
  margin: calc((52 / 390) * 100vw) auto calc((25 / 390) * 100vw);
  text-align: center;
}
.form_privacy-text p{
  font-size: calc((16 / 390) * 100vw);
  font-weight: 400;
  line-height: calc((20 / 390) * 100vw);
  color: rgba(255, 255, 255, 1);
  font-family: YuMincho ,serif;
}
.privacy_policy_text_area{
  width: 100% ;
  height: calc(( 341/ 390) * 100vw);
  border: calc((1 / 390) * 100vw) solid rgba(255, 255, 255, 1);
  padding: calc((24 / 390) * 100vw) calc((13 / 390) * 100vw);
  overflow: scroll;
  margin-bottom: calc((10 / 390) * 100vw);
}
.privacy_policy_text_area p{
  font-size: calc((14 / 390) * 100vw);
  font-weight: 400;
  line-height: calc((20 / 390) * 100vw);
  color: rgba(255, 255, 255, 1);
  font-family: YuMincho ,serif;
  padding-left: 1em;
  text-indent: -1em;
  font-feature-settings: "palt";
}
.checkbox_area .checkbox_label {
  display: inline-block;
  vertical-align: middle;
}
.checkbox_area{
  position: relative;
  display: block;
  word-break: break-all;
  width: fit-content;
  margin: 0 auto calc((34 / 390) * 100vw);
  cursor: pointer;
}
.checkbox_area input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.checkbox_area input[type="checkbox"] + span{
  position: relative;
  padding: calc((1 / 390) * 100vw) 0 0 calc((30 / 390) * 100vw);
  font-family: YuMincho ,serif;
}
.checkbox_area input[type="checkbox"] + span::before {
  z-index: 0;
  background-color: transparent;
  width: calc((25 / 390) * 100vw);
  height: calc((25 / 390) * 100vw);
  border: calc((2 / 390) * 100vw) #ffffff solid;
  border-radius: calc((5 / 390) * 100vw);
}
.checkbox_area input[type="checkbox"] + span::before, .checkbox_area input[type="checkbox"] + span::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
.checkbox_area input[type="checkbox"]:checked + span::after {
  border: calc((5 / 390) * 100vw) solid rgba(255, 255, 255, 1);
  border-width: 0  calc((5 / 390) * 100vw) calc((5 / 390) * 100vw) 0;
  transform: rotate(45deg) translateY(0%);
  top: calc((-5 / 390) * 100vw);
}
.checkbox_area input[type="checkbox"] + span::after {
  z-index: 1;
  margin:  calc((-9 / 390) * 100vw) calc((10 / 390) * 100vw);
  width:  calc((16 / 390) * 100vw);
  height: calc((27 / 390) * 100vw);
}
.checkbox_area input[type="checkbox"] + span::before, .checkbox_area input[type="checkbox"] + span::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
.checkbox_area span{
  font-family: Iowan Old Style;
  font-size: calc((13 / 390) * 100vw);
  font-weight: 400;
  line-height: calc((42 / 390) * 100vw);
  color: rgba(255, 255, 255, 1);
}
.button{
  display: block;
  margin: 0 auto;
  border-radius:  calc((1 / 390) * 100vw);
  width:  calc((142 / 390) * 100vw);
  height:  calc((56 / 390) * 100vw);
  border: calc((1 / 390) * 100vw) solid rgba(255, 255, 255, 1);
  background-color: rgba(0, 0, 0, 1);
  font-size:  calc((16 / 390) * 100vw);
  font-weight: 400;
  line-height:  calc((42 / 390) * 100vw);  
  cursor: pointer;
  color:rgba(255, 255, 255, 1);
  -webkit-appearance: none;
  border-radius: 0;
  font-family: YuMincho ,serif;
}
.err{
  color:red;
  font-family: Iowan Old Style;
  font-weight: 400;
  line-height:calc((42 / 390) * 100vw);
  margin-top: 10px;
}


/* 確認 */
.contact-body-box{
width: 100%;
overflow-wrap: anywhere;
word-break: keep-all;
padding: calc((10 / 390) * 100vw) 0 calc(( 40/ 390) * 100vw);
}
.contact-body-text{
font-family: YuMincho ,serif;
font-size: calc((16 / 390) * 100vw);
font-weight: 400;
line-height: calc((20 / 390) * 100vw);
color: #FFFAFA;
text-align: center;
}
.form_privacy-text_ev{
margin: calc((46 / 390) * 100vw) auto calc((110 / 390) * 100vw);
text-align: center;
}
.form_privacy-text_ev p{
font-size: calc((16 / 390) * 100vw);
font-weight: 700;
line-height: calc((20 / 390) * 100vw);
color: rgba(255, 255, 255, 1);
font-family: YuMincho ,serif;
}
.form_privacy-text_ev p:last-child{
font-weight: 400;
margin-top: calc((16 / 390) * 100vw);
}
.button_area_ev{
margin: auto;
width: calc((330 / 390) * 100vw);
display: flex;
justify-content: space-between;
}
.button_back,
.button_submit{
display: block;
border-radius: calc((2 / 390) * 100vw);
width: calc((156 / 390) * 100vw);
height: calc((38 / 390) * 100vw);
border: calc((1 / 390) * 100vw) solid rgba(255, 255, 255, 1);
background-color: rgba(0, 0, 0, 1);
font-family: Iowan Old Style;
font-size: calc(( 16/ 390) * 100vw);
font-weight: 400;
line-height: calc((20 / 390) * 100vw);  
cursor: pointer;
color:rgba(255, 255, 255, 1);
-webkit-appearance: none;
border-radius: 0;
font-family: YuMincho ,serif;
}

/* エントリー */
.contact-item_entry{
padding: calc((46 / 390) * 100vw) 0 calc((15 / 390) * 100vw) 0;
}
.contact-item_entry-msg{
vertical-align: top;
}
.contact-body_kinds-entry-flex{
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: auto;
gap: calc((20 / 390) * 100vw);
width: fit-content;
text-align: left;
}
.contact-body_kinds-entry-flex .radiobutton22{
  width: calc(38% - calc((20 / 390) * 100vw));
 }
  
.contact-body_kinds-entry-flex2{
  flex-wrap: wrap;
  gap: calc(( 10 / 390) * 100vw) calc((20 / 390) * 100vw);
  width: 58%;
}
.contact-body_entry{
padding: calc((80 / 390) * 100vw) 0 calc((60 / 390) * 100vw) 0;
}
.radiobutton_entry{
margin-right: calc((53 / 390) * 100vw);
}
/* .radiobutton_entry2{
margin-right: calc((69 / 390) * 100vw);
} */
.radiobutton_entry3{
margin-right: 0;
}
.radiobutton span {
padding: 0 0 0 calc((25 / 390) * 100vw);	/* ラベルの位置 */
display: inline-block;
position: relative;
cursor: pointer;
font-family: YuMincho ,serif;
font-size: calc((16 / 390) * 100vw);
font-weight: 400;
line-height: calc((20 / 390) * 100vw);/* ボタンのサイズに合わせる */
color: rgba(255, 255, 255, 1);
width: fit-content;
}
.radiobutton span:before {
content: '';
width:calc((14 / 390) * 100vw);		/* ボタンの横幅 */
height:calc((14 / 390) * 100vw);		/* ボタンの縦幅 */
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: rgba(0, 0, 0, 1);
border: solid calc((1 / 390) * 100vw) rgba(255, 255, 255, 1);
border-radius: 50%;
}
.radiobutton input[type="radio"] {
display: none;
}
.radiobutton input[type="radio"]:checked + span:after {
content: '';
width:calc((10 / 390) * 100vw);		/* マークの横幅 */
height:calc((10 / 390) * 100vw);		/* マークの縦幅 */
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left:calc((3 / 390) * 100vw);
background-color: #fff;
border-radius: 50%;
}
.contact-body2{
width: fit-content;
margin: auto;
}
/* top */
.video_section{
  height: calc((600 / 390) * 100vw);
  width: 100%;
}
.video_section_center{
  position: relative;
  height: 100%;
  width: 100%;
}
.video_overlap{
  transform: matrix(1, -0.03, 0, 1, 0, 0);
  position: absolute;
}

.video_overlap1{
  z-index: 3;
  top: calc((148 / 390) * 100vw);
  right: calc(( 78/ 390) * 100vw);
  opacity: 1;
  animation: slide 12s ease 0s infinite;
}
@keyframes slide {
  0%{
    z-index: 3;
    top: calc((148 / 390) * 100vw);
    right: calc(( 78/ 390) * 100vw);
  }
  25%{
    z-index: 3;
    top: calc((180 / 390) * 100vw);
    right: calc(( 120/ 390) * 100vw);
    opacity: 0;
  }
  28%{
    z-index: 1;
    top: calc((80 / 390) * 100vw);
    right: calc((20 / 390) * 100vw);
    opacity: 0;
  }
  29%{
    opacity: 0;
  }
  50%{
    z-index: 1;
    top: calc((90 / 390) * 100vw);
    right: calc((30 / 390) * 100vw);
    opacity: 0.3;
  }
  75%{
    z-index: 2;
    top: calc((117 / 390) * 100vw);
    right: calc((54 / 390) * 100vw);
    opacity: 0.4;
  }
  100%{
    z-index: 3;
    top: calc((148 / 390) * 100vw);
    right: calc(( 78/ 390) * 100vw);
  }
}
.video_overlap2{
  z-index: 2;
  top: calc((117 / 390) * 100vw);
  right: calc((54 / 390) * 100vw);
  opacity: 0.4;/* 初期糖度 */
  animation: slide2 12s ease 1s infinite;
}
@keyframes slide2 {
  0%{
    z-index: 2;
    top: calc((117 / 390) * 100vw);
    right: calc((54 / 390) * 100vw);
    opacity: 0.4;
  }
  25%{
    z-index: 3;
    top: calc((148 / 390) * 100vw);
    right: calc(( 78/ 390) * 100vw);
    opacity: 1;
  }
  50%{
    z-index: 3;
    top: calc((180 / 390) * 100vw);
    right: calc(( 120/ 390) * 100vw);
    opacity: 0;
  }
  53%{
    z-index: 1;
    top: calc((80 / 390) * 100vw);
    right: calc((20 / 390) * 100vw);
    opacity: 0;
  }
  54%{
    opacity: 0;
  }
  75%{
    z-index: 1;
    top: calc((90 / 390) * 100vw);
    right: calc((30 / 390) * 100vw);
    opacity: 0.3;
  }
  100%{
    z-index: 2;
    top: calc((117 / 390) * 100vw);
    right: calc((54 / 390) * 100vw);
    opacity: 0.4;
  }
}

.video_overlap3{
  z-index: 1;
  top: calc((90 / 390) * 100vw);
  right: calc((30 / 390) * 100vw);
  opacity: 0.3;/* 初期糖度 */
  animation: slide3 12s ease 2s infinite;
}
@keyframes slide3 {
  0%{
    z-index: 1;
    top: calc((90 / 390) * 100vw);
    right: calc((30 / 390) * 100vw);
    opacity: 0.3;
  }
  25%{
    z-index: 2;
    top: calc((117 / 390) * 100vw);
    right: calc((54 / 390) * 100vw);
    opacity: 0.4;
  }
  50%{
    z-index: 3;
    top: calc((148 / 390) * 100vw);
    right: calc(( 78/ 390) * 100vw);
    opacity: 1;
  }
  75%{
    z-index: 3;
    top: calc((180 / 390) * 100vw);
    right: calc(( 120/ 390) * 100vw);
    opacity: 0;
  }
  78%{
    z-index: 1;
    top: calc((80 / 390) * 100vw);
    right: calc((20 / 390) * 100vw);
    opacity: 0;
  }
  79%{
    opacity: 0;
  }
  100%{
    z-index: 1;
    top: calc((90 / 390) * 100vw);
    right: calc((30 / 390) * 100vw);
    opacity: 0.3;
  }
}

.video-contents,.spreflect{
  width: calc((281 / 390) * 100vw);
  height: calc((347 / 390) * 100vw);
}
.video-contents video ,.spreflect video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.spreflect {
  transform: scale(1, -1);
  position: relative;
  height: calc((69 / 390) * 100vw);
  opacity: 0.3;
}
.spreflect::before {
  content: "";
  width: 100%;      
  height: 100%;       
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: bottom;
}
.video_section_text{
  width: calc((257 / 390) * 100vw);
  height: calc((446 / 390) * 100vw);
  position: absolute;
  z-index: 990;
  top: 0;
  left: calc((11 / 390) * 100vw);
  padding: calc((297 / 390) * 100vw) 0 0 0;
}
.video_section_text-top{
  width: calc((257 / 390) * 100vw);
}
.video_section_text-top p{
  color: #FFFAFA;
  font-family: Iowan Old Style;
  font-size: calc((20 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((28 / 390) * 100vw);
  }
.video_section_text-bottom{
  margin: calc(( 43/ 390) * 100vw) calc((80 / 390) * 100vw) 0 auto; 
  width: calc((127 / 390) * 100vw);
}
.video_section_text-bottom p{
  color: #FFFAFA;
  font-family: Iowan Old Style;
  font-size: calc((18 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((25 / 390) * 100vw);
}
.video_section_text-bottom p:last-of-type{
  text-align: right;
}

.second_text_area{
  padding: calc((30 / 390) * 100vw) 0 calc((86 / 390) * 100vw);
  display: flex;
  justify-content: center;
}
.second_text{
  width: calc((379 / 390) * 100vw);
  text-align: center;
}
.second_text p{
  font-size: calc((16 / 390) * 100vw);
  line-height: calc((25 / 390) * 100vw);
  color: #FFFAFA;
  font-weight: 400;
}
.second_text_span span{
  font-family: YuMincho ,serif;
  font-size: calc((15 / 390) * 100vw);
  line-height: calc((36 / 390) * 100vw);
  color: #FFFAFA;
  font-weight: 400;
}
.second_text_span{
  margin: calc((25 / 390) * 100vw) auto calc((40 / 390) * 100vw) ;
}
.second_text p:nth-child(n+2){
  font-size: calc((15 / 390) * 100vw);
  line-height: calc((36 / 390) * 100vw);
  font-weight: 400;
}
.second_text p:nth-child(2){
  margin: calc((35 / 390) * 100vw) 0 calc((50 / 390) * 100vw);
}
.second_text-flex{
  margin-top: calc((45 / 390) * 100vw);
}
.second_text-contents{
  width: fit-content;
  margin: calc((21 / 390) * 100vw) auto 0;
}
.second_text-flex> .second_text-contents:first-child{
  margin-top: 0;
}
.second_text-contents p{
  font-size: calc((16 / 390) * 100vw);
  font-weight: 400;
  line-height: calc((20 / 390) * 100vw);
  color: #FFFAFA;
}
.second_text-contents p span{
  font-family: YuMincho ,serif;
}
.second_text-br{
  border-top: solid calc((1 / 390) * 100vw) rgba(255, 255, 255, 1);
}

.buniess_section{
  padding: calc((30 / 390) * 100vw) calc(( 20/ 390) * 100vw) ;
  background-color: rgba(217, 217, 217, 1);
}
.buniess_section_title{
  margin-left: calc((26 / 390) * 100vw);
}
.buniess_section_title p{
  color: rgba(0, 0, 0, 1);
  font-size: calc((25 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((42 / 390) * 100vw);
}
/* .buniess_contents{
  margin-top: calc((20 / 390) * 100vw);
} */
.buniess_img{
  width: 100%;
  /* height: calc((276 / 390) * 100vw); */
  height: calc((240 / 390) * 100vw);
  position: relative;
}
.buniess_img ,.canpany_img,.contact_recurite_img,.various_top,.various_right,.various_left{
  overflow: hidden;
}
.buniess_img img ,.canpany_img img,.contact_recurite_img img,.various_top img,.various_right img,.various_left img{
  width: inherit;
  height: inherit;
  transition: transform 0.5s, filter 0.5s;
  filter: brightness(40%);
}
.canpany_img img{
  width: 250%;
  margin-left: calc(( -250 / 390) * 100vw);
}
.buniess_img:hover img,
.canpany_img:hover img,
.contact_recurite_img:hover img,
.various_top:hover img,
.various_right:hover img,
.various_left:hover img{
  transform: scale(1.1);
  filter: brightness(70%);
}

.img_text{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: fit-content;
  width: fit-content;
  margin: auto;
  text-align: center;
}
.frame-flex{
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((233 / 390) * 100vw);
  margin: calc(( 30 / 390) * 100vw) auto 0;
  width: 100%;
}
.frame-flex_text2{
  margin: calc((5 / 390) * 100vw) auto calc((5 / 390) * 100vw);
}
.frame-flex_text3{
  margin: calc((5 / 390) * 100vw) 0 calc((5 / 390) * 100vw);
}
.square_frame{
  width: calc((23 / 390) * 100vw);
  height: calc((23 / 390) * 100vw);
  border: solid calc((1 / 390) * 100vw) #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(-45deg);
  margin: 0 auto;
}
.square_frame p{
  color: #FFFAFA;
  transform: rotate(45deg);
  font-size: calc((16 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((42 / 390) * 100vw);  
}
/* .square_br{

} */
.scale{
  width: calc((100 / 390) * 100vw);
  border-bottom: solid calc((1 / 390) * 100vw) #FFFFFF;
}
.scale-2{
  width: 100%;
  margin-top: 0px;
}
.scale_position{
  width: calc((1 / 390) * 100vw);
  height: calc((6 / 390) * 100vw);
  border-right: solid calc((1 / 390) * 100vw) #FFFFFF;
}
.scale_position-2{
  margin-top: 0;
}
.business_type{
  color: #FFFAFA;
  margin: calc((20 / 390) * 100vw) auto calc((10 / 390) * 100vw);
  font-size: calc((20 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((24 / 390) * 100vw);
}
.business_type2{
  margin-top: calc((10 / 390) * 100vw);
}
.business_text-t{
  color: #FFFAFA;
  margin: 0 calc((3 / 390) * 100vw);
  font-size: calc((18 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((24 / 390) * 100vw);
  white-space: nowrap;
}
.business_text_sub{
  width: 161px;
  margin: calc((20 / 390) * 100vw) auto 0;
  color: #FFFAFA;
  font-size: calc((16 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((20 / 390) * 100vw);
}
.view_btn p{
  color: #FFFAFA;
  border: calc((1 / 390) * 100vw) solid #FFFFFF;
  width: calc(( 140/ 390) * 100vw);
  margin: calc((30 / 390) * 100vw) auto 0;
  font-size: calc((16 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((24 / 390) * 100vw);  
  padding: calc((4 / 390) * 100vw) 0;
}
.buniess_contents_text{
  width: 100%;
  background-color: #000000;
  padding: calc((50 / 390) * 100vw) calc((25 / 390) * 100vw) calc((50 / 390) * 100vw);
}
.buniess_contents_text p{
  color: #FFFAFA;
  font-size: calc((16 / 390) * 100vw);
  font-weight: 400;
  line-height: calc((25 / 390) * 100vw);  
}
.canpany_section{
  display: flex;
  justify-content: center;
  padding: calc((30 / 390) * 100vw) calc(( 20 / 390) * 100vw) ;
  background: #FFF;
}
.canpany_img{
  width: 100%;
  /* height: calc((276 / 390) * 100vw); */
  height: calc((240 / 390) * 100vw);
  position: relative;
}
.contact_recurite{
  display: flex;
  justify-content: center;
  width: 100%;
  padding: calc((30 / 390) * 100vw) calc((20 / 390) * 100vw);
  background-color: #313030;
  }
.contact_recurite-color{
  background-color: #4B4B4B;
}
.contact_recurite_img{
  width: calc((350 / 390) * 100vw);
  height: calc((240 / 390) * 100vw);
  position: relative;
  margin: auto;
}
.contact_recurite_text{
  margin: calc(( 59/ 390) * 100vw) auto 0;
  width: calc((290 / 390) * 100vw);
}
.contact_recurite_text p{
  color: #FFFAFA;
  font-size: calc((16 / 390) * 100vw);
  font-weight: 400;
  line-height: calc((20 / 390) * 100vw);  
}
.wingrow_name{
  padding: calc((21 / 390) * 100vw) 0;
  text-align: center;
}
.wingrow_name p{
  color: #FFFFFF;
  opacity: 0.2;
  font-size: calc((50 / 390) * 100vw);
  font-weight: 700;
  line-height: calc((42 / 390) * 100vw);
  font-family: stratos, sans-serif;
  font-weight: bold;
}
/* tero担当end */


    /* asuka担当 asuka担当 asuka担当 asuka担当 asuka担当 asuka担当 asuka担当 asuka担当 asuka担当 asuka担当 asuka担当 */
/*---company_main---*/
.main {
  color: #fffafa;
  font-family: YuMincho;
  padding-top:  calc((66 / 390) * 100vw);
}
.main-2 {
  padding: 0;
}
/* .main p {
  font-family: YuMincho;
} */
.main img {
  width: 100%;
}
.company_top {
  position: relative;
  height: calc((534 / 390) * 100vw);
  width: 100%;
  background-image: url("/imag/company1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
.company_top::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2D2624A6;
}
.company_inr {
  position: absolute;
  top: calc(( 130 / 390) * 100vw);
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
}
.company_title {
  border-bottom: 1px solid #fffafa;
  padding-bottom: calc((10 / 390) * 100vw);
  text-align: center;
  margin: 0 auto;
}
.company_title span{
  font-size: calc((25 / 390) * 100vw);
  font-weight: bold;
  /* line-height: calc(( 55 / 390) * 100vw); */
}
.company_text {
  margin: calc((20 / 390) * 100vw) auto 0;
  text-align: left;
  width: fit-content;
}
.company_text .company_text_en{
  display: inline-block;
  width: calc(( 90 / 390) * 100vw);
  font-size: calc((14 / 390) * 100vw);
  line-height: calc((25 / 390) * 100vw);
}
.company_text .company_text_ja{
  font-size: calc((14 / 390) * 100vw);
  line-height: calc((25 / 390) * 100vw);
  font-family: YuMincho ,serif;
}
/*---vision---*/
.vision_content {
  padding: calc(( 180 / 390) * 100vw) 0 calc(( 60 / 390) * 100vw);
  overflow: hidden;
}
.vision_title,.mission_title {
  font-size: calc((25 / 390) * 100vw);
  font-weight: bold;
  border-bottom: 1px solid #fffafa;
  padding-bottom: calc((10 / 390) * 100vw);
  width: calc((193 / 390) * 100vw);
  text-align: right;
  margin: 0 calc(( 20 / 390) * 100vw) 0 auto ;
}
.vision_title {
  width: calc((193 / 390) * 100vw);
  text-align: left;
  margin: 0 auto 0 calc(( 20 / 390) * 100vw) ;
}
.vision_text {
  width: calc((300 / 390) * 100vw);
  font-size: calc((14 / 390) * 100vw);
  text-align: left;
  margin: calc((20 / 390) * 100vw) auto calc((30 / 390) * 100vw) calc(( 20 / 390) * 100vw);
  font-family: YuMincho ,serif;
  line-height: calc(( 20 / 390) * 100vw);
}
.mission,.vision{
  position: relative;
}
.vision{
  margin: calc(( 140 / 390) * 100vw) 0;
}
.mission_text {
  width: calc((360 / 390) * 100vw);
  font-size: calc((14 / 390) * 100vw);
  text-align: right;
  margin: calc((18 / 390) * 100vw) auto calc(( 30 / 390) * 100vw);
  font-family: YuMincho ,serif;
  line-height: calc(( 20 / 390) * 100vw);
}
.vision-img {
  position: absolute;
  width: calc((160 / 390) * 100vw);
  right: calc(( 20 / 390) * 100vw);
  top: calc(( -80 / 390) * 100vw);
  z-index: -1;
}
.vision-img img{
  width: inherit;
  height: inherit;
}
.mission-img {
  position: absolute;
  width: calc((160 / 390) * 100vw);
  left: calc(( 20 / 390) * 100vw);
  top: calc(( -90 / 390) * 100vw);
  z-index: -1;
}
.mission-img img{
  width: inherit;
  height: inherit;
}
/*---style---*/
.style_content {
  /* position: absolute; */
  top: calc(( 2000/ 390) * 100vw);
  background-image: url("/imag/sp_company4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: calc(( 50 / 390) * 100vw);
  padding: calc(( 30 / 390) * 100vw) calc(( 20 / 390) * 100vw);
}
.style_content p {
  font-size: calc((25 / 390) * 100vw);
  font-weight: bold;
  margin-right: auto;
  border-bottom: 1px solid #fffafa;
  padding-bottom: calc((10 / 390) * 100vw);
  width: calc((193 / 390) * 100vw);
  text-align: left;
}
.style_content ul {
  margin-top: calc((15/ 390) * 100vw);
}
.style_content ul li {
  font-family: Iowan Old Style,serif;
}
.style_content ul li span{
  font-size: calc((16 / 390) * 100vw);
  line-height: calc((30 / 390) * 100vw);
}
.style_content ul li span:nth-of-type(1){
  width: 30%;
  display: inline-block;
}

/*---中間画像部分---*/
.sub_box {
  position: relative;
  height: calc((600 / 390) * 100vw);
}
.sub_box p {
  position: absolute;
}
.sub_box_title {
  font-size: calc(( 25/ 390) * 100vw);
  top: calc(( 100/ 390) * 100vw);
  left: calc(( 58/ 390) * 100vw);
  width: calc(( 272/ 390) * 100vw);
  line-height: calc(( 30/ 390) * 100vw);
  text-align: center;
}
.sub_box_vision {
  font-size: calc(( 20/ 390) * 100vw);
  top: calc(( 231/ 390) * 100vw);
  left: calc(( 99/ 390) * 100vw);
  border-bottom: 1px solid #fffafa;
  padding-bottom: calc((10 / 390) * 100vw);
  width: calc(( 191/ 390) * 100vw);
  text-align: center;
}
.sub_box_text {
  width: calc((300 / 390) * 100vw);
  font-size: calc((16 / 390) * 100vw);
  line-height: calc((20 / 390) * 100vw);
  top: calc(( 300/ 390) * 100vw);
  left: calc((50 / 390) * 100vw);
}
/*---outline---*/
.outline_content {
  position: relative;
  overflow: hidden;
}
.outline_content p {
  font-size: calc(( 25/ 390) * 100vw);
  font-weight: bold;
  margin-top: calc(( 10/ 390) * 100vw);
  margin-left: calc(( 20/ 390) * 100vw);
  border-bottom: 1px solid #fffafa;
  padding-bottom: calc((10 / 390) * 100vw);
  width: calc(( 330/ 390) * 100vw);
  text-align: left;
}
.outline_text{
  padding-bottom: calc(( 80 / 390) * 100vw);
}
.outline_text p{
  font-size: calc(( 18/ 390) * 100vw);
  font-weight: bold;
  margin-top: calc(( 15/ 390) * 100vw);
  margin-left: calc(( 20/ 390) * 100vw);
  border-bottom: 0px solid #fffafa;
  padding-bottom: calc((10 / 390) * 100vw);
  width: calc(( 250/ 390) * 100vw);
  text-align: left;
  line-height: calc((30 / 390) * 100vw);
}

.outline_content-img {
  position: absolute;
  width: calc((105 / 390) * 100vw);
  right: calc((20 / 390) * 100vw);
  top: calc(( 80/ 390) * 100vw);
  z-index: -1;
}
.outline_content-img img {
  width: inherit;
  height: inherit;
  filter: contrast(0.5);
}

/* ------------business-------- */
.business_top {
  background-image: url("/imag/Rectangle29.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  height: calc((534 / 390) * 100vw);
}
.business_title {
  border-bottom: 1px solid #fffafa;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  text-align: center;
  padding-bottom: calc((10 / 390) * 100vw);
  text-align: center;
}
.business_title span{
  font-size: calc((25 / 390) * 100vw);
  font-weight: bold;
  /* line-height: calc((55 / 390) * 100vw); */
}
.business_text {
  position: absolute;
  width: calc((746 / 390) * 100vw);
  top:calc((257 / 390) * 100vw);
  left:calc((45 / 390) * 100vw); 
  font-size: calc((16 / 390) * 100vw);
  line-height: calc((20 / 390) * 100vw);
  width: calc((300 / 390) * 100vw);
  text-align: center;
}
.content_one ,.content_five ,.content_seven{
  display: flex;
  flex-direction: column-reverse;
}
.content_one,.content_three,.content_four,.content_five,.content_six,.content_seven {
  padding: calc(( 50 / 390) * 100vw) calc(( 20 / 390) * 100vw) 0;
}
.content_three,.content_four,.content_five,.content_six,.content_seven {
  padding-top: calc(( 44 / 390) * 100vw);
}
.content_one_title,.content_three_title ,.content_four_title,.content_five_title,.content_six_title,.content_seven_title{
  justify-content: unset !important;
  margin-left: 2rem;
}
.content_one_title span,.content_three_title span ,.content_four_title span,.content_five_title span,.content_six_title span,.content_seven_title span{
  color: #FFF;
  text-align: left;
  font-family: "Hiragino Mincho Pro" ,serif;
  font-size: calc(( 20 / 390) * 100vw);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.content_one-img,.content_five-img{
  width: 100%;
}
.content_one-img img,.content_img,.content_five-img img{
  width: 100%;
  height: calc(( 353 / 390) * 100vw);
  object-fit: cover;
  object-position: center;
}


/*---recurite---*/
.recurite_top {
  padding: calc((66 / 390) * 100vw) 0  calc((2 / 390) * 100vw);
  background-color: #000000;
}
.recurite_inr {
  background-image: url("/imag/recruit_top.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center,center;
  height: calc((534 / 390) * 100vw);
  width: calc((370 / 390) * 100vw);
  margin: 0 auto;
  position: relative;
}
.recurite_inr-position{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  text-align: center;
}
.recurite_title {
  width:  calc((138 / 390) * 100vw);
  border-bottom: 1px solid #fffafa;
  margin: auto;
  padding-bottom: calc(( 10 / 390) * 100vw);
}
.recurite_title span{
  font-family: Iowan Old Style,serif;
  font-size: calc((25 / 390) * 100vw);
  font-weight: bold;
}
.recurite_text {
  width:  calc((350 / 390) * 100vw);
  margin: calc((31 / 390) * 100vw) auto 0;
  font-size: calc((16 / 390) * 100vw);
  line-height: calc((20 / 390) * 100vw);
  text-align: center;
}

.work_content {
  background-color: #000000;
}
.work_text-all{
  position: relative;
  z-index: 1;
  text-align: center;
  background-image: url("/imag/recruit_content1_bk.jpg");
  background-repeat: no-repeat;
  background-size: 170%;
  background-position: center;
  padding: calc((135 / 390) * 100vw) 0;
}
.work_text-all::before{
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  left: 0;
}

.work_text {
  font-size: calc((16 / 390) * 100vw);
  line-height: calc((34 / 390) * 100vw);
  font-weight: 600;
  text-align: center;
  font-family: YuMincho ,serif;
}

.recurite_list {
  background-color: #000000;
  padding: calc((67/ 390) * 100vw) 0 calc((0/ 390) * 100vw);
}

button {
  display: block;
  cursor: pointer;
  border: 1px solid #fffafa;
  width: calc((189 / 390) * 100vw);
  height: calc((62 / 390) * 100vw);
  margin: calc((0 / 390) * 100vw) auto 0;
}
button a{
  font-family: Iowan Old Style,serif !important;
  color: #fffafa;
  font-size: calc((25 / 390) * 100vw);
  line-height: calc((42 / 390) * 100vw);
}
/* asuka担当end asuka担当end asuka担当end asuka担当end asuka担当end asuka担当end asuka担当end asuka担当end asuka担当end */
.pc_br,.staff_image_top-tb{
  display: none !important;
}
/* 下から麻里子sp*/
.up_tempo_sp{
  transform: translateY(100%);
  opacity: 0;
}
.up_tempo_sp.show{
  animation: piyopiyoUP .8s ease-out .2s forwards;
}
/* 左から麻里子sp*/
.left_tempo_sp{
  transform: translateX(-100%);
  opacity: 0;
}
.left_tempo_sp.show{
  animation: aoaoUP 1.5s ease-out .2s forwards;
}
.right_tempo_sp{
  transform: translateX(-100%);
  opacity: 0;
}
.right_tempo_sp.show{
  animation: aoaoUP 1.5s ease-out .2s forwards;
}
}

/* @media screen and (max-width: 850px) and (min-width: 767px){
  .work_content {
    padding: calc((215 / 1920) * 100vw) 0 0 calc((100 / 1920) * 100vw);
  }
} */
/* @media screen and (max-width: 1500px) and (min-width: 767px){
  .work_text-all {
    margin-top: -560px;
    z-index: 1;
  }
} */
/* @media screen and (max-width: 1100px) and (min-width: 767px){
  .work_text-all {
    margin-right: -160px;
    z-index: 1;
  }

} */
@media screen and (max-width: 1000px) and (min-width: 767px){
  .staff_image_top-tb, .staff_image_down{
    display: grid !important;
  }
  .staff_content_inr img,.staff_content_inr img  {
    width: calc((278 / 1000) * 100vw);
    height: calc((200 / 1000) * 100vw);
}
.staff_image_top-pc{
  display: none !important;
}
}




/* 共通アニメーション  共通アニメーション 共通アニメーション 共通アニメーション 共通アニメーション*/

/* 一文字ずつのやつ*/
/* .massage, */
.noin,
.no1in1,
.no2in2{
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.no1in1 span{
  display: block;
  transform: translate(0, 150%);
  opacity: 0;
}
.no1in1 span.show{
  animation: hidenUP 0.5s ease-out 0s forwards;
}
.no1in1 span.show:nth-child(2){
   animation-delay: 0.06s;
}
.no1in1 span.show:nth-child(3){
   animation-delay: 0.12s;
}
.no1in1 span.show:nth-child(4){
   animation-delay: 0.18s;
}
.no1in1 span.show:nth-child(5){
   animation-delay: 0.24s;
}
.no1in1 span.show:nth-child(6){
   animation-delay: 0.30s;
}
.no1in1 span.show:nth-child(7){
   animation-delay: 0.36s;
}
.no1in1 span.show:nth-child(8){
   animation-delay: 0.42s;
}
.no1in1 span.show:nth-child(9){
   animation-delay: 0.48s;
}
.no1in1 span.show:nth-child(10){
   animation-delay: 0.54s;
}
.no1in1 span.show:nth-child(11){
   animation-delay: 0.6s;
}
.no1in1 span.show:nth-child(12){
   animation-delay: 0.66s;
}
.no1in1 span.show:nth-child(13){
   animation-delay: 0.72s;
}
.no1in1 span.show:nth-child(14){
   animation-delay: 0.78s;
}
.no1in1 span.show:nth-child(15){
   animation-delay: 0.84s;
}
.no1in1 span.show:nth-child(16){
   animation-delay: 0.90s;
}
.no1in1 span.show:nth-child(17){
   animation-delay: 0.96s;
}
.no1in1 span.show:nth-child(18){
   animation-delay: 1.02s;
}
.no1in1 span.show:nth-child(19){
   animation-delay: 1.08s;
}
.no1in1 span.show:nth-child(20){
   animation-delay: 1.14s;
}
@keyframes hidenUP {
  0% {
  transform: translate(0, 150%);
  opacity: 0;
  }
  100% {
  transform: translate(0, 0);
  opacity: 1;
  }
}
/* 一文字ずつのやつ200% */
.no2in2 span{
  display: block;
  transform: translateY(200%);
}
.no2in2 span.show{
  animation: hidenUp2 0.5s ease-out 0s forwards;
}
@keyframes hidenUp2 {
  0% {
    transform: translateY(200%);
  }
  100% {
    transform: translateY(0);
  }
}
.no2in2 span:nth-child(2){
  animation-delay: 0.06s;
}
.no2in2 span:nth-child(3){
  animation-delay: 0.12s;
}
.no2in2 span:nth-child(4){
  animation-delay: 0.18s;
}
.no2in2 span:nth-child(5){
  animation-delay: 0.24s;
}
.no2in2 span:nth-child(6){
  animation-delay: 0.3s;
}
.no2in2 span:nth-child(7){
  animation-delay: 0.36s;
}
.no2in2 span:nth-child(8){
  animation-delay: 0.42s;
}
.no2in2 span:nth-child(9){
  animation-delay: 0.48s;
}
.no2in2 span:nth-child(10){
  animation-delay: 0.54s;
}
.no2in2 span:nth-child(11){
  animation-delay: 0.6s;
}

/* 一文字ずつのやつshow無しver */
.noin span{
  animation: pyupyuUp 0.5s ease-out 1s forwards;
  transform: translateY(200%);
}
@keyframes pyupyuUp {
  0% {
    transform: translateY(200%);
  }
  100% {
    transform: translateY(0);
  }
}
.noin span:nth-child(2){
  animation-delay: 1.06s;
}
.noin span:nth-child(3){
  animation-delay: 1.12s;
}
.noin span:nth-child(4){
  animation-delay: 1.18s;
}
.noin span:nth-child(5){
  animation-delay: 1.24s;
}
.noin span:nth-child(6){
  animation-delay: 1.3s;
}
.noin span:nth-child(7){
  animation-delay: 1.36s;
}
.noin span:nth-child(8){
  animation-delay: 1.42s;
}
.noin span:nth-child(9){
  animation-delay: 1.48s;
}
.noin span:nth-child(10)
{
  animation-delay: 1.56s;
}
.noin span:nth-child(11){
  animation-delay: 1.62s;
}
.noin span:nth-child(12){
  animation-delay: 1.78s;
}
.noin span:nth-child(13){
  animation-delay: 1.84s;
}

/* 下から麻里子*/
.up_tempo{
  transform: translateY(100%);
  opacity: 0;
}
.up_tempo.show{
  animation: piyopiyoUP .8s ease-out .2s forwards;
}
@keyframes piyopiyoUP {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* 左から麻里子 */
.left_tempo{
  transform: translateX(-100%);
  opacity: 0;
}
.left_tempo.show{
  animation: aoaoUP 1.5s ease-out .2s forwards;
}
@keyframes aoaoUP {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* 左から麻里子speedUP */
.left_tempoUp{
  transform: translateX(-100%);
  opacity: 0;
}
.left_tempoUp.show{
  animation: aoaoUPUp 0.8s ease-in .2s forwards;
}
@keyframes aoaoUPUp {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* 右から麻里子 */
.right_tempo{
  transform: translateX(100%);
  opacity: 0;
}
.right_tempo.show{
  animation: aoaoRight 1.5s ease-out .2s forwards;
}
@keyframes aoaoRight {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* 透明度０→１００％ */
.work_text{
  opacity: 0;
}
.work_text.show{
  animation: nyaonyaoUP 1.3s ease-out 0.5s forwards;
}
@keyframes nyaonyaoUP {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.content_img{
  opacity: 0;
  filter: blur(20px);
  overflow: hidden;
}
.content_img.show {
  animation-name:content_one;
  animation-duration:1.5s;
  animation-fill-mode:forwards;
  will-change: opacity;
  opacity:0;
  }
  @keyframes content_one{
    from {
      opacity: 0;
      filter: blur(20px);
    }
    to {
      opacity: 1;
      filter: blur(0);
    }
  }

/* 下から麻里子show無しver */
.recurite_text,
.business_text,
.company_text{
  animation: poyapoyaUP .8s ease-out 1.3s forwards;
  transform: translateY(100%);
  opacity: 0;
}
@keyframes poyapoyaUP {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* WIN. 勝利 → GROW. 成長する */
.second_text_anime1,
.second_text_anime2,
.second_text_anime3,
.second_text_anime4{
  transform: translateY(100%);
  opacity: 0;
}
.second_text_anime1.show,
.second_text_anime2.show,
.second_text_anime3.show,
.second_text_anime4.show{
  animation: fadeUPdelay .8s ease-out .4s forwards;
}
@keyframes fadeUPdelay {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.second_text_anime2.show{
  animation-delay: 0.6s;
}
.second_text_anime3.show{
  animation-delay: 0.8s;
}
.second_text_anime4.show{
  animation-delay: 1s;
}

/* ボタンアニメーション */
button,.button,.button_back,.button_submit{
  transition:  0.5s;
  box-shadow: inset 0 0 0 0 white;
}
button a{
  transition:  0.5s;
}
button:hover,
.button:hover{
  box-shadow: inset max(calc((267 / 1920) * 100vw),267px) 0 0 0 white;
}
.button_back:hover,
.button_submit:hover{
  box-shadow: inset max(calc((335 / 1920) * 100vw),335px) 0 0 0 white;
}
button:hover a,
.button:hover,
.button_back:hover,
.button_submit:hover {
  color: black;
}
/* くるくるアニメーション */
.outline_content-img.show {
  animation-name: outline_contentimg;
  animation-duration:2s;
  animation-fill-mode:forwards;
}
@keyframes outline_contentimg {
  from{
    transform: rotateY(0);
    }
  to{
    transform: rotateY(-360deg);
    }
}


/* 2025.05.08 ポリシー追加 */
.privacypolicy{
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px){
  .privacypolicy{
    padding: calc((188 / 1920) * 100vw) 0 calc((200 / 1920) * 100vw);
    gap: calc(( 300 / 1920) * 100vw);
  }

}

@media screen and (max-width: 767px){
  .privacypolicy{
    padding: 0 calc(( 20 / 390) * 100vw) calc((100 / 390) * 100vw);
    gap: calc(( 100 / 390) * 100vw);
  }
}

.privacypolicy .privacypolicy__content{
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px){
  .privacypolicy .privacypolicy__content{
    width: max(calc(( 1000 / 1920) * 100vw),700px);
    gap: calc(( 40 / 1920) * 100vw);
  }
}

@media screen and (max-width: 767px){
  .privacypolicy .privacypolicy__content{
    width: calc(( 350 / 390) * 100vw);
    gap: calc(( 20 / 390) * 100vw);
  }
}


@media screen and (min-width: 768px){
  .privacypolicy__content--title{
    margin-bottom: calc(( 40 / 1920) * 100vw);

  }
}

@media screen and (max-width: 767px){
  .privacypolicy__content--title{
    margin-bottom: calc(( 20 / 390) * 100vw);
  }
}

.privacypolicy__content--title .TL{
  color: rgba(255, 255, 255, 1);
  text-align: center;
  font-family: YuMincho, serif;
  font-weight: 900;
  line-height: 1;

}

@media screen and (min-width: 768px){
  .privacypolicy__content--title .TL{
    font-size: max(calc((40 / 1920) * 100vw),30px);
  }
}

@media screen and (max-width: 767px){
  .privacypolicy__content--title .TL{
    font-size: calc(( 25 / 390) * 100vw);

  }
}

.privacypolicy .privacypolicy__content .TX{
  font-family: YuMincho, serif;
  color: rgba(255, 255, 255, 1);
  font-weight: 900;
  font-feature-settings: "palt";
}

@media screen and (min-width: 768px){
  .privacypolicy .privacypolicy__content .TX{
    font-size: max(calc((16 / 1920) * 100vw),16px);
    line-height: 1.6;
  }
}

@media screen and (max-width: 767px){
  .privacypolicy .privacypolicy__content .TX{
    font-size: calc(( 12 / 390) * 100vw);
    line-height: calc(( 24 / 390) * 100vw);
  }
}

.privacypolicy .privacypolicy__content .TX.TX-side{
  padding-left: 1em;
  text-indent: -1em;
  display: block;
}

.booTX{
  padding-left: 1em;
}
.booTX2{
  /* padding-left: 3em;
  text-indent: -1.3em; */
  padding-left: 2.3em;
  text-indent: -0.8em;
}
.booTX3{
  padding-left: 3em;
}
.booTX4{
  padding-left: 3em;
}
.booTX5{
  padding-left: 2em;
}

.policy__mini{
  width: fit-content;
  margin-left: auto;
}

.policy__contact{
  border:  solid #fff;
  width: fit-content;
  margin: 0 auto 0;
  text-align: center;
}

@media screen and (min-width: 768px){
  .policy__contact{
    border-width: calc(( 2 / 1920) * 100vw);
    margin-top: calc(( 20 / 390) * 100vw);
    padding: calc(( 30 / 1920) * 100vw);
  }
}

@media screen and (max-width: 767px){
  .policy__contact{
    border-width: calc(( 1 / 390) * 100vw);
    margin-top: calc(( 20 / 390) * 100vw) ;
    padding: calc(( 20 / 390) * 100vw);
  }
}