@charset "UTF-8";
/*色管理*/
/* line 2, ../../scss/site-style.scss */
:root {
  --body-base: #FFF;
  --base_font-color: #000;
  --border-color_gray: #999;
  --key-color: #0F6F9B;
  --strong-color: #ED5555;
  --fukidashi-color: #FFF;
  --fukidashi2-color: #0F6F9B;
  --hover-color: #FF9900;
  --title-color: #1698CC;
  --footer-color: #CAD1D8;
  --color_white: #FFF;
  --color_black: #000;
  --color_gray: #949494;
  --color_yellow: #FF9900;
  --color-pink: #fd9090;
  --bg-gray: #F7F7F7;
  --header-bgcolor: #c2e8fb;
  /*ナビカラー管理*/
  --menu-link_color: #000;
  --menu-link_hober-color: var(--key-color);
  --menubg-link_hober-color: rgba(var(--key-color),0.6);
  /*スマホナビカラー管理*/
  --headerCL: var(--body-base);
  --nav1hoverCL: var(--key-color);
  --nav1hoverCL2: var(--key-color);
  --sp_navCL: transparent;
  --sp_maskCL: rgba(255,255,255,1);
  --sp_hanCL: var(--key-color);
  --sp_barCL: #FFF;
  --sp_achanCL: var(--color_black);
  --sp_acbarCL: var(--color_white);
  --sp_navliCL: var(--color_white);
  --sp_navlibCL: var(--color_gray);
  --sp_navaCL: #3D3A39;
  --sp_navli2CL: #CCC;
  --sp_navli2bCL: var(--color_gray);
  --sp_gnavCL: var(--key-color);
  --sp_gnavbarCL: var(--color_white); }

/*基本*/
/* line 1, ../../scss/_basic-style.scss */
html {
  width: 100%;
  height: 100%; }

/* line 5, ../../scss/_basic-style.scss */
body {
  width: 100%;
  height: 100%;
  font-size: 1rem;
  line-height: 175%;
  font-family: "Noto Sans JP","游ゴシック", YuGothic, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  font-weight: 500;
  font-optical-sizing: auto;
  font-style: normal;
  word-wrap: break-word;
  background-color: var(--body-base);
  color: var(--base_font-color);
  /* プロポーショナルメトリクスを有効にする指定 */
  font-feature-settings: "palt" 1;
  /* スマホ横画面で文字サイズが大きくなる場合、自動補正を無効化 */
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

/* line 23, ../../scss/_basic-style.scss */
.noto-sans-jp-semibold {
  font-weight: 600; }

/* line 26, ../../scss/_basic-style.scss */
.noto-sans-jp-exbold {
  font-weight: 800; }

@media (min-width: 768px) {
  /* line 30, ../../scss/_basic-style.scss */
  body {
    font-size: 1rem;
    font-size: clamp(0.875rem, 0.208rem + 1.39vw, 1.25rem);
    /*20～14px*/ } }
@media (max-width: 767px) {
  /* line 36, ../../scss/_basic-style.scss */
  body {
    font-size: 1.125rem; } }
/* support iOS */
/* line 46, ../../scss/_basic-style.scss */
html {
  height: -webkit-fill-available; }

/* line 49, ../../scss/_basic-style.scss */
body {
  min-height: 100vh;
  min-height: -webkit-fill-available; }

/* line 54, ../../scss/_basic-style.scss */
a {
  color: var(--key-color);
  text-decoration: none; }
  /* line 57, ../../scss/_basic-style.scss */
  a:hover {
    color: var(--hover-color); }

/*全体ラッパーの高さ制御*/
/* line 63, ../../scss/_basic-style.scss */
.body-div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%; }
  /* line 68, ../../scss/_basic-style.scss */
  .body-div footer {
    margin-top: auto; }

/*ヘッダー*/
/* line 75, ../../scss/_basic-style.scss */
header h5 {
  font-weight: bold;
  color: var(--key-color);
  font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); }
/* line 80, ../../scss/_basic-style.scss */
header h1 {
  font-size: clamp(2.188rem, 1.733rem + 2.27vw, 3.438rem);
  line-height: 120%;
  margin: 0px;
  font-weight: bolder; }
  /* line 85, ../../scss/_basic-style.scss */
  header h1 strong {
    color: var(--key-color); }
