@charset "UTF-8";
/* メディアクエリ
======================================== */
@media screen and (max-width: 768px) {
  .pc_ver {
    display: none; } }

@media screen and (min-width: 769px) {
  .sp_ver {
    display: none; } }

/* 後付けマージン
======================================== */
.mt0 {
  margin-top: 0px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt100 {
  margin-top: 100px !important; }

.mt110 {
  margin-top: 110px !important; }

.mt120 {
  margin-top: 120px !important; }

.mt130 {
  margin-top: 130px !important; }

.mt140 {
  margin-top: 140px !important; }

.mt150 {
  margin-top: 150px !important; }

.mt160 {
  margin-top: 160px !important; }

@media screen and (max-width: 768px) {
  .mtsp0, .mtonlySP0 {
    margin-top: 0px !important; } }

@media screen and (max-width: 768px) {
  .mtsp10, .mtonlySP10 {
    margin-top: 10px !important; } }

@media screen and (max-width: 768px) {
  .mtsp20, .mtonlySP20 {
    margin-top: 20px !important; } }

@media screen and (max-width: 768px) {
  .mtsp30, .mtonlySP30 {
    margin-top: 30px !important; } }

@media screen and (max-width: 768px) {
  .mtsp40, .mtonlySP40 {
    margin-top: 40px !important; } }

@media screen and (max-width: 768px) {
  .mtsp50, .mtonlySP50 {
    margin-top: 50px !important; } }

@media screen and (max-width: 768px) {
  .mtsp60, .mtonlySP60 {
    margin-top: 60px !important; } }

@media screen and (max-width: 768px) {
  .mtsp70, .mtonlySP70 {
    margin-top: 70px !important; } }

@media screen and (max-width: 768px) {
  .mtsp80, .mtonlySP80 {
    margin-top: 80px !important; } }

@media screen and (max-width: 768px) {
  .mtsp90, .mtonlySP90 {
    margin-top: 90px !important; } }

@media screen and (max-width: 768px) {
  .mtsp100, .mtonlySP100 {
    margin-top: 100px !important; } }

@media screen and (max-width: 768px) {
  .mtsp110, .mtonlySP110 {
    margin-top: 110px !important; } }

@media screen and (max-width: 768px) {
  .mtsp120, .mtonlySP120 {
    margin-top: 120px !important; } }

@media screen and (max-width: 768px) {
  .mtsp130, .mtonlySP130 {
    margin-top: 130px !important; } }

@media screen and (max-width: 768px) {
  .mtsp140, .mtonlySP140 {
    margin-top: 140px !important; } }

@media screen and (max-width: 768px) {
  .mtsp150, .mtonlySP150 {
    margin-top: 150px !important; } }

@media screen and (max-width: 768px) {
  .mtsp160, .mtonlySP160 {
    margin-top: 160px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC0 {
    margin-top: 0px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC10 {
    margin-top: 10px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC20 {
    margin-top: 20px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC30 {
    margin-top: 30px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC40 {
    margin-top: 40px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC50 {
    margin-top: 50px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC60 {
    margin-top: 60px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC70 {
    margin-top: 70px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC80 {
    margin-top: 80px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC90 {
    margin-top: 90px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC100 {
    margin-top: 100px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC110 {
    margin-top: 110px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC120 {
    margin-top: 120px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC130 {
    margin-top: 130px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC140 {
    margin-top: 140px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC150 {
    margin-top: 150px !important; } }

@media screen and (min-width: 769px) {
  .mtonlyPC160 {
    margin-top: 160px !important; } }

.pcWidth1 {
  width: 5% !important; }

.pcWidth2 {
  width: 10% !important; }

.pcWidth3 {
  width: 15% !important; }

.pcWidth4 {
  width: 20% !important; }

.pcWidth5 {
  width: 25% !important; }

.pcWidth6 {
  width: 30% !important; }

.pcWidth7 {
  width: 35% !important; }

.pcWidth8 {
  width: 40% !important; }

.pcWidth9 {
  width: 45% !important; }

.pcWidth10 {
  width: 50% !important; }

.pcWidth11 {
  width: 55% !important; }

.pcWidth12 {
  width: 60% !important; }

.pcWidth13 {
  width: 65% !important; }

.pcWidth14 {
  width: 70% !important; }

.pcWidth15 {
  width: 75% !important; }

.pcWidth16 {
  width: 80% !important; }

.pcWidth17 {
  width: 85% !important; }

.pcWidth18 {
  width: 90% !important; }

.pcWidth19 {
  width: 95% !important; }

.pcWidth20 {
  width: 100% !important; }

/* リセット
======================================== */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, main, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  white-space: normal;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  text-align: left; }

img:not(.normal) {
  max-width: 100%;
  vertical-align: bottom; }

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #0f3263; }

* {
  box-sizing: border-box; }
  *:before, *:after {
    box-sizing: border-box; }

a img:hover {
  opacity: 0.6; }
a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #000; }

@media screen and (min-width: 769px) {
  .phones {
    pointer-events: none;
    color: #333 !important; } }

ul.notice {
  text-align: left;
  line-height: 1.7;
  margin-top: 15px;
  color: #666;
  font-size: small; }
  ul.notice li {
    margin-top: 5px; }
    ul.notice li:before {
      content: "※"; }
ul.circles {
  margin-top: 15px; }
  ul.circles li {
    margin-top: 5px;
    padding-left: 1em;
    text-indent: -1em; }
    ul.circles li:before {
      content: "●"; }

body {
  background-color: #FFF;
  font-family: 'Roboto', sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.8;
  color: #333;
  position: relative;
  min-height: 100vh; }
  @media screen and (min-width: 769px) {
    body {
      font-size: 16px; } }
  @media screen and (max-width: 768px) {
    body {
      font-size: 14px; } }

.-en {
  font-family: 'Roboto', sans-serif; }

header {
  width: 100%;
  padding: 20px 5%;
  text-align: center; }

header img {
  display: block;
  margin: 0 auto;
  width: auto;
  height: 48px; }

footer {
  padding: 20px 5%;
  text-align: center; }

.tv_container {
  width: 90%;
  max-width: 768px;
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .tv_container {
      margin: 100px auto; } }
  @media screen and (max-width: 768px) {
    .tv_container {
      margin: 50px auto; } }

.tv_container h1 {
  font-weight: 700;
  color: #133263;
  padding-bottom: 3em;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .tv_container h1 {
      font-size: 28px; } }
  @media screen and (max-width: 768px) {
    .tv_container h1 {
      font-size: 20px; } }

@media screen and (min-width: 769px) {
  .wp-block-heading {
    margin-top: 80px;
    margin-bottom: 15px; } }
@media screen and (max-width: 768px) {
  .wp-block-heading {
    margin-top: 40px;
    margin-bottom: 10px; } }

h2.wp-block-heading {
  font-weight: 500;
  line-height: 1.5; }
  @media screen and (min-width: 769px) {
    h2.wp-block-heading {
      font-size: 20px; } }
  @media screen and (max-width: 768px) {
    h2.wp-block-heading {
      font-size: 18px; } }

.tv_container > p {
  margin-bottom: 1.5em;
  line-height: 1.8; }