.dummy{
  width: 100%;
  height: 747px;
  background-color: slategray;
}
.fonts {
    font-family: 'NeuePlak', 'Oswald', 'Lexend', 'Lato', "M PLUS 1p", sans-serif !important;
}

*{
  text-decoration: none;
  margin: 0;
  padding: 0;
  /* font-family: 'NeuePlak', 'Oswald', 'Lexend', 'Lato', "M PLUS 1p", sans-serif; */
  scroll-behavior: smooth;
} 
li{
  list-style:none;
}
div.LPconetnts{
   /* font-family: 'NeuePlak', 'Oswald', 'Lexend', 'Lato', 'Noto Sans JP', "M PLUS 1p", sans-serif; */
}
.LPcontents img{
  width: 100%;
}
.section_box img{
  width: 100%;
}
section{
  width: 100%;
}
.section_box a{
  color: #000;
  text-decoration: none;
}
.bold_text{
  font-weight: 600;
  line-height: 0.8;  
  font-family:  'NeuePlak', 'Oswald', 'Lexend', 'Lato', "M PLUS 1p", sans-serif;
}
.text{
  line-height: normal;
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 1.5;
  /* font-weight: 500; */
  /* font-family:  'NeuePlak', 'Oswald', 'Lexend', 'Lato', "M PLUS 1p", sans-serif; */
}
.section_box{
  width: 75%;
  margin: 0 auto;
  max-width: 900px;
}
.section_box a img:hover{
  opacity: .8;
}
.section_box.full{
  width: 100%;
  max-width: none;
}

.h1{
  font-family: "NeuePlakExtended",sans-serif;
  font-size: clamp(5%,5vw,43px);
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1.2;
  text-align: center;
  color: #000;
}
.h1 .sub{
  font-family: "NeuePlakExtended",sans-serif;
  font-size: clamp(10%,1.9vw,29px);
  font-weight: 700;
  letter-spacing: 0.03em;
}
.h2{
  font-family: "NeuePlakCondensed", sans-serif;
  color: #000;
  font-size: clamp(10%,7vw,80px);
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 0.8;
  text-align: center;
}
.h3{
  font-size: clamp(10%,7vw,85px);
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 0.8;
  padding-bottom: 28px;
}
.title{
  font-family: "NeuePlak", sans-serif;
  font-size: clamp(10%,2vw,18px);
  font-weight: 800;
}
.subtitle{
  font-family: "NeuePlak", sans-serif;
  font-size: clamp(10%,2vw,16px);
  font-weight: 500;
  margin-top: 7px;
}
.btn_box{
  margin: 40px auto;
}
.section_box .btn_box .btn{
  display: block;
  width: 54%;
  padding: 0.7em 0px;
  margin: 0 auto;
  text-align: center;
  font-size: 25px;
  max-width: 600px;
  background-color: #000;
  color: #fff;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  border: 2px solid transparent;
  overflow: hidden;
  position: relative;
  font-family:  'NeuePlak', 'Oswald', 'Lexend', 'Lato', "M PLUS 1p", sans-serif;
  z-index: 1;
}


/* .section_box .btn_box .btn:hover{
  background-color: transparent;
  border: 2px solid #000;
  color: #000;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
} */
/* 左から色が変わるエフェクト */
/* .section_box .btn_box .btn::after{
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.section_box .btn_box .btn:hover::after {
  transform: scale(1, 1);
} */



footer{
  margin-top: 0!important;
}