/* line 89, ../../scss/_basic-style.scss */
header h6 {
  font-size: clamp(1.25rem, 1.114rem + 0.68vw, 1.625rem);
  padding: 20px 5px;
  background-color: var(--fukidashi-color);
  border-radius: 20px;
  margin: 0px;
  width: 100%; }
  /* line 96, ../../scss/_basic-style.scss */
  header h6 strong {
    font-size: 120%;
    color: var(--strong-color); }

/* line 103, ../../scss/_basic-style.scss */
main h2, footer h2 {
  font-size: clamp(2.188rem, 1.077rem + 2.31vw, 2.813rem);
  line-height: 145%;
  margin: 0px;
  font-weight: bold; }
/* line 109, ../../scss/_basic-style.scss */
main h3, footer h3 {
  font-size: clamp(1.875rem, 1.761rem + 0.57vw, 2.188rem);
  /*35-30*/
  line-height: 145%;
  margin: 0px;
  font-weight: bold; }
/* line 115, ../../scss/_basic-style.scss */
main h4, footer h4 {
  font-size: clamp(1.563rem, 0.451rem + 2.31vw, 2.188rem);
  line-height: 120%;
  margin: 0px;
  font-weight: bold; }
/* line 121, ../../scss/_basic-style.scss */
main h5, footer h5 {
  font-size: clamp(1.375rem, 0.486rem + 1.85vw, 1.875rem);
  line-height: 120%;
  margin: 0px;
  font-weight: bold; }
/* line 127, ../../scss/_basic-style.scss */
main h6, footer h6 {
  font-size: clamp(1.125rem, 0.681rem + 0.93vw, 1.375rem);
  line-height: 145%;
  margin: 0px;
  font-weight: bold; }

/*-----------------------*/
/*containerエリアをはみ出す */
/*-----------------------*/
@media (max-width: 1199px) {
  /* line 139, ../../scss/_basic-style.scss */
  .over-container-area {
    position: relative;
    overflow: hidden;
    margin-left: -12px;
    margin-right: -12px; } }
@media (min-width: 1200px) {
  /* line 147, ../../scss/_basic-style.scss */
  .over-container-area {
    position: relative;
    margin: 0 calc(50% - 50vw);
    width: 100vw; } }
/*---------------------------------------------*/
/* webfont load                                */
/*---------------------------------------------*/
@font-face {
  font-family: 'fontawesome';
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fontawesome-s';
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'NotoSerifJP-M';
  src: url("../fonts/NotoSerifJP-Medium.eot");
  src: url("../fonts/NotoSerifJP-Medium.eot") format("embedded-opentype"), url("../fonts/NotoSerifJP-Medium.woff2") format("woff2"), url("../fonts/NotoSerifJP-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/*---------------------------------------------*/
/* position設定                                */
/*---------------------------------------------*/
/*---------------------------------------------*/
/*bootstrap5追加                               */
/*---------------------------------------------*/
/* line 208, ../../scss/_basic-style.scss */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px; }

/* line 215, ../../scss/_basic-style.scss */
.col-xs-15 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; }

@media (min-width: 768px) {
  /* line 221, ../../scss/_basic-style.scss */
  .col-sm-15 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 992px) {
  /* line 228, ../../scss/_basic-style.scss */
  .col-md-15 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 1200px) {
  /* line 235, ../../scss/_basic-style.scss */
  .col-lg-15 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }
/*---------------------------------------*/
/*比率を保って拡大・縮小処理                 */
/*---------------------------------------*/
/* line 245, ../../scss/_basic-style.scss */
.ratio-1_1:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* 1:1 */ }

/* line 250, ../../scss/_basic-style.scss */
.ratio-7_3:before {
  content: "";
  display: block;
  padding-top: 30%;
  /* 7:3 */ }

/* line 255, ../../scss/_basic-style.scss */
.ratio-8_2:before {
  content: "";
  display: block;
  padding-top: 20%;
  /* 8:2 */ }

/* line 260, ../../scss/_basic-style.scss */
.ratio-1_2:before {
  content: "";
  display: block;
  padding-top: 200%;
  /* 1:2 */ }

/* line 265, ../../scss/_basic-style.scss */
.ratio-2_1:before {
  content: "";
  display: block;
  padding-top: 50%;
  /* 2:1 */ }

