/*

overwrite

*/
.mssKeyVisual__sub, .mssSection__bodycopy, .mssSection--1line p {
  font-size: 3.599999999vw;
  line-height: 7.333333333333vw; }
  @media (min-width: 768px) {
    .mssKeyVisual__sub, .mssSection__bodycopy, .mssSection--1line p {
      font-size: 16px;
      line-height: 32px; } }

.mssArticle {
  margin-top: 10%; }

.mssSection + .mssSection {
  margin-top: 2%; }
.mssSection.mssSection--topMarLarge {
  margin-top: 7%; }

/*

add

*/
.cont_title {
  line-height: 1.5;
  font-size: 5.6vw;
  padding-bottom: 15px;
  border-bottom: solid 1px #CDB182;
  text-align: center; }
  @media (min-width: 768px) {
    .cont_title {
      font-size: 24px;
      text-align: left; } }

.mssSection--photoW100 {
  box-sizing: border-box;
  text-align: center; }
  .mssSection--photoW100 img {
    max-width: 900px;
    width: 100%;
    margin: 0 auto; }

.cont_sub_img {
  max-width: 550px;
  width: 100%;
  margin: 0 auto; }
  .cont_sub_img img {
    width: 100%; }

.banner_float {
  display: inline-block;
  display: flex;
  background: #CDB182;
  padding: 20px;
  position: fixed;
  right: 0;
  bottom: 100px;
  color: #2f353d;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 2px;
  transition: all 0.7s;
  z-index: 2;
  box-sizing: border-box; }
  @media (max-width: 767px) {
    .banner_float {
      writing-mode: horizontal-tb;
      width: 100%;
      justify-content: center;
      bottom: 0;
      font-size: 14px; } }
  .banner_float:hover {
    text-decoration: none;
    color: #2f353d;
    background-color: #b3996d; }
  .banner_float--in {
    right: 0; }
    @media (max-width: 767px) {
      .banner_float--in {
        bottom: 0; } }
  .banner_float--out {
    right: -100px; }
    @media (max-width: 767px) {
      .banner_float--out {
        right: 0;
        bottom: -100px; } }
  .banner_float img {
    margin-top: 5px; }
    @media (max-width: 767px) {
      .banner_float img {
        margin-top: 0;
        margin-left: 5px; } }