@charset "UTF-8";
/*---------------------------------------------*/
/* SCSS Load  スマホメイン用                   */
/*---------------------------------------------*/
/*基本*/
/*---------------------------------------------*/
/* webfont load                                */
/*---------------------------------------------*/
@font-face {
  font-family: 'fontawesome';
  src: url("../fonts/fa-brands-400.woff2") format("woff2");
  src: url("../fonts/fa-brands-400.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fontawesome-s';
  src: url("../fonts/fa-solid-900.woff2") format("woff2");
  src: url("../fonts/fa-solid-900.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'fontawesome-r';
  src: url("../fonts/fa-regular-400.woff2") format("woff2");
  src: url("../fonts/fa-regular-400.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/*---------------------------------------------*/
/* 基本設定                                    */
/*---------------------------------------------*/
html {
  font-size: 62.5%; }

body {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 145%;
  font-feature-settings: "palt";
  /*自動カーニング*/
  font-family: "游ゴシック体", "游ゴシック", YuGothic, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  color: #000;
  font-weight: 500;
  word-wrap: break-word;
  background-color: #FFF; }

/* support iOS */
html {
  height: -webkit-fill-available; }

body {
  min-height: 100vh;
  min-height: -webkit-fill-available; }

/*スペース*/
.bt-sp10 {
  margin-bottom: 10px !important; }

.bt-sp20 {
  margin-bottom: 20px !important; }

.bt-sp30 {
  margin-bottom: 30px !important; }

.bt-sp40 {
  margin-bottom: 40px !important; }

.bt-sp80 {
  margin-bottom: 80px !important; }

/*---------------------------------------------*/
/*mixin設定                                    */
/*---------------------------------------------*/
/*比率を保って拡大・縮小処理*/
.ratio-1_1:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* 1:1 */ }

.ratio-7_3:before {
  content: "";
  display: block;
  padding-top: 30%;
  /* 7:3 */ }

.ratio-8_2:before {
  content: "";
  display: block;
  padding-top: 20%;
  /* 8:2 */ }

.ratio-1_2:before {
  content: "";
  display: block;
  padding-top: 200%;
  /* 1:2 */ }

.ratio-4_3:before {
  content: "";
  display: block;
  padding-top: 75%;
  /* 4:3 */ }

.ratio-16_9:before {
  content: "";
  display: block;
  padding-top: 56.25%;
  /* 16:9 */ }

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

.ratio-5:before {
  content: "";
  display: block;
  padding-top: 50%; }

.ratio-1_1,
.ratio-7_3,
.ratio-8_2,
.ratio-1_2,
.ratio-4_3,
.ratio-16_9,
.ratio-8_5,
.ratio-5 {
  position: relative;
  overflow: hidden; }

.ratio-1_1 > img,
.ratio-7_3 > img,
.ratio-8_2 > img,
.ratio-1_2 > img,
.ratio-4_3 > img,
.ratio-16_9 > img,
.ratio-8_5 > img,
.ratio-5 > img {
  position: absolute;
  top: 0;
  left: 0; }

/*---------------------------------------------*/
/*bootstrap5追加                               */
/*---------------------------------------------*/
main h1, main h2, main h3, main h4, main h5, main h6 {
  line-height: 125%; }

.h1, h1 {
  font-size: calc(2.0rem + (1vw - 0.77rem) * 0.0000); }

.h2, h2 {
  font-size: calc(3.0rem + (1vw - 0.32rem) * 2.2321); }

.h3, h3 {
  font-size: calc(2.5rem + (1vw - 0.32rem) * 2.2321); }

.h4, h4 {
  font-size: calc(2.0rem + (1vw - 0.32rem) * 2.2321); }

.h5, h5 {
  font-size: calc(2.0rem + (1vw - 0.32rem) * 1.1161); }

.h6, h6 {
  font-size: calc(1.8rem + (1vw - 0.32rem) * 0.0000); }

@media (min-width: 768px) {
  .h1, h1 {
    font-size: 2rem; }

  .h2, h2 {
    font-size: 4rem; }

  .h3, h3 {
    font-size: 3.5rem; }

  .h4, h4 {
    font-size: 3rem; }

  .h5, h5 {
    font-size: 2.5rem; }

  .h6, h6 {
    font-size: 2rem; } }
@media (max-width: 767px) {
  .display-1 {
    font-size: calc(4.0rem + (1vw - 0.56rem) * 1.5649); }

  .display-2 {
    font-size: calc(3.5rem + (1vw - 0.56rem) * 1.5649); }

  .display-3 {
    font-size: calc(3.0rem + (1vw - 0.56rem) * 1.5649); }

  .display-4 {
    font-size: calc(2.4rem + (1vw - 0.56rem) * 1.7214); }

  .display-5 {
    font-size: calc(2.0rem + (1vw - 0.56rem) * 1.5649); }

  .display-6 {
    font-size: calc(1.8rem + (1vw - 0.56rem) * 1.0955); } }
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px; }

.col-xs-15 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%; }

@media (min-width: 768px) {
  .col-sm-15 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 992px) {
  .col-md-15 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 1200px) {
  .col-lg-15 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; } }
/*---------------------------------------------*/
/*bootstrap5パラメーター変更                   */
/*---------------------------------------------*/
.lead {
  font-size: 100%;
  font-weight: unset; }

.blockquote {
  font-size: 100%; }

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 100%;
  color: inherit; }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x: 1.5rem; }

