@keyframes brightness {
  0% {
    filter: brightness(300%);
  }
  100% {
    filter: brightness(100%);
  }
}
@media screen and (min-width: 769px) {
  /* line 37, dna.scss */
  .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;
  }
  /* line 42, dna.scss */
  .page-dna.page-dna_index .section--dna .frameFix.fadeIn {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .6s, visibility 0s;
    transition: opacity .6s, visibility 0s;
  }
  /* line 46, dna.scss */
  .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;
  }
  /* line 51, dna.scss */
  .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;
  }
  /* line 62, dna.scss */
  .page-dna.page-dna_index .section--dna.fade {
    animation: brightness 3s ease;
  }
  /* line 64, dna.scss */
  .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;
  }
  /* line 70, dna.scss */
  .page-dna.page-dna_index .section__title {
    position: absolute;
    left: 9px;
    top: 229px;
    width: 559px;
    height: 84px;
    background: url("./images/dna/title_index.svg") no-repeat bottom left;
  }
  /* line 77, dna.scss */
  .no-svg .page-dna.page-dna_index .section__title {
    background-image: url("./images/dna/title_index.png");
  }
  /* line 82, dna.scss */
  .page-dna.page-dna_index .section__message {
    font-size: 1.4rem;
    line-height: 2.5rem;
    position: absolute;
    left: 5px;
    top: 353px;
    width: 625px;
  }
  /* line 90, dna.scss */
  .page-dna.page-dna_index .section__menu {
    left: 6px;
    top: 505px;
    width: 624px;
    position: absolute;
  }
  /* line 95, dna.scss */
  .page-dna.page-dna_index .section__menu .section__menuItem a {
    height: 60px;
    width: 309px;
    display: block;
    margin-bottom: 5px;
  }
  /* line 100, dna.scss */
  .page-dna.page-dna_index .section__menu .section__menuItem a:hover {
    opacity: 0.7;
  }
  /* line 102, dna.scss */
  .page-dna.page-dna_index .section__menu .section__menuItem--01 a {
    background-image: url("./images/dna/btn_menu-chapter01.svg");
  }
  /* line 104, dna.scss */
  .no-svg .page-dna.page-dna_index .section__menu .section__menuItem--01 a {
    background-image: url("./images/dna/btn_menu-chapter01.png");
  }
  /* line 109, dna.scss */
  .page-dna.page-dna_index .section__menu .section__menuItem--02 a {
    background-image: url("./images/dna/btn_menu-chapter02.svg");
  }
  /* line 111, dna.scss */
  .no-svg .page-dna.page-dna_index .section__menu .section__menuItem--02 a {
    background-image: url("./images/dna/btn_menu-chapter02.png");
  }
  /* line 116, dna.scss */
  .page-dna.page-dna_index .section__menu .section__menuItem--03 a {
    background-image: url("./images/dna/btn_menu-chapter03.svg");
  }
  /* line 118, dna.scss */
  .no-svg .page-dna.page-dna_index .section__menu .section__menuItem--03 a {
    background-image: url("./images/dna/btn_menu-chapter03.png");
  }
  /* line 123, dna.scss */
  .page-dna.page-dna_index .section__menu .section__menuItem--04 a {
    background-image: url("./images/dna/btn_menu-chapter04.svg");
  }
  /* line 125, dna.scss */
  .no-svg .page-dna.page-dna_index .section__menu .section__menuItem--04 a {
    background-image: url("./images/dna/btn_menu-chapter04.png");
  }
  /* line 133, dna.scss */
  .page-dna.page-dna_chapter-01 {
    padding: 130px 0 40px 0;
  }
  /* line 135, dna.scss */
  .page-dna.page-dna_chapter-01 .frameFix {
    width: auto;
    min-width: 1024px;
    position: relative;
  }
  /* line 139, dna.scss */
  .page-dna.page-dna_chapter-01 .frameFix .section__article {
    width: 56%;
    float: left;
  }
  /* line 140, dna.scss */
  .page-dna.page-dna_chapter-01 .frameFix .section__block {
    margin-left: 65px;
    margin-right: 100px;
  }
  /* line 142, dna.scss */
  .page-dna.page-dna_chapter-01 .frameFix .section__block .section__title {
    width: 480px;
    height: 74px;
    position: relative;
  }
  /* line 148, dna.scss */
  .page-dna.page-dna_chapter-01 .frameFix .section__block .section__title:before {
    /*top:-6%;*/
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 25px;
    background: url("./images/dna/title_chapter01.svg") no-repeat bottom left;
  }
  /* line 156, dna.scss */
  .no-svg .page-dna.page-dna_chapter-01 .frameFix .section__block .section__title:before {
    background-image: url("./images/dna/title_chapter01.png");
  }
  /* line 161, dna.scss */
  .page-dna.page-dna_chapter-01 .frameFix .section__block .section__caption {
    height: 57px;
    width: 100%;
    margin-bottom: 60px;
    background: url("./images/dna/caption_chapter01.svg") no-repeat bottom left;
  }
  /* line 167, dna.scss */
  .no-svg .page-dna.page-dna_chapter-01 .frameFix .section__block .section__caption {
    background-image: url("./images/dna/caption_chapter01.png");
  }
  /* line 172, dna.scss */
  .page-dna.page-dna_chapter-01 .frameFix .section__block .section__description .text--basic {
    font-size: 1.5rem;
    line-height: 3.0rem;
    margin-bottom: 3rem;
  }
  /* line 179, dna.scss */
  .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;
  }
  /* line 191, dna.scss */
  .page-dna.page-dna_chapter-02 {
    padding: 130px 0 40px 0;
  }
  /* line 193, dna.scss */
  .page-dna.page-dna_chapter-02 .frameFix {
    width: auto;
    min-width: 1024px;
    position: relative;
  }
  /* line 197, dna.scss */
  .page-dna.page-dna_chapter-02 .frameFix .section__article {
    width: 60%;
    float: right;
  }
  /* line 198, dna.scss */
  .page-dna.page-dna_chapter-02 .frameFix .section__block {
    margin-right: 30px;
    margin-left: 140px;
  }
  /* line 200, dna.scss */
  .page-dna.page-dna_chapter-02 .frameFix .section__block .section__title {
    width: 480px;
    height: 74px;
    position: relative;
  }
  /* line 206, dna.scss */
  .page-dna.page-dna_chapter-02 .frameFix .section__block .section__title:before {
    /*top:-6%;*/
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 25px;
    background: url("./images/dna/title_chapter02.svg") no-repeat bottom left;
  }
  /* line 214, dna.scss */
  .no-svg .page-dna.page-dna_chapter-02 .frameFix .section__block .section__title:before {
    background-image: url("./images/dna/title_chapter02.png");
  }
  /* line 219, dna.scss */
  .page-dna.page-dna_chapter-02 .frameFix .section__block .section__caption {
    height: 57px;
    width: 100%;
    margin-bottom: 60px;
    background: url("./images/dna/caption_chapter02.svg") no-repeat bottom left;
  }
  /* line 224, dna.scss */
  .no-svg .page-dna.page-dna_chapter-02 .frameFix .section__block .section__caption {
    background-image: url("./images/dna/caption_chapter02.png");
  }
  /* line 229, dna.scss */
  .page-dna.page-dna_chapter-02 .frameFix .section__block .section__description .text--basic {
    font-size: 1.5rem;
    line-height: 3.0rem;
    margin-bottom: 3rem;
  }
  /* line 236, dna.scss */
  .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;
  }
  /* line 248, dna.scss */
  .page-dna.page-dna_chapter-03 {
    padding: 130px 0 40px 0;
  }
  /* line 250, dna.scss */
  .page-dna.page-dna_chapter-03 .frameFix {
    width: auto;
    min-width: 1024px;
    position: relative;
  }
  /* line 254, dna.scss */
  .page-dna.page-dna_chapter-03 .frameFix .section__article {
    width: 56%;
    float: left;
  }
  /* line 255, dna.scss */
  .page-dna.page-dna_chapter-03 .frameFix .section__block {
    margin-left: 65px;
    margin-right: 100px;
  }
  /* line 257, dna.scss */
  .page-dna.page-dna_chapter-03 .frameFix .section__block .section__title {
    width: 480px;
    height: 74px;
    position: relative;
  }
  /* line 263, dna.scss */
  .page-dna.page-dna_chapter-03 .frameFix .section__block .section__title:before {
    /*top:-6%;*/
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 25px;
    background: url("./images/dna/title_chapter03.svg") no-repeat bottom left;
  }
  /* line 271, dna.scss */
  .no-svg .page-dna.page-dna_chapter-03 .frameFix .section__block .section__title:before {
    background-image: url("./images/dna/title_chapter03.png");
  }
  /* line 276, dna.scss */
  .page-dna.page-dna_chapter-03 .frameFix .section__block .section__caption {
    height: 57px;
    width: 100%;
    margin-bottom: 60px;
    background: url("./images/dna/caption_chapter03.svg") no-repeat bottom left;
  }
  /* line 281, dna.scss */
  .no-svg .page-dna.page-dna_chapter-03 .frameFix .section__block .section__caption {
    background-image: url("./images/dna/caption_chapter03.png");
  }
  /* line 286, dna.scss */
  .page-dna.page-dna_chapter-03 .frameFix .section__block .section__description .text--basic {
    font-size: 1.5rem;
    line-height: 3.0rem;
    margin-bottom: 3rem;
  }
  /* line 293, dna.scss */
  .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;
  }
  /* line 306, dna.scss */
  .page-dna.page-dna_chapter-04 {
    padding: 130px 0 40px 0;
  }
  /* line 308, dna.scss */
  .page-dna.page-dna_chapter-04 .frameFix {
    width: auto;
    min-width: 1024px;
    position: relative;
  }
  /* line 312, dna.scss */
  .page-dna.page-dna_chapter-04 .frameFix .section__article {
    width: 60%;
    float: right;
  }
  /* line 317, dna.scss */
  .page-dna.page-dna_chapter-04 .frameFix .section__block {
    margin-right: 30px;
    margin-left: 140px;
  }
  /* line 321, dna.scss */
  .page-dna.page-dna_chapter-04 .frameFix .section__block .section__title {
    width: 480px;
    height: 74px;
    position: relative;
  }
  /* line 327, dna.scss */
  .page-dna.page-dna_chapter-04 .frameFix .section__block .section__title:before {
    /*top: -6%;*/
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 25px;
    background: url("./images/dna/title_chapter04.svg") no-repeat bottom left;
  }
  /* line 335, dna.scss */
  .no-svg .page-dna.page-dna_chapter-04 .frameFix .section__block .section__title:before {
    background-image: url("./images/dna/title_chapter04.png");
  }
  /* line 340, dna.scss */
  .page-dna.page-dna_chapter-04 .frameFix .section__block .section__caption {
    height: 57px;
    width: 100%;
    margin-bottom: 60px;
    background: url("./images/dna/caption_chapter04.svg") no-repeat bottom left;
  }
  /* line 345, dna.scss */
  .no-svg .page-dna.page-dna_chapter-04 .frameFix .section__block .section__caption {
    background-image: url("./images/dna/caption_chapter04.png");
  }
  /* line 350, dna.scss */
  .page-dna.page-dna_chapter-04 .frameFix .section__block .section__description .text--basic {
    font-size: 1.5rem;
    line-height: 3.0rem;
    margin-bottom: 3rem;
  }
  /* line 357, dna.scss */
  .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;
  }
  /* line 370, dna.scss */
  .page-dna .section__menuList {
    /*padding: 20px 0;*/
    letter-spacing: -.40em;
    text-align: center;
  }
  /* line 374, dna.scss */
  .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")}
    */
  }
  /* line 382, dna.scss */
  .page-dna .section__menuList .section__menuItem:nth-child(even) {
    margin-left: 6px;
  }
  /* line 385, dna.scss */
  .page-dna .section__menuList .section__menuItem:nth-child(-n+2) {
    margin-top: 0;
  }
  /* line 388, dna.scss */
  .page-dna .section__menuList .section__menuItem a {
    width: 195px;
    height: 59px;
    display: block;
    background: no-repeat left top;
    padding: 0;
    margin-bottom: 0 !important;
  }
  /* line 392, dna.scss */
  .page-dna .section__menuList .section__menuItem a:hover {
    opacity: 0.7;
  }
  /* line 394, dna.scss */
  .page-dna .section__menuList .section__menuItem.section__menuItem--index.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-i.svg");
  }
  /* line 396, dna.scss */
  .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");
  }
  /* line 400, dna.scss */
  .page-dna .section__menuList .section__menuItem.section__menuItem--index.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-i.svg");
  }
  /* line 402, dna.scss */
  .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");
  }
  /* line 407, dna.scss */
  .page-dna .section__menuList .section__menuItem.section__menuItem--01.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-chapter01.svg");
  }
  /* line 409, dna.scss */
  .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");
  }
  /* line 413, dna.scss */
  .page-dna .section__menuList .section__menuItem.section__menuItem--02.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-chapter02.svg");
  }
  /* line 415, dna.scss */
  .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");
  }
  /* line 419, dna.scss */
  .page-dna .section__menuList .section__menuItem.section__menuItem--03.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-chapter03.svg");
  }
  /* line 421, dna.scss */
  .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");
  }
  /* line 425, dna.scss */
  .page-dna .section__menuList .section__menuItem.section__menuItem--04.section__menuItem--prev a {
    background-image: url("./images/dna/btn_menu_prev-chapter04.svg");
  }
  /* line 427, dna.scss */
  .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");
  }
  /* line 431, dna.scss */
  .page-dna .section__menuList .section__menuItem.section__menuItem--01.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-chapter01.svg");
  }
  /* line 433, dna.scss */
  .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");
  }
  /* line 437, dna.scss */
  .page-dna .section__menuList .section__menuItem.section__menuItem--02.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-chapter02.svg");
  }
  /* line 439, dna.scss */
  .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");
  }
  /* line 443, dna.scss */
  .page-dna .section__menuList .section__menuItem.section__menuItem--03.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-chapter03.svg");
  }
  /* line 445, dna.scss */
  .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");
  }
  /* line 449, dna.scss */
  .page-dna .section__menuList .section__menuItem.section__menuItem--04.section__menuItem--next a {
    background-image: url("./images/dna/btn_menu_next-chapter04.svg");
  }
  /* line 451, dna.scss */
  .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");
  }
}
/*-----------------------------------------------------------------------------------------*/