@charset "UTF-8";
/* CSS Document */
/*
Theme Name: スマートパックC
Author: 株式会社ジャンプス

*/
/* line 1, sass/_layout.scss */
* {
  margin: 0;
  padding: 0; }

/* =======================================================================================================================
　　　　　　　　　全体
======================================================================================================================= */
/* line 9, sass/_layout.scss */
body {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  line-height: 2em;
  font-weight: 400;
  font-size: 16px;
  font-size: 0.857vw;
  letter-spacing: 0.05em;
  background: #ffffff;
  color: #000; }
  @media screen and (min-width: 2800px) {
    /* line 9, sass/_layout.scss */
    body {
      font-size: 24px;
      line-height: 1.5em; } }
  @media screen and (max-width: 1000px), screen and (max-height: 600px) {
    /* line 9, sass/_layout.scss */
    body {
      font-size: 12px;
      font-size: 1.2vw;
      line-height: 2em; } }
  @media screen and (max-width: 750px), screen and (max-height: 480px) {
    /* line 9, sass/_layout.scss */
    body {
      font-size: 11px;
      font-size: 1.5vw;
      line-height: 2em; } }
  @media screen and (max-width: 480px) {
    /* line 9, sass/_layout.scss */
    body {
      font-size: 11px;
      font-size: 2.7vw;
      line-height: 2em; } }

/* =======================================================================================================================
　　　　　　　　　レイアウト
======================================================================================================================= */
/* line 22, sass/_layout.scss */
#header {
  width: 10.7%;
  max-width: 300px;
  height: 100%;
  min-height: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  position: fixed;
  left: 0;
  top: 0;
  background: #ffffff;
  z-index: 99;
  display: -ms-grid;
  display: grid;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out; }

/* line 43, sass/_layout.scss */
#spheader {
  display: none; }

/* line 46, sass/_layout.scss */
#mainwrap {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  margin: 0;
  padding: 0 1.7857% 0 10.7%;
  position: relative;
  z-index: 1; }

/* line 55, sass/_layout.scss */
#main_content {
  overflow: hidden; }

/* line 58, sass/_layout.scss */
#pagefooter {
  width: 1.7857%;
  max-width: 50px;
  height: 100%;
  min-height: 100%;
  box-sizing: border-box;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99; }

/* line 71, sass/_layout.scss */
.innerbox {
  width: 100%;
  max-width: 2450px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 10%;
  position: relative;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out; }

@media screen and (max-width: 1700px) {
  /* line 86, sass/_layout.scss */
  #header {
    width: 180px;
    font-size: 14px; }

  /* line 90, sass/_layout.scss */
  #mainwrap {
    padding: 0 30px 0 180px; }

  /* line 93, sass/_layout.scss */
  #pagefooter {
    width: 30px; } }
@media screen and (max-width: 1000px), screen and (max-height: 600px) {
  /* line 99, sass/_layout.scss */
  #header {
    left: -100%; }

  /* line 102, sass/_layout.scss */
  #spheader {
    position: fixed;
    box-sizing: border-box;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    z-index: 9; }

  /* line 111, sass/_layout.scss */
  #spheader .innerbox {
    height: 70px;
    background: #ffffff;
    overflow: hidden; }

  /* line 116, sass/_layout.scss */
  #mainwrap, #spheader {
    padding: 0 30px 0 50px; }

  /* line 119, sass/_layout.scss */
  #mainwrap {
    padding-top: 70px; }

  /* line 122, sass/_layout.scss */
  .innerbox {
    padding: 0 5em; } }
  @media screen and (max-width: 1000px) and (max-width: 480px), screen and (max-height: 600px) and (max-width: 480px) {
    /* line 122, sass/_layout.scss */
    .innerbox {
      padding: 0 2.5em; } }

@media screen and (max-width: 750px), screen and (max-height: 450px) {
  /* line 131, sass/_layout.scss */
  #mainwrap, #spheader {
    padding: 0 0 0 0; }

  /* line 134, sass/_layout.scss */
  #mainwrap {
    padding-top: 70px; }

  /* line 137, sass/_layout.scss */
  #pagefooter {
    position: relative;
    width: 100%;
    max-width: none;
    height: 30px;
    min-height: 0;
    border-left: none;
    z-index: 99; } }
/* 欧文フォント */
/* line 2, sass/elements/_text.scss */
.eg {
  font-family: "prometo", sans-serif;
  font-weight: 700;
  font-style: normal; }

/* 日本語フォント */
/* line 7, sass/elements/_text.scss */
.jp {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif; }

/* 文字寄せ */
/* line 12, sass/elements/_text.scss */
.center {
  text-align: center; }
  /* line 14, sass/elements/_text.scss */
  .center span {
    display: block; }

/* line 18, sass/elements/_text.scss */
.right {
  text-align: right; }

/* ノートパソコン改行 */
@media screen and (max-width: 1000px) {
  /* line 23, sass/elements/_text.scss */
  .npbr {
    display: block; } }

/* タブレット改行 */
@media screen and (max-width: 750px) {
  /* line 30, sass/elements/_text.scss */
  .tbbr {
    display: block; } }

/* スマホ改行 */
@media screen and (max-width: 480px) {
  /* line 37, sass/elements/_text.scss */
  .spbr {
    display: block; } }

/* スマホ非表示 */
@media screen and (max-width: 480px) {
  /* line 44, sass/elements/_text.scss */
  .spnone {
    display: none; } }

/* 英語タイトル */
/* line 51, sass/elements/_text.scss */
.egttl {
  font-family: "prometo", sans-serif;
  font-weight: 700;
  font-style: normal; }

/* 段落 */
/* line 57, sass/elements/_text.scss */
p {
  padding-bottom: 1em; }

/* 画像 */
/* line 2, sass/elements/_img.scss */
img {
  vertical-align: bottom; }
  /* line 4, sass/elements/_img.scss */
  img.img_max100 {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%; }

/* line 8, sass/elements/_img.scss */
.imgbox {
  line-height: 0; }

