@charset "UTF-8";
/*---------------------------------------------
  Default
---------------------------------------------*/
/* ルートフォントサイズ設定 ---------- */
/* PC用設定 */
html {
  /* font-size: 100px;  */ }

/* タブレット用設定 ※対応が必要な場合のみ有効化 */
/* max-widthはPCデザインに応じて適宜変更する */
/* SP用設定 */
@media screen and (max-width: 767px) {
  html {
    /* SP基準サイズ390px */ } }
.img_switch {
  visibility: hidden; }

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

.clear {
  clear: both; }

/*---------------------------------------------
  Reset
---------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent; }

body {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-weight: 500;
  -webkit-text-size-adjust: 100%;
  /* line-height: 1; */ }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
  line-height: 1; }

address,
em {
  font-style: normal; }

li {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

caption,
th,
td {
  font-weight: 400;
  text-align: left; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

a {
  text-decoration: none;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease; }

a:hover {
  text-decoration: none;
  opacity: 0.7; }

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

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input,
button,
select,
textarea {
  font-family: "Noto Sans JP", sans-serif, YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
  border-radius: 0; }

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="submit"],
input[type="reset"],
button,
textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  outline: none; }

textarea {
  resize: vertical; }

input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

input[type="submit"]:hover,
input[type="image"]:hover,
button:hover {
  opacity: 0.7; }

@media screen and (max-width: 599px) {
  body {
    min-width: 320px; } }
.wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  font-family: YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "Hiragino Kaku Gothic ProN", "HiraKakuPro-W3", "メイリオ", Meiryo, Verdana, sans-serif;
  font-weight: 500;
  color: #3b3933; }

.container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px; }

@media screen and (max-width: 599px) {
  .container {
    width: calc(100% - 56px);
    padding: 0; } }
