@charset "UTF-8";
/* Scss Document */
main {
  width: 100%;
  margin: 0 auto; }

/***************************************************/
.top_ttl {
  text-align: center;
  padding: 50px 0 70px; }
  .top_ttl p {
    font: 4.0rem/1.0em 'Rock Salt', cursive;
    font-weight: 400;
    color: #595757;
    margin: 0 0 30px; }
  .top_ttl h2 {
    font: 12rem/1.0em 'Barlow', sans-serif;
    font-weight: 500;
    font-style: italic;
    color: #69A3D8; }
    .top_ttl h2 small {
      font: 2.4rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      display: block;
      margin: 17px 0 0; }

@media (max-width: 1024px) {
  .top_ttl {
    text-align: center;
    padding: 50px 0 70px; }
    .top_ttl p {
      font: 4.0rem/1.0em 'Rock Salt', cursive;
      font-weight: 400;
      color: #595757;
      margin: 0 0 30px; }
    .top_ttl h2 {
      font: 10rem/1.0em 'Barlow', sans-serif;
      font-weight: 500;
      font-style: italic;
      color: #69A3D8; }
      .top_ttl h2 small {
        font: 2.2rem/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        display: block;
        margin: 17px 0 0; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .top_ttl {
    text-align: center;
    padding: 50px 0 70px; }
    .top_ttl p {
      font: 4.0rem/1.0em 'Rock Salt', cursive;
      font-weight: 400;
      color: #595757;
      margin: 0 0 30px; }
    .top_ttl h2 {
      font: 7rem/1.0em 'Barlow', sans-serif;
      font-weight: 500;
      font-style: italic;
      color: #69A3D8; }
      .top_ttl h2 small {
        font: 2.0rem/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        display: block;
        margin: 17px 0 0; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .top_ttl {
    text-align: center;
    padding: 10px 0 50px; }
    .top_ttl p {
      font: 3.0rem/1.0em 'Rock Salt', cursive;
      font-weight: 400;
      color: #595757;
      margin: 0 0 30px; }
    .top_ttl h2 {
      font: 5rem/1.0em 'Barlow', sans-serif;
      font-weight: 500;
      font-style: italic;
      color: #69A3D8; }
      .top_ttl h2 small {
        font: 1.8rem/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 700;
        display: block;
        margin: 10px 0 0; } }
/*max-width:480px*/
/***************************************************/
.mv {
  position: relative;
  width: 100%;
  max-width: 1980px;
  height: 667px;
  margin: 0 auto 135px; }
  .mv .mv_box {
    max-width: 100%;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 0 0 0 5%;
    height: 100%;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center; }
  .mv dl {
    height: 100%;
    margin: 0 0 0;
    width: 640px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center; }
  .mv dt {
    font: 5.8rem/1.6em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    color: #171C61;
    margin: 0 0 30px; }
  .mv dd {
    padding: 0 50px 0 0;
    font: 2.2rem/2.0em 'Noto Sans JP', sans-serif;
    font-weight: 700; }
  .mv img {
    position: absolute;
    right: 0;
    top: 0; }

@media (max-width: 1280px) {
  .mv {
    position: relative;
    width: 100%;
    max-width: 1980px;
    height: auto;
    margin: 0 auto 135px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center; }
    .mv .mv_box {
      order: 2;
      max-width: 1024px;
      width: calc(100% - 40px);
      margin: 0 auto;
      padding: 0;
      height: 100%;
      position: relative;
      z-index: 1; }
    .mv dl {
      height: 100%;
      margin: 0 0 0;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center; }
    .mv dt {
      font: 5.8rem/1.6em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      color: #171C61;
      margin: 0 0 30px; }
    .mv dd {
      padding: 0 0 0 0;
      font: 2.2rem/2.0em 'Noto Sans JP', sans-serif;
      font-weight: 700; }
    .mv img {
      order: 1;
      position: relative;
      right: auto;
      top: auto;
      display: block;
      margin: 0 0 20px auto;
      width: 100%; } }
/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .mv {
    margin: 0 auto 100px; }
    .mv dt {
      font: 7.5vw/1.6em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      color: #171C61;
      margin: 0 0 30px; }
    .mv dd {
      padding: 0 0 0 0;
      font: 2.0rem/2.0em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      text-align: justify;
      text-justify: inter-ideograph; }
    .mv img {
      order: 1;
      position: relative;
      right: auto;
      top: auto;
      display: block;
      margin: 0 0 20px auto;
      width: 100%; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .mv {
    margin: 0 auto 70px; }
    .mv dd {
      padding: 0 0 0 0;
      font: 1.7rem/2.0em 'Noto Sans JP', sans-serif;
      font-weight: 700; } }
/*max-width:480px*/
/***************************************************/
.voice {
  max-width: 1280px;
  width: calc(100% - 40px);
  margin: 0 auto; }

.voice_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto 100px; }
  .voice_list li {
    width: calc(100% / 3);
    position: relative; }
    .voice_list li:nth-of-type(2):before {
      position: absolute;
      content: "×";
      color: #171C61;
      top: 40%;
      left: 0%;
      -webkit-transform: translate(-50%, -50%);
      /* Safari用 */
      transform: translate(-50%, -50%);
      font: 8.0rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 400; }
    .voice_list li:nth-of-type(2):after {
      position: absolute;
      content: "×";
      color: #171C61;
      top: 40%;
      left: auto;
      right: 0%;
      -webkit-transform: translate(50%, -50%);
      /* Safari用 */
      transform: translate(50%, -50%);
      font: 8.0rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 400;
      z-index: 1; }
    .voice_list li img {
      width: 100%; }
    .voice_list li p {
      padding: 0 15px; }
  .voice_list .job {
    color: #171C61;
    font: 1.6rem/1.0em 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin: 10px 0 10px; }
  .voice_list .namae {
    font: 2.4rem/1.0em 'Noto Sans JP', sans-serif;
    font-weight: 500; }
  .voice_list small {
    display: block;
    font: 1.6rem/1.0em 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin: 10px 0 0; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .voice {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto; }

  .voice_list {
    margin: 0 auto 80px; }
    .voice_list li {
      text-align: center; }
      .voice_list li:nth-of-type(2):before {
        font: 8vw/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 400; }
      .voice_list li:nth-of-type(2):after {
        font: 8vw/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 400; }
      .voice_list li img {
        width: 100%; }
      .voice_list li p {
        padding: 0 15px; }
    .voice_list .job {
      color: #171C61;
      font: 2.8vw/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 400;
      margin: 10px 0 10px; }
    .voice_list .namae {
      font: 3.8vw/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 500; }
    .voice_list small {
      display: block;
      font: 2.5vw/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 400;
      margin: 10px 0 0; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .voice_list {
    margin: 0 auto 80px; }
    .voice_list li {
      text-align: center; }
      .voice_list li:nth-of-type(2):before {
        font: 8vw/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 400; }
      .voice_list li:nth-of-type(2):after {
        font: 8vw/1.0em 'Noto Sans JP', sans-serif;
        font-weight: 400; }
      .voice_list li p {
        padding: 0 5px; }
    .voice_list .job {
      color: #171C61;
      font: 1.2rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 400;
      margin: 10px 0 10px; }
    .voice_list .namae {
      font: 1.8rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 500; }
    .voice_list small {
      display: block;
      font: 1.0rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 400;
      margin: 10px 0 0; } }
/*max-width:480px*/
/***************************************************/
.voice_box {
  max-width: 1080px;
  width: calc(100% - 40px);
  margin: 0 auto 175px; }
  .voice_box h3 {
    border-top: 1px solid #ACC7E8;
    border-bottom: 1px solid #ACC7E8;
    background-color: #F2F7FC;
    color: #5386B3;
    font: 3.2rem/1.0em 'Noto Sans JP', sans-serif;
    font-weight: 500;
    padding: 15px 0 17px;
    text-align: center;
    margin: 0 auto 65px; }
  .voice_box img {
    display: block;
    margin: 130px auto 0;
    max-width: 100%; }
  .voice_box p {
    position: relative;
    top: 80px;
    max-width: 500px;
    padding: 20px;
    border: 2px solid #69A3D8;
    border-radius: 5px;
    font: 1.6rem/2.0em 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin: 0 100px 20px auto;
    position: relative;
    text-align: justify;
    text-justify: inter-ideograph;
    transition: .3s;
    opacity: 0; }
    .voice_box p.fadeUp {
      opacity: 1;
      top: 0px; }
    .voice_box p:before {
      width: 90px;
      height: 130px;
      position: absolute;
      content: "";
      display: block;
      top: 0; }
    .voice_box p.boss {
      margin: 0 auto 20px 100px;
      border: 2px solid #76739C; }
      .voice_box p.boss:before {
        background: url("../images/top-message/itou-icon.jpg") top center no-repeat;
        background-size: contain;
        left: -100px; }
    .voice_box p.itidou {
      margin: 0 auto 20px 100px;
      border: 2px solid #171C61;
      max-width: fit-content; }
    .voice_box p.nisimura:before {
      display: block;
      background: url("../images/top-message/nisimura-icon.jpg") top center no-repeat;
      background-size: contain;
      right: -100px; }
    .voice_box p.okaya:before {
      display: block;
      background: url("../images/top-message/okaya-icon.jpg") top center no-repeat;
      background-size: contain;
      right: -100px; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .voice_box {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto 100px; }
    .voice_box h3 {
      border-top: 1px solid #ACC7E8;
      border-bottom: 1px solid #ACC7E8;
      background-color: #F2F7FC;
      color: #5386B3;
      font: 2.5rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 500;
      padding: 15px 0 17px;
      text-align: center;
      margin: 0 auto 50px; }
    .voice_box img {
      display: block;
      margin: 80px auto 0;
      max-width: 95%; }
    .voice_box p {
      max-width: 500px;
      padding: 15px;
      border: 2px solid #69A3D8;
      border-radius: 5px;
      font: 1.5rem/1.8em 'Noto Sans JP', sans-serif;
      font-weight: 400;
      margin: 0 95px 20px 20px;
      position: relative;
      text-align: justify;
      text-justify: inter-ideograph; }
      .voice_box p:before {
        width: 75px;
        height: 130px;
        position: absolute;
        content: "";
        display: block;
        top: 0; }
      .voice_box p.boss {
        margin: 0 10px 20px 95px;
        border: 2px solid #76739C; }
        .voice_box p.boss:before {
          background: url("../images/top-message/itou-icon.jpg") top center no-repeat;
          background-size: contain;
          left: -85px; }
      .voice_box p.itidou {
        margin: 0 10px 20px 95px;
        border: 2px solid #171C61;
        max-width: fit-content; }
      .voice_box p.nisimura:before {
        display: block;
        background: url("../images/top-message/nisimura-icon.jpg") top center no-repeat;
        background-size: contain;
        right: -85px; }
      .voice_box p.okaya:before {
        display: block;
        background: url("../images/top-message/okaya-icon.jpg") top center no-repeat;
        background-size: contain;
        right: -85px; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .voice_box {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto 100px; }
    .voice_box h3 {
      font: 2.0rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 500; }
    .voice_box img {
      display: block;
      margin: 80px auto 0;
      max-width: 95%; }
    .voice_box p {
      max-width: 500px;
      padding: 15px;
      border: 2px solid #69A3D8;
      border-radius: 5px;
      font: 1.4rem/1.8em 'Noto Sans JP', sans-serif;
      font-weight: 400;
      margin: 0 70px 20px 10px;
      position: relative;
      text-align: justify;
      text-justify: inter-ideograph; }
      .voice_box p:before {
        width: 60px;
        height: 130px;
        position: absolute;
        content: "";
        display: block;
        top: 0; }
      .voice_box p.boss {
        margin: 0 10px 20px 80px;
        border: 2px solid #76739C; }
        .voice_box p.boss:before {
          left: -70px; }
      .voice_box p.itidou {
        margin: 0 10px 20px 80px;
        border: 2px solid #171C61;
        max-width: fit-content; }
      .voice_box p.nisimura:before {
        right: -70px; }
      .voice_box p.okaya:before {
        right: -70px; } }
/*max-width:480px*/
/***************************************************/
/***************************************************/