@charset "UTF-8";
* {
  min-height: 0vw;
}

html {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  overflow-y: scroll;
  color: #333333;
  scroll-behavior: smooth;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-style: normal;
}

body {
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
}

/*縦方向の揃え位置を中央揃えに指定*/
input,
select {
  vertical-align: middle;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

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

/*禁則処理*/
p,
li,
dt,
dd,
th,
td,
pre {
  text-align: left;
  word-break: normal;
  word-wrap: break-word;
}

/*box-sizingを全ブラウザに対応*/
*,
*:before,
*:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  transition: 0.3s;
  cursor: pointer;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

input {
  margin: 0;
  box-sizing: border-box;
}

input[type=textbox]::before {
  content: attr(placeholder);
  color: #808080;
}

a:focus,
*:focus,
input[type=text]:focus {
  outline: none;
}

section {
  position: relative;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

i {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

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

p {
  font-size: clamp(0.875rem, 1.8vw, 1rem);
}

dt, dd {
  font-size: clamp(0.875rem, 1.8vw, 1rem);
}

main ul, main ol {
  list-style-type: none;
}
main ul li, main ol li {
  list-style-position: inside;
}

.noin {
  text-indent: 0; /*インデントの調整*/
}

/*================================================
 *  電話番号をスマホのみ有効に
 ================================================*/
a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

.is-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

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

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

.float_l {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .float_l {
    float: left;
  }
}

.float_r {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .float_r {
    float: right;
  }
}

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

.l0 {
  line-height: 0;
}

.spacer {
  margin-top: 2em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .spacer {
    margin-top: 100px;
  }
}

.spacer_c {
  margin-top: 1em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .spacer_c {
    margin-top: 40px;
  }
}

.spacer_cc {
  margin-top: 1em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .spacer_cc {
    margin-top: 20px;
  }
}

.spacer_ccc {
  margin-top: 0.5em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .spacer_ccc {
    margin-top: 10px;
  }
}

.p_s0 {
  padding: 0.5rem;
}

.p_s {
  padding: 1rem;
}

.p_s2 {
  padding: 2rem;
}

.p_s3 {
  padding: 3rem;
}

.p_st0 {
  padding-top: 0.5rem;
}

.p_st {
  padding-top: 1rem;
}

.p_st2 {
  padding-top: 2rem;
}

.p_st3 {
  padding-top: 3rem;
}

.p_sb0 {
  padding-bottom: 0.5rem;
}

.p_sb {
  padding-bottom: 1rem;
}

.p_sb2 {
  padding-bottom: 2rem;
}

.p_sb3 {
  padding-bottom: 3rem;
}

.p_sl0 {
  padding-left: 0.5rem;
}

.p_sl {
  padding-left: 1rem;
}

.p_sl2 {
  padding-left: 2rem;
}

.p_sl3 {
  padding-left: 3rem;
}

.p_sr0 {
  padding-right: 0.5rem;
}

.p_sr {
  padding-right: 1rem;
}

.p_sr2 {
  padding-right: 2rem;
}

.p_sr3 {
  padding-right: 3rem;
}

.p_stb0 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.p_stb {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.p_stb2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.p_stb3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.p_slr0 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.p_slr {
  padding-left: 1rem;
  padding-right: 1rem;
}

.p_slr2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.p_slr3 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.pm_st {
  padding-top: -1rem;
}

.pm_st2 {
  padding-top: -2rem;
}

.pm_sb {
  padding-bottom: -1rem;
}

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

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

.p_s0 {
  padding: 0;
}

.p_st0 {
  padding-top: 0;
}

.p_sb0 {
  padding-bottom: 0;
}

.p_sr0 {
  padding-right: 0;
}

.p_sl0 {
  padding-left: 0;
}

.m_s0 {
  margin: 0;
}

.m_st0 {
  margin-top: 0;
}

.m_sb0 {
  margin-bottom: 0;
}

.m_sl0 {
  margin-left: 0;
}

.m_sr0 {
  margin-right: 0;
}

.flex {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_s {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_s {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_sx {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_sx {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_sl {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_sl {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_ss {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_ss {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_sd {
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_sd {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_c {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_c {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_cx {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_cx {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_cl {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_cl {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_cc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_cc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_cd {
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_cd {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_b {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_b {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_bx {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_bx {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_bl {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_bl {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_bb {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_bb {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.flex_bd {
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .flex_bd {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: normal;
    flex-wrap: nowrap;
  }
}

.as-center {
  align-self: center;
}

.memo {
  font-size: clamp(13px, 1.8vw, 14px);
  font-weight: 400;
}

.memoc {
  font-size: clamp(13px, 1.8vw, 14px);
  color: #808080;
  font-weight: 400;
}

.mi {
  font-weight: 600;
  color: #b9001c;
}

.bi {
  font-weight: 600;
  color: #333333;
}

.ri {
  font-size: initial;
  color: initial;
  border: none;
  text-decoration: none;
}

.mc {
  color: #9b0000;
}

.mcb {
  color: #9b0000;
  font-weight: 600;
}

.un {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #333333;
  display: inline;
}

.unb {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #333333;
  font-weight: 600;
  display: inline;
}

.unc {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #b9001c;
  display: inline;
}

.uncb {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #b9001c;
  font-weight: 600;
  display: inline;
}

.marker {
  background: linear-gradient(transparent 0%, #ff9 0%);
  display: inline;
}

.marker50 {
  background: linear-gradient(transparent 50%, #ff9 50%);
  display: inline;
}

.del {
  text-decoration: line-through;
}

.waku {
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
  border-radius: 0;
  background-color: transparent;
  overflow: hidden;
}

ol.list_kakko li {
  list-style-type: none;
  counter-increment: cnt;
}
ol.list_kakko li:before {
  display: marker;
  content: "(" counter(cnt) ") ";
}

ul.list_kana {
  list-style-type: katakana;
}

.listno {
  list-style: none;
}

.font13 {
  font-size: clamp(0.812rem, 2vw, 0.812rem);
}

.font14 {
  font-size: clamp(0.812rem, 2vw, 0.875rem);
}

.font16 {
  font-size: clamp(0.875rem, 2vw, 1rem);
}

.font18 {
  font-size: clamp(1rem, 2vw, 1.125rem);
}

.font20 {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
}

.font22 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
}

.font24 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
}

.font26 {
  font-size: clamp(1.25rem, 2vw, 1.625rem);
}

.font28 {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.font30 {
  font-size: clamp(1.275rem, 2vw, 1.875rem);
}

.font32 {
  font-size: clamp(1.375rem, 2vw, 2rem);
}

.font34 {
  font-size: clamp(1.375rem, 2vw, 2rem);
}

.font38 {
  font-size: clamp(1.375rem, 2vw, 2.125rem);
}

.font40 {
  font-size: clamp(2.2rem, 2vw, 2.5rem);
}

.fittop {
  -o-object-position: top;
     object-position: top;
}

.fitbottom {
  -o-object-position: bottom;
     object-position: bottom;
}

.fitleft {
  -o-object-position: left;
     object-position: left;
}

.fitright {
  -o-object-position: right;
     object-position: right;
}

.fb10 {
  flex-basis: 10%;
}

.fb15 {
  flex-basis: 15%;
}

.fb19 {
  flex-basis: 19%;
}

.fb20 {
  flex-basis: 20%;
}

.fb25 {
  flex-basis: 25%;
}

.fb29 {
  flex-basis: 29%;
}

.fb30 {
  flex-basis: 30%;
}

.fb32 {
  flex-basis: 32%;
}

.fb39 {
  flex-basis: 39%;
}

.fb40 {
  flex-basis: 40%;
}

.fb45 {
  flex-basis: 45%;
}

.fb48 {
  flex-basis: 48%;
}

.fb49 {
  flex-basis: 49%;
}

.fb50 {
  flex-basis: 50%;
}

.fb59 {
  flex-basis: 59%;
}

.fb60 {
  flex-basis: 60%;
}

.fb69 {
  flex-basis: 69%;
}

.fb70 {
  flex-basis: 70%;
}

.fb79 {
  flex-basis: 79%;
}

.fb80 {
  flex-basis: 80%;
}

.fb90 {
  flex-basis: 90%;
}

.fb100 {
  flex-basis: 100%;
}

.imgfit_h50 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h50 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h50 {
    max-height: 50px;
  }
}

.imgfit_h60 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h60 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h60 {
    max-height: 60px;
  }
}

.imgfit_h70 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h70 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h70 {
    max-height: 70px;
  }
}

.imgfit_h80 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h80 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h80 {
    max-height: 80px;
  }
}

.imgfit_h90 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h90 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h90 {
    max-height: 90px;
  }
}

.imgfit_h100 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h100 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h100 {
    max-height: 100px;
  }
}

.imgfit_h110 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h110 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h110 {
    max-height: 110px;
  }
}

.imgfit_h120 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h120 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h120 {
    max-height: 120px;
  }
}

.imgfit_h130 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h130 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h130 {
    max-height: 130px;
  }
}

.imgfit_h140 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h140 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h140 {
    max-height: 140px;
  }
}

.imgfit_h150 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h150 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h150 {
    max-height: 150px;
  }
}

.imgfit_h160 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h160 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h160 {
    max-height: 160px;
  }
}

.imgfit_h170 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h170 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h170 {
    max-height: 170px;
  }
}

.imgfit_h180 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h180 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h180 {
    max-height: 180px;
  }
}

.imgfit_h190 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h190 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h190 {
    max-height: 190px;
  }
}

.imgfit_h200 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h200 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h200 {
    max-height: 200px;
  }
}

.imgfit_h210 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h210 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h210 {
    max-height: 210px;
  }
}

.imgfit_h220 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h220 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h220 {
    max-height: 220px;
  }
}

.imgfit_h230 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h230 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h230 {
    max-height: 230px;
  }
}

.imgfit_h240 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h240 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h240 {
    max-height: 240px;
  }
}

.imgfit_h250 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h250 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h250 {
    max-height: 250px;
  }
}

.imgfit_h260 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h260 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h260 {
    max-height: 260px;
  }
}

.imgfit_h270 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h270 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h270 {
    max-height: 270px;
  }
}

.imgfit_h280 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h280 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h280 {
    max-height: 280px;
  }
}

.imgfit_h290 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h290 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h290 {
    max-height: 290px;
  }
}

.imgfit_h300 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h300 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h300 {
    max-height: 300px;
  }
}

.imgfit_h310 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h310 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h310 {
    max-height: 310px;
  }
}

.imgfit_h320 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h320 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h320 {
    max-height: 320px;
  }
}

.imgfit_h330 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h330 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h330 {
    max-height: 330px;
  }
}

.imgfit_h340 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h340 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h340 {
    max-height: 340px;
  }
}

.imgfit_h350 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h350 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h350 {
    max-height: 350px;
  }
}

.imgfit_h360 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h360 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h360 {
    max-height: 360px;
  }
}

.imgfit_h370 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h370 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h370 {
    max-height: 370px;
  }
}

.imgfit_h380 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h380 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h380 {
    max-height: 380px;
  }
}

.imgfit_h390 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h390 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h390 {
    max-height: 390px;
  }
}

.imgfit_h400 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h400 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h400 {
    max-height: 400px;
  }
}

.imgfit_h410 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h410 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h410 {
    max-height: 410px;
  }
}

.imgfit_h420 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h420 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h420 {
    max-height: 420px;
  }
}

.imgfit_h430 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h430 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h430 {
    max-height: 430px;
  }
}

.imgfit_h440 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h440 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h440 {
    max-height: 440px;
  }
}

.imgfit_h450 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h450 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h450 {
    max-height: 450px;
  }
}

.imgfit_h460 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h460 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h460 {
    max-height: 460px;
  }
}

.imgfit_h470 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h470 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h470 {
    max-height: 470px;
  }
}

.imgfit_h480 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h480 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h480 {
    max-height: 480px;
  }
}

.imgfit_h490 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h490 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h490 {
    max-height: 490px;
  }
}

.imgfit_h500 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h500 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h500 {
    max-height: 500px;
  }
}

.imgfit_h510 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h510 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h510 {
    max-height: 510px;
  }
}

.imgfit_h520 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h520 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h520 {
    max-height: 520px;
  }
}

.imgfit_h530 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h530 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h530 {
    max-height: 530px;
  }
}

.imgfit_h540 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h540 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h540 {
    max-height: 540px;
  }
}

.imgfit_h550 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h550 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h550 {
    max-height: 550px;
  }
}

.imgfit_h560 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h560 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h560 {
    max-height: 560px;
  }
}

.imgfit_h570 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h570 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h570 {
    max-height: 570px;
  }
}

.imgfit_h580 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h580 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h580 {
    max-height: 580px;
  }
}

.imgfit_h590 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h590 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h590 {
    max-height: 590px;
  }
}

.imgfit_h600 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h600 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h600 {
    max-height: 600px;
  }
}

.imgfit_h610 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h610 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h610 {
    max-height: 610px;
  }
}

.imgfit_h620 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h620 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h620 {
    max-height: 620px;
  }
}

.imgfit_h630 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h630 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h630 {
    max-height: 630px;
  }
}

.imgfit_h640 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h640 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h640 {
    max-height: 640px;
  }
}

.imgfit_h650 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h650 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h650 {
    max-height: 650px;
  }
}

.imgfit_h660 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h660 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h660 {
    max-height: 660px;
  }
}

.imgfit_h670 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h670 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h670 {
    max-height: 670px;
  }
}

.imgfit_h680 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h680 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h680 {
    max-height: 680px;
  }
}

.imgfit_h690 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h690 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h690 {
    max-height: 690px;
  }
}

.imgfit_h700 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h700 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h700 {
    max-height: 700px;
  }
}

.imgfit_h710 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h710 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h710 {
    max-height: 710px;
  }
}

.imgfit_h720 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h720 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h720 {
    max-height: 720px;
  }
}

.imgfit_h730 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h730 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h730 {
    max-height: 730px;
  }
}

.imgfit_h740 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h740 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h740 {
    max-height: 740px;
  }
}

.imgfit_h750 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h750 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h750 {
    max-height: 750px;
  }
}

.imgfit_h760 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h760 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h760 {
    max-height: 760px;
  }
}

.imgfit_h770 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h770 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h770 {
    max-height: 770px;
  }
}

.imgfit_h780 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h780 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h780 {
    max-height: 780px;
  }
}

.imgfit_h790 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h790 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h790 {
    max-height: 790px;
  }
}

.imgfit_h800 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h800 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h800 {
    max-height: 800px;
  }
}

.imgfit_h810 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h810 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h810 {
    max-height: 810px;
  }
}