a {
  color: #3b3933; }

@media screen and (max-width: 599px) {
  .pconly {
    display: none !important; } }
@media screen and (min-width: 600px) {
  .sponly {
    display: none !important; } }
.objectfit {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.cmn_footer {
  padding: 0 0 35px;
  text-align: center; }

.cmn_footer .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 33px; }

.cmn_footer small {
  margin-top: 96px;
  display: block;
  font-size: 15px;
  font-weight: 700; }

@media screen and (max-width: 599px) {
  .cmn_footer {
    padding: 0 0 15px; }

  .cmn_footer .lists {
    gap: 0 22px; }

  .cmn_footer .lists li:nth-of-type(1) img {
    width: 27px; }

  .cmn_footer .lists li:nth-of-type(2) img {
    width: 27px; }

  .cmn_footer .lists li:nth-of-type(3) img {
    width: 30px; }

  .cmn_footer .lists li:nth-of-type(4) img {
    width: 27.5px; }

  .cmn_footer .lists li:nth-of-type(5) img {
    width: 27px; }

  .cmn_footer .lists li:nth-of-type(6) img {
    width: 27.5px; }

  .cmn_footer small {
    margin-top: 61px;
    font-size: 10px; } }
/* --------------------------------------------------------------
   Module_Element
-------------------------------------------------------------- */
.mod_btn {
  text-align: center; }

.mod_btn a {
  max-width: 475px;
  line-height: 80px;
  font-size: 22px;
  font-weight: 700;
  display: block;
  color: #fff;
  text-align: center;
  border-radius: 40px;
  background-size: 400%;
  position: relative;
  z-index: 2;
  background-image: -webkit-gradient(linear, left top, right top, from(#66b4f2), color-stop(25%, #9ed9c9), to(#66b4f2));
  background-image: -webkit-linear-gradient(left, #66b4f2, #9ed9c9 25%, #66b4f2);
  background-image: -o-linear-gradient(left, #66b4f2, #9ed9c9 25%, #66b4f2);
  background-image: linear-gradient(to right, #66b4f2, #9ed9c9 25%, #66b4f2); }

.mod_btn a::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 37.5px;
  background: inherit;
  -webkit-filter: blur(1em);
  filter: blur(1em);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.mod_btn a::after {
  content: "";
  width: 12px;
  height: 18px;
  position: absolute;
  top: calc(50% - 9px);
  right: 40px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(../img/common/btn_arrow.svg); }

@media screen and (min-width: 600px) {
  .mod_btn a:hover {
    -webkit-animation: glow 6s linear infinite;
    animation: glow 6s linear infinite;
    opacity: 1; }

  .mod_btn a:hover::before {
    -webkit-animation: glow 6s linear infinite;
    animation: glow 6s linear infinite;
    opacity: 1; } }
@-webkit-keyframes glow {
  0% {
    background-position: 0%; }
  100% {
    background-position: 400%; } }
@keyframes glow {
  0% {
    background-position: 0%; }
  100% {
    background-position: 400%; } }
.mod_btn .cat {
  margin-bottom: 32px;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  font-weight: 700; }

.mod_btn.small a {
  max-width: 360px;
  line-height: 73px; }

.mod_btn.orange a {
  background-image: -webkit-gradient(linear, left top, right top, from(#fc8bac), color-stop(30%, #fbc47e), to(#fc8bac));
  background-image: -webkit-linear-gradient(left, #fc8bac, #fbc47e 30%, #fc8bac);
  background-image: -o-linear-gradient(left, #fc8bac, #fbc47e 30%, #fc8bac);
  background-image: linear-gradient(to right, #fc8bac, #fbc47e 30%, #fc8bac); }

.mod_btn.cs a {
  background-image: none;
  background-color: #ccc;
  pointer-events: none; }

.mod_btn.cs a::before {
  content: none; }

@media screen and (max-width: 599px) {
  .mod_btn a {
    max-width: 300px;
    line-height: 50px;
    font-size: 15px; }

  .mod_btn .cat {
    margin-bottom: 21px;
    font-size: 13px; } }
.mod_btn02 {
  position: relative;
  max-width: 360px;
  line-height: 72px; }

.mod_btn02::before, .mod_btn02::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 1000px;
  background: #e4582e;
  opacity: 0.3;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mod_btn02::before {
  -webkit-animation: ripple_anime 3s ease-out infinite;
  animation: ripple_anime 3s ease-out infinite; }

.mod_btn02::after {
  -webkit-animation: ripple_anime 3s ease-out infinite;
  animation: ripple_anime 3s ease-out infinite; }

.mod_btn02 a {
  font-size: 20px;
  font-weight: 700;
  display: block;
  color: #fff;
  text-align: center;
  border-radius: 1000px;
  position: relative;
  z-index: 2;
  background-color: #e4582e; }

.mod_btn02 a::after {
  content: "";
  width: 12px;
  height: 18px;
  position: absolute;
  top: calc(50% - 9px);
  right: 40px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(../img/common/btn_arrow.svg); }

@-webkit-keyframes ripple_anime {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 1; }
  90% {
    opacity: 0.1; }
  95% {
    opacity: 0.05; }
  to {
    -webkit-transform: scale(1.1, 1.2);
    transform: scale(1.1, 1.2);
    opacity: 0; } }
@keyframes ripple_anime {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 1; }
  90% {
    opacity: 0.1; }
  95% {
    opacity: 0.05; }
  to {
    -webkit-transform: scale(1.1, 1.2);
    transform: scale(1.1, 1.2);
    opacity: 0; } }
@media screen and (max-width: 599px) {
  .mod_btn02 {
    max-width: 300px;
    line-height: 50px; }

  .mod_btn02 a {
    font-size: 15px; }

  .mod_btn02 a::after {
    width: 6.5px;
    height: 11px;
    top: calc(50% - 5.5px);
    right: 20px; } }
/* TOP
--------------------------------------------------------------*/
.top_page .top_about {
  padding: 275px 0 365px;
  text-align: center;
  position: relative;
  z-index: 2; }

.top_page .top_about::before, .top_page .top_about::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0; }

.top_page .top_about::after {
  height: 100%;
  top: 0;
  z-index: -1;
  background: -webkit-linear-gradient(45deg, #9ad8c8 0%, #c7ead8 20%, #f3fce7 80%, #fefef3 100%);
  background: -o-linear-gradient(45deg, #9ad8c8 0%, #c7ead8 20%, #f3fce7 80%, #fefef3 100%);
  background: linear-gradient(45deg, #9ad8c8 0%, #c7ead8 20%, #f3fce7 80%, #fefef3 100%);
  opacity: 0.95; }

.top_page .top_about::before {
  height: 360px;
  bottom: 0;
  opacity: 0.85;
  background-position: bottom;
  background-repeat: repeat-x;
  background-image: url(../img/top/about_bg_img.avif); }

.top_page .top_about .container {
  position: relative; }

.top_page .top_about .tit {
  margin-bottom: 63px; }

.top_page .top_about .txt {
  font-size: 22px;
  line-height: 2.2;
  font-weight: 700; }

.top_page .top_about .txt:not(:last-of-type) {
  margin-bottom: 2.13em; }

.top_page .top_about .fcat {
  margin-top: 66px;
  font-size: 26px;
  font-weight: 700; }

.top_page .top_about .cat {
  margin-top: 33px;
  font-size: 26px;
  font-weight: 700;
  position: relative;
  z-index: 1; }

.top_page .top_about .anime_up {
  margin: 0 12px;
  padding: 6px 12px;
  font-size: 30px;
  color: #2c8e84;
  border-radius: 5px;
  background-color: #fff; }

.top_page .top_about .logo {
  margin-top: 90px; }

.top_page .top_about .deco {
  position: absolute; }

.top_page .top_about .deco01 {
  top: -100px;
  left: -113px; }

.top_page .top_about .deco02 {
  top: 260px;
  right: -110px; }

@media screen and (max-width: 1024px) {
  .top_page .top_about .txt {
    font-size: 18px; }

  .top_page .top_about .fcat {
    margin-top: 30px;
    font-size: 20px; }

  .top_page .top_about .cat {
    font-size: 18px; }

  .top_page .top_about .anime_up {
    font-size: 22px; } }
@media screen and (max-width: 599px) {
  .top_page .top_about {
    padding: 106px 0 245px; }

  .top_page .top_about::before {
    width: 599px;
    height: 275.5px;
    opacity: 1;
    background-image: url(../img/top/about_bg_img_sp.avif);
    background-size: 100% 100%; }

  .top_page .top_about .tit img {
    width: 220px; }

  .top_page .top_about .txt {
    margin-top: 30px;
    font-size: 15px;
    line-height: 2.26; }

  .top_page .top_about .cat {
    margin-top: 22px;
    line-height: 2.4;
    font-size: 17px; }

  .top_page .top_about .anime_up {
    margin: 0 10px;
    padding: 4px 10px;
    font-size: 20px;
    border-radius: 5px; }

  .top_page .top_about .logo {
    margin-top: 35px; }

  .top_page .top_about .logo img {
    width: 105px; }

  .top_page .top_about .deco01 {
    top: 13.3px;
    left: -44px; }

  .top_page .top_about .deco01 img {
    width: 102.5px; }

  .top_page .top_about .deco02 {
    top: 495px;
    right: -48px; }

  .top_page .top_about .deco02 img {
    width: 107.5px; } }
.top_page .top_news {
  margin-top: -150px;
  padding: 0 20px;
  position: relative;
  z-index: 3; }

.top_page .top_news::before {
  content: "";
  width: 100vw;
  height: 128px;
  position: absolute;
  z-index: -1;
  top: 33px;
  left: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  background-image: url(../img/top/wave.svg); }

.top_page .top_news .content {
  max-width: 1000px;
  padding: 30px 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  position: relative;
  border-radius: 17px; }

.top_page .top_news .content::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#beebea), color-stop(#d7f0d4), color-stop(#fbf2c8), to(#fcd8d7));
  background: -webkit-linear-gradient(left, #beebea, #d7f0d4, #fbf2c8, #fcd8d7);
  background: -o-linear-gradient(left, #beebea, #d7f0d4, #fbf2c8, #fcd8d7);
  background: linear-gradient(90deg, #beebea, #d7f0d4, #fbf2c8, #fcd8d7);
  -webkit-transform: translate3d(0, 10px, 0) scale(1);
  transform: translate3d(0, 10px, 0) scale(1);
  -webkit-filter: blur(20px);
  filter: blur(20px);
  opacity: var(0.3);
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border-radius: inherit;
  opacity: 0.4; }

.top_page .top_news .tit {
  width: 26.5%;
  text-align: center; }

.top_page .top_news .lists {
  width: calc(100% - 26.5%);
  padding: 20px 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-left: 2px dotted #c3dfdc; }

.top_page .top_news .lists dt,
.top_page .top_news .lists dd {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45; }

.top_page .top_news .lists dt:not(:last-of-type),
.top_page .top_news .lists dd:not(:last-of-type) {
  margin-bottom: 30px; }

.top_page .top_news .lists dt {
  width: 110px;
  color: #959595; }

.top_page .top_news .lists dd {
  width: calc(100% - 110px); }

@media screen and (min-width: 1920px) {
  .top_page .top_news {
    margin-top: -8vw; }

  .top_page .top_news::before {
    height: 7vw;
    bottom: -7vw; } }
@media screen and (max-width: 599px) {
  .top_page .top_news {
    margin-top: -125px;
    padding: 0 28px; }

  .top_page .top_news::before {
    height: 15%;
    top: 110px;
    background-image: url(../img/top/wave_sp.svg); }

  .top_page .top_news .content {
    padding: 25px 28px 13px;
    display: block;
    border-radius: 10px; }

  .top_page .top_news .tit {
    width: 100%;
    text-align: left; }

  .top_page .top_news .tit img {
    width: 65px; }

  .top_page .top_news .lists {
    width: 100%;
    margin-top: 12px;
    padding: 15px 0;
    border-left: none;
    border-top: 2px dotted #c3dfdc; }

  .top_page .top_news .lists dt,
  .top_page .top_news .lists dd {
    font-size: 12px;
    line-height: 1.66; }

  .top_page .top_news .lists dt:not(:last-of-type),
  .top_page .top_news .lists dd:not(:last-of-type) {
    margin-bottom: 11px; }

  .top_page .top_news .lists dt {
    width: 85px; }

  .top_page .top_news .lists dd {
    width: calc(100% - 85px); } }
.top_page .top_message {
  padding: 120px 0 95px;
  position: relative; }

.top_page .top_message::before {
  content: "";
  width: 100vw;
  height: 128px;
  position: absolute;
  bottom: -127px;
  left: 0;
  z-index: 4;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  background-image: url(../img/top/wave.svg); }

.top_page .top_message .wrap {
  margin-top: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 4.375%; }

.top_page .top_message .tit .en {
  margin-top: 34px; }

.top_page .top_message .img {
  padding-top: 10px;
  width: 41.125%; }

.top_page .top_message .img img {
  border-radius: 20px; }

.top_page .top_message .txt {
  width: calc(100% - 38.125%);
  font-size: 18px;
  line-height: 2.22;
  font-weight: 700; }

.top_page .top_message .txt p:not(:first-of-type):not(:last-of-type) {
  margin-top: 2.2em; }

.top_page .top_message .txt p:last-of-type {
  margin: 3px 33px 0 0;
  text-align: right; }

.top_page .top_message .txt .name_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0 30px; }

.top_page .top_message .txt .pos {
  padding-top: 37px;
  font-size: 17px;
  font-weight: 700; }

.top_page .top_message .txt .name {
  margin: 10px 31px 0 0;
  text-align: right; }

.top_page .top_message .mod_btn {
  margin-top: 97px; }

.top_page .top_message .mod_btn a {
  margin: 0 auto; }

@media screen and (min-width: 1920px) {
  .top_page .top_message {
    padding: 130px 0 8vw; }

  .top_page .top_message::before {
    height: 7vw;
    bottom: -6.5vw; } }
@media screen and (max-width: 1024px) {
  .top_page .top_message .tit .ja {
    width: 154px; }

  .top_page .top_message .tit .en {
    width: 415px;
    margin-top: 15px; }

  .top_page .top_message .txt {
    font-size: 16px; } }
@media screen and (max-width: 599px) {
  .top_page .top_message {
    padding: 57px 0 55px; }

  .top_page .top_message::before {
    height: 2.5%;
    bottom: -2.5%;
    background-image: url(../img/top/wave_sp.svg); }

  .top_page .top_message .tit .ja {
    width: 110px; }

  .top_page .top_message .tit .en {
    width: 285px; }

  .top_page .top_message .wrap {
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px 0; }

  .top_page .top_message .img {
    padding-top: 0;
    width: 100%; }

  .top_page .top_message .img img {
    width: 100%; }

  .top_page .top_message .txt {
    width: 100%;
    font-size: 14px;
    line-height: 2; }

  .top_page .top_message .txt p:not(:first-of-type):not(:last-of-type) {
    margin-top: 2.2em; }

  .top_page .top_message .txt p:last-of-type {
    margin: 3px 0 0 0; }

  .top_page .top_message .txt .name {
    margin: 4px 0 0 0; }

  .top_page .top_message .txt .name img {
    width: 110px; }

  .top_page .top_message .mod_btn {
    margin-top: 45px; } }
.top_page .top_event {
  padding: 210px 0 260px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/top/event_bg.avif); }

.top_page .top_event .tit .en {
  margin-top: 32px; }

@media screen and (max-width: 1024px) {
  .top_page .top_event .tit .ja {
    width: 208px; }

  .top_page .top_event .tit .en {
    margin-top: 15px;
    width: 557px; } }
@media screen and (max-width: 599px) {
  .top_page .top_event {
    padding: 92px 0 90px; }

  .top_page .top_event .tit .ja {
    width: 140px; }

  .top_page .top_event .tit .en {
    width: 268px; } }
.top_page .top_event .before {
  position: relative;
  z-index: 1; }

.top_page .top_event .before .event_detail {
  margin-top: 82px;
  text-align: center; }

.top_page .top_event .before .event_detail .txt {
  font-size: 20px;
  font-weight: 700; }

.top_page .top_event .before .event_detail .mod_btn {
  margin-top: 35px; }

.top_page .top_event .before .wrap {
  margin-top: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  gap: 0 3.5%; }

.top_page .top_event .before .content {
  width: 48.5%; }

.top_page .top_event .before .child_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 15px; }

.top_page .top_event .before .item {
  min-width: 51%;
  text-align: center;
  padding: 20px 0;
  border-radius: 15px;
  background-color: #fff;
  position: relative; }

.top_page .top_event .before .item::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#beebea), color-stop(#d7f0d4), color-stop(#fbf2c8), to(#fcd8d7));
  background: -webkit-linear-gradient(#beebea, #d7f0d4, #fbf2c8, #fcd8d7);
  background: -o-linear-gradient(#beebea, #d7f0d4, #fbf2c8, #fcd8d7);
  background: linear-gradient(#beebea, #d7f0d4, #fbf2c8, #fcd8d7);
  -webkit-transform: translate3d(0, 10px, 0) scale(1);
  transform: translate3d(0, 10px, 0) scale(1);
  -webkit-filter: blur(20px);
  filter: blur(20px);
  opacity: var(0.3);
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border-radius: inherit;
  opacity: 0.4; }

.top_page .top_event .before .item .mod_btn {
  margin-top: 35px; }

.top_page .top_event .before .item .mod_btn a {
  width: calc(100% - 20px);
  line-height: 64px;
  font-size: 19px; }

.top_page .top_event .before .item .mod_btn a::after {
  width: 8px;
  height: 13px;
  top: calc(50% - 8px);
  right: 12px; }

.top_page .top_event .before .date {
  margin: 12.5px 20px 0;
  padding: 13px 0;
  font-size: 24px;
  font-weight: 700;
  border-top: 4px dotted #ececec;
  border-bottom: 4px dotted #ececec; }

.top_page .top_event .before .txt {
  margin-top: 26px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.45; }

.top_page .top_event .before #countdown,
.top_page .top_event .before #countdown2 {
  margin-top: 17px;
  font-size: 26px;
  font-weight: 700; }

.top_page .top_event .before #countdown span,
.top_page .top_event .before #countdown2 span {
  font-size: 70px;
  color: #2c8e84;
  font-family: Verdana, Helvetica, Arial, sans-serif; }

.top_page .top_event .before .end_text {
  width: 90.32258064516128%;
  position: absolute;
  bottom: 80px;
  left: 50%;
  background-color: #e4582e;
  border-radius: 10px;
  padding: 15px 0;
  -webkit-transform: rotate(-10deg) translate(-50%, -50%);
  -ms-transform: rotate(-10deg) translate(-50%, -50%);
  transform: rotate(-10deg) translate(-50%, -50%); }

.top_page .top_event .before .end_text p {
  color: #fff;
  text-align: center;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.38; }

.top_page .top_event .before .end_text p small {
  display: block;
  font-size: 14px; }

.top_page .top_event .before .img {
  width: 50%; }

.top_page .top_event .before .img img {
  border-radius: 20px; }

.top_page .top_event .before .img iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9; }

.top_page .top_event .before .cat {
  margin-top: 48px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.9; }

.top_page .top_event .before .btn_wrap {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 25px; }

.top_page .top_event .before .mod_btn a {
  width: 475px;
  margin: 0 auto; }

@media screen and (max-width: 1280px) {
  .top_page .top_event .before .date {
    font-size: 22px; }

  .top_page .top_event .before .txt {
    font-size: 20px; }

  .top_page .top_event .before #countdown,
  .top_page .top_event .before #countdown2 {
    font-size: 22px; }

  .top_page .top_event .before #countdown span,
  .top_page .top_event .before #countdown2 span {
    font-size: 60px; }

  .top_page .top_event .before .item .mod_btn a {
    font-size: 16px; } }
@media screen and (max-width: 999px) {
  .top_page .top_event .before .wrap {
    margin-top: 35px;
    display: block; }

  .top_page .top_event .before .content {
    width: 100%;
    margin-top: 20px; }

  .top_page .top_event .before .child_wrap {
    gap: 0 12.5px; }

  .top_page .top_event .before .item {
    width: 100%;
    min-width: auto; }

  .top_page .top_event .before .img {
    width: 100%;
    height: auto;
    margin-top: 25px; }

  .top_page .top_event .before .img img {
    width: 100%;
    border-radius: 25px; } }
@media screen and (max-width: 599px) {
  .top_page .top_event .before .event_detail {
    margin-top: 40px; }

  .top_page .top_event .before .event_detail .txt {
    font-size: 16px; }

  .top_page .top_event .before .event_detail .mod_btn {
    margin-top: 15px; }

  .top_page .top_event .before .child_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 0; }

  .top_page .top_event .before .item {
    min-width: auto;
    min-height: auto;
    padding: 27px 0; }

  .top_page .top_event .before .pref img {
    width: 70%; }

  .top_page .top_event .before .date {
    margin: 17px 20px 0;
    padding: 7px 0;
    font-size: 16px; }

  .top_page .top_event .before .txt {
    margin-top: 13px;
    font-size: 13px;
    line-height: 1.46; }

  .top_page .top_event .before #countdown,
  .top_page .top_event .before #countdown2 {
    margin-top: 20px;
    font-size: 15px; }

  .top_page .top_event .before #countdown span,
  .top_page .top_event .before #countdown2 span {
    font-size: 60px; }

  .top_page .top_event .before .end_text {
    bottom: 2.667vw;
    padding: 10px 0; }

  .top_page .top_event .before .end_text p {
    font-size: 18px; }

  .top_page .top_event .before .end_text p small {
    font-size: 12px; }

  .top_page .top_event .before .cat {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.69; }

  .top_page .top_event .before .btn_wrap {
    margin-top: 20px;
    gap: 10px; } }
.top_page .top_event .after {
  padding: 120px 0 0; }

.top_page .top_event .after .tit {
  position: relative; }

.top_page .top_event .after .tit::after {
  content: "";
  width: calc(100% - 380px);
  height: 6px;
  position: absolute;
  bottom: 25px;
  right: 0;
  background-image: url(../img/top/event_after_tit_deco.svg); }

.top_page .top_event .after .lists {
  margin-top: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0 2%; }

.top_page .top_event .after .lists li img {
  border-radius: 25px;
  -webkit-box-shadow: 0 20px 80px 0 rgba(44, 142, 132, 0.15);
  box-shadow: 0 20px 80px 0 rgba(44, 142, 132, 0.15); }

@media screen and (max-width: 599px) {
  .top_page .top_event .after {
    padding: 64px 0 0; }

  .top_page .top_event .after .tit img {
    width: 214px; }

  .top_page .top_event .after .tit::after {
    width: calc(100% - 220px);
    height: 6px;
    bottom: 15px; }

  .top_page .top_event .after .lists {
    margin-top: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 22px 0%; }

  .top_page .top_event .after .lists li {
    width: 100%; }

  .top_page .top_event .after .lists li img {
    width: 100%; } }
.top_page .top_other {
  padding: 155px 0 94px;
  position: relative; }

.top_page .top_other::before, .top_page .top_other::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat; }

.top_page .top_other::before {
  width: 100vw;
  height: 128px;
  top: -127px;
  left: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-position: bottom;
  background-size: cover;
  background-image: url(../img/top/wave.svg); }

.top_page .top_other .fp_wrap_pc .fp {
  position: absolute;
  z-index: -1;
  opacity: 0; }

.top_page .top_other .fp_wrap_pc .fp.fp01 {
  top: 509px;
  left: calc(50% - 830px); }

.top_page .top_other .fp_wrap_pc .fp.fp02 {
  top: 430px;
  left: calc(50% - 820px); }

.top_page .top_other .fp_wrap_pc .fp.fp03 {
  top: 365px;
  left: calc(50% - 720px); }

.top_page .top_other .fp_wrap_pc .fp.fp04 {
  top: 300px;
  left: calc(50% - 700px); }

.top_page .top_other .fp_wrap_pc .fp.fp05 {
  top: 320px;
  left: calc(50% - 610px); }

.top_page .top_other .fp_wrap_pc .fp.fp06 {
  top: 255px;
  left: calc(50% - 560px); }

.top_page .top_other .fp_wrap_pc .fp.fp07 {
  top: 320px;
  left: calc(50% - 450px); }

.top_page .top_other .fp_wrap_pc .fp.fp08 {
  top: 285px;
  left: calc(50% - 390px); }

.top_page .top_other .fp_wrap_pc .fp.fp09 {
  top: 365px;
  left: calc(50% - 290px); }

.top_page .top_other .fp_wrap_pc .fp.fp10 {
  top: 300px;
  left: calc(50% - 240px); }

.top_page .top_other .fp_wrap_pc .fp.fp11 {
  top: 240px;
  left: calc(50% - 100px); }

.top_page .top_other .fp_wrap_pc .fp.fp12 {
  top: 160px;
  left: calc(50% - 90px); }

.top_page .top_other .fp_wrap_pc .fp.fp13 {
  top: 180px;
  left: calc(50% - -10px); }

.top_page .top_other .fp_wrap_pc .fp.fp14 {
  top: 110px;
  left: calc(50% - -50px); }

.top_page .top_other .fp_wrap_pc .fp.fp15 {
  top: 180px;
  right: calc(50% - 240px); }

.top_page .top_other .fp_wrap_pc .fp.fp16 {
  top: 145px;
  right: calc(50% - 300px); }

.top_page .top_other .fp_wrap_pc .fp.fp17 {
  top: 220px;
  right: calc(50% - 400px); }

.top_page .top_other .fp_wrap_pc .fp.fp18 {
  top: 160px;
  right: calc(50% - 460px); }

.top_page .top_other .fp_wrap_pc .fp.fp19 {
  top: 180px;
  right: calc(50% - 580px); }

.top_page .top_other .fp_wrap_pc .fp.fp20 {
  top: 110px;
  right: calc(50% - 600px); }

.top_page .top_other .fp_wrap_pc .fp.fp21 {
  top: 95px;
  right: calc(50% - 720px); }

.top_page .top_other .fp_wrap_pc .fp.fp22 {
  top: 13px;
  right: calc(50% - 730px); }

.top_page .top_other .fp_wrap_pc .fp.fp23 {
  top: -10px;
  right: calc(50% - 830px); }

.top_page .top_other .fp_wrap_pc .fp.fp24 {
  top: -85px;
  right: calc(50% - 820px); }

.top_page .top_other .fp_wrap_pc.is-in .fp {
  opacity: 1;
  -webkit-transition: opacity 0s, -webkit-transform 0.7s;
  transition: opacity 0s, -webkit-transform 0.7s;
  -o-transition: opacity 0s, transform 0.7s;
  transition: opacity 0s, transform 0.7s;
  transition: opacity 0s, transform 0.7s, -webkit-transform 0.7s; }

.top_page .top_other .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 4.68%;
  position: relative; }

.top_page .top_other .item {
  text-align: center;
  position: relative; }

.top_page .top_other .item.cs {
  position: relative; }

.top_page .top_other .cs_txt {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.top_page .top_other .cat {
  position: absolute;
  top: -47px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%; }

.top_page .top_other .img img {
  -webkit-filter: drop-shadow(0 0 20px rgba(44, 142, 132, 0.2));
  filter: drop-shadow(0 0 20px rgba(44, 142, 132, 0.2)); }

.top_page .top_other .mod_btn {
  margin-top: 38px; }

.top_page .top_other .mod_btn a {
  margin: 0 auto;
  line-height: 1.36;
  height: 88px;
  border-radius: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.top_page .top_other .logo {
  margin-top: 120px;
  text-align: center; }

@media screen and (min-width: 1920px) {
  .top_page .top_other {
    padding: 7vw 0 94px; }

  .top_page .top_other::before {
    height: 7vw;
    top: -6.5vw; } }
@media screen and (max-width: 1024px) {
  .top_page .top_other .wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 100px 4.68%; } }
@media screen and (max-width: 599px) {
  .top_page .top_other {
    padding: 96px 0 60px; }

  .top_page .top_other::after {
    content: none; }

  .top_page .top_other::before {
    height: 1.7%;
    top: -1.65%;
    background-image: url(../img/top/wave_sp.svg); }

  .top_page .top_other .wrap {
    gap: 70px 0; }

  .top_page .top_other .item {
    width: 100%;
    text-align: center;
    position: relative; }

  .top_page .top_other .item:nth-of-type(even)::before {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }

  .top_page .top_other .item:nth-of-type(even) .fp_wrap_sp {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1); }

  .top_page .top_other .item:nth-of-type(1) .cat img {
    width: 150px; }

  .top_page .top_other .item:nth-of-type(2) .cat img {
    width: 230px; }

  .top_page .top_other .item:nth-of-type(3) .cat img {
    width: 160px; }

  .top_page .top_other .item .fp_wrap_sp {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0; }

  .top_page .top_other .item .fp {
    position: absolute; }

  .top_page .top_other .item .fp.fp01 {
    width: 29px;
    top: 50px;
    left: calc(50% - 240px); }

  .top_page .top_other .item .fp.fp02 {
    width: 37px;
    top: 76px;
    left: calc(50% - 190px); }

  .top_page .top_other .item .fp.fp03 {
    width: 37.5px;
    top: 145px;
    left: calc(50% - 180px); }

  .top_page .top_other .item .fp.fp04 {
    width: 42.5px;
    top: 150px;
    left: calc(50% - 135px); }

  .top_page .top_other .item .fp.fp05 {
    width: 47px;
    top: 175px;
    left: calc(50% - 60px); }

  .top_page .top_other .item .fp.fp06 {
    width: 47px;
    top: 140px;
    left: calc(50% - 30px); }

  .top_page .top_other .item .fp.fp07 {
    width: 41.5px;
    top: 180px;
    left: calc(50% - -25px); }

  .top_page .top_other .item .fp.fp08 {
    width: 45.5px;
    top: 175px;
    left: calc(50% - -65px); }

  .top_page .top_other .item .fp.fp09 {
    width: 29.5px;
    top: 235px;
    left: calc(50% - -100px); }

  .top_page .top_other .item .fp.fp10 {
    width: 37.5px;
    top: 250px;
    left: calc(50% - -140px); }

  .top_page .top_other .item .fp.fp11 {
    width: 38px;
    top: 320px;
    left: calc(50% - -160px); }

  .top_page .top_other .item .fp.fp12 {
    width: 44px;
    top: 330px;
    left: calc(50% - -220px); }

  .top_page .top_other .cat {
    top: -30px; }

  .top_page .top_other .img {
    margin: 0 33px; }

  .top_page .top_other .img img {
    max-width: 264px; }

  .top_page .top_other .mod_btn {
    margin-top: 22px; }

  .top_page .top_other .mod_btn a {
    max-width: 300px;
    height: 52px; }

  .top_page .top_other .logo {
    margin-top: 60px; }

  .top_page .top_other .logo img {
    width: 123px; } }
/* 歴史
--------------------------------------------------------------*/
.history_page .history {
  padding: 90px 0 122px; }

.history_page .history .tit {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.45; }

.history_page .history .lists {
  padding: 262px 0 0; }

.history_page .history .lists .item {
  position: relative; }

.history_page .history .lists .item::after {
  content: "";
  width: 4px;
  height: 0%;
  top: 0;
  position: absolute;
  left: calc(50% - 2px);
  -webkit-transition: height 2s;
  -o-transition: height 2s;
  transition: height 2s;
  background-color: #2c8e84; }

.history_page .history .lists .item:nth-of-type(odd) .list_tit {
  text-align: right; }

.history_page .history .lists .item:nth-of-type(odd) .img {
  text-align: right;
  right: 0; }

.history_page .history .lists .item:nth-of-type(odd) .txt {
  margin-left: auto; }

.history_page .history .lists .item:nth-of-type(odd).large::before {
  width: 287px;
  height: 472px;
  top: -184px;
  left: -147px;
  background-image: url(../history/img/history_deco01.avif); }

.history_page .history .lists .item:nth-of-type(odd).large .img {
  padding-left: 60px; }

.history_page .history .lists .item:nth-of-type(odd).large .txt {
  padding: 20% 0 0 70px; }

.history_page .history .lists .item:nth-of-type(odd).vertical .img {
  text-align: left; }

.history_page .history .lists .item:nth-of-type(odd).vertical .txt {
  padding: 265px 0px 0 60px; }

.history_page .history .lists .item:nth-of-type(even) .wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.history_page .history .lists .item:nth-of-type(even) .list_tit {
  text-align: left; }

.history_page .history .lists .item:nth-of-type(even) .img {
  text-align: left;
  left: 0; }

.history_page .history .lists .item:nth-of-type(even) .txt {
  margin-right: auto; }

.history_page .history .lists .item:nth-of-type(even).large::before {
  width: 242px;
  height: 443px;
  top: -200px;
  right: -142px;
  background-image: url(../history/img/history_deco02.avif); }

.history_page .history .lists .item:nth-of-type(even).large .img {
  padding-right: 60px; }

.history_page .history .lists .item:nth-of-type(even).large .txt {
  padding: 20% 60px 0 0; }

.history_page .history .lists .item:nth-of-type(even).vertical .img {
  text-align: right; }

.history_page .history .lists .item:nth-of-type(even).vertical .txt {
  width: 830px;
  margin: 0 auto;
  padding: 265px 0 0 0; }

.history_page .history .lists .item:nth-of-type(1) {
  padding-bottom: 216px; }

.history_page .history .lists .item:nth-of-type(2) {
  padding-bottom: 315px; }

.history_page .history .lists .item:nth-of-type(3) {
  padding-bottom: 326px; }

.history_page .history .lists .item:nth-of-type(4) {
  padding-bottom: 229px; }

.history_page .history .lists .item:nth-of-type(5) {
  padding-bottom: 320px; }

.history_page .history .lists .item:nth-of-type(6) {
  padding-bottom: 320px; }

.history_page .history .lists .item:nth-of-type(7) {
  padding-bottom: 320px; }

.history_page .history .lists .item:nth-of-type(8) {
  padding-bottom: 230px; }

.history_page .history .lists .item:nth-of-type(9) {
  padding-bottom: 316px; }

.history_page .history .lists .item:nth-of-type(10) {
  padding-bottom: 324px; }

.history_page .history .lists .item:nth-of-type(11) {
  padding-bottom: 250px; }

.history_page .history .lists .item:nth-of-type(12) {
  padding-bottom: 216px; }

.history_page .history .lists .item:nth-of-type(13) {
  padding-bottom: 280px; }

.history_page .history .lists .item:nth-of-type(14) {
  padding-bottom: 330px; }

.history_page .history .lists .item:nth-of-type(15) {
  padding-bottom: 320px; }

.history_page .history .lists .item:nth-of-type(16) {
  padding-bottom: 190px; }

.history_page .history .lists .item:nth-of-type(17) {
  padding-bottom: 320px; }

.history_page .history .lists .item:nth-of-type(18) {
  padding-bottom: 320px; }

.history_page .history .lists .item:nth-of-type(19) {
  padding-bottom: 100px; }

.history_page .history .lists .item .mod_btn {
  margin-top: 20px; }

.history_page .history .lists .item .mod_btn a {
  padding: 0;
  max-width: 216px;
  line-height: 48px;
  font-size: 16px; }

.history_page .history .lists .item .mod_btn a::after {
  width: 14px;
  height: 14px;
  top: calc(50% - 7px);
  right: 23px;
  background-image: url(../history/img/btn_icon.svg); }

.history_page .history .lists .item.show::after {
  height: 100%; }

.history_page .history .lists .small .img {
  padding: 0 60px; }

.history_page .history .lists .small .txt {
  padding: 13.4% 67px 0; }

.history_page .history .lists .large {
  position: relative; }

.history_page .history .lists .large::before {
  content: "";
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.history_page .history .lists .tbc {
  position: relative; }

.history_page .history .lists .tbc::before, .history_page .history .lists .tbc::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.history_page .history .lists .tbc::before {
  width: 287px;
  height: 472px;
  top: 52px;
  left: -145px;
  background-image: url(../history/img/history_deco01.avif); }

.history_page .history .lists .tbc::after {
  width: 242px;
  height: 443px;
  top: 66px;
  right: -142px;
  background-image: url(../history/img/history_deco02.avif); }

.history_page .history .lists .tbc .wrap::after {
  content: "";
  width: 100px;
  height: 0;
  position: absolute;
  z-index: -2;
  background-image: -webkit-repeating-linear-gradient(top, #2c8e84, #2c8e84 17px, transparent 17px, transparent 23px);
  background-image: -o-repeating-linear-gradient(top, #2c8e84, #2c8e84 17px, transparent 17px, transparent 23px);
  background-image: repeating-linear-gradient(180deg, #2c8e84, #2c8e84 17px, transparent 17px, transparent 23px);
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 4px 100%;
  top: 10px;
  left: calc(50% - 50px);
  -webkit-transition: 3s;
  -o-transition: 3s;
  transition: 3s; }

.history_page .history .lists .tbc .content {
  max-width: 1000px;
  padding: 110px 0 72px;
  margin: 130px auto 0;
  text-align: center;
  position: relative;
  border-radius: 10px;
  background-color: #fff; }

.history_page .history .lists .tbc .content::before {
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#beebea), color-stop(#d7f0d4), color-stop(#fbf2c8), to(#fcd8d7));
  background: -webkit-linear-gradient(left, #beebea, #d7f0d4, #fbf2c8, #fcd8d7);
  background: -o-linear-gradient(left, #beebea, #d7f0d4, #fbf2c8, #fcd8d7);
  background: linear-gradient(90deg, #beebea, #d7f0d4, #fbf2c8, #fcd8d7);
  -webkit-transform: translate3d(0, 10px, 0) scale(1);
  transform: translate3d(0, 10px, 0) scale(1);
  -webkit-filter: blur(20px);
  filter: blur(20px);
  opacity: var(0.5);
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border-radius: inherit;
  opacity: 0.8; }

.history_page .history .lists .tbc .content::after {
  content: "";
  width: 40px;
  height: 80px;
  position: absolute;
  z-index: -1;
  top: -80px;
  left: calc(50% - 20px);
  background-color: #fff; }

.history_page .history .lists .tbc .content .tit {
  position: absolute;
  top: -77px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.history_page .history .lists .tbc .content .txt {
  display: inline-block;
  font-size: 24px;
  font-weight: 700; }

.history_page .history .lists .tbc .content .mod_btn a {
  max-width: 440px;
  line-height: 72px;
  margin: 44px auto 0; }

.history_page .history .lists .tbc.show .wrap::after {
  height: 250px; }

.history_page .history .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

.history_page .history .wrap .dot {
  width: 24px;
  height: 24px;
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  border-radius: 50%;
  background-color: #2c8e84; }

.history_page .history .wrap .dot.dot_anim::before, .history_page .history .wrap .dot.dot_anim::after {
  content: "";
  position: absolute;
  z-index: -10;
  width: 50px;
  height: 50px;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  border-radius: 50%;
  background: #2c8e84;
  opacity: 0.3;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.history_page .history .wrap .dot.dot_anim::before {
  -webkit-animation: anime 3s ease-out infinite;
  animation: anime 3s ease-out infinite; }

.history_page .history .wrap .dot.dot_anim::after {
  -webkit-animation: anime 3s ease-out infinite;
  animation: anime 3s ease-out infinite; }

@-webkit-keyframes anime {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.5; }
  90% {
    opacity: 0.1; }
  95% {
    opacity: 0.05; }
  to {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 0; } }
@keyframes anime {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.5; }
  90% {
    opacity: 0.1; }
  95% {
    opacity: 0.05; }
  to {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 0; } }
.history_page .history .list_tit,
.history_page .history .img {
  width: 50%;
  position: absolute; }

.history_page .history .list_tit {
  padding: 0 60px; }

.history_page .history .txt {
  width: 50%;
  font-size: 22px;
  line-height: 1.63;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"; }

.history_page .history .mod_btn.after {
  margin-top: 145px;
  position: relative; }

.history_page .history .mod_btn.after::before {
  content: "";
  width: 100%;
  height: 100px;
  position: absolute;
  top: -140px;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(80%, #fff));
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%);
  background: -o-linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%);
  background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%); }

.history_page .history .mod_btn.after a {
  max-width: 558px;
  padding: 23px 0;
  margin: 0 auto;
  line-height: 1.4;
  border-radius: 1000px; }

.history_page .history .mod_btn.after a .fs01,
.history_page .history .mod_btn.after a .fs02 {
  display: block; }

.history_page .history .mod_btn.after a .fs01 {
  font-size: 25px; }

.history_page .history .mod_btn.after a .fs02 {
  margin-top: 5px;
  font-size: 22px; }

@media screen and (max-width: 1024px) {
  .history_page .history .tit {
    font-size: 20px; }

  .history_page .history .lists .item:nth-of-type(odd).large .img {
    padding-left: 30px; }

  .history_page .history .lists .item:nth-of-type(odd).large .txt {
    padding: 20% 0 0 30px; }

  .history_page .history .lists .item:nth-of-type(odd).vertical .txt {
    padding: 30% 0px 0 30px; }

  .history_page .history .lists .item:nth-of-type(even).large .img {
    padding-right: 30px; }

  .history_page .history .lists .item:nth-of-type(even).large .txt {
    padding: 20% 30px 0 0; }

  .history_page .history .lists .item:nth-of-type(even).vertical .txt {
    padding: 30% 30px 0 30px; }

  .history_page .history .lists .small .img {
    padding: 0 30px; }

  .history_page .history .lists .small .txt {
    padding: 13.4% 37px 0; }

  .history_page .history .small .list_tit {
    padding: 0 28px; }

  .history_page .history .small .list_tit img {
    width: auto;
    height: 74.2px; }

  .history_page .history .large .list_tit {
    padding: 0 28px; }

  .history_page .history .large .list_tit img {
    width: auto;
    height: 99.4px; }

  .history_page .history .txt {
    font-size: 18px; } }
@media screen and (max-width: 599px) {
  .history_page .history {
    padding: 33px 0 96px; }

  .history_page .history .tit {
    font-size: 14px;
    line-height: 2; }

  .history_page .history .lists {
    padding: 40px 0 0; }

  .history_page .history .lists .item {
    padding-bottom: 48px !important; }

  .history_page .history .lists .item::after {
    width: 2px;
    height: 0%;
    top: 23px;
    left: 0; }

  .history_page .history .lists .item:nth-of-type(odd) .list_tit {
    text-align: left; }

  .history_page .history .lists .item:nth-of-type(odd) .img {
    text-align: left; }

  .history_page .history .lists .item:nth-of-type(odd) .txt {
    margin: 12px 0 0 28px;
    padding-right: 28px; }

  .history_page .history .lists .item:nth-of-type(odd).large::before {
    width: 101px;
    height: 167.5px;
    top: -67px;
    left: auto;
    right: -34px;
    background-image: url(../history/img/history_deco_sp.avif); }

  .history_page .history .lists .item:nth-of-type(odd).large .img {
    padding-left: 28px; }

  .history_page .history .lists .item:nth-of-type(odd).large .txt {
    padding: 0 28px 0 0; }

  .history_page .history .lists .item:nth-of-type(odd).vertical .img {
    text-align: left; }

  .history_page .history .lists .item:nth-of-type(odd).vertical .txt {
    padding: 0;
    margin: 12px 0 0 28px; }

  .history_page .history .lists .item:nth-of-type(even) .wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }

  .history_page .history .lists .item:nth-of-type(even) .list_tit {
    text-align: left; }

  .history_page .history .lists .item:nth-of-type(even) .img {
    text-align: left;
    left: 0; }

  .history_page .history .lists .item:nth-of-type(even) .txt {
    margin: 12px 0 0 28px;
    padding-right: 28px; }

  .history_page .history .lists .item:nth-of-type(even).large::before {
    width: 101px;
    height: 167.5px;
    top: -67px;
    left: auto;
    right: -34px;
    background-image: url(../history/img/history_deco_sp.avif); }

  .history_page .history .lists .item:nth-of-type(even).large .img {
    padding: 0 0 0 28px; }

  .history_page .history .lists .item:nth-of-type(even).large .txt {
    padding: 0 28px 0 0; }

  .history_page .history .lists .item:nth-of-type(even).vertical .img {
    text-align: left; }

  .history_page .history .lists .item:nth-of-type(even).vertical .txt {
    padding: 0;
    margin: 12px 0 0 28px; }

  .history_page .history .lists .item.show::after {
    height: calc(100% + 10px); }

  .history_page .history .lists .small .list_tit img {
    width: auto;
    height: 53px; }

  .history_page .history .lists .small .img {
    padding: 0 28px; }

  .history_page .history .lists .small .txt {
    padding: 0; }

  .history_page .history .lists .large::after {
    top: 33px; }

  .history_page .history .lists .large .wrap::before {
    top: 33px; }

  .history_page .history .lists .large .list_tit img {
    width: auto;
    height: 76px; }

  .history_page .history .lists .tbc.container {
    width: 100%; }

  .history_page .history .lists .tbc {
    position: relative; }

  .history_page .history .lists .tbc .border {
    position: relative; }

  .history_page .history .lists .tbc .border::before {
    content: "";
    width: 50.4%;
    height: 20px;
    position: absolute;
    top: -87px;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../history/img/border_sp.svg); }

  .history_page .history .lists .tbc .border::after {
    content: "";
    width: 100%;
    height: 20px;
    position: absolute;
    top: -87px;
    right: 120px;
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    background-color: #fff; }

  .history_page .history .lists .tbc::before, .history_page .history .lists .tbc::after {
    content: "";
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100% 100%; }

  .history_page .history .lists .tbc::before {
    width: 115px;
    height: 210px;
    top: 23px;
    left: -47px;
    background-image: url(../history/img/history_deco01_sp.avif); }

  .history_page .history .lists .tbc::after {
    width: 101px;
    height: 167.5px;
    top: -110px;
    right: -33px;
    background-image: url(../history/img/history_deco02_sp.avif); }

  .history_page .history .lists .tbc .wrap .dot {
    top: -72px;
    left: calc(50% - 6px); }

  .history_page .history .lists .tbc .wrap::after {
    content: "";
    width: 100px;
    height: 0;
    position: absolute;
    z-index: -2;
    background-image: -webkit-repeating-linear-gradient(top, #2c8e84, #2c8e84 8px, transparent 8px, transparent 15px);
    background-image: -o-repeating-linear-gradient(top, #2c8e84, #2c8e84 8px, transparent 8px, transparent 15px);
    background-image: repeating-linear-gradient(180deg, #2c8e84, #2c8e84 8px, transparent 8px, transparent 15px);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: 2px 100%;
    top: -60px;
    left: calc(50% - 50px);
    -webkit-transition: 3.5s;
    -o-transition: 3.5s;
    transition: 3.5s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s; }

  .history_page .history .lists .tbc .content {
    padding: 66px 0 33px;
    margin: 130px auto 0;
    border-radius: 10px; }

  .history_page .history .lists .tbc .content::before {
    content: "";
    z-index: -2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#beebea), color-stop(#d7f0d4), color-stop(#fbf2c8), to(#fcd8d7));
    background: -webkit-linear-gradient(left, #beebea, #d7f0d4, #fbf2c8, #fcd8d7);
    background: -o-linear-gradient(left, #beebea, #d7f0d4, #fbf2c8, #fcd8d7);
    background: linear-gradient(90deg, #beebea, #d7f0d4, #fbf2c8, #fcd8d7);
    -webkit-transform: translate3d(0, 10px, 0) scale(1);
    transform: translate3d(0, 10px, 0) scale(1);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    opacity: var(0.5);
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    border-radius: inherit;
    opacity: 0.8; }

  .history_page .history .lists .tbc .content::after {
    height: 40px;
    top: -40px; }

  .history_page .history .lists .tbc .content .tit {
    top: -38px;
    left: calc(50% - 83.25px);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  .history_page .history .lists .tbc .content .tit img {
    width: 166.5px; }

  .history_page .history .lists .tbc .content .cat img {
    width: 220px; }

  .history_page .history .lists .tbc .content .txt {
    margin-top: 16px;
    font-size: 14px; }

  .history_page .history .lists .tbc .content .mod_btn a {
    max-width: 240px;
    line-height: 40px;
    font-size: 12px; }

  .history_page .history .lists .tbc .content .mod_btn a::after {
    width: 8px;
    height: 18px;
    top: calc(50% - 9px);
    right: 15px; }

  .history_page .history .lists .tbc.show .border::after {
    width: 0; }

  .history_page .history .lists .tbc.show .wrap::after {
    height: 300px; }

  .history_page .history .wrap {
    display: block; }

  .history_page .history .wrap .dot {
    width: 12px;
    height: 12px;
    top: 23px;
    left: -5px; }

  .history_page .history .wrap .dot.dot_anim::before, .history_page .history .wrap .dot.dot_anim::after {
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
    left: calc(50% - 10px); }

  .history_page .history .list_tit,
  .history_page .history .img {
    width: 100%;
    position: static; }

  .history_page .history .list_tit {
    padding: 0 60px; }

  .history_page .history .img {
    margin-top: 18px; }

  .history_page .history .txt {
    width: 100%;
    font-size: 14px;
    line-height: 1.64; }

  .history_page .history .txt a {
    font-size: 12px; }

  .history_page .history .txt a::after {
    width: 9.5px;
    height: 9.5px;
    top: calc(50% - 4.75px);
    right: -15px; }

  .history_page .history .mod_btn.after {
    margin-top: 80px; }

  .history_page .history .mod_btn.after::before {
    content: none;
    width: 100%;
    height: 100px;
    position: absolute;
    top: -140px;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(80%, #fff));
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%);
    background: -o-linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 80%); }

  .history_page .history .mod_btn.after a {
    max-width: 300px;
    padding: 11px 0;
    line-height: 1.4; }

  .history_page .history .mod_btn.after a .fs01 {
    font-size: 15px; }

  .history_page .history .mod_btn.after a .fs02 {
    margin-top: 2px;
    font-size: 12px; }

  .history_page .history .mod_btn.after a::after {
    width: 8px;
    right: 20px; } }
/* 展示会
--------------------------------------------------------------*/
.event_page .cmn_footer {
  background-color: #fdfdfb; }

.event_page .fixed_btn {
  position: fixed;
  bottom: 20px;
  right: 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s; }

.event_page .fixed_btn .btn a {
  width: 160px;
  padding-top: 60px;
  padding: 65px 0 20px;
  text-align: center;
  display: block;
  font-weight: 700;
  color: #fff;
  background-color: #e4582e;
  position: relative;
  border-radius: 10px 0 0 10px; }

.event_page .fixed_btn .btn a::before {
  content: "";
  width: 45px;
  height: 32px;
  position: absolute;
  top: 17px;
  left: calc(50% - 22.5px);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(../event-information/img/fixed_mail_icon.svg); }

.event_page .fixed_btn .btn a .tit,
.event_page .fixed_btn .btn a .txt {
  display: block; }

.event_page .fixed_btn .btn a .tit {
  font-size: 22px; }

.event_page .fixed_btn .btn a .txt {
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.375; }

.event_page .fixed_btn .btn:not(:last-of-type) {
  margin-bottom: 10px; }

@media screen and (max-width: 1024px) {
  .event_page .fixed_btn .btn a {
    width: 100px;
    padding-top: 60px;
    padding: 45px 0 20px;
    text-align: center;
    display: block;
    font-weight: 700;
    color: #fff;
    background-color: #e4582e;
    position: relative;
    border-radius: 10px 0 0 10px; }

  .event_page .fixed_btn .btn a::before {
    width: 31.5px;
    height: 22.4px;
    top: 15px;
    left: calc(50% - 15.75px); }

  .event_page .fixed_btn .btn a .tit,
  .event_page .fixed_btn .btn a .txt {
    display: block; }

  .event_page .fixed_btn .btn a .tit {
    font-size: 16px; }

  .event_page .fixed_btn .btn a .txt {
    margin-top: 5px;
    font-size: 10px; }

  .event_page .fixed_btn .btn:not(:last-of-type) {
    margin-bottom: 10px; } }
.event_page .fixed_btn.show {
  opacity: 1;
  visibility: visible; }

.event_page .date {
  padding: 95px 0 80px;
  background-color: #f3f1eb; }

.event_page .date .tit {
  text-align: center; }

.event_page .date .wrap {
  margin-top: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 40px; }

.event_page .date .item {
  padding: 40px 4.4% 45px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 60px 0 rgba(159, 159, 159, 0.2);
  box-shadow: 0 0 60px 0 rgba(159, 159, 159, 0.2);
  background-color: #fff; }

.event_page .date .lists {
  margin-top: 33px; }

.event_page .date .lists dt {
  min-width: 120px;
  padding: 9px 10px;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  border-radius: 5px;
  color: #fff;
  background-color: #3b3933; }

.event_page .date .lists dt:not(:first-of-type) {
  margin-top: 32px; }

.event_page .date .lists dd {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.54; }

.event_page .date .lists dd .fs01 {
  font-size: 22px; }

.event_page .date .end_text {
  width: 100%;
  background-color: #e4582e;
  border-radius: 10px;
  padding: 15px 0;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg); }

.event_page .date .end_text p {
  color: #fff;
  text-align: center;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.38; }

.event_page .date .end_text p small {
  display: block;
  font-size: 14px; }

.event_page .date .after {
  padding: 52px 0 0;
  text-align: center; }

.event_page .date .after_tit {
  font-size: 26px;
  font-weight: 700; }

.event_page .date .after_txt {
  font-size: 20px;
  font-weight: 700;
  line-height: 2.3; }

.event_page .date .mod_btn02 {
  width: 100%;
  margin: 30px auto 0; }

.event_page .date .mod_btn02 a::after {
  right: 20px; }

@media screen and (max-width: 1024px) {
  .event_page .date .tit img {
    width: auto;
    height: 100px; }

  .event_page .date .item {
    padding: 40px 20px 45px; }

  .event_page .date .lists dt {
    font-size: 16px; }

  .event_page .date .lists dd {
    font-size: 18px; }

  .event_page .date .lists dd .fs01 {
    font-size: 16px; } }
@media screen and (max-width: 599px) {
  .event_page .date {
    padding: 48px 0; }

  .event_page .date .tit img {
    height: 55px; }

  .event_page .date .wrap {
    margin-top: 34px;
    padding: 0 28px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 0; }

  .event_page .date .item {
    width: 100%;
    max-width: 100%;
    border-radius: 5px;
    padding: 22px 28px 26px; }

  .event_page .date .item_tit img {
    width: 198.5px; }

  .event_page .date .lists {
    margin-top: 18px; }

  .event_page .date .lists dt {
    min-width: 72px;
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 5px; }

  .event_page .date .lists dt:not(:first-of-type) {
    margin-top: 17px; }

  .event_page .date .lists dd {
    margin-top: 10px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.54; }

  .event_page .date .lists dd .fs01 {
    font-size: 13px; }

  .event_page .date .end_text {
    margin: 15px 0 0; }

  .event_page .date .end_text p {
    font-size: 16px; }

  .event_page .date .end_text p small {
    display: block;
    font-size: 10px; }

  .event_page .date .after {
    padding: 33px 0 0; }

  .event_page .date .after_tit {
    font-size: 17px; }

  .event_page .date .after_txt {
    margin-top: 11px;
    font-size: 13px;
    line-height: 1.84; }

  .event_page .date .mod_btn02 {
    margin: 11px auto 0; } }
.event_page .event_contents {
  padding: 97px 0;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../event-information/img/event_contents_bg.avif); }

.event_page .event_contents .txt {
  margin-top: 53px;
  font-size: 20px;
  font-weight: 700;
  line-height: 2.3;
  color: #fff; }

.event_page .event_contents .item_wrap {
  margin-top: 88px; }

@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap {
    margin-top: 12.37vw; } }
.event_page .event_contents .item_wrap .item {
  position: relative;
  border-radius: 10px;
  padding: 48px 0 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .item_wrap .item {
    padding: 3.64vw 0 0 0; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item {
    padding: 11.72vw 0 0 0; } }
.event_page .event_contents .item_wrap .item .cat {
  width: 21.875%;
  position: absolute;
  top: -24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .item_wrap .item .cat {
    width: 21.21vw;
    top: -1.82vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item .cat {
    width: 46.88vw;
    top: -4.04vw; } }
.event_page .event_contents .item_wrap .item .item_tit {
  margin: 0 0 47px; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .item_wrap .item .item_tit {
    margin: 0 0 3.56vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item .item_tit {
    margin: 0 0 9.38vw; } }
.event_page .event_contents .item_wrap .item .item_tit img {
  width: auto;
  height: 54px; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .item_wrap .item .item_tit img {
    height: 4.09vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item .item_tit img {
    height: 19.27vw; } }
.event_page .event_contents .item_wrap .item .lead {
  font-size: 18px;
  font-weight: 700;
  line-height: 2;
  color: #fff; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .item_wrap .item .lead {
    font-size: 1.36vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item .lead {
    font-size: 3.65vw; } }
.event_page .event_contents .item_wrap .item .recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  border: solid 2px #001a57;
  background-color: #fff;
  width: 81.25%;
  aspect-ratio: 260 / 47;
  position: absolute;
  bottom: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .item_wrap .item .recommend {
    width: 78.79vw;
    bottom: 6.06vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item .recommend {
    display: block;
    width: 68.75vw;
    bottom: 10.42vw;
    aspect-ratio: auto;
    padding-bottom: 6.25vw; } }
.event_page .event_contents .item_wrap .item .recommend .tit {
  width: 100%;
  background-color: #001a57;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding: 30px; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .item_wrap .item .recommend .tit {
    font-size: 1.82vw;
    padding: 2.27vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item .recommend .tit {
    font-size: 4.17vw;
    padding: 5.21vw; } }
.event_page .event_contents .item_wrap .item .recommend ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item .recommend ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 6.25vw 7.55vw 0; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item .recommend ul + ul {
    margin: 3.91vw 7.55vw 0; } }
.event_page .event_contents .item_wrap .item .recommend ul li {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  padding-left: 1.1em;
  margin: 0 15px; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .item_wrap .item .recommend ul li {
    font-size: 1.52vw;
    margin: 0 1.14vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item .recommend ul li {
    margin: 0;
    text-align: left;
    font-size: 3.65vw;
    margin-top: 3.91vw; } }
.event_page .event_contents .item_wrap .item .recommend ul li:before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  position: absolute;
  top: 7px;
  left: 0; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .item_wrap .item .recommend ul li:before {
    width: 0.53vw;
    height: 0.53vw;
    top: 0.53vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item .recommend ul li:before {
    width: 1.09vw;
    height: 1.09vw;
    top: 1.04vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item .recommend ul li:first-child {
    margin-top: 0; } }
.event_page .event_contents .item_wrap .item:nth-of-type(n + 2) {
  margin-top: 64px; }

.event_page .event_contents .item_wrap .item:nth-of-type(1) {
  aspect-ratio: 1280 / 669;
  background-color: #e37c23;
  background-image: url(../event-information/img/event_contents_item01_img.avif); }

@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item:nth-of-type(1) {
    aspect-ratio: 640 / 1867;
    background-image: url(../event-information/img/event_contents_item01_img_sp.avif); } }
.event_page .event_contents .item_wrap .item:nth-of-type(2) {
  aspect-ratio: 640 / 437;
  background-color: #001a57;
  background-image: url(../event-information/img/event_contents_item02_img.avif); }

@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item:nth-of-type(2) {
    aspect-ratio: 128 / 421;
    background-image: url(../event-information/img/event_contents_item02_img_sp.avif); } }
.event_page .event_contents .item_wrap .item:nth-of-type(2) .recommend ul li:before {
  background-color: #5185c5; }

.event_page .event_contents .item_wrap .item:nth-of-type(3) {
  aspect-ratio: 1280 / 839;
  background-color: #d23918;
  background-image: url(../event-information/img/event_contents_item03_img.avif); }

@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item:nth-of-type(3) {
    aspect-ratio: 160 / 383;
    background-image: url(../event-information/img/event_contents_item03_img_sp.avif); } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .item_wrap .item:nth-of-type(3) .item_tit img {
    width: auto;
    height: 29.43vw; } }
.event_page .event_contents .item_wrap .item:nth-of-type(3) .recommend {
  border: solid 2px #d23918; }

.event_page .event_contents .item_wrap .item:nth-of-type(3) .recommend .tit {
  background-color: #d23918; }

.event_page .event_contents .item_wrap .item:nth-of-type(3) .recommend ul li:before {
  background-color: #f3a441; }

@media screen and (max-width: 1024px) {
  .event_page .event_contents .tit img {
    height: 55px; }

  .event_page .event_contents .txt {
    margin-top: 53px;
    font-size: 18px; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents {
    padding: 46px 0; }

  .event_page .event_contents .txt {
    margin-top: 25px;
    font-size: 14px;
    line-height: 2; } }
.event_page .event_contents .new_products {
  margin: 64px 0 0;
  padding: 64px 120px;
  border-radius: 10px;
  background-color: #fff; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .new_products {
    margin: 4.85vw 0 0;
    padding: 4.85vw 9.09vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .new_products {
    margin: 10.67vw 0 0;
    padding: 10.67vw 6.67vw; } }
.event_page .event_contents .new_products .new_products_tit {
  width: 349px;
  margin: 0 auto 50px; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .new_products .new_products_tit {
    width: 26.44vw;
    margin: 0 auto 3.79vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .new_products .new_products_tit {
    width: 55.87vw;
    margin: 0 auto 8.53vw; } }
.event_page .event_contents .new_products .box_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.event_page .event_contents .new_products .box_wrap .box {
  width: 48.84615384615385%;
  border: solid 2px #eeeeee;
  background-color: #fafafa;
  border-radius: 10px;
  padding: 32px 40px; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .new_products .box_wrap .box {
    padding: 2.42vw 3.03vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .new_products .box_wrap .box {
    width: 100%;
    padding: 4.27vw 4.27vw 5.33vw; } }
.event_page .event_contents .new_products .box_wrap .box h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  margin: 0 0 16px; }

@media screen and (max-width: 599px) {
  .event_page .event_contents .new_products .box_wrap .box h4 {
    margin: 0 0 3.2vw; } }
.event_page .event_contents .new_products .box_wrap .box h4 .new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background-color: #3b3933;
  border-radius: 100%;
  color: #fff;
  font-size: 18px;
  font-weight: 700; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .new_products .box_wrap .box h4 .new {
    width: 4.85vw;
    height: 4.85vw;
    font-size: 1.36vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .new_products .box_wrap .box h4 .new {
    width: 10.67vw;
    height: 10.67vw;
    font-size: 2.93vw; } }
.event_page .event_contents .new_products .box_wrap .box h4 .text {
  width: calc(100% - 64px);
  padding-left: 10px;
  font-size: 28px;
  font-weight: 700; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .new_products .box_wrap .box h4 .text {
    padding-left: 0.76vw;
    font-size: 2.12vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .new_products .box_wrap .box h4 .text {
    width: calc(100% - 10.67vw);
    padding-left: 2vw;
    font-size: 4.53vw; } }
.event_page .event_contents .new_products .box_wrap .box h4 .text small {
  display: block;
  font-size: 18px;
  margin-bottom: 15px; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .new_products .box_wrap .box h4 .text small {
    font-size: 1.36vw;
    margin-bottom: 1.14vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .new_products .box_wrap .box h4 .text small {
    font-size: 2.93vw;
    margin-bottom: 2.67vw; } }
.event_page .event_contents .new_products .box_wrap .box pic {
  text-align: center; }

@media screen and (max-width: 599px) {
  .event_page .event_contents .new_products .box_wrap .box:nth-of-type(n + 2) {
    margin-top: 3.2vw; } }
.event_page .event_contents .new_products .lead {
  margin: 50px 0 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 2; }

@media screen and (max-width: 1320px) {
  .event_page .event_contents .new_products .lead {
    margin: 3.79vw 0 0;
    font-size: 1.36vw; } }
@media screen and (max-width: 599px) {
  .event_page .event_contents .new_products .lead {
    margin: 7.47vw 0 0;
    font-size: 3.73vw; } }
.event_page .summary {
  padding: 94px 0 30px;
  background-color: #fdfdfb; }

.event_page .summary .tit {
  text-align: center; }

.event_page .summary .item_wrap {
  margin-top: 67px; }

.event_page .summary .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2.5%; }

.event_page .summary .item {
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 0 60px 0 rgba(159, 159, 159, 0.2);
  box-shadow: 0 0 60px 0 rgba(159, 159, 159, 0.2); }

.event_page .summary .item_tit {
  text-align: center;
  padding: 15px 0;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: -webkit-gradient(linear, left top, right top, from(#956c59), to(#ccaf9b));
  background: -webkit-linear-gradient(left, #956c59, #ccaf9b);
  background: -o-linear-gradient(left, #956c59, #ccaf9b);
  background: linear-gradient(to right, #956c59, #ccaf9b); }

.event_page .summary .content_wrap {
  border-radius: 0 0 10px 10px;
  background-color: #fff; }

.event_page .summary .item01 .content {
  padding: 31px 10% 50px; }

.event_page .summary .item01 .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.event_page .summary .item01 .lists dt {
  width: 4em; }

.event_page .summary .item01 .lists dd {
  width: calc(100% - 4em); }

.event_page .summary .item01 .lists dt,
.event_page .summary .item01 .lists dd {
  font-size: 18px;
  font-weight: 700;
  line-height: 2; }

.event_page .summary .item01 .lists dt:not(:last-of-type),
.event_page .summary .item01 .lists dd:not(:last-of-type) {
  margin-bottom: 22px; }

.event_page .summary .item01 .map {
  margin-top: 25px; }

.event_page .summary .item01 .map iframe {
  width: 100%;
  height: 315px; }

.event_page .summary .item01 .end_text {
  width: 100%;
  background-color: #e4582e;
  border-radius: 10px;
  margin: 40px 0 0;
  padding: 15px 0;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg); }

.event_page .summary .item01 .end_text p {
  color: #fff;
  text-align: center;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.38; }

.event_page .summary .item01 .end_text p small {
  display: block;
  font-size: 14px; }

.event_page .summary .item01 .mod_btn02 {
  margin: 36px auto 0; }

.event_page .summary .item01 .mod_btn02 a {
  max-width: 400px; }

.event_page .summary .item03 {
  margin-top: 40px;
  text-align: center; }

.event_page .summary .item03 .content_wrap {
  padding: 40px 0; }

.event_page .summary .item03 .txt {
  font-size: 18px;
  font-weight: 700; }

.event_page .summary .item03 .txt .notes {
  margin-top: 19px;
  display: block;
  font-size: 15px; }

.event_page .summary .after {
  padding: 66px 0;
  text-align: center; }

.event_page .summary .after .cat {
  font-size: 26px;
  font-weight: 700; }

.event_page .summary .after .mod_btn02 {
  margin: 26px auto 0; }

.event_page .summary .after .logo {
  margin-top: 95px; }

@media screen and (max-width: 1024px) {
  .event_page .summary .tit img {
    height: 55px; }

  .event_page .summary .item01 .content {
    padding: 31px 6% 50px; }

  .event_page .summary .item01 .lists dt,
  .event_page .summary .item01 .lists dd {
    font-size: 16px; }

  .event_page .summary .item01 .mod_btn02 {
    margin: 36px auto 0; }

  .event_page .summary .item01 .mod_btn02 a {
    font-size: 16px; }

  .event_page .summary .item01 .mod_btn02 a::after {
    right: 20px; } }
@media screen and (max-width: 599px) {
  .event_page .summary {
    padding: 45px 0 20px; }

  .event_page .summary .item_wrap {
    margin-top: 34px; }

  .event_page .summary .wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 57px 0; }

  .event_page .summary .item {
    border-radius: 0 0 5px 5px; }

  .event_page .summary .item:not(:last-of-type) {
    margin-bottom: 0; }

  .event_page .summary .item_tit {
    padding: 10px 0;
    font-size: 16px;
    border-radius: 5px 5px 0 0; }

  .event_page .summary .item01 .content_wrap {
    padding: 4px 28px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .event_page .summary .item01 .txt {
    width: 100%;
    padding: 15px 0;
    font-size: 14px; }

  .event_page .summary .item01 .txt:first-of-type {
    border-right: none;
    border-bottom: 1px solid #ebebea; }

  .event_page .summary .item01 .end_text {
    margin: 20px 0 0; }

  .event_page .summary .item01 .end_text p {
    font-size: 16px; }

  .event_page .summary .item01 .end_text p small {
    display: block;
    font-size: 10px; }

  .event_page .summary .item03 .content_wrap {
    padding: 19px 0 14px; }

  .event_page .summary .item03 .txt {
    font-size: 14px;
    line-height: 1.78; }

  .event_page .summary .item03 .txt .notes {
    margin-top: 0;
    font-size: 11px; }

  .event_page .summary .after {
    padding: 40px 0; }

  .event_page .summary .after .cat {
    font-size: 17px; }

  .event_page .summary .after .mod_btn02 {
    margin: 20px auto 0; }

  .event_page .summary .after .logo {
    margin-top: 60px; }

  .event_page .summary .after .logo img {
    width: 83px; } }
/* 展示会
--------------------------------------------------------------*/
.hakken_page .content {
  padding: 100px 28px;
  max-width: 1335px;
  margin: 0 auto; }

.hakken_page .content .txt {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 2.54; }

.hakken_page .content .btn_wrap {
  margin-top: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 20px; }

.hakken_page .content .btn {
  width: 400px;
  display: block;
  line-height: 80px;
  font-size: 26px;
  font-weight: 700;
  display: block;
  text-align: center;
  border-radius: 40px;
  background-size: 400%;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer; }

.hakken_page .content .btn::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 37.5px;
  background: inherit;
  -webkit-filter: blur(1em);
  filter: blur(1em);
  opacity: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s; }

.hakken_page .content .btn.blue {
  color: #8bced8;
  border: 1px solid #8bced8; }

.hakken_page .content .btn.orange {
  color: #fbb290;
  border: 1px solid #fbb290; }

@media screen and (min-width: 600px) {
  .hakken_page .content .btn:hover {
    color: #fff;
    -webkit-animation: glow 6s linear infinite;
    animation: glow 6s linear infinite; }

  .hakken_page .content .btn:hover::before {
    -webkit-animation: glow 6s linear infinite;
    animation: glow 6s linear infinite;
    opacity: 1; } }
.hakken_page .content .btn.current {
  color: #fff; }

@media screen and (min-width: 600px) {
  .hakken_page .content .btn.blue:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#66b4f2), color-stop(25%, #9ed9c9), to(#66b4f2));
    background-image: -webkit-linear-gradient(left, #66b4f2, #9ed9c9 25%, #66b4f2);
    background-image: -o-linear-gradient(left, #66b4f2, #9ed9c9 25%, #66b4f2);
    background-image: linear-gradient(to right, #66b4f2, #9ed9c9 25%, #66b4f2); } }
.hakken_page .content .btn.blue.current {
  background-image: -webkit-gradient(linear, left top, right top, from(#66b4f2), color-stop(25%, #9ed9c9), to(#66b4f2));
  background-image: -webkit-linear-gradient(left, #66b4f2, #9ed9c9 25%, #66b4f2);
  background-image: -o-linear-gradient(left, #66b4f2, #9ed9c9 25%, #66b4f2);
  background-image: linear-gradient(to right, #66b4f2, #9ed9c9 25%, #66b4f2); }

@media screen and (min-width: 600px) {
  .hakken_page .content .btn.orange:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#fc8bac), color-stop(30%, #fbc47e), to(#fc8bac));
    background-image: -webkit-linear-gradient(left, #fc8bac, #fbc47e 30%, #fc8bac);
    background-image: -o-linear-gradient(left, #fc8bac, #fbc47e 30%, #fc8bac);
    background-image: linear-gradient(to right, #fc8bac, #fbc47e 30%, #fc8bac); } }
.hakken_page .content .btn.orange.current {
  background-image: -webkit-gradient(linear, left top, right top, from(#fc8bac), color-stop(30%, #fbc47e), to(#fc8bac));
  background-image: -webkit-linear-gradient(left, #fc8bac, #fbc47e 30%, #fc8bac);
  background-image: -o-linear-gradient(left, #fc8bac, #fbc47e 30%, #fc8bac);
  background-image: linear-gradient(to right, #fc8bac, #fbc47e 30%, #fc8bac); }

.hakken_page .content .notes {
  margin-top: 32px;
  text-align: center;
  font-size: 16px;
  font-weight: 700; }

.hakken_page .content .icon {
  width: 4.29%;
  height: 5.07%;
  cursor: pointer;
  margin-inline: auto;
  position: absolute; }

.hakken_page .content .icon img {
  height: auto;
  left: 0;
  position: absolute;
  z-index: 10;
  width: 100%; }

.hakken_page .content .icon img:last-of-type {
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s; }

@media screen and (min-width: 600px) {
  .hakken_page .content .icon img:hover {
    opacity: 1; } }
.hakken_page .content .ki01 {
  top: 11.2%;
  left: 38.3%; }

.hakken_page .content .ki02 {
  bottom: 21%;
  left: 39.5%; }

.hakken_page .content .ki03 {
  top: 39.3%;
  right: 36.8%; }

.hakken_page .content .ki04 {
  bottom: 34.4%;
  right: 32%; }

.hakken_page .content .ki05 {
  top: 17.6%;
  right: 21.2%; }

.hakken_page .content .ki06 {
  bottom: 36.7%;
  right: 14.5%; }

.hakken_page .content .ki07 {
  top: 37.9%;
  right: 3.5%; }

.hakken_page .content .ki08 {
  top: 21%;
  left: 29.9%; }

.hakken_page .content .ki09 {
  bottom: 34.4%;
  left: 21.9%; }

.hakken_page .content .si01 {
  top: 2.2%;
  left: 14.8%; }

.hakken_page .content .si02 {
  top: 0.7%;
  right: 4.1%; }

.hakken_page .content .si03 {
  top: 42.2%;
  left: 39.7%; }

.hakken_page .content .si04 {
  bottom: 24%;
  left: 43.7%; }

.hakken_page .content .si05 {
  top: 39.8%;
  right: 5.8%; }

.hakken_page .content .si06 {
  top: 14.6%;
  right: 27.3%; }

.hakken_page .content .si07 {
  top: 26.6%;
  right: 30.8%; }

.hakken_page .content .si08 {
  bottom: 27.7%;
  left: 15.5%; }

.hakken_page .content .si09 {
  bottom: 30.5%;
  left: 26.4%; }

.hakken_page .content .si10 {
  top: 43.7%;
  left: 4.9%; }

.hakken_page .content .si11 {
  top: 46.8%;
  left: 8.9%; }

.hakken_page .content .si12 {
  bottom: 22%;
  left: 6.7%; }

.hakken_page .content .si13 {
  bottom: 12.5%;
  left: 26.7%; }

.hakken_page .content .si14 {
  bottom: 40.3%;
  right: 19.3%; }

.hakken_page .content .si15 {
  bottom: 27.3%;
  right: 2.1%; }

.hakken_page .content .si16 {
  top: 5.8%;
  right: 36%; }

.hakken_page .content .si17 {
  top: 5.3%;
  right: 16.1%; }

.hakken_page .content .si18 {
  top: 35%;
  right: 41.5%; }

.hakken_page .content .si19 {
  top: 17%;
  left: 25%; }

.hakken_page .content .si20 {
  bottom: 6.6%;
  right: 32.5%; }

.hakken_page .content .map_wrap {
  margin-top: 55px;
  overflow: auto; }

.hakken_page .content .map {
  width: 100%;
  margin: 0 auto;
  position: relative;
  min-width: 1000px;
  min-width: 770px; }

.hakken_page .content .map .img {
  border-radius: 10px; }

@media screen and (max-width: 826px) {
  .hakken_page .content .txt {
    font-size: 16px; }

  .hakken_page .content .icon {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom; } }
@media screen and (max-width: 599px) {
  .hakken_page .content .txt {
    font-size: 14px; }

  .hakken_page .content .btn_wrap {
    margin-top: 35px;
    gap: 0 8.5px; }

  .hakken_page .content .btn {
    line-height: 40px;
    font-size: 15px; }

  .hakken_page .content .notes {
    margin-top: 15px;
    font-size: 10px;
    line-height: 2; } }
.hakken_page .modal {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 100; }

.hakken_page .modal .modal_bg {
  width: 100%;
  height: 100vh;
  position: absolute;
  background: rgba(0, 0, 0, 0.5); }

.hakken_page .modal .modal_content {
  width: 95%;
  height: calc(100vh - 100px);
  max-width: 1080px;
  padding: 64px 20px 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: auto;
  background: #fff;
  border-radius: 10px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none; }

.hakken_page .modal .modal_content::-webkit-scrollbar {
  display: none; }

.hakken_page .modal .modal_inner {
  margin: 0 auto; }

.hakken_page .modal .modal_tit {
  max-width: 776px;
  margin: 0 auto 50px;
  padding-bottom: 35px;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #2c8e84;
  border-bottom: dotted 3px #2c8e84; }

.hakken_page .modal .modal_tit .small {
  font-size: 22px; }

.hakken_page .modal .modal_tit .modal_tit_cate {
  margin-left: 20px;
  padding: 5px 10px;
  vertical-align: middle;
  font-size: 40%;
  color: #fff; }

.hakken_page .modal .close_btn {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 32px;
  right: 32px; }

@media screen and (max-width: 599px) {
  .hakken_page .modal .modal_content {
    width: 85%;
    height: auto;
    max-height: none;
    padding: 30px;
    border-radius: 5px; }

  .hakken_page .modal .modal_tit {
    padding-bottom: 19px;
    font-size: 20px;
    border-bottom: dotted 2px #2c8e84; }

  .hakken_page .modal .modal_tit .small {
    font-size: 13px; }

  .hakken_page .modal .close_btn {
    width: 18.25px;
    height: 18.25px;
    top: 16px;
    right: 16px; } }
.hakken_page .kenzai_modal .modal_content {
  height: calc(100vh - 40px);
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding: 64px 20px 0; }

.hakken_page .kenzai_modal .modal_tit .modal_tit_cate {
  background-color: #2c8e84; }

.hakken_page .kenzai_modal .swiper {
  position: relative;
  text-align: center; }

.hakken_page .kenzai_modal .swiper.disabled .swiper-button-next,
.hakken_page .kenzai_modal .swiper.disabled .swiper-button-prev {
  display: none; }

.hakken_page .kenzai_modal .swiper img {
  max-width: 776px; }

.hakken_page .kenzai_modal .swiper-button-next,
.hakken_page .kenzai_modal .swiper-button-prev {
  width: 30px;
  height: 76px;
  top: 41.8%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(/about/hakken-daiken/img/slide_arrow.svg); }

.hakken_page .kenzai_modal .swiper-button-next::after,
.hakken_page .kenzai_modal .swiper-button-prev::after {
  content: ""; }

.hakken_page .kenzai_modal .swiper-button-prev {
  left: 0; }

.hakken_page .kenzai_modal .swiper-button-next {
  right: 0;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.hakken_page .kenzai_modal .swiper-button-disabled {
  display: none; }

.hakken_page .kenzai_modal .btn_wrap {
  margin-top: 77px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 20px; }

.hakken_page .kenzai_modal .mod_btn {
  width: 376px; }

.hakken_page .kenzai_modal .mod_btn a {
  margin: -15px auto 0;
  position: relative; }

.hakken_page .kenzai_modal .mod_btn.orange .btn_cat {
  color: #fbb290; }

.hakken_page .kenzai_modal .btn_cat {
  width: 240px;
  line-height: 32px;
  display: block;
  position: absolute;
  top: -17px;
  left: calc(50% - 120px);
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #8bced8;
  border-radius: 1000px;
  z-index: 3;
  background-color: #fff; }

@media screen and (max-width: 820px) {
  .hakken_page .kenzai_modal .btn_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 45px 0; } }
@media screen and (max-width: 599px) {
  .hakken_page .kenzai_modal .modal_content {
    padding: 30px 0; }

  .hakken_page .kenzai_modal .modal_tit {
    width: 87%;
    margin: 0 auto 24px; }

  .hakken_page .kenzai_modal .swiper .swiper-slide img {
    width: 87%;
    aspect-ratio: 1 / 0.86;
    border-radius: 5px; }

  .hakken_page .kenzai_modal .swiper-button-next,
  .hakken_page .kenzai_modal .swiper-button-prev {
    width: 13px;
    height: 55px;
    top: 41.8%;
    background-image: url(/about/hakken-daiken/img/slide_arrow_sp.svg); }

  .hakken_page .kenzai_modal .swiper-button-prev {
    left: 5px; }

  .hakken_page .kenzai_modal .swiper-button-next {
    right: 5px; }

  .hakken_page .kenzai_modal .btn_wrap {
    margin-top: 50px;
    padding: 0 15px; }

  .hakken_page .kenzai_modal .mod_btn {
    width: 100%; }

  .hakken_page .kenzai_modal .mod_btn a {
    margin: -15px auto 0;
    position: relative; }

  .hakken_page .kenzai_modal .mod_btn.orange .btn_cat {
    color: #fbb290; }

  .hakken_page .kenzai_modal .btn_cat {
    width: 160px;
    line-height: 24px;
    top: -15px;
    left: calc(50% - 80px);
    font-size: 12px; } }
.hakken_page .sozai_modal .modal_content {
  height: calc(100svh - 100px);
  max-height: 775px; }

.hakken_page .sozai_modal .modal_tit {
  color: #fc8bac;
  border-bottom: dotted 3px #fc8bac; }

.hakken_page .sozai_modal .modal_tit .modal_tit_cate {
  background-color: #fc8bac; }

.hakken_page .sozai_modal .img_wrap {
  margin-top: 50px; }

.hakken_page .sozai_modal .img {
  width: 685px;
  margin: 0 auto;
  position: relative; }

.hakken_page .sozai_modal .bubble {
  position: absolute;
  display: inline-block;
  padding: 7px 45px 7px 15px;
  border-radius: 10px;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 13px;
  border: 2px solid #fc8bac;
  background-color: #fff; }

.hakken_page .sozai_modal .bubble::before, .hakken_page .sozai_modal .bubble::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.hakken_page .sozai_modal .bubble::before {
  width: 19px;
  height: 17px; }

.hakken_page .sozai_modal .bubble::after {
  width: 10px;
  height: 16px;
  top: calc(50% - 8px);
  right: 17px;
  background-image: url(/about/hakken-daiken/img/arrow.svg); }

.hakken_page .sozai_modal .bubble.bc::before {
  left: calc(50% - 9.5px);
  bottom: -16px;
  background-image: url(/about/hakken-daiken/img/bubble_deco01.svg); }

.hakken_page .sozai_modal .bubble.tc::before {
  left: calc(50% - 9.5px);
  top: -16px;
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
  background-image: url(/about/hakken-daiken/img/bubble_deco01.svg); }

.hakken_page .sozai_modal .bubble.bl::before {
  left: 24px;
  bottom: -16px;
  background-image: url(/about/hakken-daiken/img/bubble_deco02.svg); }

.hakken_page .sozai_modal .bubble.br::before {
  right: 24px;
  bottom: -16px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  background-image: url(/about/hakken-daiken/img/bubble_deco02.svg); }

.hakken_page .sozai_modal .bubble.tl::before {
  left: 24px;
  top: -16px;
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
  background-image: url(/about/hakken-daiken/img/bubble_deco02.svg); }

.hakken_page .sozai_modal .bubble.tr::before {
  right: 24px;
  top: -16px;
  -webkit-transform: scale(-1, -1);
  -ms-transform: scale(-1, -1);
  transform: scale(-1, -1);
  background-image: url(/about/hakken-daiken/img/bubble_deco02.svg); }

.hakken_page .sozai_modal .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 5px; }

.hakken_page .sozai_modal .lists li a {
  min-width: 50px;
  line-height: 24px;
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  background-color: #fc8bac; }

@media screen and (max-width: 599px) {
  .hakken_page .sozai_modal .modal_content {
    height: calc(100svh - 50px);
    max-height: 530px; }

  .hakken_page .sozai_modal .modal_tit {
    margin: 0 auto 24px; }

  .hakken_page .sozai_modal .img_wrap {
    margin-top: 0;
    overflow: visible; }

  .hakken_page .sozai_modal .img {
    width: 250px;
    height: 100%; }

  .hakken_page .sozai_modal .bubble {
    -webkit-transform: scale(0.62);
    -ms-transform: scale(0.62);
    transform: scale(0.62); } }
.hakken_page #sozai_modal01 .bubble01 {
  top: 23%;
  right: 13.4%; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal01 .bubble01 {
    top: 25%;
    right: -8.6%; }

  .hakken_page #sozai_modal01 .bubble01 .txt {
    width: 5em; } }
.hakken_page #sozai_modal02 .bubble01 {
  top: 40px;
  right: 22px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal02 .bubble01 {
    top: 13px;
    right: -45px; } }
.hakken_page #sozai_modal03 .bubble01 {
  top: 105px;
  right: 15px; }

.hakken_page #sozai_modal03 .bubble02 {
  top: 190px;
  left: 120px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal03 .bubble01 {
    top: 20px;
    right: -40px; }

  .hakken_page #sozai_modal03 .bubble01 .txt {
    width: 8em; }

  .hakken_page #sozai_modal03 .bubble01::before {
    left: calc(69% - 9.5px); }

  .hakken_page #sozai_modal03 .bubble02 {
    top: 156px;
    left: -40px; }

  .hakken_page #sozai_modal03 .bubble02 .txt {
    width: 6em; } }
.hakken_page #sozai_modal04 .bubble01 {
  top: 30px;
  left: 260px; }

.hakken_page #sozai_modal04 .bubble02 {
  top: 110px;
  left: 12px; }

.hakken_page #sozai_modal04 .bubble03 {
  top: 150px;
  right: 90px; }

.hakken_page #sozai_modal04 .bubble04 {
  bottom: 110px;
  left: 20px; }

.hakken_page #sozai_modal04 .bubble05 {
  bottom: 90px;
  right: 45px; }

.hakken_page #sozai_modal04 .bubble06 {
  bottom: 40px;
  left: 170px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal04 .bubble01 {
    top: 10px;
    left: 40px; }

  .hakken_page #sozai_modal04 .bubble01 .txt {
    width: 2em; }

  .hakken_page #sozai_modal04 .bubble01::before {
    left: calc(50% - 9.5px);
    top: auto;
    bottom: -16.5px;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    background-image: url(/about/hakken-daiken/img/bubble_deco01.svg); }

  .hakken_page #sozai_modal04 .bubble02 {
    top: 135px;
    left: 40px; }

  .hakken_page #sozai_modal04 .bubble03 {
    top: 70px;
    right: -40px; }

  .hakken_page #sozai_modal04 .bubble03 .txt {
    width: 6em; }

  .hakken_page #sozai_modal04 .bubble04 {
    width: 175px;
    bottom: 80px;
    left: -20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .hakken_page #sozai_modal04 .bubble04 .lists {
    margin-top: 5px; }

  .hakken_page #sozai_modal04 .bubble05 {
    bottom: 67px;
    right: -30px; }

  .hakken_page #sozai_modal04 .bubble05::before {
    right: 24px;
    top: -16.5px;
    left: auto;
    -webkit-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    transform: scale(-1, -1);
    background-image: url(/about/hakken-daiken/img/bubble_deco02.svg); }

  .hakken_page #sozai_modal04 .bubble06 {
    bottom: 20px;
    left: 30px; } }
.hakken_page #sozai_modal05 .bubble01 {
  top: 15px;
  left: 220px; }

.hakken_page #sozai_modal05 .bubble02 {
  top: 80px;
  left: 15px; }

.hakken_page #sozai_modal05 .bubble03 {
  top: 130px;
  right: 50px; }

.hakken_page #sozai_modal05 .bubble04 {
  top: 230px;
  left: 220px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal05 .bubble01 {
    top: 15px;
    left: 50px; }

  .hakken_page #sozai_modal05 .bubble01 .txt {
    width: 2em; }

  .hakken_page #sozai_modal05 .bubble02 {
    top: 60px;
    left: -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .hakken_page #sozai_modal05 .bubble02::before {
    left: 24px;
    bottom: -16.5px;
    background-image: url(/about/hakken-daiken/img/bubble_deco02.svg); }

  .hakken_page #sozai_modal05 .bubble02 .lists {
    margin-top: 5px; }

  .hakken_page #sozai_modal05 .bubble03 {
    top: 115px;
    right: -10px; }

  .hakken_page #sozai_modal05 .bubble03::before {
    left: auto;
    right: 24px;
    bottom: -16.5px;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    background-image: url(/about/hakken-daiken/img/bubble_deco02.svg); }

  .hakken_page #sozai_modal05 .bubble04 {
    top: 170px;
    left: 20px; } }
.hakken_page #sozai_modal06 .bubble01 {
  top: 40px;
  left: 140px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal06 .bubble01 {
    top: 40px;
    left: -40px; }

  .hakken_page #sozai_modal06 .bubble01 .txt {
    width: 7em; } }
.hakken_page #sozai_modal07 .bubble01 {
  top: 165px;
  left: 80px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal07 .bubble01 {
    top: 157px;
    left: -45px; }

  .hakken_page #sozai_modal07 .bubble01::before {
    left: calc(50% - 9.5px);
    bottom: auto;
    top: -16.5px;
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
    background-image: url(/about/hakken-daiken/img/bubble_deco01.svg); }

  .hakken_page #sozai_modal07 .bubble01 .txt {
    width: 6em; } }
.hakken_page #sozai_modal08 .bubble01 {
  bottom: 200px;
  left: 245px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal08 .bubble01 {
    bottom: 150px;
    left: 30px; }

  .hakken_page #sozai_modal08 .bubble01 .txt {
    width: 6em; } }
.hakken_page #sozai_modal09 .bubble01 {
  top: 165px;
  right: 110px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal09 .bubble01 {
    top: 120px;
    right: -35px; }

  .hakken_page #sozai_modal09 .bubble01::before {
    left: calc(70% - 9.5px); }

  .hakken_page #sozai_modal09 .bubble01 .txt {
    width: 4em; } }
.hakken_page #sozai_modal10 .bubble01 {
  top: 10px;
  left: 60px; }

.hakken_page #sozai_modal10 .bubble02 {
  top: 40px;
  left: 290px; }

.hakken_page #sozai_modal10 .bubble03 {
  top: 60px;
  right: 15px; }

.hakken_page #sozai_modal10 .bubble04 {
  top: 110px;
  left: 65px; }

.hakken_page #sozai_modal10 .bubble05 {
  top: 165px;
  left: 250px; }

.hakken_page #sozai_modal10 .bubble06 {
  bottom: 210px;
  left: 15px; }

.hakken_page #sozai_modal10 .bubble07 {
  bottom: 180px;
  right: 20px; }

.hakken_page #sozai_modal10 .bubble08 {
  bottom: 70px;
  right: 100px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal10 .modal_notes {
    margin-top: 20px;
    text-align: center;
    font-size: 10px;
    font-weight: 700; }

  .hakken_page #sozai_modal10 .img_wrap {
    margin-top: 10px;
    overflow: auto; }

  .hakken_page #sozai_modal10 .img {
    width: 450px;
    height: 400px; }

  .hakken_page #sozai_modal10 .bubble01 {
    top: 0px;
    left: 270px; }

  .hakken_page #sozai_modal10 .bubble01 .txt {
    width: 4em; }

  .hakken_page #sozai_modal10 .bubble02 {
    top: 30px;
    left: 160px; }

  .hakken_page #sozai_modal10 .bubble02 .txt {
    width: 2em; }

  .hakken_page #sozai_modal10 .bubble03 {
    top: 40px;
    right: -15px; }

  .hakken_page #sozai_modal10 .bubble04 {
    top: 60px;
    left: 0px; }

  .hakken_page #sozai_modal10 .bubble05 {
    top: 92px;
    left: 140px; }

  .hakken_page #sozai_modal10 .bubble06 {
    bottom: 185px;
    left: -15px; }

  .hakken_page #sozai_modal10 .bubble07 {
    bottom: 170px;
    right: -10px; }

  .hakken_page #sozai_modal10 .bubble08 {
    bottom: 90px;
    right: 23px; } }
.hakken_page #sozai_modal11 .bubble01 {
  top: 15px;
  left: 40px; }

.hakken_page #sozai_modal11 .bubble02 {
  bottom: 90px;
  right: 80px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal11 .bubble01 {
    top: 20px;
    left: -50px; }

  .hakken_page #sozai_modal11 .bubble02 {
    bottom: 160px;
    right: 80px; } }
.hakken_page #sozai_modal12 .bubble01 {
  top: 170px;
  left: 60px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal12 .bubble01 {
    top: 130px;
    left: 10px; }

  .hakken_page #sozai_modal12 .bubble01 .txt {
    width: 5em; } }
.hakken_page #sozai_modal13 .bubble01 {
  bottom: 200px;
  left: 180px; }

.hakken_page #sozai_modal13 .bubble02 {
  bottom: 30px;
  right: 40px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal13 .bubble01 {
    bottom: 130px;
    left: -20px; }

  .hakken_page #sozai_modal13 .bubble01 .txt {
    width: 9em; }

  .hakken_page #sozai_modal13 .bubble02 {
    bottom: 0px;
    right: 7px; }

  .hakken_page #sozai_modal13 .bubble02::before {
    left: calc(65% - 9.5px);
    top: -16.5px;
    bottom: auto;
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
    background-image: url(/about/hakken-daiken/img/bubble_deco01.svg); }

  .hakken_page #sozai_modal13 .bubble02 .txt {
    width: 8em; } }
.hakken_page #sozai_modal14 .bubble01 {
  top: 15px;
  left: 80px; }

