@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Poppins:500,600,700i");
/*base is →　! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

article, aside, footer, header, nav, section, figcaption, figure, main {
  display: block; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

img {
  border-style: none;
  vertical-align: top; }

table {
  border-collapse: collapse; }

button, input, select, textarea {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

textarea {
  overflow: auto;
  resize: vertical; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

a, area, button, input, label, select, summary, textarea, [tabindex] {
  touch-action: manipulation; }

/*サイトカラー*/
/*テキストに使うフォントカラー*/
/*テキスト内で使うリンクカラー*/
@media screen and (max-width: 800px) {
  #splash {
    width: 100%;
    height: 100vh;
    background-color: #f39800;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998; }
  #splashScreen {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; }
    #splashScreen .inner {
      width: 300%;
      position: absolute;
      height: 100%;
      top: 0;
      left: -100%;
      display: flex; }
      #splashScreen .inner div {
        width: calc(100% / 3);
        height: 100%;
        -webkit-transform: skewX(-45deg) translateY(100%);
                transform: skewX(-45deg) translateY(100%);
        transition: all .3s;
        background-color: #fff;
        opacity: 0; }
        #splashScreen .inner div:nth-of-type(1) {
          background-color: #fcb43b; }
        #splashScreen .inner div:nth-of-type(3) {
          background-color: #5dc2d0; }
        #splashScreen .inner div.in {
          -webkit-transform: skewX(-45deg) translateY(0);
                  transform: skewX(-45deg) translateY(0);
          opacity: 1; }
        #splashScreen .inner div.out {
          -webkit-transform: skewX(-45deg) translateY(-100%);
                  transform: skewX(-45deg) translateY(-100%);
          opacity: 1; }
        #splashScreen .inner div:nth-of-type(1) {
          transition-delay: 0.1s; }
        #splashScreen .inner div:nth-of-type(2) {
          transition-delay: 0.2s; }
        #splashScreen .inner div:nth-of-type(3) {
          transition-delay: 0.3s; }
  #sect0 {
    width: 100%;
    height: calc(100vw * (975 / 750));
    background-image: url(../images/sp-main-bg.jpg);
    background-size: cover;
    background-position: 50% 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    #sect0 .monitorBnr {
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0;
      width: 80%;
      margin: 0 auto;
      z-index: 100; }
      #sect0 .monitorBnr a {
        width: 100%;
        display: block;
        transition: all .3s; }
        #sect0 .monitorBnr a img {
          width: 100%;
          height: auto; }
    #sect0 h2 {
      font-size: 5vw;
      font-weight: 700;
      margin-top: 60px; }
      #sect0 h2 span {
        display: block;
        line-height: 1;
        transition: all 1s; }
        #sect0 h2 span.orenge {
          color: #f39800;
          -webkit-transform: translateX(10%);
                  transform: translateX(10%);
          opacity: 0; }
        #sect0 h2 span.blue {
          color: #5cc2cf;
          -webkit-transform: translateX(-10%);
                  transform: translateX(-10%);
          transition-delay: .1s;
          margin-top: .4em;
          opacity: 0; }
      #sect0 h2.inView span.orenge {
        -webkit-transform: translateX(-20%);
                transform: translateX(-20%);
        opacity: 1; }
      #sect0 h2.inView span.blue {
        -webkit-transform: translateX(20%);
                transform: translateX(20%);
        opacity: 1; }
  #sect1 {
    width: 100%;
    position: relative; }
    #sect1 .col .imgArea {
      display: flex;
      margin-top: 2em; }
      #sect1 .col .imgArea span {
        display: block;
        width: 50%; }
        #sect1 .col .imgArea span img {
          width: 100%;
          height: auto; }
    #sect1 .col.colLeft {
      background-color: #f39800;
      z-index: 10; }
      #sect1 .col.colLeft .txtArea h2 {
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.5;
        padding: 20px 20px 0 20px;
        overflow: hidden; }
        #sect1 .col.colLeft .txtArea h2 > span {
          display: table;
          height: 30px;
          background-color: #fff;
          color: #fcb43b;
          font-size: 28px;
          line-height: 1;
          padding: 5px 10px 0 10px;
          margin: 20px 0 0 0; }
          #sect1 .col.colLeft .txtArea h2 > span span {
            display: block;
            -webkit-transform: translateY(7px);
                    transform: translateY(7px);
            font-style: italic; }
    #sect1 .col.colRight {
      background-color: #fcb43b; }
      #sect1 .col.colRight .txtArea {
        display: flex;
        align-items: center; }
        #sect1 .col.colRight .txtArea p {
          color: #fff;
          width: 90%;
          margin: 2em auto 0;
          text-align: justify;
          text-justify: inter-ideograph; }
    #sect1 .inazuma {
      position: absolute;
      z-index: 6;
      top: -90px;
      right: 10%;
      width: 50px;
      height: 104px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
      #sect1 .inazuma span {
        display: block;
        width: 4px;
        height: 50px;
        background-color: #fcb43b;
        transition: all .3s; }
        #sect1 .inazuma span:nth-of-type(2) {
          width: 50px;
          height: 4px; }
        #sect1 .inazuma span:nth-of-type(3) {
          margin-left: 46px; }
  #sect2 {
    width: 100%;
    position: relative; }
    #sect2 .col.colLeft {
      background-color: #5cc2cf; }
      #sect2 .col.colLeft .txtArea {
        color: #07363c; }
        #sect2 .col.colLeft .txtArea p {
          width: 90%;
          margin: 0 auto 0;
          text-align: justify;
          text-justify: inter-ideograph;
          padding: 2em 0px; }
    #sect2 .col.colRight {
      background-color: #7cd4de; }
      #sect2 .col.colRight .txtArea {
        padding: 20px 20px 0 20px;
        overflow: hidden; }
        #sect2 .col.colRight .txtArea h2 {
          font-size: 20px;
          font-weight: 700;
          line-height: 1.5; }
          #sect2 .col.colRight .txtArea h2 span.ja {
            display: table; }
          #sect2 .col.colRight .txtArea h2 span.en {
            display: table;
            height: 32px;
            background-color: #fff;
            color: #5cc2cf;
            font-size: 28px;
            line-height: 1;
            padding: 5px 10px 0 10px;
            text-transform: uppercase;
            margin-top: 20px; }
            #sect2 .col.colRight .txtArea h2 span.en span {
              display: block;
              -webkit-transform: translateY(8px);
                      transform: translateY(8px);
              font-style: italic; }
    #sect2 .inazuma {
      position: absolute;
      z-index: 6;
      bottom: -80px;
      left: 5%;
      width: 50px;
      height: 104px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
      #sect2 .inazuma span {
        display: block;
        width: 4px;
        height: 50px;
        background-color: #7cd4de;
        transition: all .3s; }
        #sect2 .inazuma span:nth-of-type(2) {
          width: 50px;
          height: 4px; }
        #sect2 .inazuma span:nth-of-type(3) {
          margin-left: 46px; }
  #sect3 .inner {
    width: 90%;
    margin: 50px auto 0; }
    #sect3 .inner #scopeHead h2 {
      font-size: 20px;
      font-weight: 700;
      color: #f39800;
      text-align: center;
      line-height: 1.3; }
      #sect3 .inner #scopeHead h2 span {
        display: table;
        color: #7cd4de;
        font-size: 28px;
        font-style: italic;
        margin: 0 auto 0;
        text-transform: uppercase; }
    #sect3 .inner #scopeHead .read {
      width: 100%;
      margin: 1em auto 0;
      text-align: justify;
      text-justify: inter-ideograph; }
    #sect3 .inner #scopeContents .scopeItem {
      width: 100%;
      margin-top: 20px; }
      #sect3 .inner #scopeContents .scopeItem .img {
        max-width: 100%;
        text-align: center; }
        #sect3 .inner #scopeContents .scopeItem .img img {
          max-width: 40%;
          width: auto;
          height: auto; }
      #sect3 .inner #scopeContents .scopeItem .txt h3 {
        text-align: center;
        color: #f39800;
        font-size: 22px; }
      #sect3 .inner #scopeContents .scopeItem .txt p {
        text-align: justify;
        text-justify: inter-ideograph; }
    #sect3 .inner #scopeContents .inazuma {
      display: none; }
  #sect4 .inner {
    margin-top: 40px; }
    #sect4 .inner #infoHead {
      background-color: #444;
      overflow: hidden; }
      #sect4 .inner #infoHead h2 {
        padding: 20px 20px 0 20px; }
        #sect4 .inner #infoHead h2 .ja {
          font-size: 20px;
          font-weight: 700;
          color: #fff;
          display: table; }
        #sect4 .inner #infoHead h2 .en {
          display: table;
          height: 32px;
          background-color: #fff;
          color: #444;
          font-size: 28px;
          line-height: 1;
          padding: 5px 10px 0 10px;
          margin-top: 20px; }
          #sect4 .inner #infoHead h2 .en span {
            display: inline-block;
            -webkit-transform: translateY(7px);
                    transform: translateY(7px);
            font-style: italic; }
    #sect4 .inner #infoList {
      background-color: #f8f8f8; }
      #sect4 .inner #infoList ul {
        list-style: none;
        width: 100%;
        margin: 0 auto;
        padding: 20px 0; }
        #sect4 .inner #infoList ul li {
          padding: .5em 5%; }
          #sect4 .inner #infoList ul li:nth-of-type(even) {
            background-color: #e7e7e7; }
          #sect4 .inner #infoList ul li .date {
            font-size: 16px;
            font-weight: 500;
            color: #5cc2cf;
            width: 100px; }
          #sect4 .inner #infoList ul li a {
            color: #000;
            font-size: 15px;
            text-decoration: none; }
  /* import */
  /* use Slick 
@import "_slick";
@import "_slick-theme";
*/
  /* ココから下には記入禁止 */
  .forPC {
    display: none !important; } }