.mt-48{
  margin-top: 48px;
}
.pt-0{
  padding-top: 0;
}
.opacity:hover{
  opacity: .5;
}
.underline{
  position: relative;
}
.underline::after{
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #000000;
    bottom: -1px;
    transform: scale(0, 1);
    transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
    transition: transform 0.3s;  /*変形の時間*/
}
.underline:hover::after {
  transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
  transform-origin: left top; /*左から右に向かう*/
}
/*------------------------------------------------------------------
  PC
------------------------------------------------------------------*/
/* main_view */
.main_view .innner{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.mv_textbox{
  margin: 43px auto;
  max-width: 1000px;
  width: 57%;
  min-width: 700px;
}
.mv_textbox .h1{
  margin-bottom: 48px;
}
.innner img{
  width: 100%;
}


/* about */
.about .section_box{
  padding: 0px 50px ;
}

.about .black_box{
  background-color: #000;
  width: 100%;
  padding: 40px 0;
  position: relative;
  color: #fff;
  margin-bottom: 28px;
}
.black_box .decoration_ear{
  position: absolute;
  top: 0;
  left: 0;
  background-color: #21a9de;
  padding: 11px 3.5em 67px 1em;
  clip-path: polygon(0% 0, 100% 0%, 0 100%);
}
.black_box .decoration_ear span{
  font-family: "NeuePlakCondensed",sans-serif;
  letter-spacing: 0.04em;
  font-size: 22px;
}

.about .h2{
  color: #fff;
  font-size: clamp(10%,2vw,29px);
  /* font-family: "source-han-sans-japanese", sans-serif; */
    font-family: "M PLUS 1p", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 15px;
}
.about .h2.big{
  font-size: clamp(10%,3vw,38px);
}
.about .date{
  text-align: center;
  font-family: "NeuePlakCondensed",sans-serif;
  font-weight: 600;
  font-size: 29px;
  letter-spacing: 0.03em;
}
.about .date .small{
  font-family: "NeuePlakCondensed",sans-serif;
  font-size: 23px;
}
.anker_ul{
  display: flex;
  margin-bottom: 50px;
  align-items: flex-end;
}
.arrow .anker_item img{
  padding-bottom: 17px;
  margin-bottom: -10px;
  /* max-height: 70px; */
  margin: auto;
}
.anker_item.eagles_anker{
  /* width: 110%; */
  padding: 0 3%;
}

.section_box .copyright{
  font-size: 10px;
  text-align: center;
  display: inline-block;
  width: 100%;
  /* margin-top: -30px; */
  padding-bottom: 17px;
  white-space: nowrap;
}
.anker_item{
  width: calc(100% / 6);
  /* width: fit-content; */
  padding: 0 4%;
  position: relative;
}
.arrow .anker_item::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: transparent;
  height: 0.8rem;
  width: 0.8rem;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(135deg);
}

/* team */
/* color */
.team.fighters::before{
  background-color: #006298;
}
.team.fighters::after {
  /* filter: brightness(0) saturate(100%) invert(21%) sepia(82%) saturate(2083%) hue-rotate(181deg) brightness(88%) contrast(103%); */
  background-color: #006298;
}
/* .team.fighters .logo_area img{
  width: 80%;
  padding: 0 10%;
} */

.team.eagles::before{
  background-color: rgb(135 0 17);
}
.team.eagles::after {
  /* filter: brightness(0) saturate(100%) invert(9.7%) sepia(51%) saturate(4963%) hue-rotate(328deg) brightness(86%) contrast(111%); */
  background-color: rgb(135 0 17);
}

.team.lions::before{
  background-color: rgb(0 30 64);
}
.team.lions::after {
  /* filter: brightness(0) saturate(100%) invert(10.6%) sepia(59%) saturate(2074%) hue-rotate(189deg) brightness(90%) contrast(103%); */
  background-color: rgb(0 30 64);
}

.team.mariners::before{
  background-color: rgb(0 0 0);
}
.team.mariners::after {
  /* filter: brightness(0) saturate(100%) invert(6%) sepia(13%) saturate(316%) hue-rotate(316deg) brightness(90%) contrast(109%); */
  background-color: rgb(0 0 0);
}

.team.buffaloes::before{
  background-color: #000121;
}
.team.buffaloes::after {
  /* filter: brightness(0) saturate(100%) invert(5%) sepia(27%) saturate(3968%) hue-rotate(201deg) brightness(126%) contrast(115%); */
  background-color: #000121;
}

.team.hawks::before{
  background-color: rgb(251 185 16);
}
.team.hawks::after {
  /* filter: brightness(0) saturate(100%) invert(84%) sepia(29%) saturate(1614%) hue-rotate(6deg) brightness(101%) contrast(101%); */
  background-color: rgb(251 185 16);
}
.team.hawks .item_text{
  color: #000;
}
/* .team.hawks .logo_area img{
  width: 80%;
  padding: 0 10%;
} */

.team .logo_area img{
  margin: 0 auto;
}

.team{
  position: relative;
  z-index: 0;
  margin-bottom: 60px;
}
.team::before{
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 630px;
  z-index: -1;
}
.team::after{
  content: "";
  position: absolute;
  bottom: 629px;
  width: 100%;
  height: 500px;
  clip-path: polygon(100% 50%, 100% 100%, 0 100%);
  /* background-image: url(https://media.aws.locondo.jp/reebokstatic/common/pacificleague_25/img/triangle.png); */
  /* background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%; */
  z-index: -1;
}

.team .logo_area{
  width: 17%;
  margin: 0 auto;
  margin-bottom: 45px;
}
.team .section_box .copyright{
  margin-top: 13px;
  font-size: 13px;
}

.team .item_area{
  width: 62%;
  margin: 0 auto;
}

.team .item_ul{
  display: flex;
  /* padding: 0 50px; */
}
.team .item_li{
  width: calc(100%/4 - 10px);
  margin: 0 5px;
}

