@charset "UTF-8";
.common_mv {
  padding: 75px 20px 100px;
}
.common_mv .l-r-contents .sec-ttl {
  text-align: center;
  width: 100%;
}
.common_mv .l-r-contents .right_cont {
  width: 100%;
}
.katari {
  background: #FFF3D3;
}
.date {
  background: #E7FFE7;
}
.katsuyou {
  background: #D8FAFF
}
.contents {
  color: #000;
  padding: 40px 20px;
}
.common_mv .cont_inr, .center_txt .l-r-contents .right_cont {
  max-width: 600px;
  width: 100%;
}
.attention .cont_inr .inr_cont, .center_txt .l-r-contents .sec-ttl, .center_txt .l-r-contents .right_conttents .right_cont {
  width: 100%;
}
.center_txt .l-r-contents .sec-ttl {
  text-align: center;
}
.center_txt .l-r-contents {
  max-width: 600px;
}
.center_txt .l-r-contents .txt {
  margin-top: 60px;
}
.attention {
  color: #291753;
}
.attention .cont_inr .inr_cont .sec-ttl {
  width: 100%;
}
.attention .cont_inr .inr_cont .sec-ttl {
  font-size: 18px;
}
.attention .cont_inr .inr_cont .txt {
  font-size: 14px;
  margin-top: 25px;
}
@media only screen and (min-width: 769px) {
  .common_mv {
    padding: 130px 20px 240px;
  }
  .common_mv .l-r-contents .sec-ttl {
    font-size: 25px;
  }
  .common_mv .l-r-contents .right_cont {
    margin-top: 64px
  }
  .contents {
    padding: 100px 30px;
  }
  .attention .cont_inr .inr_cont {
    width: 50%;
    max-width: 480px;
    padding: 0 40px
  }
  .attention .cont_inr .inr_cont .sec-ttl {
    font-size: 20px;
  }
  .attention .cont_inr .inr_cont .txt {
    font-size: 16px;
    margin-top: 35px;
  }
  .l-r-contents .sec-ttl {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1260px) {
  .contents {
    padding: 140px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .txt {
    margin-top: 40px;
  }
  .cont_inr {
    max-width: 600px;
  }
  .attention .inr_cont:nth-child(2) {
    margin-top: 60px;
  }
}
.narrative_img {
  margin: 60px auto 0 0;
}
.date_img {
  max-width: 734px;
  margin: 60px auto 0 0;
  /*  width: 53%;*/
}