@media print, screen and (min-width: 801px) {
  #splash {
    width: 100%;
    height: 100vh;
    background-color: #f39800;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998; }
  #splashScreen {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; }
    #splashScreen .inner {
      width: 160%;
      position: absolute;
      height: 100%;
      top: 0;
      left: -30%;
      display: flex; }
      #splashScreen .inner div {
        width: calc(100% / 3);
        height: 100%;
        -webkit-transform: skewX(-45deg) translateY(100%);
                transform: skewX(-45deg) translateY(100%);
        transition: all .3s;
        background-color: #fff;
        opacity: 0; }
        #splashScreen .inner div:nth-of-type(1) {
          background-color: #fcb43b; }
        #splashScreen .inner div:nth-of-type(3) {
          background-color: #5dc2d0; }
        #splashScreen .inner div.in {
          -webkit-transform: skewX(-45deg) translateY(0);
                  transform: skewX(-45deg) translateY(0);
          opacity: 1; }
        #splashScreen .inner div.out {
          -webkit-transform: skewX(-45deg) translateY(-100%);
                  transform: skewX(-45deg) translateY(-100%);
          opacity: 1; }
        #splashScreen .inner div:nth-of-type(1) {
          transition-delay: 0.1s; }
        #splashScreen .inner div:nth-of-type(2) {
          transition-delay: 0.2s; }
        #splashScreen .inner div:nth-of-type(3) {
          transition-delay: 0.3s; }
  #sect0 {
    width: 100%;
    height: 100vh;
    background-image: url(../images/main-bg.jpg);
    background-size: cover;
    background-position: 50% 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    #sect0 .monitorBnr {
      position: absolute;
      bottom: 20px;
      left: 20px; }
      #sect0 .monitorBnr a {
        display: block;
        transition: all .3s; }
        #sect0 .monitorBnr a:hover {
          opacity: .7; }
    #sect0 h2 {
      font-size: 36px;
      font-weight: 700; }
      #sect0 h2 span {
        display: block;
        line-height: 1;
        transition: all 1s; }
        #sect0 h2 span.orenge {
          color: #f39800;
          -webkit-transform: translateX(10%);
                  transform: translateX(10%);
          opacity: 0; }
        #sect0 h2 span.blue {
          color: #5cc2cf;
          -webkit-transform: translateX(-10%);
                  transform: translateX(-10%);
          transition-delay: .1s;
          margin-top: .4em;
          opacity: 0; }
      #sect0 h2.inView span.orenge {
        -webkit-transform: translateX(-20%);
                transform: translateX(-20%);
        opacity: 1; }
      #sect0 h2.inView span.blue {
        -webkit-transform: translateX(20%);
                transform: translateX(20%);
        opacity: 1; }
  #sect1 {
    width: 100%;
    display: flex;
    position: relative; }
    #sect1 .col {
      width: 50%;
      position: relative;
      opacity: 0; }
      #sect1 .col .txtArea {
        height: 635px; }
      #sect1 .col .imgArea {
        display: flex; }
        #sect1 .col .imgArea span {
          display: block;
          width: 50%; }
          #sect1 .col .imgArea span img {
            width: 100%;
            height: auto; }
      #sect1 .col.colLeft {
        background-color: #f39800;
        z-index: 10;
        -webkit-transform: translateY(-100px);
                transform: translateY(-100px);
        transition: all 1s; }
        #sect1 .col.colLeft .txtArea {
          display: flex;
          justify-content: flex-end;
          align-items: center; }
          #sect1 .col.colLeft .txtArea h2 {
            color: #fff;
            font-size: 36px;
            font-weight: 700;
            -webkit-transform: translateX(10%) translateY(-80%);
                    transform: translateX(10%) translateY(-80%);
            line-height: 1.5; }
            #sect1 .col.colLeft .txtArea h2 > span {
              display: table;
              height: 52px;
              background-color: #fff;
              color: #f39800;
              font-size: 48px;
              line-height: 1;
              padding: 10px 15px 0 15px;
              margin: 50px 0 0 50px; }
              #sect1 .col.colLeft .txtArea h2 > span span {
                display: block;
                -webkit-transform: translateY(12px);
                        transform: translateY(12px);
                font-style: italic; }
      #sect1 .col.colRight {
        background-color: #fcb43b;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
        z-index: 5;
        transition: all 1s; }
        #sect1 .col.colRight .txtArea {
          display: flex;
          align-items: center; }
          #sect1 .col.colRight .txtArea p {
            color: #fff;
            width: 70%;
            padding: 0 0 0 4em;
            margin-top: 2em;
            text-align: justify;
            text-justify: inter-ideograph; }
    #sect1 .inazuma {
      position: absolute;
      z-index: 6;
      top: -180px;
      right: 30%;
      width: 100px;
      height: 204px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
      #sect1 .inazuma span {
        display: block;
        width: 4px;
        height: 0;
        background-color: #f39800;
        transition: all .3s; }
        #sect1 .inazuma span:nth-of-type(2) {
          width: 0;
          height: 4px; }
        #sect1 .inazuma span:nth-of-type(3) {
          margin-left: 96px; }
    #sect1.inView .col {
      opacity: 1; }
      #sect1.inView .col.colLeft {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
      #sect1.inView .col.colRight {
        -webkit-transform: translateY(-90px);
                transform: translateY(-90px); }
    #sect1.inView .inazuma span:nth-of-type(1) {
      height: 100px; }
    #sect1.inView .inazuma span:nth-of-type(2) {
      width: 100px;
      transition-delay: .2s; }
    #sect1.inView .inazuma span:nth-of-type(3) {
      height: 100px;
      transition-delay: .5s; }
  #sect2 {
    width: 100%;
    display: flex;
    position: relative; }
    #sect2 .col {
      width: 50%;
      position: relative;
      opacity: 0; }
      #sect2 .col .txtArea {
        height: 635px; }
      #sect2 .col.colLeft {
        background-color: #5cc2cf;
        -webkit-transform: translateY(-100px);
                transform: translateY(-100px);
        transition: all 1s;
        order: 1;
        z-index: 1; }
        #sect2 .col.colLeft .txtArea {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          color: #07363c; }
          #sect2 .col.colLeft .txtArea p {
            width: 70%;
            padding: 0 4em 0 0;
            margin-top: 2em;
            text-align: justify;
            text-justify: inter-ideograph; }
      #sect2 .col.colRight {
        background-color: #7cd4de;
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
        transition: all 1s;
        order: 2;
        z-index: 5; }
        #sect2 .col.colRight .txtArea {
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          #sect2 .col.colRight .txtArea h2 {
            font-size: 36px;
            font-weight: 700;
            -webkit-transform: translateX(-10%) translateY(-29%);
                    transform: translateX(-10%) translateY(-29%);
            line-height: 1.5;
            display: flex;
            flex-direction: column;
            align-items: flex-start; }
            #sect2 .col.colRight .txtArea h2 span.ja {
              order: 2;
              display: table; }
            #sect2 .col.colRight .txtArea h2 span.en {
              order: 1;
              display: table;
              height: 52px;
              background-color: #fff;
              color: #7cd4de;
              font-size: 48px;
              line-height: 1;
              padding: 10px 15px 0 15px;
              margin: 0 0 50px 80px;
              text-transform: uppercase; }
              #sect2 .col.colRight .txtArea h2 span.en span {
                display: block;
                -webkit-transform: translateY(12px);
                        transform: translateY(12px);
                font-style: italic; }
    #sect2 .inazuma {
      position: absolute;
      z-index: 6;
      bottom: -100px;
      left: 15%;
      width: 100px;
      height: 204px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
      #sect2 .inazuma span {
        display: block;
        width: 4px;
        height: 0;
        background-color: #7cd4de;
        transition: all .3s; }
        #sect2 .inazuma span:nth-of-type(2) {
          width: 0;
          height: 4px; }
        #sect2 .inazuma span:nth-of-type(3) {
          margin-left: 96px; }
    #sect2.inView .col {
      opacity: 1; }
      #sect2.inView .col.colLeft {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
      #sect2.inView .col.colRight {
        -webkit-transform: translateY(-90px);
                transform: translateY(-90px); }
    #sect2.inView .inazuma span:nth-of-type(1) {
      height: 100px; }
    #sect2.inView .inazuma span:nth-of-type(2) {
      width: 100px;
      transition-delay: .2s; }
    #sect2.inView .inazuma span:nth-of-type(3) {
      height: 100px;
      transition-delay: .5s; }
  #sect3 .inner {
    max-width: 1100px;
    width: 90%;
    margin: 100px auto 0; }
    #sect3 .inner #scopeHead {
      opacity: 0;
      -webkit-transform: translateY(100px);
              transform: translateY(100px);
      transition: all 1s; }
      #sect3 .inner #scopeHead h2 {
        font-size: 34px;
        font-weight: 700;
        color: #f39800;
        text-align: center;
        line-height: 1.3; }
        #sect3 .inner #scopeHead h2 span {
          display: table;
          color: #7cd4de;
          font-size: 48px;
          font-style: italic;
          margin: 0 auto 0;
          text-transform: uppercase; }
      #sect3 .inner #scopeHead .read {
        max-width: 600px;
        width: 100%;
        margin: 2em auto 0;
        text-align: justify;
        text-justify: inter-ideograph; }
      #sect3 .inner #scopeHead.inView {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0); }
    #sect3 .inner #scopeContents {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: relative; }
      #sect3 .inner #scopeContents .scopeItem {
        width: 42%;
        margin-top: 50px;
        opacity: 0;
        -webkit-transform: translateY(100px);
                transform: translateY(100px);
        transition: all 1s; }
        #sect3 .inner #scopeContents .scopeItem .img {
          width: 100%;
          text-align: center; }
          #sect3 .inner #scopeContents .scopeItem .img img {
            max-width: 50%;
            width: auto;
            height: auto; }
        #sect3 .inner #scopeContents .scopeItem .txt {
          margin-top: 40px; }
          #sect3 .inner #scopeContents .scopeItem .txt h3 {
            text-align: center;
            color: #f39800;
            font-size: 24px; }
          #sect3 .inner #scopeContents .scopeItem .txt p {
            text-align: justify;
            text-justify: inter-ideograph; }
        #sect3 .inner #scopeContents .scopeItem.inView {
          opacity: 1;
          -webkit-transform: translateY(0);
                  transform: translateY(0); }
          #sect3 .inner #scopeContents .scopeItem.inView:nth-of-type(2), #sect3 .inner #scopeContents .scopeItem.inView:nth-of-type(4) {
            transition-delay: .3s; }
      #sect3 .inner #scopeContents .inazuma {
        position: absolute;
        z-index: 6;
        bottom: 0;
        left: 0;
        top: 0;
        right: 0;
        margin: auto;
        width: 100px;
        height: 204px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
        #sect3 .inner #scopeContents .inazuma span {
          display: block;
          width: 4px;
          height: 0;
          background-color: #f39800;
          transition: all .3s; }
          #sect3 .inner #scopeContents .inazuma span:nth-of-type(2) {
            width: 0;
            height: 4px; }
          #sect3 .inner #scopeContents .inazuma span:nth-of-type(3) {
            margin-left: 96px; }
      #sect3 .inner #scopeContents.inView .inazuma span:nth-of-type(1) {
        height: 100px;
        transition-delay: 1s; }
      #sect3 .inner #scopeContents.inView .inazuma span:nth-of-type(2) {
        width: 100px;
        transition-delay: 1.2s; }
      #sect3 .inner #scopeContents.inView .inazuma span:nth-of-type(3) {
        height: 100px;
        transition-delay: 1.5s; }
  #sect4 .inner {
    display: flex;
    margin-top: 100px; }
    #sect4 .inner #infoHead {
      width: 35%;
      background-color: #444;
      display: flex;
      justify-content: center;
      align-items: center; }
      #sect4 .inner #infoHead h2 {
        display: inline-flex;
        flex-direction: column; }
        #sect4 .inner #infoHead h2 .ja {
          order: 2;
          font-size: 24px;
          font-weight: 700;
          color: #fff;
          display: table;
          margin-top: 15px; }
        #sect4 .inner #infoHead h2 .en {
          order: 1;
          display: table;
          height: 52px;
          background-color: #fff;
          color: #444;
          font-size: 48px;
          line-height: 1;
          padding: 10px 15px 0 15px; }
          #sect4 .inner #infoHead h2 .en span {
            display: inline-block;
            -webkit-transform: translateY(12px);
                    transform: translateY(12px);
            font-style: italic; }
    #sect4 .inner #infoList {
      padding: 40px;
      background-color: #f8f8f8;
      flex: 1; }
      #sect4 .inner #infoList ul {
        list-style: none; }
        #sect4 .inner #infoList ul li {
          display: flex;
          transition: all .3s;
          position: relative;
          padding-top: .3em;
          /*
						&:hover{
							.date{
								color: #fff;
							}
							
							&:after{
								width: 100%;
							}
						}
						*/ }
          #sect4 .inner #infoList ul li:after {
            content: "";
            display: block;
            width: 0;
            height: 100%;
            background-color: #bfbfbf;
            z-index: 0;
            transition: all .4s;
            position: absolute;
            top: 0;
            left: 0; }
          #sect4 .inner #infoList ul li:not(:nth-of-type(1)) {
            margin-top: 1.2em; }
          #sect4 .inner #infoList ul li .date {
            font-size: 16px;
            font-weight: 500;
            color: #5cc2cf;
            width: 100px;
            position: relative;
            z-index: 5;
            padding-left: 1em; }
          #sect4 .inner #infoList ul li a {
            text-decoration: none;
            color: #000;
            font-size: 15px;
            position: relative;
            display: inline-block;
            position: relative;
            z-index: 5;
            padding-right: 1em; }
  #sect4.inView .inner #infoHead, #sect4.inView .inner #infoList {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  /* import */
  /* use Slick 
@import "_slick";
@import "_slick-theme";
*/
  /* ココから下には記入禁止 */
  .forSP {
    display: none !important; } }

/*# sourceMappingURL=map/home.css.map */