@charset "UTF-8";

/* @font-face {
  font-family: "NotoSansCJKjp";
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP"), local("NotoSansCJKjp-Regular"), local("NotoSansJP-Regular"), url("/font/NotoSansCJKjp-Regular.eot") format("eot"), url("/font/NotoSansCJKjp-Regular.ttf") format("ttf"), url("/font/NotoSansCJKjp-Regular.woff2") format("woff2"), url("/font/NotoSansCJKjp-Regular.woff") format("woff");
}

body #TandC{
  font-family: "Noto Sans CJK JP", "NotoSansCJKjp", "Noto Sans", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
 } */

#TandC {
  width: 92vw;
  font-size: 4.5vw;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 auto 50px auto;
  padding: 0;
  color: #111;
}
#TandC .b550 {
  font-weight: 550;
}
#TandC .b700 {
  font-weight: 700;
}
#TandC .red {
  color: #e00000;
}
#TandC em {
  text-decoration: none;
  display: inline;
}
#TandC .ttl01 {
  font-size: 7.5vw;
  font-weight: 550;
  margin: 1.3em 0 0.25em 0;
}
#TandC .ttl01 .kakko {
  display: block;
  font-size: 4.5vw;
  margin-bottom: 0.8em;
}
#TandC .ymd {
  display: block;
  font-size: 4.5vw;
  margin-bottom: 1.3em;
  color: #666;
}
#TandC .tx01 {
  font-size: 4.5vw;
  text-indent: 1em;
}
#TandC .tx01b {
  font-size: 4.5vw;
  text-indent: 0;
}
#TandC .ttl02 {
  font-size: 5.7vw;
  font-weight: 550;
  margin: 1.3em 0 0.5em 0;
}
#TandC .ttl03 {
  font-size: 4.5vw;
  font-weight: 500;
  margin: 0 0 0.2em 0;
}
#TandC .decimal {
  font-size: 4.5vw;
  padding-inline-start: 1.2em;
}
#TandC .decimal li {
  list-style-type: decimal;
  margin-bottom: 0.6em;
}
#TandC ul.subList {
  margin: 0.3em 0;
  font-size: 4.5vw;
  padding-inline-start: 0;
}
#TandC .subList li {
  list-style-type: none;
  text-indent: -1.7em;
  padding-left: 1.7em;
  margin-bottom: 0.2em;
}
#TandC .subList li.dbl {
  text-indent: -2em;
  padding-left: 2em;
  margin-bottom: 0.2em;
  padding-top: 0.3em;
  font-size: 4vw;
}
#TandC .tb01 {
  font-size: 4.5vw;
  margin: 1em 0 0.5em 0;
  border-top: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  width: 100%;
}
#TandC .tb01 th {
  background-color: #eee;
  padding: 0.25em 0.5em;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  text-align: left;
  vertical-align: top;
  font-size: 4.5vw;
  font-weight: 500;
}
#TandC .tb01 td {
  background-color: #fff;
  padding: 0.25em 0.5em;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  text-align: left;
  vertical-align: top;
  font-size: 4.5vw;
  font-weight: 500;
}
#TandC .colophon {
  margin: 2em 0;
}

#TandC a:link {
  color: #1e77c9;
  text-decoration: underline;
  outline: none;
}
#TandC a:visited {
  color: #1e77c9;
  text-decoration: underline;
  outline: none;
}
#TandC a:hover {
  color: #1e77c9;
  text-decoration: underline;
  outline: none;
  opacity: 0.7;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
#TandC a:active {
  color: #1e77c9;
  text-decoration: underline;
  outline: none;
}

/* --- PC --- */
@media screen and (min-width: 767px) {
  #TandC {
    width: 920px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.6;
    margin: 80px auto;
    padding: 0;
    color: #111;
  }
  #TandC .b550 {
    font-weight: 550;
  }
  #TandC .b700 {
    font-weight: 700;
  }
  #TandC .red {
    color: #e00000;
  }
  #TandC em {
    text-decoration: none;
    display: inline;
  }
  #TandC .ttl01 {
    font-size: 33px;
    font-weight: 550;
    margin-bottom: 0.25em;
  }
  #TandC .ttl01 .kakko {
    display: inline;
    font-size: 22px;
  }
  #TandC .ymd {
    display: block;
    font-size: 17px;
    margin-bottom: 1.9em;
  }
  #TandC .tx01 {
    font-size: 17px;
    text-indent: 1em;
  }
  #TandC .tx01b {
    font-size: 17px;
    text-indent: 0;
  }

  #TandC .ttl02 {
    font-size: 23px;
    font-weight: 550;
    margin: 1.3em 0 0.5em 0;
  }
  #TandC .ttl03 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 0.2em 0;
  }
  #TandC .decimal {
    font-size: 17px;
    padding-inline-start: 1.2em;
  }
  #TandC .decimal li {
    list-style-type: decimal;
    margin-bottom: 0.6em;
  }
  #TandC ul.subList {
    margin: 0.3em 0;
    font-size: 17px;
    padding-inline-start: 0;
  }
  #TandC .subList li {
    list-style-type: none;
    text-indent: -1.7em;
    padding-left: 1.7em;
    margin-bottom: 0.2em;
  }
  #TandC .subList li.dbl {
    text-indent: -2em;
    padding-left: 2em;
    margin-bottom: 0.2em;
    padding-top: 0.3em;
    font-size: 16px;
    color: #666;
  }
  #TandC .tb01 {
    font-size: 17px;
    margin: 1em 0 0.5em 0;
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    min-width: 50%;
  }
  #TandC .tb01 th {
    background-color: #eee;
    padding: 0.5em 1em;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    text-align: left;
    vertical-align: top;
    font-size: 17px;
    font-weight: 500;
  }
  #TandC .tb01 td {
    background-color: #fff;
    padding: 0.5em 1em;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    text-align: left;
    vertical-align: top;
    font-size: 17px;
    font-weight: 500;
  }
  #TandC .colophon {
    margin: 2em 0;
  }
}