.msg_index .h1_box {
  background-image: url("../img/message/title_bg.png");
}

.msg_index h2{
  margin-bottom: 60px;
}
@media screen and (max-width: 600px){
  .msg_index h2{
    margin-bottom: 30px;
  }
}

.pmsg-wrap {
  display: flex; flex-direction: column;
}

.pmsg-wrap .title {
  order: 1; text-align: center; margin-bottom: 1em;
}

.pmsg-wrap .text {
  order: 3;
}

.pmsg-wrap .image,
.pmsg-wrap .image2 {
  text-align: center;  order: 2;
}

.pmsg-wrap .image img,
.pmsg-wrap .image2 img  {
  width: 100%; max-width: 400px; height: auto; vertical-align: bottom;
}


@media screen and (min-width: 640px), print {
	.pmsg-wrap {
    display: block;
  }
	.pmsg-wrap .title {
    text-align: left;
  }
	.pmsg-wrap .image,
  .pmsg-wrap .image2 {
    max-width: 40vw;
  }
	.pmsg-wrap .image {
    margin: 0 2em 1em 0; float: left;
  }
  .pmsg-wrap .image2 {
    margin: 0em 0em 1em 2em; float: right;
  }
}

@media screen and (min-width: 980px), print {
	.pmsg-wrap .image,
  .pmsg-wrap .image2 {
    max-width: 400px;
  }
}

.msg_index .read_txt {
  font-size: 26px;
  font-weight: 600;
}

.msg_index #philosophy .read_txt{
  margin-bottom: 60px;
}
@media screen and (max-width: 600px){
  .msg_index #philosophy .read_txt{
    margin-bottom: 30px;
  }
}


.msg_index .hd-wrap {
  display: flex;
  justify-content:space-between;
  align-items: flex-start;
  flex-direction: row-reverse;
  gap:0 2vw;
}


@media (min-width: 700px) {
.msg_index .pc_d_n {
  display: none;
}
}

@media screen and (max-width: 639px) {
.msg_index .hd-wrap .pmsg-wrap .image,
.msg_index .hd-wrap .pmsg-wrap .image2 {
  max-width: 30vw;
}
}