@charset "UTF-8";
:root {
  --font-root: Noto Sans Japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴシック Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, Verdana, Arial, sans-serif;
  --font-helvetica: Helvetica, Arial, sans-serif;
  --line-height: 1.5625;
  --font-weight-root: 400;
  --font-size-root: 10px;
  --font-size: 1.6rem;
  --font-size-h1: 2.4rem;
  --font-size-h2: 2.2rem;
  --font-size-h3: 2rem;
  --font-size-h4: 1.8rem;
  --font-size-h5: 1.6rem;
  --font-size-h6: 1.4rem;
  --color-primary: #2567AB;
  --color-link: #333;
  --color-link-hover: #2567AB;
  --color-highlight: #C00;
  --color-grey: #ccc;
  --color-white: #fff;
  --color-black: #000;
  --bg-footer: #f8f8f8;
  --bg-root: #fff;
  --bg-hover: #2567AB;
  --color-root: #333;
  --color-hover: #2567AB;
}

/* stylelint-disable */
/* ******************************************************************

    --common.css--

    0. BoxModel change

    1. Common setting
        1-1. Reset styles
        1-2. Font styles
        1-3. General styles
        1-4. Text styles
        1-5. List styles
        1-6. CSS3 common styles

****************************************************************** */
/*==================================================================
    0. BoxModel change
===================================================================*/
/*==================================================================
    1. Common setting
===================================================================*/
/* ------------------------------------------------------------------
    1-1. Reset styles
-------------------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
object,
iframe,
pre,
code,
p,
blockquote,
form,
fieldset,
legend,
table,
th,
td,
caption,
tbody,
tfoot,
thead,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
audio,
video,
canvas {
  margin: 0;
  padding: 0;
}

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

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

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

fieldset,
img {
  border: none;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ul,
ol,
menu {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

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

abbr,
acronym {
  border: none;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

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

legend {
  color: #000;
}

a img,
map a {
  border: none;
}

a:hover,
a:active,
a:focus {
  outline: 0;
}

embed {
  width: 100%;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img,
object,
embed {
  max-width: 100%;
  height: auto;
}

object,
embed {
  height: 100%;
}

img {
  -ms-interpolation-mode: bicubic;
}

/* Font styles
-------------------------------------------------------------------*/
select,
input,
button,
textarea,
button {
  font-size: inherit;
}

table {
  font-size: inherit;
  font: 100%;
}

pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  line-height: 1;
}

/* General styles
-------------------------------------------------------------------*/
table {
  empty-cells: show;
}

input {
  line-height: 1;
}

form img,
input,
select {
  vertical-align: middle;
}

textarea {
  resize: none;
}

select {
  padding: 1px;
}

label {
  margin-right: 5px;
}

legend {
  display: none;
}

input[type=text],
input[type=password],
textarea {
  padding: 3px 4px 0 3px;
  border: 1px solid #999;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  font-size: 1.3rem;
}

/* ------------------------------------------------------------------
    1-2. VisualFormattingModel styles
-------------------------------------------------------------------*/
.noDisplay {
  display: none;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inlineBlock {
  display: inline-block !important;
}

.static {
  position: static !important;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.fixed {
  position: fixed !important;
}

.leftBox {
  float: left;
}

.rightBox {
  float: right;
}

.nofloat {
  float: none !important;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.clear {
  clear: both !important;
}

a.hover:hover,
input.hover:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

/* ------------------------------------------------------------------
    1-3. BoxModel styles
-------------------------------------------------------------------*/
.auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.mt0,
.mv0,
.ma0 {
  margin-top: 0 !important;
}

.mr0,
.mh0,
.ma0 {
  margin-right: 0 !important;
}

.mb0,
.mv0,
.ma0 {
  margin-bottom: 0 !important;
}

.ml0,
.mh0,
.ma0 {
  margin-left: 0 !important;
}

.pt0,
.pv0,
.pa0 {
  padding-top: 0 !important;
}

.pr0,
.ph0,
.pa0 {
  padding-right: 0 !important;
}

.pb0,
.pv0,
.pa0 {
  padding-bottom: 0 !important;
}

.pl0,
.ph0,
.pa0 {
  padding-left: 0 !important;
}

.mt5,
.mv5,
.ma5 {
  margin-top: 5px !important;
}

.mr5,
.mh5,
.ma5 {
  margin-right: 5px !important;
}

.mb5,
.mv5,
.ma5 {
  margin-bottom: 5px !important;
}

.ml5,
.mh5,
.ma5 {
  margin-left: 5px !important;
}

.pt5,
.pv5,
.pa5 {
  padding-top: 5px !important;
}

.pr5,
.ph5,
.pa5 {
  padding-right: 5px !important;
}

.pb5,
.pv5,
.pa5 {
  padding-bottom: 5px !important;
}

.pl5,
.ph5,
.pa5 {
  padding-left: 5px !important;
}

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

.mr10,
.mh10,
.ma10 {
  margin-right: 10px !important;
}

.mb10,
.mv10,
.ma10 {
  margin-bottom: 10px !important;
}

.ml10,
.mh10,
.ma10 {
  margin-left: 10px !important;
}

.pt10,
.pv10,
.pa10 {
  padding-top: 10px !important;
}

.pr10,
.ph10,
.pa10 {
  padding-right: 10px !important;
}

.pb10,
.pv10,
.pa10 {
  padding-bottom: 10px !important;
}

.pl10,
.ph10,
.pa10 {
  padding-left: 10px !important;
}

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

.mr20,
.mh20,
.ma20 {
  margin-right: 20px !important;
}

.mb20,
.mv20,
.ma20 {
  margin-bottom: 20px !important;
}

.ml20,
.mh20,
.ma20 {
  margin-left: 20px !important;
}

.pt20,
.pv20,
.pa20 {
  padding-top: 20px !important;
}

.pr20,
.ph20,
.pa20 {
  padding-right: 20px !important;
}

.pb20,
.pv20,
.pa20 {
  padding-bottom: 20px !important;
}

.pl20,
.ph20,
.pa20 {
  padding-left: 20px !important;
}

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

.mr30,
.mh30,
.ma30 {
  margin-right: 30px !important;
}

.mb30,
.mv30,
.ma30 {
  margin-bottom: 30px !important;
}

.ml30,
.mh30,
.ma30 {
  margin-left: 30px !important;
}

.pt30,
.pv30,
.pa30 {
  padding-top: 30px !important;
}

.pr30,
.ph30,
.pa30 {
  padding-right: 30px !important;
}

.pb30,
.pv30,
.pa30 {
  padding-bottom: 30px !important;
}

.pl30,
.ph30,
.pa30 {
  padding-left: 30px !important;
}

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

.mr40,
.mh40,
.ma40 {
  margin-right: 40px !important;
}

.mb40,
.mv40,
.ma40 {
  margin-bottom: 40px !important;
}

.ml40,
.mh40,
.ma40 {
  margin-left: 40px !important;
}

.pt40,
.pv40,
.pa40 {
  padding-top: 40px !important;
}

.pr40,
.ph40,
.pa40 {
  padding-right: 40px !important;
}

.pb40,
.pv40,
.pa40 {
  padding-bottom: 40px !important;
}

.pl40,
.ph40,
.pa40 {
  padding-left: 40px !important;
}

.bt0,
.ba0 {
  border-top: none !important;
}

.br0,
.ba0 {
  border-right: none !important;
}

.bb0,
.ba0 {
  border-bottom: none !important;
}

.bl0,
.ba0 {
  border-left: none !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

/* ------------------------------------------------------------------
    1-4. Text styles
-------------------------------------------------------------------*/
strong,
.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.note {
  margin-left: 1em;
  text-indent: -1em;
}

.f10 {
  font-size: 77%;
}

.f11 {
  font-size: 85%;
}

.f12 {
  font-size: 93%;
}

.f14 {
  font-size: 108%;
}

.f15 {
  font-size: 116%;
}

.f16 {
  font-size: 123.1%;
}

.f17 {
  font-size: 131%;
}

.f18 {
  font-size: 138.5%;
}

.f19 {
  font-size: 146.5%;
}

.f20 {
  font-size: 153.9%;
}

.f21 {
  font-size: 161.6%;
}

.f22 {
  font-size: 167%;
}

.f23 {
  font-size: 174%;
}

.f24 {
  font-size: 182%;
}

.f25 {
  font-size: 189%;
}

.f26 {
  font-size: 197%;
}

.red {
  color: #C00;
}

.white {
  color: #FFF;
}

.grayC {
  color: #CCC;
}

.gray9 {
  color: #999;
}

.gray6 {
  color: #666;
}

.gray3 {
  color: #333;
}

.black {
  color: #000;
}

.middle {
  vertical-align: middle !important;
}

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

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

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

.underline {
  text-decoration: underline !important;
}

/* ------------------------------------------------------------------
    1-5. List styles
-------------------------------------------------------------------*/
.disc {
  padding-left: 2em;
  list-style: disc;
}

.circle {
  padding-left: 2em;
  list-style: circle;
}

.decimal {
  padding-left: 2.4em;
  list-style: decimal;
}

/* ------------------------------------------------------------------
    1-6. CSS3 common styles
-------------------------------------------------------------------*/
.boxShadow {
  -webkit-box-shadow: 0 0 5px #DDD;
  box-shadow: 0 0 5px #DDD;
}

.textShadowW {
  text-shadow: 0 1px 0 #E7E7E7;
}

.textShadowB {
  text-shadow: 0 1px 0 #111;
}

.radius5 {
  border-radius: 5px;
}

.radius10 {
  border-radius: 10px;
}

/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box;
  overflow-x: hidden;
  background-color: var(--bg-root);
  font-size: var(--font-size-root);
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  color: var(--color-root);
  font-weight: normal;
  font-size: 1.3rem;
  font-family: var(--font-root);
  line-height: 1.4;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  word-wrap: break-word;
}

/**
 * Basic styles for links
 */
/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0;
  /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.inner {
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
  padding: 0 30px;
}

#contents {
  width: 100%;
  min-height: calc(100vh - 260px);
  overflow: hidden;
  padding-left: 240px;
  transition: padding-left 0.3s;
}

@media only screen and (max-width: 992px) {
  #contents {
    min-height: calc(100vh - 120px);
  }
}
@media only screen and (max-width: 768px) {
  #contents {
    min-height: calc(100vh - 55px);
    padding-left: 0;
    padding-top: 50px;
  }
  .inner {
    padding: 0 15px;
  }
}
.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.ta-center {
  text-align: center !important;
}

