@charset "utf-8";

.image-heading .image{
  background-image: url("../img/main.jpg");
}
@media print, screen and (min-width:781px) {
  body{
    padding-top: 0;
  }
}
@media screen and (min-width:781px) and (max-width:1365px) {
  .image-heading-wrap .ttl > h1{
    width: 48.79%;
  }
}
@media screen and (max-width: 780px) {
  .image-heading-wrap .ttl > h1 img{
    height: 80px;
  }
}



.message-sec .image{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#message-sec1 .image{
  background-image: url("../img/img_message1.jpg");
}
#message-sec2 .image{
  background-image: url("../img/img_message2.jpg");
}
#message-sec3 .image{
  background-image: url("../img/img_message3.jpg");
}
#message-sec4 .image{
  background-image: url("../img/img_message4.jpg");
}
#message-sec5 .image{
  background-image: url("../img/img_message5.jpg");
}


.message-sec .detail{
  background-color: #FFF;
}
.message-sec .detail .ttl > p{
  border-bottom: 2px solid #005CA2;
  color: #005CA2;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  padding-bottom: 20px;
}
.message-sec .detail .ttl > h2{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.41;
  margin-top: 20px;
}
@media print, screen and (min-width:1081px) {
  .message-sec-wrap{
    margin-top: 100px;
  }
  .message-sec{
    display: flex;
    margin-top: 50px;
  }
  .message-sec:nth-child(even){
    flex-direction: row-reverse;
  }
  .message-sec .image{
    width: 42.7%;
  }
  .message-sec .detail{
    padding: 100px 12%;
    width: 57.29%;
  }
  .message-sec .detail .ttl {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .message-sec .detail .ttl > p{
    font-size: 2.2rem;
  }
  .message-sec .detail .ttl > h2{
    font-size: 3.4rem;
  }
  .message-sec .detail .txt{
    margin-top: 40px;
  }
  .message-sec .detail .txt > p{
    margin-top: 20px;
  }
  .message-sec .detail .txt > .l2{
    margin-top: 50px;
  }
  .message-sec .detail .txt > p > *:first-child{
    margin-top: 0;
  }
}
@media screen and (max-width: 1080px) {
  .message-sec-wrap{
    padding: 0 5%;
  }
  .message-sec{
    margin-top: 40px;
  }
  .message-sec .image{
    padding-bottom: 71.428%;
  }
  .message-sec .detail{
    padding: 30px 5%;
  }
  .message-sec .detail .ttl {
  }
  .message-sec .detail .ttl > p{
    font-size: 1.4rem;
  }
  .message-sec .detail .ttl > h2{
    font-size: 2.0rem;
  }
  .message-sec .detail .txt{
    margin-top: 30px;
  }
  .message-sec .detail .txt > p{
    margin-top: 15px;
  }
  .message-sec .detail .txt > .l2{
    margin-top: 45px;
  }
  .message-sec .detail .txt > p > *:first-child{
    margin-top: 0;
  }
}

