@charset "shift_jis";
/* CSS Document */

.fadeIn {
  opacity: 0;
  transition: 1s;
}
.fadeIn.is-show {
  opacity: 1;
}
.slideIn {
  opacity: 0;
}
.slideIn.is-show {
  animation: SlideIn 1s;
  opacity: 1;
}

@keyframes SlideIn {
  0% {
    opacity: 0;
    transform: translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 1s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 1s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
.ct_box {
background: #000;
padding-bottom: 80px;
}


.ct_box .ct_w1600 {
width: 100%;
max-width: 1600px;
margin: 0 auto;
}


#contents .btn_mall {
display: block;
position: absolute;
z-index: 10;
bottom :45px;
right:85px;
width: 180px;
}

#contents .btn_mall .btn {
display: inline-block;
font-weight: bold;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem 2rem;
font-size: 18px;
max-width: 180px;
border-radius: 6px;
}
#contents .btn_mall .btn.btn-light {
display: block;
color: #fff;
background-color: #000;
border-color: #000;
}
#contents .btn_mall .btn.btn-light:hover {
opacity: 1;
color: #000;
background-color: #fff;
border-color: #fff;
}
/*------------------*/

.ct_box .mainimg_box {
background: url(../images/mainimg_bg.jpg) top center no-repeat;
position: relative;
}

.ct_box .mainimg_box .mainimg_ttl {
width: 100%;
max-width: 1410px;
padding: 280px 0 0;
}


.ct_box .mainimg_box .mainimg_trainer {
position: relative;
display: block;
padding: 400px 0 0;
margin-bottom: -5px;
}


.ct_box .each_box {
position: relative;
margin-top: 50vw;
overflow: hidden;
background: url(../images/trainer01_bg.jpg) bottom center no-repeat;
}
.ct_box .each_box.each_box02 {
background: url(../images/trainer02_bg.jpg) bottom center no-repeat;
}
.ct_box .each_box.each_box03 {
background: url(../images/trainer03_bg.jpg) bottom center no-repeat;
}
.ct_box .each_box.each_box04 {
background: url(../images/trainer04_bg.jpg) bottom center no-repeat;
}

.ct_box .each_box .triangle {
position: absolute;
z-index: 11;
width: 0;
height: 0;
border-style: solid;
border-width: 5vw 100vw 0 0;
border-color: #000000 transparent transparent transparent;
}


.ct_box .each_box .each_inbox {
width: 96%;
max-width: 1200px;
background: rgba(0,0,0,0.3);
margin: 0 auto;
}

.ct_box .each_box .each_inbox .img_box {
position: relative;
max-width: 999px;
width: 100%;
margin: 0 auto;
}



.ct_box .moncolle_box {
position: relative;
margin-top: 50vw;
}
.ct_box .moncolle_box .each_inbox {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
align-items: center;
width: 92%;
height: 100%;
max-width: 1200px;
background: rgba(0,0,0,0.3);
margin: auto;
position: absolute;
right:0;
left:0;
z-index: 10;
}

.ct_box .moncolle_box .each_inbox .img_box {
max-width: 999px;
width: 100%;
margin: auto;
}


.ct_box .btn_moncolle {
display: block;
margin: 7vw auto 0;
width: 80%;
max-width: 805px;
}




.ct_box .stadium_box {
position: relative;
margin-top: 20vw;
}
.ct_box .stadium_box .each_inbox {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
align-items: center;
width: 92%;
height: 100%;
max-width: 1200px;
background: rgba(0,0,0,0.3);
margin: auto;
position: absolute;
right:0;
left:0;
z-index: 10;
}

.ct_box .stadium_box .each_inbox .img_box {
max-width: 1200px;
width: 100%;
margin: auto;
}

.ct_box .btn_stadium {
display: block;
margin: 5vw auto 0;
width: 80%;
max-width: 1001px;
}