.imgfit_h820 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h820 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h820 {
    max-height: 820px;
  }
}

.imgfit_h830 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h830 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h830 {
    max-height: 830px;
  }
}

.imgfit_h840 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h840 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h840 {
    max-height: 840px;
  }
}

.imgfit_h850 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h850 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h850 {
    max-height: 850px;
  }
}

.imgfit_h860 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h860 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h860 {
    max-height: 860px;
  }
}

.imgfit_h870 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h870 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h870 {
    max-height: 870px;
  }
}

.imgfit_h880 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h880 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h880 {
    max-height: 880px;
  }
}

.imgfit_h890 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h890 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h890 {
    max-height: 890px;
  }
}

.imgfit_h900 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h900 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h900 {
    max-height: 900px;
  }
}

.imgfit_h910 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h910 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h910 {
    max-height: 910px;
  }
}

.imgfit_h920 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h920 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h920 {
    max-height: 920px;
  }
}

.imgfit_h930 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h930 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h930 {
    max-height: 930px;
  }
}

.imgfit_h940 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h940 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h940 {
    max-height: 940px;
  }
}

.imgfit_h960 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h960 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h960 {
    max-height: 960px;
  }
}

.imgfit_h970 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h970 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h970 {
    max-height: 970px;
  }
}

.imgfit_h980 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h980 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h980 {
    max-height: 980px;
  }
}

.imgfit_h990 {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h990 {
    height: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_h990 {
    max-height: 990px;
  }
}

.imgfit_w50 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w50 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w50 {
    max-width: 50px;
  }
}

.imgfit_w60 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w60 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w60 {
    max-width: 60px;
  }
}

.imgfit_w70 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w70 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w70 {
    max-width: 70px;
  }
}

.imgfit_w80 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w80 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w80 {
    max-width: 80px;
  }
}

.imgfit_w90 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w90 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w90 {
    max-width: 90px;
  }
}

.imgfit_w100 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w100 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w100 {
    max-width: 100px;
  }
}

.imgfit_w110 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w110 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w110 {
    max-width: 110px;
  }
}

.imgfit_w120 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w120 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w120 {
    max-width: 120px;
  }
}

.imgfit_w130 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w130 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w130 {
    max-width: 130px;
  }
}

.imgfit_w140 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w140 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w140 {
    max-width: 140px;
  }
}

.imgfit_w150 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w150 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w150 {
    max-width: 150px;
  }
}

.imgfit_w160 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w160 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w160 {
    max-width: 160px;
  }
}

.imgfit_w170 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w170 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w170 {
    max-width: 170px;
  }
}

.imgfit_w180 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w180 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w180 {
    max-width: 180px;
  }
}

.imgfit_w190 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w190 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w190 {
    max-width: 190px;
  }
}

.imgfit_w200 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w200 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w200 {
    max-width: 200px;
  }
}

.imgfit_w210 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w210 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w210 {
    max-width: 210px;
  }
}

.imgfit_w220 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w220 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w220 {
    max-width: 220px;
  }
}

.imgfit_w230 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w230 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w230 {
    max-width: 230px;
  }
}

.imgfit_w240 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w240 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w240 {
    max-width: 240px;
  }
}

.imgfit_w250 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w250 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w250 {
    max-width: 250px;
  }
}

.imgfit_w260 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w260 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w260 {
    max-width: 260px;
  }
}

.imgfit_w270 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w270 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w270 {
    max-width: 270px;
  }
}

.imgfit_w280 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w280 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w280 {
    max-width: 280px;
  }
}

.imgfit_w290 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w290 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w290 {
    max-width: 290px;
  }
}

.imgfit_w300 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w300 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w300 {
    max-width: 300px;
  }
}

.imgfit_w310 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w310 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w310 {
    max-width: 310px;
  }
}

.imgfit_w320 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w320 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w320 {
    max-width: 320px;
  }
}

.imgfit_w330 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w330 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w330 {
    max-width: 330px;
  }
}

.imgfit_w340 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w340 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w340 {
    max-width: 340px;
  }
}

.imgfit_w350 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w350 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w350 {
    max-width: 350px;
  }
}

.imgfit_w360 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w360 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w360 {
    max-width: 360px;
  }
}

.imgfit_w370 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w370 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w370 {
    max-width: 370px;
  }
}

.imgfit_w380 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w380 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w380 {
    max-width: 380px;
  }
}

.imgfit_w390 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w390 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w390 {
    max-width: 390px;
  }
}

.imgfit_w400 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w400 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w400 {
    max-width: 400px;
  }
}

.imgfit_w410 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w410 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w410 {
    max-width: 410px;
  }
}

.imgfit_w420 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w420 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w420 {
    max-width: 420px;
  }
}

.imgfit_w430 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w430 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w430 {
    max-width: 430px;
  }
}

.imgfit_w440 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w440 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w440 {
    max-width: 440px;
  }
}

.imgfit_w450 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w450 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w450 {
    max-width: 450px;
  }
}

.imgfit_w460 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w460 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w460 {
    max-width: 460px;
  }
}

.imgfit_w470 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w470 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w470 {
    max-width: 470px;
  }
}

.imgfit_w480 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w480 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w480 {
    max-width: 480px;
  }
}

.imgfit_w490 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w490 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w490 {
    max-width: 490px;
  }
}

.imgfit_w500 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w500 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w500 {
    max-width: 500px;
  }
}

.imgfit_w510 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w510 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w510 {
    max-width: 510px;
  }
}

.imgfit_w520 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w520 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w520 {
    max-width: 520px;
  }
}

.imgfit_w530 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w530 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w530 {
    max-width: 530px;
  }
}

.imgfit_w540 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w540 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w540 {
    max-width: 540px;
  }
}

.imgfit_w550 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w550 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w550 {
    max-width: 550px;
  }
}

.imgfit_w560 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w560 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w560 {
    max-width: 560px;
  }
}

.imgfit_w570 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w570 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w570 {
    max-width: 570px;
  }
}

.imgfit_w580 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w580 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w580 {
    max-width: 580px;
  }
}

.imgfit_w590 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w590 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w590 {
    max-width: 590px;
  }
}

.imgfit_w600 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w600 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w600 {
    max-width: 600px;
  }
}

.imgfit_w610 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w610 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w610 {
    max-width: 610px;
  }
}

.imgfit_w620 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w620 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w620 {
    max-width: 620px;
  }
}

.imgfit_w630 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w630 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w630 {
    max-width: 630px;
  }
}

.imgfit_w640 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w640 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w640 {
    max-width: 640px;
  }
}

.imgfit_w650 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w650 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w650 {
    max-width: 650px;
  }
}

.imgfit_w660 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w660 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w660 {
    max-width: 660px;
  }
}

.imgfit_w670 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w670 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w670 {
    max-width: 670px;
  }
}

.imgfit_w680 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w680 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w680 {
    max-width: 680px;
  }
}

.imgfit_w690 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w690 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w690 {
    max-width: 690px;
  }
}

.imgfit_w700 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w700 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w700 {
    max-width: 700px;
  }
}

.imgfit_w710 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w710 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w710 {
    max-width: 710px;
  }
}

.imgfit_w720 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w720 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w720 {
    max-width: 720px;
  }
}

.imgfit_w730 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w730 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w730 {
    max-width: 730px;
  }
}

.imgfit_w740 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w740 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w740 {
    max-width: 740px;
  }
}

.imgfit_w750 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w750 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w750 {
    max-width: 750px;
  }
}

.imgfit_w760 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w760 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w760 {
    max-width: 760px;
  }
}

.imgfit_w770 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w770 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w770 {
    max-width: 770px;
  }
}

.imgfit_w780 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w780 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w780 {
    max-width: 780px;
  }
}

.imgfit_w790 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w790 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w790 {
    max-width: 790px;
  }
}

.imgfit_w800 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w800 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w800 {
    max-width: 800px;
  }
}

.imgfit_w810 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w810 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w810 {
    max-width: 810px;
  }
}

.imgfit_w820 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w820 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w820 {
    max-width: 820px;
  }
}

.imgfit_w830 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w830 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w830 {
    max-width: 830px;
  }
}

.imgfit_w840 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w840 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w840 {
    max-width: 840px;
  }
}

.imgfit_w850 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w850 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w850 {
    max-width: 850px;
  }
}

.imgfit_w860 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w860 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w860 {
    max-width: 860px;
  }
}

.imgfit_w870 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w870 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w870 {
    max-width: 870px;
  }
}

.imgfit_w880 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w880 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w880 {
    max-width: 880px;
  }
}

.imgfit_w890 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w890 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w890 {
    max-width: 890px;
  }
}

.imgfit_w900 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w900 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w900 {
    max-width: 900px;
  }
}

.imgfit_w910 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w910 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w910 {
    max-width: 910px;
  }
}

.imgfit_w920 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w920 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w920 {
    max-width: 920px;
  }
}

.imgfit_w930 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w930 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w930 {
    max-width: 930px;
  }
}

.imgfit_w940 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w940 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w940 {
    max-width: 940px;
  }
}

.imgfit_w950 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w950 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w950 {
    max-width: 950px;
  }
}

.imgfit_w960 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w960 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w960 {
    max-width: 960px;
  }
}

.imgfit_w970 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w970 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w970 {
    max-width: 970px;
  }
}

.imgfit_w980 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w980 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w980 {
    max-width: 980px;
  }
}

.imgfit_w990 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w990 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w990 {
    max-width: 990px;
  }
}

.imgfit_w1000 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1000 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1000 {
    max-width: 1000px;
  }
}

.imgfit_w1100 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1100 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1100 {
    max-width: 1100px;
  }
}

.imgfit_w1200 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1200 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1200 {
    max-width: 1200px;
  }
}

.imgfit_w1300 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1300 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1300 {
    max-width: 1300px;
  }
}

.imgfit_w1400 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1400 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1400 {
    max-width: 1400px;
  }
}

.imgfit_w1500 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1500 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1500 {
    max-width: 1500px;
  }
}

.imgfit_w1600 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1600 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1600 {
    max-width: 1600px;
  }
}

.imgfit_w1700 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1700 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1700 {
    max-width: 1700px;
  }
}

.imgfit_w1800 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1800 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1800 {
    max-width: 1800px;
  }
}

.imgfit_w1900 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1900 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w1900 {
    max-width: 1900px;
  }
}

.imgfit_w2000 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2000 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2000 {
    max-width: 2000px;
  }
}

.imgfit_w2100 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2100 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2100 {
    max-width: 2100px;
  }
}

.imgfit_w2200 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2200 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2200 {
    max-width: 2200px;
  }
}

.imgfit_w2300 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2300 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2300 {
    max-width: 2300px;
  }
}

.imgfit_w2400 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2400 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2400 {
    max-width: 2400px;
  }
}

.imgfit_w2500 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2500 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2500 {
    max-width: 2500px;
  }
}

.imgfit_w2600 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2600 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2600 {
    max-width: 2600px;
  }
}

.imgfit_w2700 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2700 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2700 {
    max-width: 2700px;
  }
}

.imgfit_w2800 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2800 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2800 {
    max-width: 2800px;
  }
}

.imgfit_w2900 {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2900 {
    width: auto;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .imgfit_w2900 {
    max-width: 2900px;
  }
}

.area_full {
  margin: 0 calc(50% - 50vw);
}

.area_50 {
  max-width: 50px;
}

.area_60 {
  max-width: 60px;
}

.area_70 {
  max-width: 70px;
}

.area_80 {
  max-width: 80px;
}

.area_90 {
  max-width: 90px;
}

.area_100 {
  max-width: 100px;
}

.area_110 {
  max-width: 110px;
}

.area_120 {
  max-width: 120px;
}

.area_130 {
  max-width: 130px;
}

.area_140 {
  max-width: 140px;
}

.area_150 {
  max-width: 150px;
}

.area_160 {
  max-width: 160px;
}

.area_170 {
  max-width: 170px;
}

.area_180 {
  max-width: 180px;
}

.area_190 {
  max-width: 190px;
}

.area_200 {
  max-width: 200px;
}

.area_210 {
  max-width: 210px;
}

.area_220 {
  max-width: 220px;
}

.area_230 {
  max-width: 230px;
}

.area_240 {
  max-width: 240px;
}

.area_250 {
  max-width: 250px;
}

.area_260 {
  max-width: 260px;
}

.area_270 {
  max-width: 270px;
}

.area_280 {
  max-width: 280px;
}

.area_290 {
  max-width: 290px;
}

.area_300 {
  max-width: 300px;
}

.area_310 {
  max-width: 310px;
}

.area_320 {
  max-width: 320px;
}

.area_330 {
  max-width: 330px;
}

.area_340 {
  max-width: 340px;
}

.area_350 {
  max-width: 350px;
}

.area_360 {
  max-width: 360px;
}

.area_370 {
  max-width: 370px;
}

.area_380 {
  max-width: 380px;
}

.area_390 {
  max-width: 390px;
}

.area_400 {
  max-width: 400px;
}

.area_410 {
  max-width: 410px;
}

.area_420 {
  max-width: 420px;
}

.area_430 {
  max-width: 430px;
}

.area_440 {
  max-width: 440px;
}

.area_450 {
  max-width: 450px;
}

.area_460 {
  max-width: 460px;
}

.area_470 {
  max-width: 470px;
}

.area_480 {
  max-width: 480px;
}

.area_490 {
  max-width: 490px;
}

.area_500 {
  max-width: 500px;
}

.area_510 {
  max-width: 510px;
}

.area_520 {
  max-width: 520px;
}

.area_530 {
  max-width: 530px;
}

.area_540 {
  max-width: 540px;
}

.area_550 {
  max-width: 550px;
}

.area_560 {
  max-width: 560px;
}

.area_570 {
  max-width: 570px;
}

.area_580 {
  max-width: 580px;
}

.area_590 {
  max-width: 590px;
}

.area_600 {
  max-width: 600px;
}

.area_610 {
  max-width: 610px;
}

.area_620 {
  max-width: 620px;
}

.area_630 {
  max-width: 630px;
}

.area_640 {
  max-width: 640px;
}

.area_650 {
  max-width: 650px;
}

.area_660 {
  max-width: 660px;
}

.area_670 {
  max-width: 670px;
}

.area_680 {
  max-width: 680px;
}

.area_690 {
  max-width: 690px;
}

.area_700 {
  max-width: 700px;
}

.area_710 {
  max-width: 710px;
}

.area_720 {
  max-width: 720px;
}

.area_730 {
  max-width: 730px;
}

.area_740 {
  max-width: 740px;
}

.area_750 {
  max-width: 750px;
}

.area_760 {
  max-width: 760px;
}

.area_770 {
  max-width: 770px;
}

.area_780 {
  max-width: 780px;
}

.area_790 {
  max-width: 790px;
}

.area_800 {
  max-width: 800px;
}

.area_810 {
  max-width: 810px;
}

.area_820 {
  max-width: 820px;
}

.area_830 {
  max-width: 830px;
}

.area_840 {
  max-width: 840px;
}

.area_850 {
  max-width: 850px;
}

.area_860 {
  max-width: 860px;
}

.area_870 {
  max-width: 870px;
}

.area_880 {
  max-width: 880px;
}

.area_890 {
  max-width: 890px;
}

.area_900 {
  max-width: 900px;
}

.area_910 {
  max-width: 910px;
}

.area_920 {
  max-width: 920px;
}

.area_930 {
  max-width: 930px;
}

.area_940 {
  max-width: 940px;
}

.area_950 {
  max-width: 950px;
}

.area_960 {
  max-width: 960px;
}

.area_970 {
  max-width: 970px;
}

.area_980 {
  max-width: 980px;
}

.area_990 {
  max-width: 990px;
}

.area_1000 {
  max-width: 1000px;
}

.area_1100 {
  max-width: 1100px;
}

.area_1200 {
  max-width: 1200px;
}

.area_1300 {
  max-width: 1300px;
}

.area_1400 {
  max-width: 1400px;
}

.area_1500 {
  max-width: 1500px;
}

.area_1600 {
  max-width: 1600px;
}

.area_1700 {
  max-width: 1700px;
}

.area_1800 {
  max-width: 1800px;
}

.area_1900 {
  max-width: 1900px;
}

.area_2000 {
  max-width: 2000px;
}

.area_2100 {
  max-width: 2100px;
}

.area_2200 {
  max-width: 2200px;
}

.area_2300 {
  max-width: 2300px;
}

.area_2400 {
  max-width: 2400px;
}

.area_2500 {
  max-width: 2500px;
}

.area_2600 {
  max-width: 2600px;
}

.area_2700 {
  max-width: 2700px;
}

.area_2800 {
  max-width: 2800px;
}

.area_2900 {
  max-width: 2900px;
}

/*-- globalフォルダの中の_index.scss --*/
div.wrap {
  flex: 1 0 auto;
  position: relative;
  width: 100%;
  margin: auto;
  z-index: 0;
}

#header {
  height: 60px;
  background-color: white;
  background-repeat: repeat;
  background-position: top center;
  box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.5607843137);
  position: fixed;
  top: 0;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  z-index: 4;
}
@media screen and (min-width: 1149px) {
  #header {
    height: 80px;
  }
}