/*ガターノーマル　30px*/
.row {
  --bs-gutter-x: 3.0rem; }

/*ガター10px*/
.g-1, .gx-1 {
  --bs-gutter-x: 1.0rem; }

.g-1, .gy-1 {
  --bs-gutter-y: 1.0rem; }

/*ガター20px*/
.g-2, .gx-2 {
  --bs-gutter-x: 2.0rem; }

.g-2, .gy-2 {
  --bs-gutter-y: 2.0rem; }

/*ガター30px*/
.g-3, .gx-3 {
  --bs-gutter-x: 3.0rem; }

.g-3, .gy-3 {
  --bs-gutter-y: 3.0rem; }

.gy-6 {
  --bs-gutter-x: 3.0rem;
  --bs-gutter-y: 6.0rem; }

@media (min-width: 992px) {
  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: 1.0rem; }

  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: 1.0rem; }

  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: 2.0rem; }

  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: 2.0rem; }

  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 3.0rem; }

  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 3.0rem; } }
/*LP*/
/*プランの色*/
/*loading*/
.loadOBJ {
  display: flex;
  width: 100%;
  height: 100vh;
  justify-content: center;
  align-items: center; }

.spinner {
  width: 44px;
  height: 44px;
  animation: spinner-y0fdc1 2s infinite ease;
  transform-style: preserve-3d; }

.spinner > div {
  background-color: rgba(0, 77, 255, 0.2);
  height: 100%;
  position: absolute;
  width: 100%;
  border: 2px solid #004dff; }

.spinner div:nth-of-type(1) {
  transform: translateZ(-22px) rotateY(180deg); }

.spinner div:nth-of-type(2) {
  transform: rotateY(-270deg) translateX(50%);
  transform-origin: top right; }

.spinner div:nth-of-type(3) {
  transform: rotateY(270deg) translateX(-50%);
  transform-origin: center left; }

.spinner div:nth-of-type(4) {
  transform: rotateX(90deg) translateY(-50%);
  transform-origin: top center; }

.spinner div:nth-of-type(5) {
  transform: rotateX(-90deg) translateY(50%);
  transform-origin: bottom center; }

.spinner div:nth-of-type(6) {
  transform: translateZ(22px); }

@keyframes spinner-y0fdc1 {
  0% {
    transform: rotate(45deg) rotateX(-25deg) rotateY(25deg); }
  50% {
    transform: rotate(45deg) rotateX(-385deg) rotateY(25deg); }
  100% {
    transform: rotate(45deg) rotateX(-385deg) rotateY(385deg); } }
#wrapper {
  display: block; }