/* line 270, ../../scss/_basic-style.scss */
.ratio-4_3:before {
  content: "";
  display: block;
  padding-top: 75%;
  /* 4:3 */ }

/* line 275, ../../scss/_basic-style.scss */
.ratio-16_9:before {
  content: "";
  display: block;
  padding-top: 56.25%;
  /* 16:9 */ }

/* line 280, ../../scss/_basic-style.scss */
.ratio-8_5:before {
  content: "";
  display: block;
  padding-top: 62.5%;
  /* 8:5 ≒ 黄金比 */ }

/* line 285, ../../scss/_basic-style.scss */
.ratio-1_1,
.ratio-7_3,
.ratio-8_2,
.ratio-1_2,
.ratio-2_1,
.ratio-4_3,
.ratio-16_9,
.ratio-8_5 {
  position: relative;
  overflow: hidden; }

/* line 296, ../../scss/_basic-style.scss */
.ratio-1_1 > img,
.ratio-7_3 > img,
.ratio-8_2 > img,
.ratio-1_2 > img,
.ratio-2_1 > img,
.ratio-4_3 > img,
.ratio-16_9 > img,
.ratio-8_5 > img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover; }

/*----------------------------------------*/
/*写真マスク                                */
/*----------------------------------------*/
/* line 313, ../../scss/_basic-style.scss */
.photo-area,
.photo-area_v {
  overflow: hidden;
  position: relative;
  margin: 0px; }
  /* line 318, ../../scss/_basic-style.scss */
  .photo-area img,
  .photo-area_v img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

/* line 325, ../../scss/_basic-style.scss */
.photo-area_v img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