.head-animation {
  transform: translateY(-100%);
}

.toplogo__container {
  position: absolute;
  max-width: 60%;
}
@media screen and (min-width: 1149px) {
  .toplogo__container {
    position: relative;
    margin-right: auto;
    max-width: 400px;
  }
}
.toplogo__container h1 {
  line-height: 0;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 1149px) {
  .toplogo__container h1 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: normal;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1149px) {
  .toplogo__container h1 {
    height: 80px;
  }
}
.toplogo__container h1 img {
  margin-left: 2vw;
  max-width: 100%;
  max-height: 58px;
}

.main {
  margin-top: 40px;
  background-image: url("../img/common/prefecture_sp.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  padding-bottom: 200px;
}
@media screen and (min-width: 1149px) {
  .main {
    margin-top: 20px;
    background-image: url("../img/common/prefecture.png");
    padding-bottom: 50px;
  }
}

.contents {
  position: relative;
  display: block;
  min-height: 100vh;
  max-width: 1200px;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 50px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  scrollbar-width: 0;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 1480px) {
  .contents {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 568px) {
  .contents {
    padding-bottom: 260px;
  }
}
@media screen and (min-width: 1025px) {
  .contents {
    padding-bottom: 300px;
  }
}

.footer__wrap {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.footer__address {
  margin-top: 1em;
  margin: 2rem 0;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .footer__address {
    margin-top: 20px;
  }
}
.footer__address span {
  font-size: clamp(1.125rem, 3vw, 1.25rem);
}
.footer__copyright {
  font-size: clamp(0.812rem, 2vw, 0.875rem);
  width: 100%;
  text-align: center;
  padding-bottom: 2rem;
  color: #0A41AE;
}

ul.footer__menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
  list-style: none;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #0A41AE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0A41AE;
  margin: 0 2rem;
}
@media screen and (min-width: 1149px) {
  ul.footer__menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: normal;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1149px) {
  ul.footer__menu {
    margin: 0;
  }
}
ul.footer__menu li {
  width: 100%;
}
@media screen and (max-width: 1080px) {
  ul.footer__menu li {
    flex-basis: 100%;
  }
}
ul.footer__menu li a {
  display: block;
  font-size: clamp(1rem, 1rem + 0.5vw, 0.875rem);
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: white;
  background-color: #0A41AE;
  position: relative;
  display: block;
  text-align: left;
  padding: 0.5rem;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
ul.footer__menu li a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 1149px) {
  ul.footer__menu li a {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: white;
  }
}
ul.footer__menu li a:hover {
  color: #0A41AE;
  background-color: white;
}
ul.footer__menu li a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
ul.footer__menu li a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23216ec0"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
@media screen and (max-width: 1080px) {
  ul.footer__menu li:nth-of-type(n + 1):nth-of-type(-n + 5) {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: white;
  }
}

/*-- layoutフォルダの中の_index.scss --*/
/*ハンバーガー*/
.hamburger {
  padding: 30px 12px;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 1149px) {
  .hamburger {
    display: none;
  }
}
.hamburger span {
  display: block;
  height: 3px;
  width: 28px;
  transition: 0.6s ease;
  background-color: #0A41AE;
}
.hamburger span::before {
  content: "";
  position: absolute;
  margin-top: -8px;
  background-color: #0A41AE;
  display: block;
  height: 3px;
  width: 28px;
  transition: 0.6s ease;
  border-radius: 3px;
}
.hamburger span::after {
  content: "";
  position: absolute;
  margin-top: 8px;
  background-color: #0A41AE;
  display: block;
  height: 3px;
  width: 28px;
  transition: 0.6s ease;
  border-radius: 3px;
}
.hamburger p {
  font-size: 16px;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.nav-checkbox {
  display: none;
}
.nav-checkbox:not(:checked) ~ .nav-area {
  overflow: hidden;
  height: 60px;
}
@media screen and (min-width: 1149px) {
  .nav-checkbox:not(:checked) ~ .nav-area {
    overflow: visible;
    height: 80px;
  }
}
.nav-checkbox:checked ~ .nav-area {
  transition: height 0.6s ease;
  height: 100vh;
  overflow-y: auto;
}
@media screen and (min-width: 1149px) {
  .nav-checkbox:checked ~ .nav-area {
    height: initial;
    overflow: initial;
  }
}
.nav-checkbox:checked ~ .nav-area .hamburger span {
  background-color: transparent;
}
.nav-checkbox:checked ~ .nav-area .hamburger span::before {
  margin-top: 0;
  transform: rotate(225deg);
}
.nav-checkbox:checked ~ .nav-area .hamburger span::after {
  margin-top: 0;
  transform: rotate(-225deg);
}

.nav-area {
  position: absolute;
  height: 60px;
  transition: 0.6s ease;
  width: 100%;
}
@media screen and (min-width: 1149px) {
  .nav-area {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
    height: 80px;
  }
}
@media screen and (min-width: 1149px) and (min-width: 768px), screen and (min-width: 1149px) and (max-height: 375px) {
  .nav-area {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: normal;
    flex-wrap: wrap;
  }
}
.nav-area a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  display: block;
  opacity: 1;
}
.nav-area .nav-item {
  border-top: 0;
}

.nav-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 60px;
  background: white;
  padding-right: 1em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0A41AE;
}
@media screen and (min-width: 1149px) {
  .nav-header {
    margin-right: auto;
    height: 80px;
    padding-right: 0;
  }
}

.navigation {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
  margin: 0;
  background: rgb(255, 255, 255);
}
@media screen and (min-width: 1149px) {
  .navigation {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1149px) {
  .navigation {
    height: 80px;
    background-color: transparent;
    padding-right: 0;
    padding-right: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .navigation {
    padding-right: 40px;
  }
}
.navigation .nav-item {
  background-color: white;
  flex-basis: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: transparent;
  overflow: hidden;
}
@media screen and (min-width: 1149px) {
  .navigation .nav-item {
    border: none;
    background-color: transparent;
    background-color: none;
    align-self: center;
    flex-basis: auto;
  }
}
.navigation a {
  text-decoration: none;
  cursor: pointer;
  display: block;
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-weight: 400;
  color: #333333;
  padding: 16px 1px;
  display: block;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1149px) {
  .navigation a {
    padding: 3px 1.5rem;
    text-align: center;
    height: 100%;
  }
}
.navigation a:hover {
  background-color: #0A41AE;
  color: white;
}
.navigation a::before {
  content: "";
  display: block;
  width: auto; /* アイコンの幅 */
  height: 40px; /* アイコンの高さ */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.nav-item:nth-of-type(1) a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='4' width='100' height='100'%3E%3Cpath fill='none' stroke='%230A41AE' stroke-miterlimit='10' d='m79.343 30.12-.038-.672-.577-.347c-.297-.178-7.19-4.276-15.412-5.176-1.32-2.25-6.316-9.742-14.315-9.742s-12.995 7.491-14.315 9.742c-8.223.9-15.115 4.998-15.412 5.176l-.577.347-.038.671c-.037.663-.848 16.376 4.974 29.708 9.82 22.487 24.299 28.303 24.91 28.539l.459.178.459-.178c.611-.236 15.09-6.052 24.91-28.539 5.821-13.332 5.011-29.045 4.974-29.708Z'/%3E%3Cpath fill='none' stroke='%230A41AE' stroke-miterlimit='10' d='m62.185 29.225-2.252-.217-1.053-1.986c-.039-.075-4.036-7.454-9.881-7.454-5.585 0-9.435 6.65-9.874 7.443l-1.039 2.016-2.259.197c-4.358.379-8.448 1.913-11.112 3.133l-.729.333.011.801c.069 5.283.754 15.45 4.567 24.182 6.863 15.718 16.142 22.43 19.812 24.585l.623.366.623-.365c3.67-2.155 12.948-8.865 19.813-24.586 3.811-8.728 4.497-18.896 4.567-24.18l.011-.8-.728-.334c-2.659-1.221-6.746-2.755-11.102-3.134Z'/%3E%3C/svg%3E");
}
.nav-item:nth-of-type(1) a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='4' width='100' height='100'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-miterlimit='10' d='m79.343 30.12-.038-.672-.577-.347c-.297-.178-7.19-4.276-15.412-5.176-1.32-2.25-6.316-9.742-14.315-9.742s-12.995 7.491-14.315 9.742c-8.223.9-15.115 4.998-15.412 5.176l-.577.347-.038.671c-.037.663-.848 16.376 4.974 29.708 9.82 22.487 24.299 28.303 24.91 28.539l.459.178.459-.178c.611-.236 15.09-6.052 24.91-28.539 5.821-13.332 5.011-29.045 4.974-29.708Z'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-miterlimit='10' d='m62.185 29.225-2.252-.217-1.053-1.986c-.039-.075-4.036-7.454-9.881-7.454-5.585 0-9.435 6.65-9.874 7.443l-1.039 2.016-2.259.197c-4.358.379-8.448 1.913-11.112 3.133l-.729.333.011.801c.069 5.283.754 15.45 4.567 24.182 6.863 15.718 16.142 22.43 19.812 24.585l.623.366.623-.365c3.67-2.155 12.948-8.865 19.813-24.586 3.811-8.728 4.497-18.896 4.567-24.18l.011-.8-.728-.334c-2.659-1.221-6.746-2.755-11.102-3.134Z'/%3E%3C/svg%3E");
}

.nav-item:nth-of-type(2) a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='4' width='100' height='100'%3E%3Cpath fill='none' stroke='%230A41AE' stroke-linecap='round' stroke-miterlimit='10' d='M26.874 39.423c-6.282 0-11.393-5.111-11.393-11.393s5.111-11.393 11.393-11.393 11.393 5.111 11.393 11.393-5.111 11.393-11.393 11.393ZM10.174 54.595v-4.764c0-1.913-.025-5.033 4.497-7.182 2.177-1.034 3.722-1.985 3.722-1.985M42.978 47.371c-.373-1.593-1.409-3.354-4.288-4.722-2.177-1.034-3.722-1.985-3.722-1.985M72.11 39.423c-6.282 0-11.393-5.111-11.393-11.393s5.111-11.393 11.393-11.393 11.393 5.111 11.393 11.393-5.111 11.393-11.393 11.393ZM55.638 47.295c.388-1.573 1.436-3.3 4.27-4.647 2.177-1.034 3.722-1.985 3.722-1.985M88.423 54.595v-4.764c0-1.913.025-5.033-4.497-7.182-2.177-1.034-3.722-1.985-3.722-1.985'/%3E%3Cpath fill='none' stroke='%230A41AE' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M49.365 68.191c-6.282 0-11.393-5.111-11.393-11.393s5.111-11.393 11.393-11.393 11.393 5.111 11.393 11.393-5.111 11.393-11.393 11.393ZM32.664 83.363v-4.764c0-1.913-.025-5.033 4.497-7.182 2.177-1.034 3.722-1.985 3.722-1.985M65.678 83.363v-4.764c0-1.913.025-5.033-4.497-7.182-2.177-1.034-3.722-1.985-3.722-1.985'/%3E%3C/svg%3E");
}
.nav-item:nth-of-type(2) a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='4' width='100' height='100'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' d='M26.874 39.423c-6.282 0-11.393-5.111-11.393-11.393s5.111-11.393 11.393-11.393 11.393 5.111 11.393 11.393-5.111 11.393-11.393 11.393ZM10.174 54.595v-4.764c0-1.913-.025-5.033 4.497-7.182 2.177-1.034 3.722-1.985 3.722-1.985M42.978 47.371c-.373-1.593-1.409-3.354-4.288-4.722-2.177-1.034-3.722-1.985-3.722-1.985M72.11 39.423c-6.282 0-11.393-5.111-11.393-11.393s5.111-11.393 11.393-11.393 11.393 5.111 11.393 11.393-5.111 11.393-11.393 11.393ZM55.638 47.295c.388-1.573 1.436-3.3 4.27-4.647 2.177-1.034 3.722-1.985 3.722-1.985M88.423 54.595v-4.764c0-1.913.025-5.033-4.497-7.182-2.177-1.034-3.722-1.985-3.722-1.985'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M49.365 68.191c-6.282 0-11.393-5.111-11.393-11.393s5.111-11.393 11.393-11.393 11.393 5.111 11.393 11.393-5.111 11.393-11.393 11.393ZM32.664 83.363v-4.764c0-1.913-.025-5.033 4.497-7.182 2.177-1.034 3.722-1.985 3.722-1.985M65.678 83.363v-4.764c0-1.913.025-5.033-4.497-7.182-2.177-1.034-3.722-1.985-3.722-1.985'/%3E%3C/svg%3E");
}