/*北星社ロゴ*/
#robo {
  top: 10px;
  left: 10px;
  max-width: 320px; }

h1, h2, h3, h4, h5 {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: normal; }

h6 {
  font-weight: bold; }

header {
  position: relative; }
  header h2 {
    color: red;
    letter-spacing: 6px;
    text-shadow: 3px  3px 0px #ffffff, -3px  3px 0px #ffffff, 3px -3px 0px #ffffff, -3px -3px 0px #ffffff, 3px  0px 0px #ffffff, 0px  3px 0px #ffffff, -3px  0px 0px #ffffff, 0px -3px 0px #ffffff;
    letter-spacing: 0px;
    filter: drop-shadow(0px 4px 2px black); }

main ul li {
  margin-bottom: 10px; }

/*グラデ文字*/
.title-gradation {
  background: -webkit-linear-gradient(0deg, #40E0D0, #FF8C00, #FF0080);
  /*background: -webkit-linear-gradient(0deg, #ACB6E5, #86FDE8);*/
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.marker_new {
  background: linear-gradient(transparent 70%, #e4ff00 0%);
  display: inline;
  padding: 0 2px 0px;
  line-height: 150%; }

.max-img {
  width: 100%;
  height: auto;
  display: block; }

.youtube-sample {
  border: 2px solid #999;
  padding: 20px;
  background-color: #FFF; }
  .youtube-sample h6 {
    font-weight: bold; }
  .youtube-sample .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .youtube-sample .youtube iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }

.price1 {
  font-size: calc(6.0rem + (1vw - 0.77rem) * 4.4843);
  line-height: 100%;
  margin-bottom: 0px;
  font-weight: bolder;
  color: red; }
  .price1 small {
    font-size: 60%;
    line-height: 100%; }

@media (min-width: 768px) {
  .price1 {
    font-size: 7.0rem; } }
.result-list {
  list-style: none;
  padding: 0px; }
  .result-list li {
    background-color: red;
    color: #FFF;
    padding: 10px;
    border-radius: 20px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap; }
    .result-list li h5 {
      line-height: 120%; }
    .result-list li h2 {
      line-height: 100%;
      margin-bottom: 0px;
      margin-left: 5px;
      color: yellow; }

.red-text {
  color: #FF0000; }

header {
  position: relative;
  /*&::after {
  	content: "";
  	bottom: 0;
  	left: 0;
  	position: absolute;
  	right: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	background-image: url("../img/bg.jpg");
  	background-position: center;
  	background-repeat: repeat;
  	background-size: auto;
  	z-index: -2;
  }*/ }
  header::before {
    content: "";
    mix-blend-mode: screen;
    background-color: #7e7272;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }

@media (max-width: 767px) {
  header::after {
    background-size: cover; } }
.anime-swiper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2; }
  .anime-swiper .swiper-wrapper {
    transition-timing-function: linear;
    /*アニメーションの実行速度を一定に*/ }
  .anime-swiper .swiper-slide {
    position: relative;
    height: 100%; }
    .anime-swiper .swiper-slide::after {
      content: "";
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-image: url("../img/pc-bg.jpg");
      background-position: center;
      background-repeat: repeat;
      z-index: -2;
      background-size: 100% auto; }

@media (max-width: 767px) {
  .anime-swiper .swiper-slide::after {
    background-image: url("../img/sp-bg.jpg");
    background-size: cover; } }
#plan-div {
  background-color: #000; }
  #plan-div h3 {
    padding: 10px;
    display: block;
    text-align: center;
    color: #FFF; }

@media (min-width: 768px) {
  #plan-div {
    padding: 8px 8px; }
    #plan-div::before, #plan-div::after {
      content: "";
      display: block;
      width: 100%;
      border-top: 10px dashed #FFF; }
    #plan-div::before {
      margin-bottom: 10px; }
    #plan-div::after {
      margin-top: 20px; } }
@media (max-width: 767px) {
  #plan-div {
    padding: 8px 14px;
    position: relative; }
    #plan-div::before, #plan-div::after {
      content: "";
      position: absolute;
      top: 5px;
      display: block;
      width: 10px;
      height: 100%;
      border-left: 10px dashed #FFF; }
    #plan-div::before {
      left: 5px; }
    #plan-div::after {
      right: 5px; } }
