@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

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

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900 !important; }

.fab {
  font-family: 'Font Awesome 5 Brands'; }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400 !important; }

@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSans_medium.woff2") format("woff2"), url("../font/NotoSans_medium.woff") format("woff"); }

@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 900;
  src: url("../font/NotoSans_black.woff2") format("woff2"), url("../font/NotoSans_black.woff") format("woff"); }

body {
  font-size: 0.9em !important;
  font-family: "ヒラギノ角ゴ ProN" , sans-serif;
  font-weight: 300;
  color: #333743; }

body p, body dt, body dd {
  margin-bottom: 0.5em; }

body a {
  text-decoration: none; }

body a:link, body a:visited, body a:hover, body a:active {
  color: #333743; }


body button {
  height: 2.5em;
  width: 50%;
  padding: 0 10%;
  border-radius: 1.25em;
  border: 0;
  font-size: 16px;
  font-size: 1rem; }


/* common ------------------------------------ */
.content section {
  margin-bottom: 2%;
  line-height: 1.9;
  letter-spacing: 1.2;
  }

.content section h2, .content section h3, .content section p, .content section figure, .content section div {
  padding: 1.5% 4%; }

.content section h2 {
  font-weight: 900; }

.content section .ui {
  text-align: center; }

.content section .ui button.submit {
  width: 80%;
  background-color: #f7b70c;
  color: #ffffff; }

.content section .ui button.back {
  width: 80%;
  background-color: #bbbbbb;
  color: #ffffff; }

.content section .ui.flat {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly; }

.content section .ui.flat button {
  width: 40%; }

.content section.release p {
  text-align: center; }

.content section h3{
  background-color: #FEF4B3;
  padding: 3%;
  margin-bottom: 2%;
  font-weight: bold;}

/* second ------------------------- */
.second{
  background-color: #f9f9fa;
  padding-top: 6%;}

.second h2{
  font-weight: bold;
  margin-bottom: 3%;
  margin-left: 5%;}


/* index -------------------------------------- */
/* gNav ------------------------- */
.gNav {
  padding: 1.5% 4%;
  background-color: #f9f9fa;
  margin-bottom: 2%;}

.gNav ul {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.gNav ul li {
  display: block;
  width: 25%;
  text-align: center; }
.gNav ul li img{
  display: block;
  text-align: center;
  margin:0 auto 6% auto;}
.gNav ul li a{
  color: #49a757;
}
.gNav ul li a {
  display: block;
  padding: 0.75em;
  font-size: 0.5em;
  font-weight: bold;
  -ms-flex-align: stretch;
      align-items: stretch; }

.gNav ul li a.active {
  color: #49a757; }

/* gate-open ------------------------- */
.content section.gate-open figure{
  display: inline-block;}
.content section.gate-open figcaption{
  display: inline-block;
  width: 65%;
  margin-left: 3%;}


/* about -------------------------------------- */
.about section.release{
  background-color: #fff;
  padding: 3%;
}
.about section.notice{
  margin-bottom: 6%;
  background-color: #fff;
}
.about section.notice li{
  padding: 2% 6%;}
.about section.notice li a{
  display: block;}

.yoyakuru{
  padding: 2% 6%;
  background-color: #fff;
  display: flex;
  justify-content: space-between;}
.yoyakuru span{
  font-size: 1.0em;}

.about section.ver-txt{
  font-size: 0.8em;
  text-align: center;
  margin-top: 4%;
}


/* faq ---------------------------------------- */
.content section.faq dl {
  padding-top: 4%; }

.content section.faq dl dt, .content section.faq dl dd {
  position: relative;
  margin-bottom: 2%;
  padding: 1.5% 4% 2% calc(2.4em + 4%);
  text-indent: -2.4em; }

.content section.faq dl dt {
  background-color: #ffffff;}
.content section.faq dl dd {
  background-color: #fcfcfc;}

.content section.faq dl dt .mark, .content section.faq dl dd .mark {
  display: inline-block;
  width: 1.4em;
  text-align: right; }

.content section.faq dl dt .mark:first-letter, .content section.faq dl dd .mark:first-letter {
  font-size: 1.4em; }

.content section.faq dl dt .mark.q:first-letter, .content section.faq dl dd .mark.q:first-letter {
  color: #ff9100; }

.content section.faq dl dt .mark.a:first-letter, .content section.faq dl dd .mark.a:first-letter {
  color: #49a757; }

.content section.faq dl dt {
  ; }

.content section.faq dl dd {
  display: none; }

.content section.faq dl dd a.call{
  color: #3477DC;
}


/* inquiry ---------------------------------- */

.content section.inquiry{
  text-align: center; }

.content section.inquiry div.call {
  margin-bottom: 3%;
  background-color: #fff;
  padding: 10% 3% 10%; }

.content section.inquiry div.call a{
  width:80%;
  margin:0 auto;
  font-weight:bold;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:10px 0 8px;
  color:#fff;
  background-color:#F7B70C;
  border-radius:35px;
  font-size: 1.1em;
  line-height: 1.6;
  letter-spacing: 0.2em;   }

.content section.inquiry div.web {
  background-color: #fff;
  padding: 10% 3% 10%;}

.content section.inquiry div.web a{
  width:80%;
  margin:0 auto;
  font-weight:bold;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:10px 0 8px;
  color:#fff;
  background-color:#3477DC;
  border-radius:35px;
  font-size: 1.1em;
  line-height: 1.6;
  letter-spacing: 0.2em;   }

/* license ---------------------------------- */
.license{
  margin-bottom: 2rem;
}
.license li{
  background-color: #fff;
  padding: 1rem 2rem;
  margin-bottom: 0.3rem;
}
.license li a{
  display: block;
}
.license p{
  padding: 1rem 2rem;
}





@media screen and (min-width: 68.8125em), screen and (min-width: 48em) and (max-width: 68.75em){
  body{
    font-size: calc(0.9rem + (4 - 1) * ((100vw - 767px) / (1100 - 767))); } }

@media screen and (max-width: 47.9375em){
  body{
    font-size: calc(1rem + (8 - 2) * ((100vw - 320px) / (766 - 320))); } }

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