@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
/* Scss Document */
body {
  background: #F0F2F6 url(/img/common/bg_cont.svg) repeat;
  background-attachment: fixed;
  font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5, Hiragino Sans, ヒラギノ角ゴシック, Meiryo, "sans-serif";
  color: #20254B;
  line-height: 1.2;
}

#bg-video {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
#bg-video .video {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 100%;
  min-width: 100%;
}

.mb-box {
  margin-bottom: clamp(7rem, 10.4166666667vw, 10rem);
}

h1, h2, h3, h4 {
  font-weight: normal;
}

::selection {
  color: #fff;
  background: #5778ED;
}

button {
  font-family: FP-ヒラギノUD角ゴ StdN W5, FP-HiraginoUDSansStdN-W5, Hiragino Sans, ヒラギノ角ゴシック, Meiryo, "sans-serif";
}

.loading__cont .loading__cont-animate .text {
  color: #4280F5;
}
.loading__cont .loading__cont-animate .icon span {
  background: #4280F5;
}

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #mainimg .swiper-slide a {
    padding-top: 0 !important;
  }
  #mainimg .swiper-slide a:hover {
    opacity: 1;
    filter: brightness(1.16);
  }
}
/*------------------------------
		861px以上
------------------------------*/
/*------------------------------
		1041px以上
------------------------------*/
/* Scss Document */
/*------------------------------
		下層タイトル
------------------------------*/
/*------------------------------
		ボタン
------------------------------*/
.btn a, .btn button, .btn .btn__input, .btn input {
  display: block;
  position: relative;
  z-index: 1;
  width: 90%;
  max-width: 400px;
  margin: auto;
  padding: 20px 5px;
  box-sizing: border-box;
  background: transparent;
  border: 2px solid #2E49A5;
  border-radius: 50px;
  color: #2E49A5;
  font-size: 1.6rem;
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  font-weight: bold;
  text-align: center;
}
.btn a:after, .btn button:after, .btn .btn__input:after, .btn input:after {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 2px solid;
  border-right: 2px solid;
  top: calc(50% - 2px);
  transform: rotate(45deg) translate(0%, -50%);
  right: 25px;
  content: "";
}

.goast-ttl {
  color: transparent;
  -webkit-text-stroke: 1px #FFFFFF;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

/*------------------------------
　　各タイトル
------------------------------*/
.common__txt .common__txt-ttl span {
  color: #E68E01 !important;
}

/*------------------------------
		お問い合わせ
------------------------------*/
/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /*------------------------------
          ボタン
  ------------------------------*/
  .btn a:hover, .btn button:hover, .btn .btn__input:hover, .btn input:hover, .btn .btn__deco:hover {
    opacity: 1;
    background: #2E49A5;
    color: #fff;
  }
  /*------------------------------
       各タイトル
     ------------------------------*/
  /*------------------------------
            下層タイトル
    ------------------------------*/
  /*------------------------------
  	お問い合わせ
  ------------------------------*/
}
/*------------------------------
		1041px以上
------------------------------*/
@media screen and (min-width: 981px) {
  /*------------------------------
          下層タイトル
  ------------------------------*/
}
/*------------------------------
		1281px以上
------------------------------*/
@media screen and (min-width: 1201px) {
  /*------------------------------
  	お問い合わせ
  ------------------------------*/
}
/* Scss Document */
#header .header__nav-list li {
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  font-weight: bold;
}
#header .header__nav-official {
  font-family: FP-ヒラギノUD角ゴ StdN W6, "sans-serif";
  font-weight: bold;
}
#header .header__menubtn {
  background: linear-gradient(60deg, #297FAD 0, #785FFF 100%);
}

/*------------------------------
		769px以上
------------------------------*/
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
/* Scss Document */
#footer {
  background: #2D438B;
}

/*------------------------------
		769px以上
------------------------------*/
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1200px以上
------------------------------*/
/*# sourceMappingURL=common.css.map */