/* =======================================================================================================================
　　　　　　　　　SVG
======================================================================================================================= */
/* リンク */
/* line 2, sass/elements/_link.scss */
a {
  text-decoration: none;
  color: #00cb3d;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  /* line 6, sass/elements/_link.scss */
  a img {
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  /* line 9, sass/elements/_link.scss */
  a:hover {
    color: #00e0ac; }
    /* line 11, sass/elements/_link.scss */
    a:hover img {
      opacity: 0.7;
      filter: alpha(opacity=70); }

/* ================= 制作実績 ============================================================ */
/* -------------------------- トップページ共通 ------------------------------------------- */
/* line 6, sass/elements/_list.scss */
.works_list {
  list-style: none inside;
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -3.5%; }
  @media screen and (max-width: 480px) {
    /* line 6, sass/elements/_list.scss */
    .works_list {
      margin-top: -5em; } }
  /* line 15, sass/elements/_list.scss */
  .works_list li {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 31%;
    margin-right: 3.5%;
    margin-top: 3.5%;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* 実績カテゴリ */ }
    @media screen and (min-width: 481px) {
      /* line 22, sass/elements/_list.scss */
      .works_list li:nth-child(3n) {
        margin-right: 0; } }
    @media screen and (max-width: 480px) {
      /* line 15, sass/elements/_list.scss */
      .works_list li {
        width: 100%;
        margin-right: 0;
        margin-top: 5em; } }
    /* line 33, sass/elements/_list.scss */
    .works_list li .cate {
      width: 100%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-family: "prometo", sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 0.8em;
      line-height: 1.5em;
      text-align: right;
      color: #009fe8;
      padding-bottom: 0.5em;
      -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    /* line 44, sass/elements/_list.scss */
    .works_list li figure {
      width: 100%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      /* 画像 ------------------------------------------- */
      /* テキスト ------------------------------------------- */ }
      /* line 48, sass/elements/_list.scss */
      .works_list li figure .imgbox {
        display: block;
        width: 100%;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        aspect-ratio: 16/9;
        overflow: hidden;
        line-height: 0; }
        @media screen and (max-width: 750px) {
          /* line 48, sass/elements/_list.scss */
          .works_list li figure .imgbox {
            width: 100%;
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; } }
        /* line 57, sass/elements/_list.scss */
        .works_list li figure .imgbox img {
          object-fit: cover;
          object-position: 50% 50%;
          width: 100%;
          height: 100%; }
      /* line 63, sass/elements/_list.scss */
      .works_list li figure figcaption {
        display: block;
        width: 100%;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 1em;
        /* 実績タイトル */
        /* キャッチコピー */
        /* 要約 */
        /* ボタン */ }
        /* line 69, sass/elements/_list.scss */
        .works_list li figure figcaption .post_ttl {
          width: 100%;
          position: relative;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 1.1em;
          font-weight: 400;
          line-height: 1.5em;
          padding-bottom: 0.5em; }
        /* line 78, sass/elements/_list.scss */
        .works_list li figure figcaption h3 {
          width: 100%;
          position: relative;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          font-size: 1.2em;
          font-weight: 400;
          line-height: 1.5em;
          padding-bottom: 0.5em;
          border-bottom: #009fe8 solid 0.1em;
          margin-bottom: 0.5em; }
        /* line 89, sass/elements/_list.scss */
        .works_list li figure figcaption p {
          width: 100%;
          position: relative;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          line-height: 1.55em; }
          /* line 92, sass/elements/_list.scss */
          .works_list li figure figcaption p:last-child {
            padding-bottom: 0; }
        /* line 98, sass/elements/_list.scss */
        .works_list li figure figcaption .btn {
          width: 100%;
          position: relative;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          margin-bottom: 0; }
          /* line 101, sass/elements/_list.scss */
          .works_list li figure figcaption .btn a {
            width: 100% !important; }

/* ================= コラム記事 ============================================================ */
/* line 111, sass/elements/_list.scss */
.blogbox {
  width: 100%;
  position: relative; }

/* line 115, sass/elements/_list.scss */
.blogbox ul {
  list-style: none inside;
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -2.13%; }

/* line 127, sass/elements/_list.scss */
.blogbox li {
  width: 23.4%;
  padding-right: 2.13%;
  margin-top: 2.13%; }

/* line 132, sass/elements/_list.scss */
.blogbox li:nth-child(4n) {
  padding-right: 0; }

/* リンク */
/* line 137, sass/elements/_list.scss */
.blogbox a:hover {
  text-decoration: none; }

@media screen and (max-width: 750px) {
  /* line 142, sass/elements/_list.scss */
  .blogbox ul {
    margin-top: -8%; }

  /* line 145, sass/elements/_list.scss */
  .blogbox li {
    width: 46%;
    padding-right: 8%;
    margin-top: 8%; }

  /* line 150, sass/elements/_list.scss */
  .blogbox li:nth-child(2n) {
    padding-right: 0; }

  /* line 153, sass/elements/_list.scss */
  .blogbox li:nth-child(n+3) {
    padding-bottom: 0; } }
/* サムネイル画像 ------------------------------------------- */
/* line 160, sass/elements/_list.scss */
.blogbox figure {
  width: 100%; }

/* line 163, sass/elements/_list.scss */
.blogimg {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 1em; }

/* line 169, sass/elements/_list.scss */
.blogimg::before {
  display: block;
  content: "";
  padding-top: 100%; }

/* line 174, sass/elements/_list.scss */
.blogimginner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden; }
  /* line 182, sass/elements/_list.scss */
  .blogimginner img {
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height: 100%; }

/* 日付 ------------------------------------------- */
/* line 189, sass/elements/_list.scss */
.blogbox a .date {
  width: 100%;
  display: block;
  font-family: "prometo", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.8em;
  font-weight: 200;
  line-height: 1em;
  color: #009fe8;
  padding-top: 0.5em; }

/* line 199, sass/elements/_list.scss */
.blogbox a .date .year {
  display: inline-block;
  padding-right: 0.5em;
  font-size: 0.625em; }

/* マウスオーバー */
/* line 206, sass/elements/_list.scss */
.blogbox a:hover .date {
  color: #009fe8; }

/* タイトル ------------------------------------------- */
/* line 211, sass/elements/_list.scss */
a .blogttl {
  width: 100%;
  display: block;
  line-height: 2em;
  height: 1.7em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #5F6365; }

/* リンク */
/* line 222, sass/elements/_list.scss */
.blogbox a:hover .newsttl {
  color: #009fe8;
  text-decoration: underline; }

/* line 23, sass/form/_contactform7.scss */
.btn {
  margin-bottom: 5em; }
  /* line 25, sass/form/_contactform7.scss */
  .btn a {
    display: inline-block;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 1.1em;
    letter-spacing: 1em;
    text-indent: 1em;
    text-align: center;
    width: 10em !important;
    box-sizing: border-box;
    padding: 0.5em 1em;
    background: transparent;
    color: #00cb3d;
    border: #00cb3d solid 0.125em;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    letter-spacing: 0.2em;
    text-indent: 0; }
    /* line 17, sass/form/_contactform7.scss */
    .btn a:hover {
      background: #00cb3d;
      color: #000; }
    /* line 29, sass/form/_contactform7.scss */
    .sec_bg3 .btn a {
      color: #fff;
      border-color: #fff; }
      /* line 32, sass/form/_contactform7.scss */
      .sec_bg3 .btn a:hover {
        background: #fff;
        color: #009fe8; }

/* ================= フォーム ============================================================ */
/* ブラウザスタイル解除 */
/* line 46, sass/form/_contactform7.scss */
input:-webkit-autofill {
  animation-name: onAutoFillStart;
  transition: background-color 50000s ease-in-out 0s; }

/* line 50, sass/form/_contactform7.scss */
input:-webkit-autofill-selected {
  animation-name: onAutoFillStart;
  transition: background-color 50000s ease-in-out 0s; }

/* line 54, sass/form/_contactform7.scss */
input:-internal-autofill-selected {
  background-color: rgba(232, 240, 254, 0) !important; }

/* line 58, sass/form/_contactform7.scss */
.formbox {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 3.57em 0;
  color: #000;
  /* -------------------------- Contact Form 7 ------------------------------------------- */ }
  @media screen and (max-width: 750px) {
    /* line 58, sass/form/_contactform7.scss */
    .formbox {
      padding: 1.5em 0; } }
  /* line 66, sass/form/_contactform7.scss */
  .formbox h3 {
    font-size: 2em;
    line-height: 1.7em;
    padding-bottom: 0.5em; }
  /* line 71, sass/form/_contactform7.scss */
  .formbox p {
    padding-bottom: 2em; }
  /* line 76, sass/form/_contactform7.scss */
  .formbox .wpcf7-form {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* 項目名（共通） */
    /* ラベルで挟まれた項目 */
    /* fieldsetで挟まれた項目 */
    /* チェックボックス・ラジオボタン */
    /* 承認確認 */
    /*送信ボタン*/
    /* エラーメッセージ */ }
    /* line 80, sass/form/_contactform7.scss */
    .formbox .wpcf7-form .formname {
      width: 13em; }
      @media screen and (max-width: 480px) {
        /* line 80, sass/form/_contactform7.scss */
        .formbox .wpcf7-form .formname {
          width: 100%; } }
    /* line 89, sass/form/_contactform7.scss */
    .formbox .wpcf7-form label.formctt {
      width: 100%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      /* 項目名 */
      /* フォーム内容 */ }
      @media screen and (max-width: 480px) {
        /* line 89, sass/form/_contactform7.scss */
        .formbox .wpcf7-form label.formctt {
          display: block; } }
      /* line 97, sass/form/_contactform7.scss */
      .formbox .wpcf7-form label.formctt .formname {
        line-height: 1.7em;
        padding-top: 0.75em; }
      /* line 103, sass/form/_contactform7.scss */
      .formbox .wpcf7-form label.formctt .wpcf7-form-control-wrap {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        @media screen and (max-width: 480px) {
          /* line 103, sass/form/_contactform7.scss */
          .formbox .wpcf7-form label.formctt .wpcf7-form-control-wrap {
            -webkit-box-flex: 0;
            -webkit-flex: none;
            -moz-box-flex: 0;
            -ms-flex: none;
            flex: none; } }
    /* line 114, sass/form/_contactform7.scss */
    .formbox .wpcf7-form fieldset.formctt {
      width: 100%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: none;
      padding-left: 13em;
      /* 項目名 */
      /* フォーム内容 */
      /* 改行 */ }
      @media screen and (max-width: 480px) {
        /* line 114, sass/form/_contactform7.scss */
        .formbox .wpcf7-form fieldset.formctt {
          padding-left: 0; } }
      /* line 123, sass/form/_contactform7.scss */
      .formbox .wpcf7-form fieldset.formctt .formname {
        position: absolute;
        top: 0;
        left: 0;
        right: auto;
        bottom: auto; }
        @media screen and (max-width: 480px) {
          /* line 123, sass/form/_contactform7.scss */
          .formbox .wpcf7-form fieldset.formctt .formname {
            position: relative; } }
      /* line 131, sass/form/_contactform7.scss */
      .formbox .wpcf7-form fieldset.formctt .wpcf7-form-control-wrap {
        width: 100%;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      /* line 136, sass/form/_contactform7.scss */
      .formbox .wpcf7-form fieldset.formctt br {
        display: none; }
    /* line 142, sass/form/_contactform7.scss */
    .formbox .wpcf7-form p {
      padding: 0 0 2em 0; }
    /* line 145, sass/form/_contactform7.scss */
    .formbox .wpcf7-form input[type="text"],
    .formbox .wpcf7-form input[type="email"],
    .formbox .wpcf7-form input[type="tel"],
    .formbox .wpcf7-form input[type="date"],
    .formbox .wpcf7-form select,
    .formbox .wpcf7-form textarea {
      font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
      font-size: 1em;
      font-weight: 400;
      line-height: 1.7em;
      box-sizing: border-box;
      padding: 0.75em 1.5em;
      border: #fff solid 0.1em; }
    /* line 159, sass/form/_contactform7.scss */
    .formbox .wpcf7-form input[type="text"],
    .formbox .wpcf7-form input[type="email"],
    .formbox .wpcf7-form input[type="tel"],
    .formbox .wpcf7-form select,
    .formbox .wpcf7-form textarea {
      width: 100% !important; }
    /* line 170, sass/form/_contactform7.scss */
    .formbox .wpcf7-form .wpcf7-radio .wpcf7-list-item,
    .formbox .wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
      margin-left: 0;
      margin-right: 1em; }
      /* line 173, sass/form/_contactform7.scss */
      .formbox .wpcf7-form .wpcf7-radio .wpcf7-list-item label,
      .formbox .wpcf7-form .wpcf7-checkbox .wpcf7-list-item label {
        cursor: pointer;
        font-weight: 400; }
    /* line 182, sass/form/_contactform7.scss */
    .formbox .wpcf7-form .acceptance_box p {
      padding-bottom: 2em !important; }
    /* line 187, sass/form/_contactform7.scss */
    .formbox .wpcf7-form .wpcf7-acceptance label {
      cursor: pointer; }
    /* line 193, sass/form/_contactform7.scss */
    .formbox .wpcf7-form input[type="submit"] {
      display: inline-block;
      font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
      font-size: 1.1em;
      letter-spacing: 1em;
      text-indent: 1em;
      text-align: center;
      width: 10em !important;
      box-sizing: border-box;
      padding: 0.5em 1em;
      background: transparent;
      color: #00cb3d;
      border: #00cb3d solid 0.125em;
      cursor: pointer;
      -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      /* line 17, sass/form/_contactform7.scss */
      .formbox .wpcf7-form input[type="submit"]:hover {
        background: #00cb3d;
        color: #000; }
      /* line 195, sass/form/_contactform7.scss */
      .formbox .wpcf7-form input[type="submit"]:disabled {
        opacity: 0.15;
        filter: alpha(opacity=15); }
        /* line 197, sass/form/_contactform7.scss */
        .formbox .wpcf7-form input[type="submit"]:disabled:hover {
          background: #009fe8; }
    /* line 204, sass/form/_contactform7.scss */
    .formbox .wpcf7-form .wpcf7-not-valid-tip {
      color: #009fe8; }
    /* line 207, sass/form/_contactform7.scss */
    .formbox .wpcf7-form .wpcf7-response-output {
      border: none !important;
      padding: 0;
      padding-left: 1em;
      text-indent: -1em;
      color: #009fe8; }
      /* line 213, sass/form/_contactform7.scss */
      .formbox .wpcf7-form .wpcf7-response-output::before {
        content: "※"; }

/* ================= フォーム確認画面 ============================================================ */
/* line 2, sass/form/_confirmplus.scss */
#wpcf7cpcnf {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  background-color: transparent !important;
  border-top: #009fe8 solid 0.1em;
  border-bottom: #009fe8 solid 0.1em;
  /* 入力内容 */
  /* ボタン */ }
  /* line 10, sass/form/_confirmplus.scss */
  #wpcf7cpcnf table {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    /* line 13, sass/form/_confirmplus.scss */
    #wpcf7cpcnf table tr th,
    #wpcf7cpcnf table tr td {
      border-bottom: #009fe8 dashed 0.1em; }
      @media screen and (max-width: 480px) {
        /* line 13, sass/form/_confirmplus.scss */
        #wpcf7cpcnf table tr th,
        #wpcf7cpcnf table tr td {
          display: block; } }
      /* line 20, sass/form/_confirmplus.scss */
      .contactpage-ctt .sec #wpcf7cpcnf table tr th p, .contactpage-ctt .sec
      #wpcf7cpcnf table tr td p {
        padding-top: 1em;
        padding-bottom: 1em; }
    /* line 26, sass/form/_confirmplus.scss */
    #wpcf7cpcnf table tr th {
      width: 20em;
      font-weight: normal !important;
      text-align: left; }
      @media screen and (max-width: 480px) {
        /* line 26, sass/form/_confirmplus.scss */
        #wpcf7cpcnf table tr th {
          width: 100%;
          border-bottom: none; } }
      @media screen and (max-width: 480px) {
        /* line 36, sass/form/_confirmplus.scss */
        .contactpage-ctt .sec #wpcf7cpcnf table tr th p {
          padding-bottom: 0; } }
      /* line 40, sass/form/_confirmplus.scss */
      #wpcf7cpcnf table tr th p::after {
        content: "："; }
  /* line 49, sass/form/_confirmplus.scss */
  #wpcf7cpcnf .wpcf7cp-btns {
    text-align: center; }
    /* line 51, sass/form/_confirmplus.scss */
    #wpcf7cpcnf .wpcf7cp-btns button {
      display: inline-block;
      font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
      font-size: 1.1em;
      letter-spacing: 1em;
      text-indent: 1em;
      text-align: center;
      width: 10em !important;
      box-sizing: border-box;
      padding: 0.5em 1em;
      background: transparent;
      color: #00cb3d;
      border: #00cb3d solid 0.125em;
      cursor: pointer;
      -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      width: 10em !important;
      /* 修正ボタン */
      /* 送信ボタン */ }
      /* line 17, sass/form/_contactform7.scss */
      #wpcf7cpcnf .wpcf7cp-btns button:hover {
        background: #00cb3d;
        color: #000; }
      @media screen and (max-width: 480px) {
        /* line 51, sass/form/_confirmplus.scss */
        #wpcf7cpcnf .wpcf7cp-btns button {
          width: auto !important;
          padding: 0.5em 1em;
          letter-spacing: 0.5em;
          text-indent: 0.5em; } }
      /* line 62, sass/form/_confirmplus.scss */
      #wpcf7cpcnf .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn {
        background: #009fe8;
        color: #000;
        opacity: 0.3;
        filter: alpha(opacity=30); }
        /* line 66, sass/form/_confirmplus.scss */
        #wpcf7cpcnf .wpcf7cp-btns button.wpcf7cp-cfm-edit-btn:hover {
          background: #3C3F40;
          border-color: #3C3F40; }
      /* line 73, sass/form/_confirmplus.scss */
      #wpcf7cpcnf .wpcf7cp-btns button.wpcf7-submit {
        letter-spacing: 0;
        text-indent: 0; }

/* ===========================================================================================================
　　　　　　　　　左固定カラム
=========================================================================================================== */
/* ロゴ */
/* line 6, sass/_header.scss */
h1.logo {
  width: 10.7%;
  max-width: 300px;
  height: 13.25em;
  font-size: 1em;
  box-sizing: border-box;
  margin: 0;
  padding-right: 0.167em;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

/* line 28, sass/_header.scss */
h1.logo a {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #ffffff; }

/* line 45, sass/_header.scss */
h1.logo img {
  width: 70%;
  max-width: 170px;
  height: auto; }

@media screen and (max-width: 1700px) {
  /* line 52, sass/_header.scss */
  h1.logo {
    width: 180px;
    font-size: 14px;
    padding-right: 2px; } }
@media screen and (max-width: 1000px), screen and (max-height: 600px) {
  /* line 60, sass/_header.scss */
  h1.logo {
    top: 15px;
    left: 65px;
    width: 211px;
    height: 40px;
    border-right: none;
    background: transparent; }

  /* line 68, sass/_header.scss */
  h1.logo a {
    width: 211px;
    height: 40px;
    background: url(/images/logo2.svg) no-repeat 0 0;
    background-size: contain;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }

  /* line 79, sass/_header.scss */
  h1.logo a:hover {
    opacity: 0.7; }

  /* line 82, sass/_header.scss */
  h1.logo img {
    display: none; } }
@media screen and (max-width: 750px), screen and (max-height: 450px) {
  /* line 88, sass/_header.scss */
  h1.logo {
    left: 15px; } }
/* -------------------------- グローバルナビゲーション ------------------------------------------- */
/* line 94, sass/_header.scss */
#gnav {
  width: 100%;
  margin: 0;
  padding: 13.25em 0 0 0;
  display: -ms-grid;
  display: grid;
  grid-template-rows: calc(2.49em * 6) 1fr;
  grid-template-columns: 100%;
  -ms-grid-rows: calc(2.49em * 6) 1fr;
  -ms-grid-columns: 100%; }

/* リスト */
/* line 107, sass/_header.scss */
#gnav ul {
  width: 100%;
  list-style: none inside; }

/* line 111, sass/_header.scss */
#gnav ul li {
  box-sizing: border-box; }

/* サイドメニュー ------------------------------------------- */
/* line 116, sass/_header.scss */
.sidemenu {
  width: 100%;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-column: 1; }

/* line 123, sass/_header.scss */
.pmenu {
  width: 100%;
  font-size: 0.83em;
  font-weight: 500;
  line-height: 1em;
  box-sizing: border-box; }

/* リンク */
/* line 132, sass/_header.scss */
.pmenu a {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 1em 2em;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

/* line 144, sass/_header.scss */
.pmenu a:hover {
  color: #000;
  background: #00e0ac;
  text-decoration: none; }

/* line 149, sass/_header.scss */
.plink {
  position: relative;
  z-index: 999;
  background: #ffffff;
  color: #000; }

/* サブメニュー */
/* line 157, sass/_header.scss */
.submenu {
  width: 5em;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: #009fe8;
  -webkit-transition: 0.7s ease-in-out;
  -moz-transition: 0.7s ease-in-out;
  -ms-transition: 0.7s ease-in-out;
  -o-transition: 0.7s ease-in-out;
  transition: 0.7s ease-in-out;
  opacity: 0;
  z-index: 992; }

/* line 173, sass/_header.scss */
.pmenu:hover .submenu {
  left: 100%;
  opacity: 1; }

/* line 177, sass/_header.scss */
.submenuttl {
  width: 4.167em;
  font-size: 1.2em;
  line-height: 1em;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding-top: 2em;
  padding-bottom: 2em;
  background: #fff;
  color: #009fe8;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

/* line 201, sass/_header.scss */
.submenuttl span {
  width: 4.167em;
  box-sizing: border-box;
  padding: 0 1.483em; }

/* line 206, sass/_header.scss */
.childmenu {
  width: 100%;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }

/* line 212, sass/_header.scss */
.submenu a {
  box-sizing: content-box;
  width: 1em;
  padding: 1.5em 2em;
  display: block;
  color: #ffffff; }

/* line 219, sass/_header.scss */
.submenu a:hover {
  background: #00cb3d; }

@media screen and (max-width: 1700px) {
  /* line 224, sass/_header.scss */
  .submenu, .submenuttl, .childmenu, .submenu a {
    width: 55px;
    box-sizing: border-box; }

  /* line 228, sass/_header.scss */
  .submenuttl {
    font-size: 13px; }

  /* line 231, sass/_header.scss */
  .submenu a {
    width: 55px;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 1.1em; } }
/* ボタンナビエリア ------------------------------------------- */
/* line 241, sass/_header.scss */
.btn_nav {
  background: #ffffff;
  position: relative;
  z-index: 999;
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  -ms-grid-row: 2;
  -ms-grid-column: 1; }

/* コンバージョンボタン ------------------------------------------- */
/* line 252, sass/_header.scss */
.btn_form {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 1.25em 1em;
  text-align: center; }
  /* line 259, sass/_header.scss */
  .btn_form ul li {
    margin-bottom: 1em; }
    /* line 261, sass/_header.scss */
    .btn_form ul li:last-child {
      margin-bottom: 0; }

/* ボタン画像 */
/* line 270, sass/_header.scss */
.btn_form img {
  max-width: 100%;
  height: auto; }

/* SNS ------------------------------------------- */
/* line 276, sass/_header.scss */
.sns {
  width: 100%;
  box-sizing: border-box;
  padding: 0 1em;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

/* line 291, sass/_header.scss */
.sns li {
  font-size: 1.25em; }

/* リンク */
/* line 296, sass/_header.scss */
.sns li a {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

/* line 303, sass/_header.scss */
.sns li a:hover {
  text-decoration: none; }

/* =======================================================================================================================
　　　　　　　　　スマートフォンナビゲーション
======================================================================================================================= */
/* ===========================================================================================================
　　　　　　　　　スマホ用ヘッダー
=========================================================================================================== */
@media screen and (max-width: 1000px), screen and (max-height: 600px) {
  /* line 9, sass/_spnav.scss */
  #spheader .btn_form {
    position: absolute;
    right: 15px;
    top: 15px;
    text-align: right;
    padding: 0;
    margin: 0;
    display: none; }

  /* line 18, sass/_spnav.scss */
  #spheader .btn_form img {
    height: 40px;
    width: auto; }

  /* line 22, sass/_spnav.scss */
  #spheader .sns {
    display: none; } }
@media screen and (max-width: 750px), screen and (max-height: 450px) {
  /* line 28, sass/_spnav.scss */
  #spheader .btn_form {
    right: 60px; } }
@media screen and (max-width: 480px) {
  /* line 34, sass/_spnav.scss */
  #spheader .btn_form {
    display: none; } }
/* ===========================================================================================================
　　　　　　　　　格納ナビゲーション
=========================================================================================================== */
@media screen and (min-width: 1001px) and (min-height: 601px) {
  /* line 44, sass/_spnav.scss */
  .hm_btn, .hm_menu_wrap {
    display: none; } }
@media screen and (max-width: 1000px), screen and (max-height: 600px) {
  /* line 49, sass/_spnav.scss */
  .hm_btn, .hm_menu_wrap {
    display: block; } }
/* line 54, sass/_spnav.scss */
.hm_menu_check {
  /* チェックボックスを隠す */
  display: none; }

/* メニューボタン */
@media screen and (min-width: 751px) and (min-height: 451px) {
  /* line 61, sass/_spnav.scss */
  .hm_btn {
    position: fixed;
    width: 50px;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 2;
    top: 0;
    left: 0;
    z-index: 9999999999;
    background: #ffffff; }

  /* line 74, sass/_spnav.scss */
  .hm_btn::before {
    display: block;
    width: 100%;
    text-align: center;
    font-family: FontAwesome;
    font-size: 30px;
    content: "\f0c9";
    position: absolute;
    top: 50%;
    left: 0;
    margin: -15px auto auto auto;
    color: #000; } }
@media screen and (max-width: 750px), screen and (max-height: 450px) {
  /* line 90, sass/_spnav.scss */
  .hm_btn {
    position: fixed;
    width: 30px;
    height: 27px;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 2;
    top: 20px;
    right: 15px;
    z-index: 9999999999; }

  /* line 101, sass/_spnav.scss */
  .hm_btn::before {
    -webkit-box-shadow: #009fe8 0 12px 0;
    box-shadow: #009fe8 0 12px 0; }

  /* line 105, sass/_spnav.scss */
  .hm_btn::after {
    bottom: 0; }

  /* line 108, sass/_spnav.scss */
  .hm_btn::before,
  .hm_btn::after {
    width: 30px;
    height: 3px;
    background: #009fe8;
    display: block;
    content: '';
    position: absolute;
    -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
    transition: box-shadow 0.2s linear, transform 0.2s 0.2s; } }
/* ****************** 格納領域 *************************************************** */
@media screen and (min-width: 751px) and (min-height: 451px) {
  /* line 123, sass/_spnav.scss */
  .hm_menu_wrap {
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    left: 50px;
    bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.7s;
    transition: 0.7s;
    box-sizing: border-box;
    overflow: hidden;
    visibility: hidden;
    z-index: 9999999999991; }

  /* line 140, sass/_spnav.scss */
  .menucontent {
    font-size: 14px;
    display: -ms-grid;
    display: grid;
    grid-template-rows: 17.8em 1fr;
    grid-template-columns: 100%;
    -ms-grid-rows: 17.8em 1fr;
    -ms-grid-columns: 100%;
    box-sizing: border-box;
    padding: 0 0 0 0;
    width: 0;
    position: absolute;
    top: 0;
    left: -1000px;
    bottom: 0;
    -webkit-transition: left 0.7s;
    transition: left 0.7s;
    border: none; } }
@media screen and (max-width: 750px), screen and (max-height: 450px) {
  /* line 162, sass/_spnav.scss */
  .hm_menu_wrap {
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 70px;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.7s;
    transition: 0.7s;
    box-sizing: border-box;
    overflow: hidden;
    visibility: hidden;
    z-index: 9999999999991; }

  /* line 179, sass/_spnav.scss */
  .menucontent {
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 0 0 0;
    width: 100%;
    position: absolute;
    top: -1000px;
    left: 0;
    -webkit-transition: top 0.7s;
    transition: top 0.7s;
    border: none; } }
/* line 193, sass/_spnav.scss */
.hm_inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: -19px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

/* line 202, sass/_spnav.scss */
.hm_inner:before {
  content: "";
  display: block;
  padding-top: 80px; }

/* 開閉時のアニメーション */
/* line 209, sass/_spnav.scss */
.hm_menu_check:checked ~ .hm_menu_wrap {
  opacity: 1.0;
  filter: alpha(opacity=100);
  visibility: visible; }

@media screen and (min-width: 751px) and (min-height: 451px) {
  /* line 215, sass/_spnav.scss */
  .hm_menu_check:checked ~ .hm_menu_wrap .menucontent {
    width: 180px;
    opacity: 1;
    filter: alpha(opacity=100);
    left: 0;
    height: 100%;
    min-height: 100%;
    height: 100vh;
    box-sizing: border-box;
    padding-top: 5em;
    background: #ffffff; }

  /* line 228, sass/_spnav.scss */
  .hm_menu_check:checked ~ .hm_btn::before {
    content: "\f00d"; } }
@media screen and (max-width: 750px), screen and (max-height: 450px) {
  /* line 234, sass/_spnav.scss */
  .hm_menu_check:checked ~ .hm_menu_wrap .menucontent {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0;
    background: #ffffff; }

  /* line 240, sass/_spnav.scss */
  .hm_menu_check:checked ~ .hm_btn::before {
    -webkit-box-shadow: transparent 0 0 0;
    box-shadow: transparent 0 0 0;
    -webkit-transform: rotate(45deg) translate3d(6px, 11px, 0);
    transform: rotate(45deg) translate3d(6px, 11px, 0); }

  /* line 246, sass/_spnav.scss */
  .hm_menu_check:checked ~ .hm_btn::after {
    -webkit-transform: rotate(-45deg) translate3d(6px, -11px, 0);
    transform: rotate(-45deg) translate3d(6px, -11px, 0); } }
/* ****************** 中身デザイン *************************************************** */
/* リスト */
/* line 254, sass/_spnav.scss */
.menucontent ul {
  width: 100%;
  list-style: none inside; }

/* line 258, sass/_spnav.scss */
.menucontent ul li {
  box-sizing: border-box; }

@media screen and (min-width: 751px) and (min-height: 451px) {
  /* line 263, sass/_spnav.scss */
  .menucontent .sidemenu .pmenu:first-child {
    border-top: none; } }
@media screen and (max-width: 750px), screen and (max-height: 450px) {
  /* line 269, sass/_spnav.scss */
  .menucontent .sidemenu {
    overflow: hidden; }

  /* line 272, sass/_spnav.scss */
  .menucontent .pmenu {
    border-top: none; }

  /* line 275, sass/_spnav.scss */
  .menucontent .pmenu a {
    padding: 1.5em 2em; }

  /* サブメニュー */
  /* line 280, sass/_spnav.scss */
  .menucontent .submenu {
    width: 100%;
    position: relative;
    background: #fff;
    opacity: 1; }

  /* line 286, sass/_spnav.scss */
  .menucontent .pmenu:hover .submenu {
    left: 0; }

  /* line 289, sass/_spnav.scss */
  .menucontent .submenuttl {
    display: none; }

  /* line 292, sass/_spnav.scss */
  .menucontent .childmenu {
    width: 100%;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb; }

  /* line 296, sass/_spnav.scss */
  .menucontent .submenu a {
    box-sizing: border-box;
    width: 100%;
    padding: 1em 2em 1em 2.5em;
    border-top: #009fe8 solid 1px;
    color: #009fe8; }

  /* line 303, sass/_spnav.scss */
  .menucontent .submenu a:hover {
    background: #fff;
    color: #009fe8; }

  /* ボタンナビ */
  /* line 309, sass/_spnav.scss */
  .menucontent .btn_nav {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: none;
    padding-bottom: 30px; }
    /* line 313, sass/_spnav.scss */
    .menucontent .btn_nav .btn_form {
      text-align: left; }
    /* line 316, sass/_spnav.scss */
    .menucontent .btn_nav img {
      max-width: 200px; }

  /* SNS */
  /* line 322, sass/_spnav.scss */
  .sns {
    max-width: 300px;
    margin: 0 auto; }

  /* line 326, sass/_spnav.scss */
  .sns li {
    font-size: 36px; } }
/* ===========================================================================================================
　　　　　　　　　フッター
=========================================================================================================== */
/* line 4, sass/_footer.scss */
#footer {
  width: 100%;
  box-sizing: border-box;
  position: relative; }

/* -------------------------- フッター上部バナー領域 ------------------------------------------- */
/* line 11, sass/_footer.scss */
.footer_bn {
  width: 100%;
  padding: 100px 0;
  background: #ffffff; }

@media screen and (max-width: 480px) {
  /* line 18, sass/_footer.scss */
  .footer_bn {
    padding: 50px 0; } }
/* バナーリスト ------------------------------------------- */
/* line 24, sass/_footer.scss */
.footer_bn ul {
  width: 100%;
  list-style: none inside;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

/* line 42, sass/_footer.scss */
.footer_bn li {
  padding: 0 3em; }

/* バナー画像 */
/* line 47, sass/_footer.scss */
.footer_bn img {
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 1500px) {
  /* line 53, sass/_footer.scss */
  .footer_bn li {
    padding: 0 2em;
    width: 30%;
    box-sizing: border-box;
    text-align: center; } }
@media screen and (max-width: 1000px) {
  /* line 62, sass/_footer.scss */
  .footer_bn li {
    padding: 0 0 3em 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center; }

  /* line 68, sass/_footer.scss */
  .footer_bn li:last-child {
    padding: 0 0 0 0; } }
/* -------------------------- フッター下部領域 ------------------------------------------- */
/* line 74, sass/_footer.scss */
.footer_bottom {
  width: 100%;
  padding: 2.5em 0;
  background: #000;
  color: #ffffff; }

/* line 80, sass/_footer.scss */
.footer_bottom .innerbox {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }

@media screen and (max-width: 750px), screen and (max-height: 450px) {
  /* line 98, sass/_footer.scss */
  .footer_bottom {
    padding-bottom: 1.5em; } }
/* リスト */
/* line 104, sass/_footer.scss */
.footer_bottom ul {
  list-style: none inside;
  font-size: 0.9em;
  line-height: 1.33em; }

/* リンク */
/* line 111, sass/_footer.scss */
.footer_bottom a {
  color: #ffffff; }
  /* line 113, sass/_footer.scss */
  .footer_bottom a:hover {
    color: #00e0ac; }

/* 会社情報 ------------------------------------------- */
/* 社名 */
/* line 121, sass/_footer.scss */
h2.footerinfo {
  width: 50%;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1em;
  position: relative; }
  @media screen and (max-width: 480px) {
    /* line 121, sass/_footer.scss */
    h2.footerinfo {
      width: 100%;
      text-align: center; } }
  /* line 131, sass/_footer.scss */
  h2.footerinfo .jp {
    display: block;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 0.55em;
    font-weight: 400;
    line-height: 1em;
    padding-top: 1em; }

/* 電話番号 */
/* line 142, sass/_footer.scss */
.tel {
  font-size: 2em;
  font-weight: 700;
  line-height: 1em;
  padding: 0.5em 0 0.1em 0; }

/* フッターナビゲーション ------------------------------------------- */
/* line 151, sass/_footer.scss */
.footernav {
  width: 50%;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }
  @media screen and (max-width: 480px) {
    /* line 151, sass/_footer.scss */
    .footernav {
      width: 100%;
      padding-top: 2em; } }

/* フッターメニュー */
/* line 162, sass/_footer.scss */
.footermenu {
  width: 100%;
  text-align: right; }
  @media screen and (max-width: 480px) {
    /* line 162, sass/_footer.scss */
    .footermenu {
      text-align: center; } }

/* line 169, sass/_footer.scss */
.footermenu li {
  display: inline-block;
  padding-left: 2em; }
  /* line 172, sass/_footer.scss */
  .footermenu li:first-child {
    padding-left: 0; }

/* フッターロゴ */
/* line 178, sass/_footer.scss */
.footer_logo {
  width: 100%;
  text-align: right; }

/* line 182, sass/_footer.scss */
.footer_logo img {
  max-width: 100%;
  height: auto; }

/* ===========================================================================================================
　　　　　　　　　右固定カラムコピーライト
=========================================================================================================== */
/* line 190, sass/_footer.scss */
#pagefooter {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #ffffff; }
  @media screen and (max-width: 750px), screen and (max-height: 450px) {
    /* line 190, sass/_footer.scss */
    #pagefooter {
      background: #00e0ac;
      padding-bottom: 2.5em; } }

/* line 198, sass/_footer.scss */
.copyright {
  font-family: "prometo", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.6em;
  letter-spacing: 0.2em;
  line-height: 1em;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70); }
  @media screen and (max-height: 480px) {
    /* line 198, sass/_footer.scss */
    .copyright {
      font-size: 0.4em; } }

@media screen and (max-width: 750px), screen and (max-height: 450px) {
  /* line 212, sass/_footer.scss */
  .copyright {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    text-align: center;
    line-height: 1em;
    padding: 0.5em 0;
    box-sizing: border-box; }

  /* line 219, sass/_footer.scss */
  .copyright img {
    display: none; }

  /* line 222, sass/_footer.scss */
  .copyright::before {
    content: attr(title); } }
@media screen and (max-width: 480px) {
  /* line 228, sass/_footer.scss */
  .copyright {
    letter-spacing: 0.2em; } }
/* ===========================================================================================================
　　　　　　　　　トップページメインカラム
=========================================================================================================== */
/* line 4, sass/_top.scss */
.home section,
.home .sec {
  width: 100%;
  box-sizing: border-box;
  padding: 100px 0;
  position: relative; }

@media screen and (max-width: 480px) {
  /* line 13, sass/_top.scss */
  .home section,
  .home .sec {
    padding: 50px 0; } }
/* 英語なしタイトル */
/* line 20, sass/_top.scss */
.topttl.noegttl {
  font-size: 2em;
  letter-spacing: 0.2em;
  line-height: 1em; }

/* -------------------------- セクションヘッダー ------------------------------------------- */
/* line 27, sass/_top.scss */
.sec_header {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  margin: 0;
  padding: 0 0 2em 0; }
  /* line 33, sass/_top.scss */
  .sec_header .btn {
    margin-bottom: 0; }
  /* line 36, sass/_top.scss */
  .sec_header .topttl {
    text-align: center; }
  /* line 39, sass/_top.scss */
  .sec_header p {
    text-align: center;
    margin-top: 2em; }

/* 見出し ------------------------------------------- */
/* line 46, sass/_top.scss */
.topttl {
  font-size: 1em;
  font-weight: 400;
  line-height: 1em;
  padding-bottom: 2em; }
  /* line 51, sass/_top.scss */
  .sec_header .topttl {
    padding-bottom: 0; }

/* 英語タイトル */
/* line 57, sass/_top.scss */
.topttl .egttl {
  display: block;
  font-size: 2em;
  line-height: 1em; }
  /* line 61, sass/_top.scss */
  .topttl .egttl:has(.jp) {
    padding-bottom: 0.5em; }

/* ボタン ------------------------------------------- */
/* line 67, sass/_top.scss */
.btn_list {
  position: absolute;
  top: 1.5em;
  right: 0; }

/* 画像 */
/* line 74, sass/_top.scss */
.btn_list img {
  width: 5em;
  max-width: 100%;
  height: auto; }

/* =============================== メインイメージ =================================================================== */
/* line 81, sass/_top.scss */
#topmain {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  /* -------------------------- 動画 ------------------------------------------- */
  /* -------------------------- 画像 ------------------------------------------- */ }
  /* line 84, sass/_top.scss */
  #topmain::after {
    content: " ";
    width: 40%;
    height: 40%;
    display: block;
    background-image: url(../../../images/fv_back.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -10%;
    left: -10%; }
    @media screen and (max-width: 480px) {
      /* line 84, sass/_top.scss */
      #topmain::after {
        width: 80%;
        height: 50%; } }
  /* line 100, sass/_top.scss */
  #topmain::before {
    content: " ";
    width: 40%;
    height: 40%;
    display: block;
    background-image: url(../../../images/fv_back02.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: -20%;
    right: -10%;
    z-index: 1;
    overflow: hidden; }
    @media screen and (max-width: 480px) {
      /* line 100, sass/_top.scss */
      #topmain::before {
        width: 80%;
        height: 50%;
        bottom: -7%;
        right: -10%; } }
  /* line 122, sass/_top.scss */
  #topmain .video_box {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100 ); }
    /* line 126, sass/_top.scss */
    #topmain .video_box .mainmv {
      object-fit: cover;
      object-position: 50% 50%;
      width: 100%;
      height: 100%;
      opacity: 0.5;
      filter: alpha(opacity=50); }
  /* line 133, sass/_top.scss */
  #topmain .mainimg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 2;
    background-image: url(../../../images/fv_icon_back.svg), url(../../../images/fv_image_back.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: calc(100% + 180px) -180px, center; }
    /* line 142, sass/_top.scss */
    #topmain .mainimg img {
      width: 80%;
      height: auto; }
      @media screen and (max-width: 1000px) {
        /* line 142, sass/_top.scss */
        #topmain .mainimg img {
          width: 100%; } }
      @media screen and (max-width: 750px) {
        /* line 142, sass/_top.scss */
        #topmain .mainimg img {
          width: 80%;
          margin: 0 auto;
          display: block; } }
      @media screen and (max-width: 480px) {
        /* line 142, sass/_top.scss */
        #topmain .mainimg img {
          width: 80%; } }

/* =============================== ABOUT US =================================================================== */
/* line 161, sass/_top.scss */
#top_works {
  position: relative; }
  /* line 163, sass/_top.scss */
  #top_works::after {
    content: " ";
    width: 50%;
    height: 50%;
    display: block;
    background-image: url(../../../images/work_back.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -10%;
    left: -10%; }
  /* line 175, sass/_top.scss */
  #top_works::before {
    content: " ";
    width: 50%;
    height: 50%;
    display: block;
    background-image: url(../../../images/work_back.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: -20%;
    right: -10%;
    overflow: hidden; }
  /* line 188, sass/_top.scss */
  #top_works .work_img {
    position: relative;
    z-index: 2; }

/* =============================== 新着情報 =================================================================== */
/* line 196, sass/_top.scss */
#news {
  background: #e1f8fe; }

/* 見出し */
/* line 201, sass/_top.scss */
#news .topttl {
  color: #5F6365; }

/* -------------------------- 記事エリア ------------------------------------------- */
/* line 206, sass/_top.scss */
.newsbox {
  width: 100%;
  position: relative; }

/* グリッド ------------------------------------------- */
/* line 212, sass/_top.scss */
.newsbox ul {
  list-style: none inside;
  width: 100%;
  position: relative;
  display: grid;
  grid-template-rows: 23em 23em;
  grid-template-columns: 1fr 27.66% 17% 17%;
  -ms-grid-rows: 23em 23em;
  -ms-grid-columns: 1fr 27.66% 17% 17%; }

/* line 222, sass/_top.scss */
.newsbox li {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  overflow: hidden; }

/* 各アイテム */
/* line 238, sass/_top.scss */
.newsbox li:nth-child(1) {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row-span: 2;
  padding-right: 2.08em; }

/* line 246, sass/_top.scss */
.newsbox li:nth-child(2) {
  grid-row: 1 / 3;
  grid-column: 2 / 3;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-row-span: 2;
  padding-right: 2.08em; }

/* line 254, sass/_top.scss */
.newsbox li:nth-child(3) {
  grid-row: 1 / 2;
  grid-column: 3 / 5;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  padding-bottom: 1.04em; }

/* line 262, sass/_top.scss */
.newsbox li:nth-child(4) {
  grid-row: 2 / 3;
  grid-column: 3 / 4;
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  padding-top: 1.04em;
  padding-right: 1.04em; }

/* line 270, sass/_top.scss */
.newsbox li:nth-child(5) {
  grid-row: 2 / 3;
  grid-column: 4 / 5;
  -ms-grid-row: 2;
  -ms-grid-column: 4;
  padding-top: 1.04em;
  padding-left: 1.04em; }

@media screen and (max-width: 750px), screen and (max-height: 450px) {
  /* line 280, sass/_top.scss */
  .newsbox ul {
    grid-template-rows: 46em 23em 23em;
    grid-template-columns: 50% 12.5% 12.5% 12.5% 12.5%;
    -ms-grid-rows: 46em 23em 23em;
    -ms-grid-columns: 50% 12.5% 12.5% 12.5% 12.5%; }

  /* 各アイテム */
  /* line 288, sass/_top.scss */
  .newsbox li:nth-child(1) {
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    padding-right: 1em;
    padding-bottom: 1em; }

  /* line 297, sass/_top.scss */
  .newsbox li:nth-child(2) {
    grid-row: 1 / 2;
    grid-column: 3 / 6;
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    padding-right: 0;
    padding-bottom: 1em; }

  /* line 306, sass/_top.scss */
  .newsbox li:nth-child(3) {
    grid-row: 2 / 3;
    grid-column: 1 / 6;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    padding-bottom: 1em; }

  /* line 314, sass/_top.scss */
  .newsbox li:nth-child(4) {
    grid-row: 3 / 4;
    grid-column: 1 / 2;
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    padding-top: 0;
    padding-right: 0.5em; }

  /* line 322, sass/_top.scss */
  .newsbox li:nth-child(5) {
    grid-row: 3 / 4;
    grid-column: 2 / 6;
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 4;
    padding-top: 0;
    padding-left: 0.5em; } }
@media screen and (max-width: 480px) {
  /* line 334, sass/_top.scss */
  .newsbox ul {
    grid-template-rows: 46em 30em 23em 23em;
    grid-template-columns: 50% 50%;
    -ms-grid-rows: 46em 30em 23em 23em;
    -ms-grid-columns: 50% 50%; }

  /* 各アイテム */
  /* line 342, sass/_top.scss */
  .newsbox li:nth-child(1) {
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    padding-right: 0;
    padding-bottom: 1em; }

  /* line 351, sass/_top.scss */
  .newsbox li:nth-child(2) {
    grid-row: 2 / 3;
    grid-column: 1 / 3;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    padding-right: 0; }

  /* line 359, sass/_top.scss */
  .newsbox li:nth-child(3) {
    grid-row: 3 / 4;
    grid-column: 1 / 3;
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2; }

  /* line 366, sass/_top.scss */
  .newsbox li:nth-child(4) {
    grid-row: 4 / 5;
    grid-column: 1 / 2;
    -ms-grid-row: 4;
    -ms-grid-column: 1; }

  /* line 372, sass/_top.scss */
  .newsbox li:nth-child(5) {
    grid-row: 4 / 5;
    grid-column: 2 / 3;
    -ms-grid-row: 4;
    -ms-grid-column: 2; } }
/* リンク ------------------------------------------- */
/* line 382, sass/_top.scss */
.newsbox a {
  width: 100%;
  position: relative;
  background: #009fe8;
  color: #000;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }

/* line 398, sass/_top.scss */
.newsbox a:hover {
  text-decoration: none; }

/* アイテム内レイアウト ------------------------------------------- */
/* line 403, sass/_top.scss */
.newsbox figure {
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

/* 文字 */
/* line 415, sass/_top.scss */
.newsbox figcaption {
  display: block;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 1em;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

/* line 434, sass/_top.scss */
.newsbox figcaption div {
  width: 100%;
  position: relative; }

/* 2番目の記事 */
/* line 440, sass/_top.scss */
.newsbox li:nth-child(2) figure {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
  align-content: space-between; }

@media screen and (max-width: 480px) {
  /* line 452, sass/_top.scss */
  .newsbox li:nth-child(2) figure {
    -ms-flex-direction: column;
    -webkit-box-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column; } }
/* 3番目の記事 */
/* line 462, sass/_top.scss */
.newsbox li:nth-child(3) figure {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }

/* line 472, sass/_top.scss */
.newsbox li:nth-child(3) figcaption {
  width: 50%; }

/* line 475, sass/_top.scss */
.newsbox li:nth-child(3) .newsimg {
  width: 50%; }

/* サムネイル画像 ------------------------------------------- */
/* line 481, sass/_top.scss */
.newsbox figure {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 0; }

/* line 487, sass/_top.scss */
.newsimg {
  display: block;
  width: 100%;
  position: relative;
  z-index: 2; }

/* line 493, sass/_top.scss */
.newsimg::before {
  display: block;
  content: ""; }

/* line 497, sass/_top.scss */
.newsimginner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

/* 各画像縦横比 */
/* line 507, sass/_top.scss */
.newsbox li:nth-child(1) .newsimg::before {
  padding-top: 100%; }

/* line 510, sass/_top.scss */
.newsbox li:nth-child(2) .newsimg::before {
  padding-top: 133.33%; }

/* line 513, sass/_top.scss */
.newsbox li:nth-child(4) .newsimg::before {
  padding-top: 100%; }

/* line 516, sass/_top.scss */
.newsbox li:nth-child(5) .newsimg::before {
  padding-top: 100%; }

@media screen and (max-width: 750px), screen and (max-height: 450px) {
  /* line 521, sass/_top.scss */
  .newsbox li:nth-child(4) .newsimg::before {
    padding-top: 50%; }

  /* line 524, sass/_top.scss */
  .newsbox li:nth-child(5) .newsimg::before {
    padding-top: 50%; } }
@media screen and (max-width: 480px) {
  /* line 530, sass/_top.scss */
  .newsbox li:nth-child(1) .newsimg::before {
    padding-top: 100%; }

  /* line 533, sass/_top.scss */
  .newsbox li:nth-child(2) .newsimg::before {
    padding-top: 60%; }

  /* line 536, sass/_top.scss */
  .newsbox li:nth-child(4) .newsimg::before {
    padding-top: 100%; }

  /* line 539, sass/_top.scss */
  .newsbox li:nth-child(5) .newsimg::before {
    padding-top: 100%; } }
/* 日付 ------------------------------------------- */
/* line 545, sass/_top.scss */
.newsbox a .date {
  width: 100%;
  display: block;
  font-size: 2em;
  font-weight: 200;
  line-height: 1em;
  color: #ffffff;
  padding-bottom: 0.2em; }

/* line 554, sass/_top.scss */
.newsbox a .date .year {
  display: inline-block;
  padding-right: 0.5em;
  font-size: 0.625em; }

/* タイトル ------------------------------------------- */
/* line 561, sass/_top.scss */
.newsttl {
  width: 100%;
  display: block;
  line-height: 2em;
  overflow: hidden; }

/* .newsttl::before{
	content: "…";
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	position: absolute;
	right: 0;
	bottom: 0;
	background: $mc;
	padding: 0 0.5em 0.25em 0.1em;
} */
/* line 579, sass/_top.scss */
.newsttl::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 2em;
  line-height: 2em;
  background: #009fe8; }

/* line 588, sass/_top.scss */
.newsbox li:nth-child(1) .newsttl {
  max-height: 3.5em; }

/* line 591, sass/_top.scss */
.newsbox li:nth-child(2) .newsttl {
  max-height: 8.5em; }

/* line 594, sass/_top.scss */
.newsbox li:nth-child(2) .newsttl::before {
  bottom: 1em; }

/* line 597, sass/_top.scss */
.newsbox li:nth-child(3) .newsttl {
  max-height: 18.5em; }

/* line 600, sass/_top.scss */
.newsbox li:nth-child(3) .newsttl::before {
  bottom: 1em; }

/* line 604, sass/_top.scss */
.newsbox li:nth-child(4) .newsttl, .newsbox li:nth-child(5) .newsttl {
  width: 14em;
  height: 1.5em; }

/* line 608, sass/_top.scss */
.newsbox li:nth-child(n + 6) {
  display: none; }

/* =============================== ブログ =================================================================== */
/* line 613, sass/_top.scss */
#blog {
  background: #ffffff; }

/* 見出し */
/* line 618, sass/_top.scss */
#blog .topttl {
  color: #009fe8; }

/* =============================== バナー =================================================================== */
/* line 624, sass/_top.scss */
#bn {
  background: #009fe8;
  color: #ffffff; }

/* -------------------------- 一覧エリア ------------------------------------------- */
/* line 630, sass/_top.scss */
#bn ul {
  list-style: none inside;
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

/* line 645, sass/_top.scss */
#bn li {
  width: 23.4%;
  font-size: 1em;
  line-height: 1.5em;
  text-align: center; }

@media screen and (max-width: 750px) {
  /* line 653, sass/_top.scss */
  #bn li {
    width: 46%;
    padding-bottom: 5em; }

  /* line 657, sass/_top.scss */
  #bn ul li:nth-child(n+3) {
    padding-bottom: 0; } }
/* 画像 */
/* line 663, sass/_top.scss */
#bn figure img {
  width: 100%;
  height: auto;
  margin-bottom: 1em; }

/* =============================== 院内研修 =================================================================== */
/* line 671, sass/_top.scss */
#training {
  background: #fff;
  color: #009fe8; }

/* -------------------------- 一覧エリア ------------------------------------------- */
/* line 677, sass/_top.scss */
#training ul {
  list-style: none inside;
  width: 100%;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

/* line 692, sass/_top.scss */
#training li {
  width: 31.9%;
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.5em;
  text-align: center;
  padding: 2.08em;
  padding-bottom: 6.24em;
  position: relative;
  background: #ffffff;
  border: #009fe8 solid 0.4167em; }

@media screen and (max-width: 750px) {
  /* line 706, sass/_top.scss */
  #training li {
    font-size: 1.5em;
    line-height: 1.5em;
    width: 100%;
    padding-bottom: 8em;
    margin-bottom: 5em; } }
@media screen and (max-width: 480px) {
  /* line 716, sass/_top.scss */
  #training li {
    font-size: 1em;
    line-height: 1.5em; } }
/* 見出し */
/* line 723, sass/_top.scss */
#training li h3 {
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1em;
  padding-bottom: 1.8em; }