.hakken_page #sozai_modal14 .bubble02 {
  top: 40px;
  right: 100px; }

.hakken_page #sozai_modal14 .bubble03 {
  top: 100px;
  left: 165px; }

.hakken_page #sozai_modal14 .bubble04 {
  bottom: 220px;
  right: 120px; }

.hakken_page #sozai_modal14 .bubble05 {
  bottom: 150px;
  left: 150px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal14 .bubble01 {
    top: 0;
    left: 6px; }

  .hakken_page #sozai_modal14 .bubble02 {
    top: 30px;
    right: -30px;
    display: block; }

  .hakken_page #sozai_modal14 .bubble02 .lists {
    margin-top: 5px; }

  .hakken_page #sozai_modal14 .bubble03 {
    top: 140px;
    left: 20px; }

  .hakken_page #sozai_modal14 .bubble03::before {
    left: 24px;
    top: -16.5px;
    bottom: auto;
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
    background-image: url(/about/hakken-daiken/img/bubble_deco02.svg); }

  .hakken_page #sozai_modal14 .bubble04 {
    bottom: 70px;
    right: -25px; }

  .hakken_page #sozai_modal14 .bubble04::before {
    left: calc(50% - 9.5px);
    top: -16.5px;
    bottom: auto;
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
    background-image: url(/about/hakken-daiken/img/bubble_deco01.svg); }

  .hakken_page #sozai_modal14 .bubble05 {
    bottom: 115px;
    left: 10px; } }