.team .item_text{
  color: #fff;
  text-align: center;
  margin: 28px 0;
}
.team .btn_box{
  width: 43%;
  padding-bottom: 40px;
}
.team .section_box .btn_box .btn{
  background-color: #fff;
  color: #000;
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  padding: 0.8em 0px;
}

/* 応募方法 */
.apply{
  margin-bottom: 200px;
}
.apply .h3{
  /* color: #000; */
  font-size: clamp(10%,3vw,24px);
  text-align: center;
  font-weight: 500;
  margin: 100px 0 50px;
}
.apply .step_area{
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  border: 1px solid #000;
}
.apply .step_box{
  display: flex;
}
.apply .step_box:nth-child(2n) .left_step{
  background-color: #3a3a3a;
}

.apply .step_box .left_step::before{
  content: "";
  position: absolute;
  background-color: #3a3a3a;
  top: -1px;
  width: 100%;
  height: 24px;
  clip-path: polygon(0% 0, 100% 0%, 50% 100%);
}
.apply .step_box:nth-child(2n) .left_step::before{
  background-color: #000;
}
.apply .step_box:first-child .left_step::before{
  content: none;
}

.apply .left_step{
  padding: 1em;
  text-align: center;
  width: 10%;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 80px;
}
.apply .left_step p{
  margin: auto;
  font-family: "NeuePlakCondensed",sans-serif;
  font-size: clamp(14px,1.5vw,27px);
  color: #fff;
  white-space: nowrap;
  letter-spacing: 0.1em;
}
.apply .step_title{
  text-align: center;
  background-color: #f5f2f2;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 0.7em 0;
}
.apply .text_area{
  width: 100%;
  border-top: 1px solid #000;
  margin-top: -1px;
}
.apply .text_box{
  padding: 23px;
}
.apply .text_box img{
  margin: 20px 0;
}
.step_img_box{
  /* width: 53%; */
  width: 72%;
  margin: 0 auto;
}
a.link_text{
  text-decoration: underline;
  cursor: pointer;
}
a.link_text:hover{
  opacity: 0.5;
}

.apply .text_box img.mail_mark{
  width: 18%;
  display: block;
  margin: 10px auto 0;
  text-align: center;
}


/* 注意事項 */
.precautions{
  /* background-color: #f5f2f2; */
}
.precautions .section_box{
  padding: 48px 0 10px;
  background-color: #f5f2f2;
}
.precautions_ul{
  padding: 0 10%;
}
.precautions .h3{
  /* color: #000; */
  font-size: clamp(10%,3vw,24px);
  text-align: center;
  font-weight: 500;
  margin: 0px 0 24px;
}
.precautions_item{
  margin-bottom: 46px;
}
.precautions_item .title{
  padding-left: 0.7em;
  position: relative;
}
.precautions_item .title::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.7em);
  background-color: #000;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
.precautions_item .text{
  margin-top: 16px;
  line-height: 1.7;
  font-size: 14px;
  /* font-family:  "M PLUS 1p", sans-serif; */
  font-weight: 400;
}
.precautions .text_ul li{
  padding-left: 0.7em;
  position: relative;
  font-size: 14px;
  margin-bottom: 4px;
  letter-spacing: 0.04em;
  /* font-family:  "M PLUS 1p", sans-serif; */
  font-weight: 400;
}
.precautions .text_ul li::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(0.7em);
  background-color: #000;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}



/* footer */
.LPfooter .section_box .btn_box .btn{
  font-size: 16px;
  padding: 0.9em 0px;
}