@media (min-width: 992px) {
  /* line 333, ../../scss/_basic-style.scss */
  .photo-area_pc-v {
    overflow: hidden;
    position: relative; }
    /* line 336, ../../scss/_basic-style.scss */
    .photo-area_pc-v img {
      width: auto;
      height: 100%;
      z-index: -1;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
@media (max-width: 991px) {
  /* line 346, ../../scss/_basic-style.scss */
  .photo-area_pc-v img {
    width: 100%;
    height: auto; } }
/*---------------------------------------*/
/*gmapとyoutube                          */
/*---------------------------------------*/
/* line 355, ../../scss/_basic-style.scss */
.gmap {
  position: relative;
  width: 100%;
  overflow: hidden; }

/* line 360, ../../scss/_basic-style.scss */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.3%; }

/* line 365, ../../scss/_basic-style.scss */
.gmap iframe,
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* line 373, ../../scss/_basic-style.scss */
.max-img {
  width: 100%;
  height: auto; }

/*---------------------------------------*/
/*電話リンク                               */
/*---------------------------------------*/
@media (min-width: 992px) {
  /* line 382, ../../scss/_basic-style.scss */
  a[href^="tel:"] {
    pointer-events: none; } }
/*---------------------------------------*/
/*スペーサー                               */
/*---------------------------------------*/
/* line 389, ../../scss/_basic-style.scss */
.bt-sp10 {
  margin-bottom: 10px !important; }

/* line 392, ../../scss/_basic-style.scss */
.bt-sp20 {
  margin-bottom: 20px !important; }

/* line 395, ../../scss/_basic-style.scss */
.bt-sp30 {
  margin-bottom: 30px !important; }

/* line 398, ../../scss/_basic-style.scss */
.bt-sp40 {
  margin-bottom: 40px !important; }

/* line 401, ../../scss/_basic-style.scss */
.bt-sp80 {
  margin-bottom: 80px !important; }

/*---------------------------------------------*/
/*テーブルリスト                                 */
/*---------------------------------------------*/
/* line 408, ../../scss/_basic-style.scss */
.table-ul {
  list-style: none;
  padding: 0px; }
  /* line 412, ../../scss/_basic-style.scss */
  .table-ul.tr-line li {
    border-bottom: 1px solid --border-color_gray; }
  /* line 417, ../../scss/_basic-style.scss */
  .table-ul.cell-7rem_all li {
    display: flex;
    justify-content: flex-start; }
    /* line 420, ../../scss/_basic-style.scss */
    .table-ul.cell-7rem_all li div:first-of-type {
      width: 7.0rem; }
    /* line 423, ../../scss/_basic-style.scss */
    .table-ul.cell-7rem_all li div:last-of-type {
      flex: 1;
      min-width: calc( 100% - 7rem ); }
  /* line 430, ../../scss/_basic-style.scss */
  .table-ul.cell-10rem_all li {
    display: flex;
    justify-content: flex-start; }
    /* line 433, ../../scss/_basic-style.scss */
    .table-ul.cell-10rem_all li div:first-of-type {
      width: 10.0rem; }
    /* line 436, ../../scss/_basic-style.scss */
    .table-ul.cell-10rem_all li div:last-of-type {
      flex: 1; }
  /* line 443, ../../scss/_basic-style.scss */
  .table-ul.td-fw-bold li div:first-of-type {
    font-weight: bold; }
  /* line 450, ../../scss/_basic-style.scss */
  .table-ul.td-fw-normal li div:last-of-type {
    font-weight: normal; }
  /* line 457, ../../scss/_basic-style.scss */
  .table-ul.td-x-sp20 li div {
    padding: 10px 20px; }
  /* line 463, ../../scss/_basic-style.scss */
  .table-ul.tr-white li:nth-of-type(odd) {
    background-color: var(--color_white); }

@media (min-width: 992px) {
  /* line 470, ../../scss/_basic-style.scss */
  .table-ul li {
    display: flex;
    justify-content: flex-start; }
    /* line 473, ../../scss/_basic-style.scss */
    .table-ul li div {
      padding: 5px; }

  /* line 479, ../../scss/_basic-style.scss */
  .cell-10rem div:first-of-type {
    width: 10.0rem; }
  /* line 482, ../../scss/_basic-style.scss */
  .cell-10rem div:last-of-type {
    flex: 1; }

  /* line 487, ../../scss/_basic-style.scss */
  .cell-15rem div:first-of-type {
    width: 15.0rem; }
  /* line 490, ../../scss/_basic-style.scss */
  .cell-15rem div:last-of-type {
    flex: 1; }

  /* line 495, ../../scss/_basic-style.scss */
  .cell-20rem div:first-of-type {
    width: 20.0rem; }
  /* line 498, ../../scss/_basic-style.scss */
  .cell-20rem div:last-of-type {
    flex: 1; } }
@media (max-width: 991px) {
  /* line 505, ../../scss/_basic-style.scss */
  .table-ul li {
    padding-bottom: 5px;
    margin-bottom: 5px; } }
/* line 512, ../../scss/_basic-style.scss */
.table-ul_py10px li {
  padding-top: 10px;
  padding-bottom: 10px; }

/* line 2, ../../scss/_hokusei-style.scss */
header {
  position: relative; }

/* line 5, ../../scss/_hokusei-style.scss */
#header-area {
  position: relative;
  height: 100%; }

@media (min-width: 992px) {
  /* line 10, ../../scss/_hokusei-style.scss */
  #header-warp {
    height: 100dvh;
    min-height: 800px;
    overflow-x: hidden;
    background: linear-gradient(to bottom, #0b6eb4 0%, #148dc6 25%, #1698cc 50%, #128a6a 70%, #00a85e 100%); }

  /* line 17, ../../scss/_hokusei-style.scss */
  #header-area::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to right, #00a85e 0%, #128a6a 30%, #1698cc 50%, #148dc6 75%, #0b6eb4 100%);
    position: absolute;
    opacity: 0.1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1; }
  /* line 34, ../../scss/_hokusei-style.scss */
  #header-area::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0; }
  /* line 50, ../../scss/_hokusei-style.scss */
  #header-area::before {
    width: 110%;
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%); }
  /* line 54, ../../scss/_hokusei-style.scss */
  #header-area::after {
    width: 110%;
    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%); }

  /* line 59, ../../scss/_hokusei-style.scss */
  .header-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 5px 5px;
    grid-template-areas: "area1 area2" "area3 area2"; }
    /* line 67, ../../scss/_hokusei-style.scss */
    .header-grid .grid1 {
      grid-area: area1;
      margin-top: 5%;
      margin-bottom: 10%; }
    /* line 72, ../../scss/_hokusei-style.scss */
    .header-grid .grid2 {
      grid-area: area2; }
    /* line 73, ../../scss/_hokusei-style.scss */
    .header-grid .grid3 {
      grid-area: area3; } }