.white-box {
  background-color: #FFF;
  padding: 10px;
  border-radius: 10px; }

#bumper-section {
  background-color: #fbeecc; }

#sample-section {
  background: -webkit-linear-gradient(0deg, #ACB6E5, #86FDE8); }

section + section {
  margin-top: 80px; }

#sozai {
  list-style: none;
  padding-left: 0px; }
  #sozai li {
    padding: 10px;
    background-color: #fbeecc;
    border-radius: 25px;
    margin-bottom: 10px;
    border: 3px solid #000; }

/*アコーディオン*/
.acc-wrap .acc-cont {
  display: none; }
.acc-wrap .acc-btn {
  line-height: 100%;
  padding: 5px 10px;
  cursor: pointer;
  background-color: #000;
  color: #FFF;
  border-radius: 20px;
  font-size: 14px;
  text-align: center; }

@media (min-width: 992px) {
  .column-lg-count2 {
    column-count: 2; } }
.option-box {
  padding: 10px;
  border-radius: 20px;
  background-color: #fbeecc; }

.photo-area {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .photo-area 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%); }

.photo-area_vertical {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .photo-area_vertical img {
    width: auto;
    height: 100%;
    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%); }

.border-radius10 {
  border-radius: 10px; }

.border-radius20 {
  border-radius: 20px; }

.border-radius30 {
  border-radius: 30px; }

.title-area {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  margin-bottom: 10px; }

@media (max-width: 767px) {
  .title-area {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px; }
    .title-area .h6 {
      flex: 1; }
    .title-area .photo-area {
      margin-bottom: 0px;
      width: 30%; } }
/*見出しスタイル*/
.title-level1 {
  border-bottom: 1px solid #000;
  padding-bottom: 5px; }

.ul-white-li {
  list-style: none;
  padding: 0px; }
  .ul-white-li li {
    padding: 5px 10px;
    background-color: #FFF;
    border-radius: 20px;
    display: flex; }
    .ul-white-li li::before {
      content: "・"; }

/*吹き出し*/
.fukidashi {
  position: relative;
  background: #fbeecc;
  padding: 10px;
  text-align: left;
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  margin-right: 20px;
  filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.5)); }

.fukidashi:after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(0, 153, 255, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 18px;
  border-right-width: 18px;
  margin-top: -10px;
  border-left-color: #fbeecc;
  left: 100%;
  top: 50%; }

@media (max-width: 767px) {
  .fukidashi:after {
    top: auto;
    bottom: 10%; } }