/* 画像 */
/* line 731, sass/_top.scss */
#training li img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1em; }

/* 段落 */
@media screen and (max-width: 1400px) {
  /* line 739, sass/_top.scss */
  #training li .center {
    text-align: left; }

  /* line 742, sass/_top.scss */
  #training li .center span {
    display: inline; } }
@media screen and (max-width: 750px) {
  /* line 748, sass/_top.scss */
  #training li .center {
    text-align: center; }

  /* line 751, sass/_top.scss */
  #training li .center span {
    display: block; } }
/* ボタン ------------------------------------------- */
/* line 758, sass/_top.scss */
#training li .btn_dtl {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 2.08em; }

/* 画像 */
/* line 769, sass/_top.scss */
#training li .btn_dtl img {
  margin-bottom: 0;
  width: 34.67%;
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 1400px) {
  /* line 777, sass/_top.scss */
  #training li .btn_dtl img {
    width: 40%; } }
@media screen and (max-width: 1000px) {
  /* line 784, sass/_top.scss */
  #training li .btn_dtl img {
    width: 70%; } }
@media screen and (max-width: 750px) {
  /* line 790, sass/_top.scss */
  #training li .btn_dtl img {
    width: 34.67%; } }
@media screen and (max-width: 480px) {
  /* line 797, sass/_top.scss */
  #training li .btn_dtl img {
    width: 50%; } }