@media (max-width: 991px) {
  /* line 77, ../../scss/_hokusei-style.scss */
  #header-warp {
    height: 100%;
    min-height: 100dvh;
    width: 100%; }
    /* line 81, ../../scss/_hokusei-style.scss */
    #header-warp::before {
      content: "";
      width: 100%;
      height: 100%;
      display: block;
      background: linear-gradient(to bottom, #0b6eb4 0%, #148dc6 25%, #1698cc 50%, #128a6a 70%, #00a85e 100%);
      opacity: 0.1;
      position: absolute;
      z-index: -1; }

  /* line 92, ../../scss/_hokusei-style.scss */
  #header-area {
    height: 100%;
    min-height: 100dvh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    /* line 99, ../../scss/_hokusei-style.scss */
    #header-area::before {
      content: "";
      display: block;
      height: 10%;
      min-height: 60px;
      width: calc(100% + var(--bs-gutter-x));
      clip-path: polygon(0 0, 0 100%, 100% 0);
      background: linear-gradient(to right, #0b6eb4 0%, #148dc6 25%, #1698cc 50%, #128a6a 75%, #00a85e 100%);
      margin-left: var(--bs-gutter-x, -0.75rem);
      margin-right: var(--bs-gutter-x, -0.75rem); }
    /* line 110, ../../scss/_hokusei-style.scss */
    #header-area::after {
      content: "";
      display: block;
      height: 10%;
      min-height: 60px;
      width: calc(100% + var(--bs-gutter-x));
      clip-path: polygon(100% 0, 0 100%, 100% 100%);
      background: linear-gradient(to right, #0b6eb4 0%, #148dc6 25%, #1698cc 50%, #128a6a 75%, #00a85e 100%);
      margin-left: var(--bs-gutter-x, -0.75rem);
      margin-right: var(--bs-gutter-x, -0.75rem); }

  /* line 123, ../../scss/_hokusei-style.scss */
  .header-grid {
    display: flex;
    flex-direction: column;
    gap: 20px; } }
/* line 129, ../../scss/_hokusei-style.scss */
.fw-500 {
  font-weight: 500; }

/* line 133, ../../scss/_hokusei-style.scss */
.button-list {
  list-style: none;
  padding: 0px; }
  /* line 136, ../../scss/_hokusei-style.scss */
  .button-list li + li {
    margin-top: 20px; }

