@charset "UTF-8";
@media (min-width: 520px) {
  body {
    width: 100%;
  }
}
@media (max-width: 340px) {
  body {
    width: 100%;
  }
}
@media (max-width: 599px) {
  body {
    width: 100%;
  }
}
@media (min-width: 475px) {
  body {
    width: 100%;
    font-size: 16px;
  }
}
@media (min-width: 600px) {
  body {
    width: 100%;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  body {
    width: 100%;
    font-size: 17px;
    line-height: 1.9;
  }
}
@media (min-width: 600px) and (max-width: 834px) {
  body {
    width: 100%;
  }
}
@media (min-width: 835px) {
  body {
    width: 100%;
  }
}
@media (max-width: 834px) {
  body {
    width: 100%;
  }
}
@media (max-width: 1279px) {
  body {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  body {
    width: 100%;
  }
}

@media (max-width: 599px) {
  .notsp {
    display: none !important;
  }
}

@media (min-width: 600px) and (max-width: 834px) {
  .nottab {
    display: none !important;
  }
}

@media (min-width: 600px) {
  .sponly {
    display: none !important;
  }
}

@media screen and (max-width: 340px) {
  .notip5 {
    display: none !important;
  }
}

@media screen and (min-width: 340px) {
  .ip5only {
    display: none !important;
  }
}

@media (max-width: 599px) {
  .tabonly {
    display: none !important;
  }
}
@media (min-width: 835px) {
  .tabonly {
    display: none !important;
  }
}

@media (min-width: 835px) {
  .mobonly {
    display: none !important;
  }
}

@media (max-width: 834px) {
  .pconly {
    display: none !important;
  }
}

@media (max-width: 1279px) {
  .pcwonly {
    display: none !important;
  }
}

#og-message h2 {
  margin: 45px auto 35px;
  width: 33.28125%;
}
@media (min-width: 835px) {
  #og-message h2 {
    width: 184px;
    margin: 100px auto 80px;
  }
}
#og-message .program .program-unit {
  margin-bottom: 60px;
}
@media (min-width: 835px) {
  #og-message .program .program-unit {
    width: 1016px;
    margin: 0 auto 100px;
  }
}
#og-message .program .program-unit h3.program-ttl {
  position: relative;
  margin-bottom: -5%;
  z-index: 1;
  width: 52.34375%;
}
#og-message .program .program-unit h3.program-ttl img {
  display: block;
  margin: auto;
}
@media (min-width: 835px) {
  #og-message .program .program-unit .program-body {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }
}
@media (min-width: 835px) {
  #og-message .program .program-unit:nth-child(even) .program-body {
    flex-direction: row-reverse;
  }
}
#og-message .program .program-unit .photo {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 835px) {
  #og-message .program .program-unit .photo {
    flex-basis: 50%;
    margin-bottom: 0;
  }
}
#og-message .program .program-unit .photo img {
  display: block;
  margin: auto;
}
#og-message .program .program-unit .main {
  width: 93.75%;
  margin: auto;
}
@media (min-width: 835px) {
  #og-message .program .program-unit .main {
    flex-basis: 34.47%;
    width: 353px;
    margin-left: 30px;
  }
}
#og-message .program .program-unit .main h3.program-ttl {
  width: 67.4%;
  margin-bottom: 20px;
}
#og-message .program .program-unit .info .info-upper {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #61C0BC;
}
@media (min-width: 835px) {
  #og-message .program .program-unit .info .info-upper {
    align-items: center;
  }
}
#og-message .program .program-unit .info .info-upper .icon {
  flex-basis: 25.5%;
  margin-top: -8%;
  margin-right: 2%;
}
@media (min-width: 835px) {
  #og-message .program .program-unit .info .info-upper .icon {
    width: 66px;
    margin-top: 0;
  }
}
#og-message .program .program-unit .info .info-upper .icon img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
#og-message .program .program-unit .info .info-upper .icon.icon03 {
  margin-top: -13%;
}
@media (min-width: 835px) {
  #og-message .program .program-unit .info .info-upper .icon.icon03 {
    margin-top: 0;
  }
}
#og-message .program .program-unit .info .info-upper .status {
  flex-basis: 72.3%;
}
#og-message .program .program-unit .info .info-upper .status dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
#og-message .program .program-unit .info .info-upper .status dl dt {
  flex-basis: 17%;
  background-color: #000;
  margin-bottom: 10px;
  padding: 0.3em;
  color: #fff;
  text-align: center;
  font-size: 2.8125vw;
}
@media (min-width: 835px) {
  #og-message .program .program-unit .info .info-upper .status dl dt {
    font-size: 11px;
  }
}
#og-message .program .program-unit .info .info-upper .status dl dd {
  flex-basis: 80%;
  margin-bottom: 10px;
  font-size: 3.125vw;
}
@media (min-width: 835px) {
  #og-message .program .program-unit .info .info-upper .status dl dd {
    font-size: 14px;
  }
}
#og-message .program .program-unit .info .info-upper .status dl dd strong {
  font-weight: bold;
}
#og-message .program .program-unit .info .info-lower {
  display: flex;
  align-items: center;
  width: 95%;
  margin: 0 auto 20px;
}
#og-message .program .program-unit .info .info-lower .name {
  margin-right: 10px;
  font-weight: bold;
  font-size: 4.375vw;
}
@media (min-width: 835px) {
  #og-message .program .program-unit .info .info-lower .name {
    font-size: 19px;
  }
}
#og-message .program .program-unit .info .info-lower .name::after {
  content: "さん";
  font-weight: normal;
  font-size: 3.4375vw;
}
@media (min-width: 835px) {
  #og-message .program .program-unit .info .info-lower .name::after {
    font-size: 14px;
  }
}
#og-message .program .program-unit .info .info-lower .school {
  font-size: 3.4375vw;
}
@media (min-width: 835px) {
  #og-message .program .program-unit .info .info-lower .school {
    font-size: 13px;
  }
}
#og-message .program .comment p {
  text-align: justify;
  line-height: 2;
  font-size: 3.4375vw;
}
@media (min-width: 835px) {
  #og-message .program .comment p {
    font-size: 14px;
    margin-bottom: 25px;
  }
}

