@charset "utf-8";

/* ::::: overwrite content.css start ::::: */
div.wrap {
  background-color: #fffeee;
  overflow-x: hidden;
}

div.section {
  padding: 0;
}

div.section.mainV {
  background: #fffeee;
  height: auto;
}

div.section.mainV h1 {
  box-sizing: border-box;
  display: block;
  height: auto;
  margin: 0 auto;
  padding: 139px 10px 0;
  position: static;
}

div.section h2 {
  background: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

div.section h3 {
  margin: 0;
  padding: 0;
}

div.section p {
  margin: 0;
}

div.section.mainV ul.breadcrumbs li:first-child {
  background: url("../../img/common/breadcrumbs_blue.svg") no-repeat left center;
  background-size: 15px 15px;
}

div.section.mainV ul.breadcrumbs li {
  color: #005bac;
}

div.section.mainV ul.breadcrumbs li a {
  color: #005bac;
}

/* ::::: overwrite content.css end ::::: */


body {
  background-color: #fffeee;
}

footer.mainFooter {
  background-color: #FFF;
}

.contents_outer {
  color: #005bac;
  font-family: 'YakuHanJP_Noto', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
  margin: 0 auto;
  padding: 0 0 108px;
  text-align: left;
}

.contents_outer img {
  display: block;
  height: auto;
  max-width: 100%;
}

.mv_contents_outer {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1040px;
  padding: 0 10px;
  position: relative;
}

.mv_contents {
  display: flex;
  margin: 27px 0 0;
  padding: 0 10px;
}

.contents_outer img.mv_contents_img {
  height: 100%;
  margin: 16px auto 0;
  width: 216px;
}

div.section .mv_contents p {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 48px;
}

#mv_promise_list {
  display: flex;
  flex-wrap: wrap;
  margin: 120px 0 0;
}

.mv_promise_list_item {
  box-sizing: border-box;
  padding: 10px;
  width: 20%;
}

.mv_promise_list_item .open-modal {
  cursor: pointer;
  display: block;
}
.mv_promise_list_item .open-modal:hover {
  opacity: .5;
}

.iziModal.iziModal_promise {
  max-height: 620px;
  max-width: 880px!important;
  width: 100%;
}

.iziModal.iziModal_promise img {
  display: block;
  height: auto;
  margin: 0 auto;
}

/* .iziModal.iziModal_promise .iziModal-wrap {
}

.iziModal.iziModal_promise .iziModal-content {
} */

.iziModal.iziModal_promise .iziModal-content > div {
  position: relative;
}

.iziModal.iziModal_promise .iziModal-content .modal_promise_close {
  cursor: pointer;
  height: 25px;
  opacity: 1;
  position: absolute;
  right: 30px;
  top: 30px;
  transition: opacity .3s ease;
  width: 25px;
}
.iziModal.iziModal_promise .iziModal-content .modal_promise_close:hover {
  opacity: .5;
}

.iziModal.iziModal_promise[aria-hidden="false"] ~ .iziModal-navigate {
  z-index: 1501!important;
}

.iziModal.iziModal_promise[aria-hidden="false"] ~ .iziModal-navigate > div.iziModal-navigate-caption {
  display: none!important;
}

.iziModal.iziModal_promise[aria-hidden="false"] ~ .iziModal-navigate > button {
  opacity: 1;
}
.iziModal.iziModal_promise[aria-hidden="false"] ~ .iziModal-navigate > button:hover {
  opacity: .5;
}

.iziModal.iziModal_promise[aria-hidden="false"] ~ .iziModal-navigate > button.iziModal-navigate-prev {
  background-image: url("/assets/legacy/sumida/initiative/promise/images/promise_prev.png")!important;
  background-position: 38px center!important;
  background-repeat: no-repeat!important;
  background-size: 30px 82px!important;
}

.iziModal.iziModal_promise[aria-hidden="false"] ~ .iziModal-navigate > button.iziModal-navigate-next {
  background-image: url("/assets/legacy/sumida/initiative/promise/images/promise_next.png")!important;
  background-position: 16px center!important;
  background-repeat: no-repeat!important;
  background-size: 30px 82px!important;
}

.deco_illust {
  bottom: -40px;
  position: absolute;
  right: 20px;
  width: 274px;
}

.section.contents {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1040px;
  padding: 83px 10px 0;
}

.contents_inner {
  padding: 0 10px;
}

#contents_mvv_list {
  margin: 71px 0 0;
}

.contents_mvv_list_item {
  display: flex;
}
.contents_mvv_list_item + .contents_mvv_list_item {
  margin: 39px 0 0;
}

