@charset "UTF-8";
/* ===================================
VARIABLE
=================================== */
/* h1 40px */
/* h2 32px */
/* h3 28px */
/* h4 24px */
/* h5 20px */
/* h6 16px */
/* h7 14px */
/* h8 12px */
/* h9 10px */
/* 48px */
.h1 {
  font-size: 2.5rem; }

/* h1 40px */
.h2 {
  font-size: 2rem; }

/* h2 32px */
.h3 {
  font-size: 1.75rem; }

/* h3 28px */
.h4 {
  font-size: 1.5rem; }

/* h4 24px */
.h5 {
  font-size: 1.25rem; }

/* h5 20px */
.h6 {
  font-size: 1rem; }

/* h6 16px */
.h7 {
  font-size: 0.875rem; }

/* h7 14px */
.h8 {
  font-size: 0.75rem; }

/* h8 12px */
.h9 {
  font-size: 0.625rem; }

/* h9 10px */
.topSpace {
  padding-top: 60px; }

html {
  scroll-behavior: smooth; }

* {
  min-height: 0vw;
  min-height: 0; }

body {
  font-family: 'メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  color: #231820 !important;
  font-size: clamp(1rem, 3vw, 1.25rem);
  padding: 0;
  line-height: 2; }

/* ===================================
COMMON
=================================== */
.main_container {
  margin: 0 auto;
  width: 95%;
  max-width: 1200px; }

.bold {
  font-weight: bold; }

p {
  margin: 0;
  padding: 0; }

table th, table td {
  margin: 0;
  font-weight: normal; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul li {
    margin: 0;
    padding: 0; }

dl {
  margin: 0; }
  dl dt, dl dd {
    margin: 0;
    font-weight: normal; }

a {
  text-decoration: none;
  transition: .5s all; }
  a:hover {
    color: #ED1C24; }

.linkBar {
  position: relative;
  display: inline-block; }
  .linkBar:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0.25rem;
    width: 100%;
    height: 2px;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
    background-color: #ED1C24; }
  .linkBar:hover::after {
    transform: scale(1, 1); }

.width_95 {
  width: 95%;
  margin: 0 auto; }

.width_90 {
  width: 90%;
  margin: 0 auto; }

.width_80 {
  width: 80%;
  margin: 0 auto; }

.width_60 {
  width: 60%;
  margin: 0 auto; }

.width_70 {
  width: 70%;
  margin: 0 auto; }

.width_50 {
  width: 50%;
  margin: 0 auto; }

.width_30 {
  width: 30%;
  margin: 0 auto; }

.__w95 {
  width: clamp(300px, 90vw, calc(1200px * 0.95));
  margin: 0 auto; }

.__w90 {
  width: clamp(300px, 90vw, calc(1200px * 0.9));
  margin: 0 auto; }

.__w80 {
  width: clamp(300px, 90vw, calc(1200px * 0.8));
  margin: 0 auto; }

.__w70 {
  width: clamp(300px, 90vw, calc(1200px * 0.7));
  margin: 0 auto; }

.__w60 {
  width: clamp(300px, 90vw, calc(1200px * 0.6));
  margin: 0 auto; }

.__w50 {
  width: clamp(300px, 90vw, calc(1200px * 0.5));
  margin: 0 auto; }

.__w40 {
  width: clamp(300px, 90vw, calc(1200px * 0.4));
  margin: 0 auto; }

.__w30 {
  width: clamp(300px, 90vw, calc(1200px * 0.3));
  margin: 0 auto; }

.w520only {
  display: none !important; }

.w960only {
  display: none !important; }

.pdg305 {
  padding: 3.5vmax 0; }

hr {
  margin: 0.5rem 0 1rem; }

/* ===================================
*INDEX
=================================== */
/*----------------------------------------------------sectionIndexTop */
.sectionIndexTop .logo {
  width: clamp(16rem, 45vw, 30rem);
  margin: 5vmax auto 10vw; }

/*----------------------------------------------------sectionIndexInfo */
.contentsBox {
  margin-bottom: 5vmax; }
  .contentsBox .title {
    margin-left: 1vw;
    font-weight: bold; }
  .contentsBox .detail {
    margin: 0 2vw;
    line-height: 1.75; }
    .contentsBox .detail .purposeBox {
      list-style-type: decimal;
      margin-left: 2vmax; }
      .contentsBox .detail .purposeBox li {
        padding-left: 1vw; }
    .contentsBox .detail dl {
      display: flex;
      flex-wrap: wrap; }
      .contentsBox .detail dl dt {
        width: 30%; }
      .contentsBox .detail dl dd {
        width: 70%; }
    .contentsBox .detail .policyBox .title {
      margin: 0 0 0.5vw 0; }
    .contentsBox .detail .policyBox .content {
      margin-bottom: 2rem; }
      .contentsBox .detail .policyBox .content ul {
        list-style: disc;
        padding: 0.5rem 0 0 1rem; }

/*----------------------------------------------------footer */
footer {
  background: #ED1C24;
  padding: 0.5rem;
  margin-top: 7vmax; }
  footer .logo {
    width: 5rem;
    margin: auto; }

/* ===================================
*MEDIA
=================================== */
/*979px以下　Tablet(mini)*/
@media screen and (max-width: 960px) {
  /*必要ならばここにコードを書く*/
  /*----------------------------------------------------common 960*/
  .w960only {
    display: block !important; }

  .w960none {
    display: none !important; }

  .width_80, .width_60, .width_50, .width_30, .width_90 {
    width: 95%; }

  .width_50s {
    width: 75%; }

  /*----------------------------------------------------index_Index 960*/ }
/*576-375px以下 SPSP*/
@media screen and (max-width: 560px) {
  /*必要ならばここにコードを書く*/
  /*----------------------------------------------------common 560*/
  .width_80, .width_60, .width_50, .width_30, .width_90 {
    width: 100%; }

  .width_50s {
    width: 95%; }

  .w520only {
    display: block !important; }

  .w520none {
    display: none !important; }

  /*----------------------------------------------------sectionIndexInfo 560*/
  .contentsBox .detail dl dt {
    width: 100%;
    background: rgba(237, 28, 36, 0.1);
    padding-left: 0.5rem; }
  .contentsBox .detail dl dd {
    width: 100%;
    margin-left: 1rem;
    padding: 0.5rem 0; } }

/*# sourceMappingURL=style.css.map */