@charset "utf-8";



/* ------- MESSAGE ---------------------------------------------- */
.page-message:before{
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
}
@media print, screen and (min-width:781px) {
  .page-message:before{
    background-image: url("../img/bg_main_pc.jpg");
  }
}
@media screen and (max-width: 780px) {
  .page-message:before{
    background-image: url("../img/bg_main_sp.jpg");
  }
}



.manager-message .detail > p{
  color: #FFF;
  letter-spacing: .08em;
}
@media print, screen and (min-width:781px) {
  .manager-message{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    margin-top: 120px;
  }
  .manager-message .image{
    position: relative;
    width: 64.84%;
  }
  .manager-message .image dl{
    background-color: #100F63;
    color: #FFF;
    padding: 2.5% 6.02%;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
  .manager-message .image dl > dt{
    font-size: min(0.9375vw,1.8rem);
  }
  .manager-message .image dl > dd{
    font-size: min(1.45vw,2.8rem);
    margin-top: 5px;
  }
  .manager-message .detail{
    width: 31.25%;
  }
  .manager-message .detail > p{
    font-size: min(1.77vw,3.4rem);
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
}
@media screen and (max-width: 780px) {
  .manager-message{
    margin-top: 40px;
    padding: 0 20px;
  }
  .manager-message .image{
  }
  .manager-message .image dl{
    color: #FFF;
    margin-top: 35px;
  }
  .manager-message .image dl > dt{
    font-size: 1.5rem;
  }
  .manager-message .image dl > dd{
    font-size: 2.4rem;
  }
  .manager-message .detail{
    margin-top: 40px;
  }
  .manager-message .detail > p{
    font-size: 2.4rem;
    line-height: 1.58;
  }
}


.message-contents{
  color: #FFF;
}
.message-contents p{
  line-height: 2.1;
}
@media print, screen and (min-width:781px) {
  .message-contents{
    display: flex;
    justify-content: space-between;
    margin-top: 115px;
    margin-bottom: 240px;
  }
  .message-contents > div{
    width: 45.3125%;
  }
  .message-contents p{
    font-size: 1.8rem;
    margin-top: 25px;
  }
  .message-contents > div > *:first-child{
    margin-top: 0;
  }
}
@media screen and (max-width: 780px) {
  .message-contents{
    margin-top: 60px;
    margin-bottom: 100px;
    padding: 0 20px;
  }
  .message-contents p{
    font-size: 1.6rem;
    margin-top: 30px;
  }
}