@font-face {
  font-family: "RFA Gothic Std";
  src: url("/font/RFAGothicStd-Regular.otf");
  font-display: swap;
}

:root {

  --rfa-color-bule01: linear-gradient(to right, #0063B1, #7D95E4);
  --rfa-color-bule02: linear-gradient(to right, #23647F, #4AA8E4);
  --rfa-color-01: linear-gradient(to right, #8FDEFF, #AEC0FF);
  --rfa-color-02: linear-gradient(to right, #F1FFD1, #ACCBF5);
  --linear-color: linear-gradient(to right, #F0F0EE, #E5F5FF);
  --rfa-figure-color: #E9F1FB;
  --rfa-color-strong01: linear-gradient(to right, #1153AF, #09509C);
  --rfa-color-strong02: linear-gradient(to right, #295D7E, #43506E 66%, #5D435E);
  --rfa-color-strong03: linear-gradient(-88.9544deg, rgb(240, 240, 238) 1.4563%, rgb(230, 241, 255) 89.086%);
  --text-color: linear-gradient(to right, #C6D0DB, #DFDFDF);

  --font-rfa: "RFA Gothic Std", sans-serif;
}


html {
  font-family: "Noto Sans JP", sans-serif;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

html.no-scroll {
  overflow: hidden;
}

body {
  scrollbar-gutter: stable;
  box-sizing: border-box;
}

img {
  width: 100%;
  height: auto;
}

img {
  vertical-align: bottom;
}

.pc {
  display: inline-block ;
}

.sp {
  display: none ;
}

@media screen and (max-width: 768px) {
  .pc {
    display: none ;
  }

  .sp {
    display: inline-block ;
  }
}

/* ===============================================
   パンくずリスト
   =============================================== */
.breadcrumb {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  color: #8a8a8a;
  display: flex;
  gap: 10px;
  align-items: center;
  width: 84%;
  max-width: 1080px;
  margin: 0 auto;
}

.breadcrumb a {
  color: #8a8a8a;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    padding: 20px 30px;
    font-size: 12px;
  }
}