@charset "utf-8";
#bg{
  background-image:url(images/bg2.jpg);
  padding-top: 40px;
}
#top_headline{
  padding-top: 100px;
  margin:0 0 35px 15px;
}
#top_headline h2{
  font-size: 14px;
  color: #004cc6;
}
.box1{
  text-align: center;
}
img .icon{
  width: 90px;
  margin-bottom: 10px;
}
.pro{
  font-family: impact,sans-serif;
  color: #004cc6;
  font-size: 3.8em;
  margin-bottom: 40px;
}
#layout h3 {
  font-size: 3em;
  margin-bottom: 20px;
  font-family: helvetica;
  font-style: italic;
  color: #d87636;
}
.philosophy_box{
  width:90%;
  height:auto;
  background-color:rgba(255,255,255,0.9);
  margin: 0 auto;
  display: block;
}
#layout span{
  font-size: 0.35em;
}
.philosophy_text {
    font-size: 1.2em;
    font-weight: bold;
}
.yutai {
  font-size: 30px;
  font-family: 'Times New Roman', Times, serif;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  
}
.respo{
  display: flex;
  justify-content: center;
  margin-bottom: 30px;

}
.name{
  font-size: 20px;
  text-align: center;
  font-family: 'Times New Roman', Times, serif;
  white-space: nowrap;
}

.box3{
  background-color: #D1D1D2;
  background: rgba(209,210,210,0.5);
  text-align: center;
}
.midashi{
  padding-top: 50px;
}
.midashi h2{
  margin-bottom: 15px;
}
.box3_content{
  padding: 50px 0 80px;

}
.box3_content p{
  margin-top: 10px;
  font-size: 1.4em;
}
.icon{
  margin-bottom: 30px;
}
.icon img{
  width: 40%;
}
#member p {
  font-size: 14px;
  line-height: 1.1rem;
  margin: 10px 0 20px;
}


@media screen and (min-width: 768px){

.pitcher-box p, .catcher-box p, .pitcher-box2 p, .infielder-box p, .infielder-box2 p, .outfielder-box p, .directe-box p{
width: 220px;
}

/* #baseball{
  background-color: #fff;
} */

#layout{
  /* height: 380px; */

}
#layout h3{
  width:1000px;
  margin: 0 auto 20px;
}
.column{
  width: 100%;
}
.teamflex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 300px;
}

.left-g{
  background-color: #000;
  background-size: cover;
  /* float: left; */
  width: 50%;
  height: 100%;
  text-align: center;
}

.left-g img{
  width: 82% !important;
  margin: 7.4rem 0;
}

.right-t{
  background-color: #d87636;
  background-size: cover;
  /* float: right; */
  width: 50%;
  height: 100%;
}
.setsumei{
  margin: 0 auto;
  padding: 32px 34px;
}
.setsumei p{
  color:#fff;
  font-size: 14px;
  line-height: 2.1;
}


.philosophy{
  clear: both;
  width: 100%;
  height: auto;
  background-image:url("images/background-b.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.philosophy_box{
  width:80%;
  height:auto;
  background-color:rgba(255,255,255,0.8);
  margin: 0 auto;
  display: block;
  padding: 20px;
}

.philosophy_title{
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  padding-top: 40px;
  line-height: 0.8;
}

.philosophy_text{
  text-align:center;
  font-size: 16px;
  line-height: 2;
  margin: 25px 0 50px;
}


.mini{
  font-size: 18px;
}


.head_test-wrap{
  width: 50%;
  margin: 0 auto;
}

#head_test-block{
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  padding-bottom: 50px;
}
.head_test {
    margin:  0;
    position:  relative;
    font-weight:  normal;
    font-size: 16px;
    color:  #000;
}
.test {
    margin:  0;
    line-height: 2.5;
    font-size: 14px;
}


.head_tournament {
  width:50%;
    margin: 0 auto;
    position:  relative;
    font-weight:  normal;
    margin-bottom: 35px;
    font-size: 16px;
}
.tournament_title{
  font-size: 16px;
  margin: 0;
}
.t-t {
    margin:  0;
    line-height: 2.5;
    font-size: 14px;
}
.head_tournament-point {
    display:  block;
    font-size:  14px;
    margin-top:  10px;
    position:  relative;
    width: 205px;
    margin: 10px auto 0;
}

#member{
  width:1000px;
  margin: 0 auto;
  margin-top: 60px;
}
.member_list {
  display: flex;
  flex-wrap: wrap;
}
.member_list img{
  width: 180px;
  margin: 10px;
}



.pitcher{
  position: relative;
  color:#d87636;
  clear: both;
  font-size: 30px;

}

.catcher, .infielder, .outfielder, .directe{
  position: relative;
  color:#d87636;
  font-size: 30px;
}

.square{
  font-size: 45px;
}

#member hr{
  margin: 0;
  border: 1px solid #d87636;
  width: 1000px;
}

.pitcher-box, .infielder-box, .outfielder-box, .directe-box{
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-top:40px;
  clear: both;
}

