@charset "UTF-8";
@import url(reset.css);
@import url(common.css);
/*** function ***/
/* ###################### */
/* ######## 変数 ######## */
/* ###################### */
/* カラー */
/* 書式 */
/* ###################### */
/* ######## 関数 ######## */
/* ###################### */
/* ###################### */
/* ######## 共通 ######## */
/* ###################### */
/* ボタン */
.btn {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 236px;
  height: 65px;
  margin: 0 auto;
}

.btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #faabb5;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  text-decoration: none !important;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  z-index: 0;
}

.btn a::after {
  content: "";
  background: url(../image/common/btn-arrow_w.png) no-repeat center/contain;
  width: 6px;
  height: 11px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 7px;
}

.btn a:hover {
  text-decoration: none;
  background: #6dbbde;
}

/*******/
html {
  /* 1rem = 10px にする*/
  font-size: 62.5%;
  _font-size: 62.5%;
  *font-size: 62.5%;
  /*ウェブフォント用*/
  text-rendering: optimizeLegibility;
}

.face_book .fbcomments,
.face_book iframe,
.face_book .fb_iframe_widget,
.face_book .fb_iframe_widget[style],
.face_book .fb_iframe_widget iframe[style],
.face_book .fbcomments iframe[style],
.face_book .fb_iframe_widget span,
.face_book ._2p3a {
  width: 100% !important;
}

#wrapper {
  overflow: hidden;
}

/********共通********/
.cont {
  margin: 0 auto;
}

.ofi img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}

.fle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.table table {
  width: 100%;
}

