body {
  background: url(../common/img/bg_wave.jpg) no-repeat 0 bottom;
  background-size: 100% auto;
}

#main {
  padding-left: 20px;
  padding-right: 20px;
}
#main article {
  max-width: 960px;
  margin: auto;
}
#main article .ttl1 {
  color: #004695;
}

/* __________________________________________________ #pageTtl */
#pageTtl {
  background: url(img/ttl_bg.png) no-repeat 0 0;
  background-size: contain;
  padding: 0 0 40.4099560761347%;
  position: relative;
  width: 100%;
}
#pageTtl h1 {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 11%;
  top: 65%;
  width: 21%;
}
/* スマホ対応　*/
@media screen and (max-width: 630px) {
  #pageTtl h1 {
    left: 10px;
    top: 80%;
    width: 28%;
}
  .pageTtl_text {
  position: absolute;
  top: 80%;
  left: 35%;
  padding-right: 2em;
  text-align: left;
  font-size: 11px;
}
  .sp_none{
  display: none;
}

}
/* タブレット対応　*/
@media screen and (min-width: 640px) and (max-width: 821px) {
  #pageTtl h1 {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 11%;
    top: 80%;
    width: 21%;
}
.sp_none{
  display: none;
}
}
#pageTtl img {
  margin: auto;
  width: 100%;
  height: auto;
  max-width: 1366px;
}
figure.talk_photo {
  width: 260px;
}
.pageTtl_text{
  position: absolute;
  top: 80%;
  left: 35%;
  padding-right: 2em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  figure.talk_photo {
    float: none !important;
    margin: 0px auto !important;
    width: 150px;
  }
}
figure.talk_photo img {
  width: 100%;
  display: block;
  margin-bottom: 0.5em;
}
figure.talk_photo figcaption {
  font-size: 1rem;
}
figure.talk_photo p {
  font-size: 0.875rem;
}
figure.talk_photo.talk_photo04 {
  float: right;
  margin: -100px 0 30px 55px;
}
figure.talk_photo.talk_photo05, figure.talk_photo.talk_photo01 {
  float: left;
  margin: 0 55px 30px 0;
}
figure.talk_photo.talk_photo03, figure.talk_photo.talk_photo02 {
  float: right;
  margin: 0 0 30px 55px;
}

.separater {
  margin: 10px -20px 50px;
}
.separater img {
  width: 100%;
  height: auto;
}

.green {
  color: #2c8810;
}

.yellow {
  color: #e99d31;
}

.pink {
  color: #f02b2b;
}

.purple {
  color: #bf46bb;
}

.blue {
  color: #193a8c;
}

.ttl1 {
  line-height: 1.3;
  position: relative;
  margin: 3rem 0 3.125rem;
  padding: 0;
  font-weight: normal;
}
.pageTtl_text{
  position: absolute;
  top: 80%;
  left: 35%;
  padding-right: 2em;
  text-align: left;
}