@charset "UTF-8";
/*********************************
	変数定義
*********************************/
/*
@media screen and (min-width: 1280px) {

  .hidden-tab {

    display: inherit !important;

  }

}

@media screen and (min-width: 835px) {

  .hidden-fb {

    display: none !important;

  }
}
  .hidden-sb {

    display: inherit !important;

  }
*/
._text__main-color {
  color: #007BD0; }

._text__color {
  color: #1F2123; }

._common-ralevay {
  font-family: var(--font01); }

._common__title {
  font-weight: 700;
  margin: 20px auto 16px;
  text-align: center; }
  @media only screen and (min-width: 835px) {
    ._common__title {
      margin: 40px auto 30px; } }

._common__h3 {
  color: #007BD0;
  text-align: center;
  font-weight: 600;
  margin-bottom: 12px; }
  @media only screen and (min-width: 835px) {
    ._common__h3 {
      font-size: 24px;
      margin-bottom: 30px;
      width: 100%; } }

._text__sub-color {
  color: #00AC5A; }

._common__text {
  font-size: 15px;
  color: #1F2123;
  line-height: 1.71;
  padding-bottom: 20px; }
  @media only screen and (min-width: 835px) {
    ._common__text {
      line-height: 2;
      font-size: 16px; } }

._common_circle {
  border-radius: 50%;
  background: #007BD0;
  display: flex;
  align-items: center;
  /* 縦方向の中央揃え */
  justify-content: center;
  /* 横方向の中央揃え（必要に応じて） */
  text-align: center;
  padding: 12px;
  /* 円の内側の余白を調整 */
  box-sizing: border-box;
  width: 72px;
  height: 72px;
  font-size: 24px; }
  ._common_circle p {
    margin: 0;
    line-height: 1; }
  ._common_circle .text-block-small {
    font-size: 10px; }
  @media only screen and (min-width: 835px) {
    ._common_circle {
      width: 115px;
      height: 115px;
      font-size: 54px; }
      ._common_circle .text-block-small {
        font-size: 15px; } }

._commom__sub-color {
  background: #00AC5A; }

._common__btn {
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
  text-align: center;
  display: block;
  margin: 0 auto 40px;
  background: #007BD0;
  border-radius: 40px;
  border: none;
  text-decoration: none;
  padding: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  width: 100%; }
  @media only screen and (min-width: 835px) {
    ._common__btn {
      line-height: 2;
      font-size: 20px;
      width: 540px;
      margin-top: 40px; } }

/***********************************
*	各セクション設定
***********************************/
#section_about__header {
  text-align: center; }
  #section_about__header h1 {
    font-size: 20px; }
    #section_about__header h1 span {
      font-size: 15px;
      font-weight: 300; }
  @media only screen and (min-width: 835px) {
    #section_about__header h1 {
      font-size: 40px; }
      #section_about__header h1 span {
        font-size: 25px; } }

@media only screen and (min-width: 835px) {
  #section_about__top {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto; }
    #section_about__top .section_about__top-img a img {
      width: 100%; } }

#section_about__about {
  padding: 0 20px; }
  #section_about__about h2 {
    font-size: 20px; }
  @media only screen and (min-width: 835px) {
    #section_about__about {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto 120px; }
      #section_about__about h2 {
        text-align: center;
        font-size: 40px; }
      #section_about__about .section_about__about-p {
        text-align: center; } }

#section_about__points {
  padding: 0 20px; }
  #section_about__points .section_about__points-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px; }
    #section_about__points .section_about__points-wrap .section_about__points-wrap_left {
      border-radius: 50%;
      color: #FFF; }
    #section_about__points .section_about__points-wrap .section_about__points-wrap_right {
      line-height: 1;
      font-size: 20px;
      margin-left: 10px; }
      #section_about__points .section_about__points-wrap .section_about__points-wrap_right span {
        display: inline-block; }
  #section_about__points .section_about__points-list .section_about__points-list-ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px; }
    #section_about__points .section_about__points-list .section_about__points-list-ul li {
      text-align: center;
      list-style: none;
      border: solid 1px #007BD0;
      border-radius: 10px;
      margin-bottom: 20px;
      padding: 18px 20px 0px; }
      #section_about__points .section_about__points-list .section_about__points-list-ul li img {
        width: 35%;
        object-fit: contain;
        margin-bottom: 20px; }
    #section_about__points .section_about__points-list .section_about__points-list-ul:last-of-type li {
      border: solid 1px #00AC5A; }
  @media only screen and (min-width: 835px) {
    #section_about__points {
      margin: 0 auto 120px;
      width: 100%;
      max-width: 1200px; }
      #section_about__points .section_about__points-wrap {
        margin-bottom: 30px; }
        #section_about__points .section_about__points-wrap .section_about__points-wrap_right {
          font-size: 40px;
          font-weight: 700;
          margin-left: 20px; }
          #section_about__points .section_about__points-wrap .section_about__points-wrap_right span {
            font-size: 24px;
            font-weight: 300;
            padding-bottom: 10px; }
      #section_about__points .section_about__points-list .section_about__points-list-ul {
        padding: inherit;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        gap: 30px;
        margin-bottom: 60px; }
        #section_about__points .section_about__points-list .section_about__points-list-ul li {
          padding: 5%;
          display: flex;
          flex-direction: column;
          align-items: flex-start; }
          #section_about__points .section_about__points-list .section_about__points-list-ul li img {
            height: 120px;
            width: 100%;
            object-fit: contain;
            margin-bottom: 40px;
            display: block; }
          #section_about__points .section_about__points-list .section_about__points-list-ul li p {
            text-align: left; } }

@media only screen and (min-width: 835px) {
  #section_about__faq {
    margin: 0 auto 120px;
    width: 100%;
    max-width: 1200px; } }