@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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1.5;
  word-break: break-all;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

button,
input,
select,
textarea {
  font-family: inherit;
}

a:link,
a:visited {
  text-decoration: none;
}

a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a:hover {
  opacity: .7;
}

button:hover {
  opacity: .7;
}

*:focus {
  outline: none;
}

img {
  max-width: 100%;
}

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

/**************************
*
* 初期設定↓
*
**************************/
html {
  font-size: calc(10/375*100vw);
}

@media screen and (min-width: 969px) {
  html {
    font-size: 62.5%;
  }
}

body {
  font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 1.4rem;
}

/* PC,SP切り替え */
.pc {
  display: inherit;
}

.sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}

body .d-none {
  display: none;
}

/**************************
*
* ページ名↓
*
**************************/
.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.mt-3 {
  margin-top: 3rem;
}

.ml-1 {
  margin-left: 1rem;
}

.ml-2 {
  margin-left: 2rem;
}

@media screen and (min-width: 969px) {
  .mb-lg-1 {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 969px) {
  .mb-lg-120 {
    margin-bottom: 12rem;
  }
}

@media screen and (min-width: 969px) {
  .mb-lg-130 {
    margin-bottom: 13rem;
  }
}

@media screen and (min-width: 969px) {
  .mb-lg-140 {
    margin-bottom: 14rem;
  }
}

@media screen and (min-width: 969px) {
  .mb-lg-150 {
    margin-bottom: 15rem;
  }
}

body .justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body .text-left {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

body .bg-none {
  background-color: transparent;
}

body .text-custom {
  font-size: 2.4rem;
  margin-top: 3rem;
}

.decoration-under:link {
  text-decoration: underline;
}

.overflow-hidden {
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: 113.5rem;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.container.align-center {
  align-items: center;
}

.container.align-normal {
  align-items: normal;
}

.title {
  font-size: 3.1rem;
  line-height: 1.4;
  font-weight: 700;
  color: #004DBD;
  text-align: center;
}

.subtitle {
  font-size: 1.7rem;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  font-style: italic;
  color: #004DBD;
  text-align: center;
}

.desc-title {
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 700;
  color: #336E99;
}

.nav-page,
.breadcrumb {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 969px) {
  .nav-page.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 8.3rem;
    z-index: 1;
  }
}

.nav-page .bg {
  width: 100%;
  background-color: #0A288B;
}

.nav-page .menu-page {
  width: 100%;
  display: none;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: .4rem 0;
}

@media screen and (min-width: 969px) {
  .nav-page .menu-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.nav-page .menu-page li {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1rem 0;
}

@media screen and (min-width: 969px) {
  .nav-page .menu-page li {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: .4rem 0 .5rem 0;
  }
}

.nav-page .menu-page li.active {
  position: relative;
}

.nav-page .menu-page li.active:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: .45rem;
  width: calc(100% - .9rem);
  height: .3rem;
  background-color: #fff;
}

.nav-page .menu-page li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  color: #0068C4;
  font-size: 1.3rem;
  line-height: 1.35;
}

.nav-page .menu-page li .c-white {
  color: #fff;
}

.breadcrumb {
  background-color: #E5EDF8;
  margin: 0 0 0 0;
}

.breadcrumb .list-breadcrumb {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.breadcrumb .list-breadcrumb .item {
  padding: .9rem 0;
  margin: 0 2rem 0 0;
  position: relative;
  font-size: 1.3rem;
}

.breadcrumb .list-breadcrumb .item + .item {
  padding-left: 2rem;
}

.breadcrumb .list-breadcrumb .item + .item:before {
  content: '>';
  position: absolute;
  top: 50%;
  left: -.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 2rem;
  color: #333333;
}

.breadcrumb .list-breadcrumb .item .link {
  color: #333333;
  font-size: 1.3rem;
}

.title-page {
  width: 100%;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.2;
  color: #004CBC;
  text-align: center;
  margin: 2rem 0 3rem 0;
}

@media screen and (min-width: 969px) {
  .title-page {
    font-size: 4.8rem;
    margin: 5rem 0 3rem 0;
  }
}

.title-page.fs-32 {
  font-size: 3.2rem;
}

.alert {
  width: 100%;
  border: solid thin #000;
  padding: 1.5rem;
  line-height: 1.75;
  margin: 0 0 2.5rem 0;
}

@media screen and (min-width: 969px) {
  .alert {
    font-size: 1.8rem;
    padding: 3rem 4.5rem;
  }
}

.alert a {
  text-decoration: underline;
}

.alert-danger {
  border-color: #CB0000;
  color: #CB0000;
}

.alert-danger a {
  color: #004A7F;
}

.alert-success {
  border-color: #30cb00;
  color: #30cb00;
}

.alert-success a {
  color: #004A7F;
}

.form {
  width: 100%;
}

.form .form-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: solid thin #B2B2B2;
}

@media screen and (min-width: 969px) {
  .form .form-group {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.form .form-group.border-bottom {
  border-bottom: solid thin #B2B2B2;
}

.form .form-group.border-left {
  border-left: solid thin #B2B2B2;
}

.form .form-group.border-top-none {
  border-top: 0;
}

.form .form-group.border-none {
  border: 0;
}

.form .form-group.pd-3 {
  padding: 1.5rem 0;
}

@media screen and (min-width: 969px) {
  .form .form-group.pd-3 {
    padding: 3rem;
  }
}

.form .form-group.jus-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.form .form-group .wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: solid thin #B2B2B2;
}

@media screen and (min-width: 969px) {
  .form .form-group .wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.form .form-group .wrap:last-of-type {
  border-bottom: none;
}

.form .form-group .wrap .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.form .form-group.car__form-group {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-grid-column-align: unset;
      justify-self: unset;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  flex-wrap: wrap;
  border: solid thin #B2B2B2;
  max-width: 100%;
}

@media screen and (min-width: 969px) {
  .form .form-group.car__form-group {
    max-width: 95rem;
  }
}

.form .form-group.car__form-group .label {
  max-width: 100%;
  padding: 1.5rem;
}

@media screen and (min-width: 969px) {
  .form .form-group.car__form-group .label {
    max-width: 60%;
  }
}

.form .form-group.car__form-group .label.w-35 {
  max-width: 100%;
}

@media screen and (min-width: 969px) {
  .form .form-group.car__form-group .label.w-35 {
    max-width: 35%;
    border-right: solid thin #B2B2B2;
  }
}

.form .form-group.car__form-group .input-group {
  width: calc(100%);
  padding: 1.5rem;
}

@media screen and (min-width: 969px) {
  .form .form-group.car__form-group .input-group {
    width: calc(100% - 60%);
  }
}

.form .form-group.car__form-group .input-group.w-75 {
  width: calc(100%);
}

@media screen and (min-width: 969px) {
  .form .form-group.car__form-group .input-group.w-75 {
    width: calc(100% - 35%);
  }
}

.form .form-group.car__form-group .form-control {
  width: calc(100% - 6rem);
}

.form .form-group.car__form-group .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form .form-group.car__form-group .error {
  width: 100%;
}

.form .form-group .label {
  width: 100%;
  padding: 1rem;
  background-color: #E5EDF8;
  font-weight: 700;
}

@media screen and (min-width: 969px) {
  .form .form-group .label {
    max-width: 30.6rem;
    padding: 3.3rem 3rem;
  }
}

.form .form-group .label.border-right {
  border-right: solid thin #B2B2B2;
}

.form .form-group .label.border-left {
  border-left: solid thin #B2B2B2;
}

.form .form-group .label.bg-1 {
  background-color: #F2F2F2;
}

@media screen and (min-width: 969px) {
  .form .form-group .label.w-25 {
    max-width: 25%;
  }
}

.form .form-group .label .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.form .form-group .label.w-50 {
  max-width: 100%;
}

@media screen and (min-width: 969px) {
  .form .form-group .label.w-50 {
    max-width: 50%;
  }
}

@media screen and (min-width: 969px) {
  .form .form-group .label.w-100 {
    max-width: 100%;
  }
}

@media screen and (min-width: 969px) {
  .form .form-group .label.w-35 {
    max-width: 35%;
  }
}

.form .form-group .label.p-15 {
  padding: 1.5rem;
}

.form .form-group .label.text-center {
  text-align: center;
}

.form .form-group .label.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form .form-group .label.flex-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form .form-group .label input[type="radio"] {
  margin: 0;
  margin-right: 1rem;
}

.form .form-group .txt {
  margin: 0 .5rem 0 0;
}

.form .form-group .color-1 {
  color: #e9b18f;
}

.form .form-group .color-2 {
  color: #004A7F;
}

.form .form-group .input-group {
  width: calc(100%);
  padding: 1.5rem 0 3rem;
}

@media screen and (min-width: 969px) {
  .form .form-group .input-group {
    width: calc(100% - 30.6rem);
    padding: 3rem 0 3rem 3rem;
  }
}

.form .form-group .input-group.pd-0 {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form .form-group .input-group.w-75 .label {
  background-color: #F2F2F2;
}

@media screen and (min-width: 969px) {
  .form .form-group .input-group .wrap__input-group {
    width: calc(100% - 25%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-right: solid thin #B2B2B2;
  }
}

.form .form-group .input-group .wrap__input-group .input-group {
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: solid thin #B2B2B2;
}

.form .form-group .input-group .wrap__input-group .input-group:last-of-type {
  border-bottom: none;
}

.form .form-group .input-group .wrap__input-group .label {
  background-color: #F2F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form .form-group .input-group .wrap__input-group .label.w-50 {
  max-width: 100%;
}

@media screen and (min-width: 969px) {
  .form .form-group .input-group .wrap__input-group .label.w-50 {
    max-width: 50%;
  }
}

@media screen and (min-width: 969px) {
  .form .form-group .input-group.w-65 {
    width: 65%;
  }
}

@media screen and (min-width: 969px) {
  .form .form-group .input-group.w-75 {
    width: 75%;
  }
}

@media screen and (min-width: 969px) {
  .form .form-group .input-group.w-75p {
    width: calc(100% - 25%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.form .form-group .input-group.w-75p.border-right {
  border-right: solid thin #B2B2B2;
}

.form .form-group .input-group.w-75p .label {
  background-color: #F2F2F2;
}

.form .form-group .input-group.w-75p .label.w-50 {
  max-width: 100%;
}

@media screen and (min-width: 969px) {
  .form .form-group .input-group.w-75p .label.w-50 {
    max-width: 50%;
  }
}

.form .form-group .input-group .flex-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 1.5rem;
  width: calc(100%);
  padding: 1.5rem 0;
}

@media screen and (min-width: 969px) {
  .form .form-group .input-group .flex-custom {
    width: calc(50% - 3rem);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.form .form-group .input-group .flex-custom .form-control {
  margin-right: 1rem;
}

@media screen and (min-width: 969px) {
  .form .form-group .input-group .flex-custom .form-control {
    width: calc(100% - 3rem);
  }
}

.form .form-group .input-group .flex-custom .error {
  width: 100%;
}

.form .form-group .text {
  font-size: 1.2rem;
  margin: 1rem 0 0 0;
}

@media screen and (min-width: 969px) {
  .form .form-group .text {
    font-size: 1.4rem;
  }
}

.form .d-none {
  display: none;
}

.form .form-control {
  width: 100%;
  border: solid thin #B2B2B2;
  border-radius: .5rem;
  padding: .7rem 1.5rem;
  font-size: 1.4rem;
}

.form .form-control.mw-240 {
  max-width: 24rem;
}

.form .form-control.mw-503 {
  max-width: 50.3rem;
}

@media screen and (max-width: 968px) {
  .page__car .border-left {
    border-left: none !important;
  }
}

@media screen and (max-width: 968px) {
  .page__car .border-right {
    border-right: none !important;
  }
}

@media screen and (max-width: 968px) {
  .page__car .form-group {
    margin-bottom: 3rem;
    border-top: none !important;
  }
}

.title-form,
.title-h2 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #004CBC;
  margin: 5rem 0 1.5rem 0;
}

@media screen and (min-width: 969px) {
  .title-form,
  .title-h2 {
    font-size: 2.6rem;
  }
}

.required {
  background-color: #CB0000;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  padding: 0 .5rem;
  word-break: keep-all;
  min-height: 19px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.required.any{
  background-color: #004dbd;
}

@media screen and (min-width: 969px) {
  .required {
    font-size: 1.3rem;
  }
}

.error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #CB0000;
  margin: .5rem 0 0 0;
}

.mw-300 {
  max-width: 30rem;
  width: 100%;
}

.zonesub_child {
  width: 100%;
}

.c-select {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

.c-select.mw-503 {
  max-width: 50.3rem;
}

.c-select select {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.c-select .text-select {
  width: 100%;
  border: solid thin #B2B2B2;
  display: inline-block;
  border-radius: .5rem;
  padding: .7rem 1.5rem;
  position: relative;
}

.c-select .text-select:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #333333 transparent transparent transparent;
  z-index: 1;
  pointer-events: none;
}

.c-blue {
  color: #004dbd;
}

.c-gray {
  color: #B2B2B2;
}

.accept-txt {
  width: 100%;
  text-align: center;
  margin: 3rem 0 2rem 0;
  font-size: 1.2rem;
}

@media screen and (min-width: 969px) {
  .accept-txt {
    margin: 7rem 0 2rem 0;
    font-size: 1.4rem;
  }
}

.accept-txt a {
  text-decoration: underline;
}

.group-btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 3rem 0 5rem;
}

.group-btn .btn + .btn {
  margin: 1rem 0 0;
}

@media screen and (min-width: 969px) {
  .group-btn .btn + .btn {
    margin: 0 0 0 3rem;
  }
}

.btn {
  width: 100%;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 900;
  border: 0;
  padding: 2rem 1.5rem;
  position: relative;
  cursor: pointer;
  text-align: center;
}

@media screen and (min-width: 969px) {
  .btn {
    width: auto;
    min-width: 36.2rem;
    font-size: 2.2rem;
    padding: 2.65rem 2rem;
  }
}

.btn .ico {
  width: 2.5rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (min-width: 969px) {
  .btn .ico {
    width: 3rem;
  }
}

.btn-apply {
  background-color: #F9E607;
  color: #191919;
}

.btn-apply .ico {
  right: 2.5rem;
}

.btn-back {
  background-color: #B2B2B2;
  color: #fff;
}

.btn-back .ico {
  left: 2.5rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.link-update {
  width: 100%;
  display: inline-block;
  background-color: #B2B2B2;
  padding: .8rem 1rem;
  color: #000;
  border-radius: .5rem;
}

.c-radio-box {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 2rem 1rem 0;
}

@media screen and (min-width: 969px) {
  .c-radio-box {
    display: inline-block;
  }
}

.c-radio-box.mb-0 {
  margin-bottom: 0;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.title-table {
  font-size: 1.6rem;
  font-weight: 700;
  padding: 1.5rem;
  padding-top: 4rem !important;
}

@media screen and (max-width: 968px) {
  .title-table {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.table {
  width: 100%;
  margin: 0 0 2rem 0;
}

@media screen and (max-width: 968px) {
  .table {
    display: inline-block;
  }
}

@media screen and (max-width: 968px) {
  .table thead {
    display: none;
  }
}

.table thead tr {
  background-color: #6594D7;
  color: #fff;
  font-weight: 700;
}

.table thead tr th {
  min-height: 5.3rem;
  padding: 1rem .5rem;
  border-right: solid thin #B2B2B2;
}

.table thead tr th:last-child {
  border: 0;
}

@media screen and (max-width: 968px) {
  .table tbody {
    width: 100%;
    display: inline-block;
  }
}

@media screen and (max-width: 968px) {
  .table tbody tr {
    width: 100%;
    display: inline-block;
  }
}

.table tbody tr td {
  padding: 1.5rem;
  vertical-align: middle;
  border-bottom: solid thin #B2B2B2;
}

@media screen and (max-width: 968px) {
  .table tbody tr td {
    width: 100%;
    display: inline-block;
  }
}

@media screen and (min-width: 969px) {
  .table tbody tr td {
    border-right: solid thin #B2B2B2;
  }
}

.table tbody tr td:last-child {
  border-right: 0;
}

.table tbody tr .bg1 {
  background-color: #E5EDF2;
  font-weight: 700;
  text-align: left;
  padding: 1.5rem;
}

.table tbody tr .bg2 {
  background-color: #E5EDF8;
  font-weight: 700;
  text-align: left;
  padding: 1.5rem;
}

.table tbody tr .bg3 {
  background-color: #acb0b3;
  font-weight: 700;
  text-align: left;
  padding: 1.5rem;
  color: #ffffff;
}

.table .row,
.my-page .table .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.my-page .table .row {
  margin: 0;
}

.table .row + .row {
  border-top: dotted thin #B2B2B2;
}

@media screen and (min-width: 969px) {
  .table .row.sp {
    display: none;
  }
}

.table .row.bg {
  background-color: #6f92af;
  color: #ffffff;
  font-weight: 700;
}

@media screen and (max-width: 968px) {
  .table .row.bg {
    padding: 1.5rem;
  }
}

.table .row .label {
  background-color: #F2F2F2;
  width: 12rem;
  text-align: center;
  padding: 1.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.table .row .right {
  width: calc(100% - 12rem);
  font-size: 1.6rem;
  font-weight: 700;
  padding: 1.5rem;
}

.table .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.table .flex span {
  font-weight: 400;
  margin: 0 0 0 .5rem;
}

.table-normal tbody tr th {
  width: 30.6rem;
  padding: 3.3rem 3rem;
  background-color: #E4F1FF;
  font-weight: 700;
  border-top: solid thin #B2B2B2;
}

@media screen and (max-width: 968px) {
  .table-normal tbody tr th {
    width: 11rem;
    padding: .8rem 1rem;
  }
}

.table-normal tbody tr td {
  border-top: solid thin #B2B2B2;
  padding: .8rem 1rem;
}

@media screen and (min-width: 969px) {
  .table-normal tbody tr td {
    padding: 3rem 0 3rem 3rem;
  }
}

input:disabled, select[disabled="disabled"], .c-select .text-select.disable, input.disabled {
  background-color: #dcdcdc;
}

.disabled {
  position: relative;
}

.disabled:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #dcdcdc;
}

.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
}

.no-spin {
  -moz-appearance: textfield;
}

.w-100 {
  width: 100%;
}

.c-red {
  color: #CB0000;
}

.col-4 {
  width: 100%;
  padding: 0 1.5rem;
  margin: 0 0 1.5rem;
}

@media screen and (min-width: 969px) {
  .col-4 {
    width: 33.3333%;
  }
  .pdl-2h {
    padding-left: 2.5rem;
  }
}

.pd-1 {
  padding: 1rem;
}

.pd-2 {
  padding: 2rem;
}

.pd-3 {
  padding: 3rem;
}

.pdl-1 {
  padding-left: 1rem;
}

.pdl-2 {
  padding-left: 2rem;
}

.pdl-3 {
  padding-left: 3rem;
}

.pdr-1 {
  padding-right: 1rem;
}

.pdr-2 {
  padding-right: 2rem;
}

.pdr-3 {
  padding-right: 3rem;
}

.c-file {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background-color: #FF9B00;
  color: #333333;
  padding: 8px 15px;
  border-radius: 5px;
  cursor: pointer;
}

.c-file input {
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: -1;
}

@media screen and (min-width: 969px) {
  .text-lg-center {
    text-align: center;
  }
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.container-left {
  display: none;
}

@media screen and (min-width: 969px) {
  .container-left {
    width: 20rem;
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 9.1rem;
    height: 100%;
    background: #343a40;
  }
}

.container-right {
  width: 100%;
}

@media screen and (min-width: 969px) {
  .container-right.permission-31 {
    width: calc(100% - 20rem);
    padding: 0 0 0 1.5rem;
  }
  .container-right.permission-31 .title-page {
    margin-top: 3rem;
  }
}

@media screen and (min-width: 969px) {
  .page-dm .form .form-group .label {
    max-width: 22rem;
  }
  .page-dm .form .form-group .input-group {
    width: calc(100% - 22rem);
  }
}

.main-sidebar {
  /* height: calc(100vh - 11.5rem); */
  height: auto;
  overflow-y: auto;
  z-index: 1038;
}

.main-sidebar.on-sidebar {
  /* height: calc(100vh - 8.2rem); */
  /* height: auto; */
}

.main-sidebar .brand-link {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 0.8125rem 1.5rem;
  -webkit-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  white-space: nowrap;
}

.main-sidebar .sidebar {
  height: calc(100% - (7rem + 1px));
  overflow-x: none;
  overflow-y: initial;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-width: thin;
  scrollbar-color: #a9a9a9 transparent;
}

.main-sidebar .nav-item a {
  padding: .5rem 1.5rem;
}

.main-sidebar .nav-item .child {
  padding-left: 3.5rem;
}

.main-sidebar .active {
  background-color: #6692B2;
}

[class*="sidebar-dark-"] {
  background-color: #343a40;
}

[class*="sidebar-dark-"] a {
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

[class*="sidebar-dark-"] .brand-link {
  border-bottom: 1px solid #4b545c;
}

[class*="sidebar-dark-"] .nav-icon::before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  background-color: #ffffff;
  display: inline-block;
  margin: .5rem .5rem 0 0;
}

@media screen and (max-width: 968px) {
  .table-2 thead tr,
  .table-2 tbody tr {
    border-bottom: solid thin #B2B2B2;
  }
}

.table-2 thead tr th,
.table-2 thead tr th:last-child,
.table-2 thead tr td,
.table-2 thead tr td:last-child,
.table-2 tbody tr th,
.table-2 tbody tr th:last-child,
.table-2 tbody tr td,
.table-2 tbody tr td:last-child {
  border: 0;
  padding: .5rem;
}

@media screen and (min-width: 969px) {
  .table-2 thead tr th,
  .table-2 thead tr th:last-child,
  .table-2 thead tr td,
  .table-2 thead tr td:last-child,
  .table-2 tbody tr th,
  .table-2 tbody tr th:last-child,
  .table-2 tbody tr td,
  .table-2 tbody tr td:last-child {
    border: solid thin #B2B2B2;
  }
}

@media screen and (max-width: 968px) {
  .table-2 thead tr td::before,
  .table-2 tbody tr td::before {
    content: attr(data-title);
    width: 100%;
    display: inline-block;
    margin: 0 0 1rem 0;
    font-weight: 700;
  }
}

.fw-bold {
  font-weight: 700;
}

.content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tab-link {
  width: 100%;
  max-width: 113.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 4rem 0 0 0;
}

@media screen and (min-width: 969px) {
  .tab-link {
    position: absolute;
    bottom: -11rem;
    left: 50%;
    margin: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
  }
}

.tab-link-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin: 6.5rem 0 0;
  padding: 5.5rem 1.5rem 4rem;
}

@media screen and (min-width: 969px) {
  .tab-link-item {
    width: calc(50% - 3rem);
    margin: 0 1.5rem;
    padding: 7.5rem 3rem 6rem;
  }
}

.tab-link-item.bg-online {
  background-image: url("/2026/common/images/top/bg-btn-online.jpg");
  background-size: cover;
}

.tab-link-item.bg-real {
  background-image: url("/2026/common/images/top/bg-btn-real.jpg");
  background-size: cover;
}

.tab-link .ico {
  width: 8rem;
  position: absolute;
  top: -4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 969px) {
  .tab-link .ico {
    width: 10.9rem;
    top: -5.5rem;
  }
}

.tab-link .img-txt {
  margin: 0 0 2.3rem 0;
}

@media screen and (min-width: 969px) {
  .tab-link .img-txt {
    height: 4.7rem;
  }
}

.tab-link .txt {
  font-size: 1.6rem;
  color: #333333;
}

.banner-list {
  width: calc(100% + 1rem);
  margin: 0 0 .5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 969px) {
  .banner-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 1.5rem -.5rem 0;
  }
}

.banner-list .items {
  width: calc(50% - 1rem);
  margin: 0 0 1rem;
}

@media screen and (min-width: 969px) {
  .banner-list .items {
    width: calc(16.6666% - 1rem);
    margin: 0 .5rem;
  }
}

.text-left {
  text-align: left;
}

@media screen and (min-width: 969px) {
  .fz-lg-40 {
    font-size: 4rem;
  }
}

.search-form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.search-form .group-input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-bottom: solid .5rem #004DC6;
  border-left: solid .5rem #004DC6;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

@media screen and (min-width: 969px) {
  .search-form .group-input {
    width: calc(100% - 27rem);
  }
}

.search-form .group-input::before {
  content: '';
  width: calc(100% - 5rem);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #E5EDF8;
  z-index: -1;
}

.search-form .group-input .form-control {
  border: 0;
  background-color: transparent;
  border-radius: 0;
  font-size: 1.8rem;
  font-weight: 700;
  color: #004DC6;
  padding: .9rem 1.5rem;
}

@media screen and (min-width: 969px) {
  .search-form .group-input .form-control {
    font-size: 2.4rem;
    padding: .4rem 1.5rem;
  }
}

.search-form .group-input ::-webkit-input-placeholder {
  color: #3371D1;
  opacity: 1;
}

.search-form .group-input :-ms-input-placeholder {
  color: #3371D1;
  opacity: 1;
}

.search-form .group-input ::-ms-input-placeholder {
  color: #3371D1;
  opacity: 1;
}

.search-form .group-input ::placeholder {
  color: #3371D1;
  opacity: 1;
}

.search-form .group-input :-ms-input-placeholder {
  color: #3371D1;
}

.search-form .group-input ::-ms-input-placeholder {
  color: #3371D1;
}

.search-form .search-conditions {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  margin: 1rem 0 0;
  z-index: 0;
}

@media screen and (min-width: 969px) {
  .search-form .search-conditions {
    width: 27rem;
    margin: 0;
  }
}

.search-form .search-conditions::before, .search-form .search-conditions:after {
  content: '';
  position: absolute;
  top: 0;
  z-index: -1;
}

@media screen and (min-width: 969px) {
  .search-form .search-conditions::before {
    left: 0;
    border: solid 2rem transparent;
    border-top: solid 5rem #004DC6;
  }
}

.search-form .search-conditions:after {
  width: calc(100%);
  height: 100%;
  background-color: #004DC6;
  right: 0;
}

@media screen and (min-width: 969px) {
  .search-form .search-conditions:after {
    width: calc(100% - 2rem);
  }
}

.search-form .search-conditions .ico {
  width: 3.1rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.search-form .btn {
  min-width: 11.2rem;
  font-size: 1.8rem;
  color: #fff;
}

.search-form .btn-search {
  width: 13rem;
  padding: .9rem;
  background-color: #004DC6;
  position: relative;
}

@media screen and (min-width: 969px) {
  .search-form .btn-search {
    width: auto;
  }
}

.search-form .btn-search:before, .search-form .btn-search:after {
  content: '';
  position: absolute;
  border: solid 2rem transparent;
  z-index: 1;
}

.search-form .btn-search:before {
  bottom: 0;
  left: -2rem;
  border-bottom: solid 4.4rem #E5EDF8;
}

@media screen and (min-width: 969px) {
  .search-form .btn-search:after {
    top: 0;
    right: -2rem;
    border-top: solid 4.4rem #ffffff;
  }
}

.search-form .btn-condition {
  width: 100%;
  padding: 1.15rem;
  background-color: transparent;
  position: relative;
}

.venue-list {
  width: calc(100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 969px) {
  .venue-list {
    width: calc(100% + 2.7rem);
    margin: 0 -1.35rem;
  }
}

.venue-list .items {
  width: 100%;
  margin: 0 0 8rem;
  background-color: #fff;
}

@media screen and (min-width: 969px) {
  .venue-list .items {
    width: calc(50% - 2.7rem);
    margin: 0 1.35rem 12rem;
  }
}

@media screen and (max-width: 968px) {
  .venue-list .items:last-child {
    margin-bottom: 4rem;
  }
}

.venue-list .items.bg-1 {
  background-color: #009F9A;
}

.venue-list .items.bg-2 {
  background-color: #E72117;
}

.venue-list .items.bg-3 {
  background-color: #009142;
}

.venue-list .items.bg-4 {
  background-color: #ED6F09;
}

.venue-list .items.bg-5 {
  background-color: #8A5BA3;
}

.venue-list .items.bg-6 {
  background-color: #858585;
}

.venue-list .items-body {
  position: relative;
  width: 100%;
  padding: 1.5rem;
}

@media screen and (min-width: 969px) {
  .venue-list .items-body {
    padding: 3rem 1.5rem 3.5rem;
  }
}

.venue-list .items .thumbnail {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

.venue-list .items .thumbnail a {
  width: 100%;
  display: inline-block;
}

.venue-list .items-ttl {
  width: calc(100%);
  padding: 4.5rem 1.5rem 2rem;
}

@media screen and (min-width: 969px) {
  .venue-list .items-ttl {
    padding: 8rem 1.5rem 3rem;
  }
}

.venue-list .items-ttl .ico {
  width: 8rem;
  position: absolute;
  top: -4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 969px) {
  .venue-list .items-ttl .ico {
    width: 11.6rem;
    top: -5.6rem;
  }
}

.venue-list .items-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.venue-list .items-list dt {
  width: 100%;
  margin: 0 0 1.5rem;
  font-size: 1.3rem;
}

@media screen and (min-width: 969px) {
  .venue-list .items-list dt {
    width: calc(50% - 3rem);
    margin: 0 1.5rem 1.5rem;
  }
}

.venue-list .items-list .small {
  font-size: 1.2rem;
}

.venue-list .items-list a {
  color: #000;
}

.venue-list .items-list .arrow {
  position: relative;
  width: 100%;
  padding: 0 1.8rem 0 0;
  word-break: break-all;
  display: inline-block;
}

.venue-list .items-list .arrow:after {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: .4rem;
  right: 0;
  background-image: url("/2026/common/images/common/ico-arrow-right.svg");
  background-size: cover;
}

.venue-list .items-ttl-content {
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  padding: .3rem 2.5rem;
}

@media screen and (min-width: 969px) {
  .venue-list .items-ttl-content {
    font-size: 2.4rem;
    padding: .8rem 8rem;
  }
}

.venue-list .items-ttl-content a {
  color: #fff;
}

.venue-list .items-ttl-content .sub {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 200;
  margin: 0;
}

@media screen and (min-width: 969px) {
  .venue-list .items-ttl-content .sub {
    font-size: 1.4rem;
    margin: 0 0 .5rem 0;
  }
}

.seminar-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 3.5rem 0;
}

.seminar-list-header {
  width: 100%;
  text-align: center;
}

.seminar-list-header .ttl-h3 {
  width: 100%;
  min-width: 28rem;
  display: inline-block;
  background-color: #004dbd;
  font-size: 1.8rem;
  font-weight: 700;
  padding: .5rem 7rem;
  color: #fff;
}

@media screen and (min-width: 969px) {
  .seminar-list-header .ttl-h3 {
    font-size: 2rem;
  }
}

.seminar-list-body {
  width: 100%;
}

.seminar-list-items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.seminar-list .list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #e5edf8;
  padding: 0 1.5rem;
}

@media screen and (min-width: 969px) {
  .seminar-list .list {
    padding: 1rem 3.5rem;
  }
}

.seminar-list .list-items {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2rem 0;
}

@media screen and (min-width: 969px) {
  .seminar-list .list-items {
    padding: 2rem 16rem 2rem 0;
  }
}

.seminar-list .list-items + .list-items {
  border-top: solid thin #D6D6D6;
}

.seminar-list .list-items.pdr-0 {
  padding-right: 0;
}

.seminar-list .list-items-ttl {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
}

@media screen and (min-width: 969px) {
  .seminar-list .list-items-ttl {
    font-size: 1.8rem;
  }
}

.seminar-list .list-items-desc {
  width: 100%;
  margin: 0 0 1rem 0;
}

@media screen and (min-width: 969px) {
  .seminar-list .list-items-desc {
    margin: 0;
  }
}

.seminar-list .list-items-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #004dbd;
  color: #fff;
  padding: .5rem 1.5rem;
}

@media screen and (min-width: 969px) {
  .seminar-list .list-items-link {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.seminar-list .list-items-link .ico-arrow {
  width: .8rem;
  height: .8rem;
  border-top: solid thin #fff;
  border-right: solid thin #fff;
  display: inline-block;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: 0 0 0 .3rem;
}

.counter {
  counter-reset: section;
}

.counter-item:before {
  counter-increment: section;
  content: counter(section);
}

.pagenavi {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin: 6rem auto 0;
  text-align: center;
  border-bottom: none;
  font-weight: bold;
  list-style: none;
}

.pagenavi a,
.pagenavi span.current {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin: 0 5px;
  color: #000;
  opacity: 1 !important;
  filter: alpha(opacity=100);
  -webkit-transition: .2s;
  transition: .2s;
}

.pagenavi .active a {
  background: #014099;
  color: #fff;
}

.pagenavi .previouspostslink,
.pagenavi .nextpostslink {
  position: relative;
  top: 0;
  color: rgba(0, 0, 0, 0);
}

.pagenavi a:hover {
  background: #014099;
  color: #fff;
  text-decoration: none;
}

.pagenavi .nextpostslink:before,
.pagenavi .previouspostslink:after,
.pagenavi .nextpostslink.more:after,
.pagenavi .previouspostslink.more:before {
  content: "";
  display: inline-block;
  width: 4.5px;
  height: 4.5px;
  border-top: 2px solid #014099;
  border-right: 2px solid #014099;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pagenavi .nextpostslink:hover:before,
.pagenavi .previouspostslink:hover:after,
.pagenavi .nextpostslink.more:hover:after,
.pagenavi .previouspostslink.more:hover:before {
  border-color: #fff;
}

.pagenavi .nextpostslink.more:after,
.pagenavi .previouspostslink.more:before {
  right: 13px;
}

.pagenavi .previouspostslink:after,
.pagenavi .previouspostslink.more:before {
  transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}

.pagenavi .nextpostslink:before,
.pagenavi .nextpostslink.more:after {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.pagenavi .list-return {
  width: auto;
  margin: 0 45px;
}

.pagenavi a.list-return:hover {
  background: none;
  color: #014099;
}

.video-seminar {
  width: 100%;
  height: 19.5rem;
  margin: 3rem 0 0 0;
}

@media screen and (min-width: 969px) {
  .video-seminar {
    height: 62rem;
    margin: 5rem 0 0 0;
  }
}

.mw-1250 {
  max-width: 125rem;
}

.d-block {
  display: block;
}

.bg-black {
  background-color: #000000;
}

.bg-white {
  background-color: #ffffff;
}

.justify-spacebetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mw-180 {
  max-width: 18rem;
  width: 100%;
}

@media screen and (max-width: 968px) {
  .mw-180 {
    max-width: none;
  }
}

.label-checkRules:hover, #checkRules:hover {
  cursor: pointer;
}

.mw-390 {
  max-width: 39rem;
  width: 100%;
  margin: 0 1rem;
}

@media screen and (max-width: 968px) {
  .mw-390 {
    margin: 1rem 0;
  }
}

@media screen and (max-width: 968px) {
  .flex-sp-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-0 {
  padding: 0 !important;
}

.text-shadow {
  text-shadow: 0 0 1rem #09288c;
}

.list-partners {
  width: calc(100% + 1em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -.5rem .5rem;
}

@media screen and (min-width: 969px) {
  .list-partners {
    margin: 0 -.5rem 4rem;
  }
}

.list-partners li {
  width: calc(100% / 2 - 1rem);
  margin: 0 .5rem 1rem;
  border: 1px solid #ccc;
  line-height: 0;
}

@media screen and (min-width: 969px) {
  .list-partners li {
    width: calc(100% / 5 - 1rem);
    margin: 0 .5rem;
    margin-bottom: 0.8rem;
  }
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.header {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #575EEA;
  padding: 1.5rem 0;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  z-index: 2;
}

@media screen and (min-width: 969px) {
  .header {
    padding: 0;
  }
}

.header.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: #575EEA;
}

.header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}

.header .logo {
  max-width: 10rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 969px) {
  .header .logo {
    max-width: 15.3rem;
    padding: 1rem 0;
  }
}

.header .logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.header .navi {
  width: auto;
  margin: 0 0 0 auto;
}

@media screen and (max-width: 968px) {
  .header .navi {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1;
    overflow: auto;
  }
}

.header .btn-navi {
  position: absolute;
  width: 3rem;
  height: 2.5rem;
  top: 50%;
  right: 1.5rem;
  background-color: transparent;
  border: 0;
  z-index: 99;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (min-width: 969px) {
  .header .btn-navi {
    display: none;
  }
}

.header .btn-navi:before, .header .btn-navi:after, .header .btn-navi span {
  content: '';
  position: absolute;
  right: 0;
  width: 100%;
  height: .2rem;
  background-color: #fff;
}

.header .btn-navi:before, .header .btn-navi:after {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.header .btn-navi:before {
  top: 0;
}

.header .btn-navi:after {
  bottom: 0;
}

.header .btn-navi span {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.on-nav .navi {
  left: 0;
}

.on-nav .menu {
  left: 0;
}

.on-nav .btn-navi:before {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.on-nav .btn-navi:after {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.on-nav .btn-navi span {
  position: fixed;
  top: -1.5rem;
  right: -1.5rem;
  width: 20vw;
  height: 100vh;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  background-color: transparent;
}

.menu {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}

@media screen and (max-width: 968px) {
  .menu {
    width: 80vw;
    min-height: 100%;
    padding: 6rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #575EEA;
    position: relative;
    left: -100%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
}

@media screen and (min-width: 969px) {
  .menu.is-login .children {
    top: 9.1rem;
  }
}

.menu .item {
  width: 100%;
  border-bottom: solid thin #fff;
  position: relative;
}

@media screen and (min-width: 969px) {
  .menu .item {
    width: auto;
    border: 0;
  }
  .menu .item.has_child::after {
    position: absolute;
    bottom: -0.5rem;
    left: 50%;
    content: "";
    margin-left: -0.6rem;
    border-style: solid;
    border-color: #b7b7b7 transparent transparent transparent;
    border-width: .6rem;
    opacity: 0.75;
    -webkit-transition: 0.25s;
    transition: 0.25s;
  }
  .menu .item.has_child:hover:after {
    opacity: 1;
    bottom: 0;
    border-color: transparent transparent #09288C transparent;
  }
}

@media screen and (min-width: 969px) {
  .menu .item + .item {
    margin: 0 0 0 1.6rem;
  }
}

.menu .item:hover .children {
  opacity: 1;
  visibility: inherit;
}

.menu .is-active .link.js-sp-child:after {
  top: calc(50%);
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.menu .link {
  width: 100%;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 1.5rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 969px) {
  .menu .link {
    width: auto;
    padding: 3rem 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

@media screen and (min-width: 1140px) {
  .menu .link {
    font-size: 1.5rem;
  }
}

.menu .link.js-sp-child {
  position: relative;
}

.menu .link.js-sp-child:after {
  content: '+';
  position: absolute;
  font-size: 1.6rem;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (min-width: 969px) {
  .menu .link.js-sp-child:after {
    display: none;
  }
}

.menu .link.js-sp-child.open::after {
  content: '-';
}

@media screen and (min-width: 969px) {
  .menu .line-two {
    padding: 2.3rem 0;
  }
}

.menu .children {
  width: 100%;
  display: none;
  padding: 0 0 2rem 0;
}

@media screen and (min-width: 969px) {
  .menu .children {
    width: 100%;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: fixed;
    /* top: 9.2rem; */
    top: 8.3rem;
    left: 0;
    background-color: #09288C;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.2);
  }
}

.menu .children li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.menu .children li a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #fff;
  height: 100%;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 1rem 2rem 1rem 3rem;
  position: relative;
}

@media screen and (min-width: 969px) {
  .menu .children li a {
    white-space: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 1140px) {
  .menu .children li a {
    font-size: 1.5rem;
  }
}

.menu .children li a span {
  width: 100%;
  font-size: 1rem;
}

.menu .children li a:hover {
  opacity: 1;
  background-color: #191919;
}

.menu .item-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #FFEC00;
}

.menu .item-login.no-login {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.menu .item-login .link {
  color: #000;
}

@media screen and (min-width: 969px) {
  .menu .item-login {
    white-space: nowrap;
    z-index: 1;
  }
  .menu .item-login .link {
    font-size: 1.3rem;
    min-height: 8.3rem;
    color: #000;
    padding: .5rem 2.5rem .5rem .5rem;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menu .item-login .link:after {
    content: '';
    position: absolute;
    top: 50%;
    right: .5rem;
    background-image: url("/2026/common/images/common/ico-arrow-right-black.svg");
    background-size: cover;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .menu .item-login .no-login {
    background-color: #ff9a1b;
    padding: .5rem 1rem;
  }
  .menu .item-login .no-login::after {
    background: transparent;
  }
  .menu .item-login .mw-logout {
    max-width: 21rem;
    white-space: initial;
  }
  .menu .item-login .arrow {
    position: relative;
    padding: .5rem 2.5rem .5rem 1rem;
  }
  .menu .item-login .arrow:not(.mh-auto) {
    min-height: 4.2rem;
  }
  .menu .item-login .arrow::after {
    background: transparent;
    border: solid .5rem transparent;
    border-left: solid .8rem #000000;
    width: auto;
    height: auto;
  }
}

.menu .item-login .usr-login {
  border-top: 1px solid #a1a1a1;
}

.comingsoon {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-image: url("/2026/common/images/top/bg-coming.png");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
  padding: 0 3rem;
  z-index: 999;
}

@media screen and (min-width: 969px) {
  .comingsoon {
    padding: 0;
  }
}

.comingsoon-content {
  width: 90rem;
}

.comingsoon .img-ttl {
  margin: 0 0 3rem;
}

@media screen and (min-width: 969px) {
  .comingsoon .img-ttl {
    margin: 2rem 0 3.2rem;
  }
}

.comingsoon .img-subttl {
  margin: 2.5rem 0 3rem;
}

@media screen and (min-width: 969px) {
  .comingsoon .img-subttl {
    max-width: 55.8rem;
    margin: 2.5rem 0 11.5rem;
  }
}

.comingsoon-ttl {
  font-size: 3.2rem;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  font-style: italic;
  line-height: 1;
  margin: 0 0 1rem 0;
}

@media screen and (min-width: 969px) {
  .comingsoon-ttl {
    font-size: 5.8rem;
  }
}

.comingsoon-txt {
  font-size: 1.6rem;
  font-weight: 700;
}

@media screen and (min-width: 969px) {
  .comingsoon-txt {
    font-size: 2.6rem;
  }
}

.home-wrapper {
  width: 100%;
  background-image: url("/2026/common/images/top/banner.jpg");
  background-size: cover;
  background-position: top;
}

.banner {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.banner > img {
  width: 100%;
}

.banner-content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 7.5rem 0 5rem;
}

@media screen and (min-width: 969px) {
  .banner-content {
    padding: calc(170/1400*100vw) 0 calc(104/1400*100vw);
  }
}

.banner .left {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 969px) {
  .banner .left {
    width: 70%;
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 969px) and (max-width: 1088px) {
  .banner .left {
    /* width: calc(766/1089*100vw); */
  }
}

.banner .left .img-ttl {
  margin: 0 0 1.5rem;
}

.banner .left .img-subttl {
  margin: 2rem auto 1.5rem;
}

@media screen and (min-width: 969px) {
  .banner .left .img-ttl {
    width: 80rem;
  }

  .banner .left .img-subttl {
    max-width: 66.2rem;
    margin: 3.5rem 0 6.5rem;
  }
}

.banner .left .main_tit {
  margin: 0;
  background: none;
  padding: 0;
}

.banner .left .text-comingsoon {
  color: #000000;
  padding: 0 1rem;
  font-weight: bold;
  font-size: .923rem;
  background-color: #00EDFF;
}

@media screen and (min-width: 969px) {
  .banner .left .text-comingsoon {
    font-size: 2.3rem;
  }
}

.banner .left .subttl-comingsoon {
  color: #142C52;
  padding: 0 1rem;
  font-weight: bold;
  font-size: 3.7rem;
}

.banner .left .img-legislative {
  width: 4rem;
  margin-right: .6rem;
}

@media screen and (min-width: 969px) {
  .banner .left .img-legislative {
    width: 7rem;
  }
}

.banner .left .main_schedule {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.banner .left .main_schedule:last-child {
  margin-bottom: 0;
}

.banner .left .main_schedule .big-txt {
  font-size: 3rem;
}

@media screen and (min-width: 969px) {
  .banner .left .main_schedule {
    font-size: 2.4rem;
  }
  .banner .left .main_schedule .big-txt {
    font-size: 4.2rem;
  }
}

.banner .banner-group {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: .5rem;
  margin: 1rem 0 0;
}

.banner .banner-group .banner-group-btn {
  display: flex;
  flex-wrap: wrap;
  background-color: rgba(0, 41, 241, .5);
  color: #ffffff;
}

.banner .banner-group .banner-group-btn svg {
  width: 100%;
}

@media screen and (min-width: 969px) {
  .banner .banner-group {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.7rem;
    margin: 4.5rem 0 0;
  }
}

.banner .right {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  text-align: center;
  justify-content: space-between;
}

@media screen and (min-width: 969px) {
  .banner .right {
    width: 27%;
    margin-left: 3%;
    margin-top: 3rem;
  }
}

@media screen and (max-width: 968px){
  .banner .right{
    margin-top: 1.5rem;
  }
}

.banner .right a {
  width: 100%;
  margin: 0;
}

.banner .right img {
  width: 100%;
}

@media screen and (min-width: 969px) {
  .banner .right img {
    width: 26rem;
    margin-bottom: 2rem;
  }
}

.banner .right .mmbtn {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.banner .right .mmbtn-link {
  width: calc(50% - .35rem);
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  justify-content: flex-start;
  align-items: center;
  background-color: #ffffff;
}

.banner .right .mmbtn-link.map svg {
  height: 6.1rem;
}

.banner .right .mmbtn-link svg {
  height: 4.8rem;
  width: 100%;
}

.banner .right .mmbtn-link .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 9rem;
}

.banner .right .mmbtn-link span {
  width: 100%;
  background-color: #000000;
  font-size: 1.6rem;
  font-weight: 700;
  color: #ffffff;
  padding: .5rem .3rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner .right .mmbtn-link:first-child{
  width: 100%;
  margin-bottom: 0.5em;
}

/* 2025-01-22 */
.banner .right .mmbtn-02 {
  width: 100%;
  margin: 20px 0 0;
  background-color: #CFCFCF;
}

.banner .right .mmbtn-02 span {
  display: block;
  padding: .5rem .3rem;
  background-color: #000;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}

.banner .right .mmbtn-02 .mmbtn-02-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
}

.banner .right .mmbtn-02 .mmbtn-02-inner a {
  display: block;
  width: calc(100% / 2 - 10px);
}

.banner .right .mmbtn-02 .mmbtn-02-inner a img {
  width: 100%;
  height: auto;
  margin: 0;
}

@media screen and (max-width: 968px) {
  .banner .right .mmbtn-02 .mmbtn-02-inner {
    padding: 40px;
  }

  .banner .right .mmbtn-02 .mmbtn-02-inner a {
    width: calc(100% / 2 - 20px);
  }
}

/* 2025-01-30 */
.banner .right .mmbtn-movie {
  width: 100%;
  margin: 15px 0 0;
  background-color: #FFF;
}

.banner .right .mmbtn-movie span {
  display: block;
  padding: .5rem .3rem;
  background-color: #000;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}

.banner .right .mmbtn-movie .mmbtn-movie-wrap a {
  display: block;
  padding: 0.5rem;
}

.banner .right .mmbtn-movie .mmbtn-movie-wrap img {
  width: 100%;
  height: auto;
  margin: 0;
}


/* ---------- */

.banner .banner-txt {
  width: 100%;
  color: #fff;
  font-size: 1.536rem;
  text-align: center;
}

.news {
  /* background-color: #b2edf0; */
  width: 100%;
  padding: 1.5rem 0;
}

@media screen and (min-width: 969px) {
  .news {
    padding: 4rem 0 7.5rem;
  }
}

.news .card {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #fff;
  padding: 2rem 1.5rem;
  margin: 0;
}

@media screen and (min-width: 969px) {
  .news .card {
    padding: 2rem 2.8rem;
  }
}

.news .card .left {
  width: 100%;
}

@media screen and (min-width: 969px) {
  .news .card .left {
    width: 16.5rem;
  }
}

.news .card .right {
  width: 100%;
  height: 17.5rem;
  padding: 2.5rem 1rem 0;
  overflow: auto;
}

@media screen and (min-width: 969px) {
  .news .card .right {
    width: calc(100% - 16.5rem);
    padding-left: 2.5rem;
  }
}

.news .card .right::-webkit-scrollbar {
  width: .5rem;
}

.news .card .right::-webkit-scrollbar-track {
  background: #E5EDF2;
}

.news .card .right::-webkit-scrollbar-thumb {
  background: #888;
}

.news .card .right::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.news .covidmeasures a {
  color: #004DBD;
}

.list-news {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.list-news .item-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 2rem 0;
}

.list-news .item-list .link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #333333;
}

@media screen and (min-width: 969px) {
  .list-news .item-list .link {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.list-news .item-list .link .date {
  width: 100%;
  color: #7F7F7F;
  margin: 0 2rem 0 0;
  font-size: 1.3rem;
  font-weight: 500;
}

@media screen and (min-width: 969px) {
  .list-news .item-list .link .date {
    width: auto;
  }
}

.list-news .item-list .link .txt {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.page {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  padding: 0 0 8rem 0;
}

@media screen and (min-width: 969px) {
  .page {
    min-height: calc(100vh - 360px);
  }
}

.page-bottom {
  padding-bottom: 0;
}

.page-complete .text {
  width: 100%;
}

.form-control {
  width: 100%;
  border: solid thin #B2B2B2;
  border-radius: .5rem;
  padding: .7rem 1.5rem;
  font-size: 1.4rem;
}

.page-login form {
  width: 41rem;
  max-width: 100%;
  margin: 0 auto;
}

.page-login .form-group {
  margin: 0 0 1.5rem;
}

.page-login .label {
  display: inline-block;
  margin: 0 0 .5rem;
}

.page-login .title-page {
  font-size: 2.8rem;
  color: #336E99;
}

.page-login .flex-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 969px) {
  .page-login .flex-group {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.page-login .group-login {
  width: 100%;
  max-width: 35rem;
  margin: 0 0 1.5rem;
  border-radius: .5rem;
  border: solid thin #336E99;
  overflow: hidden;
}

@media screen and (min-width: 969px) {
  .page-login .group-login {
    margin: 0 1.5rem;
  }
}

.page-login .header-login {
  width: 100%;
  background-color: #CCE9F4;
  color: #336E99;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 1rem 1.5rem;
  border-bottom: solid thin #336E99;
}

.page-login .bg-2 {
  background-color: #336E99;
  color: #ffffff;
}

.page-login .body-login {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.5rem;
}

@media screen and (min-width: 969px) {
  .page-login .body-login {
    min-height: 22.5rem;
  }
}

.page-login .body-login .text {
  margin-bottom: auto;
}

.page-login .group-btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: center;
  margin-bottom: 1.5rem;
}

.page-login .group-btn .btn:hover {
  opacity: .7;
}

.page-login .group-btn .btn-custom {
  width: auto;
  min-width: inherit;
}

.page-login .group-btn .btn-login,
.page-login .group-btn .btn-register {
  width: 100%;
  min-width: inherit;
  margin: 0;
}

.page-login .group-btn .btn-login {
  margin: 0 0 1.5rem;
  background-color: #dce9fd;
  color: #004dbd;
  border: solid thin #004dbd;
}

.page-login .group-btn .btn-register {
  background-color: #004dbd;
  color: #ffffff;
  border: solid thin #004dbd;
}

.my-page .row {
  width: calc(100% + 3rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1.5rem 1.5rem;
}

.my-page .link-update {
  position: relative;
  font-size: 1.8rem;
  padding-right: 4rem;
}

.my-page .link-update:after {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  border-top: solid 0.2rem #fff;
  border-right: solid 0.2rem #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.ttl-table {
  text-align: center;
  background-color: #6692B2;
  color: #fff;
  padding: 1rem;
}

@media screen and (min-width: 969px) {
  .ttl-table {
    font-size: 2rem;
  }
}

.section-tab {
  width: 100%;
  padding: 1.5rem 0 0;
}

@media screen and (min-width: 969px) {
  .section-tab {
    padding: 11rem 0 0 0;
    background-color: #E5EDF2;
  }
}

.section-tab .container {
  position: relative;
}

@media screen and (min-width: 969px) {
  .section-tab + .news {
    padding-top: 5.5rem;
  }
}

.search, .seminar {
  width: 100%;
  overflow: hidden;
}

.search .search-header, .search .seminar-header, .seminar .search-header, .seminar .seminar-header {
  width: 100%;
  position: relative;
  z-index: 0;
}

.search .search-header::after, .search .seminar-header::after, .seminar .search-header::after, .seminar .seminar-header::after {
  content: '';
  position: absolute;
  background-size: cover;
  z-index: -1;
}

.search {
  padding: 6rem 0 7rem;
}

.search .search-header {
  margin: 0 0 2rem 0;
}

@media screen and (min-width: 969px) {
  .search .search-header {
    margin: 0 0 7.5rem 0;
  }
}

.venue-map {
  width: 100%;
  background-image: url("/2026/common/images/top/bg-exhibitor.jpg");
  background-size: cover;
  padding: 8rem 0 3rem;
  overflow: hidden;
}

@media screen and (min-width: 969px) {
  .venue-map {
    padding: 8rem 0 4rem;
  }
}

.venue-map .title, .venue-map .subtitle, .venue-map .desc-title {
  color: #fff;
}

.venue-map .venue-map-header {
  width: 100%;
  position: relative;
  margin: 0 0 2rem 0;
  z-index: 0;
}

@media screen and (min-width: 969px) {
  .venue-map .venue-map-header {
    margin: 0 0 4rem 0;
  }
}

.venue-map .venue-map-header.online::after {
  background-image: url("/2026/common/images/online/txt-online.png");
  top: -7rem;
  right: -1.5rem;
  width: 30.4rem;
  height: 6.3rem;
}

@media screen and (min-width: 969px) {
  .venue-map .venue-map-header.online::after {
    top: 0;
    right: -10rem;
    width: 60.4rem;
    height: 12.6rem;
  }
}

.venue-map .text {
  color: #fff;
  margin: 0 0 9rem 0;
}

@media screen and (min-width: 969px) {
  .venue-map .text {
    margin: 0 0 13rem 0;
  }
}

.seminar {
  padding: 6rem 0 1.5rem;
}

@media screen and (min-width: 969px) {
  .seminar {
    padding: 8rem 0 1.5rem;
  }
}

.seminar-header {
  margin: 0 0 2rem 0;
}

@media screen and (min-width: 969px) {
  .seminar-header {
    margin: 0 0 4rem 0;
  }
}

.seminar-body {
  width: 100%;
}

.seminar .text {
  margin: 0 0 2.5rem 0;
}

@media screen and (min-width: 969px) {
  .seminar .text {
    margin: 0 0 4.5rem 0;
  }
}

.official-banner {
  width: 100%;
  overflow: hidden;
  background-color: #E5EDF2;
  padding: 4rem 0 4rem;
}

.official-banner-list {
  width: calc(100% + 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -.5rem;
}

.official-banner-list .items {
  width: calc(100%/2 - 1rem);
  margin: .5rem;
}

@media screen and (min-width: 969px) {
  .official-banner-list .items {
    width: calc(100%/4 - 1rem);
  }
}

.ttl-h2 {
  font-size: 2.6rem;
  font-weight: 700;
  color: #004DC6;
}

.row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 969px) {
  .row {
    width: calc(100% + 2rem);
  }
}

.row.align-normal {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}

.col-lg-4 {
  width: 100%;
  margin: 0 0 1.5rem 0;
}

@media screen and (min-width: 969px) {
  .col-lg-4 {
    width: calc(33.33333% - 2rem);
    margin: 0 1rem 1.5rem;
  }
}

.col-lg-6 {
  width: 100%;
  margin: 0 0 1.5rem 0;
}

@media screen and (min-width: 969px) {
  .col-lg-6 {
    width: calc(50% - 2rem);
    margin: 0 1rem 1.5rem;
  }
}

.col-lg-8 {
  width: 100%;
  margin: 0 0 1.5rem 0;
}

@media screen and (min-width: 969px) {
  .col-lg-8 {
    width: calc(66.66666% - 2rem);
    margin: 0 1rem 1.5rem;
  }
}

.card {
  width: 100%;
  padding: 3rem 1.5rem;
  margin: 0 0 3rem 0;
  background-color: #E5EDF8;
}

@media screen and (min-width: 969px) {
  .card {
    padding: 6rem 1.5rem;
  }
}

.card.bg-2 {
  background-color: #F2F2F2;
}

.card-header, .card-body {
  width: 100%;
}

.card-header {
  margin: 0 0 2rem 0;
}

.c-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  padding: 0 0 0 3rem;
}

.c-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}

.c-checkbox input:checked + span:after {
  opacity: 1;
}

.c-checkbox span:before, .c-checkbox span:after {
  content: '';
  position: absolute;
}

.c-checkbox span:before {
  width: 1.7rem;
  height: 1.7rem;
  border: solid thin #999999;
  background-color: #fff;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.c-checkbox span:after {
  width: .5rem;
  height: 1rem;
  border-right: solid .2rem #004A7F;
  border-bottom: solid .2rem #004A7F;
  top: calc(50% - .3rem);
  left: .3rem;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  opacity: 0;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.search-zone {
  width: 100%;
}

@media screen and (min-width: 969px) {
  .search-zone {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

.search-zone-items {
  background-color: #fff;
}

@media screen and (min-width: 969px) {
  .search-zone .row {
    margin-left: -1rem;
  }
}

.search-zone .group-input {
  width: 100%;
}

.search-zone .group-input:before {
  width: 100%;
  background-color: #fff;
}

.search-zone .search-form .btn-search:before {
  border-bottom-color: #ffffff;
}

@media screen and (min-width: 969px) {
  .search-zone .search-form .btn-search:after {
    border-top-color: #F2F6F8;
  }
}

.search-zone .btn-yellow {
  background-color: #F9E708;
  color: #000000;
}

.fifty-tone {
  width: calc(100% + 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -.5rem;
}

.fifty-tone:not(.fifty-tone-result) .fifty-tone-item {
  width: calc(50% - 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #ffffff;
  padding: 1rem .5rem;
  margin: 0 .5rem 1rem;
  font-weight: 700;
  font-size: 1.7rem;
}

@media screen and (min-width: 969px) {
  .fifty-tone:not(.fifty-tone-result) .fifty-tone-item {
    width: calc(100% / 10 - 1rem);
    margin: 0 .5rem;
  }
}

.fifty-tone-result li {
  width: 50%;
}

.item-header-cate {
  width: 100%;
  min-height: 6.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: .5rem 2.5rem;
  background-color: #004A7F;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 700;
}

.item-header-cate.bg-1 {
  background-color: #009F9A;
}

.item-header-cate.bg-2 {
  background-color: #E72117;
}

.item-header-cate.bg-3 {
  background-color: #009142;
}

.item-header-cate.bg-4 {
  background-color: #ED6F09;
}

.item-header-cate.bg-5 {
  background-color: #8A5BA3;
}

.item-header-cate.bg-6 {
  background-color: #858585;
}

.item-header-cate.bg-7 {
  background-color: #858585;
}

.item-body-cate {
  width: 100%;
  padding: 1.5rem 2.5rem;
  font-size: 1.4rem;
}

.item-body-cate .c-checkbox {
  margin: 0 0 1rem 0;
}

.btn-search {
  position: relative;
  min-width: 28rem;
  background-color: #004DC6;
  color: #fff;
  padding: .9rem;
  font-size: 1.8rem;
}

.btn-search .ico {
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn-search .plus {
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn-search .plus:before, .btn-search .plus:after {
  content: '';
  width: 2rem;
  height: .3rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.btn-search .plus:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

@media screen and (min-width: 969px) {
  .page-search .title-page {
    /* margin: 10rem 0; */
  }
}

.page-search .form {
  background-color: #fff;
}

.page-search .form .label {
  padding: 1rem 1.5rem;
}

@media screen and (min-width: 969px) {
  .page-search .form .label {
    max-width: 17.5rem;
  }
}

.page-search .form .input-group {
  padding: 1rem 1.5rem;
}

@media screen and (min-width: 969px) {
  .page-search .form .input-group {
    width: calc(100% - 17.5rem);
  }
}

.page-search .border-right {
  border-right: solid thin #B2B2B2;
}

@media screen and (max-width: 968px) {
  .page-search .border-left {
    border-left: solid thin #B2B2B2;
  }
}

.page-search .d-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page-search .count-search {
  font-size: 5rem;
  font-weight: 700;
  color: #D90000;
  margin: 0 .5rem;
  line-height: 1;
}

.page-search .result {
  width: 100%;
  padding: 6rem 0;
  background-color: #E5EDF8;
}

.page-search .result-left {
  width: 100%;
  background-color: #ffffff;
  margin: 0 0 1.5rem;
}

@media screen and (min-width: 969px) {
  .page-search .result-left {
    width: 25rem;
    margin: 0;
  }
}

.page-search .result-left .fifty-tone {
  width: 100%;
  margin: 0;
}

.page-search .result-left .title-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #004DC6;
  color: #ffffff;
  font-size: 1.8rem;
  padding: 1.15rem 1.5rem;
  margin: 0;
}

.page-search .result-left .title-form .ico {
  width: 2.5rem;
  margin-right: 1rem;
}

.page-search .result-left .group-input {
  padding: 1.5rem;
}

.page-search .result-left .label {
  width: 100%;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 700;
}

.page-search .result-left .search-text {
  border: 0;
  border-left: solid .2rem #004DC6;
  border-bottom: solid .2rem #004DC6;
  border-radius: 0;
  background-color: #E5EDF8;
  font-size: 1.6rem;
  padding: .7rem;
}

.page-search .result-left .search-text::-webkit-input-placeholder {
  color: #3371D1;
}

.page-search .result-left .search-text:-ms-input-placeholder {
  color: #3371D1;
}

.page-search .result-left .search-text::-ms-input-placeholder {
  color: #3371D1;
}

.page-search .result-left .search-text::placeholder {
  color: #3371D1;
}

.page-search .result-left .bd-bottom {
  border-bottom: solid thin #E5E5E5;
  padding-bottom: 2rem;
}

.page-search .result-left .btn {
  width: 100%;
  min-width: auto;
  background-color: #F9E708;
  color: #000000;
}

.page-search .result-right {
  width: 100%;
}

@media screen and (min-width: 969px) {
  .page-search .result-right {
    width: calc(100% - 25rem);
    padding-left: 1.5rem;
  }
}

.page-search .result-search {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.page-search .result-search-items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1.5rem;
  background-color: #fff;
}

@media screen and (min-width: 969px) {
  .page-search .result-search-items {
    padding: 3rem;
  }
}

.page-search .result-search-items + li {
  margin-top: 2rem;
}

.page-search .result .thumbnail {
  width: 100%;
  height: 21rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border: solid thin #E5E5E5;
  overflow: hidden;
}

@media screen and (min-width: 969px) {
  .page-search .result .thumbnail {
    width: 27.5rem;
    height: 17.7rem;
  }
}

.page-search .result .thumbnail a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.page-search .result .thumbnail a img {
  width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.page-search .result .thumbnail .text-comname {
  text-align: center;
  padding: 1.5rem;
}

.page-search .result .search-items-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2rem 0 0;
}

@media screen and (min-width: 969px) {
  .page-search .result .search-items-content {
    width: calc(100% - 27.5rem);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 0 0 2rem;
  }
}

.page-search .result .search-items-ttl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 2.5rem;
  font-weight: 700;
  color: #333333;
  margin: 0 0 1.5rem 0;
}

@media screen and (min-width: 969px) {
  .page-search .result .search-items-ttl {
    font-size: 2.8rem;
  }
}

.page-search .result .search-items-ttl .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5rem;
  height: 5rem;
  background-color: #3371CA;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 1rem 0 0;
}

@media screen and (min-width: 969px) {
  .page-search .result .search-items-ttl .tag {
    width: 6rem;
    height: 6rem;
    font-size: 2.1rem;
  }
}

.page-search .result .search-items-ttl .tag img {
  max-height: 85%;
  margin-top: 15%;
}

.page-search .result .search-items-ttl .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1.4;
}

.page-search .result .search-items-ttl .text .small {
  width: 100%;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 1.2;
}

.page-search .result .koma-id {
  display: inline-block;
  background-color: #336E99;
  color: #fff;
  font-size: 1.5rem;
  padding: 1.3rem 1rem;
  margin: 0 1rem 0 0;
}

.page-search .result .search-items-text {
  line-height: 1.7;
  color: #333333;
}

.page-search .result .descript {
  width: 100%;
  display: inline-block;
}

@media screen and (min-width: 969px) {
  .page-search .result .descript {
    min-height: calc(100% - 4rem);
  }
}

.group-tag {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (min-width: 969px) {
  .group-tag {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.tag-zone {
  display: inline-block;
  background-color: #F2F2F2;
  border-radius: .3rem;
  margin: 0 0 1rem 0;
  padding: .3rem 1rem;
}

@media screen and (min-width: 969px) {
  .tag-zone {
    margin: 0 1rem 1rem 0;
  }
}

.tag-zone-blue {
  background-color: #3371CA;
  color: #fff;
  margin-right: 0;
  border-radius: 0;
  font-size: 1.6rem;
  font-weight: 700;
  padding: .15rem 1rem;
}

.tag-zone-1 {
  background-color: #009F9A;
  color: #fff;
}

.tag-zone-1-sub {
  background-color: rgba(0, 159, 154, 0.1);
  color: #009F9A;
}

.tag-zone-2 {
  background-color: #E72117;
  color: #fff;
}

.tag-zone-2-sub {
  background-color: rgba(231, 33, 23, 0.1);
  color: #E72117;
}

.tag-zone-3 {
  background-color: #009142;
  color: #fff;
}

.tag-zone-3-sub {
  background-color: rgba(0, 145, 66, 0.1);
  color: #009142;
}

.tag-zone-4 {
  background-color: #ED6F09;
  color: #fff;
}

.tag-zone-4-sub {
  background-color: rgba(237, 111, 9, 0.1);
  color: #ED6F09;
}

.tag-zone-5 {
  background-color: #8A5BA3;
  color: #fff;
}

.tag-zone-5-sub {
  background-color: rgba(138, 91, 163, 0.1);
  color: #8A5BA3;
}

.tag-zone-6 {
  background-color: #858585;
  color: #fff;
}

.tag-zone-6-sub {
  background-color: rgba(133, 133, 133, 0.1);
  color: #858585;
}

.tag-zone-7 {
  background-color: #919191;
  color: #fff;
}

.tag-zone-7-sub {
  background-color: rgba(133, 133, 133, 0.1);
  color: #858585;
}

.search-conditions {
  width: 100%;
  margin: -3rem 0 6.5rem;
}

.search-conditions .btn {
  width: 100%;
}

.search-detail-tag {
  width: 100%;
  text-align: center;
  margin: 5rem 0 0 0;
  padding: 1.2rem;
  font-size: 3rem;
  line-height: 1;
}

.search-detail-tag.tag-1 {
  background-color: #FBE5E5;
  color: #E13333;
}

.search-detail-tag.tag-2 {
  background-color: #FDF2E5;
  color: #F07D00;
}

.search-detail .title-page {
  margin-top: 5rem;
  font-size: 3.2rem;
  border-bottom: solid thin #333333;
  padding-bottom: 3rem;
}

.detail-content {
  width: 100%;
}

.detail-content-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 4rem 0;
}

@media screen and (min-width: 969px) {
  .detail-content-header {
    margin: 0 0 8rem 0;
  }
}

.detail-content-header .thumbnail {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border: solid thin #E5E5E5;
  height: 27.5rem;
  overflow: hidden;
  margin: 0 0 1.5rem;
}

@media screen and (min-width: 969px) {
  .detail-content-header .thumbnail {
    width: 27.5rem;
    height: 17.7rem;
    margin: 0;
  }
}

.detail-content-header .text-comname {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 1.5rem;
}

.detail-content .detail-header-text {
  width: 100%;
  margin: 0;
}

@media screen and (min-width: 969px) {
  .detail-content .detail-header-text {
    width: calc(100% - 27.5rem);
    padding: 0 0 0 3rem;
  }
}

.detail-content .detail-header-text .detail-ttl-parent {
  font-size: 1.8rem;
  font-weight: 700;
}

.detail-content .detail-header-text .detail-ttl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-weight: 700;
  margin: 0 0 1.8rem;
}

.detail-content .detail-header-text .detail-ttl .koma-id {
  font-size: 2.19rem;
  background-color: #336E99;
  color: #fff;
  padding: 1.9rem 1.2rem;
  margin: 0 1rem 0 0;
}

@media screen and (min-width: 969px) {
  .detail-content .detail-header-text .detail-ttl .koma-id {
    margin: 0 3rem 0 0;
  }
}

.detail-content .detail-header-text .detail-ttl .text {
  font-size: 2.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (min-width: 969px) {
  .detail-content .detail-header-text .detail-ttl .text {
    font-size: 4.8rem;
  }
}

.detail-content .detail-header-text .detail-text {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.detail-content .detail-header-text .detail-text-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 0 1rem 0;
  padding: 0 0 0 3rem;
  position: relative;
}

.detail-content .detail-header-text .detail-text-item a {
  color: #000;
}

@media screen and (min-width: 969px) {
  .detail-content .detail-header-text .detail-text-right {
    margin-left: auto;
  }
}

.detail-content .detail-header-text .detail-text span.ico {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.5rem;
  height: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.detail-content .detail-header-text .detail-text span.ico img {
  max-height: 100%;
}

.detail-content .detail-header-text .detail-text .btn-search {
  font-size: 1.4rem;
}

.detail-content .detail-header-text .detail-text .btn-search .ico {
  width: 1.8rem;
}

.detail-content .detail-header-text .detail-text .url a {
  position: relative;
}

.detail-content .detail-header-text .detail-text .url a:after {
  content: '';
  width: 1.3rem;
  height: 1.2999rem;
  background-image: url("/2026/common/images/common/ico-link.svg");
  background-size: cover;
  position: absolute;
  top: .5rem;
  left: calc(100% + .5rem);
}

.detail-content .detail-body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.detail-content .detail-body-product {
  width: 100%;
  margin: 0 0 1.5rem;
}

@media screen and (min-width: 969px) {
  .detail-content .detail-body-product {
    width: calc(100% - 27.4rem);
    margin: 0 4rem 6rem 0;
  }
}

.detail-content .detail-body-sidebar {
  width: 100%;
}

@media screen and (min-width: 969px) {
  .detail-content .detail-body-sidebar {
    width: 23.4rem;
  }
}

.detail-content .detail-body-ttl {
  margin: 0 0 2rem 0;
}

.detail-content .detail-body-ttl .title {
  font-size: 2.6rem;
}

.detail-content .detail-body .list-real {
  width: 100%;
  background-color: #E5EDF2;
  padding: 1.5rem;
}

@media screen and (min-width: 969px) {
  .detail-content .detail-body .list-real {
    padding: 3.5rem 4.5rem;
  }
}

.detail-content .detail-body .list-real li {
  width: 100%;
  position: relative;
  padding: .5rem 0 .5rem 1.5rem;
  font-weight: 700;
}

@media screen and (min-width: 969px) {
  .detail-content .detail-body .list-real li {
    font-size: 2.2rem;
  }
}

.detail-content .detail-body .list-real li:before {
  content: '';
  width: .8rem;
  height: .8rem;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #4D81A6;
  border-radius: 50%;
}

.detail-content .sidebar-items {
  width: 100%;
  margin: 0 0 1rem 0;
}

.detail-content .sidebar-items-header {
  width: 100%;
  border-bottom: solid .4rem #004A7F;
  font-weight: 700;
}

.detail-content .sidebar-items-header span {
  min-width: 12.5rem;
  position: relative;
  color: #fff;
  display: inline-block;
  background-color: #004A7F;
  padding: .5rem 1rem 0;
}

.detail-content .sidebar-items-header span:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: calc(100% - 2rem);
  border: solid 2rem transparent;
  border-bottom: solid 2.5rem #004A7F;
}

.detail-content .sidebar-items-body {
  width: 100%;
}

.detail-content .sidebar-items-body li {
  width: 100%;
}

.detail-content .sidebar-items-body li .link {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 1rem 4rem 1rem 0;
  color: #333333;
  line-height: 1.8;
}

.detail-content .sidebar-items-body li .link:after {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 1.5rem;
  right: 1rem;
  background-image: url(/2026/common/images/common/ico-arrow-right.svg);
  background-size: cover;
}

.detail-content .list-online {
  width: calc(100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
}

@media screen and (min-width: 969px) {
  .detail-content .list-online {
    width: calc(100% + 2rem);
    margin: 0 -1rem;
  }
}

.detail-content .list-online .items {
  width: 100%;
  margin: 0 0 2rem;
  background-color: #E5EDF2;
}

@media screen and (min-width: 969px) {
  .detail-content .list-online .items {
    width: calc(33.3333% - 2rem);
    margin: 0 1rem 2rem;
  }
}

.detail-content .list-online .items-thumbnail {
  width: 100%;
  height: 26.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background-color: #D9D9D9;
  position: relative;
  overflow: hidden;
}

.detail-content .list-online .items-thumbnail a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.detail-content .list-online .items-thumbnail .ico-zoom {
  position: absolute;
  bottom: 0;
  right: 1rem;
  width: 3.5rem;
}

.detail-content .list-online .items-ttl {
  width: 100%;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 1rem 2rem;
}

.detail-link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 5rem 0 0 0;
}

@media screen and (min-width: 969px) {
  .detail-link {
    margin: 9.5rem 0 0 0;
  }
}

.detail-link .link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 8.8rem;
  position: relative;
  -webkit-box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.4);
          box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 969px) {
  .detail-link .link {
    width: calc(50% - 3rem);
    margin: 0 1.5rem 8.8rem;
  }
}

.detail-link .link .bg {
  width: 100%;
}

.detail-link .link .ico {
  width: 6rem;
  position: absolute;
  top: -3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 969px) {
  .detail-link .link .ico {
    width: 10.9rem;
    top: -5rem;
  }
}

.detail-link .link .text {
  width: 100%;
  position: absolute;
  top: 4rem;
  left: 0;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
}

@media screen and (min-width: 969px) {
  .detail-link .link .text {
    font-size: 2.8rem;
    top: 7.5rem;
  }
}

.detail-link .link .ico-arrow {
  width: 2.5rem;
  position: absolute;
  top: .5rem;
  right: 2rem;
}

@media screen and (min-width: 969px) {
  .detail-link .link .ico-arrow {
    width: 3.5rem;
    top: 1rem;
  }
}

@media screen and (min-width: 969px) {
  .permission-31 .detail-link .link .ico {
    width: 7rem;
    top: -3.5rem;
  }
}

@media screen and (min-width: 969px) {
  .permission-31 .detail-link .link .text {
    top: 5.5rem;
    font-size: 1.8rem;
  }
}

.permission-31 .detail-link .link .ico-arrow {
  top: .5rem;
}

.box-movie {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.box-movie .iframe {
  width: 100%;
  max-width: 66.4rem;
  height: 22rem;
}

@media screen and (min-width: 969px) {
  .box-movie .iframe {
    height: 41.2rem;
  }
}

.table-reponsive {
  width: 100%;
  overflow: auto;
}

.table-reponsive .mw-200 {
  min-width: 200rem;
}

.table-reponsive .mw-300 {
  min-width: 300rem;
}

.table-reponsive .mw-400 {
  min-width: 400rem;
}

.table-reponsive .no-data {
  padding: 4rem 1rem;
}

.table-reponsive td {
  padding: .8rem 1rem;
}

.page-organizer .seminar {
  padding: 0.5rem 0 1.5rem;
}

@media screen and (min-width: 969px) {
  .page-organizer .seminar {
    padding: 0 0 1.5rem;
  }
}

.page-organizer .seminar .text {
  margin: 0 0 2.5rem 0;
  line-height: calc(24.5/14);
}

@media screen and (min-width: 969px) {
  .page-organizer .seminar .text {
    margin: 0 0 4.5rem 0;
  }
}

.page-organizer .seminar-body {
  width: 100%;
}

.page-organizer .seminar-list {
  width: 100%;
  margin: 0 0 3.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.page-organizer .seminar-list-header {
  width: 100%;
  text-align: center;
  border: none;
}

.page-organizer .seminar-list-header .ttl-h3 {
  width: auto;
  min-width: 28rem;
  display: inline-block;
  font-size: 2.5rem;
  font-weight: 700;
  padding: 0.5rem 1.5rem;
  color: #fff;
  width: 100%;
}

@media screen and (min-width: 969px) {
  .page-organizer .seminar-list-header .ttl-h3 {
    font-size: 2rem;
  }
}

.page-organizer .seminar-list-body {
  width: 100%;
}

.page-organizer .seminar-list-body .list {
  width: 100%;
  background-color: #E5EDF8;
  padding: 0 1.5rem;
  counter-reset: section;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 969px) {
  .page-organizer .seminar-list-body .list {
    padding: 1rem 3.5rem;
  }
}

.page-organizer .seminar-list-body .list-items {
  width: 100%;
  position: relative;
  padding: 2rem 0;
  border-top: solid thin #D6D6D6;
  position: relative;
  padding-left: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 969px) {
  .page-organizer .seminar-list-body .list-items {
    padding: 2rem 16rem 2rem 3.6rem;
  }
}

.page-organizer .seminar-list-body .list-items:first-child {
  border-top: none;
}

.page-organizer .seminar-list-body .list-items:after {
  counter-increment: section;
  content: counter(section);
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 2rem;
  left: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #Fff;
  background-color: #004dbd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.page-organizer .seminar-list-body .list-items-ttl {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
}

@media screen and (min-width: 969px) {
  .page-organizer .seminar-list-body .list-items-ttl {
    font-size: 1.8rem;
  }
}

.page-organizer .seminar-list-body .list-items-ttl a {
  color: #000;
}

.page-organizer .seminar-list .ico {
  width: 9rem;
}

@media screen and (min-width: 969px) {
  .page-organizer .seminar-list .ico {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (min-width: 969px) {
  .page-organizer .seminar .container.p-0 {
    padding: 0;
  }
}

.page-organizer .title-page_2 {
  font-size: 2.5rem;
  color: #fff;
  font-weight: 700;
  line-height: calc(46/30);
  background-color: #004dbd;
  padding: 0.9rem 0;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 969px) {
  .page-organizer .title-page_2 {
    font-size: 3rem;
  }
}

.page-organizer .title-page_2.mt-45 {
  margin-top: 4.5rem;
}

.page-organizer .ttl-inner {
  font-size: 2rem;
  font-weight: 700;
  color: #004dbd;
  line-height: calc(45/26);
  margin-top: 4rem;
  margin-bottom: 2.5rem;
  width: 100%;
}

@media screen and (min-width: 969px) {
  .page-organizer .ttl-inner {
    font-size: 2.6rem;
  }
}

.page-organizer .left__custom {
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media screen and (min-width: 969px) {
  .page-organizer .left__custom {
    max-width: 25.5rem;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 0;
  }
}

.page-organizer .left__custom img {
  max-width: 19.4rem;
}

.page-organizer .right__custom {
  width: 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media screen and (min-width: 969px) {
  .page-organizer .right__custom {
    max-width: calc(100% - 25.5rem);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    border-right: solid thin #b2b2b2;
  }
}

@media screen and (max-width: 968px) {
  .page-organizer .h-pc {
    display: none;
  }
}

@media screen and (min-width: 969px) {
  .page-organizer .table {
    border: solid thin #B2B2B2;
  }
}

.page-organizer .table .row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0;
  border: none;
}

@media screen and (min-width: 969px) {
  .page-organizer .table .row {
    border-bottom: solid thin #B2B2B2;
  }
}

@media screen and (max-width: 968px) {
  .page-organizer .table .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.page-organizer .table .row:last-of-type {
  border: none;
}

.page-organizer .table__left {
  background-color: #E5EDF8;
  width: 100%;
  padding: 1.7rem 0;
  padding-left: 2rem;
}

@media screen and (min-width: 969px) {
  .page-organizer .table__left {
    max-width: 17.5rem;
  }
}

.page-organizer .table__right {
  background-color: #fff;
  width: 100%;
  padding: 1.7rem;
  padding-left: 2rem;
}

@media screen and (min-width: 969px) {
  .page-organizer .table__right {
    max-width: calc(100% - 17.5rem);
  }
}

.page-organizer .table-text {
  font-weight: normal;
  font-size: 1.4rem;
  color: #333;
}

.page-organizer .table-text.fw-700 {
  font-weight: 700;
}

.page-organizer .btn__link {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: calc(35/20);
  background-color: #F9E607;
  color: #191919;
  width: 100%;
  margin: 0 auto;
  padding: 2rem 1.5rem;
  text-align: center;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin-top: 1rem;
  cursor: pointer;
  margin-bottom: 2.5rem;
  border: none;
}

@media screen and (min-width: 969px) {
  .page-organizer .btn__link {
    max-width: 36.2rem;
    padding: 29.5px 0;
    font-size: 2rem;
  }
}

.page-organizer .btn__link:hover {
  opacity: 0.8;
}

.page-organizer .btn__link:after {
  content: "";
  position: absolute;
  background: url(../images/common/icon-arrowRight.png);
  width: 40px;
  height: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 25px;
  background-repeat: no-repeat;
  background-size: contain;
}

.text-center {
  text-align: center;
}

@media screen and (min-width: 969px) {
  .zone .title-page {
    margin: 7rem 0 4.5rem 0;
  }
}

.zone__icon {
  max-width: 13.5rem;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 3.5rem;
}

@media screen and (min-width: 969px) {
  .zone .h-pc {
    display: none;
  }
}

.zone .text {
  font-size: 1.4rem;
  font-weight: 300;
  color: #333;
  line-height: calc(25/14);
  width: 100%;
  text-align: center;
}

.zone__list {
  margin-top: 4.5rem;
  width: 100%;
}

.zone__list .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 969px) {
  .zone__list .row {
    margin: 0 -10px;
  }
}

.zone__list_item {
  margin: 0 1rem;
  margin-bottom: 2.5rem;
  width: 100%;
}

@media screen and (min-width: 969px) {
  .zone__list_item {
    max-width: calc(33.33% - 20px);
  }
}

.zone__list_item.bg_1 a {
  background-color: #E5F5F5;
  color: #009F9A;
}

.zone__list_item.bg_2 a {
  color: #007AC3;
  background-color: #E5F2F9;
}

.zone__list_item.bg_3 a {
  color: #E72117;
  background-color: #FDE9E8;
}

.zone__list_item.bg_4 a {
  color: #009142;
  background-color: #E5F4EC;
}

.zone__list_item.bg_5 a {
  color: #ED6F09;
  background-color: #FDF1E6;
}

.zone__list_item.bg_6 a {
  color: #8A5BA3;
  background-color: #F3EFF6;
}

.zone__list_item.bg_7 a {
  color: #858585;
  background-color: #F3F3F3;
}

.zone__list_item a {
  padding: 1.5rem 6.5rem 1.5rem 3rem;
  background-color: #E5F5F5;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: #009F9A;
  position: relative;
  min-height: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 969px) {
  .zone__list_item a {
    font-size: 2.2rem;
    min-height: 16.2rem;
  }
}

.zone__list_item a:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  width: 2.7rem;
  height: 1.6rem;
  background: url(../images/common/ar-right.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.wrap__text {
  padding-top: 4rem;
}

.wrap__text h3 {
  font-weight: 700;
  padding-bottom: 1rem;
}

.wrap__text p {
  line-height: 2;
}

button:disabled,
button[disabled] {
  background-color: #cccccc;
  pointer-events: none;
}

.form-custom.flexbox {
  position: relative;
}

.form-custom.flexbox label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 1.6rem;
  font-weight: 700;
}

.form-custom.flexbox input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.form-custom.flexbox span {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 5px;
  margin-right: 10px;
  position: relative;
  border: solid thin #333;
}

.form-custom.flexbox span:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 1px;
  left: 5px;
}

.form-custom.flexbox input:checked ~ span {
  background-color: #2196F3;
  border-color: #2196F3;
}

.footer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 5.3rem 0 2.3rem;
  background-color: #242424;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.footer .list-company {
  width: calc(100% + 3rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1rem 3rem;
}

@media screen and (min-width: 969px) {
  .footer .list-company {
    margin: 0 -1.5rem 6rem;
  }
}

.footer .list-company .item-list {
  width: calc(50% - 2rem);
  margin: 0 1rem 1.5rem;
}

@media screen and (min-width: 969px) {
  .footer .list-company .item-list {
    width: calc(33.3333% - 6.7333rem);
    margin: 0 1.5rem 1.5rem;
  }
}

.footer .list-company .item-list img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

.footer .list-company .last,
.footer .list-company .carbon {
  text-align: center;
}

@media screen and (min-width: 969px) {
  .footer .list-company .last {
    width: 8.2rem;
  }
  .footer .list-company .carbon {
    width: 15.2rem;
  }
}

.footer .list-company .last img,
.footer .list-company .carbon img {
  max-height: 4.147rem;
}

@media screen and (min-width: 969px) {
  .footer .list-company .last img,
  .footer .list-company .carbon img {
    max-height: inherit;
  }
}

.footer .nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer .nav .nav-footer {
  width: 100%;
  margin: 0 0 3rem 0;
}

@media screen and (min-width: 969px) {
  .footer .nav .nav-footer {
    margin: 0;
  }
}

@media screen and (min-width: 969px) {
  .footer .nav .nav-footer-1 {
    width: 40%;
  }
  .footer .nav .nav-footer-2 {
    width: 20%;
  }
  .footer .nav .nav-footer-3 {
    width: 20%;
  }
  .footer .nav .nav-footer-4 {
    width: 20%;
    padding-left: 2rem;
  }
}

.footer .nav .ttl {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 1rem;
}

@media screen and (min-width: 969px) {
  .footer .nav .ttl {
    margin: 0 0 2.5rem;
  }
}

.footer .nav .ttl.mb-1 {
  margin-bottom: 1rem;
}

.footer .nav .txt {
  color: #fff;
  margin: 0 0 1rem 0;
}

.footer .nav .txt.font-bold {
  font-weight: 700;
}

.footer .nav .menu-footer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer .nav .menu-footer a {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: .25rem 0 .25rem 1.7rem;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 400;
}

.footer .nav .menu-footer a:before {
  content: '';
  position: absolute;
  width: .7rem;
  height: .7rem;
  top: 50%;
  left: -.1rem;
  border-top: solid 0.2rem #fff;
  border-right: solid 0.2rem #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}

.footer .nav .menu-footer small {
  font-size: .9rem;
}

.footer .copyright {
  color: #fff;
  font-size: 1.2rem;
  margin: 2rem 0 0;
}

.footer a {
  color: #fff;
}

/* --- セクション名等 --- */
/*# sourceMappingURL=style.css.map */




.qrcode {
  margin-bottom: 10px!important;
}


.web-info {
  margin: 0 0 10px 0!important;
}


.komashape-image {
  width: 50%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1rem;
}

.komashape-image.one {
  grid-template-columns: repeat(1, 1fr);
}

.komashape-image {
  width: 70%;
  /* grid-template-columns: repeat(4, 1fr); */
  grid-template-columns: 1fr 1fr 1fr 1.8fr;
}

.komashape-image picture {
  border: solid thin #B2B2B2;
  padding: 1rem;
}

/* 出店申し込み */
.application{
  margin-top: 2rem;
  width: 100%;
}
.application > a,
.application > div{
  border: 3px solid #0029d6;
  background: rgba(255, 255, 255, .85);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 3rem 2rem 2rem;
  box-shadow: rgba(0,0,0,.7) 0 2px 4px;;
  position: relative;
}

.application > a img,
.application > div img{
  max-width: 369px;
  width: 100%;
}

.cancel  > div img{
  max-width: 530px;
  width: 100%;
}

.application > a::after{
  content: '';
  position: absolute;
  right: 2.3rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border-top: 3px solid #0029d6;
  border-right: 3px solid #0029d6;
  transform: rotate(45deg);
}

@media screen and (max-width:500px){
  .application > a::after{
    right: 1.3rem;
  }
}

.application > a span,
.application > div span{
  color: #004DBD;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
}

.application > a span a,
.application > div span a{
  color: inherit;
}

.application.download{
  margin-top: 1rem;
}
.application.download a{
  padding: 1rem 2rem 1rem 1rem;
}

.comNameKana.notActive{
  display: none;
}

.main-sidebar .nav-item p {
  font-size: 13px;
  padding: 0rem 1.5rem 0.5rem 1.5rem;
  color: #fdfd5a;
}

.mp4_area a.disabled{
  background: #dcdcdc;
  pointer-events: none;
}
.mp4_area a.disabled::before{
  content: none;
}

.form .form-group .name_file {
  width: 100%;
}

.banner .visitor-group .u_regist{
  display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0.5rem;
}
.banner .visitor-group .u_regist span{
  padding: 3px 10px;
	background: #000;
	color: #fff;
	margin-right: 4px;
}
.banner .visitor-group .u_regist .ttl{
  margin-bottom: 0;
}
.banner .visitor-group .u_regist + .ttl{
  font-size: 2rem;
	margin-bottom: 0;
}

.sem_modal{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 999;
  background: rgba(0, 0, 0, .3);
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.sem_modal.active{
  display: flex;
}
.sem_modal .sem_modal_inner{
  width: 100%;
  max-width: 600px;
  /* height: 500px; */
  background: #fff;
  border: 4px solid #004dbd;
  box-shadow: 0 0rem 1rem 0.1rem rgba(0, 0, 0, 0.3);
  padding: 20px;
}
.sem_modal .sem_modal_inner .sem_modal_head{
  text-align: center;
  font-weight: bold;
  font-size: 2.4rem;
  margin-bottom: 2.5rem;
  color: #004dbd;
}
.sem_modal .sem_modal_inner .sem_modal_title{
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
.sem_modal .sem_modal_inner .btn_list{
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
}
.sem_modal .sem_modal_inner .btn_list .sem_btn{
  width: 49%;
  margin: 0;
  background: #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 15px 10px;
  cursor: pointer;
  transition: .3s;
}
.sem_modal .sem_modal_inner .btn_list .sem_btn:hover{
  opacity: .7;
}
.sem_modal .sem_modal_inner .btn_list .sem_btn:first-child{
  background: #F9E607;
}

.sem_btn{
  padding: 3px 15px;
  background: #004dbd;
  color: #fff;
  margin-left: 10px;
}

.notice_btn {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 3rem;
}
.notice_btn a{
  width: 500px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 2rem 1rem;
  line-height: 1.3;
  margin: 0 auto;
  font-size: 2.4rem;
  font-weight: 700;
  border: 2px solid #0029d6;
  background: #0029d6;
  color: #fff;
  max-width: 100%;
}

/*
↓出展者PR本公開時は削除
*/
/* .page-search .result .result-search-items {
  margin-top: 0.1rem;
  padding: 1rem;
}
.page-search .result .group-tag {
  justify-content: flex-start;
  font-size: 1.3rem;
  opacity: .85;
}
.page-search .result .tag-zone-blue{
  font-size: 1.3rem;
}
.page-search .result .tag-zone{
  margin-bottom: 0.2rem;
}
.page-search .result .descript{
  pointer-events: none;
}
.page-search .result .search-items-content{
  padding: 0;
}
.page-search .result .search-items-ttl{
  font-size: 1.7rem;
  margin-bottom: 0;
}
.page-search .result .search-items-ttl .tag{
  display: none;
}
.page-search .result .search-items-ttl .text .small{
  font-size: 1.3rem;
} */


.info2024{
  width:100%;
  margin-top:40px;
  background-color: #ffffffd1;
  padding:25px 30px 30px;
  text-align:left;
  border:3px solid #004dbd;
  position:relative;
}

.info2024 .txt1{
  font-size:2.3em;
  font-weight:bold;
  color:#004dbd;
  margin-bottom: 20px;
}

.info2024 .txt2{
  margin-bottom: 20px;
  font-size:1.5em;
  font-weight:bold;
}

.info2024 .txt2:last-of-type{
  margin-bottom: 0;
}

.info2024 .txt2 span{
  background-color:#b2caeb;
  color:#004dbd;
  padding:8px;
  margin-right:10px;
}

.info2024 .info-sp-br{
  display:none;
}

@media screen and (max-width: 968px) {
  .info2024{
    padding:20px;
    margin-top:0;
  }

  .info2024 .txt1{
    font-size:1.4em;
    font-weight:bold;
    text-align:center;
  }

  .info2024 .txt2{
    margin-bottom: 20px;
    font-size:1em;
  }

  .info2024 .txt2 span{
    background-color:#b2caeb;
    color:#004dbd;
    padding:8px;
    margin-right:10px;
  }

  .info2024 .info-sp-br{
    display:block;
  }
}
