#message h2, #message .title { line-height: 1.4; }

#message {
  background-image: url(../images/concept/bg.png);
  background-size: 100% auto;
}
#message h2 { margin-bottom: 1.9rem; }

#message .title { margin-bottom: 7.3rem; }

#message .pdb-3 { padding-bottom: 3rem; }

#message .sec-1 { position: relative; padding: 7.4rem 0 2rem; font-size: 1.6rem; letter-spacing: 0.1rem; line-height: 1.9; }

#message .sec-1 .txt-1 { width: 23.1rem; margin-bottom: 2rem; }

#message .sec-1 .txt-2 { font-size: 2.5rem; font-weight: bold; line-height: 1.7; margin-bottom: 2rem; }

#message .sec-1 .left { width: 78.87755%; padding-right: 11.22%; }

#message .sec-1 .right { 
  width: 21.12245%;
  /* display: flex;
  justify-content: flex-end;
  flex-direction: column; */
}
#message .flex_222{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
}
#message .sec-1 .right .img-1 { max-width: 16.2rem;margin-bottom: 17.5%; margin-left: auto;}

#message .sec-1 .right .img-1 img{ image-rendering: -webkit-optimize-contrast;}

#message .sec-1 .right .capt { font-size: 1.5rem; text-align: right; line-height: 1.3; padding-top: 2.3rem; }

#message .sec-1 .right .capt span { font-size: 1.6rem; }

#message .sec-1 .imgs > img { position: absolute; z-index: -1; }

#message .sec-1 .imgs > img:nth-child(1) { top: 0; right: 0; }

#message .sec-1 .imgs > img:nth-child(2) { left: 0; bottom: 0; }

#message .sec-1 .imgs > img:nth-child(3) { bottom: 0; right: 0; }

#message .sec-2 { 
  padding: 7.8rem 0 2.8rem; background-color: rgba(227, 254, 254, 0.4);
position: relative;
 }
 
#message .sec-2 .imgs > img { position: absolute; z-index: -1; }

#message .sec-2 .imgs > img:nth-child(1) { top: 0; right: 0; }

#message .sec-2 .imgs > img:nth-child(2) { left: 0; bottom: 0; }

#message .sec-2 .imgs > img:nth-child(3) { bottom: 0; right: 0; }

#message .sec-2 h3 { margin-bottom: 7.5rem; }

#message .sec-2 .thumb { width: 74.4rem; margin: 0 auto 6.3rem; }

#message .sec-2 .list { font-size: 1.6rem; line-height: 1.8; letter-spacing: 1px; }

#message .sec-2 .list h4 { margin-bottom: 1rem; }

#message .sec-2 .list li { border-bottom: solid 1px #333333; padding-bottom: 2rem; margin-bottom: 2.5rem; }

#message .sec-2 .list li:last-child { border-bottom: none; margin-bottom: 0; }

#message .sec-2 .list li .tit { font-size: 2.3rem; font-weight: bold; }

@media only screen and (min-width: 751px) { #message h2, #message .title { text-align: center; } }

@media only screen and (max-width: 750px) { #message h2 { width: 10rem; margin-bottom: 2.1rem; }
  #message .title { width: 18.8rem; margin-bottom: 10rem; }
  #message .pdb-3 { padding-bottom: 4rem; }
  #message .sec-1 { font-size: 2.8rem; padding: 4.2rem 0 0; }
  #message .sec-1 .left, #message .sec-1 .right, #message .sec-1 .col-12 { width: 100%; padding: 0 3rem; }
  #message .sec-1 .right .img-1 { width: 63rem; height: 46.3rem; max-width: 100%; position: relative; }
  #message .sec-1 .right .img-1 > img { position: absolute; top: 0; right: 0; width: 26.6rem; }
  #message .sec-1 .right .img-1 .capt { font-size: 2.4rem; text-align: left; position: absolute; top: 20rem; left: 9.8rem; }
  #message .sec-1 .right .img-1 .capt span { font-size: 3.6rem; }
  #message .sec-1 .txt-1 { width: 41.3rem; }
  #message .sec-1 .txt-2 { font-size: 3.6rem; font-weight: normal; letter-spacing: 0px; line-height: 2; margin-bottom: 2.5rem; }
  #message .sec-1 .imgs > img:nth-child(1) { width: 52.2rem; }
  #message .sec-1 .imgs > img:nth-child(2) { width: 75rem; top: 42.8rem; bottom: auto; }
  #message .sec-1 .imgs > img:nth-child(3) { width: 75rem; }
  #message .sec-2 { padding: 8rem 3rem 12.5rem; }
  #message .sec-2 h3 { margin-bottom: 7.6rem; }
  #message .sec-2 h3 img { width: 53.3rem; }
  #message .sec-2 .thumb { width: 62.8rem; margin-bottom: 6.5rem; }
  #message .sec-2 .list { font-size: 2.6rem; }
  #message .sec-2 .list li { padding-bottom: 4.6rem; margin-bottom: 4.7rem; }
  #message .sec-2 .list li h4 { margin-bottom: 3.2rem; }
  #message .sec-2 .list li:nth-child(1) h4 { width: 19.5rem; }
  #message .sec-2 .list li:nth-child(2) h4 { width: 16.1rem; }
  #message .sec-2 .list li:nth-child(3) h4 { width: 16.7rem; }
  #message .sec-2 .list li .tit { margin-bottom: 2.3rem; font-size: 3.2rem; } }


  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    #message .sec-1 .right .img-1{
      margin-top: 32%;
      margin-left: 22%;
    }

  }