@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

html[lang] {
  font-size: 16px;
}

body {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto, "Droid Sans", sans-serif;
  font-weight: 400;
  max-width: 1440px;
  margin: auto;
}
.l-headerMenu {
  margin-bottom: 4rem;
}
.l-cols_item-4cols {
  width: 100%;
}
.l-cols_item-4cols:not(:nth-child(2n)) {
  margin-right: 0;
}
.p-sec {
  background-color: #EDFBFF;
}
.p-sec_ttl {
  font-size: 24px;
}
.p-sec_footer {
  margin-top: 0;
  padding-bottom: 3rem;
}
.p-sec_lead {
  padding-left: 0;
  padding-right: 0;
}
.p-sec_lead > p:not(:last-of-type) {
  margin-bottom: 1.5rem;
}
.p-sec_leadList {
  padding: 1rem 0;
  background-color: white;
  font-weight: bold;
  text-align: center;
}
.p-sec_leadList > li {
  display: list-item;
  width: auto;
}
.p-sec_leadList > li::before {
  content: "・"
}
.p-secChild_ttl {
  font-size: 18px;
}
.p-recommend_ttl {
  color: #4EA8DB;
}
.c-navList-horizontalBar > li > a {
  padding-left: .5rem;
  padding-right: 2.5rem;
  font-size: 16px;
}
.c-navList-horizontalBar > li > a::before {
  background-color: #A92E2D;
  right: 15px;
}
.c-navList-horizontalBar > li > a::after {
  right: 23px;
}

.c-navList > li > a {
  background-color: #4EA8DB;
}
.c-txtStrong-underbar {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #FBFF24), color-stop(75%, #FBFF24));
  background: linear-gradient(to bottom, #FBFF24 75%, #FBFF24 75%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, rgba(255, 185, 102, 0)), color-stop(75%, #FBFF24));
  background: linear-gradient(to bottom, rgba(255, 185, 102, 0) 75%, #FBFF24 75%);
}
.c-txtEllipsis {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-ttl-border {
  border-color: #4EA8DB;
  color: #4EA8DB;
  line-height: 1.5;
}
.c-ttl-sec {
  background-color: #4EA8DB;
  color: white;
}
.c-feature_ttl {
  font-size: 18px;
}
.c-feature_subTtl {
  display: block;
  color: #4EA8DB;
  font-size: 14px;
  line-height: 1.35;
  text-align: left;
}
.c-feature_container > p {
  font-size: 14px;
}
.c-stepFlow_list > li {
  border-color: #4EA8DB;
}
.c-stepFlow_list > li:not(:last-of-type):after {
  border-left-color: #4EA8DB;
}
.c-stepFlow_list > li > p {
  font-size: 18px;
  font-weight: normal;
}
.p-share_container {
  background-color: #EDFBFF;
}
.c-btn {
  background: #A92E2D;
}
.c-btn-pagetop > svg {
  fill: #4EA8DB;
}
.c-btn-pagetop > svg > circle {
  stroke: #fff;
  stroke-width: 1px;
  r: 28;
}
.l-footer .p-copy {
  background: #4EA8DB;
  color: #fff;
}
.p-secChiled_container.p-sec_lead {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .l-headerMenu {
    margin-top: -35px;
  }
  .l-cols_item-4cols {
    width: calc(25% - 18px);
  }
  .l-cols_item-3cols {
    width: calc(33.3333333333% - 16px);
  }
  .l-cols_item-3cols:not(:nth-child(3n)) {
   margin-right: 1.5rem;
  }
  .l-cols_item-4cols:not(:nth-child(4n)) {
    margin-right: 24px;
  }
  .p-sec_lead-left {
    text-align: left;
  }
  .c-navList-horizontalBarRadius {
    padding: 0;
  }
  .c-navList > li {
    max-width: 25%;
  }
  .c-stepFlow_list > li > p > span {
    display: block;
  }
}

/*FBFF24*/