.nav-item:nth-of-type(3) a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='4' width='100' height='100'%3E%3Cpath fill='none' stroke='%230A41AE' stroke-miterlimit='10' d='m39.005 19.677 9.948 4.722L35.87 36.255'/%3E%3Cpath fill='none' stroke='%230A41AE' stroke-miterlimit='10' d='M48.954 79.713H11.778S7.952 51.279 7.863 41.046c-.091-10.5 9.241-13.277 9.241-13.277l21.9-8.092M42.846 29.933l3.51 6.755h2.597M46.356 36.688l-3.51 18.983M58.9 19.677l-9.947 4.722 13.082 11.856'/%3E%3Cpath fill='none' stroke='%230A41AE' stroke-miterlimit='10' d='M48.952 79.713h37.175s3.826-28.434 3.915-38.667c.091-10.5-9.241-13.277-9.241-13.277l-21.9-8.092M55.06 29.933l-3.511 6.755h-2.597M51.549 36.688l3.511 18.983'/%3E%3Cpath fill='none' stroke='%230A41AE' stroke-miterlimit='10' d='M67.844 22.983 48.952 70.876 30.059 22.983'/%3E%3C/svg%3E");
}
.nav-item:nth-of-type(3) a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='4' width='100' height='100'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-miterlimit='10' d='m39.005 19.677 9.948 4.722L35.87 36.255'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-miterlimit='10' d='M48.954 79.713H11.778S7.952 51.279 7.863 41.046c-.091-10.5 9.241-13.277 9.241-13.277l21.9-8.092M42.846 29.933l3.51 6.755h2.597M46.356 36.688l-3.51 18.983M58.9 19.677l-9.947 4.722 13.082 11.856'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-miterlimit='10' d='M48.952 79.713h37.175s3.826-28.434 3.915-38.667c.091-10.5-9.241-13.277-9.241-13.277l-21.9-8.092M55.06 29.933l-3.511 6.755h-2.597M51.549 36.688l3.511 18.983'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-miterlimit='10' d='M67.844 22.983 48.952 70.876 30.059 22.983'/%3E%3C/svg%3E");
}

.nav-item:nth-of-type(4) a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='4' width='100' height='100'%3E%3Cpath fill='none' stroke='%230A41AE' stroke-linecap='round' stroke-linejoin='round' d='m81.941 59.052-4.765 1.277-6.339-23.659 4.765-1.276'/%3E%3Cpath fill='none' stroke='%230A41AE' stroke-linecap='round' stroke-linejoin='round' d='m95.596 56.762-13.313 3.567-7.06-26.35 13.312-3.567M18.77 59.052l4.765 1.277 6.34-23.659-4.765-1.276'/%3E%3Cpath fill='none' stroke='%230A41AE' stroke-linecap='round' stroke-linejoin='round' d='m5.116 56.762 13.312 3.567 7.061-26.35-13.313-3.567M29.257 38.976l9.041 2.324a6.932 6.932 0 0 0 2.409.184l5.344-.53M23.885 59.023l4.215 5.494'/%3E%3Cg fill='none' stroke='%230A41AE' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m71.675 64.044 1.666 1.666a3.639 3.639 0 0 1 0 5.146h-.001a3.638 3.638 0 0 1-5.146.001l-1.666-1.666'/%3E%3Cpath d='m62.151 64.814 6.043 6.043c1.421 1.421 1.128 3.885-.001 5.147s-3.725 1.421-5.146 0l-1.666-1.666'/%3E%3Cpath d='m57.1 70.057 5.014 5.014a3.639 3.639 0 0 1 0 5.146h-.001a3.638 3.638 0 0 1-5.146.001l-1.666-1.666'/%3E%3Cpath d='m51.641 74.892 4.393 4.393a3.639 3.639 0 0 1 0 5.146h-.001a3.638 3.638 0 0 1-5.146.001l-1.666-1.666M76.799 58.923l-5.125 5.121-14.022-14.022s-4.344.923-7.969-2.701l-5.25 5.061a3.508 3.508 0 0 1-4.842.027h-.001a3.51 3.51 0 0 1-.055-5.055l6.703-6.599a6.931 6.931 0 0 1 6.935-1.674l6.168 1.933a6.936 6.936 0 0 0 3.798.099l8.316-2.137'/%3E%3C/g%3E%3Cg fill='none' stroke='%230A41AE' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M33.761 64.762h-.001a3.342 3.342 0 0 0-4.728-.001l-1.531 1.531-1.531 1.531a3.344 3.344 0 0 0 0 4.728h.001a3.342 3.342 0 0 0 4.728.001l1.531-1.531 1.531-1.531a3.342 3.342 0 0 0 0-4.728Z'/%3E%3Cpath d='M38.49 69.49h-.001a3.342 3.342 0 0 0-4.728-.001L32.23 71.02l-1.531 1.531a3.344 3.344 0 0 0 0 4.728h.001a3.342 3.342 0 0 0 4.728.001l3.062-3.062a3.344 3.344 0 0 0 0-4.728Z'/%3E%3Cpath d='M43.402 74.036h-.001a3.342 3.342 0 0 0-4.728-.001l-1.531 1.531h0l-.857.857a3.344 3.344 0 0 0 0 4.728h.001a3.342 3.342 0 0 0 4.728.001l2.388-2.388a3.344 3.344 0 0 0 0-4.728Z'/%3E%3Crect width='8.851' height='6.688' x='40.575' y='78.55' rx='3.343' ry='3.343' transform='rotate(-45 45 81.893)'/%3E%3C/g%3E%3C/svg%3E");
}
.nav-item:nth-of-type(4) a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='4' width='100' height='100'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' d='m81.941 59.052-4.765 1.277-6.339-23.659 4.765-1.276'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' d='m95.596 56.762-13.313 3.567-7.06-26.35 13.312-3.567M18.77 59.052l4.765 1.277 6.34-23.659-4.765-1.276'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' d='m5.116 56.762 13.312 3.567 7.061-26.35-13.313-3.567M29.257 38.976l9.041 2.324a6.932 6.932 0 0 0 2.409.184l5.344-.53M23.885 59.023l4.215 5.494'/%3E%3Cg fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m71.675 64.044 1.666 1.666a3.639 3.639 0 0 1 0 5.146h-.001a3.638 3.638 0 0 1-5.146.001l-1.666-1.666'/%3E%3Cpath d='m62.151 64.814 6.043 6.043c1.421 1.421 1.128 3.885-.001 5.147s-3.725 1.421-5.146 0l-1.666-1.666'/%3E%3Cpath d='m57.1 70.057 5.014 5.014a3.639 3.639 0 0 1 0 5.146h-.001a3.638 3.638 0 0 1-5.146.001l-1.666-1.666'/%3E%3Cpath d='m51.641 74.892 4.393 4.393a3.639 3.639 0 0 1 0 5.146h-.001a3.638 3.638 0 0 1-5.146.001l-1.666-1.666M76.799 58.923l-5.125 5.121-14.022-14.022s-4.344.923-7.969-2.701l-5.25 5.061a3.508 3.508 0 0 1-4.842.027h-.001a3.51 3.51 0 0 1-.055-5.055l6.703-6.599a6.931 6.931 0 0 1 6.935-1.674l6.168 1.933a6.936 6.936 0 0 0 3.798.099l8.316-2.137'/%3E%3C/g%3E%3Cg fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M33.761 64.762h-.001a3.342 3.342 0 0 0-4.728-.001l-1.531 1.531-1.531 1.531a3.344 3.344 0 0 0 0 4.728h.001a3.342 3.342 0 0 0 4.728.001l1.531-1.531 1.531-1.531a3.342 3.342 0 0 0 0-4.728Z'/%3E%3Cpath d='M38.49 69.49h-.001a3.342 3.342 0 0 0-4.728-.001L32.23 71.02l-1.531 1.531a3.344 3.344 0 0 0 0 4.728h.001a3.342 3.342 0 0 0 4.728.001l3.062-3.062a3.344 3.344 0 0 0 0-4.728Z'/%3E%3Cpath d='M43.402 74.036h-.001a3.342 3.342 0 0 0-4.728-.001l-1.531 1.531h0l-.857.857a3.344 3.344 0 0 0 0 4.728h.001a3.342 3.342 0 0 0 4.728.001l2.388-2.388a3.344 3.344 0 0 0 0-4.728Z'/%3E%3Crect width='8.851' height='6.688' x='40.575' y='78.55' rx='3.343' ry='3.343' transform='rotate(-45 45 81.893)'/%3E%3C/g%3E%3C/svg%3E");
}

.nav-item:nth-of-type(5) a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='4' width='100' height='100'%3E%3Cpath fill='none' stroke='%230A41AE' stroke-linecap='round' stroke-linejoin='round' d='M38.635 83.448H18.886a1.511 1.511 0 0 1-1.507-1.507l.072-63.962 2.341-7.264c.254-.789 1.14-1.434 1.969-1.434h38.867c.829 0 1.714.645 1.969 1.434l2.583 8.195v9.944'/%3E%3Crect width='43.985' height='61.865' x='38.635' y='28.854' fill='none' stroke='%230A41AE' stroke-miterlimit='10' rx='1.507' ry='1.507'/%3E%3Cpath fill='none' stroke='%230A41AE' stroke-linecap='round' stroke-linejoin='round' d='M47.933 44.827h8.225v11.92h-8.225zM62.237 47.807h11.92M62.237 54.482h11.92M46.502 65.925h27.655M46.502 72.243h27.655M46.502 79.157h27.655M19.785 18.567h42.452'/%3E%3C/svg%3E");
}
.nav-item:nth-of-type(5) a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='4' width='100' height='100'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' d='M38.635 83.448H18.886a1.511 1.511 0 0 1-1.507-1.507l.072-63.962 2.341-7.264c.254-.789 1.14-1.434 1.969-1.434h38.867c.829 0 1.714.645 1.969 1.434l2.583 8.195v9.944'/%3E%3Crect width='43.985' height='61.865' x='38.635' y='28.854' fill='none' stroke='%23ffffff' stroke-miterlimit='10' rx='1.507' ry='1.507'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' d='M47.933 44.827h8.225v11.92h-8.225zM62.237 47.807h11.92M62.237 54.482h11.92M46.502 65.925h27.655M46.502 72.243h27.655M46.502 79.157h27.655M19.785 18.567h42.452'/%3E%3C/svg%3E");
}

.nav-item:nth-of-type(6) a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='4' width='100' height='100'%3E%3Cpath fill='none' stroke='%230A41AE' stroke-miterlimit='10' d='M23.137 42.642c0-16.117 13.912-25.013 26.863-25.013s26.863 8.896 26.863 25.013-23.367 44.706-23.367 44.706c-1.923 2.352-5.069 2.352-6.991 0 0 0-23.367-28.59-23.367-44.706Z'/%3E%3Ccircle cx='50' cy='42.928' r='11.019' fill='none' stroke='%230A41AE' stroke-linecap='round' stroke-miterlimit='10'/%3E%3C/svg%3E");
}
.nav-item:nth-of-type(6) a:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='4' width='100' height='100'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-miterlimit='10' d='M23.137 42.642c0-16.117 13.912-25.013 26.863-25.013s26.863 8.896 26.863 25.013-23.367 44.706-23.367 44.706c-1.923 2.352-5.069 2.352-6.991 0 0 0-23.367-28.59-23.367-44.706Z'/%3E%3Ccircle cx='50' cy='42.928' r='11.019' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

/*-- navフォルダの中の_index.scss --*/ /*-- objectフォルダの中の_index.scss --*/
.pankuzu {
  margin-top: clamp(60px + 1rem, 8vw, 80px + 1rem);
  margin-left: 1rem;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .pankuzu {
    margin-left: 2rem;
  }
}

.pankuzu li:not(:last-of-type)::after {
  content: "›";
  margin: 0 0.6rem; /* 記号の左右の余白 */
  color: #777; /* 記号の色 */
}

div.title__wrap {
  position: relative;
  display: inline-block;
}
div.title__wrap::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 1px solid rgb(255, 255, 255);
  pointer-events: none; /* 画像クリックの邪魔をしない */
  z-index: 2;
}
div.title__wrap > div {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 16px;
  background: #0A41AE;
  z-index: 1;
  pointer-events: none; /* タイトルがクリックイベントを妨げないようにする */
}
div.title__wrap h1 {
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 500;
  color: white;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  z-index: 1;
  padding: 0 2rem;
  line-height: 1;
}
div.title__wrap h1 span {
  font-size: clamp(0.812rem, 2vw, 1rem);
  font-weight: 400;
}

h2 {
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  font-weight: 500;
  position: relative;
  display: block;
  border-bottom: solid 5px #b3dd62;
  padding: 5px 0 5px 0;
  margin-top: 1em;
  text-align: left;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  h2 {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  h2 {
    margin-bottom: 2rem;
  }
}

h2::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #216ec0;
  bottom: -5px;
  width: 10%;
}

div.subtitle__wrap {
  position: relative;
  padding: 1rem;
  background-image: url("../img/common/pattan_1.png"), url("../img/common/pattan_1.png");
  background-repeat: no-repeat;
  background-size: 6%;
  background-position: left 0.3rem top 0.3rem, right 0.3rem top 0.3rem;
  background-color: #0A41AE;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div.subtitle__wrap {
    padding: 1rem;
  }
}
div.subtitle__wrap h1 {
  font-size: clamp(1.125rem, 3vw, 2rem);
  font-weight: 500;
  color: white;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  z-index: 1;
  padding: 0 2rem;
  line-height: 1;
}
div.subtitle__wrap h1 span {
  font-size: clamp(0.812rem, 2vw, 1rem);
  font-weight: 400;
  color: #b3dd62;
}
div.subtitle__wrap p {
  font-size: clamp(0.875rem, 2vw, 1.25rem);
  color: white;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0.5rem;
  font-weight: 400;
  margin-top: -0.5rem;
}

