.bgImg{
  background: url(../image/message/main_bg.jpg) no-repeat center bottom;
  background-size: cover;
}
.pageTtl{
  background: url(../image/message/ttl_bg.png) no-repeat center bottom;
  background-size: 100%;
}
#sec1 .text{
  width: fit-content;
  margin: 0 auto;
}
#sec2{
  background: url(../image/message/sec_bg.jpg) no-repeat center center;
  background-size: cover;
}
#sec2 .inner{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: min(90vw, 1557px);
  height: auto;
  background: rgba(0, 0, 102, .7);
  border-top: solid 3px #fff;
  border-bottom: solid 3px #fff;
  border-left: solid 3px #fff;
  /* padding: 0 7.2916vw 0 min(2.96875vw, 57px); */
  padding: 0 min(2.96875vw, 57px);
  margin-right: 0;
  margin-left: auto;
}
#sec2 .text{
  width: min(57%, 780px);
  padding: 2em 0;
}
#sec2 .img{
  width: min(34%, 470px);
  height: 100%;
  aspect-ratio: 342 / 317;
  object-fit: cover;
  margin-left: min(7%, 100px);
  /* -ms-filter: blur(6px);
  filter: blur(6px); */
}
#sec2 .img img{
  width: auto;
  height: 100%;
  outline: solid 3px #fff;
}
@media screen and (min-width: 1920px) {
  #sec2 .inner{
    max-width: none;
  }
}
@media screen and (min-width: 980px) {
  .mt2vw{
    margin-top: min(2vw, 30px);
  }
}

/*
===================================================
        sp
===================================================
*/
@media screen and (max-width: 1210px) {
  #sec2 .inner{
    justify-content: space-between;
    align-items: flex-start;
    width: 94vw;
    border-left: 0;
    padding: 0 3vw;
  }
  #sec2 .img{
    margin-left: min(4%, 50px);
  }
}

@media screen and (max-width: 750px) {
  .bgImg{
    background: url(../image/message/main_bg_sp.jpg) no-repeat center top 84.2vw / 100%, var(--blue);
  }
  .pageTtl{
    background: url(../image/message/ttl_bg_sp.png) no-repeat center bottom;
    background-size: contain;
  }
  .pageTtl .inner .eigo{
    margin-bottom: 20px;
  }
  #sec2{
    background: url(../image/message/sec_bg_sp.jpg) no-repeat center top / 100%, #ededfb;
  }
  #sec2 .inner{
    display: block;
    width: min(calc(100% - 30px), 680px);
    padding: 28px 0 58px;
    border: solid 3px #fff;
    margin-right: auto;
  }
  #sec2 .text{
    width: calc(100% - 46px);
    padding: 0 23px;
  }
  #sec2 .img{
    width: min(100%, 470px);
    margin: 30px auto 0;
  }
  #sec2 .img img{
    width: 100%;
    height: auto;
  }
}