.contents_mvv_list_icon {
  margin: 0 75px 0 0;
}

.contents_mvv_list_txt {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 35px;
}

/* .circle_list {
} */

.circle_list li {
  list-style-type: none;
}
.circle_list li::before {
  content: "●";
  display: inline-block;
  font-size: 1.2em;
  text-align: right;
  width: 1em;
}

div.contents h3 {
  margin: 0 0 16px;
}

.lead {
  margin-top: 30px !important;
}

.lead a {
  text-decoration: underline;
}


/* ::::::::::::::::::::::::: SP ::::::::::::::::::::::::: */
@media screen and (max-width: 989px){
  /* ::::: overwrite content.css start ::::: */
  /* div.section.mainV {
  } */

  div.section.mainV h1 {
    margin: 0 auto 0 0;
    padding: 40px 0 0;
    width: 195px;
  }
  /* ::::: overwrite content.css end ::::: */

  .contents_outer {
    padding: 0 0 54px;
  }

  .mv_contents_outer {
    padding: 0 20px;
  }

  .mv_contents {
    display: block;
    margin: 20px auto 0;
    padding: 0;
  }

  .contents_outer img.mv_contents_img {
    margin: 46px auto 0;
    max-width: 216px;
    width: 48.21%;
  }

  div.section .mv_contents p {
    font-size: 13px;
    line-height: 24px;
    margin: 4px 0 0;
    text-align: justify;
  }

  #mv_promise_list {
    margin: 46px auto 0;
    width: 586px;
  }

  .mv_promise_list_item {
    max-width: 195px;
    padding: 5.5px;
    width: 33.33%;
  }

  .iziModal.iziModal_promise {
    max-height: 1200px;
/*
    max-width: 640px!important;
*/
    max-width: 546px!important;
    width: calc(100% - 40px)!important;
  }
  /* .iziModal.iziModal_promise[aria-hidden="false"] {
  } */

  .iziModal.iziModal_promise .iziModal-wrap {
    align-items: center;
    display: flex;
    height: 100%!important;
  }
  .iziModal.hasScroll.iziModal_promise .iziModal-wrap {
    display: block;
  }

  /* .iziModal.iziModal_promise .iziModal-content {
  } */

  .iziModal.iziModal_promise .iziModal-content .modal_promise_close {
    right: 20px;
  }

  /* .iziModal.iziModal_promise[aria-hidden="false"] ~ .iziModal-navigate > button {
  } */

  .iziModal.iziModal_promise[aria-hidden="false"] ~ .iziModal-navigate > button.iziModal-navigate-prev {
    background-position: 60px center!important;
    background-size: 15px 41px!important;
  }

  .iziModal.iziModal_promise[aria-hidden="false"] ~ .iziModal-navigate > button.iziModal-navigate-next {
    background-position: 9px center!important;
    background-size: 15px 41px!important;
  }

  .contents_outer img.deco_illust {
    bottom: -60px;
    left: 49%;
    max-width: 274px;
    position: absolute;
    right: auto;
    width: 44.275%;
  }

  .section.contents {
    display: flex;
    justify-content: center;
    padding: 76px 10px 0;
  }

  div.section.contents h2 {
    width: 218px;
  }

  div.section.contents h3 {
    width: 142px;
  }

  #contents_mvv_list {
    margin: 36px 0 0;
  }

  .contents_mvv_list_item + .contents_mvv_list_item {
    margin: 37px 0 0;
  }

  .contents_mvv_list_icon {
    margin: 0 25px 0 0;
    width: 95px;
  }

  .contents_mvv_list_txt {
    font-size: 12px;
    line-height: 22px;
    text-align: justify;
    width: calc(100% - 120px);
  }

}

@media screen and (max-width: 625px){
  #mv_promise_list {
    margin: 46px -5.5px 0;
    width: auto;
  }

}

@media screen and (max-width: 586px){
  .iziModal.iziModal_promise[aria-hidden="false"] ~ .iziModal-navigate > button {
    margin: 0!important;
    width: 20px;
  }

  .iziModal.iziModal_promise[aria-hidden="false"] ~ .iziModal-navigate > button.iziModal-navigate-prev {
    background-position: center!important;
    background-size: 15px 41px!important;
    left: 0;
  }

  .iziModal.iziModal_promise[aria-hidden="false"] ~ .iziModal-navigate > button.iziModal-navigate-next {
    background-position: center!important;
    background-size: 15px 41px!important;
    right: 0;
  }

}