.hakken_page #sozai_modal15 .bubble01 {
  top: 55px;
  right: 90px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal15 .bubble01 {
    top: 105px;
    right: -42px; } }
.hakken_page #sozai_modal16 .bubble01 {
  top: 155px;
  right: 150px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal16 .bubble01 {
    top: 80px;
    right: 10px; }

  .hakken_page #sozai_modal16 .bubble01 .txt {
    width: 8em; } }
.hakken_page #sozai_modal17 .bubble01 {
  top: 150px;
  left: 180px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal17 .bubble01 {
    top: 70px;
    left: 10px; } }
.hakken_page #sozai_modal18 .bubble01 {
  top: 30px;
  left: 160px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal18 .bubble01 {
    top: 50px;
    left: -40px; }

  .hakken_page #sozai_modal18 .bubble01::before {
    left: 60px; } }
.hakken_page #sozai_modal19 .bubble01 {
  top: 200px;
  left: 70px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal19 .bubble01 {
    top: 90px;
    left: -50px; }

  .hakken_page #sozai_modal19 .bubble01::before {
    left: calc(30% - 9.5px); }

  .hakken_page #sozai_modal19 .bubble01 .txt {
    width: 10em; } }
.hakken_page #sozai_modal20 .bubble01 {
  bottom: 100px;
  left: 100px; }