.ta-right {
  text-align: right !important;
}

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

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

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

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

.mb-10 {
  margin-bottom: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

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

.mb-20 {
  margin-bottom: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

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

.mb-30 {
  margin-bottom: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.w-100 {
  width: 100px !important;
}

.w-150 {
  width: 150px !important;
}

.w-170 {
  width: 170px !important;
}

.w-200 {
  width: 200px !important;
}

.w-300 {
  width: 300px !important;
}

.h-150 {
  height: 150px !important;
}

.h-300 {
  height: 300px !important;
}

.h-500 {
  height: 500px !important;
}

.e-icon {
  height: 1em;
  transition: fill 0.3s, stroke 0.3s, transform 0.3s;
  width: 1em;
}

.e-btn, .e-btn--primary {
  align-items: center;
  background-color: var(--color-primary);
  border-width: 0;
  border-radius: 3px;
  color: var(--color-white) !important;
  display: inline-flex;
  outline: none;
  height: 40px;
  line-height: 1.2;
  justify-content: center;
  min-width: 150px;
  text-decoration: none !important;
}
.e-btn:hover, .e-btn--primary:hover {
  color: var(--color-white) !important;
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .e-btn, .e-btn--primary {
    transition: background-color 0.3s, color 0.3s;
  }
}

[class*=btn_] {
  display: block;
  text-align: center;
  position: relative;
}

[class*=btn_].btn_norm > a, [class*=btn_].btn_norm > span, [class*=btn_].btn_norm > button {
  width: 320px;
  padding: 8px 0;
}

[class*=btn_].btn_link > a, [class*=btn_].btn_link > span, [class*=btn_].btn_link > button {
  color: #001489;
  background-color: #fff;
  border-color: #001489;
}

[class*=btn_] > a, [class*=btn_] > span, [class*=btn_] > button {
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2;
  border-radius: 50px;
  letter-spacing: 0.05em;
}

[class*=btn_] > a:after, [class*=btn_] > span:after, [class*=btn_] > button:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  line-height: 1;
  content: "\f054";
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
  right: 2em;
  font-size: 1.5rem;
  -webkit-transition: right 0.3s;
  transition: right 0.3s;
}

[class*=btn_].btn_link > a:hover, [class*=btn_].btn_link > span:hover, [class*=btn_].btn_link > button:hover {
  color: #fff;
  border-color: #001489;
  background-color: #001489;
}

[class*=btn_] > a:hover:after, [class*=btn_] > span:hover:after, [class*=btn_] > button:hover:after {
  right: 1.5em;
}

[class*=btn_].btn_more > a, [class*=btn_].btn_more > span, [class*=btn_].btn_more > button {
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  border: 2px solid;
  transition: 0.3s;
  position: relative;
  text-align: center;
  font-size: 1.9rem;
  border-radius: 0px;
  letter-spacing: 0.05em;
  width: 400px;
  padding: 13px 0;
  color: #fff;
  border-color: #001489;
  background-color: #001489;
  cursor: pointer;
}

[class*=btn_].btn_more > a:after, [class*=btn_].btn_more > span:after, [class*=btn_].btn_more > button:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f078";
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
  right: 2em;
  font-size: 1.5rem;
  -webkit-transition: bottom 0.2s;
  transition: bottom 0.2s;
  bottom: 18px;
}

[class*=btn_].btn_more > a:hover, [class*=btn_].btn_more > span:hover, [class*=btn_].btn_more > button:hover {
  color: #001489;
  background-color: #fff;
  border-color: #001489;
}

section.gallery #pagination [class*=btn_].btn_more > a, section.gallery #pagination [class*=btn_].btn_more > span, section.gallery #pagination [class*=btn_].btn_more > button {
  z-index: 3;
}

[class*=btn_].btn_ac > a, [class*=btn_].btn_ac > span, [class*=btn_].btn_ac > button {
  color: #fff;
  background-color: #001489;
  border-color: #001489;
  cursor: pointer;
}

[class*=btn_].btn_ac > a:after, [class*=btn_].btn_ac > span:after, [class*=btn_].btn_ac > button:after {
  content: none;
}

[class*=btn_].btn_ac > a:hover, [class*=btn_].btn_ac > span:hover, [class*=btn_].btn_ac > button:hover {
  color: #001489;
  background-color: #fff;
}