/* =============================== 公開セミナー =================================================================== */
/* line 804, sass/_top.scss */
#seminar {
  background: #ffffff; }

/* 見出し */
/* line 809, sass/_top.scss */
#seminar .topttl {
  color: #009fe8; }

/* -------------------------- 一覧エリア ------------------------------------------- */
/* line 815, sass/_top.scss */
#seminar ul {
  list-style: none inside;
  width: 100%;
  position: relative; }

/* line 820, sass/_top.scss */
#seminar li {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 2.08em;
  background: #e1f8fe; }

/* line 826, sass/_top.scss */
#seminar figure {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }

/* line 843, sass/_top.scss */
#seminar figure span {
  width: 31.9%; }

/* line 846, sass/_top.scss */
#seminar figure figcaption {
  width: 68.1%;
  box-sizing: border-box;
  padding: 4.167em; }

@media screen and (max-width: 750px) {
  /* line 853, sass/_top.scss */
  #seminar figure span {
    width: 100%; }

  /* line 856, sass/_top.scss */
  #seminar figure figcaption {
    width: 100%;
    padding: 2em; } }
/* テキスト ------------------------------------------- */
/* 見出し */
/* line 866, sass/_top.scss */
#seminar h3 {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5em;
  padding-bottom: 1em;
  color: #009fe8; }

/* 強調 */
/* line 875, sass/_top.scss */
#seminar strong {
  color: #009fe8;
  font-weight: 500;
  display: block; }

/* 段落 */
/* line 882, sass/_top.scss */
#seminar a figcaption {
  color: #000; }

/* line 885, sass/_top.scss */
#seminar a figcaption p:last-child {
  padding-bottom: 0; }

/* マウスオーバー ------------------------------------------- */
/* line 890, sass/_top.scss */
#seminar li a {
  display: block;
  width: 100%;
  position: relative;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

/* line 900, sass/_top.scss */
#seminar li a:hover {
  text-decoration: none;
  background: #009fe8;
  color: #ffffff; }

/* line 905, sass/_top.scss */
#seminar a:hover figcaption h3, #seminar a:hover figcaption strong, #seminar a:hover figcaption p {
  color: #ffffff; }

/* 画像 ------------------------------------------- */
/* line 910, sass/_top.scss */
#seminar img.img_max100 {
  object-position: 0 50%;
  font-family: 'object-fit: cover; object-position: 0 50%;'; }

/* =============================== 講師紹介 =================================================================== */
/* line 916, sass/_top.scss */
#product {
  background: #009fe8;
  padding-bottom: 0; }

/* 見出し */
/* line 922, sass/_top.scss */
#product .topttl {
  color: #ffffff; }

/* -------------------------- あいさつメイン ------------------------------------------- */
/* line 927, sass/_top.scss */
.wdbox_main {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }

/* line 944, sass/_top.scss */
.wdbox_main .txtbox, .wdbox_main .imgbox {
  width: 50%;
  box-sizing: border-box;
  position: relative; }

@media screen and (max-width: 750px) {
  /* line 951, sass/_top.scss */
  .wdbox_main .txtbox, .wdbox_main .imgbox, .wdbox_main .txtbox div {
    width: 100%; } }
