@charset "utf-8";

.ttl-h3-01 .ftL {
  font-size: 150%;
  line-height: 1.0;
  vertical-align: unset;
}
.ftcolor01 {
  color: #D41928;
}
.ftcolor02 {
  color: #1B58C7
}
.ftcolor03 {
  color: #107C6B;
}
.ftcolor04 {
  color: #E99F01;
}
.ftcolor05 {
  color: #7F30AD;
}
.ftcolor06 {
  color: #2DB597;
}
.list-check-03 li {
  color: #333333;
}

.merit_box {
  position: relative;
  width: 100%;
}
.merit_box::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  max-width: 1000px;
  width: 100%;
  max-height: 100%;
  height: 100%;
}
.merit_box ul {
  max-width: 930px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.merit_box ul li {
  position: relative;
  max-width: 450px;
  width: 45%;
  margin-bottom: 10px;
}
.merit_box ul li:nth-child(odd) {
  margin-right: 4%;
}
.merit_box ul li a {
  position: relative;
  display: block;
}
.merit_box ul li img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 900px) {
  .merit_box ul {
    display: block;
    padding: 0 10%;
  }
  .merit_box ul li {
    max-width: unset;
    width: 100%;
    margin-bottom: 1%;
  }
  .merit_box ul li:nth-child(odd) {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .merit_box ul {
    padding: 0 5%;
  }
}

#movieArea {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}
#movieArea iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pgh-arrow-right-01.return a:hover {
  color: #b01e23;
  text-decoration: underline;
}
.pgh-arrow-right-01.return a:after {
  background-image: url(/shared/images/icn_arr02.png);
}
.pgh-arrow-right-01.return a:hover:after {
  background-image: url(/shared/images/icn_arr02.png);
}
.lay-pict-r {
  display: flex;
}
.lay-pict-r .text {
  line-height: 1.9;
}
.lay-pict-r.box-03 {
  padding: 1.3em 25px 0 25px;
}
.lay-pict-r .pict {
  margin-left: 1em;
  max-width: 236px;
  width: 70%;
  min-width: 150px;
  padding-bottom: 1.3em;
}
.lay-pict-r .pict img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .lay-pict-r {
    display: block;
  }
  .lay-pict-r .text {
    line-height: 1.6;
    padding-bottom: 1.3em;
  }
  .lay-pict-r .pict {
    text-align: center;
    margin: 0 auto;
    width: 190px;
  }
}