/* CSS Document */
/* CSS Document */
/* line 4, top.scss */
.topimagec {
  width: 100%;
  height: 280px;
  background-image: url("../images/topimage_bg02.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 930px auto; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 4, top.scss */
    .topimagec {
      height: 30vw;
      background-size: cover; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 4, top.scss */
    .topimagec {
      height: 85vw;
      background-image: url("../images/topimage_bg02_sp.jpg");
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: cover; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 4, top.scss */
    .topimagec {
      height: 95vw;
      background-image: url("../images/topimage_bg02_sp.jpg");
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: cover; } }
  @media screen and (max-width: 350px) {
    /* line 4, top.scss */
    .topimagec {
      height: 85vw;
      background-image: url("../images/topimage_bg02_sp.jpg");
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: cover; } }
  /* line 38, top.scss */
  .topimagec .topimg_txt {
    color: #4c4c4c;
    margin-left: 380px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    line-height: 1.5;
    text-shadow: 1px 1px 3px white, -1px 1px 3px white, 1px -1px 3px white, -1px -1px 3px white, 1px 1px 3px white, -1px 1px 3px white, 1px -1px 3px white, -1px -1px 3px white; }
    @media all and (min-width: 930.01px) and (max-width: 1000px) {
      /* line 38, top.scss */
      .topimagec .topimg_txt {
        margin-left: 38vw; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 38, top.scss */
      .topimagec .topimg_txt {
        margin-left: 35vw; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 38, top.scss */
      .topimagec .topimg_txt {
        margin: 0 auto;
        padding-top: 30px;
        display: block;
        text-align: left;
        width: fit-content; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      /* line 38, top.scss */
      .topimagec .topimg_txt {
        margin: 0 auto;
        padding: 10px 15px 0;
        display: block;
        text-align: left;
        max-width: fit-content;
        width: 100%; } }
    @media screen and (max-width: 350px) {
      /* line 38, top.scss */
      .topimagec .topimg_txt {
        margin: 0 auto;
        padding: 5px 10px 0;
        display: block;
        text-align: left;
        max-width: fit-content;
        width: 100%; } }
    /* line 78, top.scss */
    .topimagec .topimg_txt h2 {
      font-size: 32px;
      font-size: 3.2rem;
      letter-spacing: 0.1em;
      font-weight: bold; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 78, top.scss */
        .topimagec .topimg_txt h2 {
          font-size: 28px;
          font-size: 2.8rem; } }
      @media screen and (min-width: 350.1px) and (max-width: 600px) {
        /* line 78, top.scss */
        .topimagec .topimg_txt h2 {
          font-size: 5.71vw;
          letter-spacing: 0.05em; } }
      @media screen and (max-width: 350px) {
        /* line 78, top.scss */
        .topimagec .topimg_txt h2 {
          font-size: 5.71vw;
          letter-spacing: 0; } }
      /* line 99, top.scss */
      .topimagec .topimg_txt h2 span {
        font-size: 46px;
        font-size: 4.6rem;
        font-weight: normal; }
        @media screen and (min-width: 760.01px) and (max-width: 930px) {
          /* line 99, top.scss */
          .topimagec .topimg_txt h2 span {
            font-size: 40px;
            font-size: 4.0rem; } }
        @media screen and (min-width: 350.1px) and (max-width: 600px) {
          /* line 99, top.scss */
          .topimagec .topimg_txt h2 span {
            font-size: 8.0vw; } }
        @media screen and (max-width: 350px) {
          /* line 99, top.scss */
          .topimagec .topimg_txt h2 span {
            font-size: 8.0vw; } }
    /* line 119, top.scss */
    .topimagec .topimg_txt p {
      margin: 10px 0 0;
      font-size: 22px;
      font-size: 2.2rem; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 119, top.scss */
        .topimagec .topimg_txt p {
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1.8; } }
      @media screen and (min-width: 350.1px) and (max-width: 600px) {
        /* line 119, top.scss */
        .topimagec .topimg_txt p {
          margin: 5px 0 0;
          font-size: 4vw;
          font-feature-settings: "palt"; } }
      @media screen and (max-width: 350px) {
        /* line 119, top.scss */
        .topimagec .topimg_txt p {
          margin: 5px 0 0;
          font-size: 4vw;
          font-feature-settings: "palt"; } }

/* line 145, top.scss */
.contentboxtable {
  padding: 20px 15px; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 145, top.scss */
    .contentboxtable {
      padding: 20px 10px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 145, top.scss */
    .contentboxtable {
      padding: 20px 10px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 145, top.scss */
    .contentboxtable {
      padding: 20px; } }
  @media screen and (max-width: 350px) {
    /* line 145, top.scss */
    .contentboxtable {
      padding: 20px; } }

/* line 163, top.scss */
.boxtxt {
  padding: 0 15px 0 3px; }

/* line 167, top.scss */
.serviceIcon {
  margin: 0 10px 0 10px; }

/* line 171, top.scss */
.contentbox2 {
  background-color: #ffffff;
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
  margin: 20px 10px 0 10px;
  padding: 30px 60px;
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 171, top.scss */
    .contentbox2 {
      padding: 30px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 171, top.scss */
    .contentbox2 {
      padding: 20px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 171, top.scss */
    .contentbox2 {
      padding: 20px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 171, top.scss */
    .contentbox2 {
      display: block;
      padding: 20px; } }
  @media screen and (max-width: 350px) {
    /* line 171, top.scss */
    .contentbox2 {
      display: block;
      padding: 15px; } }

/* line 197, top.scss */
.contents {
  text-align: center;
  max-width: 180px;
  width: 100%;
  margin-right: 40px; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 197, top.scss */
    .contents {
      margin-right: 20px; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 197, top.scss */
    .contents {
      margin-right: 15px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 197, top.scss */
    .contents {
      margin-right: 15px; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 197, top.scss */
    .contents {
      max-width: none;
      margin-right: 0;
      margin-top: 30px; } }
  @media screen and (max-width: 350px) {
    /* line 197, top.scss */
    .contents {
      max-width: none;
      margin-right: 0;
      margin-top: 30px; } }
  /* line 221, top.scss */
  .contents:last-of-type {
    margin-right: 0; }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 224, top.scss */
    .contents:first-of-type {
      margin-top: 0; } }
  @media screen and (max-width: 350px) {
    /* line 224, top.scss */
    .contents:first-of-type {
      margin-top: 0; } }
  /* line 238, top.scss */
  .contents h5 {
    margin: 10px 0 0;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center; }
    /* line 244, top.scss */
    .contents h5:before, .contents h5:after {
      display: block;
      content: '';
      width: 8px;
      height: 8px;
      background-color: #afdefc;
      border-radius: 50%;
      position: relative; }
    /* line 254, top.scss */
    .contents h5 span {
      margin: 0 10px;
      color: #477eeb;
      font-size: 16px;
      font-size: 1.6rem;
      letter-spacing: 0.1em; }
      @media screen and (min-width: 930.01px) and (max-width: 1200px) {
        /* line 254, top.scss */
        .contents h5 span {
          margin: 0 5px; } }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 254, top.scss */
        .contents h5 span {
          margin: 0 5px;
          font-size: 14px;
          font-size: 1.4rem; } }
      @media screen and (min-width: 350.1px) and (max-width: 600px) {
        /* line 254, top.scss */
        .contents h5 span {
          font-size: 20px;
          font-size: 2.0rem;
          letter-spacing: 0.1em; } }
  /* line 279, top.scss */
  .contents p {
    margin: 0; }
  /* line 282, top.scss */
  .contents .content_img {
    width: 100%;
    height: 180px;
    position: relative;
    background-image: url("../images/linkaboutus_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2); }
    @media all and (min-width: 760.01px) and (max-width: 890px) {
      /* line 282, top.scss */
      .contents .content_img {
        height: 20.22vw; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 282, top.scss */
      .contents .content_img {
        height: 120px; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      /* line 282, top.scss */
      .contents .content_img {
        height: 120px; } }
    @media screen and (max-width: 350px) {
      /* line 282, top.scss */
      .contents .content_img {
        height: 35vw; } }
    /* line 307, top.scss */
    .contents .content_img:before {
      display: block;
      content: '';
      width: calc(100% - 20px);
      height: calc(100% - 20px);
      border: 1px solid #ffffff;
      position: absolute;
      top: 10px;
      bottom: 10px;
      right: 10px;
      left: 10px;
      opacity: 0.6; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 307, top.scss */
        .contents .content_img:before {
          width: calc(100% - 14px);
          height: calc(100% - 14px);
          top: 7px;
          bottom: 7px;
          right: 7px;
          left: 7px; } }
      @media screen and (max-width: 350px) {
        /* line 307, top.scss */
        .contents .content_img:before {
          width: calc(100% - 10px);
          height: calc(100% - 10px);
          top: 5px;
          bottom: 5px;
          right: 5px;
          left: 5px; } }
    /* line 342, top.scss */
    .contents .content_img.price_img {
      background-image: url("../images/linkprice_bg.jpg"); }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 342, top.scss */
        .contents .content_img.price_img {
          background-image: url("../images/linkprice_bg_sp.jpg"); } }
      @media screen and (min-width: 350.1px) and (max-width: 600px) {
        /* line 342, top.scss */
        .contents .content_img.price_img {
          background-image: url("../images/linkprice_bg_sp.jpg"); } }
      @media screen and (max-width: 350px) {
        /* line 342, top.scss */
        .contents .content_img.price_img {
          background-image: url("../images/linkprice_bg_sp.jpg"); } }
    /* line 358, top.scss */
    .contents .content_img.access_img {
      background-image: url("../images/linkaccess_bg.jpg"); }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 358, top.scss */
        .contents .content_img.access_img {
          background-image: url("../images/linkaccess_bg_sp.jpg"); } }
      @media screen and (min-width: 350.1px) and (max-width: 600px) {
        /* line 358, top.scss */
        .contents .content_img.access_img {
          background-image: url("../images/linkaccess_bg_sp.jpg"); } }
      @media screen and (max-width: 350px) {
        /* line 358, top.scss */
        .contents .content_img.access_img {
          background-image: url("../images/linkaccess_bg_sp.jpg"); } }
      /* line 373, top.scss */
      .contents .content_img.access_img:before {
        border: 1px solid #4880ef; }
    /* line 377, top.scss */
    .contents .content_img.aboutus_img {
      background-image: url("../images/linkaboutus_bg.jpg"); }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 377, top.scss */
        .contents .content_img.aboutus_img {
          background-image: url("../images/linkaboutus_bg_sp.jpg");
          background-position: top center; } }
      @media screen and (min-width: 350.1px) and (max-width: 600px) {
        /* line 377, top.scss */
        .contents .content_img.aboutus_img {
          background-image: url("../images/linkaboutus_bg_sp.jpg");
          background-position: top center; } }
      @media screen and (max-width: 350px) {
        /* line 377, top.scss */
        .contents .content_img.aboutus_img {
          background-image: url("../images/linkaboutus_bg_sp.jpg");
          background-position: top center; } }

/* line 398, top.scss */
.service_box {
  display: flex;
  justify-content: space-around; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 398, top.scss */
    .service_box {
      flex-direction: column;
      align-items: center; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 398, top.scss */
    .service_box {
      flex-direction: column;
      align-items: center; } }
  @media screen and (max-width: 350px) {
    /* line 398, top.scss */
    .service_box {
      flex-direction: column;
      align-items: center; } }
  /* line 417, top.scss */
  .service_box:before, .service_box:after {
    display: block;
    content: '';
    width: 1px;
    height: auto;
    background-color: #4880ed;
    order: 2; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 417, top.scss */
      .service_box:before, .service_box:after {
        width: 100%;
        height: 1px;
        margin: 20px 0; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      /* line 417, top.scss */
      .service_box:before, .service_box:after {
        width: 100%;
        height: 1px;
        margin: 20px 0; } }
    @media screen and (max-width: 350px) {
      /* line 417, top.scss */
      .service_box:before, .service_box:after {
        width: 100%;
        height: 1px;
        margin: 20px 0; } }

/* line 444, top.scss */
.service_unit {
  max-width: 180px;
  width: 100%; }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 444, top.scss */
    .service_unit {
      padding: 0 10px; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 444, top.scss */
    .service_unit {
      max-width: none;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; } }
  @media screen and (min-width: 350.1px) and (max-width: 600px) {
    /* line 444, top.scss */
    .service_unit {
      max-width: none;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; } }
  @media screen and (max-width: 350px) {
    /* line 444, top.scss */
    .service_unit {
      max-width: none;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; } }
  /* line 471, top.scss */
  .service_unit:nth-of-type(1) {
    order: 1; }
  /* line 474, top.scss */
  .service_unit:nth-of-type(2) {
    order: 2; }
  /* line 477, top.scss */
  .service_unit:nth-of-type(3) {
    order: 3; }
  /* line 480, top.scss */
  .service_unit .service_icon {
    max-width: 150px;
    margin: auto; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 480, top.scss */
      .service_unit .service_icon {
        max-width: 100px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 480, top.scss */
      .service_unit .service_icon {
        margin: 0 15px 0 0; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      /* line 480, top.scss */
      .service_unit .service_icon {
        max-width: 90px;
        margin: 0 10px 0 0;
        align-self: center; } }
    @media screen and (max-width: 350px) {
      /* line 480, top.scss */
      .service_unit .service_icon {
        max-width: 28.6vw;
        margin: 0 10px 0 0;
        align-self: center; } }
  /* line 502, top.scss */
  .service_unit h4 {
    line-height: 1.5;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: -0.05em;
    margin: 15px 0 0; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 502, top.scss */
      .service_unit h4 {
        font-size: 16px;
        font-size: 1.6rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 502, top.scss */
      .service_unit h4 {
        color: #4880ef;
        align-self: center;
        width: 10em;
        margin: 0;
        font-size: 22px;
        font-size: 2.2rem; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      /* line 502, top.scss */
      .service_unit h4 {
        color: #4880ef;
        align-self: center;
        width: 8.0em;
        margin: 0;
        font-size: min(4.8vw, 2rem); } }
    @media screen and (max-width: 350px) {
      /* line 502, top.scss */
      .service_unit h4 {
        color: #4880ef;
        align-self: center;
        width: calc(100% - 28.6vw - 10px);
        margin: 0;
        font-size: min(4.8vw, 2rem); } }
  /* line 537, top.scss */
  .service_unit p {
    margin: 10px 0 0;
    line-height: 1.5;
    font-size: 14px;
    font-size: 1.4rem; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 537, top.scss */
      .service_unit p {
        font-size: 13px;
        font-size: 1.3rem; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 537, top.scss */
      .service_unit p {
        width: calc(100% - 40px);
        margin: 15px 20px 0;
        text-align: center; } }
    @media screen and (min-width: 350.1px) and (max-width: 600px) {
      /* line 537, top.scss */
      .service_unit p {
        width: 100%;
        text-align: center; } }
    @media screen and (max-width: 350px) {
      /* line 537, top.scss */
      .service_unit p {
        width: 100%;
        text-align: center; } }
    /* line 561, top.scss */
    .service_unit p span {
      text-indent: -1.0em;
      padding-left: 1.0em;
      display: inline-block;
      text-align: left; }
      /* line 576, top.scss */
      .service_unit p span small.astarisk {
        font-size: unset;
        font-family: 'Noto Sans JP', sans-serif; }

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