.LPfooter .section_box .btn_box .btn:hover{
  background-color: transparent;
  border: 2px solid #000;
  color: #000;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
/* 左から色が変わるエフェクト */
.LPfooter .section_box .btn_box .btn::after{
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.LPfooter .section_box .btn_box .btn:hover::after {
  transform: scale(1, 1);
}

.LPfooter .section_box .btn_box{
  margin: 80px auto;
}
.LPfooter .anker_area{
  margin: 40px 0;
}




.fadeIn1s {
  animation-name: fadeIn1s;
  animation-delay: 0.8s;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  transform: translateY(0);
  opacity: 0;
}
@keyframes fadeIn1s {
  0% {
  }
  100% {
      transform: translateY(-50px);
      opacity: 1;
  }
}
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}
.scroll_right{
  overflow-x: hidden;
}
.scroll_right::before,
.scroll_right::after{
  transform: translateX(200%);
  transition: 1s ease-in-out;
}
.scroll_right.active::before,
.scroll_right.active::after{
  transform: translateX(0%);
}

.visial_pc{
  display: inline;
}
.visial_sp{
  display: none;
}
.visial_md{
  display: none;
}
/*------------------------------------------------------------------
  dots
------------------------------------------------------------------*/
@media screen and (max-width: 1300px) {
  .newitem_list .slick-dots {
    top: calc(45vw);
}
.newitem_list.--add_list .slick-dots{
  top: max(49vw, 520px);
  }
}


/*------------------------------------------------------------------
  SP
------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .visial_pc{
    display: none;
  }
  .visial_sp{
    display: inline;
  }
  .visial_md{
    display: none;
  }
  .h1{
    font-size: clamp(10%,15vw,85px);
  }
  .h1 .sub{
    /* font-size: clamp(10%,9.5vw,71px); */
    /* font-size: clamp(10%,7.99vw,71px); */
    font-size: clamp(10%,5.99vw,71px);
  }
  .section_box {
    width: 90%;
  }
  .section_box .btn_box .btn {
    width: 87%;
    font-size: 16px;
    padding: 1em 0px 1.1em;
  }
  .text{
    font-size: 15px;
  }
  .h2 {
    /* font-size: clamp(10%,15vw,85px); */
    font-size: clamp(10%,12vw,65px);
  }
  .h3 {
    font-size: clamp(10%,14vw,85px);
  }
  .title{
    font-size: clamp(10%,3.7vw,16px);
  }

  
  .btn_box {
    margin: 0px auto 40px;
  }

  .mv_textbox{
    min-width: auto;
    width: 90%;
  }
  .mv_textbox .h1{
    font-size: clamp(10%,6.2vw,35px);
  }
  .black_box .decoration_ear{
    padding: 6px 2.3em 40px 0.5em;
  }
  .black_box .decoration_ear span{
    font-size: 16px;
    letter-spacing: 0.06em;
  }
  .about .h2{
    font-size: clamp(10%,5vw,29px);
    line-height: 1.4;
  }
  .about .h2.big{
    font-size: clamp(10%,8vw,38px);
  }
  .about .black_box{
    padding: 35px 0;
  }
  .about .section_box{
    padding: 0;

  }

  .about .date{
    font-size: 22px;
  }
  .about .date .small{
    font-size: 17px;
  }
  .anker_ul{
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #999999;
    padding-bottom: 20px;
  }
  .LPfooter .anker_ul{
    border-bottom: none;
    padding-bottom: 0px;
  }
  .anker_item{
    /* max-width: calc(100% / 3); */
    width: calc(100% / 3);
    padding: 0 12px;
    /* margin-bottom: 10%; */
    margin-bottom: 40px;
    max-width: none;
  }
  .fighters_anker img{
    /* width: fit-content; */
    /* padding:0px 17% 0px; */
    margin: 0 auto;
  }
  .lions_anker img{
    /* width: 90%;
    padding: 0 8% 0px; */
    margin: 0 auto;
  }
  .hawks_anker img{
    /* width: 80%;
    padding: 0 10% 0px; */
    margin: 0 auto;
  }

  .team::before{
    height: 430px;
  }
  .team::after{
    bottom: 429px;
    /* background-image: url(https://media.aws.locondo.jp/reebokstatic/common/pacificleague_25/img/triangle_sp.png); */
    clip-path: polygon(100% 76%, 100% 100%, 0 100%);
  }
  .team .logo_area{
    width: 45%;
  }
  .team .section_box{
    width: 100%;
  }
  .team .item_area{
    width: 100%;
  }
  .team .item_ul{
    flex-wrap: wrap;
    padding: 0 1%;
    margin-bottom: 38px;
  }
  .team .item_li{
    width: calc(100% / 2 - 10px);
    margin-bottom: 10px;
  }
  .team .btn_box{
    width: 94%;
  }
  .team .section_box .btn_box .btn{
    padding: 0.9em 0px 1.0em;
    font-size: 12px;
  }
  .team .item_text{
    color: #000;
  }
  .step_img_box{
    width: 100%;
  }

  .apply .h3{
    font-size: clamp(10%,5vw,30px);
    margin: 30px 0;
  }
  .apply .left_step{
    /* width: 4%; */
    width: 15%;
  }
  .apply .text_box{
    padding: 18px 12px;
    text-align: center;
  }
  .apply .text_box img.mail_mark{
    width: 35%;
  }
  .apply .text_box img{
    max-width: 350px;
    /* display: block; */
    margin: 0 auto;
  }
  .apply .text_box .text{
    text-align: left;
    margin-bottom: 28px;
  }

  .apply .text_area{
    width: 85%;
  }
  .apply{
    margin-bottom: 50px;
  }
  .precautions .h3{
    font-size: clamp(10%,5vw,30px);
  }

  .precautions_ul {
    padding: 0 6%;
  }
  .precautions .text_ul li{
    line-height: 1.4;
  }
  .LPfooter .section_box .btn_box{
    margin: 40px auto;
  }
  .LPfooter .section_box{
    width: 100%;
  }
}