@charset "UTF-8";
/* #mainImg 下層ページ
================================================ */
/*  #message
================================================ */
/* mainimg */
body:before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #262626 url(../img/message/mainimg01_sp.png) no-repeat; background-size: 100% auto; content: ''; }

@media screen and (min-width: 600px) { body:before { z-index: -1; background-image: url(../img/message/mainimg01_pc.png); background-size: 1920px; background-position: top center; min-width: 1520px; } }

/* mask sp */
@media screen and (max-width: 599px) { #bg, #gFooter { position: relative; z-index: 2; }
  #contents { position: relative; z-index: 0; }
  #contents:before { position: absolute; content: ''; top: -109px; left: 0; width: 100%; height: 100%; background: url(../img/common/bg_contents01_sp.png) no-repeat top right; background-size: 100% auto; z-index: 0; }
  #contents:after { position: absolute; content: ''; top: 400px; left: 0; width: 100%; height: 100%; background: #262626; background-size: contain; z-index: 0; } }

/* mask pc */
@media screen and (min-width: 600px) { #bg { position: relative; background: #262626; }
  #bg:before { content: ""; position: absolute; top: -253px; height: 675px; width: 1920px; display: block; left: 50%; padding: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url(../img/common/bg_contents01_pc.png) no-repeat top center; background-size: cover; z-index: 0; } }

/*  #pages
================================================ */
#pages { color: #fff; padding-bottom: 50px; background: url(../img/message/bg_message01.png) no-repeat right 28px top 291px; background-size: 255px auto; }

#pages .box { letter-spacing: .06em; }

#pages .box img { zoom: .5; }

#pages .box .img { text-align: center; margin-bottom: 27px; }

#pages .box .tit { margin-bottom: 14px; font-size: 2.5rem; line-height: 1.5; font-weight: bold; letter-spacing: .06em; }

#pages .box .txt { font-size: 1.5rem; line-height: 1.8; }

#pages .box .name { margin-top: 14px; font-size: 1.3rem; font-weight: bold; text-align: right; }

/* #pages .box .name span { position: relative; margin-left: 13px; top: 2px; } */
#pages .box .name span { margin-left: 13px; font-size: 1.8rem; }

@media screen and (min-width: 600px) { #pages { padding: 0 0 120px; background: transparent; }
  #pages .inner { position: relative; }
  #pages .inner:before { content: ''; background: url(../img/message/bg_message01.png) no-repeat center; background-size: cover; width: 511px; height: 208px; position: absolute; top: -77px; right: -121px; z-index: 9; }
  #pages .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #pages .box img { zoom: 1; }
  #pages .box .img { width: 500px; }
  #pages .box .txtArea { width: 522px; margin-top: -9px; position: relative; z-index: 9; }
  #pages .box .tit { margin-bottom: 34px; font-size: 3.4rem; }
  #pages .box .txt { font-size: 1.6rem; line-height: 1.85; }
  #pages .box .name { margin-top: 25px; font-size: 1.5rem; }
  #pages .box .name img { width: 150px; }
  /* #pages .box .name span { margin-left: 18px; top: 5px; } */
  #pages .box .name span { margin-left: 18px; font-size: 2.2rem; }
}