/*ボタン*/
/* line 142, ../../scss/_hokusei-style.scss */
.btn-contact {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background: linear-gradient(to right, #00a85e 0%, #128a6a 30%, #1698cc 50%, #148dc6 75%, #0b6eb4 100%);
  padding: 15px 10px;
  border-radius: 50px;
  font-size: clamp(1.563rem, 1.449rem + 0.57vw, 1.875rem);
  font-weight: bold;
  color: #FFF; }
  /* line 153, ../../scss/_hokusei-style.scss */
  .btn-contact::after {
    content: "";
    width: 1.5em;
    padding-top: 1.5em;
    background-image: url("../img/icon-contact.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(100%) sepia(28%) saturate(4317%) hue-rotate(203deg) brightness(127%) contrast(117%); }
  /* line 164, ../../scss/_hokusei-style.scss */
  .btn-contact:hover::after {
    filter: invert(73%) sepia(94%) saturate(3809%) hue-rotate(2deg) brightness(105%) contrast(105%); }

/* line 169, ../../scss/_hokusei-style.scss */
.btn-download {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-color: #FFF;
  padding: 22px 10px;
  border-radius: 50px;
  font-size: clamp(1.563rem, 1.449rem + 0.57vw, 1.875rem);
  font-weight: bold; }
  /* line 179, ../../scss/_hokusei-style.scss */
  .btn-download::after {
    content: "";
    width: 1em;
    padding-top: 1em;
    background-image: url("../img/icon-download.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(32%) sepia(93%) saturate(604%) hue-rotate(158deg) brightness(92%) contrast(92%); }
  /* line 190, ../../scss/_hokusei-style.scss */
  .btn-download:hover::after {
    filter: invert(73%) sepia(94%) saturate(3809%) hue-rotate(2deg) brightness(105%) contrast(105%); }

/* line 195, ../../scss/_hokusei-style.scss */
.btn-back {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  background: #FFF;
  padding: 15px 15px;
  border-radius: 50px;
  font-size: clamp(1.563rem, 1.449rem + 0.57vw, 1.875rem);
  font-weight: bold;
  border: 1px solid var(--key-color);
  line-height: 100%; }
  /* line 207, ../../scss/_hokusei-style.scss */
  .btn-back::after {
    content: "\f061";
    font-family: 'fontawesome-s';
    display: flex; }

/*バナー*/
/* line 215, ../../scss/_hokusei-style.scss */
.banner-block {
  padding: 20px 10px;
  background: linear-gradient(to right, #00a85e 0%, #128a6a 30%, #1698cc 50%, #148dc6 75%, #0b6eb4 100%); }
  /* line 218, ../../scss/_hokusei-style.scss */
  .banner-block strong {
    color: #EDDB55; }
  /* line 221, ../../scss/_hokusei-style.scss */
  .banner-block h2 {
    color: #FFF; }

/*onayami-area*/
/* line 228, ../../scss/_hokusei-style.scss */
#onayami-area::after {
  content: "";
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 12%;
  padding-top: 7%;
  background-color: var(--bg-gray);
  clip-path: polygon(50% 100%, 100% 0%, 0% 0%); }

/* line 239, ../../scss/_hokusei-style.scss */
.fc-blue {
  color: var(--key-color); }

/* line 242, ../../scss/_hokusei-style.scss */
.fc-red {
  color: var(--strong-color); }

/* line 245, ../../scss/_hokusei-style.scss */
.p-strong {
  font-weight: 500;
  color: var(--strong-color); }

/* line 251, ../../scss/_hokusei-style.scss */
main h2 strong {
  font-size: 120%; }

/* line 256, ../../scss/_hokusei-style.scss */
.gray-wrap {
  padding: 40px 30px;
  background-color: var(--bg-gray);
  border-radius: 30px;
  position: relative; }
  /* line 261, ../../scss/_hokusei-style.scss */
  .gray-wrap article {
    background-color: #FFF;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center; }
  /* line 268, ../../scss/_hokusei-style.scss */
  .gray-wrap::after {
    content: "";
    background-image: url("../img/i-nayami.svg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block; }

/* line 278, ../../scss/_hokusei-style.scss */
.arrow-div::before {
  content: "";
  width: 25%;
  padding-top: 25%;
  display: block;
  background-color: var(--strong-color);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  margin: auto; }

@media (min-width: 992px) {
  /* line 291, ../../scss/_hokusei-style.scss */
  .gray-wrap::after {
    width: 12%;
    height: 45%;
    position: absolute;
    bottom: 10px;
    right: 20px; }

  /* line 300, ../../scss/_hokusei-style.scss */
  .arrow-div::before {
    transform: rotate(270deg); } }
@media (max-width: 991px) {
  /* line 307, ../../scss/_hokusei-style.scss */
  .gray-wrap::after {
    width: 30%;
    padding-top: 35%;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto; }

  /* line 317, ../../scss/_hokusei-style.scss */
  .arrow-div::before {
    width: 10%;
    padding-top: 10%; } }
/*吹き出し*/
/* line 325, ../../scss/_hokusei-style.scss */
.fukidashi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px; }
  /* line 331, ../../scss/_hokusei-style.scss */
  .fukidashi::after {
    content: "";
    display: block;
    background-color: var(--fukidashi-color);
    width: 8%;
    padding-top: 9%;
    margin-top: -1px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    /*clip-path: polygon(100% 0, 0 0, 0 100%);
    margin-left: 40%;*/ }

/* line 343, ../../scss/_hokusei-style.scss */
.fukidashi2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px; }
  /* line 349, ../../scss/_hokusei-style.scss */
  .fukidashi2 h5 {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: var(--fukidashi2-color);
    color: #FFF;
    border-radius: 50px; }
  /* line 358, ../../scss/_hokusei-style.scss */
  .fukidashi2::after {
    content: "";
    display: block;
    background-color: var(--fukidashi2-color);
    width: 8%;
    padding-top: 9%;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    margin-top: -1px; }

/*タイトル*/
/* line 370, ../../scss/_hokusei-style.scss */
.title-style1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px; }
  /* line 376, ../../scss/_hokusei-style.scss */
  .title-style1::after {
    content: "";
    display: block;
    width: 78px;
    height: 2px;
    background-color: var(--title-color); }

/* line 385, ../../scss/_hokusei-style.scss */
.title-style2 strong {
  color: var(--key-color);
  margin-right: 10px; }

/*howto*/
/* line 392, ../../scss/_hokusei-style.scss */
#howto-wrap {
  background: linear-gradient(to right, #00a85e 0%, #128a6a 30%, #1698cc 50%, #148dc6 75%, #0b6eb4 100%);
  padding-top: 60px;
  padding-bottom: 60px; }

/* line 397, ../../scss/_hokusei-style.scss */
#howto-wrap2 {
  background: linear-gradient(to right, rgba(0, 168, 94, 0.2) 0%, rgba(18, 138, 106, 0.2) 30%, rgba(22, 152, 204, 0.2) 50%, rgba(20, 141, 198, 0.2) 75%, rgba(11, 110, 180, 0.2) 100%); }

/* line 400, ../../scss/_hokusei-style.scss */
.bg-white-box {
  background-color: #FFF;
  border-radius: 30px; }

/* line 404, ../../scss/_hokusei-style.scss */
.bg-gray-box {
  background-color: var(--bg-gray);
  border-radius: 30px; }

/*plan*/
/* line 410, ../../scss/_hokusei-style.scss */
#plan-wrap {
  background: linear-gradient(to right, rgba(0, 168, 94, 0.2) 0%, rgba(18, 138, 106, 0.2) 30%, rgba(22, 152, 204, 0.2) 50%, rgba(20, 141, 198, 0.2) 75%, rgba(11, 110, 180, 0.2) 100%); }

/* line 413, ../../scss/_hokusei-style.scss */
.plan-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; }
  /* line 418, ../../scss/_hokusei-style.scss */
  .plan-card .pcard-title {
    background-color: var(--key-color);
    padding: 20px 10px;
    text-align: center;
    border-radius: 20px 20px 0px 0px;
    color: #FFF; }
    /* line 424, ../../scss/_hokusei-style.scss */
    .plan-card .pcard-title + .pcard-body {
      border-radius: 0px 0px 20px 20px; }

/* line 429, ../../scss/_hokusei-style.scss */
.pcard-body {
  padding: 20px;
  background-color: #FFF;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1; }

/* line 438, ../../scss/_hokusei-style.scss */
.planname-area {
  padding: 5px 10px;
  border: 1px solid var(--key-color);
  color: var(--key-color);
  text-align: center;
  display: inline-block;
  border-radius: 50px; }

/* line 446, ../../scss/_hokusei-style.scss */
.price-area {
  text-align: center; }
  /* line 448, ../../scss/_hokusei-style.scss */
  .price-area strong {
    font-size: 200%;
    color: var(--key-color); }

/* line 453, ../../scss/_hokusei-style.scss */
.data-list {
  padding: 0px;
  list-style: none;
  margin: auto; }
  /* line 457, ../../scss/_hokusei-style.scss */
  .data-list li {
    display: flex;
    justify-content: space-between;
    gap: 10px; }
    /* line 462, ../../scss/_hokusei-style.scss */
    .data-list li div:first-of-type {
      width: 7em;
      display: flex;
      gap: 5px; }
      /* line 466, ../../scss/_hokusei-style.scss */
      .data-list li div:first-of-type::before {
        content: "●"; }
    /* line 470, ../../scss/_hokusei-style.scss */
    .data-list li div:last-of-type {
      display: flex;
      flex: 1;
      gap: 5px; }
      /* line 474, ../../scss/_hokusei-style.scss */
      .data-list li div:last-of-type::before {
        content: ":"; }

/* line 481, ../../scss/_hokusei-style.scss */
.title-bg-grade {
  padding: 10px 20px;
  color: #FFF;
  letter-spacing: 0.1em;
  background: linear-gradient(to right, #00a85e 0%, #128a6a 30%, #1698cc 50%, #148dc6 75%, #0b6eb4 100%); }

/*お問い合わせ*/
/* line 489, ../../scss/_hokusei-style.scss */
#contact-wrap {
  background: linear-gradient(45deg, #00a85e 0%, #128a6a 25%, #1698cc 50%, #148dc6 75%, #0b6eb4 100%); }

/*footer*/
/* line 494, ../../scss/_hokusei-style.scss */
#footer-wrap {
  background-color: var(--key-color); }

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