@charset "UTF-8";
/*
Theme Name: data
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
*/
html body {
  max-width: 1200px;
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  min-height: 100dvh;
  font-size: clamp(10px, 1.25vw, 15px);
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
}
html body .select2-dropdown {
  padding-top: 1em;
}
html body header .headerIn {
  display: flex;
  justify-content: space-between;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
html body header .headerIn img {
  display: block;
}
html body header .headerIn img:first-of-type {
  width: 80%;
  max-width: 600px;
}
html body header .headerIn img:last-of-type {
  width: 20%;
  max-width: 150px;
}
html body footer {
  background: #09c1c7;
  color: white;
}
html body footer .footerIn {
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
  padding: 2em 0;
}
html body footer .footerIn h1 {
  font-size: 1.85em;
  font-weight: 700;
  margin-bottom: 0.5em;
}
html body footer .footerIn .footerLink {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
html body footer .footerIn .footerLink a {
  text-decoration: none;
  font-size: 1em;
  color: white;
  width: 30%;
  max-width: 165px;
  display: flex;
  align-items: center;
  padding: 1em;
  border: 1px solid white;
  margin: 0 0.5em 1em;
}
html body footer .copy {
  text-align: center;
  background: #333;
}
html body footer .copy h6 {
  font-size: 0.75em;
  margin: 0;
  padding: 2em 0;
}
html body .main {
  max-width: 1000px;
  width: 90%;
  padding: 2.5em 0 5em;
  margin: 0 auto;
}
html body .main .top h1 {
  font-size: 2em;
  margin-bottom: 1em;
  font-weight: 700;
}
html body .main .top p {
  font-size: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 700;
}
html body .main .top p span {
  font-size: 0.8em;
  color: #09c1c7;
}
html body .main .top > p {
  margin-bottom: 1em;
}
html body .main .top h5 {
  font-size: 1.25em;
  border: none;
  display: inline-block;
  min-width: 300px;
  padding: 0;
  margin-top: 0;
}
html body .main .top input,
html body .main .top .select2-selection {
  font-size: 1.5em;
  padding: 1em;
  margin-bottom: 1.5em;
  border-color: #999999;
}
html body .main .top .select2-container {
  width: 100% !important;
}
html body .main .top .select2-selection {
  background: url(./img/ic-pulldown.svg) right 5% center no-repeat;
}
html body .main .top .select2-selection--single {
  height: unset;
}
html body .main .top .select2-selection__arrow {
  display: none;
}
html body .main .top .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3654bf;
}
html body .main .top input[type=submit] {
  max-width: 800px;
  position: relative;
  width: 80%;
  color: white;
  background: url(./img/form-ic-next-wht.svg) right 5% center no-repeat #09c1c7;
  border: 1px solid #09c1c7;
  font-size: 1.5em;
  border-radius: 0;
  font-weight: 700;
  margin: 1em auto 2em;
  transition: all 0.25s ease-in-out;
  display: block;
}
html body .main .top input[type=submit]:hover {
  box-shadow: 10px 10px #000;
  transition: all 0.25s ease-in-out;
}
html body .main .top a {
  text-decoration: none;
  font-size: 1.5em;
  color: black;
  display: inline-block;
  padding: 1em 2em;
  padding-left: 2.5em;
  margin-right: 1em;
  border: 1px solid black;
  position: relative;
}
html body .main .top a::before {
  content: "";
  position: absolute;
  background: #09c1c7;
  width: 0.75em;
  height: 100%;
  top: 0;
  left: 0;
}
html body .main .counter .ranked .noRecords p {
  font-size: 1.5em;
}
html body .main .counter .ranked a {
  text-decoration: none;
  font-size: 1.5em;
  color: black;
  display: inline-block;
  padding: 1em 2em;
  padding-left: 2.5em;
  border: 1px solid black;
  position: relative;
}
html body .main .counter .ranked a::before {
  content: "";
  position: absolute;
  background: #09c1c7;
  width: 0.75em;
  height: 100%;
  top: 0;
  left: 0;
}
html body .main .output h1 {
  font-size: 2em;
  margin-bottom: 1em;
  font-weight: 700;
}
html body .main .output p {
  font-size: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 700;
}
html body .main .output p span {
  font-size: 0.8em;
  color: #09c1c7;
}
html body .main .output p i {
  font-style: normal;
  margin: 0;
}
html body .main .output a {
  text-decoration: underline;
}
html body .main .output .furigana-field {
  font-size: 1.75em;
  font-weight: 700;
}
html body .main .output .imp {
  border: 1px solid red;
  padding: 1em;
  margin-bottom: 1em;
}
html body .main .output .attention {
  margin-bottom: 2em;
}
html body .main .output input[type=submit] {
  max-width: 800px;
  position: relative;
  width: 80%;
  color: white;
  background: url(./img/form-ic-next-wht.svg) right 5% center no-repeat #09c1c7;
  border: 1px solid #09c1c7;
  font-size: 1.5em;
  border-radius: 0;
  font-weight: 700;
  margin: 1em auto 2em;
  transition: all 0.25s ease-in-out;
  display: block;
}
html body .main .output input[type=submit]:hover {
  box-shadow: 10px 10px #000;
  transition: all 0.25s ease-in-out;
}/*# sourceMappingURL=style.css.map */