@charset 'utf-8';

/*
  背景色
*/
.bg-white {
  background-color: #fff;
}

.bg-blue {
  background-color: #007197;
}

.bg-light_blue {
  background-color: #d7ecff;
}



/*
  PC / SP の切り替え
*/

@media all and (min-width: 768px) {
  .pc {
    display: block !important;
  }
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}



/*
  フレックスボックス
*/
.flex {
  display: flex;
  flex-wrap: wrap;
}



/*
  section関連
*/
.section-container {
  width: 100%;
}

.section-inner {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 767px) {
  .section-content {
    max-width: none;
  }
}


/*
  ボタン
*/

.btn a,
button.btn {
  display: block;
  color: #fff;
  font-size: 0.875rem;
  line-height: 44px;
  text-align: center;
  width: 260px;
  border-radius: 22px;
  background-color: #007197;
}

.blank a::after {
  display: inline-block;
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background: url(../images/common/ico-blank.svg) center center / contain no-repeat;
  position: relative;
  transform: translateY(-1px);
}


/*
  アンカーリンク先のズレ調整
*/

@media screen and (min-width: 768px) {
  .anchor {
    margin-top: -71px;
    border-top: 71px solid transparent;
  }
  .anchor.bg-blue,
  .anchor.bg-light_blue {
    border-top: 71px solid #fff;
  }
}