#genba {
  background-color: rgba(97, 192, 188, 0.3);
  padding: 25px 0;
}
@media (min-width: 835px) {
  #genba {
    padding: 50px 0;
  }
}
#genba .genba-inner {
  margin: auto;
  width: 87.8125%;
}
#genba .genba-ttl {
  margin: 0 auto 20px;
  width: 63.4375%;
}
@media (min-width: 835px) {
  #genba .genba-ttl {
    width: 315px;
    margin-bottom: 67px;
  }
}
#genba .genba-ttl img {
  display: block;
  width: 100%;
}
@media (min-width: 835px) {
  #genba .genba-top {
    display: flex;
    width: 900px;
    margin: auto;
  }
}
@media (min-width: 835px) {
  #genba .genba-top .photo {
    flex-basis: calc( 100% - 54.3% - 2px);
    background: url("../../img/message/genba_photo_pc.jpg");
    background-size: cover;
    background-position: center;
  }
}
#genba .genba-top .photo img {
  display: block;
  width: 100%;
}
@media (min-width: 835px) {
  #genba .genba-top .photo img {
    opacity: 0;
  }
}
#genba .genba-top .info {
  position: relative;
}
@media (min-width: 835px) {
  #genba .genba-top .info {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    flex-basis: calc( 100% - 45.6% - 2px);
    border-left: 4px solid #fff;
  }
}
#genba .genba-top .info .photo2 {
  position: absolute;
  width: 38.25%;
  top: -8%;
  right: 7px;
}
@media (min-width: 835px) {
  #genba .genba-top .info .photo2 {
    position: static;
    width: 100%;
  }
}
#genba .genba-top .info .photo2 img {
  display: block;
  width: 100%;
}
#genba .genba-top .info .meta {
  background-color: #E9EAEA;
  padding: 4.27% 7.11%;
}
@media (min-width: 835px) {
  #genba .genba-top .info .meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-basis: 50%;
    box-sizing: border-box;
  }
}
#genba .genba-top .info .meta span {
  display: block;
}
#genba .genba-top .info .meta span.shoulder {
  font-size: 2.8125vw;
}
@media (min-width: 835px) {
  #genba .genba-top .info .meta span.shoulder {
    font-size: 13px;
    line-height: 1.4;
  }
}
#genba .genba-top .info .meta span.label {
  font-weight: bold;
  font-size: 3.90625vw;
}
@media (min-width: 835px) {
  #genba .genba-top .info .meta span.label {
    font-size: 18px;
    line-height: 1.3;
  }
}
#genba .genba-top .info .meta .shozoku {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E50012;
}
@media (min-width: 835px) {
  #genba .genba-top .info .meta .shozoku {
    flex-basis: 100%;
    margin-top: auto;
    border-bottom-color: #00ABB1;
  }
}
@media (min-width: 835px) {
  #genba .genba-top .info .meta .name {
    flex-basis: 100%;
    margin-bottom: auto;
  }
}
#genba .genba-top .info .meta .name label {
  font-size: 4.53125vw;
}
#genba .genba-top .info .profile {
  background-color: #E6F3F6;
  padding: 4.27% 7.11%;
}
@media (min-width: 835px) {
  #genba .genba-top .info .profile {
    flex-basis: 50%;
    box-sizing: border-box;
  }
}
#genba .genba-top .info .profile h3.ttl {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 3.59375vw;
  letter-spacing: 0.2em;
  text-indent: 0;
}
@media (min-width: 835px) {
  #genba .genba-top .info .profile h3.ttl {
    font-size: 18px;
  }
}
#genba .genba-top .info .profile p {
  font-size: 2.65625vw;
  line-height: 1.5;
  text-align: justify;
}
@media (min-width: 835px) {
  #genba .genba-top .info .profile p {
    font-size: 11px;
    line-height: 1.6;
  }
}
#genba .genba-conts {
  background-color: #FFF;
  padding: 4.27% 7.11%;
}
@media (min-width: 835px) {
  #genba .genba-conts {
    width: 900px;
    margin: auto;
  }
}
#genba .genba-conts h3.ttl {
  font-size: 5.3125vw;
  text-align: center;
  margin-bottom: 25px;
}
@media (min-width: 835px) {
  #genba .genba-conts h3.ttl {
    font-size: 24px;
  }
}
#genba .genba-conts .genba-conts-unit {
  margin-bottom: 30px;
}
@media (min-width: 835px) {
  #genba .genba-conts .genba-conts-unit {
    margin-bottom: 60px;
  }
}
#genba .genba-conts .genba-conts-unit h4 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#genba .genba-conts .genba-conts-unit h4 .icon {
  flex-basis: 23%;
}
@media (min-width: 835px) {
  #genba .genba-conts .genba-conts-unit h4 .icon {
    flex-basis: 98px;
  }
}
#genba .genba-conts .genba-conts-unit h4 .text {
  font-size: 4.21875vw;
  margin-left: -15px;
}
@media (min-width: 835px) {
  #genba .genba-conts .genba-conts-unit h4 .text {
    font-size: 21px;
  }
}
#genba .genba-conts .genba-conts-unit p {
  font-size: 3.4375vw;
  line-height: 2;
  text-align: justify;
}
@media (min-width: 835px) {
  #genba .genba-conts .genba-conts-unit p {
    font-size: 17px;
  }
}