/* テキスト ------------------------------------------- */
/* line 957, sass/_top.scss */
.wdbox_main .txtbox {
  padding: 2.08em;
  color: #ffffff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

/* 見出し */
/* line 971, sass/_top.scss */
.wdbox_main .txtbox h3 {
  font-size: 3.75em;
  font-weight: 500;
  line-height: 1.25em;
  padding-bottom: 0.5em; }

/* line 977, sass/_top.scss */
.wdbox_main .txtbox h3 small {
  display: block;
  font-size: 0.53em;
  font-weight: 400; }

/* line 982, sass/_top.scss */
.wdbox_main .txtbox h4 {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5em;
  padding-bottom: 0.1em;
  border-bottom: #009fe8 solid 2px;
  margin-bottom: 0.5em; }

@media screen and (max-width: 480px) {
  /* line 992, sass/_top.scss */
  .wdbox_main .txtbox h3 {
    font-size: 2em; } }
/* 段落 */
/* line 998, sass/_top.scss */
.wdbox_main .txtbox p {
  line-height: 2em; }

/* 背景カラーボックス */
/* line 1003, sass/_top.scss */
.topbgbox {
  width: 100%;
  box-sizing: border-box;
  padding: 2em;
  font-size: 0.8em;
  background: rgba(255, 255, 255, 0.6);
  color: #009fe8; }

@media screen and (max-width: 1000px) {
  /* line 1013, sass/_top.scss */
  .wdbox_main .txtbox p {
    font-size: 1em;
    line-height: 2em; }

  /* line 1017, sass/_top.scss */
  .topbgbox {
    font-size: 0.9em; } }
/* リスト */
/* line 1023, sass/_top.scss */
.wdbox_main .txtbox ul {
  list-style: none inside; }

/* ボタン ------------------------------------------- */
/* line 1028, sass/_top.scss */
.wdbox_main .btn_dtl {
  padding-top: 3em;
  text-align: right; }

/* line 1032, sass/_top.scss */
.wdbox_main .btn_dtl img {
  width: 20.5%;
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 1500px) {
  /* line 1039, sass/_top.scss */
  .wdbox_main .btn_dtl img {
    width: 25%; } }
@media screen and (max-width: 1000px) {
  /* line 1045, sass/_top.scss */
  .wdbox_main .btn_dtl img {
    width: 36%; } }
@media screen and (max-width: 750px) {
  /* line 1052, sass/_top.scss */
  .wdbox_main .btn_dtl img {
    width: 25%; } }
@media screen and (max-width: 480px) {
  /* line 1058, sass/_top.scss */
  .wdbox_main .btn_dtl {
    padding-top: 2em; }

  /* line 1061, sass/_top.scss */
  .wdbox_main .btn_dtl img {
    width: 40%; } }
/* ボタン色 */
/* line 1069, sass/_top.scss */
.wdbox_main .btn_dtl img {
  -webkit-filter: grayscale(100%) brightness(2);
  -moz-filter: grayscale(100%) brightness(2);
  -o-filter: grayscale(100%) brightness(2);
  -ms-filter: grayscale(100%) brightness(2);
  filter: grayscale(100%) brightness(2); }

/* 画像 ------------------------------------------- */
/* line 1078, sass/_top.scss */
.wdbox_main .imgbox {
  position: relative; }

/* -------------------------- あいさつサブ ------------------------------------------- */
/* line 1084, sass/_top.scss */
.wdsubarea {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }

/* line 1101, sass/_top.scss */
.wdbox_sub {
  width: 50%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }

/* line 1114, sass/_top.scss */
.wdbox_sub .txtbox, .wdbox_sub .imgbox {
  width: 50%;
  box-sizing: border-box;
  position: relative; }

@media screen and (min-width: 1001px) {
  /* line 1121, sass/_top.scss */
  .wdbox_sub {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; } }
@media screen and (max-width: 1000px) {
  /* line 1130, sass/_top.scss */
  .wdbox_sub .txtbox, .wdbox_sub .imgbox {
    width: 100%; } }
@media screen and (max-width: 480px) {
  /* line 1136, sass/_top.scss */
  .wdbox_sub {
    width: 100%; } }
/* 各色 ------------------------------------------- */
/* line 1142, sass/_top.scss */
.wdsubarea .wdbox_sub:nth-child(1) {
  background: #00e0ac;
  color: #009fe8; }

/* line 1146, sass/_top.scss */
.wdsubarea .wdbox_sub:nth-child(2) {
  background: #ffffff; }

/* line 1149, sass/_top.scss */
.wdsubarea .wdbox_sub:nth-child(3) {
  background: #009fe8;
  color: #ffffff; }

/* line 1153, sass/_top.scss */
.wdsubarea .wdbox_sub:nth-child(4) {
  background: #f3f3f3; }

/* テキスト ------------------------------------------- */
/* line 1158, sass/_top.scss */
.wdbox_sub .txtbox {
  padding: 2.08em; }

/* 見出し */
/* line 1163, sass/_top.scss */
.wdbox_sub .txtbox h3 {
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1em;
  padding-bottom: 0.5em; }

/* line 1169, sass/_top.scss */
.wdbox_sub .txtbox h3 small {
  display: block;
  padding-top: 0.5em;
  font-size: 0.5em;
  font-weight: 400; }

/* 段落 */
/* line 1177, sass/_top.scss */
.wdbox_sub .txtbox p {
  line-height: 1.6em; }

/* line 1180, sass/_top.scss */
.wdbox_sub .txtbox p:last-child {
  padding-bottom: 0; }

@media screen and (max-width: 1500px) {
  /* line 1185, sass/_top.scss */
  .wdbox_sub .txtbox p {
    line-height: 1.6em; } }
@media screen and (max-width: 1000px) {
  /* line 1191, sass/_top.scss */
  .wdbox_sub .txtbox p {
    font-size: 1em;
    line-height: 1.6em; } }
/* ボタン ------------------------------------------- */
/* line 1199, sass/_top.scss */
.wdbox_sub .btn_dtl {
  width: 100%;
  position: relative;
  text-align: right;
  padding-top: 2em; }

/* line 1205, sass/_top.scss */
.wdbox_sub .btn_dtl img {
  width: 45%;
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 1500px) {
  /* line 1212, sass/_top.scss */
  .wdbox_sub .btn_dtl img {
    width: 50%; } }
@media screen and (max-width: 1000px) {
  /* line 1218, sass/_top.scss */
  .wdbox_sub .btn_dtl img {
    width: 36%; } }
@media screen and (max-width: 750px) {
  /* line 1224, sass/_top.scss */
  .wdbox_sub .btn_dtl {
    padding-top: 1em; }

  /* line 1227, sass/_top.scss */
  .wdbox_sub .btn_dtl img {
    width: 40%; } }
/* 各ボタン色 */
/* line 1233, sass/_top.scss */
.wdsubarea .wdbox_sub:nth-child(2n) .btn_dtl img {
  -webkit-filter: grayscale(100%) brightness(0.5);
  -moz-filter: grayscale(100%) brightness(0.5);
  -o-filter: grayscale(100%) brightness(0.5);
  -ms-filter: grayscale(100%) brightness(0.5);
  filter: grayscale(100%) brightness(0.5); }

/* line 1240, sass/_top.scss */
.wdsubarea .wdbox_sub:nth-child(3) .btn_dtl img {
  -webkit-filter: grayscale(100%) brightness(2);
  -moz-filter: grayscale(100%) brightness(2);
  -o-filter: grayscale(100%) brightness(2);
  -ms-filter: grayscale(100%) brightness(2);
  filter: grayscale(100%) brightness(2); }

/* 画像 ------------------------------------------- */
/* line 1249, sass/_top.scss */
.wdbox_sub .imgbox {
  position: relative; }

@media screen and (max-width: 1000px) {
  /* line 1254, sass/_top.scss */
  .wdbox_sub .imgbox img {
    width: 100% !important;
    height: auto !important; } }
/* ===========================================================================================================
　　　　　　　　　下層ページメインカラム
=========================================================================================================== */
/* ページヘッダー ------------------------------------------- */
/* line 8, sass/page/_pages.scss */
.page-header {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5em 0;
  background: #f3f3f3;
  /* ボタン */ }
  /* line 15, sass/page/_pages.scss */
  .page-header:has(.btn) .innerbox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    /* line 17, sass/page/_pages.scss */
    .page-header:has(.btn) .innerbox .btn {
      margin-bottom: 0; }
      @media screen and (max-width: 480px) {
        /* line 19, sass/page/_pages.scss */
        .works-template-default .page-header:has(.btn) .innerbox .btn {
          width: 100%;
          text-align: right; } }

/* ページタイトル */
/* line 31, sass/page/_pages.scss */
.page-title {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1em; }
  /* line 37, sass/page/_pages.scss */
  .page-title:not(+ .btn) {
    width: 100%; }
  /* line 40, sass/page/_pages.scss */
  .page-title .egttl {
    display: inline-block;
    font-size: 4em;
    line-height: 1em;
    letter-spacing: 0.2em; }
    @media screen and (max-width: 480px) {
      /* line 40, sass/page/_pages.scss */
      .page-title .egttl {
        display: block;
        font-size: 3em;
        padding-bottom: 0.5em; } }
  /* line 51, sass/page/_pages.scss */
  .page-title .jp {
    font-size: 1.5em;
    padding-left: 1em; }
    @media screen and (max-width: 480px) {
      /* line 51, sass/page/_pages.scss */
      .page-title .jp {
        display: block;
        padding-left: 0; } }

/* ===========================================================================================================
　　　　　　　　　各下層ページ
=========================================================================================================== */
@media screen and (max-width: 480px) {
  /* line 65, sass/page/_pages.scss */
  .center.spleft {
    text-align: left; } }
/* =============================== 404エラー =================================================================== */
/* line 71, sass/page/_pages.scss */
.error404 .page-content .search-form {
  margin: 2em auto 10em auto; }

/* =============================== 会社概要 =================================================================== */
/* line 76, sass/page/_pages.scss */
.companypage-ctt .sec {
  width: 100%;
  padding: 7.14em 0; }

/* メイン画像 */
/* line 82, sass/page/_pages.scss */
.companypage-ctt .parts-100img {
  padding-bottom: 0; }

/* -------------------------- あいさつ ------------------------------------------- */
/* キャッチコピー ------------------------------------------- */
/* line 88, sass/page/_pages.scss */
.companypage-ctt p.parts-copy {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5em;
  padding-bottom: 1em; }

@media screen and (max-width: 750px) {
  /* line 96, sass/page/_pages.scss */
  .companypage-ctt p.parts-copy {
    font-size: 1.3em; } }
/* 名前 ------------------------------------------- */
/* line 102, sass/page/_pages.scss */
.words_name {
  width: 100%;
  font-weight: 700;
  line-height: 1.5em;
  text-align: right;
  padding-top: 2em;
  padding-bottom: 0; }

/* -------------------------- 会社概要 ------------------------------------------- */
/* line 112, sass/page/_pages.scss */
.compinfo {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  box-sizing: border-box; }

/* リスト */
/* line 120, sass/page/_pages.scss */
.compinfo ul {
  width: 100%;
  position: relative; }

/* line 124, sass/page/_pages.scss */
.compinfo li {
  list-style: none inside;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin-bottom: 2px; }

/* line 139, sass/page/_pages.scss */
.infottl, .infoctt {
  padding: 1.5em;
  box-sizing: border-box; }

/* line 143, sass/page/_pages.scss */
.infottl {
  width: 30%;
  background: #009fe8;
  color: #ffffff;
  font-weight: 400; }

/* line 149, sass/page/_pages.scss */
.infoctt {
  width: 70%;
  background: #ffffff;
  color: #009fe8; }

/* line 154, sass/page/_pages.scss */
.infoctt a {
  text-decoration: underline; }

@media screen and (max-width: 750px) {
  /* line 159, sass/page/_pages.scss */
  .infottl, .infoctt {
    display: block;
    font-size: 1em;
    width: 100%;
    text-align: left; } }
/* -------------------------- Googleマップ ------------------------------------------- */
/* line 168, sass/page/_pages.scss */
.gmap {
  margin: 4em auto; }

/* line 171, sass/page/_pages.scss */
#googlemaps iframe {
  width: 100%;
  height: 750px;
  height: 50vw;
  max-height: 750px; }

/* =============================== 個人情報 =================================================================== */
/* line 179, sass/page/_pages.scss */
.privacy-template .entry-content h3 {
  padding-top: 3.57em;
  font-size: 2em;
  font-weight: 700;
  line-height: 1.5em;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: #009fe8 solid 3px; }

/* line 188, sass/page/_pages.scss */
.privacy-template .entry-content h3:first-child {
  padding-top: 0; }

/* =============================== お客様の声 =================================================================== */
/* -------------------------- お客様情報 ------------------------------------------- */
/* line 195, sass/page/_pages.scss */
.voice_info {
  width: 100%;
  padding-bottom: 4em;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  position: relative; }

/* 画像 ------------------------------------------- */
/* line 216, sass/page/_pages.scss */
.vinfoimg {
  width: 33.34%;
  position: relative; }

/* line 220, sass/page/_pages.scss */
.vinfoimg img {
  max-width: 100%;
  height: auto; }

@media screen and (max-width: 480px) {
  /* line 226, sass/page/_pages.scss */
  .vinfoimg {
    width: 100%;
    padding-bottom: 1em;
    text-align: center; }

  /* line 231, sass/page/_pages.scss */
  .vinfoimg img {
    width: 65%;
    height: auto; } }
/* テキスト ------------------------------------------- */
/* line 239, sass/page/_pages.scss */
.vinfotxt {
  width: 64%;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

/* line 251, sass/page/_pages.scss */
.vinfotxt div {
  width: 100%; }

@media screen and (max-width: 480px) {
  /* line 256, sass/page/_pages.scss */
  .vinfotxt {
    width: 100%; } }
/* 見出し */
/* line 262, sass/page/_pages.scss */
.voice_ttl {
  font-size: 2.5em;
  font-weight: 300;
  line-height: 1.4em;
  padding-bottom: 1em;
  width: 100%; }

@media screen and (max-width: 480px) {
  /* line 271, sass/page/_pages.scss */
  .voice_ttl {
    font-size: 2em;
    line-height: 1.4em; } }
/* 名前 */
/* line 278, sass/page/_pages.scss */
.freepage-ctt p.vname {
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1em;
  padding-bottom: 0.5em;
  border-bottom: #009fe8 solid 2px;
  color: #009fe8;
  margin-bottom: 0.5em;
  width: 100%; }

/* プロフィール・説明など */
/* line 290, sass/page/_pages.scss */
.freepage-ctt p.vinfo {
  font-weight: 700;
  line-height: 1.5em;
  padding-bottom: 0.5em;
  color: #5F6365;
  width: 100%; }

/* サブ情報 */
/* line 299, sass/page/_pages.scss */
.freepage-ctt p.voice_subinfo {
  line-height: 1.5em;
  padding-bottom: 0;
  color: #5F6365;
  width: 100%; }

/* -------------------------- インタビュー ------------------------------------------- */
/* 質問 */
/* line 309, sass/page/_pages.scss */
.voice_q {
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.5em;
  color: #009fe8;
  padding-bottom: 0.5em;
  text-indent: -1em;
  padding-left: 1em; }

/* line 318, sass/page/_pages.scss */
.voice_q::before {
  content: "\f130";
  font-family: FontAwesome;
  padding-right: 0.3em;
  opacity: 0.7; }

/* 回答 */
/* line 326, sass/page/_pages.scss */
.voice_a {
  text-indent: -1.6em;
  padding-left: 1.6em; }

/* line 330, sass/page/_pages.scss */
.voice_a::before {
  content: "\f007";
  font-size: 1.6em;
  font-family: FontAwesome;
  padding-right: 0.3em;
  opacity: 0.3; }

/* =============================== パーツ非表示設定 =================================================================== */
/* line 339, sass/page/_pages.scss */
#point figcaption,
.category-seminar #main_content .date {
  display: block; }

/* =============================== コンテンツ詳細 =================================================================== */
/* line 345, sass/page/_pages.scss */
.single-detail .freepage-ctt .sec {
  padding: 3.5em 0; }

/* -------------------------- トップ ------------------------------------------- */
/* line 350, sass/page/_pages.scss */
.dtltop {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }

/* -------------------------- 概要情報エリア ------------------------------------------- */
/* line 369, sass/page/_pages.scss */
.dtlinfo {
  width: 30%; }

@media screen and (max-width: 1000px) {
  /* line 374, sass/page/_pages.scss */
  .dtlinfo {
    width: 40%; } }
@media screen and (max-width: 480px) {
  /* line 381, sass/page/_pages.scss */
  .dtlinfo {
    width: 100%;
    padding-top: 2em; } }
/* 価格等 */
/* line 389, sass/page/_pages.scss */
.freepage-ctt .dtlinfo p.parts-copy {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5em;
  padding-bottom: 1em; }

/* ボタン */
/* line 397, sass/page/_pages.scss */
.cartbtn a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 500px;
  padding: 1em;
  background: #009fe8;
  color: #ffffff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  text-align: center; }

/* line 412, sass/page/_pages.scss */
.cartbtn a:hover {
  text-decoration: none;
  background: #7ca9ca; }

/* -------------------------- トップ画像エリア ------------------------------------------- */
/* line 418, sass/page/_pages.scss */
.dtlimg {
  width: 68%;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

@media screen and (max-width: 1000px) {
  /* line 434, sass/page/_pages.scss */
  .dtlimg {
    width: 58%; } }
@media screen and (max-width: 480px) {
  /* line 440, sass/page/_pages.scss */
  .dtlimg {
    width: 100%; } }
/* メイン画像 ------------------------------------------- */
/* line 446, sass/page/_pages.scss */
.dtl_mainimg {
  width: 58.5%; }

/* line 449, sass/page/_pages.scss */
.dtl_mainimg img {
  width: 100%;
  height: auto; }

/* サブ画像無 */
/* line 455, sass/page/_pages.scss */
.nosubimg .dtl_mainimg {
  width: 100%; }

@media screen and (max-width: 750px) {
  /* line 460, sass/page/_pages.scss */
  .dtl_mainimg {
    width: 100%; } }
/* サブ画像 ------------------------------------------- */
/* line 467, sass/page/_pages.scss */
.dtl_subimg {
  list-style: none inside;
  width: 39.5%;
  position: relative;
  overflow: hidden;
  zoom: 1; }

/* line 474, sass/page/_pages.scss */
.dtl_subimg li {
  float: left;
  width: 50%;
  position: relative;
  box-sizing: border-box;
  margin: 0.5em 0; }

/* line 481, sass/page/_pages.scss */
.dtl_subimg li::before {
  content: "";
  display: block;
  padding-top: 90%; }

/* line 486, sass/page/_pages.scss */
.dtl_subimg li a {
  display: block;
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  bottom: 0;
  margin: auto; }

@media screen and (max-width: 750px) {
  /* line 497, sass/page/_pages.scss */
  .dtl_subimg {
    width: 100%;
    margin-top: 2em; }

  /* line 501, sass/page/_pages.scss */
  .dtl_subimg li {
    width: 16.66%; } }
@media screen and (max-width: 600px) {
  /* line 507, sass/page/_pages.scss */
  .dtl_subimg li {
    width: 33.33%; } }
/* -------------------------- 説明エリア ------------------------------------------- */
/* line 513, sass/page/_pages.scss */
.single-detail .sec .parts-h4 {
  color: #000; }

/* line 516, sass/page/_pages.scss */
.single-detail .sec .parts-h4:first-child {
  padding-top: 0; }

/* line 519, sass/page/_pages.scss */
.single-detail .freepage-ctt .sec p:last-child, .single-detail .box_imglefttxt, .single-detail .box_imgrighttxt {
  padding-bottom: 0; }

/* 幅狭 */
/* line 524, sass/page/_pages.scss */
.widthmin {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }

/* 背景つきエリア */
/* line 531, sass/page/_pages.scss */
.single-detail .bbox {
  background: #e1f8fe;
  color: #000;
  margin-bottom: 2em; }

/* 注釈 */
/* line 538, sass/page/_pages.scss */
.single-detail .note {
  opacity: 0.7;
  font-size: 0.9em;
  font-weight: 200; }

/* =======================================================================================================================
　　　　　　　　　フリーページ（カスタムフィールド）
======================================================================================================================= */
/* line 4, sass/page/free/_freebackground.scss */
.freepage-ctt {
  padding-top: 0;
  padding-bottom: 0; }
  /* line 7, sass/page/free/_freebackground.scss */
  .freepage-ctt .sec {
    width: 100%;
    padding: 7.14em 0; }

/* 最大幅800px */
/* line 14, sass/page/free/_freebackground.scss */
.max800px {
  margin: 0 auto; }
  @media screen and (min-width: 800px) {
    /* line 14, sass/page/free/_freebackground.scss */
    .max800px {
      width: 50%; } }

/* 最大幅1500px */
/* line 22, sass/page/free/_freebackground.scss */
.max1500px {
  margin: 0 auto; }
  @media screen and (min-width: 1500px) {
    /* line 22, sass/page/free/_freebackground.scss */
    .max1500px {
      width: 80%; } }

/* =============== 背景色 ========================================================= */
/* line 31, sass/page/free/_freebackground.scss */
.sec_bg1 {
  background: #f3f3f3; }
  /* line 33, sass/page/free/_freebackground.scss */
  .sec_bg1:first-child {
    padding-top: 0; }

/* line 37, sass/page/free/_freebackground.scss */
.sec_bg2 {
  background: #ffffff; }

/* line 40, sass/page/free/_freebackground.scss */
.sec_bg3 {
  background: #009fe8;
  color: #ffffff; }
  /* line 43, sass/page/free/_freebackground.scss */
  .sec_bg3 a {
    color: #e1f8fe; }
    /* line 45, sass/page/free/_freebackground.scss */
    .sec_bg3 a:hover {
      color: #5F6365; }
  /* line 49, sass/page/free/_freebackground.scss */
  .sec_bg3 .table_list ul li {
    border-top: #ffffff solid 0.1em; }
    /* line 51, sass/page/free/_freebackground.scss */
    .sec_bg3 .table_list ul li:last-child {
      border-bottom: #ffffff solid 0.1em; }
  /* line 55, sass/page/free/_freebackground.scss */
  .sec_bg3 .table_list ul li .tablelist_th {
    width: 30%;
    font-weight: 400;
    border-right: #ffffff dashed 0.1em; }

/* 同じ背景色のセクションが続いたときに余白をなくす */
/* line 63, sass/page/free/_freebackground.scss */
.sec_bg1 + .sec_bg1, .sec_bg2 + .sec_bg2, .sec_bg3 + .sec_bg3 {
  padding-top: 0 !important; }

/* =============== テキスト ========================================================= */
/* 大きな数字 */
/* line 4, sass/page/free/_freetext.scss */
.lnmb {
  font-family: "prometo", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2em;
  font-weight: normal;
  display: block;
  line-height: 1em;
  padding-bottom: 0.2em; }

/* 左寄せ・幅指定中央配置テキスト */
/* line 14, sass/page/free/_freetext.scss */
.centerbox {
  max-width: 800px;
  margin: 0 auto; }

/* ランキング */
/* line 20, sass/page/free/_freetext.scss */
.ranking {
  list-style: none inside;
  background: #ffffff;
  padding: 2em;
  box-sizing: border-box;
  font-size: 1.3em;
  max-width: 30em;
  letter-spacing: 0; }
  @media screen and (max-width: 480px) {
    /* line 20, sass/page/free/_freetext.scss */
    .ranking {
      padding: 1.3em; } }
  /* line 31, sass/page/free/_freetext.scss */
  .ranking li {
    padding-bottom: 1em; }
    /* line 33, sass/page/free/_freetext.scss */
    .ranking li:last-child {
      padding-bottom: 0; }

/* line 38, sass/page/free/_freetext.scss */
.ranknmb {
  display: inline-block;
  font-size: 2em;
  color: rgba(0, 0, 0, 0.3);
  padding-right: 0.5em; }
  @media screen and (max-width: 480px) {
    /* line 38, sass/page/free/_freetext.scss */
    .ranknmb {
      font-size: 1em; } }

/* ------------ 見出し -------------------------------- */
/* line 49, sass/page/free/_freetext.scss */
.parts-h3 {
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: 0.2em;
  padding-bottom: 2em;
  text-align: center; }
  /* line 56, sass/page/free/_freetext.scss */
  .parts-h3:has(.lnmb) {
    font-size: 1.25em;
    padding-bottom: 3em; }

/* line 61, sass/page/free/_freetext.scss */
.parts-h4 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.5em;
  padding-top: 3em;
  padding-bottom: 1em; }
  @media screen and (max-width: 750px) {
    /* line 61, sass/page/free/_freetext.scss */
    .parts-h4 {
      font-size: 1.3em; } }

/* ------------ 段落・テキスト -------------------------------- */
/* line 75, sass/page/free/_freetext.scss */
.freepage-ctt .sec p {
  padding-bottom: 4em;
  /* 余白小さめ */
  /* 強調 -------------------------------- */
  /* 注釈 -------------------------------- */ }
  /* line 79, sass/page/free/_freetext.scss */
  .freepage-ctt .sec p.btmmin {
    padding-bottom: 2em; }
  /* line 84, sass/page/free/_freetext.scss */
  .freepage-ctt .sec p.parts-copy {
    font-size: 1.6em;
    line-height: 1.5em;
    padding-bottom: 1em; }
    /* line 88, sass/page/free/_freetext.scss */
    .freepage-ctt .sec p.parts-copy:last-child {
      padding-bottom: 0; }
    @media screen and (max-width: 750px) {
      /* line 84, sass/page/free/_freetext.scss */
      .freepage-ctt .sec p.parts-copy {
        font-size: 1.5em; } }
  /* line 97, sass/page/free/_freetext.scss */
  .freepage-ctt .sec p.note {
    opacity: 0.6;
    font-size: 0.9em;
    line-height: 1.7em;
    padding-bottom: 4em;
    padding-left: 1.2em;
    width: 100%;
    max-width: 1500px;
    box-sizing: border-box;
    margin: 0 auto; }
    /* line 107, sass/page/free/_freetext.scss */
    .freepage-ctt .sec p.note:last-child {
      padding-bottom: 0; }
    /* line 110, sass/page/free/_freetext.scss */
    .freepage-ctt .sec p.note::before {
      display: inline-block;
      content: "※";
      padding-right: 0.2em;
      text-indent: -1em; }

/* やや小さめ強調 */
/* line 122, sass/page/free/_freetext.scss */
.strong {
  font-size: 1.3em;
  font-weight: 700;
  line-height: 2em; }

/* =============== ブロック ========================================================= */
/* line 3, sass/page/free/_freeblock.scss */
.freepage-ctt .sec {
  /* ------------ 背景色つきテキストボックス -------------------------------- */
  /* ------------ Googleマップ ------------------------------------------- */ }
  /* line 6, sass/page/free/_freeblock.scss */
  .freepage-ctt .sec .bbox {
    width: 100%;
    box-sizing: border-box;
    padding: 3.57em;
    margin: 0 auto;
    margin-bottom: 4em;
    background: #fff;
    color: #5F6365; }
    @media screen and (max-width: 750px) {
      /* line 6, sass/page/free/_freeblock.scss */
      .freepage-ctt .sec .bbox {
        padding: 1.5em; } }
    /* line 17, sass/page/free/_freeblock.scss */
    .freepage-ctt .sec .bbox a {
      color: #009fe8; }
      /* line 19, sass/page/free/_freeblock.scss */
      .freepage-ctt .sec .bbox a:hover {
        color: #3C3F40; }
    /* line 23, sass/page/free/_freeblock.scss */
    .freepage-ctt .sec .bbox h3 {
      font-size: 1.5em;
      font-weight: 400;
      line-height: 1.5em;
      padding-bottom: 1em; }
      @media screen and (max-width: 750px) {
        /* line 23, sass/page/free/_freeblock.scss */
        .freepage-ctt .sec .bbox h3 {
          font-size: 1.5em; } }
    /* line 32, sass/page/free/_freeblock.scss */
    .freepage-ctt .sec .bbox p {
      padding-bottom: 0; }
  /* line 38, sass/page/free/_freeblock.scss */
  .freepage-ctt .sec .access_map {
    display: block;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5em; }
    /* line 42, sass/page/free/_freeblock.scss */
    .freepage-ctt .sec .access_map iframe,
    .freepage-ctt .sec .access_map .acf-map {
      width: 100%;
      height: 20em;
      filter: grayscale(100%); }
      @media screen and (max-width: 750px) {
        /* line 42, sass/page/free/_freeblock.scss */
        .freepage-ctt .sec .access_map iframe,
        .freepage-ctt .sec .access_map .acf-map {
          height: 15em; } }
      @media screen and (max-width: 480px) {
        /* line 42, sass/page/free/_freeblock.scss */
        .freepage-ctt .sec .access_map iframe,
        .freepage-ctt .sec .access_map .acf-map {
          height: 12em; } }
    /* line 55, sass/page/free/_freeblock.scss */
    .freepage-ctt .sec .access_map .acf-map img {
      max-width: inherit !important; }
/* line 62, sass/page/free/_freeblock.scss */
.freepage-ctt > .sec_bg2 .bbox {
  background-color: #f3f3f3; }

/* =============== 画像 ========================================================= */
/* line 2, sass/page/free/_freeimage.scss */
.parts-100img {
  width: 100%;
  position: relative;
  padding-bottom: 5em;
  text-align: center; }
  /* line 7, sass/page/free/_freeimage.scss */
  .parts-100img.center {
    text-align: center; }
  /* line 10, sass/page/free/_freeimage.scss */
  .parts-100img.left {
    text-align: left; }
  /* line 13, sass/page/free/_freeimage.scss */
  .parts-100img.right {
    text-align: right; }
  /* line 16, sass/page/free/_freeimage.scss */
  .parts-100img img {
    max-width: inherit;
    height: auto; }
    @media screen and (max-width: 750px) {
      /* line 16, sass/page/free/_freeimage.scss */
      .parts-100img img {
        width: 100%; } }

/* ------------ 画像＋テキスト -------------------------------- */
/* line 26, sass/page/free/_freeimage.scss */
.box_imglefttxt,
.box_imgrighttxt {
  width: 100%;
  position: relative;
  overflow: hidden;
  zoom: 1;
  padding-bottom: 5em; }
  /* line 33, sass/page/free/_freeimage.scss */
  .box_imglefttxt .imgtxt_imgbox,
  .box_imgrighttxt .imgtxt_imgbox {
    width: 40%;
    position: relative;
    padding-bottom: 1em;
    /* 画像 */ }
    @media screen and (max-width: 1000px) {
      /* line 33, sass/page/free/_freeimage.scss */
      .box_imglefttxt .imgtxt_imgbox,
      .box_imgrighttxt .imgtxt_imgbox {
        width: 45%; } }
    @media screen and (max-width: 750px) {
      /* line 33, sass/page/free/_freeimage.scss */
      .box_imglefttxt .imgtxt_imgbox,
      .box_imgrighttxt .imgtxt_imgbox {
        width: 50%; } }
    @media screen and (max-width: 480px) {
      /* line 33, sass/page/free/_freeimage.scss */
      .box_imglefttxt .imgtxt_imgbox,
      .box_imgrighttxt .imgtxt_imgbox {
        width: 100%;
        padding-bottom: 2.5em; } }
    /* line 48, sass/page/free/_freeimage.scss */
    .box_imglefttxt .imgtxt_imgbox img,
    .box_imgrighttxt .imgtxt_imgbox img {
      width: 100%;
      height: auto; }

/* 画像左 -------------------------------- */
/* line 56, sass/page/free/_freeimage.scss */
.box_imglefttxt .imgtxt_imgbox {
  float: left;
  padding-right: 3%; }

/* 画像右 -------------------------------- */
/* line 64, sass/page/free/_freeimage.scss */
.box_imgrighttxt .imgtxt_imgbox {
  float: right;
  padding-left: 3%; }

@media screen and (max-width: 480px) {
  /* line 72, sass/page/free/_freeimage.scss */
  .box_imglefttxt .imgtxt_imgbox,
  .box_imgrighttxt .imgtxt_imgbox {
    float: none;
    padding-right: 0;
    padding-left: 0; } }

/* テキスト -------------------------------- */
/* 見出し */
/* line 85, sass/page/free/_freeimage.scss */
.imgtxt_txtbox h3,
.imgtxt_txtbox h4 {
  font-size: 1.75em;
  font-weight: 900;
  line-height: 1.5em;
  padding-bottom: 1em; }
  @media screen and (max-width: 750px) {
    /* line 85, sass/page/free/_freeimage.scss */
    .imgtxt_txtbox h3,
    .imgtxt_txtbox h4 {
      font-size: 1.6em; } }
  @media screen and (max-width: 480px) {
    /* line 85, sass/page/free/_freeimage.scss */
    .imgtxt_txtbox h3,
    .imgtxt_txtbox h4 {
      font-size: 1.5em;
      padding-bottom: 0.67em; } }

/* ------------ 2～4つ並び画像テキストボックス -------------------------------- */
/* テキスト */
/* line 103, sass/page/free/_freeimage.scss */
.imgbox_txtarea {
  display: block;
  width: 100%;
  z-index: 1;
  position: relative;
  box-sizing: border-box; }
  /* line 109, sass/page/free/_freeimage.scss */
  .imgbox_txtarea h3,
  .imgbox_txtarea h4 {
    font-family: "prometo", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-style: normal;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.5em;
    padding-top: 0.25em;
    margin-bottom: 0.5em; }
  /* line 118, sass/page/free/_freeimage.scss */
  .imgbox_txtarea p {
    font-family: "prometo", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-style: normal;
    padding-bottom: 0;
    line-height: 1.5em; }

/* 横並び画像テキストボックス共通設定 -------------------------------- */
/* line 126, sass/page/free/_freeimage.scss */
.img2box,
.img3txtbox,
.img4txtbox,
.img5txtbox,
.img6txtbox {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 5em;
  /* リスト */ }
  /* line 135, sass/page/free/_freeimage.scss */
  .img2box ul,
  .img3txtbox ul,
  .img4txtbox ul,
  .img5txtbox ul,
  .img6txtbox ul {
    list-style: none inside;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-top: -2em; }
    @media screen and (max-width: 750px) {
      /* line 135, sass/page/free/_freeimage.scss */
      .img2box ul,
      .img3txtbox ul,
      .img4txtbox ul,
      .img5txtbox ul,
      .img6txtbox ul {
        margin-top: -3em; } }
    /* line 143, sass/page/free/_freeimage.scss */
    .img2box ul li,
    .img3txtbox ul li,
    .img4txtbox ul li,
    .img5txtbox ul li,
    .img6txtbox ul li {
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 2em;
      /* 画像 */ }
      @media screen and (max-width: 750px) {
        /* line 143, sass/page/free/_freeimage.scss */
        .img2box ul li,
        .img3txtbox ul li,
        .img4txtbox ul li,
        .img5txtbox ul li,
        .img6txtbox ul li {
          margin-top: 3em; } }
      /* line 151, sass/page/free/_freeimage.scss */
      .img2box ul li img,
      .img3txtbox ul li img,
      .img4txtbox ul li img,
      .img5txtbox ul li img,
      .img6txtbox ul li img {
        width: 100%;
        height: auto;
        margin-bottom: 1em; }
    /* line 156, sass/page/free/_freeimage.scss */
    .img2box ul.flex_center,
    .img3txtbox ul.flex_center,
    .img4txtbox ul.flex_center,
    .img5txtbox ul.flex_center,
    .img6txtbox ul.flex_center {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      /* line 159, sass/page/free/_freeimage.scss */
      .img2box ul.flex_center li:last-child,
      .img3txtbox ul.flex_center li:last-child,
      .img4txtbox ul.flex_center li:last-child,
      .img5txtbox ul.flex_center li:last-child,
      .img6txtbox ul.flex_center li:last-child {
        margin-right: 0; }

/* 2つ並び画像テキストボックス -------------------------------- */
/* line 169, sass/page/free/_freeimage.scss */
.img2box {
  /* リスト */ }
  @media screen and (min-width: 751px) {
    /* line 171, sass/page/free/_freeimage.scss */
    .img2box ul {
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: justify;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-align: stretch;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      align-items: stretch; } }
  /* line 175, sass/page/free/_freeimage.scss */
  .img2box ul li {
    width: 47%; }
  /* line 180, sass/page/free/_freeimage.scss */
  .img2box.imghbox ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }
    @media screen and (max-width: 480px) {
      /* line 182, sass/page/free/_freeimage.scss */
      .img2box.imghbox ul li {
        width: 47%; } }

/* 3つ並び画像テキストボックス -------------------------------- */
/* line 192, sass/page/free/_freeimage.scss */
.img3txtbox {
  /* リスト */ }
  /* line 194, sass/page/free/_freeimage.scss */
  .img3txtbox ul {
    margin-top: -3em; }
    /* line 196, sass/page/free/_freeimage.scss */
    .img3txtbox ul li {
      width: 31%;
      margin-right: 3.5%;
      margin-top: 3em; }
      @media screen and (min-width: 751px) {
        /* line 201, sass/page/free/_freeimage.scss */
        .img3txtbox ul li:nth-child(3n) {
          margin-right: 0; } }
  @media screen and (max-width: 750px) {
    /* line 209, sass/page/free/_freeimage.scss */
    .img3txtbox.imghbox ul li {
      width: 31%;
      margin-right: 3.5%; }
      /* line 213, sass/page/free/_freeimage.scss */
      .img3txtbox.imghbox ul li:nth-child(3n) {
        margin-right: 0; } }

/* 4つ並び画像テキストボックス -------------------------------- */
/* line 224, sass/page/free/_freeimage.scss */
.img4txtbox {
  /* リスト */ }
  /* line 227, sass/page/free/_freeimage.scss */
  .img4txtbox ul li {
    width: 23.5%;
    margin-right: 2%; }
    @media screen and (min-width: 751px) {
      /* line 231, sass/page/free/_freeimage.scss */
      .img4txtbox ul li:nth-child(4n) {
        margin-right: 0; } }
@media screen and (max-width: 1000px) and (min-width: 481px) {
  /* line 239, sass/page/free/_freeimage.scss */
  .img4txtbox.imghbox ul li {
    width: 23.5%; }
    /* line 243, sass/page/free/_freeimage.scss */
    .img4txtbox.imghbox ul li:nth-child(2n) {
      margin-right: 2%; }
    /* line 246, sass/page/free/_freeimage.scss */
    .img4txtbox.imghbox ul li:nth-child(4n) {
      margin-right: 0; } }

  @media screen and (max-width: 480px) {
    /* line 239, sass/page/free/_freeimage.scss */
    .img4txtbox.imghbox ul li {
      width: 23.5%; }
      /* line 253, sass/page/free/_freeimage.scss */
      .img4txtbox.imghbox ul li:nth-child(4n) {
        margin-right: 0; } }

/* 5つ並び画像テキストボックス -------------------------------- */
/* line 263, sass/page/free/_freeimage.scss */
.img5txtbox {
  /* リスト */ }
  /* line 266, sass/page/free/_freeimage.scss */
  .img5txtbox ul li {
    width: 18.4%;
    margin-right: 2%; }
    @media screen and (min-width: 751px) {
      /* line 270, sass/page/free/_freeimage.scss */
      .img5txtbox ul li:nth-child(5n) {
        margin-right: 0; } }

/* 6つ並び画像テキストボックス -------------------------------- */
/* line 279, sass/page/free/_freeimage.scss */
.img6txtbox {
  /* リスト */ }
  /* line 282, sass/page/free/_freeimage.scss */
  .img6txtbox ul li {
    width: 15%;
    margin-right: 2%; }
    @media screen and (min-width: 751px) {
      /* line 286, sass/page/free/_freeimage.scss */
      .img6txtbox ul li:nth-child(6n) {
        margin-right: 0; } }

/* タブレットの時 -------------------------------- */
@media screen and (max-width: 750px) {
  /* 1つ並び */
  /* line 298, sass/page/free/_freeimage.scss */
  .img1txt_tb {
    /* リスト */ }
    /* line 301, sass/page/free/_freeimage.scss */
    .img1txt_tb ul li {
      width: 100%;
      margin-right: 0; }

  /* 2つ並び */
  /* line 309, sass/page/free/_freeimage.scss */
  .img2txt_tb {
    /* リスト */ }
    /* line 312, sass/page/free/_freeimage.scss */
    .img2txt_tb ul li {
      margin-right: 2%; } }
    @media screen and (max-width: 750px) and (min-width: 481px) {
      /* line 312, sass/page/free/_freeimage.scss */
      .img2txt_tb ul li {
        width: 49%; }
        /* line 316, sass/page/free/_freeimage.scss */
        .img2txt_tb ul li:nth-child(2n) {
          margin-right: 0; } }

@media screen and (max-width: 750px) {
  /* 3つ並び */
  /* line 325, sass/page/free/_freeimage.scss */
  .img3txt_tb {
    /* リスト */ }
    /* line 328, sass/page/free/_freeimage.scss */
    .img3txt_tb ul li {
      margin-right: 2%; } }
    @media screen and (max-width: 750px) and (min-width: 481px) {
      /* line 328, sass/page/free/_freeimage.scss */
      .img3txt_tb ul li {
        width: 32%; }
        /* line 332, sass/page/free/_freeimage.scss */
        .img3txt_tb ul li:nth-child(3n) {
          margin-right: 0; } }

@media screen and (max-width: 750px) {
  /* 4つ並び */
  /* line 341, sass/page/free/_freeimage.scss */
  .img4txt_tb {
    /* リスト */ }
    /* line 344, sass/page/free/_freeimage.scss */
    .img4txt_tb ul li {
      margin-right: 2%; } }
    @media screen and (max-width: 750px) and (min-width: 481px) {
      /* line 344, sass/page/free/_freeimage.scss */
      .img4txt_tb ul li {
        width: 23.5%; }
        /* line 348, sass/page/free/_freeimage.scss */
        .img4txt_tb ul li:nth-child(4n) {
          margin-right: 0; } }

@media screen and (max-width: 750px) {
  /* 5つ並び */
  /* line 357, sass/page/free/_freeimage.scss */
  .img5txt_tb {
    /* リスト */ }
    /* line 360, sass/page/free/_freeimage.scss */
    .img5txt_tb ul li {
      margin-right: 2%; } }
    @media screen and (max-width: 750px) and (min-width: 481px) {
      /* line 360, sass/page/free/_freeimage.scss */
      .img5txt_tb ul li {
        width: 18.4%; }
        /* line 364, sass/page/free/_freeimage.scss */
        .img5txt_tb ul li:nth-child(5n) {
          margin-right: 0; } }

@media screen and (max-width: 750px) {
  /* 6つ並び */
  /* line 373, sass/page/free/_freeimage.scss */
  .img6txt_tb {
    /* リスト */ }
    /* line 376, sass/page/free/_freeimage.scss */
    .img6txt_tb ul li {
      margin-right: 2%; } }
    @media screen and (max-width: 750px) and (min-width: 481px) {
      /* line 376, sass/page/free/_freeimage.scss */
      .img6txt_tb ul li {
        width: 15%; }
        /* line 380, sass/page/free/_freeimage.scss */
        .img6txt_tb ul li:nth-child(6n) {
          margin-right: 0; } }

/* スマートフォンの時 -------------------------------- */
@media screen and (max-width: 480px) {
  /* 1つ並び */
  /* line 393, sass/page/free/_freeimage.scss */
  .img1txt_sp {
    /* リスト */ }
    /* line 396, sass/page/free/_freeimage.scss */
    .img1txt_sp ul li {
      width: 100%;
      margin-right: 0; }

  /* 2つ並び */
  /* line 404, sass/page/free/_freeimage.scss */
  .img2txt_sp {
    /* リスト */ }
    /* line 407, sass/page/free/_freeimage.scss */
    .img2txt_sp ul li {
      margin-right: 2%;
      width: 49%; }
      /* line 410, sass/page/free/_freeimage.scss */
      .img2txt_sp ul li:nth-child(2n) {
        margin-right: 0; }

  /* 3つ並び */
  /* line 418, sass/page/free/_freeimage.scss */
  .img3txt_sp {
    /* リスト */ }
    /* line 421, sass/page/free/_freeimage.scss */
    .img3txt_sp ul li {
      margin-right: 2%;
      width: 32%; }
      /* line 424, sass/page/free/_freeimage.scss */
      .img3txt_sp ul li:nth-child(3n) {
        margin-right: 0; }

  /* 4つ並び */
  /* line 432, sass/page/free/_freeimage.scss */
  .img4txt_sp {
    /* リスト */ }
    /* line 435, sass/page/free/_freeimage.scss */
    .img4txt_sp ul li {
      margin-right: 2%;
      width: 23.5%; }
      /* line 438, sass/page/free/_freeimage.scss */
      .img4txt_sp ul li:nth-child(4n) {
        margin-right: 0; }

  /* 5つ並び */
  /* line 446, sass/page/free/_freeimage.scss */
  .img5txt_sp {
    /* リスト */ }
    /* line 449, sass/page/free/_freeimage.scss */
    .img5txt_sp ul li {
      margin-right: 2%;
      width: 18.4%; }
      /* line 452, sass/page/free/_freeimage.scss */
      .img5txt_sp ul li:nth-child(5n) {
        margin-right: 0; }

  /* 6つ並び */
  /* line 460, sass/page/free/_freeimage.scss */
  .img6txt_sp {
    /* リスト */ }
    /* line 463, sass/page/free/_freeimage.scss */
    .img6txt_sp ul li {
      margin-right: 2%;
      width: 15%; }
      /* line 466, sass/page/free/_freeimage.scss */
      .img6txt_sp ul li:nth-child(6n) {
        margin-right: 0; } }
/* =============== リスト ========================================================= */
/* ノーマルリストマークつき -------------------------------- */
/* line 4, sass/page/free/_freelist.scss */
.no_list {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3.57em;
  margin: 0 auto;
  margin-bottom: 4em;
  position: relative;
  background: #fff;
  color: #5F6365;
  /* 見出し */
  /* リスト */ }
  /* line 12, sass/page/free/_freelist.scss */
  .sec_bg2 .no_list {
    background-color: #f3f3f3; }
  /* line 15, sass/page/free/_freelist.scss */
  .no_list a {
    color: #009fe8 !important; }
    /* line 17, sass/page/free/_freelist.scss */
    .no_list a:hover {
      color: #3C3F40 !important; }
  /* line 21, sass/page/free/_freelist.scss */
  .no_list:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 750px) {
    /* line 4, sass/page/free/_freelist.scss */
    .no_list {
      padding: 1.5em; } }
  /* line 28, sass/page/free/_freelist.scss */
  .no_list h3, .no_list h4 {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0.2em;
    padding-bottom: 1em; }
    @media screen and (max-width: 750px) {
      /* line 28, sass/page/free/_freelist.scss */
      .no_list h3, .no_list h4 {
        font-size: 1.3em; } }
  /* line 39, sass/page/free/_freelist.scss */
  .no_list ul {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.5em; }
    /* line 42, sass/page/free/_freelist.scss */
    .no_list ul li {
      width: 100%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 1.7em;
      padding-bottom: 1.5em; }
      /* line 46, sass/page/free/_freelist.scss */
      .no_list ul li:last-child {
        padding-bottom: 0; }
      @media screen and (max-width: 750px) {
        /* line 42, sass/page/free/_freelist.scss */
        .no_list ul li {
          font-size: 1em; } }

/* チェックボックスマークつき -------------------------------- */
/* line 57, sass/page/free/_freelist.scss */
.check_list {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3.57em;
  margin: 0 auto;
  margin-bottom: 4em;
  position: relative;
  background: #fff;
  color: #5F6365;
  /* 見出し */
  /* リスト */ }
  /* line 65, sass/page/free/_freelist.scss */
  .sec_bg2 .check_list {
    background-color: #f3f3f3; }
  /* line 68, sass/page/free/_freelist.scss */
  .check_list a {
    color: #009fe8 !important; }
    /* line 70, sass/page/free/_freelist.scss */
    .check_list a:hover {
      color: #3C3F40 !important; }
  /* line 74, sass/page/free/_freelist.scss */
  .check_list:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 750px) {
    /* line 57, sass/page/free/_freelist.scss */
    .check_list {
      padding: 1.5em; } }
  /* line 81, sass/page/free/_freelist.scss */
  .check_list h3, .check_list h4 {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0.2em;
    padding-bottom: 1em; }
    @media screen and (max-width: 750px) {
      /* line 81, sass/page/free/_freelist.scss */
      .check_list h3, .check_list h4 {
        font-size: 1.3em; } }
  /* line 92, sass/page/free/_freelist.scss */
  .check_list ul {
    list-style: none inside;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    /* line 95, sass/page/free/_freelist.scss */
    .check_list ul li {
      width: 100%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 1.7em;
      padding-bottom: 1.5em;
      text-indent: -1.2em;
      padding-left: 1.2em; }
      @media screen and (max-width: 750px) {
        /* line 95, sass/page/free/_freelist.scss */
        .check_list ul li {
          font-size: 1em; } }
      /* line 104, sass/page/free/_freelist.scss */
      .check_list ul li::before {
        display: inline-block;
        padding-left: 1em;
        padding-right: 0.2em;
        font-family: "Font Awesome 5 Free";
        content: "\f14a";
        font-weight: 900; }
      /* line 112, sass/page/free/_freelist.scss */
      .check_list ul li:last-child {
        padding-bottom: 0; }

/* 番号つき -------------------------------- */
/* line 120, sass/page/free/_freelist.scss */
.order_list {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3.57em;
  margin: 0 auto;
  margin-bottom: 4em;
  position: relative;
  background: #fff;
  color: #5F6365;
  /* 見出し */
  /* リスト */ }
  /* line 128, sass/page/free/_freelist.scss */
  .sec_bg2 .order_list {
    background-color: #f3f3f3; }
  /* line 131, sass/page/free/_freelist.scss */
  .order_list a {
    color: #009fe8 !important; }
    /* line 133, sass/page/free/_freelist.scss */
    .order_list a:hover {
      color: #3C3F40 !important; }
  /* line 137, sass/page/free/_freelist.scss */
  .order_list:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 750px) {
    /* line 120, sass/page/free/_freelist.scss */
    .order_list {
      padding: 1.5em; } }
  /* line 144, sass/page/free/_freelist.scss */
  .order_list h3, .order_list h4 {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0.2em;
    padding-bottom: 1em; }
    @media screen and (max-width: 750px) {
      /* line 144, sass/page/free/_freelist.scss */
      .order_list h3, .order_list h4 {
        font-size: 1.3em; } }
  /* line 155, sass/page/free/_freelist.scss */
  .order_list ol {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none inside;
    counter-reset: number; }
    /* line 159, sass/page/free/_freelist.scss */
    .order_list ol li {
      width: 100%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 1.7em;
      padding-left: 2em;
      padding-bottom: 1em; }
      /* line 164, sass/page/free/_freelist.scss */
      .order_list ol li::before {
        position: relative;
        display: inline-block;
        width: 1.5em;
        margin-left: -1.5em;
        font-family: "prometo", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 1.5em;
        counter-increment: number;
        content: counter(number,decimal-leading-zero);
        color: #009fe8; }
      /* line 175, sass/page/free/_freelist.scss */
      .order_list ol li:nth-child(n+10) {
        text-indent: -1.5em;
        padding-left: 1.5em; }
      /* line 179, sass/page/free/_freelist.scss */
      .order_list ol li:last-child {
        padding-bottom: 0; }
      @media screen and (max-width: 750px) {
        /* line 159, sass/page/free/_freelist.scss */
        .order_list ol li {
          font-size: 1em; } }

/* 表型 -------------------------------- */
/* line 190, sass/page/free/_freelist.scss */
.table_list {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  margin-bottom: 2.5em;
  /* 見出し */
  /* リスト */ }
  /* line 196, sass/page/free/_freelist.scss */
  .table_list h3, .table_list h4 {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0.2em;
    padding-bottom: 1em; }
    @media screen and (max-width: 750px) {
      /* line 196, sass/page/free/_freelist.scss */
      .table_list h3, .table_list h4 {
        font-size: 1.3em; } }
  /* line 207, sass/page/free/_freelist.scss */
  .table_list ul {
    list-style: none inside;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left; }
    /* line 211, sass/page/free/_freelist.scss */
    .table_list ul li {
      width: 100%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: stretch;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      align-items: stretch;
      border-top: #009fe8 solid 0.1em;
      padding: 1em 0; }
      @media screen and (max-width: 750px) {
        /* line 211, sass/page/free/_freelist.scss */
        .table_list ul li {
          padding: 0; } }
      /* line 219, sass/page/free/_freelist.scss */
      .table_list ul li:last-child {
        border-bottom: #009fe8 solid 0.1em; }
      /* line 222, sass/page/free/_freelist.scss */
      .sec_bg2 .table_list ul li {
        border-color: #D0D5D8; }
      /* line 225, sass/page/free/_freelist.scss */
      .table_list ul li .tablelist_th,
      .table_list ul li .tablelist_td {
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0.5em 1.5em; }
        @media screen and (max-width: 750px) {
          /* line 225, sass/page/free/_freelist.scss */
          .table_list ul li .tablelist_th,
          .table_list ul li .tablelist_td {
            display: block;
            padding: 1.5em 0.5em; } }
      /* line 234, sass/page/free/_freelist.scss */
      .table_list ul li .tablelist_th {
        width: 30%;
        font-weight: 400;
        border-right: #009fe8 dashed 0.1em;
        opacity: 0.8;
        filter: alpha(opacity=80); }
        @media screen and (max-width: 750px) {
          /* line 234, sass/page/free/_freelist.scss */
          .table_list ul li .tablelist_th {
            width: 100%;
            border-right: none;
            border-bottom: #009fe8 dashed 0.1em; } }
        /* line 244, sass/page/free/_freelist.scss */
        .sec_bg2 .table_list ul li .tablelist_th {
          border-color: #D0D5D8; }
      /* line 248, sass/page/free/_freelist.scss */
      .table_list ul li .tablelist_td {
        width: 70%; }
        /* line 250, sass/page/free/_freelist.scss */
        .table_list ul li .tablelist_td strong {
          font-family: "prometo", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
          font-style: normal; }
        @media screen and (max-width: 750px) {
          /* line 248, sass/page/free/_freelist.scss */
          .table_list ul li .tablelist_td {
            width: 100%; } }

/* 注釈マークつき -------------------------------- */
/* line 262, sass/page/free/_freelist.scss */
.note_list {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  margin-bottom: 4em;
  position: relative;
  opacity: 0.75;
  padding: 3.57em;
  background: #fff;
  color: #5F6365;
  /* 見出し */
  /* リスト */ }
  /* line 271, sass/page/free/_freelist.scss */
  .note_list a {
    color: #009fe8 !important; }
    /* line 273, sass/page/free/_freelist.scss */
    .note_list a:hover {
      color: #3C3F40 !important; }
  /* line 277, sass/page/free/_freelist.scss */
  .note_list:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 750px) {
    /* line 262, sass/page/free/_freelist.scss */
    .note_list {
      padding: 1.5em; } }
  /* line 284, sass/page/free/_freelist.scss */
  .note_list h3, .note_list h4 {
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0.2em;
    padding-bottom: 1em; }
    @media screen and (max-width: 750px) {
      /* line 284, sass/page/free/_freelist.scss */
      .note_list h3, .note_list h4 {
        font-size: 1.3em; } }
  /* line 295, sass/page/free/_freelist.scss */
  .note_list ul {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none inside; }
    /* line 298, sass/page/free/_freelist.scss */
    .note_list ul li {
      width: 100%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 0.9em;
      line-height: 1.7em;
      text-indent: -1.2em;
      padding-left: 1.2em;
      padding-bottom: 1.5em; }
      /* line 305, sass/page/free/_freelist.scss */
      .note_list ul li::before {
        display: inline-block;
        padding-left: 1em;
        padding-right: 0.2em;
        content: "※"; }
      /* line 311, sass/page/free/_freelist.scss */
      .note_list ul li:last-child {
        padding-bottom: 0; }

/* タイムライン -------------------------------- */
/* line 319, sass/page/free/_freelist.scss */
.time_list {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  margin-bottom: 2.5em;
  /* 見出し */
  /* リスト */ }
  /* line 325, sass/page/free/_freelist.scss */
  .time_list h3, .time_list h4 {
    font-family: "prometo", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.5em;
    padding-bottom: 0.5em;
    color: #009fe8; }
    @media screen and (max-width: 750px) {
      /* line 325, sass/page/free/_freelist.scss */
      .time_list h3, .time_list h4 {
        font-size: 1.3em; } }
  /* line 337, sass/page/free/_freelist.scss */
  .time_list ul {
    list-style: none inside;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    /* 最後の点線 */ }
    /* line 341, sass/page/free/_freelist.scss */
    .time_list ul li {
      width: 100%;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: stretch;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      align-items: stretch;
      /* 縦線 */ }
      /* line 344, sass/page/free/_freelist.scss */
      .time_list ul li::before, .time_list ul li::after {
        content: "";
        display: block; }
      /* line 350, sass/page/free/_freelist.scss */
      .time_list ul li::before {
        position: absolute;
        top: 0;
        left: 10em;
        right: auto;
        bottom: 0;
        width: 1px;
        margin: auto;
        border-right: #00cb3d solid 0.25em;
        opacity: 0.5;
        filter: alpha(opacity=50); }
      /* line 358, sass/page/free/_freelist.scss */
      .time_list ul li:first-child::before {
        top: 2em; }
      /* line 363, sass/page/free/_freelist.scss */
      .time_list ul li:last-child::before {
        height: 2em;
        bottom: auto; }
      /* line 368, sass/page/free/_freelist.scss */
      .time_list ul li .time_time,
      .time_list ul li .time_ctt {
        font-family: "prometo", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
        font-style: normal;
        padding: 1.5em;
        font-size: 1em;
        line-height: 1.5em;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      /* line 376, sass/page/free/_freelist.scss */
      .time_list ul li .time_time {
        padding-left: 0;
        width: 10em;
        font-weight: 900;
        text-align: right;
        color: #009fe8; }
      /* line 383, sass/page/free/_freelist.scss */
      .time_list ul li .time_ctt {
        padding-right: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-weight: 500;
        /* 丸 */ }
        /* line 387, sass/page/free/_freelist.scss */
        .time_list ul li .time_ctt strong {
          font-family: "prometo", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
          font-style: normal; }
        /* line 392, sass/page/free/_freelist.scss */
        .time_list ul li .time_ctt::before {
          content: "";
          display: block;
          width: 0.75em;
          height: 0.75em;
          border-radius: 50%;
          background: #009fe8;
          position: absolute;
          top: 1.9em;
          left: -0.2em;
          right: auto;
          bottom: auto;
          z-index: 2; }
    /* line 409, sass/page/free/_freelist.scss */
    .time_list ul.on li:last-child::after {
      content: "";
      display: block;
      width: 1px;
      position: absolute;
      top: 2em;
      left: 10em;
      right: auto;
      bottom: 0;
      margin: auto;
      border-right: #00cb3d dotted 0.25em;
      opacity: 0.5;
      filter: alpha(opacity=50); }

/* =============== Youtube動画 ========================================================= */
/* line 3, sass/page/free/_freeyoutube.scss */
.videobox .imgtxt_imgbox {
  width: 60%; }
  @media screen and (max-width: 480px) {
    /* line 3, sass/page/free/_freeyoutube.scss */
    .videobox .imgtxt_imgbox {
      width: 100%; } }

/* line 10, sass/page/free/_freeyoutube.scss */
.youtube_box {
  width: 100%; }
  /* line 12, sass/page/free/_freeyoutube.scss */
  .youtube_box span {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    /* line 17, sass/page/free/_freeyoutube.scss */
    .youtube_box span iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important; }

/* line 28, sass/page/free/_freeyoutube.scss */
.img2box .youtube_box,
.img3txtbox .youtube_box {
  padding-bottom: 1.5em; }

/* =============== 余白ゼロ ========================================================= */
/* line 14, sass/page/free/_freenospace.scss */
.freepage-ctt .sec .innerbox p:last-child,
.freepage-ctt .sec .innerbox p.parts-copy:last-child,
.freepage-ctt .sec .innerbox p.note:last-child,
.freepage-ctt .sec .innerbox .parts-100img:last-child,
.freepage-ctt .sec .innerbox .box_imglefttxt:last-child,
.freepage-ctt .sec .innerbox .box_imgrighttxt:last-child,
.freepage-ctt .sec .innerbox .img2box:last-child,
.freepage-ctt .sec .innerbox .img3txtbox:last-child,
.freepage-ctt .sec .innerbox .img4txtbox:last-child {
  padding-bottom: 0; }
/* line 25, sass/page/free/_freenospace.scss */
.freepage-ctt .sec .innerbox .bbox:last-child,
.freepage-ctt .sec .innerbox .btn:last-child,
.freepage-ctt .sec .innerbox .no_list:last-child,
.freepage-ctt .sec .innerbox .check_list:last-child,
.freepage-ctt .sec .innerbox .order_list:last-child,
.freepage-ctt .sec .innerbox .table_list:last-child,
.freepage-ctt .sec .innerbox .note_list:last-child {
  margin-bottom: 0; }

/* line 37, sass/page/free/_freenospace.scss */
.img2box img:last-child,
.img3txtbox img:last-child,
.img4txtbox img:last-child {
  margin-bottom: 0; }
/* line 43, sass/page/free/_freenospace.scss */
.img2box a img:last-child,
.img3txtbox a img:last-child,
.img4txtbox a img:last-child {
  margin-bottom: 1em; }
/* line 48, sass/page/free/_freenospace.scss */
.img2box a:last-child img,
.img3txtbox a:last-child img,
.img4txtbox a:last-child img {
  margin-bottom: 0; }
  /* line 50, sass/page/free/_freenospace.scss */
  .img2box a:last-child img:last-child,
  .img3txtbox a:last-child img:last-child,
  .img4txtbox a:last-child img:last-child {
    margin-bottom: 0; }

/* line 60, sass/page/free/_freenospace.scss */
li .youtube_box:last-child {
  margin-bottom: 0; }

/* line 66, sass/page/free/_freenospace.scss */
.imgtxt_imgbox .youtube_box {
  margin-bottom: 0; }

/* =======================================================================================================================
　　　　　　　　　お問い合わせ
======================================================================================================================= */
/* line 4, sass/page/_contact.scss */
.contactpage-ctt {
  width: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 見出し */
  /* 段落 */
  /* =============== 電話 ========================================================= */
  /* =============== WEB ========================================================= */ }
  /* line 7, sass/page/_contact.scss */
  .contactpage-ctt .sec {
    width: 100%; }
  /* line 12, sass/page/_contact.scss */
  .contactpage-ctt h3 {
    font-size: 2em;
    font-weight: 500;
    line-height: 1.4em;
    padding-bottom: 0.5em;
    text-align: center; }
  /* line 21, sass/page/_contact.scss */
  .contactpage-ctt p {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    /* line 23, sass/page/_contact.scss */
    .contactpage-ctt p.contact_info {
      font-size: 1.1em; }
  /* line 30, sass/page/_contact.scss */
  .contactpage-ctt .contact_tel p.contacttel_tel {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "prometo", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 3em;
    line-height: 1em;
    padding-bottom: 0.1em;
    color: #009fe8; }
    @media screen and (max-width: 480px) {
      /* line 30, sass/page/_contact.scss */
      .contactpage-ctt .contact_tel p.contacttel_tel {
        font-size: 2em; } }
    /* line 40, sass/page/_contact.scss */
    .contactpage-ctt .contact_tel p.contacttel_tel::before {
      display: inline-block;
      padding-right: 0.2em;
      font-family: FontAwesome;
      content: "\f095"; }
    /* line 46, sass/page/_contact.scss */
    .contactpage-ctt .contact_tel p.contacttel_tel img {
      height: 1em;
      width: auto;
      margin-right: 0.25em; }
  /* line 52, sass/page/_contact.scss */
  .contactpage-ctt .contact_tel p.contacttel_time {
    font-family: "Roboto", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.5em;
    line-height: 1.3em;
    padding-bottom: 0;
    color: #009fe8; }
    @media screen and (max-width: 480px) {
      /* line 52, sass/page/_contact.scss */
      .contactpage-ctt .contact_tel p.contacttel_time {
        font-size: 1em; } }

/* =============================== サイドバー（フッター上に表示） =================================================================== */
/* line 4, sass/post/_archives.scss */
#secondary {
  width: 100%;
  padding: 100px 0;
  position: relative;
  background: #e1f8fe; }

@media screen and (max-width: 480px) {
  /* line 12, sass/post/_archives.scss */
  #secondary {
    padding: 50px 0; } }
/* 見出し */
/* line 19, sass/post/_archives.scss */
.widget-title {
  font-family: "prometo", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5em;
  line-height: 1em;
  color: #009fe8;
  padding-bottom: 0.5em; }
  /* line 25, sass/post/_archives.scss */
  .widget_newpostcatch .widget-title {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic; }

@media screen and (max-width: 750px) {
  /* line 31, sass/post/_archives.scss */
  .widget-title {
    font-size: 2em;
    line-height: 1em;
    padding-bottom: 0.8em; } }
/* リスト */
/* line 40, sass/post/_archives.scss */
.widget ul {
  list-style: none inside; }

/* line 43, sass/post/_archives.scss */
.widget li {
  list-style: none inside;
  margin-bottom: 0.5em;
  line-height: 1.5em; }
  /* line 47, sass/post/_archives.scss */
  .widget li a {
    color: #009fe8; }
    /* line 49, sass/post/_archives.scss */
    .widget li a:hover {
      color: #3C3F40; }

/* line 54, sass/post/_archives.scss */
.widget ul li:last-child {
  padding-bottom: 0; }

/* -------------------------- レイアウト ------------------------------------------- */
/* 全体（グリッド） ------------------------------------------- */
/* line 61, sass/post/_archives.scss */
.widget-area {
  width: 100%;
  position: relative;
  display: grid;
  -ms-grid-rows: auto auto auto;
  -ms-grid-columns: 1fr 30%;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 30%; }

/* line 70, sass/post/_archives.scss */
.widget-area .widget {
  position: relative;
  box-sizing: border-box;
  padding-bottom: 2em; }

/* 各アイテム */
/* line 77, sass/post/_archives.scss */
.widget-area .widget:nth-child(1) {
  grid-row: 1 / 4;
  grid-column: 1 / 2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row-span: 3;
  padding-right: 2.08em;
  border-right: #009fe8 solid 2px;
  padding-bottom: 0; }

/* line 87, sass/post/_archives.scss */
.widget-area .widget:nth-child(2) {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  padding-left: 2.08em; }

/* line 94, sass/post/_archives.scss */
.widget-area .widget:nth-child(3) {
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  padding-left: 2.08em; }

/* line 101, sass/post/_archives.scss */
.widget-area .widget:nth-child(4) {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  padding-left: 2.08em;
  padding-bottom: 0; }

/* グリッド→フレキシブルボックス */
@media screen and (max-width: 750px) {
  /* line 113, sass/post/_archives.scss */
  .widget-area {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* 高さを揃える */
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }

  /* 各アイテム */
  /* line 132, sass/post/_archives.scss */
  .widget-area .widget:nth-child(1) {
    width: 100%;
    padding-right: 0;
    border-right: none;
    border-bottom: #009fe8 solid 2px;
    padding-bottom: 4em; }

  /* line 139, sass/post/_archives.scss */
  .widget-area .widget:nth-child(2), .widget-area .widget:nth-child(3), .widget-area .widget:nth-child(4) {
    width: 31%;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 4em; } }
@media screen and (max-width: 480px) {
  /* line 148, sass/post/_archives.scss */
  .widget-area .widget:nth-child(2), .widget-area .widget:nth-child(3), .widget-area .widget:nth-child(4) {
    width: 100%; } }
/* 新着記事（フレキシブルボックス） ------------------------------------------- */
/* line 155, sass/post/_archives.scss */
.newlist {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* 高さを揃える */
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch; }

/* line 169, sass/post/_archives.scss */
.newlist li {
  width: 19%;
  padding-right: 1.25%;
  padding-bottom: 0;
  position: relative; }

/* line 175, sass/post/_archives.scss */
.newlist li:nth-child(5) {
  padding-right: 0; }

/* line 178, sass/post/_archives.scss */
.newlist li:nth-child(n + 6) {
  display: none; }

@media screen and (max-width: 480px) {
  /* line 184, sass/post/_archives.scss */
  .newlist li {
    width: 100%;
    padding-right: 0;
    padding-bottom: 1em; } }
/* アイキャッチ画像 */
/* line 192, sass/post/_archives.scss */
.newlistimg {
  width: 100%;
  position: relative; }

/* line 196, sass/post/_archives.scss */
.newlistimg::before {
  display: block;
  content: "";
  padding-top: 100%; }

/* line 201, sass/post/_archives.scss */
.newlistimg span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

@media screen and (max-width: 480px) {
  /* line 212, sass/post/_archives.scss */
  .newlistimg {
    width: 30%;
    float: left;
    box-sizing: border-box; } }
/* リンク */
/* line 221, sass/post/_archives.scss */
.newlist a {
  text-decoration: none;
  color: #009fe8; }

@media screen and (max-width: 480px) {
  /* line 227, sass/post/_archives.scss */
  .newlist a {
    width: 100%;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /* 高さを揃える */
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; } }
/* 日付 */
/* line 249, sass/post/_archives.scss */
.newlist a .date {
  display: block;
  width: 100%;
  font-family: "prometo", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #009fe8;
  font-size: 0.8em;
  line-height: 1.8em;
  padding-top: 0.6em; }

/* 記事タイトル */
/* line 260, sass/post/_archives.scss */
.newlist a .title {
  font-size: 0.8em;
  width: 100%;
  display: block;
  line-height: 1.5em;
  height: 4.7em;
  overflow: hidden;
  color: #535353; }

/* line 269, sass/post/_archives.scss */
.newlist a:hover .title {
  text-decoration: underline;
  color: #009fe8; }

@media screen and (max-width: 750px) {
  /* 記事タイトル */
  /* line 276, sass/post/_archives.scss */
  .newlist a .title {
    font-size: 1em;
    line-height: 1.5em;
    height: 4.7em; } }
@media screen and (max-width: 480px) {
  /* 日付・記事タイトル */
  /* line 285, sass/post/_archives.scss */
  .newlisttxt {
    width: 66%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center; }

  /* 記事タイトル */
  /* line 298, sass/post/_archives.scss */
  .newlist a .title {
    height: auto;
    overflow: auto; } }
/* -------------------------- 検索バー ------------------------------------------- */
/* line 305, sass/post/_archives.scss */
.searcharea {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center; }

@media screen and (max-width: 750px) {
  /* line 323, sass/post/_archives.scss */
  .searcharea {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; } }
/* フォーム ------------------------------------------- */
/* line 333, sass/post/_archives.scss */
.search-form {
  width: 25em; }

@media screen and (max-width: 1000px), screen and (max-height: 600px) {
  /* line 338, sass/post/_archives.scss */
  .search-form {
    width: 20em; } }
@media screen and (max-width: 750px), screen and (max-height: 480px) {
  /* line 344, sass/post/_archives.scss */
  .search-form {
    width: 18em; } }
@media screen and (max-width: 480px) {
  /* line 350, sass/post/_archives.scss */
  .search-form {
    width: 25em; } }
@media screen and (max-width: 480px) {
  /* line 356, sass/post/_archives.scss */
  #search-2 {
    width: 100%; }

  /* line 359, sass/post/_archives.scss */
  .search-form {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; } }
/* 検索文字 */
/* line 375, sass/post/_archives.scss */
.search-form label .screen-reader-text {
  display: none; }

/* 文字入力エリア */
/* line 380, sass/post/_archives.scss */
.search-form input.search-field {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  width: 20em;
  font-size: 1em;
  line-height: 2em;
  padding: 0.5em;
  border: #009fe8 solid 0.2em; }

@media screen and (max-width: 1000px), screen and (max-height: 600px) {
  /* line 390, sass/post/_archives.scss */
  .search-form input.search-field {
    width: 15em; } }
@media screen and (max-width: 750px), screen and (max-height: 480px) {
  /* line 396, sass/post/_archives.scss */
  .search-form input.search-field {
    width: 13em; } }
@media screen and (max-width: 480px) {
  /* line 402, sass/post/_archives.scss */
  .search-form input.search-field {
    width: 25em; } }
@media screen and (max-width: 480px) {
  /* line 409, sass/post/_archives.scss */
  .search-form input.search-field {
    width: auto;
    flex: 1; } }
/* ボタン */
/* line 416, sass/post/_archives.scss */
.search-submit {
  display: inline-block;
  font-size: 1em;
  padding: 1em;
  border: none;
  cursor: pointer;
  background: #009fe8; }

/* line 424, sass/post/_archives.scss */
.search-submit svg {
  width: 1em;
  height: 1em;
  fill: #ffffff; }

/* line 429, sass/post/_archives.scss */
.search-submit .screen-reader-text {
  display: none; }

/* line 432, sass/post/_archives.scss */
.search-submit:hover {
  background: #7ca9ca; }

/* -------------------------- 検索結果ページ ------------------------------------------- */
/* line 437, sass/post/_archives.scss */
.search .aclist p, .search .aclist .sr_searchbox {
  width: 100%;
  position: relative; }

/* line 441, sass/post/_archives.scss */
.sr_searchbox .search-form {
  margin: 0 auto; }

/* -------------------------- アーカイブ ------------------------------------------- */
/* line 446, sass/post/_archives.scss */
.widget select {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1em;
  line-height: 1em;
  padding: 0.5em;
  border: none;
  border-bottom: #009fe8 solid 0.1em;
  cursor: pointer;
  padding-right: 2em;
  color: #009fe8;
  background: #e1f8fe url(../../../images/bg_sbtn.svg) no-repeat right top;
  background-size: contain; }

@media screen and (max-width: 750px) {
  /* line 461, sass/post/_archives.scss */
  .widget select {
    width: 100%;
    box-sizing: border-box; } }
/* 矢印非表示 */
/* line 468, sass/post/_archives.scss */
.widget select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* line 473, sass/post/_archives.scss */
.widget select::-ms-expand {
  display: none; }

/* =============================== 投稿記事一覧 =================================================================== */
/* line 478, sass/post/_archives.scss */
.works_archive,
.blog_archive {
  padding-bottom: 7.5em; }

/* line 482, sass/post/_archives.scss */
.screen-reader-text {
  display: none; }

/* ページネーション ------------------------------------------- */
/* line 487, sass/post/_archives.scss */
.navigation {
  width: 100%;
  padding: 3em 0 0 0; }

/* line 491, sass/post/_archives.scss */
.navigation a {
  display: inline;
  width: auto;
  padding: 0;
  margin: 0;
  background: transparent;
  color: #000;
  border: none;
  font-size: 1em;
  line-height: 1em;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  position: relative; }

/* line 508, sass/post/_archives.scss */
.navigation a:hover {
  opacity: 0.7em;
  filter: alpha(opacity=70);
  text-decoration: none; }

/* line 513, sass/post/_archives.scss */
.navigation a svg {
  width: 1em;
  height: 1em; }

/* line 517, sass/post/_archives.scss */
.nav-links {
  text-align: center;
  width: 100%; }

/* 数字 */
/* line 523, sass/post/_archives.scss */
.navigation a.page-numbers {
  display: inline-block;
  color: #000;
  padding: 0 1em;
  margin: 0 0.2em; }

/* line 529, sass/post/_archives.scss */
.navigation a.page-numbers:hover {
  color: #009fe8; }

/* line 532, sass/post/_archives.scss */
.navigation span.page-numbers {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5em;
  display: inline-block;
  color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  padding: 0 1em;
  margin: 0 0.2em;
  bottom: -0.1em; }

/* line 542, sass/post/_archives.scss */
.navigation .nav-links a.page-numbers:first-child, .navigation .nav-links a.page-numbers:last-child {
  background: transparent; }

/* 矢印 */
/* line 547, sass/post/_archives.scss */
.navigation svg {
  fill: #000; }

/* line 550, sass/post/_archives.scss */
.navigation svg:hover {
  fill: #009fe8; }

/* -------------------------- 投稿記事ページ ------------------------------------------- */
/* line 5, sass/post/_single.scss */
.singlebox {
  padding-bottom: 3em; }

/* 投稿記事領域 ------------------------------------------- */
/* line 10, sass/post/_single.scss */
.entry-header {
  padding-bottom: 3em; }

/* 見出し */
/* line 15, sass/post/_single.scss */
.singlebox .entry-title {
  font-size: 1.7em;
  line-height: 1.5em;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: #009fe8 solid 2px; }

/* 日付 */
/* line 24, sass/post/_single.scss */
.singlebox .date {
  width: 100%;
  font-weight: 200;
  color: #3C3F40;
  text-align: right; }

/* 投稿記事領域 ------------------------------------------- */
/* 見出し */
/* line 34, sass/post/_single.scss */
.singlebox h4, .singlebox h5, .singlebox h6 {
  color: #009fe8;
  padding-bottom: 1em; }

/* line 38, sass/post/_single.scss */
.singlebox h4 {
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1.5em;
  padding-bottom: 0.5em;
  padding-top: 2em; }

/* line 45, sass/post/_single.scss */
.singlebox h5 {
  font-weight: 700;
  font-size: 1.3em;
  line-height: 1.5em;
  padding-bottom: 0.5em;
  padding-top: 1.6em; }

/* line 52, sass/post/_single.scss */
.singlebox h6 {
  font-weight: 500;
  font-size: 1.2em;
  line-height: 1.5em;
  padding-bottom: 0.5em;
  padding-top: 1.4em; }

/* 画像 */
/* line 62, sass/post/_single.scss */
.singlebox img {
  max-width: 100%;
  height: auto; }

/* リスト（他ページ共通） */
/* line 68, sass/post/_single.scss */
.singlebox ul, .privacy-template .entry-content ul {
  padding: 1em;
  padding-left: 2em;
  list-style-position: outside;
  background: #e1f8fe;
  margin: 1em 0; }

/* line 75, sass/post/_single.scss */
.singlebox ul.btnlist {
  background: transparent; }

/* ページネーション ------------------------------------------- */
/* line 80, sass/post/_single.scss */
.single .nav-subtitle, .nav-title-icon-wrapper {
  display: none; }

/* line 83, sass/post/_single.scss */
.single .nav-links {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

/* line 96, sass/post/_single.scss */
.single .nav-title {
  display: inline-block;
  width: 20em;
  line-height: 1.5em;
  height: 1.4em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  /* Opera9,10対応 */ }

/* line 106, sass/post/_single.scss */
.single a:hover .nav-title {
  text-decoration: underline;
  color: #00cb3d; }

/* line 110, sass/post/_single.scss */
.single .nav-previous {
  text-align: left; }

/* line 113, sass/post/_single.scss */
.single .nav-next {
  text-align: right; }

@media screen and (max-width: 750px) {
  /* line 118, sass/post/_single.scss */
  .single .nav-title {
    width: 10em; } }
/* 矢印 */
/* line 124, sass/post/_single.scss */
.single .nav-previous a::before {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f060";
  padding-right: 0.5em;
  position: relative;
  top: -0.3em; }

/* line 132, sass/post/_single.scss */
.single .nav-next a::after {
  display: inline-block;
  font-family: FontAwesome;
  content: "\f061";
  padding-left: 0.5em;
  position: relative;
  top: -0.3em; }

/* line 140, sass/post/_single.scss */
.single .nav-previous a:hover::before, .single .nav-next a:hover::after {
  color: #00cb3d; }

/* -------------------------- ブログ一覧ページ ------------------------------------------- */
@media screen and (min-width: 751px) {
  /* line 147, sass/post/_single.scss */
  .bloglist .blogbox li {
    margin-bottom: 3em; } }

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