/* line 5, index.scss */
#loader {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-color: #FFFFFF;
  z-index: 100;
  transition: opacity 0.5s ease-out; }
  /* line 17, index.scss */
  #loader.end {
    opacity: 0;
    pointer-events: none; }
  /* line 21, index.scss */
  #loader .knob {
    width: 100%;
    max-width: 396px; }
    @media screen and (max-width: 800px) {
      /* line 21, index.scss */
      #loader .knob {
        max-width: inherit; } }
    /* line 27, index.scss */
    #loader .knob .knob-text {
      max-width: 346px; }
      @media screen and (max-width: 800px) {
        /* line 27, index.scss */
        #loader .knob .knob-text {
          max-width: 265px; } }

/* line 36, index.scss */
.site-header {
  opacity: 0; }
  /* line 38, index.scss */
  .site-header.start {
    opacity: 1; }

/* line 42, index.scss */
main {
  opacity: 0; }
  /* line 44, index.scss */
  main.start {
    opacity: 1; }

/* line 49, index.scss */
.hometop {
  position: relative;
  width: calc(100% - 46px);
  z-index: 1;
  margin: 0 auto 235px; }
  @media screen and (max-width: 800px) {
    /* line 49, index.scss */
    .hometop {
      width: calc(100% - 56px);
      margin-bottom: 130px; } }
  /* line 58, index.scss */
  .hometop .read-semicircle {
    position: relative;
    color: #FFFFFF;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    margin: 215px 0 120px; }
    @media screen and (max-width: 800px) {
      /* line 58, index.scss */
      .hometop .read-semicircle {
        font-size: 24px;
        line-height: 1.45;
        margin: 95px 0 66px; } }
  /* line 72, index.scss */
  .hometop .hometopics {
    width: 100%;
    max-width: 660px;
    margin: 0 auto;
    z-index: 1; }
    @media screen and (max-width: 800px) {
      /* line 72, index.scss */
      .hometop .hometopics {
        max-width: inherit;
        margin-bottom: 70px; } }
    /* line 81, index.scss */
    .hometop .hometopics h2 {
      color: #FFFFFF;
      border-bottom: 1px solid #FFFFFF;
      padding-bottom: 5px;
      margin-bottom: 12px; }
      @media screen and (max-width: 800px) {
        /* line 81, index.scss */
        .hometop .hometopics h2 {
          text-align: center; } }
      /* line 89, index.scss */
      .hometop .hometopics h2 .en {
        font-size: 28px; }
    /* line 93, index.scss */
    .hometop .hometopics .topicslist {
      margin: 0;
      padding: 0; }
      /* line 96, index.scss */
      .hometop .hometopics .topicslist li {
        line-height: 1;
        margin: 0 0 8px;
        padding: 0; }
        @media screen and (max-width: 800px) {
          /* line 96, index.scss */
          .hometop .hometopics .topicslist li {
            margin-bottom: 20px; } }
        /* line 103, index.scss */
        .hometop .hometopics .topicslist li:last-child {
          margin: 0; }
        /* line 106, index.scss */
        .hometop .hometopics .topicslist li a {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          color: #FFFFFF;
          text-decoration: none; }
          /* line 112, index.scss */
          .hometop .hometopics .topicslist li a .entry-cat {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 95px;
            min-height: 24px;
            color: #FFFFFF;
            font-size: 15px;
            background-color: #000000;
            padding: 3px 5px 1px;
            font-family: "Bebas Neue", sans-serif; }
          /* line 126, index.scss */
          .hometop .hometopics .topicslist li a .entry-date {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 24px;
            font-size: 23px;
            padding: 0 12px;
            font-family: "Bebas Neue", sans-serif; }
            @media screen and (max-width: 800px) {
              /* line 126, index.scss */
              .hometop .hometopics .topicslist li a .entry-date {
                font-size: 18px; } }
          /* line 138, index.scss */
          .hometop .hometopics .topicslist li a .entry-title {
            display: inline-flex;
            justify-content: center;
            min-height: 24px;
            font-size: 18px;
            line-height: 1;
            border-left: 1px solid #FFFFFF;
            padding-left: 12px; }
            @media screen and (max-width: 800px) {
              /* line 138, index.scss */
              .hometop .hometopics .topicslist li a .entry-title {
                display: block;
                width: 100%;
                min-height: inherit;
                line-height: 1.3;
                border: none;
                padding: 5px 0 0; } }
  /* line 159, index.scss */
  .hometop .readmore {
    position: absolute;
    right: -25px;
    bottom: 47px;
    justify-content: center;
    background-image: url("../img/arrow_l.svg");
    rotate: -90deg; }
    @media screen and (max-width: 800px) {
      /* line 159, index.scss */
      .hometop .readmore {
        position: relative;
        right: auto;
        left: 50%;
        bottom: auto;
        translate: -50% 0;
        width: 100%; } }

/* line 180, index.scss */
.homecontent h2 {
  text-align: center;
  margin-bottom: 50px; }
  /* line 183, index.scss */
  .homecontent h2 .en {
    display: block;
    font-size: 76px;
    margin-bottom: 20px; }
    @media screen and (max-width: 800px) {
      /* line 183, index.scss */
      .homecontent h2 .en {
        font-size: 50px;
        margin-bottom: 12px; } }
  /* line 192, index.scss */
  .homecontent h2 .jp {
    font-size: 18px;
    font-weight: 500; }
    @media screen and (max-width: 800px) {
      /* line 192, index.scss */
      .homecontent h2 .jp {
        font-size: 16px; } }

/* line 204, index.scss */
.homeabout {
  margin-bottom: 160px; }
  @media screen and (max-width: 800px) {
    /* line 204, index.scss */
    .homeabout {
      margin-bottom: 110px; } }
  /* line 209, index.scss */
  .homeabout .knob {
    margin-bottom: 55px; }

/* line 216, index.scss */
.homeservice {
  margin-bottom: 160px; }
  @media screen and (max-width: 800px) {
    /* line 216, index.scss */
    .homeservice {
      margin-bottom: 110px; } }
  /* line 221, index.scss */
  .homeservice h3 {
    color: #6CA5D9;
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 25px; }
    @media screen and (max-width: 800px) {
      /* line 221, index.scss */
      .homeservice h3 {
        font-size: 18px;
        margin-bottom: 0; } }

/* line 237, index.scss */
.homeworks .cap {
  margin-bottom: 95px; }
  @media screen and (max-width: 800px) {
    /* line 237, index.scss */
    .homeworks .cap {
      font-size: 18px;
      line-height: 1.4;
      text-align: center;
      margin-bottom: 60px; } }

/* line 247, index.scss */
#works-slide {
  margin-bottom: 80px; }
  /* line 250, index.scss */
  #works-slide .splide__arrows .splide__arrow {
    top: auto;
    bottom: -112px;
    transform: none;
    width: 114px;
    background: none;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 114px auto;
    opacity: 1;
    padding: 0;
    border-radius: 0;
    z-index: 5; }
    @media screen and (max-width: 800px) {
      /* line 250, index.scss */
      #works-slide .splide__arrows .splide__arrow {
        bottom: -30px; } }
    /* line 266, index.scss */
    #works-slide .splide__arrows .splide__arrow svg {
      display: none; }
    /* line 269, index.scss */
    #works-slide .splide__arrows .splide__arrow.splide__arrow--prev {
      left: 15%;
      background-image: url("../img/arrow_l.svg"); }
      @media screen and (max-width: 800px) {
        /* line 269, index.scss */
        #works-slide .splide__arrows .splide__arrow.splide__arrow--prev {
          left: 10%; } }
    /* line 276, index.scss */
    #works-slide .splide__arrows .splide__arrow.splide__arrow--next {
      right: 15%;
      background-image: url("../img/arrow_r.svg"); }
      @media screen and (max-width: 800px) {
        /* line 276, index.scss */
        #works-slide .splide__arrows .splide__arrow.splide__arrow--next {
          right: 10%; } }

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