div.entrance__wrap {
  position: relative;
  width: 100vw;
  height: 100svh;
  background: url("../img/entrance/main.jpg") center/cover no-repeat; /* 背景画像を1枚設定 */
  /* 左側（青） */
  /* 右側（緑） */
}
div.entrance__wrap h1 {
  position: absolute;
  padding: 0.2rem 2rem;
  background-color: rgba(0, 0, 0, 0.4784313725);
  width: 100%;
  font-size: clamp(1rem, 3vw, 1.5rem);
  color: white;
}
div.entrance__wrap .left,
div.entrance__wrap .right {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
}
div.entrance__wrap .left {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 45%, 0 50%);
          clip-path: polygon(0 0, 100% 0%, 100% 45%, 0 50%);
  background-color: rgba(9, 41, 89, 0.37);
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div.entrance__wrap .left {
    -webkit-clip-path: polygon(0 0, 55% 0, 45% 100%, 0 100%);
            clip-path: polygon(0 0, 55% 0, 45% 100%, 0 100%);
  }
}
div.entrance__wrap .right {
  -webkit-clip-path: polygon(0% 50%, 100% 45%, 100% 100%, 0 100%);
          clip-path: polygon(0% 50%, 100% 45%, 100% 100%, 0 100%);
  background-color: rgba(3, 113, 115, 0.38);
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div.entrance__wrap .right {
    -webkit-clip-path: polygon(55% 0, 100% 0, 100% 100%, 45% 100%);
            clip-path: polygon(55% 0, 100% 0, 100% 100%, 45% 100%);
  }
}
div.entrance__wrap .left:hover,
div.entrance__wrap .right:hover {
  background-color: rgba(255, 255, 255, 0.0235294118);
}

div#cyugoku img,
div#shikoku img {
  max-width: 70vw;
  position: absolute;
  left: 50%; /* 画面の左から4分の1（25%）の位置に固定 */
  transform: translateX(-50%); /* 要素の幅を考慮して中央寄せ */
  top: 25%;
  transform: translate(-50%, -50%); /* 完全に中央にする */
  width: auto; /* 可変サイズ */
  text-align: center;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  white-space: nowrap;
  box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.5607843137);
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div#cyugoku img,
div#shikoku img {
    left: 25%; /* 画面の左から4分の1（25%）の位置に固定 */
    top: 50%;
    max-width: 25vw;
  }
}

@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div#cyugoku img {
    left: 25%;
  }
}

div#shikoku img {
  top: 75%;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div#shikoku img {
    top: 50%;
    left: 75%;
  }
}

.mainphoto__wrap {
  position: relative;
}

.mainphoto__copy p {
  position: absolute;
  bottom: 40%;
  right: 0;
  display: block;
  z-index: 2;
  /* 青いバー*/
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .mainphoto__copy p {
    bottom: 15%;
    right: 2rem;
  }
}
.mainphoto__copy p::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #0A41AE;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation-name: SCREEN;
          animation-name: SCREEN;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  z-index: 1;
}
.mainphoto__copy p span {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 5vw;
  text-shadow: 0 0 8px #000;
  color: #ffffff;
  padding: 0.1em 0.6em;
  position: relative;
  z-index: 2; /* 文字がバーの上に来るように */
  -webkit-animation-name: TEXT;
          animation-name: TEXT;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .mainphoto__copy p span {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 1025px) {
  .mainphoto__copy p span {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1280px) {
  .mainphoto__copy p span {
    font-size: 3rem;
  }
}

/* アニメーション */
@-webkit-keyframes TEXTR {
  0% {
    color: transparent; /* 最初は透明 */
  }
  40% {
    color: transparent; /* 透明のまま */
  }
  60% {
    color: #ffffff; /* 文字が表示される */
  }
  100% {
    color: #ffffff;
  }
}
@keyframes TEXTR {
  0% {
    color: transparent; /* 最初は透明 */
  }
  40% {
    color: transparent; /* 透明のまま */
  }
  60% {
    color: #ffffff; /* 文字が表示される */
  }
  100% {
    color: #ffffff;
  }
}
/* アニメーション */
@-webkit-keyframes TEXT {
  0% {
    color: transparent; /* 最初は透明 */
  }
  40% {
    color: transparent; /* 透明のまま */
  }
  60% {
    color: #ffffff; /* 文字が表示される */
  }
  100% {
    color: #ffffff;
  }
}
@keyframes TEXT {
  0% {
    color: transparent; /* 最初は透明 */
  }
  40% {
    color: transparent; /* 透明のまま */
  }
  60% {
    color: #ffffff; /* 文字が表示される */
  }
  100% {
    color: #ffffff;
  }
}
@-webkit-keyframes SCREEN {
  0% {
    width: 0;
  }
  40% {
    width: 100%;
  }
  60% {
    width: 100%;
  }
  100% {
    width: 100%;
  }
}
@keyframes SCREEN {
  0% {
    width: 0;
  }
  40% {
    width: 100%;
  }
  60% {
    width: 100%;
  }
  100% {
    width: 100%;
  }
}
.top__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .top__wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 3rem;
    flex-wrap: nowrap;
  }
}
.top__news {
  width: 100%;
}
.top__news h3 {
  margin-top: 1em;
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .top__news h3 {
    margin-top: 40px;
  }
}
.top__news h3 span {
  display: block;
  font-size: clamp(0.812rem, 2vw, 0.875rem);
  color: #0A41AE;
  font-weight: 400;
}
.top__info {
  flex-basis: 40%;
}
.top__info > div {
  margin-top: 1em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .top__info > div {
    margin-top: 40px;
  }
}

div.srcollbar_area {
  margin-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  height: 12rem;
  padding: 0.5rem 1rem;
  border: 1px solid #0072bc;
  background-color: #f9f9f9;
}

