@charset "UTF-8";

/*
Theme Name: myportfolio-neorebase
Author: Ayaka Hida
Author URI: http://neorebase.misaikonomu-design.tech/
*/

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden; /* 横方向のはみ出しを完全に隠す */
}
p{
margin-block-start: 0em;
    margin-block-end: 0em;
}
a:-webkit-any-link {
    text-decoration:none;
}
ul{
  padding-inline-start: 20px;
      padding-inline-end: 0px;
}
@media (min-width: 1920px) {
ul{
  padding-inline-start: 20px;
      padding-inline-end: 20px;
}}
/*=============================
◎タイトル
=============================== */
.ttl .txt01_ttl {
  font: 600 36px/1 "Noto Sans JP";
  color: #1c2a49;
  text-shadow: 0px 2px 4px #333;
  text-align: center;
  margin: 0 0 17px 0;
}
@media (min-width: 768px) {
  .ttl .txt01_ttl {
    font: 600 48px/1 "Noto Sans JP";
    margin: 0 0 37px 0;
  }
}
@media (min-width: 1440px) {
  .ttl .txt01_ttl {
    font: 600 64px/1 "Noto Sans JP";
  }
}
.ttl .txt02_ttl {
  font: 400 20px/1.5 "Noto Sans JP";
  color: #fff;
  width: 275px;
  background-color: #1c2a49;
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ttl .txt02_ttl {
    font: 400 24px/1.5 "Noto Sans JP";
    width: 400px;
  }
}
@media (min-width: 1440px) {
  .ttl .txt02_ttl {
    font: 400 32px/1.5 "Noto Sans JP";
    width: 500px;
  }
}

/*=============================
◆メイン
=============================== */
.main {
  position: relative;
  height: 100dvh;
  width: 100%;
      overflow: hidden;
}
@media (min-width: 1920px) {
  .main {
    height: 960px;
  }
}

