@charset "utf-8";
/* CSS Document */
body {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
/*ヘッダ背景*/
.header {
  background-color: #8bd0dd;
  padding-top: 30px;
  padding-bottom: 20px;
  border-bottom: solid 2px white;
}
.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}
.box01 {
  position: relative; /* 中央寄せしたい要素の親タグにrelativeをつける */
  overflow: hidden; /* はみ出した部分は表示しないようにする */
  height: 600px; /* 高さは固定値を入れる */
}
.box01 img {
  position: absolute;
  top: 50%; /* トップを基準に中央配置 */
  left: 50%; /* 左を基準に中央配置 */
  width: 1920px;
  height: 600px;
  margin-top: -300px;
  margin-left: -960px;
}
.maincontainer {
  max-width: 980px;
  margin: 0 auto;
}
.bgyellow {
  background-color: #fffbef;
  padding-bottom: 90px;
}
.bgwhite {
  background-color: white;
  padding-bottom: 90px;
}
.title_bluegray {
  font-size: clamp(32px, 3vw, 42px);
  color: #547686;
  font-weight: 600;
  margin-top: 90px;
}
.subtitle_bluegray {
  font-size: clamp(18px, 3vw, 21px);
  color: #547686;
  margin-bottom: 30px;
}

.description_bluegray {
  font-size: clamp(16px, 3vw, 18px);
  color: #547686;
  margin-bottom: 30px;
  line-height: 200%
}

.sns_bluegray {
  font-size: clamp(26px, 3vw, 34px);
  color: #547686;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: -45px;
}

.chara_name {
  font-size: clamp(17px, 3vw, 21px);
  color: #547686;
  font-weight: 600;
  margin-top: 10px;
}
.chara_sub_name {
  font-size: clamp(14px, 3vw, 18px);
  color: #547686;
  height: 80px;
}

.btn_return {
  font-size: clamp(19px, 3vw, 21px);
  font-weight: 600;
  margin-top: 60px;
  margin-bottom: 90px;
}

.btnimage {
  display: inline-block;
}

/*追従ボタン*/
.fixed_btn { 
  position: fixed;
  bottom: 150px;
  right: 10px;
  padding: 6px 10px;
  width: 80px;
  height: auto;
  opacity: 0.8;
}
.btnbr {
  display: block;
  content: "";
  margin: 10px 0;
}


/*フッタ*/
footer {
  background-color: #8bd0dd;
  padding-top: 15px;
  padding-bottom: 30px;
  color: white !important;
}
.companyname {
  font-size: 16px;
}
.copyright {
  font-size: 14px;
}
@media screen and (max-width:768px) {
  /*　画面サイズが768px以下の場合読み込む　*/
  #page-top {
    display: none !important;
  }
  .title_bluegray {
    margin-top: 45px;
  }
  .bgyellow {
    padding-bottom: 45px;
  }
  .bgwhite {
    padding-bottom: 45px;
  }
}

/*改行位置調節*/
@media screen and (min-width: 768px) {
  /*　画面サイズが768px以上の場合読み込む　*/
  .br-sp {
    display: none;
  }
}
@media screen and (max-width:990px) {
  .br-pc {
    display: none;
  }
}