dl.news__list,
dl.nyusatu__list,
dl.saiyou__list {
  margin-top: 0.5em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  dl.news__list,
dl.nyusatu__list,
dl.saiyou__list {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1149px) {
  dl.news__list,
dl.nyusatu__list,
dl.saiyou__list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
dl.news__list dt,
dl.nyusatu__list dt,
dl.saiyou__list dt {
  flex-basis: 19%;
  align-self: stretch;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  dl.news__list dt,
dl.nyusatu__list dt,
dl.saiyou__list dt {
    margin-bottom: 0.5rem;
  }
}
dl.news__list dd,
dl.nyusatu__list dd,
dl.saiyou__list dd {
  flex-basis: 80%;
  margin-bottom: 0.5rem;
  align-self: stretch;
}

.news__list .new-label,
.nyusatu__list .new-label,
.saiyou__list .new-label {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0 0.3rem;
  font-size: clamp(0.625rem, 1.8vw, 0.812rem);
  font-weight: bold;
  color: #fff;
  background-color: #b9001c;
  border-radius: 3px;
}

.about__yakuwari {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__yakuwari {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
.about__yakuwari dt {
  flex-basis: 39%;
}
.about__yakuwari dd {
  flex-basis: 59%;
}
.about__message {
  margin: 0 calc(50% - 50vw);
  background: url("../img/about/back.jpg") center top/cover no-repeat;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .about__message {
    margin: 0 -20px;
  }
}
.about__message > div {
  max-width: 700px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.about__message h3 {
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
  margin-top: 1em;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__message h3 {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__message h3 {
    margin-bottom: 2rem;
  }
}
.about__message p {
  text-align: left;
  line-height: 2;
  margin: 3rem auto;
}
.about__message dl dt {
  text-align: right;
}
.about__message dl dd {
  text-align: right;
}
.about__message dl dd span {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(1rem, 1.8vw, 1.125rem);
}
.about__soshikizu {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.about__busyo dl {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__busyo dl {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: normal;
    flex-wrap: wrap;
  }
}
.about__busyo dl dt {
  position: relative;
  background: url("../img/about/kouiki1_photo2.jpg") center bottom/cover no-repeat;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__busyo dl dt {
    flex-basis: 60%;
  }
}
.about__busyo dl dt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.about__busyo dl dt a {
  position: relative;
  display: block;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
  text-decoration: none;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__busyo dl dt a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: normal;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__busyo dl dt a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__busyo dl dd {
    flex-basis: 40%;
  }
}
.about__busyo dl dd ul {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
}
.about__busyo dl dd ul li {
  margin-bottom: 0.5rem;
}
.about__busyo dl dd ul li a {
  background: url("../img/common/pattan_1.png") left 0.3rem top 0.3rem/8% no-repeat;
  font-size: clamp(1rem, 3vw, 1.25rem);
  width: 100%;
  text-decoration: none;
  color: white;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: #0A41AE;
  overflow: hidden;
  position: relative;
  display: block;
  text-align: left;
  padding: 0.5em 3em 0.5em 3em;
}
.about__busyo dl dd ul li a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
.about__busyo dl dd ul li a:hover {
  color: #0A41AE;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: white;
  overflow: hidden;
}
.about__busyo dl dd ul li a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.about__busyo dl dd ul li a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%230A41AE"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.about__busyo dl:nth-of-type(2) {
  margin-top: 1em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__busyo dl:nth-of-type(2) {
    margin-top: 40px;
  }
}
.about__busyo dl:nth-of-type(2) dt {
  background: url("../img/about/sisetu_photo2.jpg") center center/cover no-repeat;
  margin-bottom: 0.5rem;
}
.about__kikan {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__kikan {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: normal;
    flex-wrap: wrap;
  }
}
.about__kikan > div {
  position: relative;
  flex-basis: 45%;
  background: url("../img/about/school_photo1.jpg") center top/cover no-repeat;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.about__kikan > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 0;
}
.about__kikan > div:nth-of-type(2) {
  background: url("../img/about/shikoku_photo.jpg") center top/cover no-repeat;
}
.about__busyo a, .about__kikan a {
  position: relative;
  z-index: 1;
  text-decoration: none;
}
.about__busyo h3, .about__kikan h3 {
  color: white;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  z-index: 2;
  font-size: clamp(1.25rem, 1.8vw, 2.25rem);
  font-weight: 500;
  line-height: 1;
  padding: 3rem 0;
  flex-basis: 100%;
}
.about__busyo h3 span.entitle, .about__kikan h3 span.entitle {
  color: #b3dd62;
  font-size: clamp(0.812rem, 1.8vw, 0.875rem);
}
.about__busyo h3 span.kuwashiku, .about__kikan h3 span.kuwashiku {
  margin-top: 2rem;
  color: white;
  font-size: clamp(0.875rem, 1.8vw, 1.125rem);
  border-width: 1px;
  border-style: solid;
  border-color: white;
  border-radius: 0;
  background-color: transparent;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 0.5em 3em 0.5em 1em;
}
.about__busyo h3 span.kuwashiku::after, .about__kikan h3 span.kuwashiku::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 20px;
  height: 20px;
}
.about__busyo h3 span.kuwashiku::after, .about__kikan h3 span.kuwashiku::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.about__shikoku {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__shikoku {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
.about__shikoku dt {
  flex-basis: 59%;
  margin-top: 1em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__shikoku dt {
    margin-top: 40px;
  }
}
.about__shikoku dd {
  flex-basis: 39%;
  margin-top: 1em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__shikoku dd {
    margin-top: 40px;
  }
}
.about__button {
  margin-top: 2em;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(1.125rem, 3vw, 1.25rem);
  max-width: 600px;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__button {
    margin-top: 100px;
  }
}
.about__button a {
  text-decoration: none;
  color: #0A41AE;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 5px;
  background-color: white;
  overflow: hidden;
  position: relative;
  display: block;
  text-align: center;
  padding: 0.5em 3em 0.5em 1em;
  width: 100%;
}
.about__button a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
.about__button a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23216ec0"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.about__button :hover {
  color: white;
  background-color: #0A41AE;
}
.about__button a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.about__keninfo {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__keninfo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2%;
    flex-wrap: wrap;
  }
}
.about__keninfo dl {
  flex-basis: 32%;
  margin-top: 1em;
  position: relative;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__keninfo dl {
    margin-top: 40px;
  }
}
.about__keninfo dt img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 280px;
}
.about__keninfo dt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 150px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 0;
  transform: translateY(-50%);
}
.about__keninfo dd {
  position: absolute;
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  margin: auto;
  white-space: nowrap;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.about__keninfo span.kuwashiku {
  margin-top: 1rem;
  color: white;
  font-size: clamp(0.812rem, 1.8vw, 0.875rem);
  border-width: 1px;
  border-style: solid;
  border-color: white;
  border-radius: 0;
  background-color: transparent;
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 0.4em 3em 0.4em 1em;
}
.about__keninfo span.kuwashiku::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 20px;
  height: 20px;
}
.about__keninfo span.kuwashiku::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.about__info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
  margin-top: 1em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2%;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__info {
    margin-top: 40px;
  }
}
.about__info > div {
  flex-basis: 48%;
}
.about__info dl {
  flex-basis: 48%;
  margin-top: 0.5em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__info dl {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .about__info dl {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
.about__info dl dt {
  flex-basis: 30%;
  padding: 10px;
  align-self: stretch;
  background-color: #e9f5ff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0A41AE;
}
.about__info dl dd {
  flex-basis: 70%;
  padding: 10px;
  background-color: #fff;
  align-self: stretch;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0A41AE;
}

hr {
  margin: 2rem 0;
}

div.about__busyo dt:hover::before,
div.about__kikan div:hover::before,
div.about__keninfo dt:hover::before {
  background: rgba(0, 0, 0, 0.1);
}

#keimu,
#kansatu,
#kaikei,
#kou1,
#kou2,
#kousoku,
#syomu,
#kidou,
#sisetu,
#kaiseki,
#school,
#takamatsu {
  scroll-margin-top: 100px;
}

div.about__soukan > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div.about__soukan > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
div.about__soukan > div ul {
  flex-basis: 49%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
div.about__soukan > div ul li {
  margin-bottom: 2%;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div.about__soukan > div ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
div.about__soukan > div ul li:first-child {
  flex-basis: 100%;
}
div.about__soukan > div ul li:nth-of-type(n + 2) {
  flex-basis: 49%;
}
div.about__soukan > div p {
  flex-basis: 49%;
}
div.about__soukan dl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div.about__soukan dl {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
div.about__soukan dl dt {
  flex-basis: 40%;
  padding: 10px;
  align-self: stretch;
  font-weight: 500;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #b3dd62;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div.about__soukan dl dt {
    flex-basis: 20%;
  }
}
div.about__soukan dl dd {
  flex-basis: 60%;
  padding: 10px;
  background-color: #fff;
  align-self: stretch;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #b3dd62;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div.about__soukan dl dd {
    flex-basis: 80%;
  }
}

.school__about {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .school__about {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
.school__about dt {
  flex-basis: 49%;
  margin-top: 1em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .school__about dt {
    margin-top: 40px;
  }
}
.school__about dd {
  flex-basis: 49%;
  margin-top: 1em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .school__about dd {
    margin-top: 40px;
  }
}
.school__sisetu {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1%;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .school__sisetu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2%;
    flex-wrap: wrap;
  }
}
.school__sisetu li {
  flex-basis: 48%;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .school__sisetu li {
    flex-basis: 32%;
  }
}
.school__sisetu li img {
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 1rem;
  height: 190px;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .school__sisetu li img {
    height: 400px;
  }
}
.school__jyugyou {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1%;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .school__jyugyou {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2%;
    flex-wrap: wrap;
  }
}
.school__jyugyou li {
  margin-bottom: 2%;
  flex-basis: 48%;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .school__jyugyou li {
    flex-basis: 32%;
  }
}
.school__katei {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  border-collapse: collapse;
  border-color: #000000;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .school__katei {
    width: 70%;
  }
}
.school__katei th,
.school__katei td {
  border: solid 1px;
  padding: 0.8rem;
  vertical-align: middle;
}
.school__katei th {
  background-color: #F0F0F0;
  text-align: center;
}
.school__katei td {
  background-color: #ffffff;
  text-align: left;
}
.school__song {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.school__song > p {
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  text-align: left;
  display: inline-block;
}
@media screen and (min-width: 568px) {
  .school__song > p {
    writing-mode: vertical-rl;
    line-height: 1.7;
    height: auto;
  }
}
.school__song > p span {
  font-size: 1rem;
  display: block;
  text-align: right;
}
.school__song audio {
  margin-top: 2rem;
  width: 60%;
}
.school__map {
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .school__map {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 2%;
    flex-wrap: wrap;
  }
}
.school__map dt {
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  flex-basis: 29%;
}
.school__map dd {
  flex-basis: 69%;
}

.privacy__wrap {
  margin-top: 2em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .privacy__wrap {
    margin-top: 100px;
  }
}
.privacy__wrap dt {
  font-size: clamp(1rem, 1.8vw, 1.125rem);
  font-weight: 500;
  margin: 2rem 0 1rem 0;
  color: #0A41AE;
}
.privacy__wrap dd {
  margin: 0 0 1rem 1rem;
}

.kiyaku__wrap ul {
  list-style-type: katakana;
}
.kiyaku__wrap dt {
  font-size: clamp(1rem, 1.8vw, 1.125rem);
  font-weight: 500;
  margin: 2rem 0 1rem 0;
  color: #0A41AE;
}
.kiyaku__wrap dd {
  margin: 0 0 1rem 1rem;
}
.kiyaku__wrap li {
  margin: 1rem 0 0 1rem;
}

.link__police {
  margin-top: 1em;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(1rem, 3vw, 1.25rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .link__police {
    margin-top: 40px;
  }
}
@media screen and (min-width: 391px) {
  .link__police {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4%;
    flex-wrap: wrap;
  }
}
.link__police li {
  margin-top: 1em;
  flex-basis: 48%;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 5px;
  background-color: white;
  overflow: hidden;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .link__police li {
    margin-top: 20px;
  }
}
.link__police a {
  text-decoration: none;
  color: #0A41AE;
  position: relative;
  display: block;
  text-align: center;
  padding: 0.5em 3em 0.5em 1em;
  width: 100%;
  height: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
.link__police a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 391px) {
  .link__police a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
.link__police a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%230A41AE"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.link__police :hover {
  color: white;
  background-color: #0A41AE;
}
.link__police a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.link__maps {
  position: relative;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  max-width: 660px;
  height: auto;
}
@media screen and (min-width: 660px) {
  .link__maps {
    border-width: 6px;
    border-style: double;
    border-color: #0A41AE;
    border-radius: 50px;
    background-color: transparent;
    overflow: hidden;
  }
}
.link__illust li {
  display: none;
}
@media screen and (min-width: 321px) {
  .link__illust li {
    display: block;
    position: absolute;
  }
  .link__illust li img {
    transform: scale(0.6);
    transform-origin: center center;
  }
}
@media screen and (min-width: 321px) and (min-width: 660px) {
  .link__illust li img {
    max-width: 100%;
    transform: scale(1);
  }
}
@media screen and (min-width: 321px) {
  .link__illust li:nth-of-type(1) {
    top: 0%;
    left: 65%;
  }
}
@media screen and (min-width: 321px) and (min-width: 660px) {
  .link__illust li:nth-of-type(1) {
    top: 2%;
    left: 50%;
  }
}
@media screen and (min-width: 321px) {
  .link__illust li:nth-of-type(2) {
    top: 5%;
    left: 1%;
  }
}
@media screen and (min-width: 321px) and (min-width: 660px) {
  .link__illust li:nth-of-type(2) {
    top: 12%;
    left: 18%;
  }
}
@media screen and (min-width: 321px) {
  .link__illust li:nth-of-type(3) {
    top: 23%;
    right: 0%;
  }
}
@media screen and (min-width: 321px) and (min-width: 660px) {
  .link__illust li:nth-of-type(3) {
    top: 25%;
    right: 13%;
  }
}
@media screen and (min-width: 321px) {
  .link__illust li:nth-of-type(4) {
    top: 40%;
    left: 28%;
  }
}
@media screen and (min-width: 321px) and (min-width: 660px) {
  .link__illust li:nth-of-type(4) {
    top: 46%;
    left: 45%;
  }
}
@media screen and (min-width: 321px) {
  .link__illust li:nth-of-type(5) {
    top: 55%;
    left: 0%;
  }
}
@media screen and (min-width: 321px) and (min-width: 660px) {
  .link__illust li:nth-of-type(5) {
    left: 15%;
  }
}
@media screen and (min-width: 321px) {
  .link__illust li:nth-of-type(6) {
    bottom: 10%;
    right: 0%;
  }
}
@media screen and (min-width: 321px) and (min-width: 660px) {
  .link__illust li:nth-of-type(6) {
    right: 8%;
  }
}
@media screen and (min-width: 321px) {
  .link__illust li:nth-of-type(7) {
    top: 44%;
    right: 0%;
  }
}
@media screen and (min-width: 321px) and (min-width: 660px) {
  .link__illust li:nth-of-type(7) {
    right: 10%;
  }
}
@media screen and (min-width: 321px) {
  .link__illust li:nth-of-type(8) {
    bottom: -5%;
    left: 0%;
  }
}
@media screen and (min-width: 321px) and (min-width: 660px) {
  .link__illust li:nth-of-type(8) {
    bottom: 5%;
    left: 10%;
  }
}
@media screen and (min-width: 321px) {
  .link__illust li:nth-of-type(9) {
    bottom: -8%;
    right: 5%;
  }
}
@media screen and (min-width: 321px) and (min-width: 660px) {
  .link__illust li:nth-of-type(9) {
    bottom: 1%;
    right: 27%;
  }
}
.link__name li {
  position: absolute;
}
.link__name li:nth-of-type(1) {
  top: 18%;
  left: 55%;
}
.link__name li:nth-of-type(2) {
  top: 23%;
  left: 37%;
}
.link__name li:nth-of-type(3) {
  top: 30%;
  right: 35%;
}
.link__name li:nth-of-type(4) {
  top: 37%;
  left: 38%;
}
.link__name li:nth-of-type(5) {
  top: 47%;
  left: 15%;
}
.link__name li:nth-of-type(6) {
  bottom: 29%;
  right: 23%;
}
.link__name li:nth-of-type(7) {
  top: 55%;
  right: 28%;
}
@media screen and (min-width: 391px) {
  .link__name li:nth-of-type(7) {
    top: 59%;
  }
}
.link__name li:nth-of-type(8) {
  bottom: 23%;
  left: 35%;
}
@media screen and (min-width: 391px) {
  .link__name li:nth-of-type(8) {
    left: 40%;
  }
}
.link__name li:nth-of-type(9) {
  bottom: 22%;
  right: 36%;
}
.link__name li a {
  text-decoration: none;
  font-size: clamp(0.812rem, 1.8vw, 1.25rem);
  font-weight: 500;
  color: #333333;
}
.link__name_sp {
  margin-top: 1em;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  max-width: 700px;
  font-size: clamp(0.875rem, 3vw, 1rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .link__name_sp {
    margin-top: 40px;
  }
}
@media screen and (min-width: 391px) {
  .link__name_sp {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4%;
    flex-wrap: wrap;
  }
}
.link__name_sp ul {
  margin-top: 1em;
  flex-basis: 48%;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .link__name_sp ul {
    margin-top: 20px;
  }
}
.link__name_sp li {
  margin-top: 1em;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 5px;
  background-color: white;
  overflow: hidden;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .link__name_sp li {
    margin-top: 20px;
  }
}
.link__name_sp li a {
  text-decoration: none;
  color: #0A41AE;
  position: relative;
  display: block;
  text-align: center;
  padding: 0.5em 3em 0.5em 1em;
  width: 100%;
  height: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
.link__name_sp li a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 391px) {
  .link__name_sp li a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
.link__name_sp li a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%230A41AE"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.link__name_sp li :hover {
  color: white;
  background-color: #0A41AE;
}
.link__name_sp li a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}

.accessibility__about dt {
  font-size: clamp(1rem, 1.8vw, 1.125rem);
  font-weight: 500;
  margin: 2rem 0 1rem 0;
  color: #0A41AE;
}
.accessibility__about dd {
  margin: 0 0 1rem 1rem;
}
.accessibility__list {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  border-collapse: collapse;
  border-color: #000000;
}
.accessibility__list th,
.accessibility__list td {
  border: solid 1px;
  padding: 0.5rem 1rem;
  vertical-align: middle;
}
.accessibility__list th {
  background-color: #F0F0F0;
  text-align: left;
}
.accessibility__list td {
  background-color: #ffffff;
  text-align: left;
}

div.sitemap__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div.sitemap__wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2%;
    flex-wrap: wrap;
  }
}
div.sitemap__wrap > div {
  flex-basis: 48%;
}
div.sitemap__wrap h3 {
  margin-top: 1em;
  font-size: clamp(0.875rem, 1.8vw, 1rem);
  font-weight: 500;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div.sitemap__wrap h3 {
    margin-top: 20px;
  }
}
div.sitemap__wrap ul {
  margin-left: 1rem;
}
div.sitemap__wrap ul li {
  font-size: clamp(0.875rem, 1.8vw, 1rem);
}

.access__about dt {
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  font-weight: 500;
  margin: 2rem 0 1rem 0;
  color: #0A41AE;
  position: relative;
  display: block;
  text-align: left;
  padding: 0.5rem 0 0.5rem 3rem;
}
.access__about dt::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: auto;
  left: 0;
  margin: auto;
  width: 38px;
  height: 38px;
}
.access__about dt:nth-of-type(1) {
  width: 100%;
}
.access__about dt:nth-of-type(1)::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%230A41AE"><path d="M21 6.021c.003-.146-.007-1.465-1.3-2.735C18.427 2.036 17.143 2 17 2H6.996c-.239 0-1.493.063-2.708 1.302C3.036 4.578 3 5.859 3 6v3H2v3h1v6c0 .734.406 1.373 1 1.721V21a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1h10v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1.277A1.99 1.99 0 0 0 21 18v-6h1V9h-1V6.021zM9 4h6v2H9V4zM6.5 18a1.5 1.5 0 1 1 .001-3.001A1.5 1.5 0 0 1 6.5 18zm4.5-5H5V8h6v5zm6.5 5a1.5 1.5 0 1 1 .001-3.001A1.5 1.5 0 0 1 17.5 18zm1.5-5h-6V8h6v5z"></path></svg>');
}
.access__about dt:nth-of-type(2) {
  width: 100%;
}
.access__about dt:nth-of-type(2)::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%230A41AE"><path d="M16.375 2H7.621c-.224 0-1.399.065-2.503 1.351C4.031 4.616 4 5.862 4 6v11a2 2 0 0 0 2 2h1l-2 3h2.353l.667-1h8l.677 1H19l-2-3h1a2 2 0 0 0 2-2V6c.001-.188-.032-1.434-1.129-2.665C17.715 2.037 16.509 2 16.375 2zM10 4h4v2h-4V4zM7.5 17a1.5 1.5 0 1 1 .001-3.001A1.5 1.5 0 0 1 7.5 17zm9 0a1.5 1.5 0 1 1 .001-3.001A1.5 1.5 0 0 1 16.5 17zm1.5-5H6V8h12v4z"></path></svg>');
}
.access__about dd {
  margin: 0 0 1rem 1rem;
}

.cyoutatsu__wrap h2 {
  text-align: left;
}
.cyoutatsu__list {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .cyoutatsu__list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2%;
    flex-wrap: wrap;
  }
}
.cyoutatsu__list li {
  flex-basis: 90%;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .cyoutatsu__list li {
    flex-basis: 32%;
  }
}
.cyoutatsu__list li a {
  background: url("../img/common/pattan_1.png") left 0.3rem top 0.3rem/8% no-repeat;
  font-size: clamp(1rem, 3vw, 1.25rem);
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: white;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: #0A41AE;
  overflow: hidden;
  position: relative;
  display: block;
  text-align: left;
  padding: 0.5em 3em 0.5em 3em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: normal;
  flex-wrap: wrap;
}
.cyoutatsu__list li a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .cyoutatsu__list li a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: normal;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .cyoutatsu__list li a {
    min-height: 6rem;
  }
}
.cyoutatsu__list li a:hover {
  color: #0A41AE;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: white;
  overflow: hidden;
}
.cyoutatsu__list li a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.cyoutatsu__list li a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%230A41AE"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.cyoutatsu__sublist {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .cyoutatsu__sublist {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2%;
    flex-wrap: wrap;
  }
}
.cyoutatsu__sublist li {
  flex-basis: 90%;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .cyoutatsu__sublist li {
    flex-basis: 32%;
  }
}
.cyoutatsu__sublist li a {
  background: url("../img/common/pattan_2.png") left 0.3rem top 0.3rem/8% no-repeat;
  font-size: clamp(1rem, 3vw, 1.25rem);
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #0A41AE;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: #e9f5ff;
  overflow: hidden;
  position: relative;
  display: block;
  text-align: left;
  padding: 0.5em 3em 0.5em 3em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: normal;
  flex-wrap: wrap;
}
.cyoutatsu__sublist li a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .cyoutatsu__sublist li a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: normal;
    flex-wrap: wrap;
  }
}
.cyoutatsu__sublist li a:hover {
  color: white;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: #0A41AE;
  overflow: hidden;
}
.cyoutatsu__sublist li a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%230A41AE"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.cyoutatsu__sublist li a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}