@media screen and (max-width: 599px) {
  .hakken_page #sozai_modal20 .bubble01 {
    bottom: 40px;
    left: 0px; } }
/* 2025/06/17 東京会場の様子をチェック */
.youtube-movies {
  padding: 95px 20px 80px;
  max-width: 1320px;
  margin: 0 auto; }

.youtube-movies__title {
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 20px; }

@media screen and (max-width: 599px) {
  .youtube-movies__title {
    font-size: 25px; } }
.youtube-movies__inner {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 80%; }

@media screen and (max-width: 599px) {
  .youtube-movies__inner {
    width: 100%; } }
/* 2025/10/03 イベントページ修正 */
.youtube-movies__btnwrap {
  display: flex;
  justify-content: center;
  margin-top: 40px; }

@media screen and (max-width: 599px) {
  .youtube-movies__btnwrap {
    margin-top: 30px; } }
.youtube-movies__btnwrap--btn {
  border: 1px solid gray;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  width: 300px;
  max-width: 75%;
  padding: 14px calc(.5em + 20px) 14px 10px;
  position: relative;
  transition: all .5s ease; }

.youtube-movies__btnwrap--btn:hover {
  color: #fff;
  background-color: #0068b7;
  opacity: 1; }

.youtube-movies__btnwrap--btn::after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: ">";
  transform: scaleX(0.5) translateY(-50%); }