@charset "UTF-8";

/*----- 共通変数 -----*/
:root{
  --font-Gothic: "Roboto", sans-serif;
	--font-Mincho: "Shippori Mincho", serif;

  --color-main: #002A64;
  --color-silver: #C9CACA;
  --color-gold: #B9A540;
  --color-link: #09D;
}

/*----- PC -----*/

section p{
  letter-spacing: 1px;
}

section p a{
  color: var(--color-link);
  text-decoration: underline;
  text-underline-offset: 3px;
}

section li{
  line-height: 2;
}

section ol{
  padding:0;
  margin:0;
  letter-spacing: 1px;

  li{
    list-style-type:none;
    counter-increment: number;
    text-indent: -26px;
    padding-left: 30px;

    &::before{
      content: "(" counter(number) ") ";
    }
  }
}

section ul{
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  letter-spacing: 1px;

  li{
    text-indent: -15px;
    padding-left: 20px;

    &::before{
      display: inline-block;
      vertical-align: middle;
      content: "";
      width: 6px;
      height: 6px;
      background: var(--color-silver);
      border-radius: 50%;
      margin-right: 8px;
    }
  }

}

.inner{
  width: 100%;
  max-width: 970px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 0;
}

h2{
  margin: 0 auto;
  font-size: 24px;
  width: fit-content;
  min-width: 200px;
  height: auto;
  margin-top: 180px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: center;
  line-height: 1.6;

  border-bottom: solid 3px var(--color-gold);
  position: relative;

  &::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px var(--color-silver);
    bottom: -3px;
    width: 50%;
  }
}

h3{
  font-size: 20px;
  margin-bottom: 10px;
}

h4{
  font-size: 20px;
  font-family: var(--font-Mincho);
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 15px;
  border-left: solid 6px var(--color-gold);
  padding-left: 10px;
  line-height: 1.5;
}

.wrp p, .wrp ul, .wrp ol{
  margin-left: 16px;
  letter-spacing: 1px;
}

.breadcrumbs{
  width: 100%;
  max-width: 970px;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 60px;

  .bc-li{
    display: flex;
    gap: 10px;

    p{
      font-size: 13px;
      color: #333;

      a{
        color: var(--color-link);
      }
    }
  }
}

section.inq{
  display: flex;
  flex-direction: column;
  gap: 10px;

  p{
    line-height: 1.7;
  }

  span{
    font-weight: 600;
  }
}

table.border-non{
  margin-top: 30px;

  td{
    border: none;
    line-height: 1.5;
    padding: 4px;

    &:first-child{
      width: 78px;
    }

    &.ta-R{
      text-align: right;
    }
  }
  
}




/*----- TB -----*/
@media screen and (max-width: 760px){
  .inner{
    padding: 0 15px;
  }
  .breadcrumbs{
    padding: 0 15px;
  }

}


/*----- SP -----*/
@media screen and (max-width: 460px){

  h1{
    font-size: 22px;
  }

  


}