.cyoutatsufile__wrap h3 {
  margin-left: 1rem;
  font-weight: 500;
  margin-top: 1em;
  position: relative;
  display: block;
  text-align: left;
  padding: 0 0 0 1.3em;
  width: 100%;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .cyoutatsufile__wrap h3 {
    margin-top: 40px;
  }
}
.cyoutatsufile__wrap h3::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: auto;
  left: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.cyoutatsufile__wrap h3::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23b3dd62"><circle cx="19.003" cy="6.002" r="2.002"></circle>><path d="M20 3H4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1z"></path></svg>');
}
.cyoutatsufile__wrap p {
  margin-top: 1em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .cyoutatsufile__wrap p {
    margin-top: 20px;
  }
}
.cyoutatsufile__wrap p a {
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 5px;
  background-color: white;
  overflow: hidden;
  max-width: 500px;
  text-decoration: none;
  color: #0A41AE;
  position: relative;
  display: block;
  text-align: center;
  padding: 0.5em 3em 0.5em 1em;
  height: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
.cyoutatsufile__wrap p a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 391px) {
  .cyoutatsufile__wrap p a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
.cyoutatsufile__wrap p a[href^=http]::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%230A41AE"><path d="m13 3 3.293 3.293-7 7 1.414 1.414 7-7L21 11V3z"></path><path d="M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z"></path></svg>');
}
.cyoutatsufile__wrap p a[href^=http]:hover {
  color: white;
  background-color: #0A41AE;
}
.cyoutatsufile__wrap p a[href^=http]:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="m13 3 3.293 3.293-7 7 1.414 1.414 7-7L21 11V3z"></path><path d="M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z"></path></svg>');
}
.cyoutatsufile__wrap p a[href$=".pdf"]::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%230A41AE"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>');
}
.cyoutatsufile__wrap p a[href$=".pdf"]:hover {
  color: white;
  background-color: #0A41AE;
}
.cyoutatsufile__wrap p a[href$=".pdf"]:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>');
}
.cyoutatsufile__wrap p a[href$=".doc"]::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%230A41AE"><path d="M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z"></path><path d="M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z"></path></svg>');
}
.cyoutatsufile__wrap p a[href$=".doc"]:hover {
  color: white;
  background-color: #0A41AE;
}
.cyoutatsufile__wrap p a[href$=".doc"]:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z"></path><path d="M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z"></path></svg>');
}
.cyoutatsufile__wrap p a[href$=".xls"]::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%230A41AE"><path d="M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z"></path><path d="M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z"></path></svg>');
}
.cyoutatsufile__wrap p a[href$=".xls"]:hover {
  color: white;
  background-color: #0A41AE;
}
.cyoutatsufile__wrap p a[href$=".xls"]:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z"></path><path d="M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z"></path></svg>');
}
.cyoutatsufile__wrap p a[href$=".xlsx"]::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%230A41AE"><path d="M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z"></path><path d="M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z"></path></svg>');
}
.cyoutatsufile__wrap p a[href$=".xlsx"]:hover {
  color: white;
  background-color: #0A41AE;
}
.cyoutatsufile__wrap p a[href$=".xlsx"]:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z"></path><path d="M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z"></path></svg>');
}
.cyoutatsufile__wrap p a:not([href$=".pdf"]) a:not([href$=".doc"]) a:not([href$=".xls"]) a:not([href$=".xlsx"]):not([href^=http])::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%230A41AE"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.cyoutatsufile__wrap p a:not([href$=".pdf"]) a:not([href$=".doc"]) a:not([href$=".xls"]) a:not([href$=".xlsx"]):not([href^=http]):hover {
  color: white;
  background-color: #0A41AE;
}
.cyoutatsufile__wrap p a:not([href$=".pdf"]) a:not([href$=".doc"]) a:not([href$=".xls"]) a:not([href$=".xlsx"]):not([href^=http]):hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}

div.info__wrap h3 {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: #0A41AE;
  overflow: hidden;
  padding: 0.3rem 2rem;
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  font-weight: 500;
  margin-top: 2em;
  color: white;
  max-width: 600px;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div.info__wrap h3 {
    margin-top: 100px;
  }
}
div.info__wrap ul {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(0.875rem, 3vw, 1.125rem);
  max-width: 600px;
}
div.info__wrap ul a {
  margin-top: 1em;
  text-decoration: none;
  color: #0A41AE;
  border-width: 2px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 5px;
  background-color: white;
  overflow: hidden;
  position: relative;
  display: block;
  text-align: center;
  padding: 0.5em 3em 0.5em 1em;
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  div.info__wrap ul a {
    margin-top: 20px;
  }
}
div.info__wrap ul a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 24px;
  height: 24px;
}
div.info__wrap ul a[href$=".pdf"]::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%230A41AE"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>');
}
div.info__wrap ul a[href$=".pdf"]:hover {
  color: white;
  background-color: #0A41AE;
}
div.info__wrap ul a[href$=".pdf"]:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>');
}
div.info__wrap dl dt {
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  font-weight: 500;
}

/* 初期状態（非表示） */
.saiyou__banner {
  position: fixed;
  z-index: 5;
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.5s ease, transform 0.5s ease;
  right: 0;
  top: 100px;
  width: 120px;
}

.saiyou__banner.show {
  opacity: 1;
  transform: translateX(0);
}

.saiyou__banner img {
  width: 100%;
  height: auto;
}

.saiyou__banner_sp {
  position: fixed;
  bottom: 0;
  right: 10px;
  width: 50vw;
  z-index: 5;
}

.saiyou__banner .saiyou__banner_sp {
  display: block; /* 必要に応じて調整 */
}

.saiyou__banner_close {
  display: none;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__banner_close {
    position: absolute;
    top: -1rem;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    width: 30px;
    height: 30px;
    font-size: 24px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 6;
    display: inline-block;
    padding: 0;
  }
}

.saiyou__banner_close_sp {
  position: absolute;
  top: -1rem;
  right: -0.5rem;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  width: 30px;
  height: 30px;
  font-size: 24px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 6;
  display: inline-block;
  padding: 0;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__banner_close_sp {
    display: none;
  }
}

.saiyou__banner_close:hover,
.saiyou__banner_close_sp:hover {
  background: rgba(0, 0, 0, 0.8);
}

.saiyou {
  /* アニメーション */
}
.saiyou__slide {
  width: 100%;
  position: relative;
  margin-top: 60px;
}
@media screen and (min-width: 1149px) {
  .saiyou__slide {
    margin-top: 80px;
  }
}
.saiyou__copy p:nth-of-type(1) {
  position: absolute;
  bottom: 21%;
  right: 0;
  display: block;
  z-index: 2;
  /* 青いバー*/
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__copy p:nth-of-type(1) {
    bottom: 17%;
    right: 2rem;
  }
}
.saiyou__copy p:nth-of-type(1)::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: #0A41AE;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation-name: SCREEN;
          animation-name: SCREEN;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  z-index: 1;
}
.saiyou__copy p:nth-of-type(1) span {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 5vw;
  text-shadow: 0 0 8px #000;
  color: #ffffff;
  padding: 0.1em 0.6em;
  position: relative;
  z-index: 2; /* 文字がバーの上に来るように */
  -webkit-animation-name: TEXT;
          animation-name: TEXT;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__copy p:nth-of-type(1) span {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1025px) {
  .saiyou__copy p:nth-of-type(1) span {
    font-size: 3.4rem;
  }
}
@keyframes TEXT {
  0% {
    color: transparent; /* 最初は透明 */
  }
  40% {
    color: transparent; /* 透明のまま */
  }
  60% {
    color: #ffffff; /* 文字が表示される */
  }
  100% {
    color: #ffffff;
  }
}
@keyframes SCREEN {
  0% {
    width: 0;
  }
  40% {
    width: 100%;
  }
  60% {
    width: 100%;
  }
  100% {
    width: 100%;
  }
}

.img-cover img {
  max-width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1025px) {
  .img-cover img {
    height: 700px;
  }
}

nav.saiyou__nav ol.pankuzu {
  margin-top: 1rem;
}

.saiyou__wrap h2 {
  text-align: left;
}
.saiyou__wrap h3 {
  margin-top: 1em;
  font-size: clamp(1rem, 3vw, 1.25rem);
  color: white;
  font-weight: 500;
  display: block;
  border-bottom: solid 5px #b3dd62;
  padding: 5px 0 5px 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: #0A41AE;
  overflow: hidden;
  flex-basis: 100%;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__wrap h3 {
    margin-top: 40px;
  }
}
.saiyou__kubun {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__kubun {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2%;
    flex-wrap: wrap;
  }
}
.saiyou__kubun li {
  flex-basis: 90%;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__kubun li {
    flex-basis: 49%;
  }
}
.saiyou__kubun li a {
  background: url("../img/common/pattan_2.png") left 0.3rem top 0.3rem/8% no-repeat;
  font-size: clamp(1rem, 3vw, 1.5rem);
  font-weight: 500;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #0A41AE;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: #e9f5ff;
  overflow: hidden;
  position: relative;
  display: block;
  text-align: left;
  padding: 0.7em 3em 0.7em 3em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: normal;
  flex-wrap: wrap;
}
.saiyou__kubun li a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__kubun li a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: normal;
    flex-wrap: wrap;
  }
}
.saiyou__kubun li a:hover {
  color: white;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: #0A41AE;
  overflow: hidden;
}
.saiyou__kubun li a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%230A41AE"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.saiyou__kubun li a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.saiyou__interviewwrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__interviewwrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: normal;
    flex-wrap: wrap;
  }
}
.saiyou__interviewwrap > a {
  display: block;
  flex-basis: 100%;
  text-decoration: none;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__interviewwrap > a {
    flex-basis: 48%;
  }
}
.saiyou__interview {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: normal;
  flex-wrap: nowrap;
  margin-top: 1em;
  background-color: #0A41AE;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: transparent;
  overflow: hidden;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__interview {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: normal;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__interview {
    margin-top: 40px;
  }
}
.saiyou__interview > div {
  width: 90px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__interview > div {
    width: 150px;
  }
}
@media screen and (min-width: 1025px) {
  .saiyou__interview > div {
    width: 200px;
  }
}
.saiyou__interview > div img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100px;
  height: 100%;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__interview > div img {
    width: 150px;
    height: 150px;
  }
}
@media screen and (min-width: 1025px) {
  .saiyou__interview > div img {
    width: 200px;
    height: 200px;
  }
}
.saiyou__interview dl {
  background-color: #0A41AE;
  flex-basis: 100%;
  position: relative;
}
.saiyou__interview dl dt {
  font-size: clamp(0.875rem, 1.8vw, 1rem);
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #b3dd62;
  padding: 0.5rem 0.5rem;
  background-color: white;
  color: #0A41AE;
}
.saiyou__interview dl dt:hover, .saiyou__interview dl dt:active, .saiyou__interview dl dt:focus {
  color: #2b6ef3;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__interview dl dt {
    padding: 0.5rem 1rem;
  }
}
.saiyou__interview dl dd {
  color: white;
  font-size: clamp(0.875rem, 1.8vw, 1.25rem);
  padding: 0.5rem 0 0 0.5rem;
  min-height: 5rem;
}
.saiyou__interview dl dd:hover, .saiyou__interview dl dd:active, .saiyou__interview dl dd:focus {
  color: white;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__interview dl dd {
    padding: 1rem 0 0 1rem;
  }
}
.saiyou__qa h2 {
  text-align: left;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__qa p {
    padding: 0 2rem;
  }
}
.saiyou__qa img {
  box-shadow: 10px 10px 0px 0px rgb(219, 219, 219);
  margin: 1rem 0;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__qa img {
    margin: 0;
  }
}
.saiyou__message {
  margin-top: 100px;
  padding: 1.5rem;
  border-width: 8px;
  border-style: solid;
  border-color: #b3dd62;
  border-radius: 10px;
  background-color: transparent;
  overflow: hidden;
  background-image: radial-gradient(#b3dd62 20%, transparent 20%), radial-gradient(#b3dd62 20%, transparent 20%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
  position: relative;
  overflow: visible;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__message {
    margin-top: 200px;
  }
}
.saiyou__message h2 {
  margin-top: 0;
  text-align: left;
}
.saiyou__message p {
  background-color: white;
  padding: 1rem;
}
.saiyou__message dl {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__message dl {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 2%;
    flex-wrap: nowrap;
  }
}
.saiyou__message dl dt {
  flex-basis: 39%;
  flex-shrink: 0;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.saiyou__message dl dt img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__message dl dt img {
    height: 400px;
  }
}
.saiyou__message dl dd {
  background-color: white;
  padding: 1rem;
}
.saiyou__message::before {
  content: "";
  position: absolute;
  top: -43px;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/saiyou/message_illust.png);
  background-repeat: no-repeat;
  background-size: 270px;
  z-index: -1;
  background-position: top, center;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__message::before {
    top: -88px;
    background-size: 600px;
  }
}
.saiyou__subtitle {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: normal;
  flex-wrap: wrap;
  margin-top: 1em;
  background-color: #0A41AE;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: transparent;
  overflow: hidden;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__subtitle {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: normal;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__subtitle {
    margin-top: 40px;
  }
}
.saiyou__subtitle > div {
  width: 200px;
  flex-shrink: 0;
}
.saiyou__subtitle > div img {
  display: none;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__subtitle > div img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    width: 200px;
    height: 180px;
  }
}
.saiyou__subtitle dl {
  background-color: #0A41AE;
  flex-basis: 100%;
  position: relative;
}
.saiyou__subtitle dl dt {
  background-color: white;
  color: #0A41AE;
  font-size: clamp(1rem, 1.8vw, 1.5rem);
  background-color: white;
  color: #0A41AE;
  font-weight: 500;
  padding: 0.5rem 1rem;
}
.saiyou__subtitle dl dd {
  color: white;
  background-color: #0A41AE;
}
.saiyou__subtitle dl dd:nth-of-type(1) {
  font-size: clamp(0.875rem, 1.8vw, 1rem);
  background-color: #0A41AE;
  padding: 1vw 0 0 1rem;
}
.saiyou__subtitle dl dd:nth-of-type(2) {
  font-size: clamp(1rem, 3vw, 1.5rem);
  padding: 0 1rem;
}
.saiyou__manga {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2%;
  flex-wrap: wrap;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
  margin-top: 1em;
  max-width: 900px;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__manga {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2%;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__manga {
    margin-top: 40px;
  }
}
.saiyou__manga li {
  flex-basis: 49%;
  margin-top: 1em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__manga li {
    margin-top: 20px;
  }
}
.saiyou__manga li a {
  font-size: clamp(1.125rem, 3vw, 1.75rem);
  width: 100%;
  text-decoration: none;
  color: white;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: #0A41AE;
  overflow: hidden;
  position: relative;
  display: block;
  text-align: left;
  padding: 0.2em 1em 0.2em 1em;
}
.saiyou__manga li a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
.saiyou__manga li a:hover {
  color: #0A41AE;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: white;
  overflow: hidden;
}
.saiyou__manga li a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>');
}
.saiyou__manga li a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%230A41AE"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>');
}
.saiyou__ikusei {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
  display: block;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__ikusei {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2%;
    flex-wrap: wrap;
  }
}
.saiyou__ikusei li {
  max-width: 240px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__ikusei li {
    flex-basis: 32%;
    max-width: 340px;
  }
}
.saiyou__ikusei li a {
  background: url("../img/common/pattan_2.png") left 0.3rem top 0.3rem/8% no-repeat;
  font-size: clamp(1rem, 3vw, 1.25rem);
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #0A41AE;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: #e9f5ff;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: normal;
  flex-wrap: wrap;
  padding: 1rem;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__ikusei li a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: normal;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__ikusei li a {
    padding: 1rem 2rem;
  }
}
.saiyou__ikusei li a:hover {
  color: white;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: #0A41AE;
  overflow: hidden;
}
.saiyou__ikusei li span {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  display: block;
  text-align: left;
  padding: 0.5em 3em 0.5em 3em;
  z-index: 1;
}
.saiyou__ikusei li span::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
.saiyou__ikusei li span::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%230A41AE"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.saiyou__ikusei li span:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.saiyou__linklist {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  font-size: clamp(1rem, 3vw, 1.25rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 391px) {
  .saiyou__linklist {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    gap: 4%;
    flex-wrap: wrap;
  }
}
.saiyou__linklist li {
  margin-top: 1em;
  flex-basis: 48%;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 5px;
  background-color: white;
  overflow: hidden;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .saiyou__linklist li {
    margin-top: 20px;
  }
}
.saiyou__linklist a {
  text-decoration: none;
  color: #0A41AE;
  position: relative;
  display: block;
  text-align: center;
  padding: 0.5em 3em 0.5em 1em;
  width: 100%;
  height: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
.saiyou__linklist a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 391px) {
  .saiyou__linklist a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: normal;
    flex-wrap: wrap;
  }
}
.saiyou__linklist a[href^=http]::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%230A41AE"><path d="m13 3 3.293 3.293-7 7 1.414 1.414 7-7L21 11V3z"></path><path d="M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z"></path></svg>');
}
.saiyou__linklist a[href^=http]:hover {
  color: white;
  background-color: #0A41AE;
}
.saiyou__linklist a[href^=http]:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="m13 3 3.293 3.293-7 7 1.414 1.414 7-7L21 11V3z"></path><path d="M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z"></path></svg>');
}
.saiyou__linklist a[href$=".pdf"]::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%230A41AE"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>');
}
.saiyou__linklist a[href$=".pdf"]:hover {
  color: white;
  background-color: #0A41AE;
}
.saiyou__linklist a[href$=".pdf"]:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>');
}
.saiyou__linklist a:not([href$=".pdf"]):not([href^=http])::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%230A41AE"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.saiyou__linklist a:not([href$=".pdf"]):not([href^=http]):hover {
  color: white;
  background-color: #0A41AE;
}
.saiyou__linklist a:not([href$=".pdf"]):not([href^=http]):hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%23ffffff"><path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path></svg>');
}
.saiyou__faq h2 {
  text-align: left;
}

