/* --------------------------------------------
  message
-------------------------------------------- */
.message_wrap {
  padding-top: 27px;
  background: url(/2027/information/img/message_bg03_pc.png) center top no-repeat;
}
@media screen and (max-width: 767px) {
  .message_wrap {
    padding-top: 11px;
    background: url(/2027/information/img/message_bg03_sp.png) center top no-repeat;
  }
}
.message {
  text-align: center;
}
.message p {
  font-size: 2.0rem;
  color: #444;
  line-height: 2.0;
  margin-top: 40px;
}
.message p span {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .message {
    text-align: left;
  }
  .message p {
    font-size: 1.8rem;
    margin-top: 38px;
  }
}
.message_media_wrap {
  background: url(/2027/information/img/message_bg04_pc.png) no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .message_media_wrap {
    background: url(/2027/information/img/message_bg04_sp.png) no-repeat;
    background-size: 100% auto;
  }
}
.message_read {
  text-align: center;
  margin-top: 131.2px;
  margin-bottom: 100.2px;
}
.message_read p {
  color: #fd6f31;
  font-size: 3.2rem;
  line-height: 1.3;
  display: inline-block;
  position: relative;
}
.message_read p:before {
  background: url(/2027/information/img/message_bg01.png) no-repeat;
  left: -40px;
}
.message_read p:after {
  background: url(/2027/information/img/message_bg02.png) no-repeat;
  right: -40px;
}
.message_read p:before,
.message_read p:after {
  content: '';
  width: 23px;
  height: 22px;
  background-size: 23px auto;
  position: absolute;
  top: -1.2px;
}
@media screen and (max-width: 767px) {
  .message_read {
    margin-top: 67.7px;
    margin-bottom: 48.7px;
  }
  .message_read p {
    font-size: 2.2rem;
  }
  .message_read:before {
    left: -24px;
  }
  .message_read:after {
    right: -24px;
  }
  .message_read:before,
  .message_read:after {
    content: '';
    width: 18px;
    height: 16px;
    background-size: 18px auto;
    top: -3.7px;
  }
}
.message_media {
  text-align: center;
}
/*
.message_media > li {
  position: relative;
  font-size: 0;
  text-align: center;
  margin-bottom: 120px;
}
*/

.message_media > li img {
  width: 100%;
  height: auto;
}
/*
.message_media > li:first-child {
  width: 58.333333%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
.message_media > li:nth-child(2),
.message_media > li:last-child {
  display: inline-block;
  width: 45.833333%;
  height: auto;
  vertical-align: top;
  margin-bottom: 160px;
}
.message_media > li:last-child {
  margin-left: 5%;
}
*/

.message_media > li {
  display: inline-block;
  width: 45.833333%;
  height: auto;
  vertical-align: top;
  position: relative;
  font-size: 0;
  text-align: center;
  margin-bottom: 120px;
}
.message_media > li:last-child {
  margin-left: 5%;
}


@media screen and (max-width: 767px) {
  .message_media {
    padding: 0 30px;
  }
/*
  .message_media > li {
    margin-bottom: 60px;
  }
*/
  .message_media > li img {
    width: 100%;
    height: auto;
  }
/*
  .message_media > li:first-child {
    width: 100%;
  }
  .message_media > li:nth-child(2),
  .message_media > li:last-child {
    display: block;
    width: 100%;
    margin-bottom: 60px;
  }
  .message_media > li:last-child {
    margin-left: 0;
  }
*/
  .message_media > li {
	display: block;
    margin-bottom: 60px;
	width: 100%;
  }
  .message_media > li:last-child {
    margin-left: 0;
  }
}
.message_media_base {
  position: absolute;
  top: -30px;
  left: -30px;
  background: #fd6f31;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  display: table;
  z-index: 10;
}
.message_media_base p {
  font-size: 2.4rem;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .message_media_base {
    top: -20px;
    left: -20px;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    display: table;
    z-index: 10;
  }
  .message_media_base p {
    font-size: 1.8rem;
  }
}
.message_media_object {
  width: 100%;
  position: relative;
  z-index: 0;
}
.message_media_object:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fd6f31;
  opacity: 0.2;
  bottom: -20px;
  right: -20px;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .message_media_object:after {
    bottom: -10px;
    right: -10px;
  }
}