@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@600&display=swap');

html{font-size: 62.5%;background: none;}
body{font-size:1.6rem;line-height:1.8;font-weight: 400;font-family: "M PLUS 1p";}
.pc{display:block;}
.sp{display:none;}
.inner{width: 980px ;margin:0 auto;}
a:link{text-decoration:underline;}
a:hover{text-decoration:none;}
header{padding: 5em;height: 100vh;box-sizing:border-box;display:flex;align-items:center;justify-content: center;position:relative;}
header div{max-width:800px;}
header h1{width: 100%;margin:0 auto;}
header h2{font-size:2rem;line-height: 1.6;font-weight:800;margin-top: 0.5em;}
header figure{position: absolute;left:0;
    bottom: 5em;
    width: 100%;
    text-align: center;}
header figure img{width: 25px;max-width:100%;display:inline-block;}
@keyframes blinkAnimation {
  0% {
    opacity: 0;margin-bottom:0;
  }
  100% {
    opacity:1;margin-bottom:-8px;
  }
}
.blink {
  animation: blinkAnimation 1s ease infinite alternate;
}

.block{margin-bottom: 10em;}

article{background: #fabe00;padding: 5em 0;}
article h1{    line-height: 1.4;margin-bottom: 0.5em;}
article h3{margin: 2em 0 0.5em;text-align:center;font-family: 'Prompt', sans-serif;font-size:6rem;}
article div{margin:0 auto;}
article table{margin:0 auto;}
article table th{padding: 1em;border-bottom:2px solid #000;}
article table td{padding: 1em;border-bottom:1px solid #000;}
article ul{list-style-type: decimal;margin-left: 2em;}
article ul li{}

article div.access{text-align:center;}
article div.access iframe{margin: 0 auto;}
article div.access p{padding-top: 1em;}


footer{text-align:center;padding: 2em;}

header#pages {height: auto;display:block;padding: 2em;}
header#pages div{max-width:200px;margin: 0 auto;}
header#pages + article div h1{margin-bottom: 0;font-size:3rem;font-weight:bold;margin-bottom: 0;}
header#pages + article div date{margin-bottom: 3em;    display: block;;}

#pages + article{background: none;}
#pages + article.help h2{font-size:2rem;font-weight:bold;color:#06a0e9;margin-top: 2em;}
#pages + article.help h3{font-size:1.6rem;line-height:1.8;background: #f3f3f3;text-align:left;padding: 0.5em;font-weight:bold;}
#pages + article.help p{font-size:1.6rem;line-height:1.8;}

.page_wrap h2 {
  border-left: 5px solid #009fe8;
  line-height: 2;
  font-size: 2rem;
  margin: 0 0 1em 0;
  font-weight: bold;
  padding-left: 0.8em;
}
.page_wrap h3 {
  font-size: 1.6rem;
  text-align: left;
  font-weight: bold;
  background: #f5f5f5;
  line-height: 1;
  padding: 0.5em 0.8em 0.5em;
  margin: 3em 0 0.5em;
}
.page_wrap p {font-size: 1.6rem;}
header#pages + article div.page_wrap date {margin-bottom: 3em;}

.page_wrap h5 {font-weight: bold;padding: 5em 0 1em;font-size: 1.6rem;font-weight: bold;margin-bottom: 1em;border-bottom:1px solid #ddd}
.page_wrap h6{margin: 0.5em 0;font-weight: bold;}
.page_wrap.gardo_agree ul li {
  list-style-type: none;
  counter-increment: cnt;
  padding-left: 3em;
  text-indent: -2.5em;
  font-size: 1.6rem;
}
.page_wrap.gardo_agree ul li::before {
  content: "（" counter(cnt) "）";
}

.page_wrap.gardo_help h4 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #bb0000;
  padding-top: 2em;
  margin-bottom: -1.5em;
}

@media screen and (max-width: 900px){
	
html{background: none;}
body{font-weight: 400;font-family: "M PLUS 1p";}
.pc{display:none;}
.sp{display:block;}
.inner{width: 100% ;margin:0 auto;}
header{padding: 5%;height: 90vh;}
header h1{    width: 70%; margin: 0 auto; margin-bottom: 2em; padding-left: 14vw;}
header h2{font-size:4vw;text-align:center;}
header figure{bottom:3em;}
article{padding: 3em 1em;}
article h3{font-size:10vw}
.access iframe{width: 100%;height:30vh;}
article table th{width: 30%;vertical-align:middle;font-size: 1.3rem;}
article table td{vertical-align:middle;font-size: 1.3rem;}
article div.access p {font-size: 1.2rem;}

header#pages{padding: 1em;}
header#pages h1{margin: 0 auto;width: 30vw;padding: 0;}
header#pages div{max-width:100%}

.page_wrap h2 {font-size: min(4.8vw,2rem);}
}

@media (orientation: landscape) and (max-width: 767px){
	.pc{display:block;}
	.sp{display:none;}
	header{padding: 5%;height: auto;}
	header h1{ padding-left: 0;}
	header h2{font-size:1.4rem;}
	header figure{display:none}
	article{padding: 2em 3em 5em;}
	article h3{font-size:6vw;margin: 1em 0.5em;}
	
}