p.messagecopy {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 1em;
  font-size: clamp(1rem, 1.8vw, 1.75rem);
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  p.messagecopy {
    margin-top: 40px;
  }
}

/*===== Vertical Timeline =====*/
#conference-timeline img {
  max-width: 100%;
  text-align: center;
}

#conference-timeline {
  position: relative;
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
}

#conference-timeline .conference-center-line {
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -2px;
  background: #0A41AE;
  z-index: -1;
}

#conference-timeline .conference-timeline-content {
  padding-bottom: 0;
}

.timeline-article {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin: 20px 0;
}

.timeline-article .content-left-container,
.timeline-article .content-right-container {
  max-width: 44%;
  width: 100%;
}

.timeline-article .timeline-author {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #242424;
  text-align: right;
}

.timeline-article .content-left,
.timeline-article .content-right {
  position: relative;
  width: auto;
  border: 1px solid #bfbfbf;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
  padding: 27px 25px;
}

.timeline-article p {
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #242424;
  font-size: clamp(0.875rem, 1.8vw, 1rem);
  line-height: 24px;
  position: relative;
}

.timeline-article p span {
  font-weight: 600;
  color: #0A41AE;
  font-size: clamp(1rem, 1.8vw, 1.25rem);
}

.timeline-article .content-left-container {
  float: left;
}

.timeline-article .content-right-container {
  float: right;
}

.timeline-article .content-left:before {
  content: "";
  display: inline-block;
  position: absolute;
  right: -20px;
  transform: translateY(-50%);
  width: 24px; /*画像の幅*/
  height: 24px; /*画像の高さ*/
  background-image: url(../img/saiyou/timeline_right.png);
  background-size: contain;
  vertical-align: middle;
}

.timeline-article .content-right:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -20px;
  transform: translateY(-50%);
  width: 24px; /*画像の幅*/
  height: 24px; /*画像の高さ*/
  background-image: url(../img/saiyou/timeline_left.png);
  background-size: contain;
  vertical-align: middle;
}

.timeline-article .meta-date {
  position: absolute;
  top: 0;
  left: 50%;
  width: 5rem;
  height: 5rem;
  margin-left: -40px;
  color: #fff;
  border-radius: 100%;
  background: #0A41AE;
}

.timeline-article .meta-date .times {
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 5rem;
}

/*===== Resonsive Vertical Timeline =====*/
@media only screen and (max-width: 830px) {
  #conference-timeline .timeline-start,
#conference-timeline .timeline-end {
    margin: 0;
  }
  #conference-timeline .conference-center-line {
    margin-left: 0;
    left: 60px;
  }
  .timeline-article .meta-date {
    margin-left: 0;
    left: 20px;
  }
  .timeline-article .content-left-container,
.timeline-article .content-right-container {
    max-width: 100%;
    width: auto;
    float: none;
    margin-left: 110px;
    min-height: 53px;
  }
  .timeline-article .content-left-container {
    margin-bottom: 20px;
  }
  .timeline-article .content-left,
.timeline-article .content-right {
    padding: 10px 25px;
    min-height: 65px;
  }
  .timeline-article .content-left:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 30px;
    left: -20px;
    transform: translateY(-50%);
    width: 24px; /*画像の幅*/
    height: 24px; /*画像の高さ*/
    background-image: url(../img/saiyou/timeline_left.png);
    background-size: contain;
    vertical-align: middle;
  }
  .timeline-article .content-right:before {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .timeline-article p {
    margin: 0;
  }
  .timeline-article p span.article-number {
    display: none;
  }
}
.kubun__wrap h2 {
  text-align: left;
}
.kubun__wrap dl dt {
  margin-top: 1em;
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #b3dd62;
  color: #0A41AE;
  font-weight: 500;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .kubun__wrap dl dt {
    margin-top: 40px;
  }
}
.kubun__wrap dl dd {
  margin-top: 0.5em;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .kubun__wrap dl dd {
    margin-top: 10px;
  }
}

.kensyu__list {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .kensyu__list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10%;
    flex-wrap: wrap;
  }
}
.kensyu__list li {
  padding: 1rem;
}
.kensyu__list li:nth-of-type(-n + 4) {
  position: relative;
  display: block;
  text-align: left;
  padding: 1rem;
  overflow: visible;
}
.kensyu__list li:nth-of-type(-n + 4)::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: -160%;
  right: auto;
  left: 50%;
  margin: auto;
  width: 30px;
  height: 30px;
}
.kensyu__list li:nth-of-type(1) {
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  font-weight: 500;
  background: #0A41AE;
  color: white;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1.5rem;
}
.kensyu__list li:nth-of-type(2) {
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  font-weight: 500;
  background: rgb(0, 10, 98);
  color: white;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1.5rem;
}
.kensyu__list li::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%239b0000"><path d="M16.939 10.939 12 15.879l-4.939-4.94-2.122 2.122L12 20.121l7.061-7.06z"></path><path d="M16.939 3.939 12 8.879l-4.939-4.94-2.122 2.122L12 13.121l7.061-7.06z"></path></svg>');
}
.kensyu__jg {
  border-width: 2px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 10px;
  background-color: transparent;
  overflow: hidden;
  padding: 2rem;
  max-width: 900px;
  text-align: left;
  margin: 1.5rem auto 1.5rem auto;
  overflow: visible;
  font-size: clamp(1rem, 1.8vw, 1.125rem);
  font-weight: 500;
}
.kensyu__jg span {
  display: block;
  font-size: clamp(0.875rem, 1.8vw, 1rem);
  font-weight: 400;
}
.kensyu__area {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .kensyu__area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10%;
    flex-wrap: wrap;
  }
}
.kensyu__j, .kensyu__g {
  flex-basis: 45%;
}
.kensyu__j li, .kensyu__g li {
  padding: 1rem;
  border-width: 2px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 10px;
  background-color: transparent;
  overflow: hidden;
  position: relative;
  display: block;
  text-align: left;
  padding: 1rem;
  overflow: visible;
  padding: 2rem;
  max-width: 900px;
  text-align: left;
  margin: 3rem auto 3rem auto;
  overflow: visible;
  font-size: clamp(1rem, 1.8vw, 1.125rem);
  font-weight: 500;
}
.kensyu__j li::after, .kensyu__g li::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: -2.5rem;
  bottom: auto;
  right: auto;
  left: 50%;
  margin: auto;
  width: 30px;
  height: 30px;
}
.kensyu__j li span, .kensyu__g li span {
  display: block;
  font-size: clamp(0.875rem, 1.8vw, 1rem);
  font-weight: 400;
}
.kensyu__j li::after, .kensyu__g li::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%239b0000"><path d="M16.939 10.939 12 15.879l-4.939-4.94-2.122 2.122L12 20.121l7.061-7.06z"></path><path d="M16.939 3.939 12 8.879l-4.939-4.94-2.122 2.122L12 13.121l7.061-7.06z"></path></svg>');
}
.kensyu__j li {
  background-color: #eaf3fd;
}
.kensyu__g li {
  background-color: rgb(242, 234, 250);
}

.sien__linklist {
  margin-top: 1em;
  font-size: clamp(1rem, 3vw, 1.25rem);
  max-width: 800px;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .sien__linklist {
    margin-top: 40px;
  }
}
.sien__linklist li {
  margin-top: 1em;
  border-width: 1px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 5px;
  background-color: white;
  overflow: hidden;
}
@media screen and (min-width: 768px), screen and (max-height: 375px) {
  .sien__linklist li {
    margin-top: 40px;
  }
}
.sien__linklist a {
  text-decoration: none;
  color: #0A41AE;
  position: relative;
  display: block;
  text-align: center;
  padding: 0.5em 3em 0.5em 1em;
  width: 100%;
  height: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: normal;
  flex-wrap: wrap;
}
.sien__linklist a::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  right: 16px;
  left: auto;
  margin: auto;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 391px) {
  .sien__linklist a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: normal;
    flex-wrap: wrap;
  }
}
.sien__linklist a::after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%230A41AE"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>');
}
.sien__linklist a:hover {
  color: white;
  background-color: #0A41AE;
}
.sien__linklist a:hover:after {
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="%23ffffff"><path d="M8.267 14.68c-.184 0-.308.018-.372.036v1.178c.076.018.171.023.302.023.479 0 .774-.242.774-.651 0-.366-.254-.586-.704-.586zm3.487.012c-.2 0-.33.018-.407.036v2.61c.077.018.201.018.313.018.817.006 1.349-.444 1.349-1.396.006-.83-.479-1.268-1.255-1.268z"></path><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM9.498 16.19c-.309.29-.765.42-1.296.42a2.23 2.23 0 0 1-.308-.018v1.426H7v-3.936A7.558 7.558 0 0 1 8.219 14c.557 0 .953.106 1.22.319.254.202.426.533.426.923-.001.392-.131.723-.367.948zm3.807 1.355c-.42.349-1.059.515-1.84.515-.468 0-.799-.03-1.024-.06v-3.917A7.947 7.947 0 0 1 11.66 14c.757 0 1.249.136 1.633.426.415.308.675.799.675 1.504 0 .763-.279 1.29-.663 1.615zM17 14.77h-1.532v.911H16.9v.734h-1.432v1.604h-.906V14.03H17v.74zM14 9h-1V4l5 5h-4z"></path></svg>');
}

/*-- pageフォルダの中の_index.scss --*/
#pagetop {
  display: block;
  position: fixed;
  bottom: 30px;
  right: 20px;
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="%230A41AE"><path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm4.293 12.707L12 10.414l-4.293 4.293-1.414-1.414L12 7.586l5.707 5.707-1.414 1.414z"></path></svg>');
  opacity: 0.8;
  background-size: contain;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  z-index: 100;
  opacity: 0; /* 初期状態で透明 */
  transition: opacity 0.3s ease; /* 透明度のトランジションを設定 */
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #pagetop {
    display: none;
  }
}

#pagetop.show {
  display: block; /* 表示状態 */
  opacity: 1; /* 完全に表示 */
}
@media screen and (max-width: 767px) {
  #pagetop.show {
    display: none;
  }
}
#pagetop.show::after {
  content: "ページ上へ";
  position: absolute;
  bottom: -1rem; /* アイコンの上に配置 */
  left: 50%;
  transform: translateX(-50%);
  color: #0A41AE;
  font-size: 13px;
  white-space: nowrap;
  font-weight: 600;
}

/*!
utility > changeimg
------------------------------
*/
.sp-only {
  display: initial;
}
@media screen and (min-width: 568px) {
  .sp-only {
    display: none;
  }
}

.pc-only {
  display: none;
}
@media screen and (min-width: 568px) {
  .pc-only {
    display: initial;
  }
}

@-webkit-keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  -webkit-animation: splide-loading 1s linear infinite;
          animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

#splide-controls {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 1rem;
}
@media screen and (min-width: 1149px) {
  #splide-controls {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    margin-top: 0;
  }
}
#splide-controls button {
  font-size: clamp(0.875rem, 3vw, 1rem);
  padding: 0.2rem 1rem;
  border-width: 2px;
  border-style: solid;
  border-color: #0A41AE;
  border-radius: 0;
  background-color: white;
  overflow: hidden;
  cursor: pointer;
}
/*# sourceMappingURL=saiyoustyle.css.map */