@charset "utf-8";
/* default PC */

#environment #contents .inner {
  max-width:1750px;
}

#benefit {
  background-color:#F4F4F4;
}

#benefit #contents .benefit-item h3 {
  background:linear-gradient(135deg, #E13B44, #CB171C);
  -webkit-background-clip:text;
  color:transparent;
  font-size:130%;
  font-weight:bold;
  line-height:1.7em;
  margin:0 0 20px 0;
  padding:0;
  text-align:center;
}

#benefit .benefit-item {
  background-color:#FFF;
  border-radius:10px;
  margin:0 0 40px 0;
  padding:40px;
}

#benefit .benefit-img {
  margin:0 auto 10px auto;
  text-align:center;
  width:100px;
}

#training {
  background-color:#F4F4F4;
}

#training #contents .training-message h3 {
  background:transparent;
  font-size:36px;
  font-weight:bold;
  line-height:1.6em;
  margin:0;
  padding:0px 0 0 20px;
}

.training-message img,
.training-item img {
  border-radius:10px;
}

#training .training-img {
  margin:0 auto 20px auto;
  text-align:center;
}

#training #contents .training-ttl {
  background:linear-gradient(264deg, #384FA6, #293587);
  border-radius:8px;
  color:#FFF;
  font-size:110%;
  font-weight:100;
  letter-spacing:.1em;
  line-height:1;
  margin:0;
  padding:15px 20px;
  width:fit-content;
}

#training #contents .training-ttl span.number {
  font-size:160%;
}

#contents .training-ttl-box {
  align-items:center;
  justify-content:flex-start;
  margin:0 0 40px 0;
}

.training-box {
  background-color:#FFF;
  border-radius:10px;
  margin:0 0 80px 0;
  padding:50px;
}

#training .training-box .txt-2box.end {
  margin-right:0;
  width:50%;
}

#training .training-box .txt-2box {
  margin-right:3%;
  width:47%;
}

body#real {
  background-color:#F4F4F4;
}


#real #contents .real-ttl {
  color:#333;
  font-size:150%;
  font-weight:bold;
  letter-spacing:.05em;
  margin:0;
  padding:0;
  text-align:left;
}

#real .real-txt-box {
  padding:30px 0 0 0;
}

#real #contents .real-txt-box .lato {
  align-items:center;
  background:linear-gradient(135deg, #E13B44, #CB171C);
  border-radius:10px;
  color:#FFF;
  display:flex;
  font-size:28px;
  font-weight:bold;
  justify-content:center;
  line-height:1;
  margin:0 0 22px 0;
  padding:15px 20px;
  text-align:center;
  width:fit-content;
}

#real .real-box {
  background-color:#FFF;
  border-radius:10px;
  margin:0 0 50px 0;
  padding:40px;
}

#real #contents .real-ttl .lato {
  align-items:center;
  background:linear-gradient(264deg, #384FA6, #293587);
  border-radius:8px;
  color:#FFF;
  display:flex;
  font-size:22px;
  justify-content:center;
  line-height:1;
  margin:0 0 10px 0;
  padding:10px 15px;
  text-align:center;
  width:fit-content;
}

#real .real-ttl-box {
  border-bottom:3px solid #EEE;
  padding:0 0 30px 0;
}

#real .real-ttl-box p {
  margin-bottom:0;
}

#real .real-area img {
  border-radius:10px;
}

#benefit #contents .benefit-item p {
  margin-bottom:0;
}

@media screen and (max-width: 1500px) {
  #benefit .benefit-item {
    padding:30px 25px;
  }

  #benefit #contents .benefit-item h3 {
    font-size:120%;
  }
}

@media screen and (max-width: 1200px) {
  #benefit .benefit-item {
    margin-bottom:0;
    width:calc(100% / 3 - 15px);
  }

  #benefit .flex {
    gap:20px;
  }
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  #benefit #contents .benefit-item h3 {
    font-size:20px;
  }

  #training #contents .training-message h3 {
    font-size:28px;
  }

  #training #contents .training-ttl {
    font-size:100%;
    padding:10px 15px;
  }

  #training #contents .training-ttl span.number {
    font-size:160%;
  }

  .training-box {
    padding:35px 30px;
  }

  #real #contents .real-ttl .lato {
    font-size:18px;
  }

  #real #contents .real-ttl {
    font-size:115%;
  }

  #real #contents .real-txt-box .lato {
    font-size:21px;
  }

  #real .real-ttl-box {
    padding-bottom:20px;
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  #benefit .benefit-item {
    padding:20px;
  }

  #contents .training-area p.txt-center.mb-40 {
    text-align:left;
  }

  #contents .training-area p.txt-center.mb-40 {
    text-align:left;
  }

  #training .training-box .txt-2box {
    margin-right:0;
    width:100%;
  }

  #training .training-box .txt-2box.end {
    width:100%;
  }

  .training-box {
    margin-bottom:60px;
    padding:30px 25px;
  }

  #training .training-box .txt-2box img {
    width:100%;
  }

  #contents .training-ttl-box {
    margin-bottom:30px;
  }

  #training #contents .training-message h3 {
    font-size:22px;
  }

  #training #contents .training-ttl {
    font-size:85%;
  }

  #training #contents .training-ttl span.number {
    margin-left:3px;
  }

  #real .real-box {
    padding:30px;
  }

  #real #contents .real-txt-box .img-2box {
    margin-bottom:15px;
  }
}

@media screen and (max-width: 767px) {
  #benefit .benefit-item {
    width:calc(100% / 2 - 10px);
  }

  #training #contents .training-message h3 {
    font-size:21px;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  #benefit .benefit-item {
    width:100%;
  }

  #contents .training-ttl-box {
    align-content:center;
    display:flex;
    flex-direction:column;
  }

  .training-box {
    padding:20px 15px;
  }

  #training #contents .training-ttl {
    padding:7px 15px;
  }

  #training #contents .training-ttl span.number {
    font-size:140%;
  }

  #training #contents .training-message h3 {
    font-size:19px;
    line-height:1.5em;
    margin-top:10px;
    padding:0;
    text-align:center;
  }

  #contents .training-ttl-box {
    margin-bottom:20px;
  }

  .training-box {
    margin-bottom:40px;
  }

  #real .real-box {
    padding:20px 15px;
  }

  #real #contents .real-ttl .lato {
    font-size:15px;
  }

  #real #contents .real-ttl {
    font-size:100%;
  }

  #real .real-txt-box {
    padding:20px 0 0;
  }

  #real #contents .real-txt-box .lato {
    font-size:18px;
    margin-bottom:15px;
    padding:10px 15px;
  }

  #real #contents .real-ttl br.br-1300 {
    display:none;
  }
}

@media screen and (max-width: 430px) {
  #real #contents .real-ttl br.br-767 {
    display:none;
  }
}