/*価格表*/
.plan-price {
  width: 100%;
  border: 0px;
  border-collapse: collapse;
  min-width: 769px; }
  .plan-price thead {
    width: 100%;
    position: relative; }
    .plan-price thead::after {
      content: "";
      width: 100%;
      height: 1px;
      display: block;
      background-color: #FFF;
      position: absolute;
      left: 0;
      bottom: 0; }
    .plan-price thead tr {
      width: 100%;
      height: 100%;
      display: table; }
      .plan-price thead tr th:not(:first-child) {
        width: 17%;
        box-sizing: border-box;
        padding: 0px;
        height: 100%; }
        .plan-price thead tr th:not(:first-child) h6 {
          text-align: center;
          color: #FFF;
          margin: 0px;
          padding: 5px;
          display: flex;
          width: 100%;
          height: 100%;
          justify-content: center;
          align-items: center;
          border-top-left-radius: 15px;
          border-top-right-radius: 15px; }
      .plan-price thead tr td:not(:first-child) {
        width: 17%;
        box-sizing: border-box;
        padding: 5px;
        vertical-align: top; }
        .plan-price thead tr td:not(:first-child) ul {
          margin: 0px;
          font-size: 14px; }
          .plan-price thead tr td:not(:first-child) ul li {
            margin-top: 3px;
            padding: 0px;
            line-height: 125%; }
  .plan-price tbody {
    width: 100%; }
    .plan-price tbody tr {
      position: relative;
      width: 100%;
      display: table; }
      .plan-price tbody tr::before {
        content: "";
        width: 0%;
        height: 2px;
        background-color: red;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all 0.5s ease;
        z-index: 2; }
      .plan-price tbody tr::after {
        content: "";
        width: 100%;
        height: 1px;
        display: block;
        background-color: #FFF;
        position: absolute;
        left: 0;
        bottom: 0; }
      .plan-price tbody tr:hover::before {
        width: 100%; }
      .plan-price tbody tr th {
        width: auto;
        padding: 10px 5px;
        box-sizing: border-box;
        text-align: center;
        font-weight: bold; }
      .plan-price tbody tr td {
        width: 17%;
        padding: 10px 5px;
        box-sizing: border-box;
        text-align: center;
        font-weight: bold; }
        .plan-price tbody tr td small {
          font-size: 70%; }
  .plan-price thead tr th:nth-of-type(1),
  .plan-price thead tr td:nth-of-type(1) {
    position: sticky;
    left: 0;
    vertical-align: bottom;
    text-align: center;
    background-color: #FFF; }
  .plan-price thead tr th:nth-of-type(2) h6 {
    background-color: #01508a; }
  .plan-price thead tr th:nth-of-type(3) h6 {
    background-color: #0b9ba9; }
  .plan-price thead tr th:nth-of-type(4) h6 {
    background-color: #138a01; }
  .plan-price thead tr th:nth-of-type(5) h6 {
    background-color: #b19357; }
  .plan-price thead tr th:nth-of-type(6) h6 {
    background-color: #f46d78; }
  .plan-price thead tr td:nth-of-type(2) {
    background-color: rgba(1, 80, 138, 0.5); }
  .plan-price thead tr td:nth-of-type(3) {
    background-color: rgba(11, 155, 169, 0.5); }
  .plan-price thead tr td:nth-of-type(4) {
    background-color: rgba(19, 138, 1, 0.5); }
  .plan-price thead tr td:nth-of-type(5) {
    background-color: rgba(177, 147, 87, 0.5); }
  .plan-price thead tr td:nth-of-type(6) {
    background-color: rgba(244, 109, 120, 0.5); }
  .plan-price tbody tr th:nth-of-type(1) {
    position: sticky;
    left: 0;
    background-color: #e1e1e1; }
  .plan-price tbody tr td:nth-of-type(1) {
    background-color: rgba(1, 80, 138, 0.5); }
  .plan-price tbody tr td:nth-of-type(2) {
    background-color: rgba(11, 155, 169, 0.5); }
  .plan-price tbody tr td:nth-of-type(3) {
    background-color: rgba(19, 138, 1, 0.5); }
  .plan-price tbody tr td:nth-of-type(4) {
    background-color: rgba(177, 147, 87, 0.5); }
  .plan-price tbody tr td:nth-of-type(5) {
    background-color: rgba(244, 109, 120, 0.5); }
  .plan-price tbody tr:hover td:nth-of-type(1):hover {
    color: #FFF;
    background-color: #01508A !important; }
  .plan-price tbody tr:hover td:nth-of-type(2):hover {
    color: #FFF;
    background-color: #0B9BA9 !important; }
  .plan-price tbody tr:hover td:nth-of-type(3):hover {
    color: #FFF;
    background-color: #138a01 !important; }
  .plan-price tbody tr:hover td:nth-of-type(4):hover {
    color: #FFF;
    background-color: #b19357 !important; }
  .plan-price tbody tr:hover td:nth-of-type(5):hover {
    color: #FFF;
    background-color: #F46D78 !important; }

.keizoku {
  display: block;
  height: 100%; }

.plus {
  display: none;
  height: 100%; }

.btn-veiw1,
.btn-veiw2 {
  display: block;
  padding: 5px;
  line-height: 125%;
  font-size: 1.4rem;
  background-color: #FFFFFF;
  border: 1px solid #999;
  border-radius: 25px;
  text-align: center;
  cursor: pointer; }
  .btn-veiw1:hover,
  .btn-veiw2:hover {
    background-color: red;
    color: #FFF; }

/*スライダー*/
.swiper-parent {
  position: relative;
  padding-left: 50px;
  padding-right: 50px; }

.floor-swiper {
  position: static; }
  .floor-swiper .client h6::after {
    content: "お客様";
    display: block;
    font-size: 12px;
    background-color: red;
    color: #FFF;
    padding: 3px 3px;
    line-height: 100%; }
  .floor-swiper .robo h6::after {
    content: "当社";
    display: block;
    font-size: 12px;
    background-color: yellow;
    color: #000;
    padding: 3px 3px;
    line-height: 100%; }
  .floor-swiper .swiper-wrapper {
    position: static; }
  .floor-swiper .swiper-button-prev,
  .floor-swiper .swiper-button-next {
    padding-bottom: 30px;
    color: red; }
  .floor-swiper .swiper-pagination-bullet-active {
    background: red; }
  .floor-swiper .swiper-button-next.swiper-button-disabled,
  .floor-swiper .swiper-button-prev.swiper-button-disabled {
    opacity: .10; }
  .floor-swiper .swiper-slide {
    height: auto !important;
    position: relative; }
    .floor-swiper .swiper-slide:not(:last-child)::after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 15px 0 15px 10px;
      border-color: transparent transparent transparent #000000;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 100%; }
    .floor-swiper .swiper-slide article {
      border: 2px solid #000;
      border-radius: 10px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      background-color: #fbeecc; }
      .floor-swiper .swiper-slide article h6 {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 10px;
        background-color: #000;
        color: #FFF;
        margin: 0px; }
        .floor-swiper .swiper-slide article h6 span {
          order: 2; }
        .floor-swiper .swiper-slide article h6::before {
          order: 0; }
        .floor-swiper .swiper-slide article h6::after {
          order: 1;
          margin-right: 5px; }
      .floor-swiper .swiper-slide article div {
        padding: 10px; }
  .floor-swiper .swiper-pagination {
    padding-top: 10px;
    position: static; }
  .floor-swiper .swiper-slide:nth-of-type(1) > article > h6::before {
    content: "1";
    padding: 2px 5px;
    background-color: #FFF;
    color: #000;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 100%; }
  .floor-swiper .swiper-slide:nth-of-type(2) > article > h6::before {
    content: "2";
    padding: 2px 5px;
    background-color: #FFF;
    color: #000;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 100%; }
  .floor-swiper .swiper-slide:nth-of-type(3) > article > h6::before {
    content: "3";
    padding: 2px 5px;
    background-color: #FFF;
    color: #000;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 100%; }
  .floor-swiper .swiper-slide:nth-of-type(4) > article > h6::before {
    content: "4";
    padding: 2px 5px;
    background-color: #FFF;
    color: #000;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 100%; }
  .floor-swiper .swiper-slide:nth-of-type(5) > article > h6::before {
    content: "5";
    padding: 2px 5px;
    background-color: #FFF;
    color: #000;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 100%; }
  .floor-swiper .swiper-slide:nth-of-type(6) > article > h6::before {
    content: "6";
    padding: 2px 5px;
    background-color: #FFF;
    color: #000;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 100%; }
  .floor-swiper .swiper-slide:nth-of-type(7) > article > h6::before {
    content: "7";
    padding: 2px 5px;
    background-color: #FFF;
    color: #000;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 100%; }
  .floor-swiper .swiper-slide:nth-of-type(8) > article > h6::before {
    content: "8";
    padding: 2px 5px;
    background-color: #FFF;
    color: #000;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 100%; }
  .floor-swiper .swiper-slide:nth-of-type(9) > article > h6::before {
    content: "9";
    padding: 2px 5px;
    background-color: #FFF;
    color: #000;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 100%; }
  .floor-swiper .swiper-slide:nth-of-type(10) > article > h6::before {
    content: "10";
    padding: 2px 5px;
    background-color: #FFF;
    color: #000;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 100%; }

@media (max-width: 767px) {
  .swiper-parent {
    padding-left: 0px;
    padding-right: 0px; } }
/*footer*/
footer {
  background-color: #ebebeb; }
  footer h6 {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: bold; }
  footer .area-span {
    font-size: 70%;
    display: inline-block;
    padding: 5px 10px;
    background-color: black;
    color: #FFF;
    border-radius: 5px;
    font-weight: normal;
    margin-right: 10px;
    line-height: 100%; }

@media (min-width: 768px) {
  #contact-area > div {
    border-left: 1px solid #999; } }
@media (max-width: 767px) {
  #contact-area > div {
    border-bottom: 1px solid #999;
    margin-bottom: 10px; } }
/*簡易アコーディオン用*/
.btn-nomal {
  display: block;
  padding: 20px;
  text-align: center;
  border: 2px solid #000;
  color: #000;
  text-decoration: none;
  border-radius: 20px; }
  .btn-nomal:hover {
    background-color: red;
    color: #FFF; }

.acc-wrap2 {
  position: relative;
  margin-bottom: 10px;
  background-color: #DDD;
  border-radius: 10px; }
  .acc-wrap2::after {
    position: absolute;
    top: 10px;
    right: 10px;
    content: "+";
    color: #0467ad;
    display: block;
    font-size: 30px;
    line-height: 100%;
    transition: 0.3s; }
  .acc-wrap2 .ques {
    padding: 10px;
    padding-right: 40px;
    display: flex;
    align-items: flex-start;
    position: relative;
    overflow: hidden; }
    .acc-wrap2 .ques::before {
      content: "Q";
      padding-right: 10px;
      font-size: 30px;
      line-height: 100%;
      color: #0467ad;
      font-weight: bold; }
    .acc-wrap2 .ques::after {
      content: "";
      width: 100%;
      padding-top: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer; }
  .acc-wrap2 article {
    position: relative;
    padding-left: 35px; }
    .acc-wrap2 article::before {
      content: "A";
      padding-right: 10px;
      font-size: 30px;
      line-height: 100%;
      color: #3aaeff;
      font-weight: bold;
      position: absolute;
      top: 0px;
      left: 0px; }
  .acc-wrap2.open::after {
    transform: rotate(45deg);
    transform-origin: center center; }
  .acc-wrap2 .acc-content {
    display: none;
    padding: 10px;
    padding-top: 0px; }

/*デモリスト*/
.demo-list {
  padding: 0px;
  display: flex;
  justify-content: flex-start;
  list-style: none;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px; }
  .demo-list li {
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px; }
    .demo-list li a {
      text-decoration: none;
      color: #000;
      display: block;
      background-color: #CCC;
      padding: 10px;
      border-radius: 20px;
      text-align: center;
      height: 100%; }
      .demo-list li a:hover {
        background-color: red;
        color: white; }

@media (min-width: 768px) {
  .demo-list li {
    width: 25%; } }
@media (max-width: 767px) {
  .demo-list li {
    width: 50%; } }
.table-ul {
  list-style: none;
  padding: 0px; }
  .table-ul li {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between; }
    .table-ul li div:first-of-type {
      width: 13rem;
      justify-content: space-between;
      display: flex;
      margin-right: 5px; }
      .table-ul li div:first-of-type::after {
        content: "：";
        display: flex; }
    .table-ul li div:last-of-type {
      flex: 1; }

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