.pitcher-1, .pitcher-2, .pitcher-3, .pitcher-4,
.infielder-1, .infielder-2, .infielder-3, .infielder-4,
.outfielder-1, .outfielder-2, .outfielder-3, .outfielder-4,
.directe-1, .directe-2, .directe-3, .directe-4{
  width: 25%;
  height: auto;
}

.pitcher-box img, .pitcher-box2 img, .catcher-box img,
.infielder-box img, .infielder-box2 img, .outfielder-box img, .directe-box img{
  width: 220px;
}

.pitcher-box2, .infielder-box2{
  width: 50%;
  display: flex;
  padding-top:40px;
  clear: both;
}
.catcher-box{
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-top:40px;
}

.catcher-1{
  width:220px;
  height: auto;
}

/* .infielder-box2{
  width: 25%;
  display: flex;
  padding-top:40px;
  clear: both;
} */

.infielder-5, .pitcher-5, .pitcher-6{
  width: 220px;
  height: auto;
  }
.pitcher-6{
  padding-left: 30px;
}
.directe-box{
  margin-bottom: 30px;
}

.box3_content{
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon{
  margin: 0 35px;
  margin-bottom: initial;
}
.icon img{
  width: 100%;
}
}
@media screen and (max-width: 1000px){
  .left-g img{
    width: 95%;
  }
}

/* ここからレスポンシブ */
@media screen and (max-width: 945px) {
  .name{
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {

  #baseball{
    width: 95%;
    margin: 0 auto;
  }
  #baseball .top-image img{
    max-width: 100%;
    padding-bottom: 2.5em;
  }

  #baseball .baseball_title img{
    width: 100%;
    padding-top: 30px;
    padding-bottom: 50px;
  }

    #layout{
      display: flex;
      flex-direction: column;
    }

    .left-g{
      background-color: #000;
      background-size: cover;
      height: auto;
      text-align: center;
      padding: 80px 30px;
    }

    .left-g img{
      width: 80%;
    }

  .right-t{
    padding: 30px;
    background-color: #d87636;
    color: #fff;
    line-height: 1.8;
  }

  .philosophy{
    clear: both;
    width: 100%;
    height: 480px;
    background-image:url("images/background-b.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
  }


  .philosophy_title{
    text-align: center;
    font-weight: bold;
    padding-top: 40px;
    font-size: 30px;
    line-height: 0.8;
  }

  .philosophy_text{
    padding:30px;
    font-size: 18px;
    line-height: 1.8;
  }

  .mini{
    font-size: 12px;
  }

  #head_test-block{
    width: 100%;
    margin-bottom: 30px;
  }

  .head_test{
    width: 90%;
    margin:  0;
    position:  relative;
    font-weight:  normal;
    font-size: 18px;
    color:  #000;
    padding: 30px 0 30px 0px;
    margin: 10px 0 10px 0;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
  }

  #tournament-block{
    width: 100%;
    background-image: url("images/background-c.jpg");
    color: #fff;
    margin-bottom: 30px;
  }

  .head_tournament{
      margin: 0 auto;
      position:  relative;
      font-weight:  normal;
      margin-bottom: 35px;
      font-size: 14px;
      padding: 30px 0 30px 0px;
      color:#000;
  }

  .tournament_title{
    text-align: center;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    padding: 30px 0 30px 0px;
  }

  .head_tournament-point{
    font-size: 12px;
    display: flex;
    justify-content: center;
    padding-top: 10px;
  }
  .test{
    padding: 0 20px 0 20px;
  }
  .t-t{
    padding: 0 20px 0 20px;
  }

  .member_heading{
    margin-top: 50px;
  }

  #member p{
    width: 80%;
    margin: 10px auto 20px;;
    /* font-size: 16px; */
  }

  #member hr{
    border: 1px solid #d87636;
    width: 100%;
    margin:0 0 40px 0;
  }

  .member_list{
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
  }
  .member_list img{
    width: 110px;
    padding: 16px;
  }
  .list_button{
    margin: 10px;
  }
  .pitcher-box, .pitcher-box2, .catcher-box, .infielder-box, .infielder-box2, .outfielder-box, .directe-box{
    text-align: center;
  }

  .pitcher, .catcher, .infielder, .outfielder, .directe{
    color:#d87636;
    font-size: 25px;
  }
  .pitcher-box img, .pitcher-box2 img, .catcher-box img,
  .infielder-box img, .infielder-box2 img, .outfielder-box img, .directe-box img{
    width: 300px;
  }

  .catcher, .infielder, .outfielder, .directe{
    margin-top: 50px;
  }

  .directe{
    margin-top: 50px;
    color:#d87636;
  }

    .respo{
    display: initial;
    justify-content: initia;
    text-align: center;
    
  }
}
@media screen and (max-width: 500px) {
  .left-g img{
    width: 100%;
    /* padding-top: 25px; */
  }

}
@media screen and (min-width: 1280px){
  #top_headline{
    margin-left: 60px;
  }
  #top_headline h2{
    font-size: 16px;
  }
  .setsumei {
    margin: 0 auto;
    padding: 62px 34px;
  }
}