@media only screen and (max-width: 768px) {
  [class*=btn_] > a, [class*=btn_] > span, [class*=btn_] > button {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  [class*=btn_] > a:after, [class*=btn_] > span:after, [class*=btn_] > button:after {
    right: 1.5em;
    font-size: 1.3rem;
  }
  [class*=btn_].btn_norm > a, [class*=btn_].btn_norm > span, [class*=btn_].btn_norm > button {
    width: 200px;
  }
}
.e-btn-date, .e-btn-search {
  display: inline-block;
  width: 160px;
  padding: 8px;
  color: #001489;
  background-color: #fff;
  border: 2px solid #001489;
  text-align: center;
  border-radius: 50px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2;
  transition: 0.3s;
  box-sizing: border-box;
  letter-spacing: 0.05em;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (max-width: 1057px) {
  .e-btn-date, .e-btn-search {
    padding: min(0.5vw, 8px);
    font-size: min(1.8vw, 1.8rem);
  }
}
@media only screen and (max-width: 768px) {
  .e-btn-date, .e-btn-search {
    min-height: 46px;
    font-size: 1.4rem;
    border-width: 1px;
    font-weight: 500;
  }
}
@media only screen and (min-width: 1025px) {
  .e-btn-date, .e-btn-search {
    transition: background-color 0.3s, color 0.3s;
  }
  .e-btn-date:hover, .e-btn-search:hover {
    color: #FFF;
    background-color: #001489;
  }
}

.e-btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #FFF;
  background-color: #001489;
}
@media only screen and (min-width: 1025px) {
  .e-btn-search:hover {
    color: #001489;
    background-color: #FFF;
  }
}

.e-link--icon {
  color: #111;
  display: inline-block;
  text-decoration: none;
}
.e-link--icon svg {
  font-size: 1.8rem;
  fill: currentColor;
  margin-bottom: -4px;
  margin-right: 5px;
}
@media only screen and (min-width: 1025px) {
  .e-link--icon {
    transition: color 0.3s;
  }
  .e-link--icon:hover {
    color: var(--color-primary);
    text-decoration: none;
  }
}

.e-headline--primary {
  font-size: 3rem;
  margin-bottom: 20px;
  padding: 0 !important;
  position: relative;
  font-weight: bold;
}
.e-headline--primary span {
  display: block;
}
.e-headline--primary .en {
  font-size: 5.2rem;
  line-height: 5.2rem;
  font-weight: 900;
  letter-spacing: 0.03em;
}
.e-headline--primary .ja {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.15em;
}

.ttl_1 {
  margin-bottom: 25px;
}

.ttl_result span {
  display: inline-block;
}

.ttl_result .head {
  font-size: 3rem;
  position: relative;
  font-weight: 500;
}

.ttl_result .simbol {
  margin: 0 10px;
  font-size: 3rem;
  font-weight: 600;
}

.ttl_result .num {
  font-size: 3rem;
  color: #001489;
}

@media only screen and (max-width: 768px) {
  .e-headline--primary {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  .e-headline--primary .en {
    font-size: 2.1rem;
    line-height: 1;
  }
  .e-headline--primary .ja {
    font-size: 1.4rem;
  }
  .ttl_result .head {
    font-size: 1.5rem;
  }
  .ttl_result .simbol {
    font-size: 2.4rem;
  }
  .ttl_result .num {
    font-size: 2rem;
  }
}
.e-txt, .e-txt--suggest, .e-txt--error {
  font-size: 1.3rem;
  line-height: 1.4;
}
.e-txt mark, .e-txt--suggest mark, .e-txt--error mark {
  background-color: transparent;
  color: #C00;
  font-weight: 700;
}
.e-txt a, .e-txt--suggest a, .e-txt--error a {
  color: var(--color-primary);
  text-decoration: none;
}
.e-txt a:hover, .e-txt--suggest a:hover, .e-txt--error a:hover {
  text-decoration: underline;
}
.e-txt--error {
  color: red;
}
.e-txt--suggest {
  color: green;
}

.e-msg, .e-msg--icon {
  background-color: #FFE0E6;
  border: 1px solid #FF8282;
  border-radius: 4px;
  padding: 15px;
}
.e-msg svg, .e-msg--icon svg {
  fill: #f00;
  font-size: 1.8rem;
  margin-bottom: -4px;
  margin-right: 5px;
}
.e-msg--icon {
  color: #f00;
}
.e-msg--icon li:not(:last-child) {
  margin-bottom: 10px;
}

.loader {
  background: #fff;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100000;
}

.loader-animation,
.loader-animation:before,
.loader-animation:after {
  background: #001489;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.loader-animation {
  height: 10px;
  left: 50%;
  margin: -5px 0 0 -5px;
  position: absolute;
  top: 50%;
  width: 10px;
  color: #001489;
  text-indent: -9999em;
  font-size: 10px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader-animation:before,
.loader-animation:after {
  position: absolute;
  top: 0;
  content: "";
}

.loader-animation:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader-animation:after {
  left: 1.5em;
}

@-webkit-keyframes load1 {
  0%, 80%, 100% {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    -webkit-box-shadow: 0 -2em;
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%, 80%, 100% {
    -webkit-box-shadow: 0 0;
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    -webkit-box-shadow: 0 -2em;
    box-shadow: 0 -2em;
    height: 5em;
  }
}
.e-textbox {
  font-size: 0;
}
.e-textbox textarea,
.e-textbox input {
  background-color: var(--color-white);
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 1.3rem;
  height: 40px;
  padding: 10px;
  transition: border-color 0.3s;
  width: 100%;
}
.e-textbox textarea:focus,
.e-textbox input:focus {
  border-color: var(--color-primary);
  outline: none;
}

.e-select {
  font-size: 0;
  max-width: 92%;
}
.e-select select {
  background-color: var(--color-white);
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 1.3rem;
  height: 40px;
  padding: 10px;
  transition: border-color 0.3s;
  width: 100%;
}
.e-select select:focus {
  border-color: var(--color-primary);
  outline: none;
}

input:read-only {
  background-color: #c4c4c4;
  border: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: #fff;
}

.select_wrap {
  position: relative;
  border: 2px solid #ddd;
  border-radius: 50px;
}
.select_wrap select {
  height: 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em;
  font-size: 1.5rem;
  position: relative;
  border-radius: 50px;
}
.select_wrap:after {
  transition: 0.3s;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f078";
  font-size: 1.5rem;
  right: 0.7em;
  top: 0.8em;
  color: #b5b5b5;
  position: absolute;
  pointer-events: none;
}

.e-checkbox input {
  border-width: 0;
  font-size: 1.3rem;
  height: 0;
  left: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.e-checkbox input:checked + label::after {
  opacity: 1;
}
.e-checkbox label {
  color: #606060;
  padding-left: 25px;
  padding-top: 1px;
  position: relative;
}
.e-checkbox label::after {
  background: #fff url("/assets/img/admin/icon/icon_checked.png") no-repeat center center/100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 18px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 18px;
  z-index: 2;
}
.e-checkbox label::before {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 18px;
  z-index: 1;
}
.e-checkbox label:hover {
  cursor: pointer;
}

.e-radio input {
  border-width: 0;
  font-size: 1.3rem;
  height: 0;
  left: 0;
  line-height: 0;
  position: absolute;
  top: 0;
  width: 0;
}
.e-radio input:checked + label::before {
  border-color: var(--color-primary);
}
.e-radio input:checked + label::after {
  opacity: 1;
}
.e-radio label {
  color: #606060;
  padding-left: 25px;
  padding-top: 1px;
  position: relative;
}
.e-radio label::after {
  background-color: var(--color-primary);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 10px;
  left: 4px;
  opacity: 0;
  position: absolute;
  top: 4px;
  transition: opacity 0.3s;
  width: 10px;
  z-index: 2;
}
.e-radio label::before {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-color 0.3s;
  width: 18px;
  z-index: 1;
}
.e-radio label:hover {
  cursor: pointer;
}

.e-status, .e-status--rough, .e-status--check, .e-status--unsupported, .e-status--public {
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding: 5px;
  text-align: center;
  width: 70px;
}
.e-status--public {
  background-color: #447ECC;
}
.e-status--unsupported {
  background-color: #c00;
}
.e-status--check {
  background-color: #f90;
}
.e-status--rough {
  background-color: #aaa;
}

.card_event {
  position: relative;
  transition: all 0.2s ease;
  background-color: var(--color-white);
}
.card_event a {
  color: var(--color-root);
  text-decoration: none;
}
.card_event .img_wrap {
  position: relative;
  background: #ddd;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 62.5%;
  width: 100%;
  transition: opacity 0.2s;
}
.card_event .img_wrap [class*=cat_] {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
}
.card_event .img_wrap [class*=cat_] img {
  display: inline-block;
  max-width: 20px;
  margin-right: 5px;
  vertical-align: middle;
}
.card_event .txt_wrap {
  min-height: 240px;
  padding: 1.5em 2em 1.3em;
  background-color: var(--color-white);
}
.card_event .txt_wrap .date {
  line-height: 0;
  margin-bottom: 10px;
}
.card_event .txt_wrap .date time {
  vertical-align: inherit;
  letter-spacing: -0.1em;
}
.card_event .txt_wrap .date time span {
  display: inline-block;
}
.card_event .txt_wrap .date time .en {
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 600;
  letter-spacing: -0.04em;
}
.card_event .txt_wrap .date time .symbol {
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 3rem;
  vertical-align: text-bottom;
}
.card_event .txt_wrap .list_header {
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 15px;
  letter-spacing: -0.03em;
  min-height: 56px;
}
.card_event .txt_wrap table {
  width: 100%;
  table-layout: fixed;
}
.card_event .txt_wrap table th, .card_event .txt_wrap table td {
  font-size: 1.2rem;
  line-height: 1.5;
}
.card_event .txt_wrap table th {
  text-align: left;
  width: 60px;
  padding-bottom: 0;
}
.card_event .txt_wrap table td {
  width: calc(100% - 60px);
  text-align: left;
  padding-left: 0.5em;
  padding-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card_event .txt_wrap table td .num {
  line-height: 1;
}
.card_event .txt_wrap .arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 28px;
  height: 28px;
  background-color: #001489;
}
.card_event .txt_wrap .arrow i {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 1rem;
  transition: 0.3s;
}
.card_event .txt_wrap .arrow--green {
  background-color: #008917;
}
.card_event .txt_wrap [class*=cat_] {
  position: absolute;
  top: 0;
  left: 0;
}
.card_event .txt_wrap [class*=cat_] img {
  display: inline-block;
  max-width: 20px;
}
.card_event:hover {
  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1);
}
.card_event:hover .img_wrap {
  opacity: 0.8;
}
.card_event:hover i {
  left: 60% !important;
}
.card_event--report, .card_event--pickup {
  background-color: transparent;
}
.card_event--report .img_wrap, .card_event--pickup .img_wrap {
  padding-bottom: 66%;
}
.card_event--report .txt_wrap, .card_event--pickup .txt_wrap {
  position: relative;
  padding: 2em 2.5em 1.5em;
  min-height: 200px;
  width: 93%;
  margin-left: auto;
  margin-top: -20px;
}
.card_event--report .txt_wrap p, .card_event--pickup .txt_wrap p {
  font-size: 1.6rem;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card_event--report .txt_wrap .list_header, .card_event--pickup .txt_wrap .list_header {
  min-height: 56px;
}
.card_event--report .txt_wrap p.date, .card_event--pickup .txt_wrap p.date {
  line-height: 1;
  margin-bottom: 5px;
  font-size: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card_event--report .txt_wrap p.date .num, .card_event--pickup .txt_wrap p.date .num {
  font-size: 1.6rem;
  line-height: 1;
}
.card_event--report .txt_wrap p.date .week, .card_event--pickup .txt_wrap p.date .week {
  font-size: 1.6rem;
  margin-left: 0.2em;
}
.card_event--report .txt_wrap p.place, .card_event--pickup .txt_wrap p.place {
  line-height: 1;
}
.card_event--pickup {
  margin: 0 10px;
}
.card_event--pickup .img_wrap {
  padding-bottom: 62.5%;
}
.card_event--pickup .txt_wrap {
  padding: 3.8em 2.5em 1.5em;
  min-height: 275px;
}
.card_event--pickup a {
  width: 400px;
  display: block;
  position: relative;
}

[class*=cat_].cat_multi {
  background-color: #0c97e8;
}

[class*=cat_].cat_baseball {
  background-color: #0ac72d;
}

[class*=cat_].cat_soccer {
  background-color: #0180d9;
}

[class*=cat_].cat_futsal {
  background-color: #bf6ead;
}

[class*=cat_].cat_basket {
  background-color: #e9a022;
}

[class*=cat_].cat_valley {
  background-color: #1cb96d;
}

[class*=cat_].cat_tennis {
  background-color: #36a8bd;
}

[class*=cat_].cat_softtennis {
  background-color: #f29c78;
}

[class*=cat_].cat_badminton {
  background-color: #d2d132;
}

[class*=cat_].cat_rugby {
  background-color: #82560e;
}

[class*=cat_].cat_tabletennis {
  background-color: #d26c44;
}

[class*=cat_].cat_swim {
  background-color: #1289dc;
}

[class*=cat_].cat_fight {
  background-color: #545454;
}

[class*=cat_].cat_gym {
  background-color: #e6004a;
}

[class*=cat_].cat_fitness {
  background-color: #e68db7;
}

[class*=cat_].cat_dance {
  background-color: #d35ca7;
}

[class*=cat_].cat_cheer {
  background-color: #b82661;
}

[class*=cat_].cat_track {
  background-color: #4890d3;
}

[class*=cat_].cat_walk {
  background-color: #53bd36;
}

[class*=cat_].cat_parkgolf {
  background-color: #56c13d;
}

[class*=cat_].cat_other {
  background-color: #bcab1a;
}

[class*=cat_].cat_handball {
  background-color: #df254d;
}

[class*=cat_].cat_skate {
  background-color: #549bcc;
}

[class*=cat_].cat_yoga {
  background-color: #be8146;
}

[class*=cat_].cat_undou {
  background-color: #66bad1;
}

[class*=cat_].cat_outdoor_program {
  background-color: #6abdf6;
}

[class*=cat_].cat_grandgolf {
  background-color: #119E4F;
}

[class*=cat_].cat_group_exercise {
  background-color: #5E15A2;
}

[class*=cat_].cat_senior_exercise {
  background-color: #623D3D;
}

[class*=cat_].cat_trainingroom_program {
  background-color: #B5B5B5;
}

[class*=cat_].cat_nordic_walking {
  background-color: #205E33;
}

[class*=cat_].cat_running_class {
  background-color: #DEC520;
}

[class*=cat_].cat_mizuno_sports_school {
  background-color: #0061F0;
}

[class*=cat_].cat_nordic_walking {
  background-color: #205E33;
}

[class*=cat_].cat_running {
  background-color: #4890d3;
}

[class*=cat_].cat_ninja_school {
  background-color: #F0A500;
}

[class*=cat_].cat_pokemon {
  background-color: #f09ba5;
}

[class*=cat_].cat_pokemon img {
  vertical-align: sub;
}

[class*=cat_].cat_online {
  background-color: #df9bf0;
}

[class*=cat_].cat_inline, [class*=cat_].cat_bmx, [class*=cat_].cat_kickboard, [class*=cat_].cat_skateboard {
  background-color: #10bee0;
}

[class*=cat_].cat_pickleball {
  background-color: #6d9e11;
}

[class*=cat_] {
  display: flex;
  align-items: center;
  background-color: #000;
  color: #fff;
  padding: 3px 10px;
  font-size: 1.3rem;
}
[class*=cat_] .img, [class*=cat_] .txt {
  vertical-align: middle;
  display: inline-block;
}
[class*=cat_] .txt {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2em;
}
[class*=cat_] .img {
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.en {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}

.num {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  .card_event .txt_wrap {
    padding: 5px 15px;
    min-height: 130px;
  }
  .card_event .txt_wrap .date {
    margin-bottom: 5px;
    line-height: 1.3;
  }
  .card_event .txt_wrap .date time {
    font-size: 1.2rem;
    line-height: 1.4;
  }
  .card_event .txt_wrap .date time .en {
    font-size: 1.2rem;
  }
  .card_event .txt_wrap .date time .symbol {
    font-size: 1.2rem;
    line-height: 1.3;
  }
  .card_event .txt_wrap .list_header {
    font-size: 1.3rem;
    line-height: 1.3;
    min-height: auto;
  }
  .card_event .txt_wrap table th, .card_event .txt_wrap table td {
    font-size: 1.1rem;
  }
  .card_event .txt_wrap table th {
    width: 50px;
  }
  .card_event .txt_wrap table td .num {
    font-size: 1.1rem;
  }
  .card_event .txt_wrap .arrow {
    width: 20px;
    height: 20px;
  }
  .card_event .img_wrap [class*=cat_] img {
    max-width: 15px;
  }
  .card_event--report .txt_wrap, .card_event--pickup .txt_wrap {
    margin-top: 0;
  }
  .card_event--report .txt_wrap p, .card_event--pickup .txt_wrap p {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .card_event--report .txt_wrap .date, .card_event--pickup .txt_wrap .date {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .card_event--report .txt_wrap .date .num, .card_event--pickup .txt_wrap .date .num {
    font-size: 1.4rem;
  }
  .card_event--pickup .txt_wrap {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
  }
  .card_event--pickup .txt_wrap [class*=cat_] {
    min-height: 35px;
    top: -35px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .card_event--pickup .txt_wrap [class*=cat_] .img {
    max-width: 100%;
  }
  .card_event--pickup .txt_wrap p {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  .card_event--pickup .txt_wrap .date {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .card_event--pickup .txt_wrap .date .num {
    font-size: 1.4rem;
  }
  .card_event--pickup .txt_wrap .date .num {
    font-size: 1.4rem;
  }
  .card_event--pickup .txt_wrap .date time {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .card_event--pickup .txt_wrap .date time .en {
    font-size: 1.4rem;
  }
  .card_event--pickup .txt_wrap .date time .symbol {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .card_event--pickup .txt_wrap .list_header {
    font-size: 1.8rem;
  }
  .card_event--pickup .txt_wrap table th, .card_event--pickup .txt_wrap table td {
    font-size: 1.2rem;
    line-height: 2;
  }
  .card_event--pickup .txt_wrap table th {
    width: 60px;
  }
  .card_event--pickup .txt_wrap table td > * {
    font-size: 1.2rem !important;
  }
  .card_event--pickup a {
    width: 100%;
    display: block;
    position: relative;
  }
  [class*=cat_] {
    font-size: 1.2rem;
    line-height: 1.3;
    padding: 4px;
  }
  [class*=cat_] .txt {
    font-size: 1.2rem;
    line-height: 1;
  }
  [class*=cat_] .img {
    max-width: 15px;
    line-height: 1.4;
  }
}
p,
span,
a,
label,
blockquote,
cite,
q,
li,
dl,
th,
td,
input,
textarea,
button {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2em;
}

section {
  padding-top: 60px;
  padding-bottom: 60px;
  width: 100%;
}

.intro {
  padding: 65px 0 85px;
  background: url("/assets/img/home/playsports.png") no-repeat;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right bottom -1px;
  background-color: #fff;
}
.intro_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.intro .left_area {
  width: 45%;
  margin-right: 40px;
}
.intro .left_area p {
  font-size: 3rem;
  line-height: 1.3;
  font-weight: 500;
  padding-left: 120px;
  position: relative;
  letter-spacing: 0.03em;
}
.intro .left_area p:before {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  content: "";
  background: url("/assets/img/home/phone.png") no-repeat;
  background-size: cover;
  background-position: center;
  width: 99px;
  height: 56px;
  display: inline-block;
}
.intro .left_area p span {
  font-size: 2.4rem;
  font-weight: 500;
}
.intro .left_area .copy_img {
  max-width: 389px;
  width: 100%;
}
.intro .right_area {
  width: 55%;
  vertical-align: middle;
}
.intro .right_area p {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 500;
}

.arrival {
  padding-bottom: 180px;
  position: relative;
  width: 100%;
  padding-top: 40px;
}
.arrival:before {
  content: "";
  width: 100%;
  height: 115%;
  position: absolute;
  top: -15%;
  z-index: -100;
  background: url("/assets/img/common/bg_pict.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
}

.pickup {
  position: relative;
  padding: 0 0 220px;
}
.pickup_bg_wrap {
  transform: rotate(-3deg);
  position: absolute;
  top: 0%;
  left: 0;
  width: 120%;
  height: 104%;
  margin: 0% -10% 0;
  background: linear-gradient(to right, #79e7e8 15%, #54b7ea 45%, #2f41a6 100%);
  transform-origin: left center;
  z-index: -1;
}
.pickup .arrow_wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  margin: 0px auto;
  position: absolute;
  top: 285px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 2;
  padding: 0 40px;
}
.pickup .arrow_wrap .arrow {
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9);
  color: #fff;
  top: 50%;
  transition: 0.3s;
  position: relative;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.pickup .arrow_wrap .arrow:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #333333;
  font-size: 2rem;
}
.pickup .arrow_wrap .arrow:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.pickup .arrow_wrap .slide_prev:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f053";
}
.pickup .arrow_wrap .slide_next:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f054";
}
.pickup .pickup_slide {
  margin-left: -200px;
  height: 410px;
}
.pickup .e-headline--primary {
  position: relative;
  margin: -30px auto 15px;
}

.result {
  background: url("/assets/img/common/bg_pict.jpg");
  background-position: center top;
}

.result [class*=ttl_] {
  font-size: 3rem;
  margin-bottom: 0px;
  padding: 0 !important;
  position: relative;
}

.result_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.result_wrap .right_area {
  padding-top: 10px;
  text-align: right;
}

.result_wrap .right_area .txt, .result_wrap .right_area .form {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
}

.result_wrap .right_area .select_wrap {
  width: 210px;
}

@media screen and (max-width: 1920px) {
  .max_1640, .max_1300 {
    display: none;
  }
  .max_1920 {
    display: block;
  }
}
@media screen and (min-width: 1300px) and (max-width: 1640px) {
  .max_1640 {
    display: block;
  }
  .max_1300 {
    display: none;
  }
}
@media screen and (max-width: 1300px) {
  .max_1300 {
    display: block;
  }
  .max_1920 {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .intro {
    background-size: 80% auto;
  }
  .intro .left_area {
    width: 40%;
  }
  .intro .left_area p {
    padding-left: 90px;
  }
  .intro .left_area p:before {
    width: 70px;
    height: 40px;
  }
  .intro .left_area p span {
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .intro .right_area {
    width: 60%;
  }
  .intro .right_area p {
    font-size: 1.5rem;
  }
  .colum {
    background-size: 90% auto;
  }
  .colum_bg_wrap {
    transform: rotate(1deg);
  }
}
@media only screen and (max-width: 768px) {
  .intro {
    padding: 20px 0 40px;
    background-size: contain;
    background-position: bottom;
    background-color: #fff;
  }
  .intro_wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .intro .left_area {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .intro .left_area p {
    font-size: 2.1rem;
    position: relative;
    letter-spacing: 0.03em;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.3em;
    font-weight: 600;
    padding-left: 0;
    padding-top: 40px;
    margin-bottom: 0;
  }
  .intro .left_area p:before {
    width: 50px;
    height: 28px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .intro .left_area p span {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.5;
  }
  .intro .right_area {
    width: 100%;
  }
  .intro .right_area p {
    font-size: 1.3rem;
    margin-bottom: 20px;
    font-weight: 500;
  }
  .intro .right_area p br {
    display: none !important;
  }
  .arrival {
    padding-bottom: 90px;
  }
  .arrival:before {
    top: -80px;
  }
  .colum {
    padding-bottom: 120px;
  }
  .colum_bg_wrap {
    height: 110%;
    top: -80px;
  }
  .pickup {
    margin-top: 0px;
    padding: 20px 0px 40px;
    margin-bottom: 0px;
  }
  .pickup_bg_wrap {
    background: linear-gradient(to right, #79e7e8 5%, #54b7ea 35%, #2f41a6 100%);
    transform: rotate(-4deg);
  }
  .pickup .arrow_wrap {
    top: 200px;
    padding: 0 10px;
  }
  .pickup .arrow_wrap .arrow {
    width: 40px;
    height: 40px;
  }
  .pickup .arrow_wrap .arrow:before {
    font-size: 2rem;
  }
  .pickup .pickup_slide {
    height: auto;
    margin-left: 0px;
  }
  .pickup .e-headline--primary {
    margin: 0px auto 20px;
    color: #fff;
  }
  .result {
    padding: 20px 0px;
  }
  .result_wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .result_wrap .right_area {
    width: 100%;
    text-align: right;
    margin-top: 10px;
    padding-top: 0;
  }
  .result_wrap .right_area .txt, .result_wrap .right_area .form {
    text-align: left;
  }
  .result_wrap .right_area .select_wrap {
    width: 100%;
    min-width: 160px;
  }
  .result_wrap .right_area .txt {
    font-size: 1.4rem;
  }
  .result_wrap .right_area .form .select_wrap select {
    height: 30px;
  }
  .result_wrap .left_area {
    width: 100%;
  }
  .result [class*=ttl_] {
    font-size: 2.4rem;
    line-height: 1;
    margin-bottom: 10px;
  }
  .result [class*=ttl_] > * {
    line-height: 1;
  }
  .result [class*=ttl_] {
    font-size: 1.5rem;
  }
  .result [class*=ttl_] .txt {
    font-size: 1.2rem;
  }
}
.c-footer {
  background-color: #404040;
  padding-top: 20px;
}
.c-footer .upper {
  margin-bottom: 40px;
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
  font-size: 1.3rem;
  color: var(--color-white);
}
.c-footer .right_area ul {
  display: flex;
  align-items: center;
}
.c-footer .right_area li {
  margin: 0 10px;
}
.c-footer .right_area a {
  display: block;
  font-size: 2.4rem;
  color: #fff;
  height: 30px;
}
.c-footer .right_area a i {
  vertical-align: top;
}
.c-footer .right_area .x-logo {
  width: 24px !important;
  position: relative;
  vertical-align: top;
}
.c-footer .lower {
  margin-bottom: 40px;
}
.c-footer .lower nav {
  display: flex;
  text-align: justify;
  margin: 0 0 0 -1.5%;
}
.c-footer .lower nav ul li {
  margin-bottom: 2px;
}
.c-footer .lower nav ul li a {
  color: #fff;
  font-size: 1.3rem;
  line-height: 2;
  text-decoration: none;
}
@media only screen and (min-width: 1025px) {
  .c-footer .lower nav ul li a {
    transition: opacity 0.3s;
  }
  .c-footer .lower nav ul li a:hover {
    opacity: 0.7;
  }
}
.c-footer .lower .list_wrap {
  width: 23.5%;
  margin-right: 0;
  margin-left: 1.5%;
}
.c-footer .lower .header {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
  text-decoration: none;
}
.c-footer .bottom {
  padding: 25px 0;
  background-color: #4d4d4d;
}
.c-footer .bottom .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.2rem;
}
.c-footer .bottom .left_area ul {
  display: flex;
}
.c-footer .bottom .left_area ul li {
  margin-right: 20px;
}
.c-footer .bottom .left_area ul a {
  color: #999999;
  display: block;
  text-decoration: none;
}
@media only screen and (min-width: 1025px) {
  .c-footer .bottom .left_area ul a {
    transition: opacity 0.3s;
  }
  .c-footer .bottom .left_area ul a:hover {
    opacity: 0.7;
  }
}
.c-footer .bottom .copyright {
  color: #999999;
}

#pagetop {
  position: fixed;
  bottom: 90px;
  right: 2%;
  font-size: 1.4rem;
  z-index: 100;
}
#pagetop a {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #000d56;
  background-color: #fff;
  text-align: center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
#pagetop a .return {
  transition: 0.5s;
  position: absolute;
  color: #001489;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

@media only screen and (max-width: 768px) {
  .c-footer .upper {
    margin-bottom: 20px;
  }
  .c-footer .lower .header {
    font-size: 1.2rem;
    line-height: 1.3;
  }
  .c-footer .lower nav {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 0;
  }
  .c-footer .lower nav:after {
    width: calc((100% - 10px) / 2);
  }
  .c-footer .lower nav .list_wrap {
    width: calc((100% - 10px) / 2);
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .c-footer .lower nav .list_wrap:last-child {
    margin-bottom: 0;
  }
  .c-footer .lower nav ul li a {
    font-size: 1.1rem;
    line-height: 1.3;
  }
  .c-footer .bottom {
    padding: 10px 0px;
  }
  .c-footer .bottom .inner {
    flex-direction: column;
    align-items: center;
  }
  .c-footer .bottom .inner .left_area {
    margin-bottom: 10px;
  }
  .c-footer .bottom .inner .left_area ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .c-footer .bottom .inner .left_area ul li {
    margin-right: 20px;
  }
  .c-footer .bottom .inner .left_area ul li:last-child {
    margin-right: 0;
    padding-right: 0;
  }
  .c-footer .bottom .inner .left_area ul li a {
    font-size: 1.2rem;
  }
  .c-footer .bottom .inner .copyright {
    text-align: center;
    font-size: 1.2rem;
  }
}
.c-sidebar {
  width: 240px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #222;
  z-index: 1000;
  transition: left 0.3s;
}
.c-sidebar.display {
  left: 0;
}
.c-sidebar__head {
  position: relative;
  background-color: #001489;
  text-align: center;
}
.c-sidebar__head::after {
  background: url(/assets/img/common/bg_cross.png);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 100%;
  overflow: hidden;
  content: "";
}
.c-sidebar__head a {
  display: block;
  width: 100%;
  height: 240px;
  padding: 3.4em 0px;
  box-sizing: border-box;
}
.c-sidebar__logo {
  margin-bottom: 34px;
}
.c-sidebar__logo img {
  max-width: 72px;
}
.c-sidebar__catch {
  margin-bottom: 20px;
}
.c-sidebar__catch img {
  max-width: 192px;
}
.c-sidebar__totop {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 1em 0;
  border-top: 1px solid #333;
  color: #fff;
  box-sizing: border-box;
  text-align: center;
  background-color: #222;
  text-decoration: none;
}
.c-sidebar__totop:before {
  position: absolute;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 1rem;
  top: 50%;
  transform: translateY(-50%);
  left: 1.5em;
  content: "\f053";
}
.c-sidebar .link-top {
  display: none;
}
.c-sidebar .link-top a {
  text-decoration: none;
}
@media only screen and (max-height: 740px) {
  .c-sidebar__head::after {
    bottom: -34px;
  }
  .c-sidebar__head a {
    height: 160px;
  }
}
@media only screen and (max-width: 768px) {
  .c-sidebar {
    width: 100%;
    height: 50px;
    background: transparent;
  }
  .c-sidebar__head {
    display: flex;
    justify-content: space-between;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    text-align: left;
  }
  .c-sidebar__head a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: auto;
    height: 100%;
    padding: 10px;
  }
  .c-sidebar__head::after {
    display: none;
  }
  .c-sidebar__logo {
    margin-bottom: 0;
    line-height: 0;
  }
  .c-sidebar__logo img {
    max-width: 36px;
  }
  .c-sidebar__catch {
    margin-bottom: 0;
    line-height: 0;
  }
  .c-sidebar__catch img {
    max-width: 101px;
  }
  .c-sidebar__totop {
    display: none;
  }
  .c-sidebar .link-top {
    display: block;
  }
  .c-sidebar .link-top a::after {
    content: "\f054" !important;
  }
}

.menu-wrap {
  height: 100%;
  padding-top: 20px;
  background: #222;
}
.menu-wrap__form {
  border-bottom: 1px solid #333;
  padding: 0 24px 25px;
}
.menu-wrap__form form {
  position: relative;
}
.menu-wrap__form input {
  display: block;
  width: 100%;
  height: 35px;
  padding: 0px 35px 0 1.3em !important;
  border-radius: 50px;
  border: 0 !important;
  outline: none;
}
.menu-wrap__form button {
  position: absolute;
  right: 5px;
  top: 50%;
  width: 30px;
  height: 30px;
  color: #fff;
  background-color: #243598;
  border-radius: 50px;
  transform: translateY(-50%);
  outline: none;
  border: 0;
}
.menu-wrap__form button button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
  .menu-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    top: 50px;
    background: rgba(0, 0, 0, 0.9);
    opacity: 1;
    z-index: 10000;
    padding-bottom: 3em;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .menu-wrap.open {
    opacity: 1;
    visibility: visible;
  }
}

.menu-list > li {
  border-bottom: 1px solid #333;
}
.menu-list > li .menu-list__head {
  padding: 0 1.5em;
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 75px;
  color: #fff;
  height: 90px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.menu-list > li .menu-list__head .icon {
  width: 40px;
  height: 30px;
  text-align: center;
}
.menu-list > li .menu-list__head:after {
  position: absolute;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5em;
  font-size: 1rem;
  content: "\f054";
}
.menu-list > li .menu-list__txt {
  line-height: 1.5em;
}
.menu-list > li .menu-list__sub {
  position: absolute;
  top: 0;
  height: 100vh;
  transition: all 300ms ease-in-out;
  z-index: -1;
}
.menu-list > li .menu-list__sub .close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  background-color: #001489;
  box-sizing: border-box;
  color: #fff;
  right: 0;
  cursor: pointer;
  transition: 0.3s;
}
.menu-list > li .menu-list__sub .close:hover {
  color: #001489;
  background-color: #fff;
}
.menu-list > li .menu-list__sub .close i {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.menu-list > li .menu-list__sub .drawer_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.menu-list > li .menu-list__sub .inner_menu {
  position: fixed;
}
.menu-list > li .menu-list__sub .inner_menu.active {
  position: fixed;
}
.menu-list > li .menu-list__sub .inner_menu .sub_nav {
  width: 240px;
}
.menu-list > li .menu-list__sub .inner_menu .sub_nav--normal {
  width: 160px;
}
.menu-list > li .menu-list__sub .inner_menu .sub_nav li {
  position: relative;
}
.menu-list > li .menu-list__sub .inner_menu .sub_nav li a,
.menu-list > li .menu-list__sub .inner_menu .sub_nav li span,
.menu-list > li .menu-list__sub .inner_menu .sub_nav li label {
  border: 1px solid #dddddd;
  background-color: #f4f4f4;
  padding: 10px;
  display: block;
  cursor: pointer;
  border-bottom: none;
  transition: 0.2s;
  color: #333;
  text-decoration: none;
}
.menu-list > li .menu-list__sub .inner_menu .sub_nav li a:hover,
.menu-list > li .menu-list__sub .inner_menu .sub_nav li span:hover,
.menu-list > li .menu-list__sub .inner_menu .sub_nav li label:hover {
  background-color: #dddddd;
}
.menu-list > li .menu-list__sub .inner_menu .sub_nav > li .submenu {
  display: none;
}
.menu-list > li .menu-list__sub .inner_menu .sub_nav > li .submenu.active {
  display: block;
  position: absolute;
  left: 160px;
  top: 0;
}
.menu-list > li .menu-list__sub .inner_menu .preflist {
  width: 160px;
}
.menu-list > li .menu-list__sub .scroll {
  overflow-y: auto;
}
.menu-list > li .menu-list__sub .scroll::-webkit-scrollbar {
  width: 10px;
}
.menu-list > li .menu-list__sub .scroll::-webkit-scrollbar-track {
  border: none;
  border-radius: 10px;
}
.menu-list > li .menu-list__sub .scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.menu-list > li .emphasis {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.5em;
}
@media only screen and (max-height: 650px) {
  .menu-list {
    overflow-y: auto;
    max-height: calc(92vh - 257px);
    overflow-x: hidden;
  }
}
@media only screen and (max-width: 768px) {
  .menu-list {
    max-height: 100%;
  }
  .menu-list > li {
    border-bottom: 1px solid #333;
    position: relative;
  }
  .menu-list > li .menu-list__head {
    padding: 1em 3em 1em 1.5em;
    gap: 10px;
    min-height: 60px;
    height: auto;
  }
  .menu-list > li .menu-list__head .icon {
    width: 20px;
    height: 25px;
  }
  .menu-list > li .menu-list__head.active {
    background-color: #444;
  }
  .menu-list > li .menu-list__head:after {
    content: "\f067";
  }
  .menu-list > li .menu-list__sub {
    position: relative;
    height: auto;
    transition: none;
    display: none;
    z-index: 1;
  }
  .menu-list > li .menu-list__sub .close {
    display: none;
  }
  .menu-list > li .menu-list__sub .drawer_bg {
    display: none;
  }
  .menu-list > li .menu-list__sub .inner_menu {
    position: relative;
  }
  .menu-list > li .menu-list__sub .inner_menu.active {
    position: relative;
  }
  .menu-list > li .menu-list__sub .inner_menu .sub_nav {
    width: 100%;
  }
  .menu-list > li .menu-list__sub .inner_menu .sub_nav--normal {
    width: 100%;
  }
  .menu-list > li .menu-list__sub .inner_menu .sub_nav--normal > li > a {
    background-color: #243598;
    color: #fff;
    display: block;
    padding: 0em 0.5em;
    border: 0;
  }
  .menu-list > li .menu-list__sub .inner_menu .sub_nav > li .submenu {
    display: block;
  }
  .menu-list > li .menu-list__sub .inner_menu .sub_nav > li .submenu.active {
    position: relative;
    left: 0;
    top: 0;
  }
  .menu-list > li .menu-list__sub .inner_menu .preflist {
    width: 100%;
  }
  .menu-list > li .emphasis {
    font-size: 1.6rem;
  }
  .menu-list > li .emphasis + br {
    display: none;
  }
}

.menu-trigger {
  position: relative;
  display: none;
  width: 50px;
  height: 50px;
  transition: all 0.4s;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 50%;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
  transition: all 0.4s;
}
.menu-trigger span:nth-of-type(1) {
  top: 15px;
}
.menu-trigger span:nth-of-type(2) {
  top: 25px;
}
.menu-trigger span:nth-of-type(3) {
  top: 35px;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-10px) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  animation: active-menu-bar02 0.8s forwards;
}
.menu-trigger.active {
  bottom: 0;
}
@media only screen and (max-width: 768px) {
  .menu-trigger {
    display: inline-block;
  }
}

@keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
@keyframes animation-height {
  0% {
    height: 0px;
  }
  100% {
    height: 100%;
  }
}
#side {
  z-index: 9999;
}
@media only screen and (max-width: 768px) {
  #side #side {
    position: fixed;
    width: 100%;
  }
}

.side-trigger {
  cursor: pointer;
  width: 90px;
  height: 90px;
  background: #222;
  position: absolute;
  top: 0;
  right: -90px;
  color: #fff;
  text-align: center;
  padding: 20px 0;
  box-sizing: border-box;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease-in-out;
}
.side-trigger span:first-of-type {
  font-size: 3rem;
  line-height: 1;
}
.side-trigger span:first-of-type:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f002";
}
.side-trigger:hover {
  opacity: 0.9;
}
.side-trigger.active span:first-of-type:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f00d";
}
@media only screen and (max-width: 1300px) {
  .side-trigger {
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (max-width: 768px) {
  .side-trigger {
    display: none;
  }
}

@media only screen and (max-width: 1300px) {
  #contents {
    padding-left: 0;
  }
  .js-sidebar {
    left: -240px;
  }
}
@media only screen and (max-width: 768px) {
  .js-sidebar {
    left: 0;
  }
}
.c-breadcrumb {
  align-items: center;
  background-color: #fafafa;
  display: flex;
  margin: 0 -20px 20px;
  padding: 15px 21px 13px;
  font-size: 1.2rem;
  line-height: 1;
}
.c-breadcrumb a {
  background: url("/assets/img/common/icon_breadcrumbs.gif") no-repeat 100% 50%;
  color: #666;
  display: inline-block;
  margin-right: 5px;
  padding-right: 15px;
  text-decoration: none;
}
.c-breadcrumb em {
  display: inline-block;
  font-weight: normal;
  font-style: normal;
}
@media only screen and (min-width: 1025px) {
  .c-breadcrumb a {
    transition: color 0.3s;
  }
  .c-breadcrumb a:hover {
    color: var(--color-primary);
  }
}

.c-pagination {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.c-pagination li {
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
}
.c-pagination li:first-child a, .c-pagination li:last-child a {
  border-radius: 100vw;
  padding-left: 9px;
  padding-right: 9px;
  width: auto;
}
.c-pagination strong,
.c-pagination a {
  align-items: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  color: #111;
  display: inline-flex;
  height: 27px;
  justify-content: center;
  text-decoration: none;
  transition: background-color 0.25s, color 0.25s;
  width: 27px;
}
.c-pagination strong {
  background-color: #777;
  color: var(--color-white);
  font-weight: 700;
  pointer-events: none;
}
@media only screen and (min-width: 1025px) {
  .c-pagination a {
    transition: background-color 0.3s, color 0.3s;
  }
  .c-pagination a:hover {
    background-color: #777;
    color: var(--color-white);
    text-decoration: none;
  }
}

.pagination {
  text-align: center;
}

.pagination li {
  display: inline-block;
}

.pagination li span, .pagination li a {
  background-color: #fff;
  color: #001489;
  margin-right: 10px;
  font-size: 2.4rem;
  width: 55px;
  height: 55px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  vertical-align: middle;
  display: block;
  text-align: center;
  border-radius: 50px;
  border: 2px solid #001489;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}

.pagination li span.pager_first, .pagination li a.pager_first {
  margin-right: 50px;
  position: relative;
}

.pagination li span.pager_first:after, .pagination li a.pager_first:after {
  content: "...";
  right: -30px;
  position: absolute;
  bottom: 0;
  color: #001489;
  pointer-events: none;
}

.pagination li span.pager_last, .pagination li a.pager_last {
  margin-left: 35px;
  position: relative;
}

.pagination li span.pager_last:after, .pagination li a.pager_last:after {
  content: "...";
  left: -30px;
  position: absolute;
  bottom: 0;
  color: #001489;
  pointer-events: none;
}

.pagination li span.pager_prev, .pagination li span.pager_next, .pagination li a.pager_prev, .pagination li a.pager_next {
  font-size: 1.3rem;
  background-color: inherit;
  border: none;
  color: #001489;
  font-weight: 600;
}

.pagination li span.pager_prev:before, .pagination li a.pager_prev:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0d9";
  margin-right: 10px;
}

.pagination li span.pager_next, .pagination li a.pager_next {
  margin-right: 0;
}

.pagination li span.pager_next:after, .pagination li a.pager_next:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f0da";
  margin-left: 10px;
}

.pagination li a:hover {
  color: #fff;
  background-color: #001489;
}

.pagination li.active span, .pagination li.active a {
  background-color: #001489;
  color: #fff;
}

.pagination li.disabled {
  display: none;
}

@media only screen and (max-width: 1200px) {
  .pagination li span, .pagination li a {
    width: 45px;
    height: 45px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .pagination li span, .pagination li a {
    width: 30px;
    height: 30px;
    font-size: 1.4rem;
    margin-right: 5px;
  }
}
.c-table {
  margin-bottom: 20px;
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
.c-table::-webkit-scrollbar {
  background-color: #e6e6e6;
  height: 10px;
  overflow: visible;
  width: 10px;
}
.c-table::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
.c-table::-webkit-scrollbar-track {
  background-clip: padding-box;
  box-shadow: inset 1px 0 0 #e6e6e6;
}
.c-table::-webkit-scrollbar-track:hover {
  background-color: #f3f3f3;
  box-shadow: inset 1px 0 0 #e6e6e6;
}
.c-table::-webkit-scrollbar-track:active {
  background-color: #f3f3f3;
  box-shadow: inset 1px 0 0 #dcdcdc, inset -1px 0 0 #eeeeee;
}
.c-table::-webkit-scrollbar-thumb {
  background-color: #a5a5a5;
  background-clip: padding-box;
  border: solid transparent;
  border-width: 1px 1px 1px 0px;
  min-height: 28px;
  padding: 100px 0 0;
  box-shadow: inset 1px 1px 0 #e6e6e6, inset 0 -1px 0 #a5a5a5;
}
.c-table::-webkit-scrollbar-thumb:hover {
  background-color: #a5a5a5;
  box-shadow: inset 1px 1px 1px #a5a5a5;
}
.c-table::-webkit-scrollbar-thumb:active {
  background-color: #808080;
  box-shadow: inset 1px 1px 3px #a6a6a6;
}
.c-table__sum {
  align-items: flex-end;
  display: flex;
  margin-bottom: 10px;
}
.c-table__sum strong {
  color: #f60;
  font-family: var(--font-helvetica);
  font-size: 2rem;
  margin-right: 5px;
}
.c-table__sum dt {
  line-height: 1.1;
  margin-right: 5px;
}
.c-table table {
  border: 1px solid #ccc;
  background-color: var(--color-white);
  width: 100%;
}
.c-table table th,
.c-table table td {
  border: 1px solid #ccc;
  padding: 10px;
}
.c-table table th {
  font-weight: 700;
  text-align: center;
}
.c-table table th[data-required]::after {
  content: attr(data-required);
  color: #c00;
}

.tbl {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.tbl tr {
  position: relative;
}

.tbl tr th, .tbl tr td {
  vertical-align: top;
  padding: 1em;
}

.tbl tr th.v_t, .tbl tr td.v_t {
  vertical-align: top;
}

.tbl tr th.v_m, .tbl tr td.v_m {
  vertical-align: middle;
}

.tbl tr th.v_b, .tbl tr td.v_b {
  vertical-align: bottom;
}

.tbl tr th {
  font-weight: 600;
}

.wid_20per {
  width: 20% !important;
}

.wid_500px {
  width: 500px !important;
}

.mw_500px {
  max-width: 500px !important;
}

.wid_100per {
  width: 100% !important;
}

.t_l {
  text-align: left;
}

.main_keyv {
  position: relative;
}
.main_keyv .main_slide {
  margin-bottom: 0;
}
.main_keyv .slick-track {
  display: flex;
}
.main_keyv .img {
  position: relative;
  margin-bottom: 30px;
  text-decoration: none;
}
.main_keyv img {
  width: 100%;
  height: auto;
  display: block;
}
.main_keyv .slide_btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_keyv .slide_btn li {
  margin-right: 10px;
  line-height: 2;
}
.main_keyv .slide_btn li button {
  font-size: 0;
  width: 12px;
  height: 12px;
  background: #d9d9d9;
  border-radius: 50px;
  border: 0;
  cursor: pointer;
  outline: none;
  padding: 0;
}
.main_keyv .slide_btn li.slick-active button {
  background: #001489;
}

.main_img {
  position: relative;
}
.main_img .img_wrap {
  height: 240px;
  background-color: #000;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.main_img .search_type {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  font-size: 3rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .main_keyv .img_wrap {
    height: 250px;
  }
  .main_keyv .img_wrap img {
    height: 100%;
    object-fit: cover;
  }
  .main_keyv .slide_btn li button {
    width: 10px;
    height: 10px;
  }
}
.article_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.article_list:after {
  content: "";
  width: calc((100% - 60px) / 4);
}
.article_list > * {
  width: calc((100% - 60px) / 4);
  margin-bottom: 25px;
}
.article_list--report:after {
  width: 32%;
}
.article_list--report > * {
  width: 32%;
  margin-bottom: 60px;
  max-width: 400px;
}
.article_list.col3:after {
  width: calc((100% - 50px) / 3);
}
.article_list.col3 > * {
  width: calc((100% - 50px) / 3);
  margin-bottom: 25px;
}

#gallery_outerwrap {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  transition: 1.5s;
}

#gallery_list {
  width: 100%;
  position: relative;
}
#gallery_list .gallery_show .img_wrap {
  width: 100%;
  padding-top: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
#gallery_list .gallery_show .hover_text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: 0.2s;
}
#gallery_list .gallery_show .hover_text:hover {
  opacity: 1;
}
#gallery_list .gallery_show .txt_wrap {
  padding: 0 0.5em;
  width: 100%;
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
#gallery_list .gallery_show .date {
  font-size: 1.5rem;
  color: #fff;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#gallery_list .gallery_show .place {
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 6px;
}
#gallery_list .gallery_show h3 {
  font-size: 1.6rem;
  font-weight: 500;
  min-height: 56px;
  color: #fff;
}

.gallery_wrap {
  float: left;
  width: 19.2%;
  margin-right: 1%;
  margin-bottom: 1%;
}
.gallery_wrap a {
  color: var(--color-root);
  text-decoration: none;
}

@media only screen and (max-width: 1640px) {
  .article_list:after {
    width: calc((100% - 50px) / 3);
  }
  .article_list > * {
    width: calc((100% - 50px) / 3);
  }
}
@media only screen and (max-width: 1024px) {
  .article_list:after {
    width: calc((100% - 25px) / 2);
  }
  .article_list > * {
    width: calc((100% - 25px) / 2);
  }
  .article_list.col3:after {
    width: calc((100% - 25px) / 2);
  }
  .article_list.col3 > * {
    width: calc((100% - 25px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  .article_list {
    margin-bottom: 15px;
  }
  .article_list:after {
    width: calc((100% - 15px) / 2);
  }
  .article_list > * {
    width: calc((100% - 15px) / 2);
    margin-bottom: 15px;
  }
  .article_list--report > * {
    margin-bottom: 30px;
  }
  .article_list.col3 {
    margin-bottom: 0;
  }
  .article_list.col3:after {
    width: calc((100% - 15px) / 2);
  }
  .article_list.col3 > * {
    width: calc((100% - 15px) / 2);
  }
}
.search_wrap {
  background-color: #fff;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .search_wrap {
    padding: 1em;
    margin-bottom: 10px;
  }
}

.detail_trigger {
  cursor: pointer;
  text-align: center;
  padding: 1.5em 1em;
}
.detail_trigger .icon, .detail_trigger .txt {
  display: inline-block;
  vertical-align: middle;
}
.detail_trigger .icon {
  margin-right: 10px;
  width: 25px;
  height: 25px;
  background-color: #001489;
  position: relative;
  border-radius: 50px;
}
.detail_trigger .icon:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f067";
  color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}
.detail_trigger.active .icon:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f068";
}
.detail_trigger .txt {
  color: #001489;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2;
}
@media only screen and (max-width: 768px) {
  .detail_trigger {
    padding: 0;
  }
  .detail_trigger .icon {
    width: 20px;
    height: 20px;
  }
}

.search_detail {
  padding: 0em 4em 5em;
}
@media only screen and (max-width: 992px) {
  .search_detail {
    padding: 0em 1em 5em;
  }
  .search_detail .wid_20per {
    width: 26% !important;
  }
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=tel] {
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em;
  font-size: 1.5rem;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=time]:focus,
input[type=tel]:focus {
  border-color: #001489;
}

input[type=text][disabled],
input[type=password][disabled],
input[type=email][disabled],
input[type=url][disabled],
input[type=time][disabled],
input[type=tel][disabled] {
  background-color: #c4c4c4;
  border: none;
}

input:-moz-read-only {
  background-color: #c4c4c4;
  border: none;
}

input:read-only {
  background-color: #c4c4c4;
  border: none;
}

input::-webkit-input-placeholder {
  color: #aaaaaa;
}

input::-moz-placeholder {
  color: #aaaaaa;
}

input:-ms-input-placeholder {
  color: #aaaaaa;
}

input::-ms-input-placeholder {
  color: #aaaaaa;
}

input::placeholder {
  color: #aaaaaa;
}

/* IE */
input:-ms-input-placeholder {
  color: #aaaaaa;
}

/* Edge */
input::-ms-input-placeholder {
  color: #aaaaaa;
}

textarea::-webkit-input-placeholder {
  color: #aaaaaa;
}

textarea::-moz-placeholder {
  color: #aaaaaa;
}

textarea:-ms-input-placeholder {
  color: #aaaaaa;
}

textarea::-ms-input-placeholder {
  color: #aaaaaa;
}

textarea::placeholder {
  color: #aaaaaa;
}

/* IE */
textarea:-ms-textarea-placeholder {
  color: #aaaaaa;
}

/* Edge */
textarea::-ms-textarea-placeholder {
  color: #aaaaaa;
}

/*テキストエリア*/
textarea {
  border: 2px solid #ddd;
  border-radius: 5px;
  padding: 0.5em;
  padding: 1em;
  font-size: 1.5rem;
}

textarea:focus {
  border-color: #001489;
}

textarea[disabled] {
  background-color: #c4c4c4;
}

.linktxt a {
  color: #01a5ea !important;
  border-bottom: 1px dashed #01a5ea;
}

.chkbox {
  display: none;
}

.chkbox + span {
  cursor: pointer;
  display: inline-block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 2px;
  background-color: #fcfcfd;
  vertical-align: middle;
}

.chkbox + span.chktxt {
  font-size: 1.4rem;
  position: relative;
  line-height: 1.4rem;
  margin-left: 10px;
  display: inline-block;
  cursor: pointer;
  vertical-align: text-top;
}

.chkbox + span::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  font-size: 1.8rem;
  right: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 45%;
  color: #001489;
  position: absolute;
  opacity: 0;
  text-align: center;
  width: 18px;
  height: 18px;
}

.chkbox:checked + span + .chkimg img {
  border-color: #001489;
}

.chkbox:checked + span + .innner {
  border-color: #001489;
}

.chkbox:checked + span {
  border-color: #001489;
  color: #001489;
}

.chkbox:checked + span + .chktxt {
  color: #001489;
}

.chkbox:checked + span::before {
  opacity: 1;
}

.select_wrap {
  position: relative;
  border: 2px solid #ddd;
  border-radius: 50px;
}

.select_wrap select {
  height: 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1em;
  font-size: 1.5rem;
  color: #000;
  position: relative;
  border-radius: 50px;
}

.select_wrap select:invalid {
  color: #b5b5b5;
}

.select_wrap select option[disabled] {
  color: #ddd;
}

.select_wrap.open {
  border-color: #001489;
}

.select_wrap.open:after {
  color: #001489;
}

.select_wrap:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f078";
  font-size: 1.5rem;
  right: 0.7em;
  top: 0.8em;
  color: #b5b5b5;
  position: absolute;
  pointer-events: none;
}

.select_wrap.current select {
  background-color: #ddd;
}

select.open {
  border-color: #001489;
}

/*チェックボックス*/
.chkbox {
  display: none;
}

.chkicon {
  cursor: pointer;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  border: 1px solid #ddd;
  vertical-align: middle;
  background-color: #f7f7f7;
}

.chktxt {
  vertical-align: middle;
  position: relative;
  margin-left: 10px;
  display: inline-block;
  cursor: pointer;
}

.chkicon::before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f00c";
  font-size: 1rem;
  right: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  color: #001489;
  position: absolute;
  opacity: 0;
  text-align: center;
  width: 10px;
  height: 10px;
}

.chkbox:disabled + .chkicon {
  background-color: #b5b5b5;
  border-color: #b5b5b5;
  cursor: default;
}

.chkbox:disabled + .chktxt {
  cursor: default;
}

.chkbox:checked + .chkicon::before {
  opacity: 1;
}

/*ラジオボックス*/
.radiobox {
  display: none;
}

.radioicon {
  cursor: pointer;
  display: inline-block;
  width: 18px;
  height: 18px;
  position: relative;
  border-radius: 50%;
  border: 1px solid #ddd;
  margin: auto;
  line-height: 0;
  background-color: #f7f7f7;
  vertical-align: middle;
}

.radioicon::before {
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
  position: absolute;
  background-color: #001489;
  position: absolute;
  opacity: 0;
  text-align: center;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  left: 0;
  margin: auto;
}

.radiobox:checked + .radioicon:before {
  opacity: 1;
}

.radiobox:disabled + .radioicon {
  background-color: #b5b5b5;
  border-color: #b5b5b5;
  cursor: default;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=time]:focus, input[type=tel]:focus {
  border-color: #001489;
}

.form_outwrap .wrap, .icon_form_outwrap .wrap {
  display: inline-flex;
  margin-bottom: 10px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form_outwrap .wrap .in_wrap, .icon_form_outwrap .wrap .in_wrap {
  width: 100%;
  position: relative;
}

.form_outwrap .wrap .in_wrap input[type=text], .form_outwrap .wrap .in_wrap input[type=password], .form_outwrap .wrap .in_wrap input[type=email], .form_outwrap .wrap .in_wrap input[type=url], .form_outwrap .wrap .in_wrap input[type=time], .icon_form_outwrap .wrap .in_wrap input[type=text], .icon_form_outwrap .wrap .in_wrap input[type=password], .icon_form_outwrap .wrap .in_wrap input[type=email], .icon_form_outwrap .wrap .in_wrap input[type=url], .icon_form_outwrap .wrap .in_wrap input[type=time] {
  height: 40px;
  width: 100%;
}

.form_outwrap .wrap .in_wrap textarea, .icon_form_outwrap .wrap .in_wrap textarea {
  width: 100%;
}

.form_outwrap .in_wrap label {
  display: flex;
  align-items: center;
}
.form_outwrap .in_wrap input:focus-visible {
  outline: none;
}

.date-modal-open {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 0.2em 2em 0.2em 3em;
  border: 1px solid #ddd;
  vertical-align: middle;
  background-color: #f7f7f7;
  border-radius: 5px;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.date-modal-open .icon {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0px;
  left: -4px;
  border: 1px solid #d0d0d0;
  background-color: #dddddd;
}

.date-modal-open:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f073";
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  position: absolute;
  left: 0.7em;
  z-index: 2;
}

.date-modal-open:hover {
  opacity: 0.7;
  cursor: pointer;
}

.checkdate_list {
  display: none;
}

@media only screen and (max-width: 768px) {
  .search_detail {
    padding: 0;
  }
  .tbl.tbl_dsn1 > tbody > tr {
    display: block;
  }
  .tbl.tbl_dsn1 > tbody > tr > th, .tbl.tbl_dsn1 > tbody > tr > td {
    display: block;
    padding: 0;
    margin-bottom: 30px;
  }
  .tbl.tbl_dsn1 > tbody > tr > th {
    margin: 10px 0;
    font-weight: 600;
    padding: 0;
    min-width: 100px;
    width: 100% !important;
    line-height: 1.3;
    font-size: 1.4rem;
  }
  .form_outwrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
  }
  .form_outwrap .checkdate_list {
    width: 100%;
  }
  .form_outwrap .wrap {
    width: calc(50% - 10px);
    margin-bottom: 5px;
  }
  .form_outwrap .wrap.wid_500px {
    width: 100% !important;
    padding-right: 0 !important;
  }
  .select_wrap:after {
    top: 0.5em;
  }
}
.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.modal .datespicker-wrap {
  width: 100%;
}
.modal_bg {
  background: rgba(0, 0, 0, 0.5);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modal-scroll {
  max-height: 88vh;
  overflow-y: auto;
}
.modal_content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 800px;
  width: calc(100% - 30px);
}
.modal-close {
  position: absolute;
  color: #fff;
  top: -30px;
  right: 10px;
  cursor: pointer;
  font-size: 2rem;
}
.modal-close:hover {
  opacity: 0.7;
}

.datespicker-wrap {
  max-width: 820px;
  width: 100%;
  background: #fff;
  padding: 0 20px;
  box-sizing: border-box;
}
.datespicker-wrap .datepicker-btn {
  display: none;
}
.datespicker-wrap td {
  color: #333 !important;
  padding: 1px !important;
}
.datespicker-wrap .ui-datepicker-group {
  padding: 40px 20px 30px !important;
  box-sizing: border-box !important;
}
.datespicker-wrap .ui-datepicker-title {
  cursor: auto !important;
}
.datespicker-wrap .ui-datepicker-inline {
  width: 100% !important;
  box-sizing: border-box !important;
  border: none !important;
  padding: 0 !important;
}
.datespicker-wrap .ui-widget-header {
  border: none !important;
  background: transparent !important;
  cursor: pointer;
}
.datespicker-wrap .ui-widget-header span {
  background: transparent !important;
}
.datespicker-wrap .ui-widget-header .ui-datepicker-prev span {
  color: #001489 !important;
}
.datespicker-wrap .ui-datepicker-year,
.datespicker-wrap .ui-datepicker-month {
  font-size: 2.1rem !important;
}
.datespicker-wrap .ui-datepicker-year:after {
  content: "/";
  margin-left: 0.2rem;
}
.datespicker-wrap .ui-datepicker-month {
  margin-left: -0.2rem !important;
}
.datespicker-wrap .ui-state-hover {
  border: none !important;
  background: transparent !important;
  opacity: 0.7;
}
.datespicker-wrap .ui-state-default {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 48px !important;
  height: 48px !important;
  margin: 0 auto !important;
  border-radius: 25px !important;
  text-align: center !important;
  font-size: 2.6rem !important;
  line-height: 0;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
.datespicker-wrap .ui-state-hover {
  opacity: 1 !important;
}
.datespicker-wrap .ui-state-highlight,
.datespicker-wrap .ui-widget-content .ui-state-highlight,
.datespicker-wrap .ui-widget-header .ui-state-highlight {
  border: none !important;
  background: transparent !important;
  color: #333 !important;
}
.datespicker-wrap .ui-state-highlight a,
.datespicker-wrap .ui-widget-content .ui-state-highlight a,
.datespicker-wrap .ui-widget-header .ui-state-highlight a {
  background: #001489 !important;
  color: #fff !important;
  border-radius: 25px;
}
.datespicker-wrap .ui-state-active,
.datespicker-wrap .ui-widget-content .ui-state-active,
.datespicker-wrap .ui-widget-header .ui-state-active,
.datespicker-wrap a.ui-button:active,
.datespicker-wrap .ui-button:active,
.datespicker-wrap .ui-button.ui-state-active:hover {
  color: #333;
}
.datespicker-wrap .ui-datepicker-prev {
  top: 10px !important;
  left: 0 !important;
}
.datespicker-wrap .ui-datepicker-prev:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f053";
  color: #001489;
}
.datespicker-wrap .ui-datepicker-next {
  top: 10px !important;
  right: 0 !important;
  text-align: right;
}
.datespicker-wrap .ui-datepicker-next:after {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f054";
  color: #001489;
}
.datespicker-wrap label {
  margin-right: 20px;
}
.datespicker-wrap #output {
  display: none;
}
.datespicker-wrap tr th:nth-last-of-type(2) a,
.datespicker-wrap tr th:nth-last-of-type(2) span,
.datespicker-wrap tr th:nth-last-of-type(2) .datespicker-wrap .ui-state-active,
.datespicker-wrap tr th:nth-last-of-type(2) .datespicker-wrap .ui-widget-content .ui-state-active,
.datespicker-wrap tr th:nth-last-of-type(2) .datespicker-wrap .ui-widget-header .ui-state-active,
.datespicker-wrap tr th:nth-last-of-type(2) .datespicker-wrap a.ui-button:active,
.datespicker-wrap tr th:nth-last-of-type(2) .datespicker-wrap .ui-button:active,
.datespicker-wrap tr th:nth-last-of-type(2) .datespicker-wrap .ui-button.ui-state-active:hover,
.datespicker-wrap tr td:nth-last-of-type(2) a,
.datespicker-wrap tr td:nth-last-of-type(2) span,
.datespicker-wrap tr td:nth-last-of-type(2) .datespicker-wrap .ui-state-active,
.datespicker-wrap tr td:nth-last-of-type(2) .datespicker-wrap .ui-widget-content .ui-state-active,
.datespicker-wrap tr td:nth-last-of-type(2) .datespicker-wrap .ui-widget-header .ui-state-active,
.datespicker-wrap tr td:nth-last-of-type(2) .datespicker-wrap a.ui-button:active,
.datespicker-wrap tr td:nth-last-of-type(2) .datespicker-wrap .ui-button:active,
.datespicker-wrap tr td:nth-last-of-type(2) .datespicker-wrap .ui-button.ui-state-active:hover {
  color: #2e8ac9 !important;
}
.datespicker-wrap tr th:last-of-type a,
.datespicker-wrap tr th:last-of-type span,
.datespicker-wrap tr th:last-of-type .datespicker-wrap .ui-state-active,
.datespicker-wrap tr th:last-of-type .datespicker-wrap .ui-widget-content .ui-state-active,
.datespicker-wrap tr th:last-of-type .datespicker-wrap .ui-widget-header .ui-state-active,
.datespicker-wrap tr th:last-of-type .datespicker-wrap a.ui-button:active,
.datespicker-wrap tr th:last-of-type .datespicker-wrap .ui-button:active,
.datespicker-wrap tr th:last-of-type .datespicker-wrap .ui-button.ui-state-active:hover,
.datespicker-wrap tr td:last-of-type a,
.datespicker-wrap tr td:last-of-type span,
.datespicker-wrap tr td:last-of-type .datespicker-wrap .ui-state-active,
.datespicker-wrap tr td:last-of-type .datespicker-wrap .ui-widget-content .ui-state-active,
.datespicker-wrap tr td:last-of-type .datespicker-wrap .ui-widget-header .ui-state-active,
.datespicker-wrap tr td:last-of-type .datespicker-wrap a.ui-button:active,
.datespicker-wrap tr td:last-of-type .datespicker-wrap .ui-button:active,
.datespicker-wrap tr td:last-of-type .datespicker-wrap .ui-button.ui-state-active:hover {
  color: #e85476 !important;
}
.datespicker-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 30px 50px;
  gap: 20px;
}
.datespicker-footer > * {
  width: calc(50% - 20px);
  flex: 1;
  min-width: 240px;
}
.datespicker-footer__left span {
  display: inline-block;
}
.datespicker-footer__left div {
  line-height: 1.5;
  min-height: 50px;
}
.datespicker-footer__right {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media only screen and (max-width: 1057px) {
  .datespicker-wrap {
    width: calc(100vw - 240px);
    padding: 0 1vw;
  }
  .datespicker-wrap .ui-datepicker-group {
    padding: 3vw 1vw 4vw !important;
  }
  .datespicker-wrap .ui-state-default {
    width: 4.2vw !important;
    height: 4.2vw !important;
    font-size: 2.2vw !important;
  }
  .datespicker-footer {
    padding: 0 min(0.8vw + 20px, 20px) 4vw;
  }
  .datespicker-footer__left span {
    font-size: min(1.6vw, 1.4rem);
  }
}
@media only screen and (max-width: 768px) {
  .datespicker-wrap {
    position: relative;
    width: 100%;
    padding: 1em 0.5em 2em;
  }
  .datespicker-wrap .datepicker-btn {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 20px;
    width: 85%;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 100;
  }
  .datespicker-wrap .datepicker-btn .arrow {
    position: relative;
    width: 30px;
    height: 30px;
    background-color: #001489;
    border-radius: 50%;
  }
  .datespicker-wrap .datepicker-btn .arrow i {
    color: #fff;
    font-size: 1.5rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
  }
  .datespicker-wrap .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 100%;
    padding: 0;
    padding: 0 !important;
  }
  .datespicker-wrap .ui-widget-header .ui-datepicker-next,
  .datespicker-wrap .ui-widget-header .ui-datepicker-prev {
    display: none !important;
  }
  .datespicker-wrap .ui-state-default {
    width: 30px !important;
    height: 30px !important;
    font-size: 1.4rem !important;
  }
  .datespicker-wrap #output {
    display: none;
  }
  .datespicker-footer {
    gap: 20px;
    padding: 0;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .datespicker-footer > * {
    width: 100%;
  }
  .datespicker-footer__left {
    margin-top: 10px;
  }
  .datespicker-footer__left div {
    line-height: 2em;
  }
  .datespicker-footer__left span {
    font-size: 1.2rem;
  }
}

.t-default {
  background-color: #fff;
  min-height: 100vh;
}/*# sourceMappingURL=style.min.css.map */