@charset "utf-8";

/* === .color-blue === */
.page__head__under.color-blue {
  background-color: #ebf0f9 !important;
}
.head__line.color-blue::before {
  background-color: #012161 !important;
}
.head__line.color-blue::after {
  background-color: #a3898f !important;
}
.head__arrow_square.color-blue::before {
  background-color: #1f4e79 !important;
}
p.color-blue {
  color: #1f4e79;
  font-weight: bold;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  p.color-blue {
    font-size: calc(18 / 16 * 1rem);
  }
}
@media not all and (min-width: 768px) {
  p.color-blue {
    font-size: calc(16 / 16 * 1rem);
  }
}

/* === .fBox (flexBox) === */
@media screen and (min-width: 768px){
  .fBox {
    display: -webkit-box;
    display: flex;
  }
}

/* === .fBox.inImg === */
.fBox.inImg figure img {
  display: block;
}
.fBox.inImg figure figcaption {
  line-height: 1.5;
}
@media screen and (min-width: 768px){
  .fBox.inImg div {
    flex: 1;
  }
  .fBox.inImg figure {
    width: calc((100% - 24px) * 0.33);
    margin-left: 24px;
  }
  .fBox.inImg figure figcaption {
    font-size: calc(15 / 16 * 1rem);
    text-align: center;
  }
}
@media not all and (min-width: 768px){
  .fBox.inImg figure {
    margin-top: 12px;
  }
  .fBox.inImg figure figcaption {
    font-size: calc(13 / 16 * 1rem);
  }
}

/* === #mv === */
#mv .mvInner {
  position: relative;
}
#mv .mvInner figure img {
  display: block;
  width: 100%;
}
#mv .mvTextArea {
  color: #0068b7;
  background-color: rgba(255, 255, 255, 0.8);
}
#mv .mvTextArea .fBox.presidentName {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
}
#mv .mvTextArea .presidentName dt {
  color: #000;
}
#mv .mvTextArea .presidentName dd {
  margin-left: 0.5em;
}
#mv .mvTextArea .presidentName dd img {
  display: block;
}
@media screen and (min-width: 768px){
  #mv .mvTextArea {
    padding: 24px 36px;
    position: absolute;
    top: 100px;
    left: 140px;
  }
  #mv .mvTextArea p {
    font-size: calc(28 / 16 * 1rem);
  }
  #mv .mvTextArea .fBox.presidentName {
    margin-top: 12px;
  }
  #mv .mvTextArea .presidentName dt {
    font-size: calc(18 / 16 * 1rem);
  }
}
@media not all and (min-width: 768px){
  #mv .container__under02 {
    padding: 0;
  }
  #mv .mvTextArea {
    padding: 8px 12px;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  #mv .mvTextArea p {
    font-size: calc(18 / 16 * 1rem);
  }
  #mv .mvTextArea .presidentName dt {
    font-size: calc(16 / 16 * 1rem);
  }
}

/* === #fv === */
#fv p {
  color: #0068b7;
}
#fv .fBox {
  display: -webkit-box;
  display: flex;
}
#fv .fBox figure img {
  display: block;
}
@media screen and (min-width: 768px){
  #fv .fBox {
    -webkit-box-align: center;
    align-items: center;
    width: 80%;
    margin: 0 auto;
  }
  #fv .fBox p {
    flex: 1;
    font-size: calc(18 / 16 * 1rem);
    line-height: 2.8em;
  }
  #fv .fBox figure {
    width: calc((100% - 24px) * 0.3);
    margin-left: 24px;
  }
}
@media not all and (min-width: 768px){
  #fv .fBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
  }
  #fv .fBox p {
    font-size: calc(16 / 16 * 1rem);
    margin-top: 12px;
  }
  #fv .fBox figure {
    width: 70%;
    margin: 0 auto;
  }
}