@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/*@mixin font-min {
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
}*/
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* padding margin */
/* 縦書き */
/* 内径 */
/* sb
---------------------------------------------------------------------------*/
.sb {
  position: relative;
  /* 1280 */
  position: relative;
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 128px; }
  @media screen and (max-width: 1300px) {
    .sb {
      width: 98.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .sb {
      width: 93.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .sb {
      margin-bottom: 9.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .sb {
      margin-bottom: 17.0666666667vw; } }
  .sb-img img {
    width: 100%;
    height: 408px;
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;"; }
    @media screen and (max-width: 1300px) {
      .sb-img img {
        height: 31.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .sb-img img {
        height: 60vw; } }
  .sb-tx {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    color: #ffffff;
    text-shadow: 0px 0px 5px #000000; }
    @media screen and (max-width: 1300px) {
      .sb-tx {
        font-size: 2.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .sb-tx {
        font-size: 7.2vw; } }

/* datatbl
---------------------------------------------------------------------------*/
.datatbl {
  width: 100%;
  border-collapse: separate;
  border-spacing: 8px 0; }
  @media screen and (max-width: 1300px) {
    .datatbl {
      border-spacing: 0.6153846154vw 0; } }
  @media screen and (max-width: 480px) {
    .datatbl {
      border-spacing: 1.0666666667vw 0; } }
  .datatbl th, .datatbl td {
    vertical-align: middle;
    line-height: 1.4;
    padding: 20px 0 20px 20px; }
    @media screen and (max-width: 1300px) {
      .datatbl th, .datatbl td {
        padding: 1.5384615385vw 0 1.5384615385vw 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .datatbl th, .datatbl td {
        padding: 2.6666666667vw; } }
  @media screen and (max-width: 480px) {
    .datatbl.spblock {
      border-spacing: 0; }
      .datatbl.spblock th, .datatbl.spblock td {
        display: block;
        width: 100% !important; }
      .datatbl.spblock th {
        border-bottom: 1px solid #00285f; }
      .datatbl.spblock td {
        border-bottom: 2px solid #fe011d; }
      .datatbl.spblock tr:first-of-type td {
        border-top: none; } }
  .datatbl th {
    border-bottom: 2px solid #fe011d;
    font-weight: 700;
    color: #fe011d; }
  .datatbl td {
    border-bottom: 1px solid #00285f;
    font-weight: 500; }
  .datatbl tr:first-of-type th {
    border-top: 2px solid #fe011d; }
  .datatbl tr:first-of-type td {
    border-top: 1px solid #00285f; }
  .datatbl .w118 {
    width: 118px; }
    @media screen and (max-width: 1300px) {
      .datatbl .w118 {
        width: 9.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .datatbl .w118 {
        width: 25%; } }
  .datatbl .w232 {
    width: 232px; }
    @media screen and (max-width: 1300px) {
      .datatbl .w232 {
        width: 17.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .datatbl .w232 {
        width: 25%; } }
  .datatbl .w350 {
    width: 350px; }
    @media screen and (max-width: 1300px) {
      .datatbl .w350 {
        width: 26.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .datatbl .w350 {
        width: 75%; } }
  .datatbl .w356 {
    width: 356px; }
    @media screen and (max-width: 1300px) {
      .datatbl .w356 {
        width: 27.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .datatbl .w356 {
        width: 75%; } }
  .datatbl .w840 {
    width: 840px; }
    @media screen and (max-width: 1300px) {
      .datatbl .w840 {
        width: 64.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .datatbl .w840 {
        width: 100%; } }

/* フォームパーツ
---------------------------------------------------------------------------*/
input[type=text],
input[type=email],
textarea,
select {
  width: 100%;
  border: none;
  border-radius: 0;
  background-color: #EAEFF0;
  font-weight: 400;
  padding: 1em;
  color: #00285f; }

input[type=text]::placeholder,
input[type=email]::placeholder,
textarea::placeholder {
  color: #AAC0C5; }

select {
  background-image: url(../img/cmn/sel-arw.png);
  background-position: right center;
  background-size: auto 100%;
  background-repeat: no-repeat; }

input[type=submit],
#confirm-button,
input[type=reset],
input[type=button] {
  width: 252px;
  height: 60px;
  border: 1px solid #00285f;
  border-radius: 30px;
  font-weight: 700;
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease; }
  @media screen and (max-width: 1300px) {
    input[type=submit],
    #confirm-button,
    input[type=reset],
    input[type=button] {
      width: 19.3846153846vw;
      height: 4.6153846154vw;
      border-radius: 2.3076923077vw; } }
  @media screen and (max-width: 480px) {
    input[type=submit],
    #confirm-button,
    input[type=reset],
    input[type=button] {
      width: calc((100% - 7vw) / 2);
      height: 12vw;
      border-radius: 6vw; } }
  input[type=submit]:hover,
  #confirm-button:hover,
  input[type=reset]:hover,
  input[type=button]:hover {
    cursor: pointer;
    opacity: 0.6; }

#confirm-button,
input[type=submit] {
  background-color: #00285f;
  color: #ffffff; }

input[type=reset],
input[type=button] {
  color: #00285f;
  background-color: #ffffff; }

.wpcf7-spinner {
  display: none !important; }

/* gmap
---------------------------------------------------------------------------*/
.gmap iframe {
  display: block;
  width: 100%;
  height: 424px;
  border-radius: 25px;
  overflow: hidden; }
  @media screen and (max-width: 1300px) {
    .gmap iframe {
      height: 32.6153846154vw;
      border-radius: 1.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .gmap iframe {
      height: 60vw;
      border-radius: 3.3333333333vw; } }

/* bg
---------------------------------------------------------------------------*/
.bg-vit {
  background-color: #ffc84d; }
.bg-vit_mdl {
  background-color: #ffe3a6; }
.bg-vit_thin {
  background-color: #fff1d2; }
.bg-str_thin {
  background-color: #fad2d3; }
.bg-aqua {
  background-color: #37b9b9; }
.bg-str_deep {
  background-color: #e51c24; }
.bg-mnd_thin {
  background-color: #e5e9ef; }
.bg-str {
  background-color: #fe011d; }
.bg-w {
  background-color: #ffffff; }
.bg-mnd {
  background-color: #00285f; }
.bg-agi {
  background-color: #50b450; }

/* bdrrad
---------------------------------------------------------------------------*/
.bdrrad {
  border-radius: 25px; }
  @media screen and (max-width: 1300px) {
    .bdrrad {
      border-radius: 1.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .bdrrad {
      border-radius: 3.3333333333vw; } }

/* indent
---------------------------------------------------------------------------*/
.indent {
  text-indent: -1em;
  padding-left: 1em; }

/* anchor
---------------------------------------------------------------------------*/
.anchor {
  color: #ffffff; }
  @media screen and (max-width: 480px) {
    .anchor {
      gap: 2.6666666667vw; } }
  .anchor a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 344px;
    height: 80px;
    background-color: #00285f;
    border-radius: 10px; }
    @media screen and (max-width: 1300px) {
      .anchor a {
        width: 26.4615384615vw;
        height: 6.1538461538vw;
        border-radius: 0.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .anchor a {
        width: 100%;
        height: 16vw;
        border-radius: 1.3333333333vw; } }
    .anchor a::after {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 12px;
      height: 10px;
      background-image: url(../img/cmn/anc-arw.png);
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }
      @media screen and (max-width: 1300px) {
        .anchor a::after {
          width: 0.9230769231vw;
          height: 0.7692307692vw;
          right: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .anchor a::after {
          width: 3.2vw;
          height: 2.6666666667vw;
          right: 2.6666666667vw; } }
    .anchor a > span {
      display: block;
      width: 100%;
      white-space: nowrap;
      text-align: center;
      line-height: 1.2; }

.ancpos {
  display: block;
  position: relative;
  z-index: -999999;
  margin-top: -60px;
  padding-top: 60px; }
  @media screen and (max-width: 1300px) {
    .ancpos {
      margin-top: -4.6153846154vw;
      padding-top: 4.6153846154vw; } }
  @media screen and (max-width: 480px) {
    .ancpos {
      margin-top: 0;
      padding-top: 0; } }