.main .hamburger-menu,
.nyuukai-mousikomi .hamburger-menu {
  position: fixed;
  z-index: 99;
  top: 12px;
  right: 12px;
}
@media (min-width: 600px) {
  .main .hamburger-menu,
  .nyuukai-mousikomi .hamburger-menu {
    right: 15px;
  }
}
.main .menu-btn,
.nyuukai-mousikomi .menu-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  width: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1c2a49;
  border-radius: 25px;
  border: 1px solid #fff;
}
.main .menu-btn span,
.main .menu-btn span:before,
.main .menu-btn span:after,
.nyuukai-mousikomi .menu-btn span,
.nyuukai-mousikomi .menu-btn span:before,
.nyuukai-mousikomi .menu-btn span:after {
  content: "";
  display: block;
  height: 3px;
  width: 30px;
  border-radius: 3px;
  background-color: #ffffff;
  position: absolute;
}
.main .menu-btn span:before,
.nyuukai-mousikomi .menu-btn span:before {
  bottom: 10px;
}
.main .menu-btn span:after,
.nyuukai-mousikomi .menu-btn span:after {
  top: 10px;
}
.main .bc01_mask,
.nyuukai-mousikomi .bc01_mask {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  position: relative;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
    height: 36%;
}
@media (min-width: 600px) {
  .main .bc01_mask,
  .nyuukai-mousikomi .bc01_mask {
  height: 33.3%;
    width: 60%;
  }
}
@media (min-width: 1920px) {
  .main .bc01_mask,
  .nyuukai-mousikomi .bc01_mask {
    height: 320px;
  }
}
.main .bc01,
.nyuukai-mousikomi .bc01 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-bottom: solid 1px #fff;
}
.main .bc02,
.nyuukai-mousikomi .bc02 {
  position: relative;
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(34, 103, 173, 0) 15%, #2267ad 25%, rgb(28, 42, 73) 55%, rgba(28, 42, 73, 0) 65%);
    height: 40%;
  top: 25%;
  z-index: 10;
  width: 100%;
}
@media (min-width: 600px) {
  .main .bc02,
  .nyuukai-mousikomi .bc02 {
    background: url(./img/main-bk-min.png) 0% 40%/cover no-repeat, linear-gradient(to bottom, rgb(28, 42, 73) 0%, rgb(28, 42, 73) 30%, rgb(34, 103, 173) 50%, rgb(28, 42, 73) 70%);
    background-blend-mode: overlay;
    top: 0px;
    left: -60%;
    -webkit-transform: skewX(10deg);
            transform: skewX(10deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
                height: 100%;
  }
}
@media (min-width: 1920px) {
  .main .bc02,
  .nyuukai-mousikomi .bc02 {
  height: 960px;
  }
}
.main .bc03_mask,
.nyuukai-mousikomi .bc03_mask {
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  position: absolute;
  top: 47%;
  width: 100%;
  z-index: 1;
    height: 33.3%;
}
@media (min-width: 600px) {
  .main .bc03_mask,
  .nyuukai-mousikomi .bc03_mask {
    right: 0;
    border-bottom: solid 1px #fff;
        border-top: solid 1px #fff;
    width: 60%;
      top: 33.3%;
  }
}
@media (min-width: 1200px) {
  .main .bc03_mask,
  .nyuukai-mousikomi .bc03_mask {
    right: 0;
    width: 60%;
    z-index: 5;

  }
}
@media (min-width: 1920px) {
  .main .bc03_mask,
  .nyuukai-mousikomi .bc03_mask {
    top: 320px;
    height: 320px;
  }
}
.main .bc03,
.nyuukai-mousikomi .bc03 {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.main .bc04_mask,
.nyuukai-mousikomi .bc04_mask {
  overflow: hidden;
}
@media (max-width: 599px) {
  .main .bc04_mask,
  .nyuukai-mousikomi .bc04_mask {
    height: 4200px;
  }
}
.main .bc04_outer,
.nyuukai-mousikomi .bc04_outer {
  -webkit-transform: skewY(-10deg);
          transform: skewY(-10deg);
  -webkit-transform-origin: top right;
          transform-origin: top right;
  position: absolute;
    top: 70%;
  width: 100%;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 600px) {
  .main .bc04_outer,
  .nyuukai-mousikomi .bc04_outer {
    -webkit-transform: skewY(0deg);
            transform: skewY(0deg);
    -o-object-position: left center;
       object-position: left center;
  margin-left: 40%;
  top:66.6%;
  width: 60%;
  height: 33.4%;
   }
}
@media (min-width: 1920px) {
  .main .bc04_outer,
  .nyuukai-mousikomi .bc04_outer {
    top: 642px;
      height: 320px;
  }
}
.main .bc04,
.nyuukai-mousikomi .bc04 {
  position: relative;
  width: 100%;
  height: 100%;
     -o-object-position: 70% 30%;
       object-position: 70% 30%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
     object-fit: cover;
     display: block;
}
@media (min-width: 600px) {
  .main .bc04,
  .nyuukai-mousikomi .bc04 {
  width: 120%;
  }
}
.nyukai .bc05,
.nyuukai-mousikomi .bc05,
.nyuukai-mousikomi .bc05-2,
.nyuukai-mousikomi .bc05-3 {
  background: url(./img/noise-bk-min.jpg) 50% 50%/cover no-repeat, -webkit-gradient(linear, left top, left bottom, from(#006699), to(#003366));
  background: url(./img/noise-bk-min.jpg) 50% 50%/cover no-repeat, linear-gradient(to bottom, #006699 0%, #003366 100%);
  background-blend-mode: multiply;
  width: 100%;
  display: block;
}
.nyukai .bc05,
.nyuukai-mousikomi .bc05 {
  position: relative;
  padding: 90px 0 90px 0;
    top: 100%;
}
@media (min-width: 600px) {
  .nyukai .bc05,
  .nyuukai-mousikomi .bc05 {
    top: 100%;
    padding: 100px 0 120px 0;
  }
}
.main .bc05-2,
.nyuukai-mousikomi .bc05-2 {
  padding: 60px 0 60px 0;
}
@media (min-width: 768px) {
  .main .bc05-2,
  .nyuukai-mousikomi .bc05-2 {
    padding: 100px 0 146px 0;
  }
}
@media (min-width: 1440px) {
  .main .bc05-2,
  .nyuukai-mousikomi .bc05-2 {
    padding: 140px 0 170px 0;
  }
}
.main .bc05-3,
.nyuukai-mousikomi .bc05-3 {
  padding: 60px 0 70px 0;
}
@media (min-width: 768px) {
  .main .bc05-3,
  .nyuukai-mousikomi .bc05-3 {
    padding: 100px 0 146px 0;
  }
}
@media (min-width: 1440px) {
  .main .bc05-3,
  .nyuukai-mousikomi .bc05-3 {
    padding: 190px 0 170px 0;
  }
}
.main .img_rogo,
.nyuukai-mousikomi .img_rogo {
  width: 200px;
  border-radius: 4px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  position: absolute;
  top: 15px;
  left: 10px;
  z-index: 11;
}
@media (min-width: 600px) {
  .main .img_rogo,
  .nyuukai-mousikomi .img_rogo {
    width: 235px;
    left: 20px;
  }
}
.main .l_container{
position: absolute;
display: grid;
justify-content: center;
align-content: center;
width: 50%;
height: 100%;
right: 20%;
margin-top: -15px;

}
@media (min-width: 600px) {
.main .l_container{
right: -20%;
margin-top: 0;
width: 70%;
gap:20px;
}
}
@media (min-width: 1100px) {
.main .l_container{
right: -20%;
width: 65%;
}
}
.main .img_tokyu,
.nyuukai-mousikomi .img_tokyu {
  aspect-ratio: 1/0.38;
  width: 80%;
  margin-bottom: 10px;
  margin-left: 5%;
}
@media (min-width: 600px) {
  .main .img_tokyu,
  .nyuukai-mousikomi .img_tokyu {
    width: 70%;
    margin-left: 10%
  }
}
@media (min-width: 1100px) {
  .main .img_tokyu,
  .nyuukai-mousikomi .img_tokyu {
    width: 65%;
  }
}
@media (min-width: 1440px) {
  .main .img_tokyu,
  .nyuukai-mousikomi .img_tokyu {
    width: 60%;
  }
}

/*----------------
img_straight-txt
------------------*/
.main .img_straight-txt,
.nyuukai-mousikomi .img_straight-txt {
  aspect-ratio: 1/0.26;
  width: 95%;
  display: block;
  margin-left: -40px;
  -webkit-transform: skewX(10deg);
          transform: skewX(10deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
@media (min-width: 600px) {
  .main .img_straight-txt,
  .nyuukai-mousikomi .img_straight-txt {
    width: 80%;
      -webkit-transform: skewX(0deg);
          transform: skewX(0deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  }
}
@media (min-width: 1440px) {
  .main .img_straight-txt,
  .nyuukai-mousikomi .img_straight-txt {
    width: 80%;
  }
}
/* --------------------
txt01～04（～600px）
-----------------------*/
.txt-area01{
    display: grid;
  align-content: center;
  gap:15px;
}
.main .txt01,
.nyuukai-mousikomi .txt01 {
  font: 500 24px/1 "Noto Sans JP";
  color: #ffffcc;
  margin-bottom: 0;
  text-align: center;
}
.main .txt02,
.nyuukai-mousikomi .txt02 {
  font: 500 20px/1.3 "Noto Sans JP";
  color: white;
  text-align: center;
}
.main .txt02 span,
.nyuukai-mousikomi .txt02 span {
  letter-spacing: -7%;
}
.main .txt03,
.nyuukai-mousikomi .txt03 {
  font: 500 16px/1.4 "Noto Sans JP";
  color: #ffffcc;
  text-align: center;
  margin: 15px 0 0 0;
}
.main .txt03 span,
.nyuukai-mousikomi .txt03 span {
  font-size: 20px;
}
.main .txt04,
.nyuukai-mousikomi .txt04 {
  font: 500 16px/1.4 "Noto Sans JP";
  color: #003366;
  text-align: center;
}
.main .txt05,
.nyuukai-mousikomi .txt05 {
  font: 500 20px/1.4 "Noto Sans JP";
  color: #ffffcc;
  text-align: center;
  margin: 25px 0 0 0;
}

/* --------------------
txt（600px～）
-----------------------*/
@media (min-width: 600px) {
  .txt-area01{
    display: grid;
  align-content: center;
  gap:15px;
}
  .txt-area02{
    display: grid;
  align-content: center;
  gap:7px;
}
  .main .txt01,
    .nyuukai-mousikomi .txt01 {
    font: 500 28px/1 "Noto Sans JP";
  }
    .main .txt03,
  .nyuukai-mousikomi .txt03 {
    font: 500 20px/1.4 "Noto Sans JP";
    margin: 20px 0 0 0;
  }
  .main .txt03 span,
  .nyuukai-mousikomi .txt03 span {
    font-size: 28px;
  }
    .main .txt04,
  .nyuukai-mousikomi .txt04 {
    font: 500 20px/1.4 "Noto Sans JP";
  }
  .main .txt05,
  .nyuukai-mousikomi .txt05 {
    font: 500 28px/1.3 "Noto Sans JP";
    margin: 35px 0 0 0;
  }
}
/* --------------------
txt（900px～）
-----------------------*/
@media (min-width: 900px) {
  .main .txt01,
    .nyuukai-mousikomi .txt01 {
    font: 500 34px/1 "Noto Sans JP";
  }
      .main .txt02,
  .nyuukai-mousikomi .txt02 {
    font: 500 28px/1.3 "Noto Sans JP";
  }
    .main .txt03,
  .nyuukai-mousikomi .txt03 {
        font: 500 26px/1.3 "Noto Sans JP";
  }
    .main .txt03 span,
  .nyuukai-mousikomi .txt03 span {
    font-size: 30px;
  }
      .main .txt04,
  .nyuukai-mousikomi .txt04 {
    font: 500 28px/1.4 "Noto Sans JP";
  }
  .main .txt05,
  .nyuukai-mousikomi .txt05 {
    font-size: 30px;
  }
}

/* --------------------
txt（1440px～）
-----------------------*/
@media (min-width: 1440px) {
  .main .txt01,
    .nyuukai-mousikomi .txt01 {
    font: 500 40px/1 "Noto Sans JP";
  }
    .main .txt02,
  .nyuukai-mousikomi .txt02 {
    font: 500 32px/1.4 "Noto Sans JP";
  }
    .main .txt03,
  .nyuukai-mousikomi .txt03 {
    font: 500 32px/1.4 "Noto Sans JP";
    margin: 40px 0 0 0;
  }
  .main .txt03 span,
  .nyuukai-mousikomi .txt03 span {
    font-size: 40px;
  }
  .main .txt05,
  .nyuukai-mousikomi .txt05 {
    font: 500 40px/1.3 "Noto Sans JP";
    margin: 60px 0 0 0;
  }
}

.nyukai .txt06,
.nyuukai-mousikomi .txt06 {
  font: 500 16px/1 "Noto Sans JP";
  color: #a28255;
  text-shadow: -4px 4px 4px #1c2a49;
  text-align: center;
}
@media (min-width: 768px) {
  .nyukai .txt06,
  .nyuukai-mousikomi .txt06 {
    font: 500 32px/1 "Noto Sans JP";
  }
}
@media (min-width: 1440px) {
  .nyukai .txt06,
  .nyuukai-mousikomi .txt06 {
    font: 500 36px/1 "Noto Sans JP";
  }
}
.nyukai .txt07,
.nyuukai-mousikomi .txt07 {
  font: 700 24px/1.4 "Noto Sans JP";
  color: #a28255;
  text-align: center;
  text-shadow: -4px 4px 4px #1c2a49;
}
@media (min-width: 768px) {
  .nyukai .txt07,
  .nyuukai-mousikomi .txt07 {
    font: 700 40px/1.5 "Noto Sans JP";
  }
}
@media (min-width: 1440px) {
  .nyukai .txt07,
  .nyuukai-mousikomi .txt07 {
    font: 700 48px/1.5 "Noto Sans JP";
  }
}
.nyukai .txt08,
.nyuukai-mousikomi .txt08 {
  font: 700 16px/1.4 "Noto Sans JP";
  color: #fff;
  text-align: center;
  margin: 20px 0 30px 0;
}
@media (min-width: 768px) {
  .nyukai .txt08,
  .nyuukai-mousikomi .txt08 {
    font: 700 24px/1.4 "Noto Sans JP";
    margin: 30px 0 40px 0;
  }
}
@media (min-width: 1440px) {
  .nyukai .txt08,
  .nyuukai-mousikomi .txt08 {
    font: 700 28px/1.4 "Noto Sans JP";
  }
}
.nyukai .txt09,
.nyuukai-mousikomi .txt09 {
  font: 700 16px/3.125 "Noto Sans JP";
  color: #fff;
  text-align: center;
  display: block;
}
@media (min-width: 768px) {
  .nyukai .txt09,
  .nyuukai-mousikomi .txt09 {
    font: 700 24px/2.5 "Noto Sans JP";
  }
}
@media (min-width: 1440px) {
  .nyukai .txt09,
  .nyuukai-mousikomi .txt09 {
    font: 700 32px/2.5 "Noto Sans JP";
  }
}
.main .txt10,
.nyuukai-mousikomi .txt10 {
  font: 400 16px/1.6 "Noto Sans JP";
  color: white;
  margin: 50px 0 15px 0;
}
@media (min-width: 768px) {
  .main .txt10,
  .nyuukai-mousikomi .txt10 {
    font: 400 20px/1.5 "Noto Sans JP";
    margin: 70px 0 20px 0;
  }
}
@media (min-width: 1440px) {
  .main .txt10,
  .nyuukai-mousikomi .txt10 {
    font: 400 24px/1.5 "Noto Sans JP";
  }
}
.main .txt11,
.nyuukai-mousikomi .txt11 {
  font: 400 14px/1.7 "Noto Sans JP";
  color: white;
  text-align: left;
  margin: 0 0 10px 0;
}
@media (min-width: 768px) {
  .main .txt11,
  .nyuukai-mousikomi .txt11 {
    font: 400 16px/1.7 "Noto Sans JP";
    margin: 0 0 20px 0;
  }
}
@media (min-width: 1440px) {
  .main .txt11,
  .nyuukai-mousikomi .txt11 {
    font: 400 20px/1.7 "Noto Sans JP";
    margin: 0 auto 20px auto;
    width: 500px;
  }
}
.main .txt12,
.nyuukai-mousikomi .txt12 {
  font: 400 14px/1 "Noto Sans JP";
  color: #1a2c49;
  text-align: center;
  margin: 14px auto 5px auto;
}
@media (min-width: 1440px) {
  .main .txt12,
  .nyuukai-mousikomi .txt12 {
    font: 400 16px/1 "Noto Sans JP";
    margin: 20px auto 5px auto;
  }
}
.main .txt13,
.nyuukai-mousikomi .txt13 {
  font: 500 16px/1 "Noto Sans JP";
  color: #1a2c49;
  text-align: center;
  margin: 0 0 15px 0;
}
@media (min-width: 1440px) {
  .main .txt13,
  .nyuukai-mousikomi .txt13 {
    font: 500 20px/1 "Noto Sans JP";
  }
}
.main .txt14,
.main .txt15,
.nyuukai-mousikomi .txt14,
.nyuukai-mousikomi .txt15 {
  font: 400 16px/1.7 "Noto Sans JP";
  color: #fff;
  text-align: left;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1440px) {
  .main .txt14,
  .main .txt15,
  .nyuukai-mousikomi .txt14,
  .nyuukai-mousikomi .txt15 {
    font: 400 20px/1.5 "Noto Sans JP";
  }
}
.main .txt15,
.nyuukai-mousikomi .txt15 {
  margin-top: 15px;
  font: 400 14px/1.7 "Noto Sans JP";
  color: white;
}
@media (min-width: 768px) {
  .main .txt15,
  .nyuukai-mousikomi .txt15 {
    font: 400 16px/1.7 "Noto Sans JP";
    position: absolute;
    right: 10%;
  }
}
@media (min-width: 1440px) {
  .main .br_sm,
  .nyuukai-mousikomi .br_sm {
    display: none;
  }
}
.main .area_txt10-11,
.nyuukai-mousikomi .area_txt10-11 {
  display: grid;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.main .area_rounds,
.nyuukai-mousikomi .area_rounds {
    -webkit-transform-origin: top left;
          transform-origin: top left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items:end;
  gap:5px;
  margin: -10px 25px 0 0px;
}
@media (min-width: 600px) {
.main .area_rounds,
.nyuukai-mousikomi .area_rounds {
    -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}
}
@media (min-width: 900px) {
.main .area_rounds,
.nyuukai-mousikomi .area_rounds {
  margin: -10px 0 0 20px;
}
}
@media (min-width: 1440px) {
.main .area_rounds,
.nyuukai-mousikomi .area_rounds {
  margin: -10px 0 0 0px;
}
}

.main .round01,
.nyuukai-mousikomi .round01 {
  background: url(./img/nihonsaidai.png) 50% 50%/contain no-repeat;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  -webkit-box-shadow: 2px 4px 4px #1a2c49;
          box-shadow: 2px 4px 4px #1a2c49;
              display: grid;
  align-content: center;
}
@media (min-width: 600px) {
  .main .round01,
  .nyuukai-mousikomi .round01 {
    width: 180px;
    height: 180px;
  }
}
@media (min-width: 900px) {
  .main .round01,
  .nyuukai-mousikomi .round01 {
    width: 210px;
    height: 210px;
  }
}
@media (min-width: 1440px) {
  .main .round01,
  .nyuukai-mousikomi .round01 {
    width: 300px;
    height: 300px;
  }
}
.main .round02,
.main .round03,
.nyuukai-mousikomi .round02,
.nyuukai-mousikomi .round03 {
  width: 100px;
  height: 100px;
  background: -webkit-gradient(linear, left top, left bottom, from(#0099cc), to(#006699));
  background: linear-gradient(to bottom, #0099cc 0%, #006699 100%);
  border-radius: 50%;
  -webkit-box-shadow: 2px 4px 4px #1a2c49;
          box-shadow: 2px 4px 4px #1a2c49;
  display: block;
}
@media (min-width: 600px) {
  .main .round02,
  .nyuukai-mousikomi .round02
  {
    width: 130px;
    height: 130px;
  }
    .main .round03,
  .nyuukai-mousikomi .round03 {
   width: 130px;
       height: 130px;
  }
}
@media (min-width: 900px) {
  .main .round02,
  .nyuukai-mousikomi .round02
   {
    width: 150px;
        height: 150px;
  }
    .main .round03,
  .nyuukai-mousikomi .round03 {
        width: 150px;
                height: 150px;
        /* left: 14%; */
  }
}
@media (min-width: 1440px) {
  .main .round02,
  .nyuukai-mousikomi .round02
   {
    width: 220px;
            height: 220px;
  }
    .main .round03,
  .nyuukai-mousikomi .round03 {
        width: 220px;
        height: 220px;
  }
}

.main .area_company_rogo,
.nyuukai-mousikomi .area_company_rogo {
  margin: 0 0 0 10px;
  padding: 12px 0 0 0;
  position: absolute;
}
.nyukai .button_nyukai,
.nyuukai-mousikomi .button_nyukai {
  width: 300px;
  background-image: linear-gradient(to bottom, #ff9900 0%, #ff6600 100%);
  position: relative;
  border-radius: 100px;
  border: #fff solid 2px;
  margin: 0 auto;
  display: grid;
  align-items: center;

}
@media (min-width: 768px) {
  .nyukai .button_nyukai,
  .nyuukai-mousikomi .button_nyukai {
    width: 450px;
  }
}
@media (min-width: 1440px) {
  .nyukai .button_nyukai,
  .nyuukai-mousikomi .button_nyukai {
    width: 600px;
      height: 90px;
  }
}
.nyukai .button_nyukai a,
.nyuukai-mousikomi .button_nyukai a {
  display: block;
}
.nyukai .button_nyukai a::after,
.nyuukai-mousikomi .button_nyukai a::after {
  content: "";
  width: 10px;
  aspect-ratio: 1/1;
  position: absolute;
  right: 40px;
  top: calc(50% - 2px);
  border-top: solid 2px;
  border-right: solid 2px;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  color: #fff;
}
@media (min-width: 768px) {
  .nyukai .button_nyukai a::after,
  .nyuukai-mousikomi .button_nyukai a::after {
    width: 14px;
    right: 40px;
    right: 75px;
  }
}
@media (min-width: 768px) {
  .nyukai .button_nyukai a::after,
  .nyuukai-mousikomi .button_nyukai a::after {
    width: 20px;
    border-top: solid 4px;
    border-right: solid 4px;
    right: 95px;
  }
}
.nyukai .button_nyukai:hover,
.nyuukai-mousikomi .button_nyukai:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5500), to(#ff5500));
  background-image: linear-gradient(to bottom, #ff5500 0%, #ff5500 100%);
}
.nyukai .txt09:hover,
.nyuukai-mousikomi .txt09:hover {
  color: #ffcc66;
}
.main .area_step_all,
.nyuukai-mousikomi .area_step_all {
  margin: 30px 0 0 0;
}
@media (min-width: 768px) {
  .main .area_step_all,
  .nyuukai-mousikomi .area_step_all {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
    margin: 40px 0 0 0;
  }
}
@media (min-width: 1440px) {
  .main .area_step_all,
  .nyuukai-mousikomi .area_step_all {
    gap: 30px;
  }
}
.main .area_step_top,
.main .area_step_bottom,
.nyuukai-mousikomi .area_step_top,
.nyuukai-mousikomi .area_step_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
@media (min-width: 1440px) {
  .main .area_step_top,
  .main .area_step_bottom,
  .nyuukai-mousikomi .area_step_top,
  .nyuukai-mousikomi .area_step_bottom {
    gap: 30px;
  }
}
.main .area_step_01,
.nyuukai-mousikomi .area_step_01 {
  position: relative;
}
.main .area_step_02,
.nyuukai-mousikomi .area_step_02 {
  position: relative;
  margin: 80px 0 0 0;
}
@media (min-width: 768px) {
  .main .area_step_02,
  .nyuukai-mousikomi .area_step_02 {
    margin: 0 0 0 0;
  }
}
.main .area_step_03,
.nyuukai-mousikomi .area_step_03 {
  position: relative;
  margin: -70px 0 0 0;
}
@media (min-width: 768px) {
  .main .area_step_03,
  .nyuukai-mousikomi .area_step_03 {
    margin: 0 0 0 0;
  }
}
.main .area_step_04,
.nyuukai-mousikomi .area_step_04 {
  position: relative;
  margin: 10px 0 0 0;
}
@media (min-width: 768px) {
  .main .area_step_04,
  .nyuukai-mousikomi .area_step_04 {
    margin: 0 0 0 0;
  }
}
.main .round_step,
.nyuukai-mousikomi .round_step {
  position: absolute;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #3399cc;
  width: 60px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 1440px) {
  .main .round_step,
  .nyuukai-mousikomi .round_step {
    width: 80px;
  }
}
.main .area_txt,
.nyuukai-mousikomi .area_txt {
  width: 160px;
  height: 130px;
  border-radius: 2px;
  border: dotted 1px #d2d2d2;
  margin: 30px 0 0 0;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (min-width: 1440px) {
  .main .area_txt,
  .nyuukai-mousikomi .area_txt {
    width: 190px;
    height: 150px;
    margin: 40px 0 0 0;
  }
}
.main .line_next_01,
.main .line_next_02,
.main .line_next_03,
.nyuukai-mousikomi .line_next_01,
.nyuukai-mousikomi .line_next_02,
.nyuukai-mousikomi .line_next_03 {
  width: 20px;
  height: 1px;
  background-color: #d2d2d2;
  position: absolute;
}
@media (min-width: 1440px) {
  .main .line_next_01,
  .main .line_next_02,
  .main .line_next_03,
  .nyuukai-mousikomi .line_next_01,
  .nyuukai-mousikomi .line_next_02,
  .nyuukai-mousikomi .line_next_03 {
    width: 30px;
  }
}
.main .line_next_01,
.nyuukai-mousikomi .line_next_01 {
  right: -20px;
  bottom: 100px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media (min-width: 768px) {
  .main .line_next_01,
  .nyuukai-mousikomi .line_next_01 {
    bottom: 65px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media (min-width: 1440px) {
  .main .line_next_01,
  .nyuukai-mousikomi .line_next_01 {
    bottom: 75px;
    right: -30px;
  }
}
.main .line_next_02,
.nyuukai-mousikomi .line_next_02 {
  left: -20px;
  bottom: 20px;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
@media (min-width: 768px) {
  .main .line_next_02,
  .nyuukai-mousikomi .line_next_02 {
    bottom: 65px;
    left: 160px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media (min-width: 1440px) {
  .main .line_next_02,
  .nyuukai-mousikomi .line_next_02 {
    bottom: 75px;
    left: 190px;
  }
}
.main .line_next_03,
.nyuukai-mousikomi .line_next_03 {
  right: -20px;
  bottom: 100px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
@media (min-width: 768px) {
  .main .line_next_03,
  .nyuukai-mousikomi .line_next_03 {
    bottom: 65px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media (min-width: 1440px) {
  .main .line_next_03,
  .nyuukai-mousikomi .line_next_03 {
    bottom: 75px;
    right: -30px;
  }
}

/*=============================
◆2023・2024ドラフト
=============================== */
.draft {
position: relative;
}
@media (min-width: 1200px) {
  .draft {
    margin: 0;
    position: relative;
  }
}
.draft .bc01 {
  position: relative;
  width: 100%;
    height: 600px;
}
@media (max-width: 767px) {
  .draft .bc01 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 42, 73, 0.85))), url(./img/pitching-min.jpg) 50% 50%/cover no-repeat;
    background: linear-gradient(rgba(28, 42, 73, 0.85)), url(./img/pitching-min.jpg) 50% 50%/cover no-repeat;
  }
}
@media (min-width: 768px) {
  .draft .bc01 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 42, 73, 0.85))), url(./img/ground-min.jpg) 50% 50%/cover no-repeat;
    background: linear-gradient(rgba(28, 42, 73, 0.85)), url(./img/ground-min.jpg) 50% 50%/cover no-repeat;
    height: 750px;
  }
}
@media (min-width: 1100px) {
  .draft .bc01 {
 height: 900px;
  }
}
@media (min-width: 1300px) {
  .draft .bc01 {
 height: 1050px;
  }
}
@media (min-width: 1600px) {
  .draft .bc01 {
 height: 1200px;
  }
}
@media (min-width: 1920px) {
  .draft .bc01 {
 height: 1300px;
  }
}
.draft .container01{
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 90%;
  position: absolute;
  left: 50%;
  top:13%;
  transform: translateX(-50%);
}
@media (min-width: 600px) {
.draft .container01{
  top:15%;
}
}
@media (min-width: 768px) {
.draft .container01{
   display: flex;
  top:12%;
}
}
@media (min-width: 1200px) {
.draft .container01{
    gap: 50px;
     width: 90%;
       left: 50%;
  top:5%;
}
}
@media (min-width: 1600px) {
.draft .container01{
    gap: 80px;
  width: 80%;
  /* top:5%; */
}
}
@media (min-width: 1920px) {
.draft .container01{
    gap: 80px;
  width: 80%;
  top:3%;
}
}
.draft .area_l{
  position: relative;
  width: 100%;
  display: grid;
  align-content: center;
  gap:50px;
}
@media (min-width: 768px) {
.draft .area_l{
  width: 60%;
  gap:30px;
}
}
@media (min-width: 1200px) {
.draft .area_l{
  width: 40%;
  gap:40px;
}
}
@media (min-width: 768px) {
.draft .area_r{
  width: fit-content;
  width: 50%;
}
}
@media (min-width: 1200px) {
.draft .area_r{
  width: fit-content;
  width: 40%;
}
}
.draft .txt01 {
  font: 500 28px/1.8 "Noto Sans JP";
  color: #fff;
}
@media (min-width: 768px) {
  .draft .txt01 {
    font: 500 32px/2 "Noto Sans JP";
    top: 80px;
    left: 80px;
  }
}
@media (min-width: 1200px) {
  .draft .txt01 {
    font: 500 36px/2.5 "Noto Sans JP";
    top: 120px;
    left: 130px;
  }
}
@media (min-width: 1920px) {
  .draft .txt01 {
    top: 160px;
    left: 350px;
  }
}
.draft .txt01_1 {
  font: 700 48px/1 "Noto Sans JP";
  color: #ffffcc;
}
@media (min-width: 768px) {
  .draft .txt01_1 {
    font: 700 64px/1 "Noto Sans JP";
  }
}
.draft .txt01_2 {
  font: 700 24px/1 "Noto Sans JP";
  color: #ffffcc;
}
@media (min-width: 768px) {
  .draft .txt01_2 {
    font: 700 48px/1 "Noto Sans JP";
  }
}
.draft .txt01_3 {
  font: 700 24px/1 "Noto Sans JP";
  color: white;
}
@media (min-width: 768px) {
  .draft .txt01_3 {
    font: 700 48px/1 "Noto Sans JP";
  }
}
.draft .txt02 {
  font: 400 16px/2 "Noto Sans JP";
  letter-spacing: 0.08em;
  color: #fff;
  margin: 0 auto;

}
@media (min-width: 600px) {
  .draft .txt02 {
    font: 400 20px/2 "Noto Sans JP";
  }
}
@media (min-width: 1200px) {
  .draft .txt02 {
    font: 400 24px/2 "Noto Sans JP";
        margin: 40px 0 0 0;
      width: 100%;
  }
}
@media (min-width: 1920px) {
  .draft .txt02 {
    font: 400 28px/2 "Noto Sans JP";
    letter-spacing: 0.08em;
    width: 100%;
  }
}
.draft .triangle {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(73%, rgb(162, 130, 85)), to(rgba(162, 130, 85, 0.1)));
  background: linear-gradient(to bottom, rgb(162, 130, 85) 73%, rgba(162, 130, 85, 0.1) 100%);
  height: 13px;
  width: 200px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
margin-top: -10px;
}
@media (min-width: 768px) {
  .draft .triangle {
    width: 270px;
  }
}
@media (min-width: 1200px) {
  .draft .triangle {
    height: 15px;
    width: 300px;
    margin-top: -20px;
  }
}
@media (min-width: 1920px) {
  .draft .triangle {
    top: 200px;
  }
}
.draft .img_pitching-ron {
    width: 100%;
  aspect-ratio: 0.73/1;
     object-fit: cover;
}
@media (max-width: 768px) {
  .draft .img_pitching-ron {
    display: none;
  }
}
.draft .bc02_outer-aboutus {
  width: 100%;
  position: relative;
  padding: 0;
    background-color: rgb(234, 244, 252);
}
@media (min-width: 768px) {
.draft .bc02_outer-aboutus {
  padding: 0 0 70px 0;
}
}
@media (min-width: 900px) {
  .draft .bc02_outer-aboutus .ttl {
    margin: 20px 0 0 0;
  }
}
@media (min-width: 1440px) {
  .draft .bc02_outer-aboutus .ttl {
    margin: 100px 0 0 0;
  }
}
@media (min-width: 1920px) {
  .draft .bc02_outer-aboutus .ttl {
    margin: 140px 0 0 0;
  }
}
@media (min-width: 768px) {
  .draft .bc02_outer-aboutus .bc02_mask {
    overflow: hidden;
  }
}
.draft .bc02_outer-aboutus .bc02 {
  background-color: rgb(234, 244, 252);
    padding: 100px 0 ;
      width: 100%;
  position: relative;
      -webkit-transform: skewY(-5deg);
            transform: skewY(-5deg);
    -webkit-transform-origin: top right;
            transform-origin: top right;
  top: -80px;
  }

@media (min-width: 768px) {
  .draft .bc02_outer-aboutus .bc02 {
    position: absolute;
  padding: 150px 0 ;
}
}
@media (min-width: 900px) {
  .draft .bc02_outer-aboutus .bc02 {
    position: absolute;
    top: -100px;
}
}
@media (min-width: 1200px) {
  .draft .bc02_outer-aboutus .bc02 {
    position: absolute;
    top: -280px;
}
}
@media (min-width: 1600px) {
  .draft .bc02_outer-aboutus .bc02 {
    top: -330px;
  }
}
@media (min-width: 1920px) {
  .draft .bc02_outer-aboutus .bc02 {
    top: -300px;
  }
}
  .draft .bc02_outer-aboutus .bc02_inner {
    -webkit-transform: skewY(5deg);
            transform: skewY(5deg);
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }
@media (min-width: 1200px) {
  .draft .bc02_outer-aboutus .bc02_inner {
padding: 20px 0 0 0;
  }
}
.draft .bc02_outer-aboutus .outer_bc03 {
  width: 100%;
  aspect-ratio: 1/0.74;
  margin: 0 auto;
}
@media (min-width: 600px) {
  .draft .bc02_outer-aboutus .outer_bc03 {
  padding: 80px 0 0 0;
  }
}
@media (min-width: 768px) {
  .draft .bc02_outer-aboutus .outer_bc03 {
  padding: 380px 0 0 0;
  }
}
@media (min-width: 1200px) {
  .draft .bc02_outer-aboutus .outer_bc03 {
        width: 50%;
    position: relative;
        padding: 0;
  }
}
@media (max-width: 1439px) {
  .draft .bc02_outer-aboutus .outer_bc03::before {
    display: none;
  }
}

.draft .bc02_outer-aboutus .bc03 {
      background: url(./img/syugou01.png) 100% 100%/contain  no-repeat;
  width: 100%;
  height: 100%;
  display: block;
}
@media (min-width: 1440px) {
  .draft .bc02_outer-aboutus .bc03 {
    margin-top: 0;
  }
}
.draft .bc02_outer-aboutus .bc04_front {
  background: linear-gradient(rgba(0, 51, 102, 0.8)), url(./img/aboutus02-min.jpg) 50% 50%/cover no-repeat;
  padding: 50px 0 70px 0;
}
@media (min-width: 768px) {
  .draft .bc02_outer-aboutus .bc04_front {
    padding: 80px auto;
    width: 90%;
    margin: 0 auto;
        border-radius: 8px;
  }
}
@media (min-width: 1200px) {
  .draft .bc02_outer-aboutus .bc04_front {
    width: 900px;
    height: 580px;
   padding: 100px 0 0 0;
    margin: 50px 15% 0 auto ;
  }
}
@media (min-width: 1440px) {
  .draft .bc02_outer-aboutus .bc04_back {
    background-color: #1c2a49;
    width: 970px;
    height: 500px;
    border-radius: 8px;
    position: absolute;
    z-index: 101;
    bottom: 70px;
    right: 50px;
  }
}
@media (min-width: 1920px) {
  .draft .bc02_outer-aboutus .bc04_back {
    right: 120px;
  }
}
  .draft .bc02_outer-aboutus .area_neorebase {
    position: relative;
  }
@media (min-width: 1440px) {
  .draft .bc02_outer-aboutus .area_neorebase {
    height: 680px;
    width: 100%;
    position: static;
    background-color: rgb(234, 244, 252);
  }
}
.draft .bc02_outer-aboutus .area_rogo02 {
  margin: 0 auto 40px auto;
  width: 235px;
  height: 60px;
}
@media (min-width: 767px) {
  .draft .bc02_outer-aboutus .area_rogo02 {
    width: 314px;
    height: 80px;
    margin: 0 auto 40px auto;
  }
}
@media (min-width: 1440px) {
  .draft .bc02_outer-aboutus .area_rogo02 {
    width: 392px;
    height: 100px;
  }
}
.draft .bc02_outer-aboutus .container02 {
  background-color: rgb(234, 244, 252);
  gap: 0px;
  height: 100%;
  width: 96%;
  margin: 10px auto 30px auto;
}
 @media (min-width: 768px) {
.draft .bc02_outer-aboutus .container02 {
  margin: -20px auto 60px auto;
}
 }
 @media (min-width: 1200px) {
  .draft .bc02_outer-aboutus .container02 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    gap: 40px;
    padding: 170px 0 0 0;
  }
}

@media (min-width: 1440px) {
  .draft .bc02_outer-aboutus .container02 {
     padding: 200px 0 0;
    width: 85%;
  }
}
@media (min-width: 1920px) {
  .draft .bc02_outer-aboutus .container02 {
    gap: 70px;
  }
}
@media (max-width: 767px) {
  .draft .bc02_outer-aboutus .img_rogo01 {
    display: none;
  }
}
@media (min-width: 768px) {
  .draft .bc02_outer-aboutus .img_rogo01 {
    -webkit-transform: rotate(-13deg);
            transform: rotate(-13deg);
    height: 100px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 300px;
    right: 30px;
    z-index: 99;
    opacity: 0.2;
  }
}
@media (min-width: 1200px) {
  .draft .bc02_outer-aboutus .img_rogo01 {
    height: 150px;
    top: 225px;
    right: 30px;
  }
}
@media (min-width: 1440px) {
  .draft .bc02_outer-aboutus .img_rogo01 {
    height: 150px;
    top: 500px;
    right: 150px;
  }
}
@media (min-width: 1920px) {
  .draft .bc02_outer-aboutus .img_rogo01 {
    top: 600px;
  }
}
.draft .bc02_outer-aboutus .img_rogo02 {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
@media (max-width: 767px) {
  .draft .bc02_outer-aboutus .img_ball01,
  .draft .bc02_outer-aboutus .img_ball02,
  .draft .bc02_outer-aboutus .img_ball03 {
    display: none;
  }
}
@media (min-width: 768px) {
  .draft .bc02_outer-aboutus .img_ball01 {
    width: 108px;
    height: 127px;
    background-color: #c4def2;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    -webkit-transform: rotate(140deg);
            transform: rotate(140deg);
    position: absolute;
    z-index: 99;
    top: -180px;
    right: 10%;
  }
}
@media (min-width: 1440px) {
  .draft .bc02_outer-aboutus .img_ball01 {
    width: 124px;
    height: 128px;
    background-color: #c4def2;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
  }
}
@media (min-width: 768px) {
  .draft .bc02_outer-aboutus .img_ball02 {
    width: 51px;
    height: 60px;
    background-color: #c4def2;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    -webkit-transform: rotate(-156deg);
            transform: rotate(-156deg);
    position: absolute;
    z-index: 98;
    top: -200px;
    left: 30%;
  }
}
@media (min-width: 1440px) {
  .draft .bc02_outer-aboutus .img_ball02 {
    width: 108px;
    height: 127px;
    background-color: #c4def2;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
  }
}
@media (min-width: 768px) {
  .draft .bc02_outer-aboutus .img_ball03 {
    width: 75px;
    height: 88px;
    background-color: #c4def2;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    -webkit-transform: rotate(100deg);
            transform: rotate(100deg);
    position: absolute;
    z-index: 100;
    top: 20px;
    left: 20px;
  }
}
@media (min-width: 1920px) {
  .draft .bc02_outer-aboutus .img_ball03 {
    width: 159px;
    height: 177px;
    background-color: #c4def2;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: 900px;
        left: 100px;
  }
}
@media (min-width: 1440px) {
  .draft .bc02_outer-aboutus .img_ball04 {
    width: 124px;
    height: 128px;
    background-color: #c4def2;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    -webkit-transform: rotate(-34deg);
            transform: rotate(-34deg);
    position: absolute;
    z-index: 100;
    top: 100px;
    left: 150px;
  }
}
.draft .bc02_outer-aboutus .img_batting {
  position: absolute;
  z-index: 100;
}
@media (min-width: 1440px) {
  .draft .bc02_outer-aboutus .img_batting {
    width: 474px;
    height: 474px;
    background-color: #c4def2;
    -webkit-mask-image: url(./img/aboutus-batting-min.png);
            mask-image: url(./img/aboutus-batting-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    bottom: -40px;
    left: 150px;
  }
}
/* @media (min-width: 1920px) {
  .draft .bc02_outer-aboutus .img_batting {
    width: 474px;
    height: 474px;
    background-color: #c4def2;
    -webkit-mask-image: url(./img/aboutus-batting-min.png);
            mask-image: url(./img/aboutus-batting-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    bottom: -50px;
    left: 100px;
  }
} */
.bc02_outer-aboutus .area_txt03 {
  /* padding: 50px 20px 50px 20px; */
  width: 90%;
  position: absolute;
  z-index: 99;
    top: 130px;
      margin: 0 auto;
          left: 50%;
        transform: translateX(-50%);
}

@media (min-width: 600px) {
  .draft .bc02_outer-aboutus .area_txt03 {
    font: 400 24px/2 "Noto Sans JP";
    padding: 0;
    width: 85%;
    top:150px;
  }
}
@media (min-width: 768px) {
  .draft .bc02_outer-aboutus .area_txt03 {
    top:220px;
  }
}
@media (min-width: 1200px) {
  .draft .bc02_outer-aboutus .area_txt03 {
    top:200px;
    margin: 0;
    position: static;
    width: 50%;
    background: none;
    transform: translateX(0%);
  }
}
/* @media (min-width: 1920px) {
  .draft .bc02_outer-aboutus .area_txt03 {
    padding: 300px 0 0 0;
  }
} */

.draft .bc02_outer-aboutus .txt03 {
  font: 400 16px/2 "Noto Sans JP";
  letter-spacing: 0.08em;
  color: #333;
  /* text-align: center; */
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, rgb(234, 244, 252)), to(rgba(234, 244, 252, 0)));
  background: linear-gradient(to bottom, rgb(234, 244, 252) 80%, rgba(234, 244, 252, 0) 100%); */
}
@media (min-width: 600px) {
  .draft .bc02_outer-aboutus .txt03 {
    font: 400 20px/2 "Noto Sans JP";
  }
}
@media (min-width: 1200px) {
  .draft .bc02_outer-aboutus .txt03 {
    font: 400 24px/2 "Noto Sans JP";
  }
}
.draft .bc02_outer-aboutus .txt04 {
  color: #fff;
  font: 400 16px/2 "Noto Serif JP";
}
@media (max-width: 767px) {
  .draft .bc02_outer-aboutus .txt04 {
    width: 336px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .draft .bc02_outer-aboutus .txt04 {
    font: 400 24px/2 "Noto Serif JP";
    text-align: center;
  }
}

/*=============================
◆COACHING
=============================== */
.coaching .ttl {
  padding: 60px 0 40px 0;
}
@media (min-width: 768px) {
  .coaching .ttl {
    padding: 100px 0;
  }
}
@media (min-width: 1440px) {
  .coaching .ttl {
    padding: 160px 0 180px 0;
  }
}
.coaching .bc01 {
  background: #c4def2;
}
@media (min-width: 768px) {
  .coaching .bc01 {
    padding: 0 0 120px 0;
  }
}
@media (min-width: 1440px) {
  .coaching .bc01 {
    padding: 0 0 100px 0;
  }
}
@media (min-width: 1920px) {
  .coaching .bc01 {
    padding: 0 0 220px 0;
  }
}
.coaching .container01_s {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 0 0 40px 0;
}
@media (min-width: 768px) {
  .coaching .container01_s {
    display: none;
  }
}
.coaching .container02_s {
  position: relative;
  background: url(./img/coaching_bk-min.png) 0% 100%/cover no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgb(242, 242, 242)));
  background: url(./img/coaching_bk-min.png) 0% 100%/cover no-repeat, linear-gradient(rgb(242, 242, 242));
  width: 375px;
  height: 470px;
  border-radius: 4px;
}
.coaching .area_img {
  width: 345px;
  height: 200px;
  margin: 0 auto;
  display: block;
}
.coaching .txt01_number_s {
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: linear-gradient(140deg, rgb(252, 252, 252) 60%, rgb(112, 166, 208) 100%);
  font: 900 35px/2 "Alumni Sans Inline One";
  color: #003366;
  text-align: center;
  width: 70px;
}
@media (max-width: 767px) {
  .coaching .container01-top_m,
  .coaching .container01-middle_m,
  .coaching .container01-bottom_m {
    display: none;
  }
}
@media (min-width: 768px) {
  .coaching .container01-top_m,
  .coaching .container01-middle_m,
  .coaching .container01-bottom_m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    margin: 0 0 60px 0;
  }
}
@media (min-width: 1440px) {
  .coaching .container01-top_m,
  .coaching .container01-middle_m,
  .coaching .container01-bottom_m {
    display: none;
  }
}
.coaching .container01-bottom_m {
  gap: 6px;
  margin: 0;
}
.coaching .container02-01_m,
.coaching .container02-02_m {
  position: relative;
  background: #f2f2f2;
  border-radius: 6px;
  width: 365px;
  height: 470px;
}
.coaching .container02-02_m {
  width: 245px;
  height: 470px;
}
.coaching .area_img-01_m {
  width: 345px;
  height: 200px;
  margin: 0 auto;
  display: block;
}
.coaching .area_img-02_m {
  width: 235px;
  height: 200px;
  margin: 0 auto;
  display: block;
}
.coaching .txt01_number-02_m {
  aspect-ratio: 1/1;
  border-radius: 50%;
  text-align: center;
  font: 900 40px/2 "Alumni Sans Inline One";
  width: 80px;
  background: linear-gradient(140deg, rgb(252, 252, 252) 60%, rgb(112, 166, 208) 100%);
  color: #003366;
}
.coaching .txt01_number-02_m {
  font: 900 35px/2 "Alumni Sans Inline One";
  width: 70px;
}
@media (max-width: 1439px) {
  .coaching .container01-top_l,
  .coaching .container01-middle_l,
  .coaching .container01-bottom_l {
    display: none;
  }
}
@media (min-width: 1440px) {
  .coaching .container01-top_l,
  .coaching .container01-middle_l,
  .coaching .container01-bottom_l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 70px;
    margin: 0 0 110px 0;
  }
}
@media (min-width: 1920px) {
  .coaching .container01-top_l,
  .coaching .container01-middle_l,
  .coaching .container01-bottom_l {
    display: none;
  }
}
.coaching .container02 {
  position: relative;
  background: #f2f2f2;
  border-bottom-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  width: 375px;
  height: 470px;
}
.coaching .area_img {
  width: 345px;
  height: 200px;
  margin: 0 auto;
  display: block;
}
.coaching .txt01_number {
  aspect-ratio: 1/1;
  border-radius: 50%;
  font: 900 40px/2 "Alumni Sans Inline One";
  text-align: center;
  width: 80px;
  background: linear-gradient(140deg, rgb(252, 252, 252) 60%, rgb(112, 166, 208) 100%);
  color: #003366;
}
@media (max-width: 1919px) {
  .coaching .container01-top_xl,
  .coaching .container01-bottom_xl {
    display: none;
  }
}
@media (min-width: 1920px) {
  .coaching .container01-top_xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 90px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 0 90px 0;
  }
}
@media (min-width: 1920px) {
  .coaching .container01-bottom_xl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.coaching .container02-top_xl {
  position: relative;
}
@media (min-width: 768px) {
  .coaching .container02-top_xl {
    background: #f2f2f2;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}
@media (min-width: 1920px) {
  .coaching .container02-top_xl {
    width: 440px;
    height: 550px;
  }
}
.coaching .container02-bottom_xl {
  position: relative;
}
@media (min-width: 768px) {
  .coaching .container02-bottom_xl {
    background: #f2f2f2;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}
@media (min-width: 1920px) {
  .coaching .container02-bottom_xl {
    width: 375px;
    height: 470px;
  }
}
.coaching .area_img_top_xl {
  width: 400px;
  height: 250px;
  margin: 0 auto;
  display: block;
}
.coaching .area_img_bottom_xl {
  width: 345px;
  height: 200px;
  margin: 0 auto;
  display: block;
}
.coaching .txt01_number-top,
.coaching .txt01_number-bottom {
  aspect-ratio: 1/1;
  border-radius: 50%;
  font: 900 50px/2 "Alumni Sans Inline One";
  text-align: center;
  width: 100px;
  background: linear-gradient(140deg, rgb(252, 252, 252) 60%, rgb(112, 166, 208) 100%);
  color: #003366;
}
@media (min-width: 1920px) {
  .coaching .txt01_number-bottom {
    font: 900 40px/2 "Alumni Sans Inline One";
    width: 80px;
  }
}
.coaching .img_icon01 {
  position: absolute;
  width: 90px;
  height: 90px;
  background-color: #70a6d0;
  -webkit-mask-image: url(./img/coaching01-min.png);
          mask-image: url(./img/coaching01-min.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
  top: 0px;
  right: 0px;
}
@media (min-width: 768px) {
  .coaching .img_icon01 {
    width: 135px;
    height: 135px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching01-min.png);
            mask-image: url(./img/coaching01-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -18%;
    right: -25px;
  }
}
@media (min-width: 1440px) {
  .coaching .img_icon01 {
    width: 190px;
    height: 190px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching01-min.png);
            mask-image: url(./img/coaching01-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -20%;
    right: -90px;
  }
}
@media (min-width: 1920px) {
  .coaching .img_icon01 {
    width: 245px;
    height: 245px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching01-min.png);
            mask-image: url(./img/coaching01-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    right: -100px;
  }
}
.coaching .img_icon02 {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #70a6d0;
  -webkit-mask-image: url(./img/coaching02-min.png);
          mask-image: url(./img/coaching02-min.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
  top: 0px;
  right: 10px;
}
@media (min-width: 768px) {
  .coaching .img_icon02 {
    width: 125px;
    height: 125px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching02-min.png);
            mask-image: url(./img/coaching02-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -18%;
    right: -20px;
  }
}
@media (min-width: 1440px) {
  .coaching .img_icon02 {
    width: 170px;
    height: 170px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching02-min.png);
            mask-image: url(./img/coaching02-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -20%;
    right: -70px;
  }
}
@media (min-width: 1920px) {
  .coaching .img_icon02 {
    width: 230px;
    height: 230px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching02-min.png);
            mask-image: url(./img/coaching02-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -20%;
    right: -100px;
  }
}
.coaching .img_icon03 {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: #70a6d0;
  -webkit-mask-image: url(./img/aboutus-batting-min.png);
          mask-image: url(./img/aboutus-batting-min.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
  top: 0px;
  right: 10px;
}
@media (min-width: 768px) {
  .coaching .img_icon03 {
    width: 115px;
    height: 115px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/aboutus-batting-min.png);
            mask-image: url(./img/aboutus-batting-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -13%;
    right: -20px;
  }
}
@media (min-width: 1440px) {
  .coaching .img_icon03 {
    width: 180px;
    height: 180px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/aboutus-batting-min.png);
            mask-image: url(./img/aboutus-batting-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -20%;
    right: -90px;
  }
}
@media (min-width: 1920px) {
  .coaching .img_icon03 {
    width: 230px;
    height: 230px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/aboutus-batting-min.png);
            mask-image: url(./img/aboutus-batting-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -20%;
    right: -100px;
  }
}
.coaching .img_icon04 {
  position: absolute;
  width: 95px;
  height: 95px;
  background-color: #70a6d0;
  -webkit-mask-image: url(./img/coaching04-min.png);
          mask-image: url(./img/coaching04-min.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
  top: -5px;
  right: 0px;
}
@media (min-width: 768px) {
  .coaching .img_icon04 {
    width: 140px;
    height: 140px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching04-min.png);
            mask-image: url(./img/coaching04-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -15%;
    right: -40px;
  }
}
@media (min-width: 1440px) {
  .coaching .img_icon04 {
    width: 210px;
    height: 210px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching04-min.png);
            mask-image: url(./img/coaching04-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    right: -100px;
  }
}
@media (min-width: 1920px) {
  .coaching .img_icon04 {
    width: 210px;
    height: 210px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching04-min.png);
            mask-image: url(./img/coaching04-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    right: -100px;
  }
}
.coaching .img_icon05 {
  position: absolute;
  width: 90px;
  height: 90px;
  background-color: #70a6d0;
  -webkit-mask-image: url(./img/coaching05-min.png);
          mask-image: url(./img/coaching05-min.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
  top: 0px;
  right: 10px;
}
@media (min-width: 768px) {
  .coaching .img_icon05 {
    width: 120px;
    height: 120px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching05-min.png);
            mask-image: url(./img/coaching05-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -15%;
    right: -20px;
  }
}
@media (min-width: 1440px) {
  .coaching .img_icon05 {
    width: 200px;
    height: 200px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching05-min.png);
            mask-image: url(./img/coaching05-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -20%;
    right: -70px;
  }
}
@media (min-width: 1920px) {
  .coaching .img_icon05 {
    width: 200px;
    height: 200px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching05-min.png);
            mask-image: url(./img/coaching05-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -20%;
    right: -80px;
  }
}
.coaching .img_icon06 {
  position: absolute;
  width: 90px;
  height: 90px;
  background-color: #70a6d0;
  -webkit-mask-image: url(./img/coaching06-min.png);
          mask-image: url(./img/coaching06-min.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
  top: 0px;
  right: 5px;
}
@media (min-width: 768px) {
  .coaching .img_icon06 {
    width: 115px;
    height: 115px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching06-min.png);
            mask-image: url(./img/coaching06-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -15%;
    right: -40px;
  }
}
@media (min-width: 1440px) {
  .coaching .img_icon06 {
    width: 190px;
    height: 190px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching06-min.png);
            mask-image: url(./img/coaching06-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -20%;
    right: -80px;
  }
}
@media (min-width: 1920px) {
  .coaching .img_icon06 {
    width: 200px;
    height: 200px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching06-min.png);
            mask-image: url(./img/coaching06-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -20%;
    right: -100px;
  }
}
.coaching .img_icon07 {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #70a6d0;
  -webkit-mask-image: url(./img/coaching07-min.png);
          mask-image: url(./img/coaching07-min.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
  top: 0px;
  right: 20px;
}
@media (min-width: 768px) {
  .coaching .img_icon07 {
    width: 100px;
    height: 100px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching07-min.png);
            mask-image: url(./img/coaching07-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -15%;
    right: -8px;
  }
}
@media (min-width: 1440px) {
  .coaching .img_icon07 {
    width: 170px;
    height: 170px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching07-min.png);
            mask-image: url(./img/coaching07-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -20%;
    right: -70px;
  }
}
@media (min-width: 1920px) {
  .coaching .img_icon07 {
    width: 185px;
    height: 185px;
    background-color: #70a6d0;
    -webkit-mask-image: url(./img/coaching07-min.png);
            mask-image: url(./img/coaching07-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    top: -20%;
    right: -80px;
  }
}
.coaching .img_training {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.coaching .txt01_round01 {
  position: absolute;
  top: 7px;
  left: 10px;
}
@media (min-width: 768px) {
  .coaching .txt01_round01 {
    left: 0px;
    top: -50px;
  }
}
.coaching .txt02-ttl {
  color: #003366;
  text-align: center;
  font: 700 20px/1 "Noto Serif JP";
  text-shadow: #999 2px 2px 2px;
  padding: 30px 0;
}
@media (min-width: 1440px) {
  .coaching .txt02-ttl {
    font: 700 24px/1 "Noto Serif JP";
  }
}
.coaching .txt02-ttl_s04 {
  color: #003366;
  font: 700 20px/1 "Noto Serif JP";
  padding: 30px 0 30px 23%;
  text-shadow: #999 2px 2px 2px;
  letter-spacing: -1.2px;
}
@media (min-width: 420px) {
  .coaching .txt02-ttl_s04 {
    text-align: center;
    padding: 30px 0 30px 20px;
  }
}
.coaching .txt03_top {
  color: #333;
  font: 400 16px/1.7 "Noto Sans JP";
  margin: 15px 0 0 45px;
  width: 285px;
}
@media (min-width: 768px) {
  .coaching .txt03_top {
    margin: 15px 0 0 25px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1440px) {
  .coaching .txt03_top {
    font: 400 20px/1.7 "Noto Sans JP";
    margin: 20px 0 0 25px;
  }
}
.coaching .txt03_bottom {
  color: #333;
  font: 400 16px/1.7 "Noto Sans JP";
  margin: 15px 0 0 45px;
  width: 285px;
}
@media (min-width: 768px) {
  .coaching .txt03_bottom {
    margin: 15px 0 0 9px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1440px) {
  .coaching .txt03_bottom {
    font: 400 18px/1.7 "Noto Sans JP";
    margin: 15px 20px 0 20px;
  }
}
.coaching .txt04_button_top {
  font: 400 14px/3.125 "Noto Sans JP";
  color: #003366;
  margin-left: 40px;
}
.coaching .txt04_button_bottom {
  font: 400 14px/3.125 "Noto Sans JP";
  color: #003366;
  margin-left: 40px;
}
.coaching .button_kuwasiku_top,
.coaching .button_kuwasiku_bottom {
  width: 160px;
  height: 50px;
  background: #fff;
  position: relative;
  border-radius: 25px;
  border: #003366 solid 1px;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.coaching .button_kuwasiku_top a,
.coaching .button_kuwasiku_bottom a {
  display: block;
}
.coaching .button_kuwasiku_top a::after,
.coaching .button_kuwasiku_bottom a::after {
  content: "";
  width: 10px;
  aspect-ratio: 1/1;
  position: absolute;
  right: 25px;
  top: calc(50% - 1px);
  border-top: solid 1px;
  border-right: solid 1px;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  color: #003366;
}
.coaching .button_kuwasiku_bottom {
  width: 160px;
}
.coaching .button_kuwasiku_top:hover,
.coaching .button_kuwasiku_bottom:hover {
  background-color: #70a6d0;
  cursor: pointer;
  display: block;
  color: #fff;
}
.coaching .txt04_button_top:hover,
.coaching .txt04_button_bottom:hover {
  color: #fff;
}

/*=============================
◆本気のストレート、ここから始まる。
=============================== */
.honkino-straght .bc00 {
  position: relative;
  height: 770px;
}
@media (min-width: 1440px) {
  .honkino-straght .bc00 {
    background-color: #c4def2;
    height: 950px;
  }
}
.honkino-straght .bc01-back {
  display: block;
  width: 88%;
  height: 906px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(112, 166, 208)));
  background: linear-gradient(rgb(112, 166, 208));
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0px;
}
@media (max-width: 1439px) {
  .honkino-straght .bc01-back {
    display: none;
  }
}
.honkino-straght .bc01-middle {
  border-bottom: 3px solid #1c2a49;
  border-left: 3px solid #1c2a49;
  width: 90%;
  height: 840px;
  position: absolute;
  left: -10px;
  bottom: -10px;
  z-index: 4;
}
@media (max-width: 1439px) {
  .honkino-straght .bc01-middle {
    display: none;
  }
}
.honkino-straght .bc01-front_outer {
  position: relative;
  position: absolute;
  z-index: 3;
  right: 0;
  width: 100%;
  height: 770px;
}
@media (min-width: 650px) {
  .honkino-straght .bc01-front_outer {
    height: 770px;
  }
}
@media (min-width: 1440px) {
  .honkino-straght .bc01-front_outer {
    width: 88%;
    height: 906px;
    bottom: 70px;
  }
}
.honkino-straght .bc01-front {
  background-color: #1c2a49;
  position: relative;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 770px;
}
@media (min-width: 650px) {
  .honkino-straght .bc01-front {
    height: 770px;
  }
}
@media (min-width: 1440px) {
  .honkino-straght .bc01-front {
    height: 906px;
    right: 0;
  }
}
.honkino-straght .container01 {
  display: grid;
  gap: 5px;
  position: absolute;
  bottom: 50px;
  left: 3%;
  z-index: 99;
}
@media (max-width: 649px) {
  .honkino-straght .container01 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(28, 48, 73, 0.8)));
    background: linear-gradient(rgba(28, 48, 73, 0.8));
    width: 100%;
  }
}
@media (min-width: 650px) {
  .honkino-straght .container01 {
    bottom: 70px;
    gap: 10px;
    margin: 180px 0 0 20px;
  }
}
@media (min-width: 1440px) {
  .honkino-straght .container01 {
    gap: 15px;
    margin: 175px 0 0 90px;
    bottom: 80px;
  }
}
@media (min-width: 1920px) {
  .honkino-straght .container01 {
    width: 930px;
    border-top: 1px solid #051126;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 55px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 25px 0 0 0;
    margin: 210px 0 0 80px;
    bottom: 100px;
  }
}
.honkino-straght .area_txt01 {
  margin: 70px 0 0 20px;
}
@media (min-width: 650px) {
  .honkino-straght .area_txt01 {
    margin: 100px 0 0 40px;
  }
}
@media (min-width: 1440px) {
  .honkino-straght .area_txt01 {
    margin: 130px 0 0 80px;
  }
}
@media (min-width: 1920px) {
  .honkino-straght .area_txt01 {
    margin: 150px 0 0 80px;
  }
}
.honkino-straght .area_txt02 {
  display: grid;
  justify-items: end;
  position: absolute;
  top: 250px;
  right: 45%;
}
@media (min-width: 650px) {
  .honkino-straght .area_txt02 {
    right: 40%;
    top: 320px;
  }
}
@media (min-width: 1440px) {
  .honkino-straght .area_txt02 {
    right: 35%;
    top: 350px;
  }
}
.honkino-straght .area_img {
  position: absolute;
  z-index: 98;
  aspect-ratio: 1/1.12;
  right: 0px;
}
@media (max-width: 649px) {
  .honkino-straght .area_img {
    width: 90%;
    max-width: 400px;
    bottom: 265px;
  }
}
@media (min-width: 650px) {
  .honkino-straght .area_img {
    width: 600px;
    bottom: -30px;
  }
}
@media (min-width: 1440px) {
  .honkino-straght .area_img {
    width: 800px;
    right: -10px;
    bottom: -40px;
  }
}
@media (min-width: 1920px) {
  .honkino-straght .area_img {
    width: 900px;
    right: -30px;
  }
}
.honkino-straght .img_uchida {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.honkino-straght .txt01-01_bc,
.honkino-straght .txt01-02_bc {
  background-color: #324878;
  position: relative;
  z-index: 98;
  display: block;
  -webkit-transform: rotate(-6deg);
          transform: rotate(-6deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  margin: 10px;
  width: 310px;
  height: 45px;
}
@media (min-width: 650px) {
  .honkino-straght .txt01-01_bc,
  .honkino-straght .txt01-02_bc {
    margin: 10px;
    width: 465px;
    height: 70px;
    margin: 15px;
  }
}
@media (min-width: 1440px) {
  .honkino-straght .txt01-01_bc,
  .honkino-straght .txt01-02_bc {
    width: 615px;
    height: 90px;
  }
}
@media (min-width: 1920px) {
  .honkino-straght .txt01-01_bc,
  .honkino-straght .txt01-02_bc {
    width: 800px;
    height: 115px;
  }
}
.honkino-straght .txt01-02_bc {
  width: 275px;
}
@media (min-width: 650px) {
  .honkino-straght .txt01-02_bc {
    width: 410px;
  }
}
@media (min-width: 1440px) {
  .honkino-straght .txt01-02_bc {
    width: 545px;
  }
}
@media (min-width: 1920px) {
  .honkino-straght .txt01-02_bc {
    width: 710px;
  }
}
.honkino-straght .txt01 {
  background: -webkit-gradient(linear, left top, left bottom, from(#e6b877), to(#a97a38));
  background: linear-gradient(#e6b877, #a97a38);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  right: 0;
  z-index: 99;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font: 700 32px/1.4 "Noto Sans JP";
  padding: 0 0 0 5px;
}
@media (min-width: 650px) {
  .honkino-straght .txt01 {
    font: 700 48px/1.4 "Noto Sans JP";
  }
}
@media (min-width: 1440px) {
  .honkino-straght .txt01 {
    font: 700 64px/1.4 "Noto Sans JP";
    padding: 0 0 0 10px;
  }
}
@media (min-width: 1920px) {
  .honkino-straght .txt01 {
    font: 700 84px/1.4 "Noto Sans JP";
  }
}
.honkino-straght .txt02-01 {
  color: #fff;
  margin: 0 0 5px 0;
  font: 400 16px/1 "Noto Sans JP";
}
@media (min-width: 768px) {
  .honkino-straght .txt02-01 {
    font: 400 20px/1 "Noto Sans JP";
    margin: 0 0 10px 0;
  }
}
@media (min-width: 1440px) {
  .honkino-straght .txt02-01 {
    font: 400 28px/1 "Noto Sans JP";
  }
}
.honkino-straght .txt02-02 {
  color: #fff;
  margin: 0 0 40px 0;
  font: 600 20px/1 "Noto Sans JP";
}
@media (min-width: 768px) {
  .honkino-straght .txt02-02 {
    font: 700 24px/1 "Noto Sans JP";
    margin: 0 0 15px 0;
  }
}
@media (min-width: 1440px) {
  .honkino-straght .txt02-02 {
    font: 700 32px/1 "Noto Sans JP";
    margin: 0 0 40px 0;
  }
}
.honkino-straght .txt02-03 {
  color: #0099cc;
  border-bottom: 1px solid #0099cc;
  display: inline-block;
  font: 400 20px/1.2 "Noto Sans JP";
  margin-right: 20px;
}
@media (min-width: 768px) {
  .honkino-straght .txt02-03 {
    font: 400 24px/1 "Noto Sans JP";
  }
}
@media (min-width: 1440px) {
  .honkino-straght .txt02-03 {
    font: 400 28px/1.3 "Noto Sans JP";
  }
}
.honkino-straght .txt03 {
  color: #f2f2f2;
  font: 300 16px/1.4 "Noto Sans JP";
}
@media (min-width: 1440px) {
  .honkino-straght .txt03 {
    font: 300 20px/1.5 "Noto Sans JP";
  }
}

/*=============================
◆media
=============================== */
.media .ttl {
  padding: 60px 0 40px 0;
}
@media (min-width: 768px) {
  .media .ttl {
    padding: 100px 0;
  }
}
@media (min-width: 1440px) {
  .media .ttl {
    padding: 120px 0 100px 0;
  }
}
@media (min-width: 1920px) {
  .media .ttl {
    padding: 160px 0 160px 0;
  }
}
.media .bc01 {
  background: #c4def2;
  position: relative;
  padding: 0 0 60px 0;
}
@media (min-width: 768px) {
  .media .bc01 {
    padding: 0 0 120px 0;
  }
}
@media (min-width: 1920px) {
  .media .bc01 {
    padding: 0 0 200px 0;
  }
}
.media .container01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1440px) {
  .media .container01 {
    gap: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 1920px) {
  .media .container01 {
    gap: 80px;
  }
}
.media .container02 {
  background: #f2f2f2;
  display: grid;
  -ms-flex-line-pack: start;
      align-content: start;
  justify-items: center;
  -webkit-box-shadow: #999 -4px 4px 4px;
          box-shadow: #999 -4px 4px 4px;
  border-radius: 6px;
  position: relative;
  width: 335px;
  height: 373px;
}
@media (min-width: 1440px) {
  .media .container02 {
    width: 420px;
    height: 500px;
  }
}
.media .area_img-media {
  height: 41px;
  width: 260px;
  margin: 70px 32px;
}
@media (min-width: 1440px) {
  .media .area_img-media {
    height: 51px;
    width: 320px;
    margin: 105px auto;
  }
}
.media .area_img-media03 {
  height: 170px;
  width: 302px;
  margin: 15px auto 25px auto;
}
@media (min-width: 1440px) {
  .media .area_img-media03 {
    height: 214px;
    width: 380px;
    margin: 20px auto 25px auto;
  }
}
.media .area_img-youtube {
  position: absolute;
  top: 0;
  left: 20px;
  width: 30%;
  height: 20%;
}
.media .img_youtube,
.media .img_media {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.media .txt01_date {
  color: #999;
  font: 500 16px/1 "Noto Sans JP";
  margin: 0 auto 10px auto;
  width: 292px;
}
@media (min-width: 1440px) {
  .media .txt01_date {
    font: 500 20px/1 "Noto Sans JP";
    margin: 0 auto 25px auto;
    width: 370px;
  }
}
.media .txt02_content {
  color: #333;
  font: 400 16px/1.7 "Noto Sans JP";
  width: 292px;
}
@media (min-width: 1440px) {
  .media .txt02_content {
    font: 400 20px/1.7 "Noto Sans JP";
    width: 370px;
  }
}
.media .button_kuwasiku {
  width: 50px;
  aspect-ratio: 1/1;
  background: #fff;
  position: relative;
  border-radius: 50%;
  border: #003366 solid 1px;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.media .button_kuwasiku a {
  display: block;
}
.media .button_kuwasiku a::after {
  content: "";
  width: 12px;
  aspect-ratio: 1/1;
  position: absolute;
  top: calc(50% - 1px);
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  color: #003366;
  border-top: solid 1px;
  border-right: solid 1px;
  right: 25px;
}
@media (min-width: 1440px) {
  .media .button_kuwasiku {
    width: 70px;
  }
  .media .button_kuwasiku a::after {
    width: 17px;
    right: 35px;
    top: calc(50% - 2px);
    border-top: solid 2px;
    border-right: solid 2px;
  }
}
.media .button_kuwasiku:hover {
  background-color: #70a6d0;
  cursor: pointer;
  display: block;
}
@media (max-width: 767px) {
  .media .img_ball01,
  .media .img_ball02,
  .media .img_ball03 {
    display: none;
  }
}
@media (min-width: 768px) {
  .media .img_ball01 {
    width: 54px;
    height: 63px;
    background-color: #93c3e9;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    -webkit-transform: rotate(140deg);
            transform: rotate(140deg);
    position: absolute;
    z-index: 99;
    top: 0px;
    right: 30%;
  }
}
@media (min-width: 1440px) {
  .media .img_ball01 {
    width: 54px;
    height: 63px;
    background-color: #93c3e9;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
  }
}
@media (min-width: 768px) {
  .media .img_ball02 {
    width: 70px;
    height: 82px;
    background-color: #93c3e9;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    position: absolute;
    z-index: 99;
    top: 120px;
    left: 10%;
  }
}
@media (min-width: 1440px) {
  .media .img_ball02 {
    width: 98px;
    height: 114px;
    background-color: #93c3e9;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
  }
}
@media (min-width: 768px) {
  .media .img_ball03 {
    width: 81px;
    height: 94.5px;
    background-color: #93c3e9;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    position: absolute;
    z-index: 99;
    bottom: 200px;
    left: 7%;
  }
}
@media (min-width: 1045px) {
  .media .img_ball03 {
    width: 54px;
    height: 63px;
    background-color: #93c3e9;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    bottom: 30px;
    left: 70%;
  }
}
@media (min-width: 768px) {
  .media .img_pitching {
    width: 216px;
    height: 254px;
    background-color: #93c3e9;
    -webkit-mask-image: url(./img/media_bk-pitching.png);
            mask-image: url(./img/media_bk-pitching.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    position: absolute;
    z-index: 99;
    bottom: 10px;
    right: 1%;
  }
}
@media (min-width: 1045px) {
  .media .img_pitching {
    top: 50px;
  }
}
@media (min-width: 1920px) {
  .media .img_pitching {
    width: 378px;
    height: 444px;
    background-color: #93c3e9;
    -webkit-mask-image: url(./img/media_bk-pitching.png);
            mask-image: url(./img/media_bk-pitching.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
  }
}

/*=============================
◆VOICE
=============================== */
.voice .bc01 {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(136, 200, 250)));
  background: linear-gradient(rgb(136, 200, 250));
  padding: 60px 0;
}
@media (min-width: 768px) {
  .voice .bc01 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(136, 200, 250, 0.85))), url(./img/voice-min.jpg) 50% 50%/cover no-repeat;
    background: linear-gradient(rgba(136, 200, 250, 0.85)), url(./img/voice-min.jpg) 50% 50%/cover no-repeat;
    padding: 100px 0 120px 0;
  }
}
@media (min-width: 1440px) {
  .voice .bc01 {
    padding: 140px 0 200px 0;
  }
}
.voice .bc02,
.voice .bc03,
.voice .bc04 {
  width: 355px;
  height: 390px;
  background: -webkit-gradient(linear, left top, right bottom, from(rgb(232,252,246)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom right, rgb(250, 252, 232) 0%, rgb(255, 255, 255) 100%);
  position: relative;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 30px 25px;
  -webkit-box-shadow: #555 4px 4px 4px;
          box-shadow: #555 4px 4px 4px;
  overflow: hidden;
}
.voice .bc02,
.voice .bc03,
.voice .bc04 {
  width: 355px;
  height: 390px;
  background: -webkit-gradient(linear, left top, right bottom, from(rgb(232,252,246)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom right, rgb(250, 252, 232) 0%, rgb(255, 255, 255) 100%);
  position: relative;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 30px 25px;
  -webkit-box-shadow: #555 4px 4px 4px;
          box-shadow: #555 4px 4px 4px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .voice .bc02,
  .voice .bc03,
  .voice .bc04 {
    width: 620px;
    height: 330px;
    padding: 30px;
  }
}
@media (min-width: 1440px) {
  .voice .bc02,
  .voice .bc03,
  .voice .bc04 {
    height: 420px;
    width: 560px;
    padding: 50px;
  }
}
@media (min-width: 1920px) {
  .voice .bc02,
  .voice .bc03,
  .voice .bc04 {
    height: 480px;
    width: 620px;
    padding: 50px;
  }
}
.voice .bc03 {
  height: 330px;
}
@media (min-width: 768px) {
  .voice .bc03 {
    height: 270px;
  }
}
@media (min-width: 1440px) {
  .voice .bc03 {
    height: 335px;
  }
}
.voice .bc04 {
  height: 300px;
}
@media (min-width: 768px) {
  .voice .bc04 {
    height: 270px;
  }
}
@media (min-width: 1440px) {
  .voice .bc04 {
    height: 370px;
  }
}
.voice .container01 {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
@media (min-width: 768px) {
  .voice .container01 {
    gap: 40px;
  }
}
@media (min-width: 1440px) {
  .voice .container01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* gap: 40px; */
    margin: 120px 0 0 0;
  }
}
@media (min-width: 1920px) {
  .voice .container01 {
    gap: 70px;
  }
}
.voice .area_left {
  margin: 60px 0 0 0;
}
@media (min-width: 768px) {
  .voice .area_left {
    margin: 85px 0 0 0;
  }
}
.voice .area_right {
  display: grid;
  gap: 20px;
}
@media (min-width: 768px) {
  .voice .area_right {
    gap: 40px;
  }
}
@media (min-width: 1440px) {
  .voice .area_right {
    gap: 70px;
  }
}
.voice .img_silhouette01,
.voice .img_silhouette02,
.voice .img_silhouette03 {
  display: block;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 178px;
  aspect-ratio: 1/1.3;
}
@media (min-width: 768px) {
  .voice .img_silhouette01,
  .voice .img_silhouette02,
  .voice .img_silhouette03 {
    width: 240px;
  }
}
@media (min-width: 1440px) {
  .voice .img_silhouette01,
  .voice .img_silhouette02,
  .voice .img_silhouette03 {
    width: 261px;
  }
}
.voice .img_silhouette02 {
  width: 274px;
  aspect-ratio: 1.5/1;
}
@media (min-width: 768px) {
  .voice .img_silhouette02 {
    width: 350px;
  }
}
@media (min-width: 1440px) {
  .voice .img_silhouette02 {
    width: 380px;
  }
}
.voice .img_silhouette03 {
  width: 160px;
  aspect-ratio: 1/1.52;
  bottom: 0px;
}
@media (min-width: 768px) {
  .voice .img_silhouette03 {
    width: 240px;
    bottom: -90px;
  }
}
@media (min-width: 1440px) {
  .voice .img_silhouette03 {
    bottom: -60px;
  }
}
.voice .txt01 {
  font: 400 20px/1 "Noto Sans JP";
  width: 305px;
  padding: 0 0 5px 0;
  margin: 0 0 15px 0;
  color: #003366;
  border-bottom: 1px solid #003366;
}
@media (min-width: 1440px) {
  .voice .txt01 {
    font: 400 24px/1 "Noto Sans JP";
    margin: 0 0 20px 0;
    width: 320px;
  }
}
.voice .txt02 {
  font: 400 16px/1.8 "Noto Sans JP";
  color: #333;
  width: 305px;
  position: absolute;
}
@media (min-width: 768px) {
  .voice .txt02 {
    width: 435px;
  }
}
@media (min-width: 1440px) {
  .voice .txt02 {
    font: 400 20px/1.8 "Noto Sans JP";
  }
}

/*=============================
◆ 野球を探求するならNEOREBASE！
=============================== */
.yakyu-wo-tankyu {
  position: relative;
}
.yakyu-wo-tankyu .bc00 {
  background-color: rgb(196, 222, 242);
}
@media (min-width: 1440px) {
  .yakyu-wo-tankyu .bc00 {
    height: 624px;
  }
}
@media (min-width: 1920px) {
  .yakyu-wo-tankyu .bc00 {
    height: 839px;
  }
}
.yakyu-wo-tankyu .bc01-back {
  display: block;
  width: 88%;
  height: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(196, 222, 242)));
  background: linear-gradient(rgb(196, 222, 242));
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -60px;
}
@media (max-width: 1439px) {
  .yakyu-wo-tankyu .bc01-back {
    display: none;
  }
}
.yakyu-wo-tankyu .bc01-middle {
  border-bottom: 3px solid #1c2a49;
  border-right: 3px solid #1c2a49;
  position: absolute;
  z-index: 4;
  width: 90%;
  height: 650px;
  right: -10px;
  bottom: -10px;
}
@media (max-width: 1439px) {
  .yakyu-wo-tankyu .bc01-middle {
    display: none;
  }
}
@media (min-width: 1920px) {
  .yakyu-wo-tankyu .bc01-middle {
    height: 828px;
  }
}
.yakyu-wo-tankyu .bc01-front_outer {
  position: relative;
  width: 100%;
  height: 700px;
}
@media (min-width: 600px) {
  .yakyu-wo-tankyu .bc01-front_outer {
    height: 780px;
  }
}
@media (min-width: 768px) {
  .yakyu-wo-tankyu .bc01-front_outer {
    height: 680px;
  }
}
@media (min-width: 1440px) {
  .yakyu-wo-tankyu .bc01-front_outer {
    position: absolute;
    z-index: 3;
    left: 0;
    width: 90%;
    height: 684px;
    top: -60px;
  }
}
@media (min-width: 1920px) {
  .yakyu-wo-tankyu .bc01-front_outer {
    width: 88%;
    height: 900px;
  }
}
.yakyu-wo-tankyu .bc01-front {
  background-color: #1c2a49;
  position: relative;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 700px;
}
@media (min-width: 600px) {
  .yakyu-wo-tankyu .bc01-front {
    height: 780px;
  }
}
@media (min-width: 768px) {
  .yakyu-wo-tankyu .bc01-front {
    height: 680px;
  }
}
@media (min-width: 1440px) {
  .yakyu-wo-tankyu .bc01-front {
    height: 684px;
    left: 0;
  }
}
@media (min-width: 1920px) {
  .yakyu-wo-tankyu .bc01-front {
    height: 900px;
  }
}
.yakyu-wo-tankyu .container01 {
  display: grid;
  gap: 20px;
}
@media (min-width: 768px) {
  .yakyu-wo-tankyu .container01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
    justify-content: center;
            align-items: center;
    margin: 30px auto 0 auto;
width:95%;
  }
}
@media (min-width: 1000px) {
  .yakyu-wo-tankyu .container01 {
width:90%;
gap: 30px;
    margin: 220px auto 0 auto;
  }
}
@media (min-width: 1440px) {
  .yakyu-wo-tankyu .container01 {
gap: 5%;
    align-items: end;
    margin: 200px auto 0 auto;
  }
}
@media (min-width: 1700px) {
  .yakyu-wo-tankyu .container01 {
    margin: 130px auto 0 auto;
  }
}
@media (min-width: 1920px) {
  .yakyu-wo-tankyu .container01 {
    margin: 280px auto 0 auto;
  }
}
.yakyu-wo-tankyu .area_txt01 {
  margin: 90px 0 0px 0;
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* @media (min-width: 768px) {
  .yakyu-wo-tankyu .area_txt01 {
    margin: 90px 0 0 0;
  }
} */
@media (min-width: 768px) {
  .yakyu-wo-tankyu .area_txt01 {
    margin: 110px 0 0 0;
  }
}
@media (min-width: 1000px) {
  .yakyu-wo-tankyu .area_txt01 {
    display: block;
    margin: 0;
    position: absolute;
    z-index: 98;
    left: 45%;
    top: 100px;
  }
}
@media (min-width: 1440px) {
  .yakyu-wo-tankyu .area_txt01 {
    left: 45%;
    top: 120px;
  }
}
@media (min-width: 1700px) {
  .yakyu-wo-tankyu .area_txt01 {
    left:50%;
    /* top: 150px; */
  }
}
@media (min-width: 1920px) {
  .yakyu-wo-tankyu .area_txt01 {
        left:45%;
    top: 150px;
  }
}
  .yakyu-wo-tankyu .area_txt02 {
    width: 80%;
    margin: 0 auto;
  }
@media (min-width: 1000px) {
  .yakyu-wo-tankyu .area_txt02 {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  .yakyu-wo-tankyu .area_txt02 {
    margin: 0 0 40px 0;
    max-width: 800px;
  }
}
.yakyu-wo-tankyu .area_img {
  width: 100%;
  max-width: 400px;
  aspect-ratio: 1.35/1;
  margin: 0 auto;
}
  .yakyu-wo-tankyu .img_allmenber {
    width: 100%;
      height:100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 768px) {
  .yakyu-wo-tankyu .area_img {
    border: 6px solid #fff;
    margin: 0;
    width: 380px;
    max-width:none;
      height: 281px;
  }
  .yakyu-wo-tankyu .img_allmenber {
    width: 380px;
      height: 281px;
}
}
@media (min-width: 1000px) {
  .yakyu-wo-tankyu .area_img,
  .yakyu-wo-tankyu .img_allmenber {
    width: 540px;
  height: 400px;
}
}
@media (min-width: 1440px) {
  .yakyu-wo-tankyu .area_img,
  .yakyu-wo-tankyu .img_allmenber {
  width: 550px;
  height: 407px;
}
}
@media (min-width: 1700px) {
  .yakyu-wo-tankyu .area_img,
  .yakyu-wo-tankyu .img_allmenber {
  width: 596px;
  height: 456px;
}
}
@media (min-width: 1920px) {
  .yakyu-wo-tankyu .area_img,
  .yakyu-wo-tankyu .img_allmenber {
  width: 710px;
  height: 526px;
}
}

.yakyu-wo-tankyu .txt01-01_bc,
.yakyu-wo-tankyu .txt01-02_bc {
  background-color: #324878;
  position: relative;
  z-index: 98;
  -webkit-transform: rotate(-6deg);
          transform: rotate(-6deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  margin: 5px;
  width: 325px;
  height: 45px;
}
@media (min-width: 600px) {
  .yakyu-wo-tankyu .txt01-01_bc,
  .yakyu-wo-tankyu .txt01-02_bc {
    width: 480px;
    height: 70px;
  }
}
@media (min-width: 1440px) {
  .yakyu-wo-tankyu .txt01-01_bc,
  .yakyu-wo-tankyu .txt01-02_bc {
    width: 630px;
    height: 90px;
    margin: 10px;
  }
}
@media (min-width: 1920px) {
  .yakyu-wo-tankyu .txt01-01_bc,
  .yakyu-wo-tankyu .txt01-02_bc {
    margin: 15px;
    width: 825px;
    height: 115px;
  }
}
.yakyu-wo-tankyu .txt01-02_bc {
  width: 260px;
}
@media (min-width: 600px) {
  .yakyu-wo-tankyu .txt01-02_bc {
    width: 380px;
  }
}
@media (min-width: 1440px) {
  .yakyu-wo-tankyu .txt01-02_bc {
    width: 500px;
  }
}
@media (min-width: 1920px) {
  .yakyu-wo-tankyu .txt01-02_bc {
    width: 655px;
  }
}
.yakyu-wo-tankyu .txt01 {
  background: -webkit-gradient(linear, left top, left bottom, from(#e6b877), to(#a97a38));
  background: linear-gradient(#e6b877, #a97a38);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  right: 0;
  z-index: 99;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font: 700 32px/1.4 "Noto Sans JP";
  padding: 0 15px;
}
@media (min-width: 600px) {
  .yakyu-wo-tankyu .txt01 {
    font: 700 48px/1.4 "Noto Sans JP";
    padding: 0 20px;
  }
}
@media (min-width: 1440px) {
  .yakyu-wo-tankyu .txt01 {
    font: 700 64px/1.4 "Noto Sans JP";
  }
}
@media (min-width: 1920px) {
  .yakyu-wo-tankyu .txt01 {
    font: 700 84px/1.4 "Noto Sans JP";
    padding: 0 30px;
  }
}
.yakyu-wo-tankyu .txt02 {
  color: #fff;
  font: 400 16px/1.8 "Noto Sans JP";
      letter-spacing: 0.08em;
  margin: 0 auto;
}
@media (min-width: 600px) {
  .yakyu-wo-tankyu .txt02 {
    font: 400 20px/1.8 "Noto Sans JP";
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .yakyu-wo-tankyu .txt02 {
    font: 400 24px/2 "Noto Sans JP";
  }
}
@media (min-width: 1920px) {
  .yakyu-wo-tankyu .txt02 {
    font: 400 32px/2 "Noto Sans JP";
    width: 100%;
  }
}

/*=============================
◆STAFF MENBER
=============================== */
.staff-menber .ttl {
  padding: 60px 0 40px 0;
}
@media (min-width: 768px) {
  .staff-menber .ttl {
    padding: 100px 0;
  }
}
@media (min-width: 1440px) {
  .staff-menber .ttl {
    padding: 120px 0 100px 0;
  }
}
@media (min-width: 1920px) {
  .staff-menber .ttl {
    padding: 160px 0 160px 0;
  }
}
.staff-menber .bc01 {
  background: #eaf4fc;
  position: relative;
  padding: 0 0 60px 0;
}
@media (min-width: 768px) {
  .staff-menber .bc01 {
    padding: 0 0 120px 0;
  }
}
@media (min-width: 1440px) {
  .staff-menber .bc01 {
    padding: 0 0 160px 0;
  }
}
.staff-menber .bc02-1,
.staff-menber .bc02-2,
.staff-menber .bc02-3,
.staff-menber .bc02-4,
.staff-menber .bc02-5,
.staff-menber .bc02-6,
.staff-menber .bc02-7 {
  margin: 120px 0 0 0;
  width: 100%;
  height: 440px;
  background: radial-gradient(circle 270px at 70% 60%, rgba(102, 0, 0, 0.2) 0%, #fff 100%), #fff;
}
@media (min-width: 768px) {
  .staff-menber .bc02-1,
  .staff-menber .bc02-2,
  .staff-menber .bc02-3,
  .staff-menber .bc02-4,
  .staff-menber .bc02-5,
  .staff-menber .bc02-6,
  .staff-menber .bc02-7 {
    margin: 166px 0 0 0;
  }
}
.staff-menber .bc02-2 {
  background: radial-gradient(circle 270px at 70% 60%, rgba(28, 42, 73, 0.2) 0%, #fff 100%), #fff;
}
.staff-menber .bc02-3 {
  background: radial-gradient(circle 270px at 70% 60%, rgba(255, 255, 0, 0.2) 0%, #fff 100%), #fff;
}
.staff-menber .bc02-4 {
  background: radial-gradient(circle 270px at 70% 60%, rgba(51, 102, 153, 0.3) 0%, #fff 100%), #fff;
}
.staff-menber .bc02-5 {
  background: radial-gradient(circle 270px at 70% 60%, rgba(0, 51, 51, 0.3) 0%, #fff 100%), #fff;
}
.staff-menber .bc02-6 {
  background: radial-gradient(circle 270px at 70% 60%, rgba(51, 51, 51, 0.3) 0%, #fff 100%), #fff;
}
.staff-menber .bc02-7 {
  background: radial-gradient(circle 270px at 70% 60%, rgba(255, 102, 0, 0.2) 0%, #fff 100%), #fff;
}
@media (min-width: 768px) {
  .staff-menber .img_ball01 {
    width: 81px;
    height: 94.5px;
    background-color: #93c3e9;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    position: absolute;
    z-index: 99;
    top: 40px;
    left: 100px;
  }
}
.staff-menber .img_counter {
  position: absolute;
}
@media (min-width: 768px) {
  .staff-menber .img_counter {
    width: 180px;
    height: 180px;
    background-color: #b4d8f6;
    -webkit-mask-image: url(./img/count-min.png);
            mask-image: url(./img/count-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    top: 150px;
    right: 3%;
  }
}
@media (min-width: 1440px) {
  .staff-menber .img_counter {
    width: 200px;
    height: 200px;
    background-color: #b4d8f6;
    -webkit-mask-image: url(./img/count-min.png);
            mask-image: url(./img/count-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    top: 100px;
    right: 10%;
  }
}
@media (min-width: 768px) {
  .staff-menber .img_ball02 {
    width: 97.21px;
    height: 113.4px;
    background-color: #b4d8f6;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
    position: absolute;
    bottom: 50px;
    right: 200px;
  }
}
@media (min-width: 1440px) {
  .staff-menber .img_ball02 {
    width: 97.21px;
    height: 113.4px;
    background-color: #b4d8f6;
    -webkit-mask-image: url(./img/ball-min.png);
            mask-image: url(./img/ball-min.png);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: contain;
            mask-position: contain;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);
    position: absolute;
    bottom: 50px;
    right: 400px;
  }
}
.staff-menber .img_menber {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.staff-menber .area_img01,
.staff-menber .area_img02 {
  width: 200px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 15px;
  left: 10px;
}
@media (min-width: 768px) {
  .staff-menber .area_img01,
  .staff-menber .area_img02 {
    width: 226px;
    top: 30px;
    left: 20px;
  }
}
@media (min-width: 1920px) {
  .staff-menber .area_img01,
  .staff-menber .area_img02 {
    left: 35px;
  }
}
.staff-menber .area_img02 {
  top: 15px;
}
@media (min-width: 768px) {
  .staff-menber .area_img02 {
    top: 20px;
  }
}
.staff-menber .s_container00 {
  display: grid;
  margin: 0 auto;
  gap: 15px;
  justify-items: center;
}
@media (min-width: 768px) {
  .staff-menber .s_container00 {
    display: none;
  }
}
.staff-menber .container01 {
  background: #f2f2f2;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  /* width: 420px !important; */
  height: 550px !important;
  -webkit-box-shadow: #999 -4px 4px 4px;
          box-shadow: #999 -4px 4px 4px;
}
@media (min-width: 1920px) {
  .staff-menber .container01 {
    width: 480px !important;
    height: 620px !important;
  }
}
.staff-menber .container01-1,
.staff-menber .container01-2,
.staff-menber .container01-3 {
  background: #fff;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 365px;
  height: 475px;
}
.staff-menber .container01-2 {
  height: 510px;
}
.staff-menber .container01-3 {
  height: 500px;
}
.staff-menber .container02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.staff-menber .container03-1 {
  display: grid;
  gap: 10px;
  margin: 120px auto 0 auto;
  width: 330px;
}
@media (min-width: 768px) {
  .staff-menber .container03-1 {
    margin: 130px auto 0 auto;
    width: 370px;
  }
}
@media (min-width: 1920px) {
  .staff-menber .container03-1 {
    width: 400px;
  }
}
.staff-menber .container03-2 {
  display: grid;
  gap: 5px;
  margin: 105px auto 0 auto;
  width: 330px;
}
@media (min-width: 768px) {
  .staff-menber .container03-2 {
    margin: 90px auto 0 auto;
    width: 385px;
  }
}
@media (min-width: 1920px) {
  .staff-menber .container03-2 {
    width: 440px;
  }
}
.staff-menber .container03-3 {
  display: grid;
  gap: 5px;
  margin: 155px auto 0 auto;
  width: 330px;
}
@media (min-width: 768px) {
  .staff-menber .container03-3 {
    gap: 10px;
    margin: 160px auto 0 auto;
    width: 370px;
  }
}
@media (min-width: 1920px) {
  .staff-menber .container03-3 {
    margin: 180px auto 0 auto;
    width: 420px;
  }
}
.staff-menber .container03-4 {
  display: grid;
  gap: 10px;
  margin: 110px auto 0 auto;
  width: 330px;
}
@media (min-width: 768px) {
  .staff-menber .container03-4 {
    margin: 130px auto 0 auto;
    width: 370px;
  }
}
@media (min-width: 1920px) {
  .staff-menber .container03-4 {
    width: 425px;
  }
}
.staff-menber .container03-5 {
  display: grid;
  gap: 10px;
  margin: 110px auto 0 auto;
  width: 342px;
}
@media (min-width: 768px) {
  .staff-menber .container03-5 {
    margin: 110px auto 0 auto;
    width: 372px;
  }
}
@media (min-width: 1920px) {
  .staff-menber .container03-5 {
    width: 425px;
  }
}
.staff-menber .container03-6 {
  display: grid;
  gap: 8px;
  margin: 160px auto 0 auto;
  width: 330px;
}
@media (min-width: 768px) {
  .staff-menber .container03-6 {
    margin: 160px auto 0 auto;
    width: 370px;
    gap: 10px;
  }
}
@media (min-width: 1920px) {
  .staff-menber .container03-6 {
    width: 420px;
    margin: 180px auto 0 auto;
  }
}
.staff-menber .container04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 15px;
}
.staff-menber .area_right {
  position: absolute;
  display: grid;
  justify-items: end;
  right: 10px;
  top: 30px;
}
@media (min-width: 768px) {
  .staff-menber .area_right {
    right: 20px;
    top: 40px;
  }
}
@media (min-width: 1920px) {
  .staff-menber .area_right {
    right: 35px;
    top: 45px;
  }
}
.staff-menber .txt_name01 {
  font: 700 24px/1 "Noto Serif JP";
  width: 150px;
  color: #1c2a49;
  border-bottom: 1px solid #1c2a49;
  text-shadow: #999 0px 4px 4px;
  text-align: right;
  padding: 0 0 10px 0;
}
@media (min-width: 768px) {
  .staff-menber .txt_name01 {
    font: 700 32px/1 "Noto Serif JP";
    width: 170px;
  }
}
@media (min-width: 1920px) {
  .staff-menber .txt_name01 {
    width: 185px;
  }
}
.staff-menber .txt_name02 {
  font: 500 20px/1.2 "Noto Serif JP";
  color: #1c2a49;
  text-align: right;
  padding: 5px 0 0 0;
}
@media (min-width: 768px) {
  .staff-menber .txt_name02 {
    font: 500 24px/1.2 "Noto Serif JP";
  }
}
.staff-menber .txt_katagaki-1,
.staff-menber .txt_katagaki-2,
.staff-menber .txt_katagaki-3 {
  font: 500 16px/1.5 "Noto Sans JP";
  color: #333;
  text-align: right;
  margin: 25px 0 20px 0;
}
@media (min-width: 768px) {
  .staff-menber .txt_katagaki-1,
  .staff-menber .txt_katagaki-2,
  .staff-menber .txt_katagaki-3 {
    margin: 40px 0 20px 0;
  }
}
@media (min-width: 1920px) {
  .staff-menber .txt_katagaki-1,
  .staff-menber .txt_katagaki-2,
  .staff-menber .txt_katagaki-3 {
    font: 500 20px/1.3 "Noto Sans JP";
  }
}
.staff-menber .txt_katagaki-2 {
  margin: 80px 0 20px 0;
}
@media (min-width: 768px) {
  .staff-menber .txt_katagaki-2 {
    margin: 90px 0 20px 0;
  }
}
.staff-menber .txt_katagaki-3 {
  margin: 45px 0 20px 0;
}
@media (min-width: 768px) {
  .staff-menber .txt_katagaki-3 {
    margin: 60px 0 20px 0;
  }
}
.staff-menber .txt_content01-1,
.staff-menber .txt_content01-2 {
  font: 400 16px/1.5 "Noto Sans JP";
  color: #333;
  border-bottom: 1px solid #333;
  padding: 0 0 8px 0;
  margin: 0 0 0 5px;
}
@media (min-width: 768px) {
  .staff-menber .txt_content01-1,
  .staff-menber .txt_content01-2 {
    padding: 0 0 10px 0;
  }
}
@media (min-width: 1920px) {
  .staff-menber .txt_content01-1,
  .staff-menber .txt_content01-2 {
    margin: 0;
    font: 400 20px/1.5 "Noto Sans JP";
  }
}
.staff-menber .txt_content01-2 {
  padding: 0 0 5px 0;
}
.staff-menber .txt_content02-1 {
  font: 400 16px/1.5 "Noto Sans JP";
  color: #333;
  margin: 0 0 0 5px;
}
@media (min-width: 1920px) {
  .staff-menber .txt_content02-1 {
    font: 400 20px/1.5 "Noto Sans JP";
  }
}
.staff-menber .txt_content02-2 {
  font: 400 16px/1.7 "Noto Sans JP";
  color: #333;
  margin: 0 0 0 5px;
}
@media (min-width: 1920px) {
  .staff-menber .txt_content02-2 {
    margin: 0;
    font: 400 20px/1.7 "Noto Sans JP";
  }
}
.staff-menber .txt_content03-1,
.staff-menber .txt_content03-2 {
  font: 400 12px/1.5 "Noto Sans JP";
  color: #333;
}
@media (min-width: 768px) {
  .staff-menber .txt_content03-1,
  .staff-menber .txt_content03-2 {
    font: 400 14px/1.5 "Noto Sans JP";
  }
}
@media (min-width: 1920px) {
  .staff-menber .txt_content03-1,
  .staff-menber .txt_content03-2 {
    font: 400 16px/1.5 "Noto Sans JP";
  }
}
.staff-menber .txt_content03-2 {
  padding: 0 0 0 15px;
  border-left: #333 1px solid;
}

/*=============================
◎スライダー
=============================== */
@media (max-width: 767px) {
  .slider {
    display: none;
  }
}
@media (min-width: 768px) {
  .slider {
    margin: 0 auto;
    width: 480px;
    display: block; /* Slickの崩れ防止 */
  }
}
@media (min-width: 1199px) {
  .slider {
    width: 930px;
  }
}
@media (min-width: 1396px) {
  .slider {
    width: 1320px;
  }
}
@media (min-width: 1920px) {
  .slider {
    width: 1590px;
  }
}

.slider .slick-slide {
  margin: 10px 10px 10px 25px;
}
@media (min-width: 1200px) {
  .slider .slick-slide {
    margin: 10px 10px 10px 20px;
  }
}
@media (min-width: 1440px) {
  .slider .slick-slide {
    margin: 10px 10px 10px 10px;
  }
}
@media (min-width: 1920px) {
  .slider .slick-slide {
    margin: 10px 30px;
  }
}

/* スライダー内横幅100%に */
.slider .container01 {
  width: 100%;
  height: auto;
}

/* ==========================================
   矢印の設定（修正箇所）
   ========================================== */
/* .slick-prev,
.slick-next {
  position: absolute;
  top: 42%;
  cursor: pointer;
  outline: none;
  border-top: 3px solid #666;
  border-right: 3px solid #666;
  height: 25px;
  width: 25px;
  z-index: 10;
} */

/* 戻る矢印（左側に配置し、左を向かせる） */
/* .slick-prev {
  left: -40px;
  transform: rotate(-135deg);
}*/

/* 次へ矢印（右側に配置し、右を向かせる） */
/*.slick-next {
  right: -40px;  ★ left から right に修正 */
  /* transform: rotate(45deg);
}*/

/* ==========================================
   ドットナビゲーションの設定
   ========================================== */
.slick-dots {
  text-align: center;
  margin: 60px 0 0 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #ccc;
}

.slick-dots .slick-active button {
  background: #333;
}



/*=============================
◎old_スライダー
=============================== */
/* @media (max-width: 767px) {
  .slider {
    display: none;
  }
}
@media (min-width: 768px) {
  .slider {
    margin: 0 auto;
    width: 480px;
  }
}
@media (min-width: 1199px) {
  .slider {
    width: 930px;
  }
}
@media (min-width: 1396px) {
  .slider {
    width: 1350px;
  }
}
@media (min-width: 1920px) {
  .slider {
    width: 1590px;
  }
}

.slider .slick-slide {
  margin: 10px 10px 10px 25px;
}
@media (min-width: 1200px) {
  .slider .slick-slide {
    margin: 10px 10px 10px 20px;
  }
}
@media (min-width: 1440px) {
  .slider .slick-slide {
    margin: 10px 10px 10px 10px;
  }
}
@media (min-width: 1920px) {
  .slider .slick-slide {
    margin: 10px 30px;
  }
}

.slider .container01 {
  width: 100%;
  height: auto;
}

.slick-prev,
.slick-next {
  position: absolute;
  top: 42%;
  cursor: pointer;
  outline: none;
  border-top: 3px solid #666;
  border-right: 3px solid #666;
  height: 25px;
  width: 25px;
}

.slick-prev {
  right: -3%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.slick-next {
  left: -3%;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.slick-dots {
  text-align: center;
  margin: 60px 0 0 0;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  color: transparent;
  outline: none;
  width: 8px;
    height: 8px;
  display: block;
  border-radius: 50%;
  background: #ccc;
}

.slick-dots .slick-active button {
  background: #333;
} */

/*=============================
◆保護者・指導者の方も
=============================== */
.hogosya-sidousya .bc00 {
  position: relative;
  height: 770px;
}
@media (min-width: 768px) {
  .hogosya-sidousya .bc00 {
    height: 620px;
  }
}
@media (min-width: 1440px) {
  .hogosya-sidousya .bc00 {
    background-color: #70a6d0;
    height: 600px;
  }
}
@media (min-width: 1920px) {
  .hogosya-sidousya .bc00 {
    background-color: #70a6d0;
    height: 784px;
  }
}
.hogosya-sidousya .bc01-back {
  display: block;
  width: 88%;
  height: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(112, 166, 208)));
  background: linear-gradient(rgb(112, 166, 208));
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -60px;
}
@media (max-width: 1439px) {
  .hogosya-sidousya .bc01-back {
    display: none;
  }
}
.hogosya-sidousya .bc01-middle {
  border-bottom: 3px solid #1c2a49;
  border-left: 3px solid #1c2a49;
  width: 90%;
  position: absolute;
  left: -10px;
  bottom: -10px;
  z-index: 4;
}
@media (max-width: 1439px) {
  .hogosya-sidousya .bc01-middle {
    display: none;
  }
}
@media (min-width: 1440px) {
  .hogosya-sidousya .bc01-middle {
    height: 640px;
  }
}
@media (min-width: 1920px) {
  .hogosya-sidousya .bc01-middle {
    height: 810px;
  }
}
.hogosya-sidousya .bc01-front_outer {
  position: relative;
  position: absolute;
  z-index: 3;
  right: 0;
  width: 100%;
  height: 770px;
}
@media (min-width: 768px) {
  .hogosya-sidousya .bc01-front_outer {
    height: 620px;
  }
}
@media (min-width: 1440px) {
  .hogosya-sidousya .bc01-front_outer {
    width: 92%;
    height: 660px;
    top: -60px;
  }
}
@media (min-width: 1920px) {
  .hogosya-sidousya .bc01-front_outer {
    width: 88%;
    height: 844px;
  }
}
.hogosya-sidousya .bc01-front {
  background-color: #1c2a49;
  position: relative;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 770px;
}
@media (min-width: 768px) {
  .hogosya-sidousya .bc01-front {
    height: 620px;
  }
}
@media (min-width: 1440px) {
  .hogosya-sidousya .bc01-front {
    height: 660px;
    right: 0;
  }
}
@media (min-width: 1920px) {
  .hogosya-sidousya .bc01-front {
    height: 844px;
    right: 0;
  }
}
@media (min-width: 768px) {
.hogosya-sidousya .container01{
display: flex;
justify-content: center;
width: 90%;
}}
.hogosya-sidousya .outer_bc02 {
  width: 100%;
  aspect-ratio: 1/0.74;
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .hogosya-sidousya .outer_bc02 {
    right: 0px;
    bottom: 0;
    width: 60%;
    height: 75%;
  }
}
@media (min-width: 1440px) {
  .hogosya-sidousya .outer_bc02 {
    top: 0px;
    width: 50%;
    height: 100%;
  }
}
@media (min-width: 1920px) {
  .hogosya-sidousya .outer_bc02 {
    width: 45%;
  }
}
.hogosya-sidousya .outer_bc02::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: -webkit-gradient(linear, left top, right top, from(rgb(28, 42, 73)), color-stop(20%, rgba(28, 42, 73, 0)));
  background: linear-gradient(to right, rgb(28, 42, 73) 0%, rgba(28, 42, 73, 0) 20%);
}
.hogosya-sidousya .bc02 {
  width: 100%;
  height: 100%;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(28, 42, 73)), color-stop(10%, rgba(28, 42, 73, 0.2)), color-stop(80%, rgba(28, 42, 73, 0.2)), to(rgb(28, 42, 73))), url(./img/hogosya-sidosya-min.jpg) 50% 100%/cover no-repeat;
  background: linear-gradient(to bottom, rgb(28, 42, 73) 0%, rgba(28, 42, 73, 0.2) 10%, rgba(28, 42, 73, 0.2) 80%, rgb(28, 42, 73) 100%), url(./img/hogosya-sidosya-min.jpg) 50% 100%/cover no-repeat;
  margin-top: 0;
}
.hogosya-sidousya .area_txt01 {
  margin: 90px 0 0 0;
  display: grid;
      justify-items: center;
}
@media (min-width: 650px) {
  .hogosya-sidousya .area_txt01 {
    display: block;
    margin: 100px 0 0 40px;
  }
}
@media (min-width: 1000px) {
  .hogosya-sidousya .area_txt01 {
      justify-items: start;
  }
}
@media (min-width: 1440px) {
  .hogosya-sidousya .area_txt01 {
    margin: 130px 0 0 60px;
  }
}
@media (min-width: 1920px) {
  .hogosya-sidousya .area_txt01 {
    margin: 160px 0 0 60px;
  }
}
.hogosya-sidousya .area_txt02 {
  position: absolute;
  z-index: 99;
  bottom:50px;
  left: 5%;
  /* transform: translateX(-50%); */
    /* margin: 0 auto; */
    width: 90%;
    max-width: 400px;
}
@media (min-width: 600px) {
  .hogosya-sidousya .area_txt02 {
    display: grid;
    justify-items: end;
    left: 5%;
    bottom:80px;
    width: 90%;
        max-width: none;
  }
}
@media (min-width: 768px) {
  .hogosya-sidousya .area_txt02 {
    width: 50%;
  }
}
@media (min-width: 1000px) {
  .hogosya-sidousya .area_txt02 {
    bottom:80px;
      width: 40%;
  }
}
@media (min-width: 1440px) {
  .hogosya-sidousya .area_txt02 {
        width: 45%;
  }
}
@media (min-width: 1920px) {
  .hogosya-sidousya .area_txt02 {
    top: 420px;
    left: 10%;
    width: 50%;
    max-width: 800px;
  }
}
.hogosya-sidousya .txt01-01_bc,
.hogosya-sidousya .txt01-02_bc {
  background-color: #324878;
  position: relative;
  z-index: 98;
  display: block;
  -webkit-transform: rotate(-6deg);
          transform: rotate(-6deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  margin: 8px 5px;
  width: 340px;
  height: 45px;
}
@media (min-width: 650px) {
  .hogosya-sidousya .txt01-01_bc,
  .hogosya-sidousya .txt01-02_bc {
    margin: 10px;
    width: 525px;
    height: 70px;
  }
}
@media (min-width: 1440px) {
  .hogosya-sidousya .txt01-01_bc,
  .hogosya-sidousya .txt01-02_bc {
    width: 700px;
    height: 90px;
  }
}
@media (min-width: 1920px) {
  .hogosya-sidousya .txt01-01_bc,
  .hogosya-sidousya .txt01-02_bc {
    width: 910px;
    height: 115px;
  }
}
.hogosya-sidousya .txt01-02_bc {
  width: 370px;
}
@media (min-width: 650px) {
  .hogosya-sidousya .txt01-02_bc {
    width: 560px;
  }
}
@media (min-width: 1440px) {
  .hogosya-sidousya .txt01-02_bc {
    width: 735px;
  }
}
@media (min-width: 1920px) {
  .hogosya-sidousya .txt01-02_bc {
    width: 965px;
  }
}
.hogosya-sidousya .txt01-01,
.hogosya-sidousya .txt01-02 {
  background: -webkit-gradient(linear, left top, left bottom, from(#e6b877), to(#a97a38));
  background: linear-gradient(#e6b877, #a97a38);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  right: 0;
  z-index: 99;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font: 700 32px/1.4 "Noto Sans JP";
  padding: 0 8px 0 0;
}
@media (min-width: 650px) {
  .hogosya-sidousya .txt01-01,
  .hogosya-sidousya .txt01-02 {
    font: 700 48px/1.4 "Noto Sans JP";
    padding: 0 20px 0 10px;
  }
}
@media (min-width: 1440px) {
  .hogosya-sidousya .txt01-01,
  .hogosya-sidousya .txt01-02 {
    font: 700 64px/1.4 "Noto Sans JP";
    padding: 0 30px 0 10px;
  }
}
@media (min-width: 1920px) {
  .hogosya-sidousya .txt01-01,
  .hogosya-sidousya .txt01-02 {
    font: 700 84px/1.4 "Noto Sans JP";
  }
}
.hogosya-sidousya .txt01-02 {
  padding: 0 5px;
}
@media (min-width: 650px) {
  .hogosya-sidousya .txt01-02 {
    padding: 0 10px;
  }
}
@media (min-width: 1440px) {
  .hogosya-sidousya .txt01-02 {
    padding: 0 5px;
  }
}
.hogosya-sidousya .txt02 {
  color: #fff;
  margin: 0 0 5px 0;
  font: 400 20px/1.8 "Noto Sans JP";
      letter-spacing: 0.08em;
  width: 100%;
}
@media (min-width: 768px) {
  .hogosya-sidousya .txt02 {
    font: 400 20px/1.8 "Noto Sans JP";
    margin: 0 0 20px 0;
  }
}
@media (min-width: 1440px) {
  .hogosya-sidousya .txt02 {
    font: 400 24px/2 "Noto Sans JP";
  }
}
@media (min-width: 1920px) {
  .hogosya-sidousya .txt02 {
    font: 400 32px/2 "Noto Sans JP";
    /* width: 705px; */
  }
}

/*=============================
◆footer
=============================== */
.footer .bc01 {
  background: url(./img/main-bk-min.png) 50% 50%/cover no-repeat, #1c2a49;
  width: 100%;
  background-blend-mode: overlay;
  padding: 60px 0 0 0;
  height: 670px;
}
@media (min-width: 550px) {
  .footer .bc01 {
    padding: 80px 0 0 0;
  }
}
@media (min-width: 1440px) {
  .footer .bc01 {
    height: 700px;
    padding: 140px 0 0 0;
  }
}
.footer .area_img-rogo {
  width: 235px;
  height: 60px;
  margin: 0 auto 40px auto;
}
@media (min-width: 1440px) {
  .footer .area_img-rogo {
    width: 314px;
    height: 80px;
    margin: 0 auto 90px auto;
  }
}
/* @media (min-width: 1440px) { */
  .footer .img_rogo {
    width: 100%;
    object-fit: contain;
  }
/* } */
@media (max-width: 1439px) {
  .footer .container01 {
    display: block;
    position: relative;
  }
}
@media (min-width: 1440px) {
  .footer .container01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 150px;
    width: 1069px;
    height: 240px;
    margin: 0 auto;
  }
}
.footer .area_left {
  display: grid;
  gap: 45px;
  justify-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (max-width: 1439px) {
  .footer .area_left {
    gap: 40px;
    position: absolute;
    top: 240px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 1440px) {
  .footer .area_left {
    position: block;
  }
}
.footer .button_otoiawase {
  width: 300px;
  height: 50px;
  border-radius: 25px;
  background-color: #003366;
  border: #fff solid 2px;
  position: relative;
}
.footer .button_otoiawase a {
  display: block;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.footer .button_otoiawase a::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 40px;
  top: calc(50% - 2px);
  border-top: solid 2px;
  border-right: solid 2px;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  color: #fff;
}
.footer .button_otoiawase:hover {
  background-color: #006699;
  cursor: pointer;
  display: block;
}
.footer .container02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  height: 46px;
  margin: 0 0 0 60px;
}
.footer .img_icon-mail {
  width: 26px;
  height: 20px;
  background-color: #fff;
  -webkit-mask-image: url(./img/134146_mail_email_icon.svg);
          mask-image: url(./img/134146_mail_email_icon.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
}
.footer .txt01 {
  font: 400 16px/1 "Noto Sans JP";
  color: #fff;
}
.footer .container03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 280px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 550px) {
  .footer .container03 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 40px;
  }
}

.icon-path {
  fill: #fff;    /* 内部の色を赤にする */
  /* stroke: #000000;  枠線の色を黒にする */
}
.footer .img_icon-line {
  width: 50px;
  height: 50px;
  background-color: #fff;
  -webkit-mask-image: url(./img/4691359_line_icon.svg);
          mask-image: url(./img/4691359_line_icon.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
}
@media (max-width: 549px) {
  .footer .img_icon-line {
    margin: 0 10px;
  }
}
.footer .img_icon-x {
  margin: 0 10px;
  width: 47px;
  height: 48px;
  background-color: #fff;
  -webkit-mask-image: url(./img/11244080_x_twitter_elon\ musk_twitter\ new\ logo_icon.svg);
          mask-image: url(./img/11244080_x_twitter_elon\ musk_twitter\ new\ logo_icon.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
}
@media (max-width: 549px) {
  .footer .img_icon-x {
    margin: 0 10px;
  }
}
.footer .img_icon-insta {
  width: 53px;
  height: 53px;
  background-color: #fff;
  -webkit-mask-image: url(./img/1161953_instagram_icon.svg);
          mask-image: url(./img/1161953_instagram_icon.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
}
@media (max-width: 549px) {
  .footer .img_icon-insta {
    margin: 0 10px;
  }
}
.footer .img_icon-youtube {
  width: 52px;
  height: 52px;
  background-color: #fff;
  -webkit-mask-image: url(./img/5305164_play_video_youtube_youtube\ logo_icon.svg);
          mask-image: url(./img/5305164_play_video_youtube_youtube\ logo_icon.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
}
@media (max-width: 549px) {
  .footer .img_icon-youtube {
    margin: 0 10px;
  }
}
.footer .img_icon-facebook {
  width: 50px;
  height: 50px;
  background-color: #fff;
  -webkit-mask-image: url(./img/5282541_fb_social\ media_facebook_facebook\ logo_social\ network_icon.svg);
          mask-image: url(./img/5282541_fb_social\ media_facebook_facebook\ logo_social\ network_icon.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
}
@media (max-width: 549px) {
  .footer .img_icon-facebook {
    margin: 0 10px;
  }
}
.footer .img_icon-tictok {
  width: 48px;
  height: 50px;
  background-color: #fff;
  -webkit-mask-image: url(./img/8547041_tiktok_icon.svg);
          mask-image: url(./img/8547041_tiktok_icon.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: contain;
          mask-position: contain;
}
@media (max-width: 549px) {
  .footer .img_icon-tictok {
    margin: 0 10px;
  }
}
.footer .area_right {
  width: 310px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .footer .area_right {
    background-color: #003366;
  }
}
@media (min-width: 1440px) {
  .footer .area_right {
    gap: 30px;
    width: 418px;
    height: 240px;
  }
}
.footer .txt_right-left,
.footer .txt_right-right {
  font: 400 16px/1.9 "Noto Sans JP";
  color: #fff;
}
@media (min-width: 1440px) {
  .footer .txt_right-left,
  .footer .txt_right-right {
    font: 400 20px/1.9 "Noto Sans JP";
  }
}
.footer .txt02 {
  margin: 340px auto 0 auto;
  font: 400 12px/1 "Noto Sans JP";
  color: #fff;
  text-align: center;
}
@media (min-width: 550px) {
  .footer .txt02 {
    margin: 280px auto 0 auto;
    font: 400 16px/1 "Noto Sans JP";
  }
}
@media (min-width: 1440px) {
  .footer .txt02 {
    margin: 150px auto 0 auto;
  }
}