@charset "UTF-8";
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none; }

textarea {
  resize: vertical; }

input[type='checkbox'],
input[type='radio'] {
  display: none; }

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer; }

select::-ms-expand {
  display: none; }

dl, ol, ul {
  margin-bottom: 0px;
  margin-bottom: 0rem; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0;
  line-height: 1.6em;
  font-family: YakuHanJP, "Noto Sans JP";
  font-weight: normal; }

p {
  font-size: 16px;
  margin-bottom: 0;
  font-family: YakuHanJP, "Noto Sans JP"; }
  @media (max-width: 780px) {
    p {
      font-size: 2.5vw; } }
  @media (max-width: 480px) {
    p {
      font-size: 3.5vw; } }

h2 {
  font-size: 32px; }
  @media (max-width: 480px) {
    h2 {
      font-size: 6vw; } }

@media (max-width: 480px) {
  .pc_only {
    display: none; } }

.sp_only {
  display: none; }
  @media (max-width: 480px) {
    .sp_only {
      display: block; } }

#smart-watch {
  background: #000000; }
  #smart-watch p, #smart-watch li, #smart-watch a, #smart-watch h1, #smart-watch h2, #smart-watch h3, #smart-watch h4, #smart-watch h5, #smart-watch h6, #smart-watch ::-webkit-input-placeholder {
    font-family: YakuHanJP, "Noto Sans JP";
    color: #ffffff; }
  #smart-watch p, #smart-watch li, #smart-watch a, #smart-watch h1, #smart-watch h2, #smart-watch h3, #smart-watch h4, #smart-watch h5, #smart-watch h6, #smart-watch ::-moz-placeholder {
    font-family: YakuHanJP, "Noto Sans JP";
    color: #ffffff; }
  #smart-watch p, #smart-watch li, #smart-watch a, #smart-watch h1, #smart-watch h2, #smart-watch h3, #smart-watch h4, #smart-watch h5, #smart-watch h6, #smart-watch ::-ms-input-placeholder {
    font-family: YakuHanJP, "Noto Sans JP";
    color: #ffffff; }
  #smart-watch p, #smart-watch li, #smart-watch a, #smart-watch h1, #smart-watch h2, #smart-watch h3, #smart-watch h4, #smart-watch h5, #smart-watch h6, #smart-watch ::placeholder {
    font-family: YakuHanJP, "Noto Sans JP";
    color: #ffffff; }
  #smart-watch a {
    font-size: 1em;
    color: #c7300f;
    text-decoration: none;
    font-size: 15px; }
    #smart-watch a:hover {
      text-decoration: none;
      opacity: .8; }
  #smart-watch a.btn-detail {
    display: block;
    width: 90%;
    margin: auto;
    background: linear-gradient(225deg, transparent 5px, #fff100 5px);
    background-position: top right;
    background-repeat: no-repeat;
    color: #333333;
    text-align: center;
    padding: 10px 0;
    position: relative; }
    #smart-watch a.btn-detail::before {
      content: "";
      position: absolute;
      top: 50%;
      right: 5%;
      width: 7px;
      height: 7px;
      border-top: 2px solid #333333;
      border-right: 2px solid #333333;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-top: -5px; }
  #smart-watch li {
    list-style-type: none; }
  #smart-watch * {
    margin: 0;
    padding: 0; }
  #smart-watch .inner {
    width: 960px;
    margin: auto;
    position: relative; }
    @media (max-width: 780px) {
      #smart-watch .inner {
        width: 96%; } }
  #smart-watch #page_top {
    position: fixed;
    bottom: 5%;
    right: 5%;
    width: 50px;
    z-index: 999; }
    @media (max-width: 480px) {
      #smart-watch #page_top {
        width: 40px; } }
    #smart-watch #page_top img {
      width: 100%; }
  #smart-watch .hero {
    height: calc(100vh - 142px);
    background-image: url(https://gigaplus.makeshop.jp/neelwatch/web/smart-watch/img/fv_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; }
    @media (max-width: 480px) {
      #smart-watch .hero {
        height: calc(100vh - 97px);
        padding: 5% 0;
        background-size: auto 100%;
        background-position: 35% top;
        background-attachment: scroll;
        background-attachment: initial; } }
    #smart-watch .hero h2.fv_ttl {
      font-size: 52px;
      font-weight: bolder;
      line-height: calc(100vh - 142px);
      text-align: right;
      color: #ffffff; filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="5" dy="5" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.6)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, .6));
              filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, .6)); }
      @media (max-width: 480px) {
        #smart-watch .hero h2.fv_ttl {
          font-size: 36px;
          height: calc(100vh - 97px);
          text-align: center; } }
      #smart-watch .hero h2.fv_ttl span {
        display: block;
        color: #cccccc;
        font-size: 18px;
        line-height: 1em; }
  #smart-watch section {
    position: relative; }
    @media (max-width: 480px) {
      #smart-watch section {
        overflow: hidden; } }
    #smart-watch section .lead-ttl {
      background: rgba(199, 48, 15, .8);
      width: 40vw;
      position: absolute;
      left: 0;
      z-index: 10;
      margin-top: 140px; }
      @media (max-width: 480px) {
        #smart-watch section .lead-ttl {
          width: 90vw;
          margin-top: 5vw;
          font-size: 18px; } }
      #smart-watch section .lead-ttl h2 span {
        padding: 20px 10px;
        width: 400px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        float: right;
        line-height: 1.5em; }
        @media (max-width: 480px) {
          #smart-watch section .lead-ttl h2 span {
            width: 100%;
            padding: 2vw 2vw; } }
    #smart-watch section .flex-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; }
      #smart-watch section .flex-list.column2 li {
        width: 49%;
        margin-top: 0; }
        @media (max-width: 480px) {
          #smart-watch section .flex-list.column2 li {
            width: 90%;
            margin: 0 auto 4vw auto; } }
      #smart-watch section .flex-list.column3 li {
        width: 32%; }
        @media (max-width: 480px) {
          #smart-watch section .flex-list.column3 li {
            width: 49%; } }
      #smart-watch section .flex-list li {
        background: #c7300f;
        border: 1px solid #c7300f;
        position: relative;
        margin-top: 40px; }
        #smart-watch section .flex-list li::before {
          height: 0;
          display: block;
          position: absolute;
          left: -2px;
          content: "";
          border-bottom: solid 20px #000000;
          border-right: solid 20px transparent;
          bottom: -2px;
          z-index: 2; }
          @media (max-width: 480px) {
            #smart-watch section .flex-list li::before {
              border-bottom: solid 3vw #000000;
              border-right: solid 3vw transparent; } }
        @media (max-width: 480px) {
          #smart-watch section .flex-list li.overhang li {
            top: -5vw !important; } }
        #smart-watch section .flex-list li.overhang .list-img {
          position: relative;
          height: 286px;
          background: #000000; }
          @media (max-width: 480px) {
            #smart-watch section .flex-list li.overhang .list-img {
              height: 44.5vw; } }
          #smart-watch section .flex-list li.overhang .list-img span {
            position: absolute;
            top: -30px;
            width: 100%; }
            @media (max-width: 480px) {
              #smart-watch section .flex-list li.overhang .list-img span {
                top: -5vw; } }
        #smart-watch section .flex-list li.overhang .list-text {
          margin-top: 1.7em; }
          @media (max-width: 480px) {
            #smart-watch section .flex-list li.overhang .list-text {
              margin-top: 1.3em; } }
        #smart-watch section .flex-list li .list-img img {
          width: 100%; }
        #smart-watch section .flex-list li .list-text {
          padding: 20px 20px;
          font-size: 14px;
          line-height: 1.3em; }
          @media (max-width: 480px) {
            #smart-watch section .flex-list li .list-text {
              font-size: 13px;
              padding: 2vw 4vw; } }
    #smart-watch section .flex-wrap {
      overflow: hidden; }
      #smart-watch section .flex-wrap .flex-cont {
        width: 48%;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        padding: 20px 20px 0px 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        float: left;
        margin: 0 1%; }
        #smart-watch section .flex-wrap .flex-cont h3 {
          font-size: 24px; }
          #smart-watch section .flex-wrap .flex-cont h3 span {
            font-size: 14px;
            margin-left: .5em; }
        #smart-watch section .flex-wrap .flex-cont p {
          padding-left: .5em;
          line-height: 1.3em; }
        @media (max-width: 480px) {
          #smart-watch section .flex-wrap .flex-cont {
            width: 100%;
            padding: 2vw 2vw 0px 2vw;
            margin: 0; } }
    #smart-watch section .slide-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      #smart-watch section .slide-box .synchro-slider {
        width: 60%;
        margin-top: 60px;
        margin-left: -20px; }
        #smart-watch section .slide-box .synchro-slider li img {
          width: 100%; }
      #smart-watch section .slide-box .synchro-slider-nav {
        width: 40%;
        margin-top: 350px; }
        #smart-watch section .slide-box .synchro-slider-nav .slick-current {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          #smart-watch section .slide-box .synchro-slider-nav .slick-current img {
            border: 3px solid #c7300f;
            border-radius: 50%; }
        #smart-watch section .slide-box .synchro-slider-nav .slick-track {
          -webkit-transform: unset !important;
                  transform: unset !important; }
        #smart-watch section .slide-box .synchro-slider-nav li img {
          width: 80%; }
      #smart-watch section .slide-box .btn-detail {
        margin-top: 20px;
        margin-bottom: 60px; }
      @media (max-width: 480px) {
        #smart-watch section .slide-box .synchro-slider {
          margin-top: 10vw; }
        #smart-watch section .slide-box .synchro-slider-nav {
          margin-top: 74vw; }
        #smart-watch section .slide-box .btn-detail {
          margin-top: 2vw;
          margin-bottom: 10vw; } }
  #smart-watch .cont-01 {
    overflow: hidden; }
    #smart-watch .cont-01 h1 {
      text-align: center;
      margin: 20px 0;
      font-size: 32px; }
      @media (max-width: 480px) {
        #smart-watch .cont-01 h1 {
          font-size: 24px;
          line-height: 1.2em; } }
    #smart-watch .cont-01 #cont-01-movie {
      width: 70vw;
      float: right;
      transform: rotate(5deg);
      -moz-transform: rotate(5deg);
      -webkit-transform: rotate(5deg);
      margin-top: 60px; }
      @media (max-width: 480px) {
        #smart-watch .cont-01 #cont-01-movie {
          width: 90vw; } }
      #smart-watch .cont-01 #cont-01-movie video {
        width: 100%; }
  #smart-watch .cont-02 #cont-02-img-wrap {
    width: 70vw;
    float: right;
    margin-top: 60px;
    position: relative;
    height: 562px; }
    @media (max-width: 480px) {
      #smart-watch .cont-02 #cont-02-img-wrap {
        width: 100%;
        height: 90vw;
        margin-top: 20vw; } }
    #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img {
      position: absolute;
      top: 0; }
      #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img.img01 {
        left: 27%;
        z-index: 3; }
      #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img.img02 {
        left: 12%;
        z-index: 2; }
      #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img.img03 {
        left: 46%;
        z-index: 2; }
      #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img.img04 {
        left: 0%; }
      #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img.img05 {
        left: 61%; }
      @media (max-width: 480px) {
        #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img {
          height: 80vw;
          width: auto; }
          #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img img {
            height: 100%;
            width: auto; }
          #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img.img01 {
            left: 35%; }
          #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img.img02 {
            left: 20%; }
          #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img.img03 {
            left: 57%; }
          #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img.img04 {
            left: 8%; }
          #smart-watch .cont-02 #cont-02-img-wrap .cont-02-img.img05 {
            left: 72%; } }
  #smart-watch .cont-02 #ui-img {
    margin: 0 auto;
    position: relative; }
    #smart-watch .cont-02 #ui-img li {
      background: none;
      border: none;
      width: 100%;
      height: 100%;
      z-index: 10;
      margin: 0; }
      #smart-watch .cont-02 #ui-img li::before {
        content: none; }
  #smart-watch .cont-03 .cont-03-wrap {
    clear: both;
    overflow: hidden;
    margin: 60px auto 40px auto; }
    #smart-watch .cont-03 .cont-03-wrap dl {
      width: 50%; }
      @media (max-width: 480px) {
        #smart-watch .cont-03 .cont-03-wrap dl {
          width: 100%; } }
      #smart-watch .cont-03 .cont-03-wrap dl dt {
        width: 60%;
        text-align: center;
        padding: 20px 10px; }
        @media (max-width: 480px) {
          #smart-watch .cont-03 .cont-03-wrap dl dt {
            width: 40%;
            padding: 2vw 1vw; } }
        #smart-watch .cont-03 .cont-03-wrap dl dt img {
          width: 100%; }
      #smart-watch .cont-03 .cont-03-wrap dl dd {
        width: 40%;
        padding: 210px 10px 0px 10px; }
        @media (max-width: 480px) {
          #smart-watch .cont-03 .cont-03-wrap dl dd {
            width: 60%;
            padding: 40vw 2vw 0px 2vw; } }
        #smart-watch .cont-03 .cont-03-wrap dl dd p {
          font-size: 14px;
          line-height: 1.3em; }
      #smart-watch .cont-03 .cont-03-wrap dl.left-box {
        float: left; }
        #smart-watch .cont-03 .cont-03-wrap dl.left-box dt {
          float: right; }
        #smart-watch .cont-03 .cont-03-wrap dl.left-box dd {
          float: left; }
      #smart-watch .cont-03 .cont-03-wrap dl.right-box {
        margin-top: 271px;
        float: right; }
        @media (max-width: 480px) {
          #smart-watch .cont-03 .cont-03-wrap dl.right-box {
            margin-top: 0; } }
        #smart-watch .cont-03 .cont-03-wrap dl.right-box dt {
          float: left; }
        #smart-watch .cont-03 .cont-03-wrap dl.right-box dd {
          float: right; }
  #smart-watch .cont-04 {
    position: relative; }
    #smart-watch .cont-04::before {
      content: "";
      position: absolute;
      left: -10vw;
      width: 70vw;
      height: 70vh;
      background-image: url(https://gigaplus.makeshop.jp/neelwatch/web/smart-watch/img/cat4_img01.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain; }
      @media (max-width: 480px) {
        #smart-watch .cont-04::before {
          background-position: top center;
          background-size: contain;
          left: -20vw; } }
    #smart-watch .cont-04 .cont-04-text {
      padding: 200px 0 200px 480px; }
      @media (max-width: 480px) {
        #smart-watch .cont-04 .cont-04-text {
          padding: 50vw 0 0 20vw; } }
      #smart-watch .cont-04 .cont-04-text ul {
        margin-left: 20px; }
        @media (max-width: 480px) {
          #smart-watch .cont-04 .cont-04-text ul {
            margin-left: 2vw;
            margin-bottom: 4vw; } }
        #smart-watch .cont-04 .cont-04-text ul li {
          list-style: disc;
          font-size: 21px;
          margin-bottom: 20px;
          line-height: 1.2em; }
          @media (max-width: 480px) {
            #smart-watch .cont-04 .cont-04-text ul li {
              font-size: 16px;
              margin-bottom: 2vw; } }
  #smart-watch .cont-05 {
    padding: 60px 0 0;
    /*.slide-box{
      .synchro-slider{
        margin-top: 100px;
      }
      .synchro-slider-nav{
        margin-top: 370px;
      }
      @include sp{
        .synchro-slider{
          margin-top: 20vw;
        }
        .synchro-slider-nav{
          margin-top: 80vw;
        }
      }
    }*/ }
    @media (max-width: 480px) {
      #smart-watch .cont-05 {
        padding: 8vw 0 0; } }
    #smart-watch .cont-05 h2 {
      text-align: center;
      width: 100%;
      margin-bottom: 20px; }
      @media (max-width: 480px) {
        #smart-watch .cont-05 h2 {
          margin-bottom: 2vw; } }
    #smart-watch .cont-05 .instinct {
      background-image: url(https://gigaplus.makeshop.jp/neelwatch/web/smart-watch/img/instinct_bg.jpg); }
    #smart-watch .cont-05 .fenix6 {
      background-image: url(https://gigaplus.makeshop.jp/neelwatch/web/smart-watch/img/fenix6_bg.jpg); }
  #smart-watch .cont-06 {
    padding: 60px 0;
    background: #ffffff; }
    @media (max-width: 480px) {
      #smart-watch .cont-06 {
        padding: 8vw 0; } }
    #smart-watch .cont-06 h3, #smart-watch .cont-06 p {
      color: #333333;
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="0" /><feOffset dx="2" dy="2" result="offsetblur" /><feFlood flood-color="rgba(255,255,255,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(1px 1px 0px white);
              filter: drop-shadow(1px 1px 0px white); }
    #smart-watch .cont-06 .skagen {
      background-image: url(https://gigaplus.makeshop.jp/neelwatch/web/smart-watch/img/skagen_bg.jpg); }
    #smart-watch .cont-06 .fossil {
      background-image: url(https://gigaplus.makeshop.jp/neelwatch/web/smart-watch/img/fossil_bg.jpg); }
    #smart-watch .cont-06 .fitbit {
      background-image: url(https://gigaplus.makeshop.jp/neelwatch/web/smart-watch/img/fitbit_bg.jpg); }
    #smart-watch .cont-06 .gobe3 {
      background-image: url(https://gigaplus.makeshop.jp/neelwatch/web/smart-watch/img/gobe3_bg.jpg); }
  #smart-watch .parallax use {
    -webkit-animation: move-forever 12s linear infinite;
            animation: move-forever 12s linear infinite; }
  #smart-watch .parallax use:nth-child(1) {
    -webkit-animation-delay: -2s;
            animation-delay: -2s; }
  #smart-watch .parallax use:nth-child(2) {
    -webkit-animation-delay: -2s;
            animation-delay: -2s;
    -webkit-animation-duration: 5s;
            animation-duration: 5s; }

@-webkit-keyframes move-forever {
  0% {
    -webkit-transform: translate(-90px, 0%);
            transform: translate(-90px, 0%); }
  100% {
    -webkit-transform: translate(85px, 0%);
            transform: translate(85px, 0%); } }

@keyframes move-forever {
  0% {
    -webkit-transform: translate(-90px, 0%);
            transform: translate(-90px, 0%); }
  100% {
    -webkit-transform: translate(85px, 0%);
            transform: translate(85px, 0%); } }

.visible, .invisible {
  opacity: 0.0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }
  .visible.translateY, .invisible.translateY {
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .visible.translateToLeft, .invisible.translateToLeft {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .visible.translateToRight, .invisible.translateToRight {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .visible.translateScaleUp, .invisible.translateScaleUp {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .visible.translateScaleDown, .invisible.translateScaleDown {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .visible.translateRotate, .invisible.translateRotate {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }

.visible {
  opacity: 1.0; }
  .visible.translateY {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .visible.translateToLeft {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .visible.translateToRight {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .visible.translateScaleUp {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .visible.translateScaleDown {
    -webkit-transform: scale(1);
            transform: scale(1); }
  .visible.translateRotate {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

.content {
  width: 100%; }

.str__animation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 19.2px;
  font-size: 1.2rem; }

.str__animation .str {
  will-change: auto;
  min-width: 4.8px;
  min-width: .3rem;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 0; }

.appear.visible {
  margin: 50px 0;
  display: inline-block;
  overflow: hidden;
  position: relative; }
  .appear.visible::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #c7300f;
    /*アニメーションの設定*/
    -webkit-animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(0.77, 0, 0.175, 1), secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(0.77, 0, 0.175, 1);
            animation: secondaryImageOverlayIn 0.6s 0s cubic-bezier(0.77, 0, 0.175, 1), secondaryImageOverlayOut 0.6s 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
  .appear.visible h2 {
    margin: 0.05em;
    line-height: 1;
    color: #09194F;
    /*アニメーションの設定*/
    -webkit-animation: fadeIn 0.1s 0.5s;
            animation: fadeIn 0.1s 0.5s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }

/*keyframesの設定*/
/*文字が消えている状態から現れるアニメーション*/
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*はじめにブロックを伸ばすアニメーション*/
@-webkit-keyframes secondaryImageOverlayIn {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@keyframes secondaryImageOverlayIn {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

/*のび太ブロックを横に追いやるアニメーション*/
@-webkit-keyframes secondaryImageOverlayOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(102%);
            transform: translateX(102%); } }
@keyframes secondaryImageOverlayOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(102%);
            transform: translateX(102%); } }