@keyframes brightness {
  0% {
    filter: brightness(300%);
  }
  100% {
    filter: brightness(100%);
  }
}
@media screen and (min-width: 769px) {
  .page-dna.page-dna_index .section--dna .frameFix {
    position: relative;
    width: 1024px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .6s 0s, visibility 0s .6s;
    transition: opacity .6s 0s, visibility 0s .6s;
  }
  .page-dna.page-dna_index .section--dna .frameFix.fadeIn {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .6s, visibility 0s;
    transition: opacity .6s, visibility 0s;
  }
  .page-dna.page-dna_index .section--dna {
    background: #698dc6 url("./images/dna/bg_index.jpg") center center no-repeat;
    background-size: cover;
    color: #FFF;
    height: 930px;
  }
  .page-dna.page-dna_index .section--dna:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 999;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .6s, visibility 0s;
    transition: opacity .6s, visibility 0s;
  }
  .page-dna.page-dna_index .section--dna.fade {
    animation: brightness 3s ease;
  }
  .page-dna.page-dna_index .section--dna.fade:after {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 3s 0s, visibility 0s 3s;
    transition: opacity 3s 0s, visibility 0s 3s;
  }
  .page-dna.page-dna_index .section__title {
    position: absolute;
    left: 9px;
    top: 170px;
    width: 515px;
    height: 116px;
    background: url("./images/dna/title_index.svg") no-repeat bottom left;
  }
  .no-svg .page-dna.page-dna_index .section__title {
    background-image: url("./images/dna/title_index.png");
  }
  .page-dna.page-dna_index .section__message {
    font-size: 1.4rem;
    line-height: 2.5rem;
    position: absolute;
    left: 5px;
    top: 326px;
    width: 625px;
  }
  .page-dna.page-dna_index .section__menu {
    left: 6px;
    top: 507px;
    width: 624px;
    position: absolute;
  }
  .page-dna.page-dna_index .section__menu .section__menuItem a {
    height: 60px;
    width: 309px;
    display: block;
    margin-bottom: 5px;
  }
  .page-dna.page-dna_index .section__menu .section__menuItem a:hover {
    opacity: 0.7;
  }
  .page-dna.page-dna_index .section__menu .section__menuItem--01 a {
    background-image: url("./images/dna/btn_menu-chapter01.svg");
  }
  .no-svg .page-dna.page-dna_index .section__menu .section__menuItem--01 a {
    background-image: url("./images/dna/btn_menu-chapter01.png");
  }
  .page-dna.page-dna_index .section__menu .section__menuItem--02 a {
    background-image: url("./images/dna/btn_menu-chapter02.svg");
  }
  .no-svg .page-dna.page-dna_index .section__menu .section__menuItem--02 a {
    background-image: url("./images/dna/btn_menu-chapter02.png");
  }
  .page-dna.page-dna_index .section__menu .section__menuItem--03 a {
    background-image: url("./images/dna/btn_menu-chapter03.svg");
  }
  .no-svg .page-dna.page-dna_index .section__menu .section__menuItem--03 a {
    background-image: url("./images/dna/btn_menu-chapter03.png");
  }
  .page-dna.page-dna_index .section__menu .section__menuItem--04 a {
    background-image: url("./images/dna/btn_menu-chapter04.svg");
  }
  .no-svg .page-dna.page-dna_index .section__menu .section__menuItem--04 a {
    background-image: url("./images/dna/btn_menu-chapter04.png");
  }
  .page-dna.page-dna_chapter-01 {
    padding: 130px 0 40px 0;
  }
  .page-dna.page-dna_chapter-01 .frameFix {
    width: auto;
    min-width: 1024px;
    position: relative;
  }
  .page-dna.page-dna_chapter-01 .frameFix .section__article {
    width: 56%;
    float: left;
  }
  .page-dna.page-dna_chapter-01 .frameFix .section__block {
    margin-left: 65px;
    margin-right: 100px;
  }
  .page-dna.page-dna_chapter-01 .frameFix .section__block .section__title {
    width: 480px;
    height: 146px;
    position: relative;
  }
  .page-dna.page-dna_chapter-01 .frameFix .section__block .section__title:before {
    /*top:-6%;*/
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 96px;
    background: url("./images/dna/title_chapter01.svg") no-repeat bottom left;
  }
  .no-svg .page-dna.page-dna_chapter-01 .frameFix .section__block .section__title:before {
    background-image: url("./images/dna/title_chapter01.png");
  }
  .page-dna.page-dna_chapter-01 .frameFix .section__block .section__caption {
    height: 46px;
    width: 100%;
    margin-bottom: 60px;
    background: url("./images/dna/caption_chapter01.svg") no-repeat bottom left;
  }
  .no-svg .page-dna.page-dna_chapter-01 .frameFix .section__block .section__caption {
    background-image: url("./images/dna/caption_chapter01.png");
  }
  .page-dna.page-dna_chapter-01 .frameFix .section__block .section__description .text--basic {
    font-size: 1.5rem;
    line-height: 3.0rem;
    margin-bottom: 3rem;
  }
  .page-dna.page-dna_chapter-01 .frameFix .section__visual {
    position: absolute;
    width: 43%;
    right: 30px;
    height: 100%;
    background: #919B9C;
    background: url("./images/dna/img_chapter01.jpg") no-repeat center 5px;
    background-size: cover;
  }
  .page-dna.page-dna_chapter-02 {
    padding: 130px 0 40px 0;
  }
  .page-dna.page-dna_chapter-02 .frameFix {
    width: auto;
    min-width: 1024px;
    position: relative;
  }
  .page-dna.page-dna_chapter-02 .frameFix .section__article {
    width: 60%;
    float: right;
  }
  .page-dna.page-dna_chapter-02 .frameFix .section__block {
    margin-right: 30px;
    margin-left: 140px;
  }
  .page-dna.page-dna_chapter-02 .frameFix .section__block .section__title {
    width: 480px;
    height: 114px;
    position: relative;
  }
  .page-dna.page-dna_chapter-02 .frameFix .section__block .section__title:before {
    /*top:-6%;*/
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 64px;
    background: url("./images/dna/title_chapter02.svg") no-repeat bottom left;
  }
  .no-svg .page-dna.page-dna_chapter-02 .frameFix .section__block .section__title:before {
    background-image: url("./images/dna/title_chapter02.png");
  }
  .page-dna.page-dna_chapter-02 .frameFix .section__block .section__caption {
    height: 42px;
    width: 100%;
    margin-bottom: 60px;
    background: url("./images/dna/caption_chapter02.svg") no-repeat bottom left;
  }
  .no-svg .page-dna.page-dna_chapter-02 .frameFix .section__block .section__caption {
    background-image: url("./images/dna/caption_chapter02.png");
  }
  .page-dna.page-dna_chapter-02 .frameFix .section__block .section__description .text--basic {
    font-size: 1.5rem;
    line-height: 3.0rem;
    margin-bottom: 3rem;
  }
  .page-dna.page-dna_chapter-02 .frameFix .section__visual {
    position: absolute;
    width: 40%;
    left: 65px;
    height: 100%;
    background: #919B9C;
    background: url("./images/dna/img_chapter02.jpg") no-repeat center 5px;
    background-size: cover;
  }
  .page-dna.page-dna_chapter-03 {
    padding: 130px 0 40px 0;
  }
  .page-dna.page-dna_chapter-03 .frameFix {
    width: auto;
    min-width: 1024px;
    position: relative;
  }
  .page-dna.page-dna_chapter-03 .frameFix .section__article {
    width: 56%;
    float: left;
  }
  .page-dna.page-dna_chapter-03 .frameFix .section__block {
    margin-left: 65px;
    margin-right: 100px;
  }
  .page-dna.page-dna_chapter-03 .frameFix .section__block .section__title {
    width: 480px;
    height: 115px;
    position: relative;
  }
  .page-dna.page-dna_chapter-03 .frameFix .section__block .section__title:before {
    /*top:-6%;*/
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 65px;
    background: url("./images/dna/title_chapter03.svg") no-repeat bottom left;
  }
  .no-svg .page-dna.page-dna_chapter-03 .frameFix .section__block .section__title:before {
    background-image: url("./images/dna/title_chapter03.png");
  }
  .page-dna.page-dna_chapter-03 .frameFix .section__block .section__caption {
    height: 42px;
    width: 100%;
    margin-bottom: 60px;
    background: url("./images/dna/caption_chapter03.svg") no-repeat bottom left;
  }
  .no-svg .page-dna.page-dna_chapter-03 .frameFix .section__block .section__caption {
    background-image: url("./images/dna/caption_chapter03.png");
  }
  .page-dna.page-dna_chapter-03 .frameFix .section__block .section__description .text--basic {
    font-size: 1.5rem;
    line-height: 3.0rem;
    margin-bottom: 3rem;
  }
 .page-dna.page-dna_chapter-03 .frameFix .section__block .section__description .text--bold {
      font-size: 1.5rem;
      line-height: 3.0rem;
      font-weight: 500;
  }
  .page-dna.page-dna_chapter-03 .frameFix .section__visual {
    position: absolute;
    width: 43%;
    right: 30px;
    height: 100%;
    background: #919B9C;
    background-size: cover;
    background: url("./images/dna/img_chapter03.jpg") no-repeat center 5px;
  }
  .page-dna.page-dna_chapter-04 {
    padding: 130px 0 40px 0;
  }
  .page-dna.page-dna_chapter-04 .frameFix {
    width: auto;
    min-width: 1024px;
    position: relative;
  }
  .page-dna.page-dna_chapter-04 .frameFix .section__article {
    width: 60%;
    float: right;
  }
  .page-dna.page-dna_chapter-04 .frameFix .section__block {
    margin-right: 30px;
    margin-left: 140px;
  }
  .page-dna.page-dna_chapter-04 .frameFix .section__block .section__title {
    width: 480px;
    height: 115px;
    position: relative;
  }
  .page-dna.page-dna_chapter-04 .frameFix .section__block .section__title:before {
    /*top: -6%;*/
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 65px;
    background: url("./images/dna/title_chapter04.svg") no-repeat bottom left;
  }
  .no-svg .page-dna.page-dna_chapter-04 .frameFix .section__block .section__title:before {
    background-image: url("./images/dna/title_chapter04.png");
  }
  .page-dna.page-dna_chapter-04 .frameFix .section__block .section__caption {
    height: 47px;
    width: 100%;
    margin-bottom: 60px;
    background: url("./images/dna/caption_chapter04.svg") no-repeat bottom left;
  }
  .no-svg .page-dna.page-dna_chapter-04 .frameFix .section__block .section__caption {
    background-image: url("./images/dna/caption_chapter04.png");
  }
  .page-dna.page-dna_chapter-04 .frameFix .section__block .section__description .text--basic {
    font-size: 1.5rem;
    line-height: 3.0rem;
    margin-bottom: 3rem;
  }
  .page-dna.page-dna_chapter-04 .frameFix .section__visual {
    position: absolute;
    width: 40%;
    left: 65px;
    height: 100%;
    background: #919B9C;
    background: url("./images/dna/img_chapter04.jpg") no-repeat center 5px;
    background-size: cover;
  }
  .page-dna .section__menuList {
    /*padding: 20px 0;*/
    letter-spacing: -.40em;
    text-align: center;
  }
  .page-dna .section__menuList .section__menuItem {
    float: left;
    /*display: inline-block;
    padding:0 15px;*/
    letter-spacing: normal;
    vertical-align: top;
    text-align: center;
    margin-top: 5px;
    /*
    &.section__menuItem--01.section__menuItem--prev a{background-image: url("./images/dna/btn_menu_prev-chapter1.png")}
    &.section__menuItem--02.section__menuItem--prev a{background-image: url("./images/dna/btn_menu_prev-chapter2.png")}
    &.section__menuItem--03.section__menuItem--prev a{background-image: url("./images/dna/btn_menu_prev-chapter3.png")}
    &.section__menuItem--04.section__menuItem--prev a{background-image: url("./images/dna/btn_menu_prev-chapter4.png")}
    */
    /*
    &.section__menuItem--01.section__menuItem--next a{background-image: url("./images/dna/btn_menu_next-chapter1.png")}
    &.section__menuItem--02.section__menuItem--next a{background-image: url("./images/dna/btn_menu_next-chapter2.png")}
    &.section__menuItem--03.section__menuItem--next a{background-image: url("./images/dna/btn_menu_next-chapter3.png")}
    &.section__menuItem--04.section__menuItem--next a{background-image: url("./images/dna/btn_menu_next-chapter4.png")}
    */
  }
  .page-dna .section__menuList .section__menuItem:nth-child(even) {
    margin-left: 6px;
  }
  .page-dna .section__menuList .section__menuItem:nth-child(-n+2) {
    margin-top: 0;
  }
  .page-dna .section__menuList .section__menuItem a {
    width: 195px;
    height: 59px;
    display: block;
    background: no-repeat left top;
    padding: 0;
    margin-bottom: 0 !important;
  }
  .page-dna .section__menuList .section__menuItem a:hover {
    opacity: 0.7;
  }
  .page-dna .section__menuList .section__menuItem.section__menuItem--index.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-i.svg");
  }
  .no-svg .page-dna .section__menuList .section__menuItem.section__menuItem--index.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-i.png");
  }
  .page-dna .section__menuList .section__menuItem.section__menuItem--index.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-i.svg");
  }
  .no-svg .page-dna .section__menuList .section__menuItem.section__menuItem--index.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-i.png");
  }
  .page-dna .section__menuList .section__menuItem.section__menuItem--01.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-chapter01.svg");
  }
  .no-svg .page-dna .section__menuList .section__menuItem.section__menuItem--01.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-chapter01.png");
  }
  .page-dna .section__menuList .section__menuItem.section__menuItem--02.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-chapter02.svg");
  }
  .no-svg .page-dna .section__menuList .section__menuItem.section__menuItem--02.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-chapter02.png");
  }
  .page-dna .section__menuList .section__menuItem.section__menuItem--03.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-chapter03.svg");
  }
  .no-svg .page-dna .section__menuList .section__menuItem.section__menuItem--03.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-chapter03.png");
  }
  .page-dna .section__menuList .section__menuItem.section__menuItem--04.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-chapter04.svg");
  }
  .no-svg .page-dna .section__menuList .section__menuItem.section__menuItem--04.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-chapter04.png");
  }
  .page-dna .section__menuList .section__menuItem.section__menuItem--01.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-chapter01.svg");
  }
  .no-svg .page-dna .section__menuList .section__menuItem.section__menuItem--01.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-chapter01.png");
  }
  .page-dna .section__menuList .section__menuItem.section__menuItem--02.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-chapter02.svg");
  }
  .no-svg .page-dna .section__menuList .section__menuItem.section__menuItem--02.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-chapter02.png");
  }
  .page-dna .section__menuList .section__menuItem.section__menuItem--03.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-chapter03.svg");
  }
  .no-svg .page-dna .section__menuList .section__menuItem.section__menuItem--03.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-chapter03.png");
  }
  .page-dna .section__menuList .section__menuItem.section__menuItem--04.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-chapter04.svg");
  }
  .no-svg .page-dna .section__menuList .section__menuItem.section__menuItem--04.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-chapter04.png");
  }
}
/*-----------------------------------------------------------------------------------------*/