.table table tr th {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.table table tr td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.h2_1 {
  text-align: center;
  font-size: 1rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  color: #141414;
  letter-spacing: 0;
  line-height: 1;
}

.h2_1 .en {
  display: block;
  color: #6dbbde;
  font-weight: 400;
}

/*********アニメーション***********/
.bgextendTrigger {
  opacity: 0;
}

.bgextend {
  -webkit-animation-name: bgextendAnimeBase;
          animation-name: bgextendAnimeBase;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  position: relative;
  overflow: hidden;
  /*　はみ出た色要素を隠す　*/
  opacity: 0;
}

@-webkit-keyframes bgextendAnimeBase {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes bgextendAnimeBase {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*中の要素*/
.bgappear {
  -webkit-animation-name: bgextendAnimeSecond;
          animation-name: bgextendAnimeSecond;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes bgextendAnimeSecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes bgextendAnimeSecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*--------- 左から --------*/
.bgLRextend::before {
  -webkit-animation-name: bgLRextendAnime;
          animation-name: bgLRextendAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #6dbbde;
  /*伸びる背景色の設定*/
}

@-webkit-keyframes bgLRextendAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes bgLRextendAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

/*--------- 右から --------*/
.bgRLextend::before {
  -webkit-animation-name: bgRLextendAnime;
          animation-name: bgRLextendAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #6dbbde;
  /*伸びる背景色の設定*/
}

@-webkit-keyframes bgRLextendAnime {
  0% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

@keyframes bgRLextendAnime {
  0% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: left;
            transform-origin: left;
  }
  100% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

/*********index***********/
.index .contents1 {
  position: relative;
  z-index: 0;
}

.index .contents1::before {
  content: "";
  background: url(../image/index/about-bg.png) no-repeat top left/contain;
  position: absolute;
  top: 0;
  z-index: -1;
}

.index .contents1 .about-box .text h3 {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  color: #141414;
  letter-spacing: 0;
  line-height: 1;
}

.index .contents1 .about-box .text ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.index .contents1 .about-box .text ul li::before {
  content: "";
  display: inline-block;
  background: url(../image/index/about-icon.png) no-repeat center/contain;
}

.index .contents1 .about-box figure {
  position: relative;
  z-index: 0;
}

.index .contents1 .about-box figure::before {
  content: "";
  background: -webkit-gradient(linear, right top, left top, from(#225393), to(#cdf4ff));
  background: linear-gradient(-90deg, #225393 0%, #cdf4ff 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.index .contents2 .list .box h3 {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  color: #141414;
  letter-spacing: 0;
}

.index .contents3 {
  background: #f5fcff;
  position: relative;
  z-index: 0;
}

.index .contents3::after {
  content: "";
  background: url(../image/index/feature-bg.png) no-repeat left bottom/contain;
  position: absolute;
  bottom: 0;
  z-index: -1;
}

.index .contents3 .feature-box:last-of-type {
  margin-bottom: 0;
}

.index .contents3 .feature-box .text h3 {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  color: #225393;
  letter-spacing: 0;
  border-bottom: solid 1px #6dbbde;
}

.index .contents3 .feature-box figure {
  position: relative;
  z-index: 0;
}

.index .contents3 .feature-box figure::before {
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(#225393), to(#cdf4ff));
  background: linear-gradient(-90deg, #225393 0%, #cdf4ff 100%);
  position: absolute;
  z-index: -1;
}

.index .contents4 {
  position: relative;
  z-index: 0;
}

.index .contents4::before {
  content: "";
  background: url(../image/index/order-bg.png) no-repeat top right/contain;
  position: absolute;
  top: 0;
  z-index: -1;
}

.index .contents5 {
  position: relative;
  z-index: 0;
}

.index .contents5::after {
  content: "";
  background: url(../image/index/flow-bg.png) no-repeat bottom left/contain;
  position: absolute;
  bottom: 0;
  z-index: -1;
}

.index .contents5 .flow-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}

.index .contents5 .flow-box .ttl {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.index .contents5 .flow-box .ttl h3 {
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0;
  line-height: 1;
}

.index .contents5 .flow-box .ttl h3 .num {
  display: block;
}

.index .contents5 .flow-box .text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.index .contents5 .flow-box .text ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.index .contents5 .flow-box .text ul li::before {
  content: "";
  display: inline-block;
  background: url(../image/index/flow-icon.png) no-repeat center/contain;
}

.index .contents5 .flow-box .text .links .t-f p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  color: #141414;
  letter-spacing: 0;
  line-height: 1;
}

.index .contents5 .flow-box .text .links .t-f p:last-of-type {
  margin-bottom: 0;
}

.index .contents5 .flow-box .text .links .t-f p a {
  color: #141414;
  text-decoration: none;
}

.index .contents5 .flow-box .text .links .t-f p.tel::before {
  content: "";
  display: inline-block;
  background: url(../image/index/flow-tel.png) no-repeat center/contain;
}

.index .contents5 .flow-box .text .links .t-f p.fax::before {
  content: "";
  display: inline-block;
  background: url(../image/index/flow-fax.png) no-repeat center/contain;
}

.index .contents6 {
  padding: 0;
  background: #f5fcff;
}

.index .contents6 .company-box {
  background: url(../image/index/company-bg.png) no-repeat center bottom;
}

.index .contents6 .company-box .table {
  margin: 0 auto;
}

.index .contents6 .company-box .table th {
  background: #225393;
  color: #fff;
}

.index .contents6 .company-box .table td {
  background: #fff;
}

.index .contents6 .company-box .table td span {
  display: inline-block;
  margin-right: 6px;
}

.index .contents6 .company-box .table td span:last-of-type {
  margin-right: 0;
}

.index .contents6 .map iframe {
  width: 100%;
  height: 100%;
}

.index .contents6 .oth .imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.index .contents6 .oth .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.index .contents6 .oth .links li {
  margin: 0;
}

.index .contents7 .links-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffeff0;
  margin: 0 auto;
}

.index .contents7 .links-box .t-f p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  color: #141414;
  letter-spacing: 0;
  line-height: 1;
}

.index .contents7 .links-box .t-f p:last-of-type {
  margin-bottom: 0;
}

.index .contents7 .links-box .t-f p a {
  color: #141414;
  text-decoration: none;
}

.index .contents7 .links-box .t-f p.tel::before {
  content: "";
  display: inline-block;
  background: url(../image/index/contact-tel.png) no-repeat center/contain;
}

.index .contents7 .links-box .t-f p.fax::before {
  content: "";
  display: inline-block;
  background: url(../image/index/contact-fax.png) no-repeat center/contain;
}

.index .contents7 .links-box .t-h dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
}

.index .contents7 .links-box .t-h dl:last-of-type {
  margin-bottom: 0;
}

.index .contents7 .links-box .t-h dl dt {
  text-align: center;
  background: #faabb5;
  color: #fff;
}

.index .contents7 .contact-box h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  color: #141414;
  line-height: 1;
  letter-spacing: 0;
}

.index .contents7 .contact-box h3::before {
  content: "";
  display: inline-block;
  background: url(../image/index/contact-ttl-icon.png) no-repeat center/contain;
}

.index .contents7 .contact-box .table {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5fcff;
}

.index .contents7 .contact-box .table tr {
  border-bottom: solid 1px #ccc;
}

.index .contents7 .contact-box .table tr:last-of-type {
  border-bottom: none;
}

.index .contents7 .contact-box .inline-privacy-policy h4 {
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  color: #141414;
  line-height: 1;
  letter-spacing: 0;
  border-bottom: solid 1px #b5b5b5;
}

.index .contents7 .contact-box .inline-privacy-policy .inline-privacy-policy-inner iframe {
  width: 100%;
  height: 100%;
}

.index .contents7 .contact-box .inline-privacy-policy .check {
  text-align: center;
  color: #141414;
  line-height: 1;
}

/****エラーページ*****/
.error .contents1 {
  overflow: hidden;
}

.error .contents1 a {
  color: #141414;
}

.error .contents1 a:hover {
  text-decoration: underline;
}

/*==================================================
 サイトマップ
================================================== */
.site .contents1 .site_list {
  margin: 0 auto;
}

.site .contents1 .site_list ul {
  background: #f5fcff;
}

.site .contents1 .site_list ul li {
  border-bottom: solid 1px #141414;
}

.site .contents1 .site_list ul li:last-of-type {
  border-bottom: none;
}

.site .contents1 .site_list ul li a {
  display: block;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.site .contents1 .site_list ul li a:hover {
  text-decoration: none;
  color: #6dbbde;
}

/*==================================================
 お問い合わせ
================================================== */
/* input設定 */
.input-mid {
  width: 60%;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.input-min {
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.input-big {
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

form input {
  border: none;
  background: #fff;
  font-family: "Noto Serif JP", serif;
}

form textarea {
  display: block;
  width: 100%;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  background: #fff;
  font-family: "Noto Serif JP", serif;
}

.clrred {
  color: #c00;
}

.contact-recaptcha-wrap {
  text-align: center;
  margin: 0 auto;
  width: 304px;
}

.contact-recaptcha-wrap input {
  text-align: center;
}

.mt5 {
  margin-top: 5px;
}

/* 必須マーク
-------------------------------------------------- */
.required-mark {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1;
  color: #6dbbde;
}

/* 未記入エラー文
-------------------------------------------------- */
.error-text {
  margin: 0 0 5px;
  color: #f00;
}

/* 確認、バック、送信ボタン
-------------------------------------------------- */
.contact-submits {
  text-align: center;
}

.contact-submits input,
.contact-submits button {
  display: inline-block;
  border: none;
  background: #faabb5;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  line-height: 1.2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.contact-submits input:hover,
.contact-submits button:hover {
  background: #6dbbde;
  cursor: pointer;
}

.contact-submits-wrap {
  text-align: center;
  margin: 0 auto;
}

.contact-submits-wrap input {
  display: inline-block;
  border: none;
  background: url(../image/common/btn-arrow_w.png) no-repeat center right 10px;
  background-color: #faabb5;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.contact-submits-wrap input:hover {
  background-color: #6dbbde;
  cursor: pointer;
}

.contact-submits-wrap input:disabled {
  border-color: #aaa;
  background: #aaa;
  color: #fff;
}

.contact-submits-wrap input:disabled:hover {
  background: #aaa;
  color: #fff;
  cursor: default;
}

/* セキュリティエラー
-------------------------------------------------- */
.sec-error-text {
  line-height: 50px;
  text-align: center;
  color: #f00;
  font-size: 16px;
  border: 2px solid #f00;
}

/*IEハック*/
@media screen\0 {
  /**ここに書く**/
}