@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  /*outline: 0;*/
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  cursor: pointer;
  color: #394452;
}
a:hover {
  cursor: pointer;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

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

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

*:after,
*:before,
a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
button,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  /* font-size: 62.5%; */
  scroll-padding-top: 90px;
  scroll-behavior: smooth;
  -webkit-scroll-padding-top: 90px;
}
@media only screen and (max-width: 768px) {
  html {
    scroll-padding-top: 90px;
  }
}

body {
  position: relative;
  width: calc(100vw - (100vw - 100%));
  min-width: 300px;
  -webkit-text-size-adjust: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.75;
  color: #394452;
  overflow-x: hidden;
  letter-spacing: 0.04em;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}

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

li {
  list-style-type: none;
}

a {
  text-decoration: none;
  /*outline: 0;*/
  color: #394452;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

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

address,
em,
i {
  font-style: normal;
  font-style: normal;
}

button,
input,
select,
textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  /*outline: 0;*/
  margin: 0;
  padding: 0;
  background: none;
  vertical-align: middle;
  font-size: inherit;
  color: #394452;
  font-family: "Noto Sans JP", sans-serif;
}

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

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

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

option {
  /*outline: 0;*/
}

sup {
  position: relative;
  top: -0.7em;
  font-size: 70%;
}

a[href^="tel:"].tel_disable {
  pointer-events: none;
  text-decoration: none;
}

img[src$=".svg"] {
  width: 100%;
}

.change_height #header {
  /* background: rgba($color: #fff, $alpha: 0.8); */
}

#header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 min(1.5vw, 30px);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  background: #fff;
}
@media print, screen and (min-width: 769px) {
  #header {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #header {
    padding: 0 0 0 min(5vw, 20px);
  }
}
#header.open .h_logoarea img {
  /* filter: brightness(1) invert(1); */
}
#header .h_logoarea {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  #header .h_logoarea {
    width: 30%;
    padding: 15.5px 0;
    height: 80px;
  }
}
#header .h_logoarea a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 26px;
  position: relative;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  #header .h_logoarea a {
    gap: 0 10px;
  }
}
#header .h_logoarea img.logo {
  width: min(10vw, 160px);
}
@media only screen and (max-width: 768px) {
  #header .h_logoarea img.logo {
    width: 193px;
  }
}
#header .hamburger {
  border: none;
  width: 60px;
  height: 60px;
  background: none;
  cursor: pointer;
  min-width: 60px;
  z-index: 20;
  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;
  position: relative;
  background: #3c4d62;
  border-bottom-left-radius: 10px;
}
@media print, screen and (min-width: 769px) {
  #header .hamburger {
    display: none;
  }
}
#header .hamburger .hamburger__line {
  position: relative;
  width: 26px;
  height: 1px;
  background: #fff;
  display: block;
}
#header .hamburger .hamburger__line::before, #header .hamburger .hamburger__line::after {
  content: "";
  display: block;
  position: absolute;
  width: inherit;
  height: inherit;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background: #fff;
}
#header .hamburger .hamburger__line::before {
  top: -8px;
}
#header .hamburger .hamburger__line::after {
  bottom: -8px;
}
#header .hamburger[aria-expanded=true] .hamburger__line {
  background: transparent;
}
#header .hamburger[aria-expanded=true] .hamburger__line::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#header .hamburger[aria-expanded=true] .hamburger__line::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#header .globalnav {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  #header .globalnav {
    display: none;
    width: 100vw;
    position: absolute;
    top: 60px;
    left: 0;
    height: 100vh;
    padding: 40px 10px 180px;
    background: #e8edf5;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 2;
  }
}
#header .globalnav .sp_nav_btn li a {
  border-radius: 4px;
  padding: 0;
  width: 100%;
  max-width: 330px;
  margin: 0 auto;
}
#header .globalnav .sp_nav_btn li a:hover span {
  color: #fff;
}
#header .globalnav .sp_nav_btn li a:before {
  display: none;
}
#header .globalnav .sp_nav_btn li a > span {
  width: 92%;
  position: relative;
  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;
  color: #000b45;
  font-weight: 600;
  font-size: 20px;
}
#header .globalnav .sp_nav_btn li a > span:before {
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#header .globalnav .sp_nav_btn li.tel a > span {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
#header .globalnav .sp_nav_btn li.tel a > span:before {
  background: url(../img/common/side_tel.svg) no-repeat center center/contain;
}
#header .globalnav .sp_nav_btn li.tel a > span span {
  font-family: "Noto Sans JP", sans-serif;
}
#header .globalnav .sp_nav_btn li.contact a > span:before {
  background: url(../img/common/side_mail.svg) no-repeat center center/contain;
}
#header .globalnav .sp_nav_btn li.contact a:hover > span:before {
  background: url(../img/common/side_mail_wh.svg) no-repeat center center/contain;
}
#header .globalnav .sp_nav_btn li.onayami a > span:before {
  background: url(../img/common/side_nayami.svg) no-repeat center center/contain;
}
#header .globalnav .sp_nav_btn li.onayami a:hover > span:before {
  background: url(../img/common/side_nayami_wh.svg) no-repeat center center/contain;
}
#header .globalnav .sp_nav_btn li:not(:last-of-type) {
  margin-bottom: 12px;
}
#header .globalnav .info_text {
  font-size: 12px;
  text-align: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #8c9ca4;
  margin-bottom: 30px;
}
#header .globalnav .gnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0 min(3vw, 60px);
}
@media only screen and (max-width: 768px) {
  #header .globalnav .gnav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0;
  }
}
#header .globalnav .gnav > li {
  position: relative;
  background: #fff;
  border-radius: 6px;
}
#header .globalnav .gnav > li:not(:last-of-type) {
  margin-bottom: 10px;
}
#header .globalnav .gnav > li a {
  display: block;
  text-align: center;
  font-size: min(1.5vw, 16px);
  font-weight: 500;
  padding: 16px 20px;
  position: relative;
}
#header .globalnav .gnav > li a:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (max-width: 768px) {
  #header .globalnav .gnav > li a {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
  }
}
#header .globalnav .gnav > li a img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
}
#header .globalnav .gnav > li a.haschild:before {
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
}
#header .globalnav .gnav > li a.haschild.active:before {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
#header .globalnav .gnav > li > ul {
  display: none;
  padding: 0 20px 20px;
}
@media print, screen and (min-width: 769px) {
  #header .globalnav .gnav > li > ul {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    /*width: calc(100% + 80px);*/
    background: #fff;
    padding: 30px min(2vw, 40px);
  }
}
#header .globalnav .gnav > li > ul li {
  margin-bottom: 15px;
}
#header .globalnav .gnav > li > ul li a {
  text-align: left;
  padding: 0;
  font-weight: 400;
  white-space: pre;
}
#header .globalnav .gnav > li > ul li a::before, #header .globalnav .gnav > li > ul li a::after {
  display: none;
}
@media only screen and (max-width: 768px) {
  #header .globalnav .gnav > li > ul li a {
    font-size: 14px;
  }
}
#header .globalnav .g_nav_sub {
  padding: 30px 20px 0;
}
#header .globalnav .g_nav_sub li {
  margin-bottom: 5px;
}
#header .globalnav #sp_nav_search {
  margin-top: 30px;
  padding: 30px 0 26px;
  display: block;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #8c9ca4;
}
#header .globalnav #sp_nav_search .search-form_wrapper {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
#header .globalnav #sp_nav_search .search-form_wrapper input {
  width: 100%;
  padding: 0 0.75em 0 32px;
  border: 1px solid #e8eced;
  border-radius: 4px;
  font-size: 14px;
  line-height: 46px;
  background: #fff;
}
#header .globalnav #sp_nav_search .search-form_wrapper input::-webkit-input-placeholder {
  color: #8c9ca4;
}
#header .globalnav #sp_nav_search .search-form_wrapper input::-moz-placeholder {
  color: #8c9ca4;
}
#header .globalnav #sp_nav_search .search-form_wrapper input:-ms-input-placeholder {
  color: #8c9ca4;
}
#header .globalnav #sp_nav_search .search-form_wrapper input::-ms-input-placeholder {
  color: #8c9ca4;
}
#header .globalnav #sp_nav_search .search-form_wrapper input::placeholder {
  color: #8c9ca4;
}
#header .globalnav #sp_nav_search .search-form_wrapper .searchsubmit {
  position: absolute;
  top: 16px;
  width: 16px;
  height: 16px;
  left: 10px;
  display: block;
  cursor: pointer;
}
#header .globalnav #sp_nav_search .search-form_wrapper .searchsubmit img {
  vertical-align: top;
}
#header .globalnav .sp_sns_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 26px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#header .globalnav .sp_language_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
  border-top: 1px solid #8c9ca4;
}
#header .globalnav .sp_language_list li {
  width: 160px;
}
#header .globalnav .sp_language_list li a {
  display: block;
  border-radius: 4px;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 14px;
  font-weight: 500;
  line-height: 46px;
  text-align: center;
  background: #fff;
  border: 1px solid #8c9ca4;
}
#header .globalnav .sp_language_list li a:hover {
  background: #9098a4;
  color: #fff;
}
#header .globalnav .sp_language_list li.jp a {
  background: #fff;
  border: 1px solid #8c9ca4;
}
#header .globalnav .sp_language_list li.jp a:hover {
  background: #9098a4;
  color: #fff;
}
#header .globalnav .sp_language_list li.en a {
  background: #9098a4;
  color: #fff;
  border: 1px solid #9098a4;
}
#header .globalnav .sp_language_list li.en a:hover {
  background: #fff;
  color: #394452;
}

footer {
  background: #f8f8f8;
}
footer .f_info {
  padding: 70px 0 0;
}
@media only screen and (max-width: 768px) {
  footer .f_info {
    padding: 60px 0 0;
  }
}
footer .f_info .f_inner {
  width: 95%;
  max-width: 1500px;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  footer .f_info .f_inner .f_container {
    gap: 0;
    -ms-grid-columns: 21.5% 0 78.5%;
    grid-template-columns: 21.5% 78.5%;
  }
}
@media print, screen and (min-width: 769px) {
  footer .f_info .f_inner .f_container .f_left_contents {
    padding-right: min(50px, 2.604vw);
    border-right: 1px solid #e8eced;
  }
}
footer .f_info .f_inner .f_container .f_left_contents .f_logoarea {
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_container .f_left_contents .f_logoarea {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_container .f_left_contents .f_logoarea img {
    max-width: 180px;
  }
}
footer .f_info .f_inner .f_container .f_left_contents .f_address {
  margin-bottom: 30px;
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn {
  margin-bottom: 30px;
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li a {
  border-radius: 4px;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li a {
    margin: 0 auto;
  }
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li a:hover span {
  color: #fff;
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li a:before {
  display: none;
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li a > span {
  width: 92%;
  position: relative;
  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;
  color: #000b45;
  font-weight: 600;
}
@media (max-width: 1100px) and (min-width: 768px) {
  footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li a > span {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    line-height: 1;
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li a > span {
    font-size: 20px;
  }
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li a > span:before {
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li.tel a {
  padding: 5px 0;
  height: auto;
  min-height: 62px;
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li.tel a > span {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li.tel a > span:before {
  background: url(../img/common/side_tel.svg) no-repeat center center/contain;
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li.tel a > span span {
  font-family: "Noto Sans JP", sans-serif;
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li.contact a > span:before {
  background: url(../img/common/side_mail.svg) no-repeat center center/contain;
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li.contact a:hover > span:before {
  background: url(../img/common/side_mail_wh.svg) no-repeat center center/contain;
}
footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li:not(:last-of-type) {
  margin-bottom: 12px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  footer .f_info .f_inner .f_container .f_left_contents .f_nav_btn li:not(:last-of-type) a {
    height: auto;
  }
}
footer .f_info .f_inner .f_container .f_left_contents .f_sns_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 26px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_container .f_left_contents .f_sns_list {
    margin-bottom: 30px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e8eced;
  }
}
@media print, screen and (min-width: 769px) {
  footer .f_info .f_inner .f_nav {
    padding-left: min(50px, 2.604vw);
    border-left: 1px solid #e8eced;
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav {
    gap: 10px;
  }
}
footer .f_info .f_inner .f_nav > div {
  min-width: 0;
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav > div:last-of-type dl {
    background: transparent;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav > div:last-of-type dl dd {
    display: block !important;
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav > div:last-of-type dl dd ul {
    display: block;
  }
}
@media print, screen and (min-width: 769px) {
  footer .f_info .f_inner .f_nav > div.f_link {
    grid-column: 1/-1;
  }
}
@media print, screen and (min-width: 769px) {
  footer .f_info .f_inner .f_nav > div.f_link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav > div.f_link ul {
    padding: 20px 20px 0;
  }
}
@media print, screen and (min-width: 769px) {
  footer .f_info .f_inner .f_nav > div.f_link ul li:first-child {
    padding-right: 20px;
    position: relative;
  }
  footer .f_info .f_inner .f_nav > div.f_link ul li:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #394452;
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav dl {
    background: #fff;
    border-radius: 6px;
  }
}
footer .f_info .f_inner .f_nav dl dt {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav dl dt {
    margin-bottom: 0;
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav dl dt:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #000b45;
    border-right: 1px solid #000b45;
    -webkit-transform: translateY(-50%) rotate(135deg);
            transform: translateY(-50%) rotate(135deg);
    top: 50%;
    right: 20px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}
footer .f_info .f_inner .f_nav dl dt.active:before {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
footer .f_info .f_inner .f_nav dl dt a {
  color: #000b45;
  font-weight: 800;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav dl dt a {
    padding: 16px 20px;
    pointer-events: none;
  }
}
footer .f_info .f_inner .f_nav dl dt a img {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav dl dt a img {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav dl dt.purpose:before, footer .f_info .f_inner .f_nav dl dt.access:before, footer .f_info .f_inner .f_nav dl dt.facility:before, footer .f_info .f_inner .f_nav dl dt.contact:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav dl dt.purpose a, footer .f_info .f_inner .f_nav dl dt.access a, footer .f_info .f_inner .f_nav dl dt.facility a, footer .f_info .f_inner .f_nav dl dt.contact a {
    pointer-events: inherit;
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_nav dl dd ul {
    padding: 0 20px 20px;
  }
}
footer .f_info .f_inner .f_nav dl dd ul li {
  margin-bottom: 5px;
  font-size: 14px;
}
footer .f_info .f_inner .f_bottom {
  margin-top: 70px;
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_bottom {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_bottom .f_banner_list {
    gap: 10px;
  }
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_bottom .f_banner_list .box {
    width: 85%;
    margin: 0 auto;
  }
}
footer .f_info .f_inner .f_bottom .f_bottom_text {
  margin-top: 10px;
  text-align: right;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  footer .f_info .f_inner .f_bottom .f_bottom_text {
    text-align: center;
  }
}
footer .f_info .f_inner .f_bottom .f_bottom_text a {
  text-decoration: underline;
  color: #000b45;
}
footer .f_info .copy {
  font-size: 14px;
  text-align: right;
  display: block;
  padding: 60px 0 40px;
}
@media only screen and (max-width: 768px) {
  footer .f_info .copy {
    font-size: 12px;
    text-align: center;
    padding: 60px 0 100px;
  }
}

.sp {
  display: block;
}
@media print, screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}

.pc {
  display: none;
}
@media print, screen and (min-width: 769px) {
  .pc {
    display: block;
  }
}

.en-font {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.fw_400 {
  font-weight: 400 !important;
}

.center {
  text-align: center;
}

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

.bold {
  font-weight: bold;
}

.fn14 {
  font-size: 14px;
}

.fn20 {
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .fn20 {
    font-size: 16px;
  }
}

.red {
  color: #ff0000;
}

.underline {
  text-decoration: underline;
}

.inline {
  display: inline-block;
}

.img_radius {
  border-radius: 20px;
  overflow: hidden;
}

.kome {
  position: relative;
  padding-left: 1em;
}
.kome:before {
  content: "※";
  position: absolute;
  left: 0;
}

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

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  /* overflow-x: hidden; */
  padding-top: 0;
}
@media only screen and (max-width: 768px) {
  main {
    padding-top: 60px;
  }
}

@media print, screen and (min-width: 769px) {
  #main_contents {
    width: calc(100% - 300px);
    min-height: 1000px;
  }
}
@media (max-width: 1100px) and (min-width: 768px) {
  #main_contents {
    width: calc(100% - 230px);
  }
}
@media only screen and (max-width: 768px) {
  #main_contents {
    width: 100%;
  }
}

footer {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}

.sec_inner {
  max-width: 1200px;
  width: 90%;
  padding: 100px 0;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .sec_inner {
    width: 95%;
    padding: 60px 0;
  }
}
.sec_inner.w800 {
  max-width: 800px;
  width: 90%;
}
.sec_inner.w1520 {
  max-width: 1520px;
}
.sec_inner.gray {
  background-color: #f5f5f5;
  padding: 60px;
}

.w90pct {
  width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .w90pct {
    width: 95%;
  }
}

.pd0 {
  padding: 0 !important;
}

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

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

.dp_bl {
  display: block;
}

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

.gap0 {
  gap: 0 !important;
}

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

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

.flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex_box .box {
  width: 49%;
  margin-bottom: 15px;
}

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

.grid_box_list {
  display: -ms-grid;
  display: grid;
  gap: 20px;
}
.grid_box_list.grid_5_3_1 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .grid_box_list.grid_5_3_1 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid_box_list.grid_5_3_1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid_box_list.grid_5_2_1 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .grid_box_list.grid_5_2_1 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid_box_list.grid_5_2_1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid_box_list.grid_4_3_2 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .grid_box_list.grid_4_3_2 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid_box_list.grid_4_3_2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid_box_list.grid_4_2_1 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .grid_box_list.grid_4_2_1 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid_box_list.grid_4_2_1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid_box_list.grid_3_2_1 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .grid_box_list.grid_3_2_1 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid_box_list.grid_3_2_1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid_box_list.grid_2_2_1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid_box_list.grid_2_1 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 768px) {
  .grid_box_list.grid_2_1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid_box_list.grid_2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.grid_box_list.grid_auto {
  -ms-grid-columns: (auto)[3];
  grid-template-columns: repeat(3, auto);
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .grid_box_list.grid_auto {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .grid_box_list.grid_auto {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}

/* タブリスト */
.tab-list {
  gap: 10px;
  -ms-grid-columns: 1fr 10px 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 768px) {
  .tab-list {
    gap: 6px;
  }
}
.tab-list .tab-list-item {
  border-radius: 10px;
  font-size: clamp(18px, 1.5vw, 20px);
  color: #fff;
  text-align: center;
  padding: 15px;
  background: #9098a4;
}
@media only screen and (max-width: 768px) {
  .tab-list .tab-list-item {
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
  }
}
.tab-list .tab-list-item.active {
  background: #2d8fa5;
}
.tab-list .tab-list-item:hover {
  cursor: pointer;
}

.tab-contents {
  background: #fff;
  border-radius: 10px;
}

/*リスト*/
.nom_list li {
  margin: 0 0 0.75em;
  padding-left: 2em;
  text-indent: -2em;
}

.disc_list li {
  padding-left: 1em;
  position: relative;
  letter-spacing: 0px;
}
.disc_list li::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  background: #003687;
  border-radius: 50%;
  position: absolute;
  left: 0.25em;
  top: 0.65em;
}
.disc_list li .ttl {
  font-weight: 600;
}
.disc_list li .text {
  font-weight: 400;
}

.tab-contents-item {
  display: none;
}
.tab-contents-item.active {
  display: block;
}

.news-contents-item {
  display: none;
}
.news-contents-item.active {
  display: block;
}

/***********************
　　　タイトル
*************************/
.sec_ttl {
  text-align: center;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .sec_ttl {
    margin-bottom: 30px;
  }
}
.sec_ttl span {
  font-size: clamp(28px, 2.5vw, 36px);
  font-weight: 600;
  letter-spacing: 2px;
  color: #000b45;
  padding-bottom: 10px;
  border-bottom: 4px solid #000b45;
}
@media only screen and (max-width: 768px) {
  .sec_ttl span {
    font-size: 22px;
    border-bottom: 2px solid #000b45;
    padding-bottom: 5px;
  }
}

.sec_ttl02 {
  font-size: clamp(22px, 1.82vw, 28px);
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
  /* letter-spacing: 5px; */
}
@media only screen and (max-width: 768px) {
  .sec_ttl02 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.sec_ttl02.text_left {
  text-align: left;
}
.sec_ttl02.border_bottom {
  border-bottom: 1px solid;
}

.sec_ttl03 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  letter-spacing: 2px;
  color: #000b45;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  .sec_ttl03 {
    font-size: 16px;
  }
}

/***********************
　　　リンク
*************************/
@media print, screen and (min-width: 769px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

.text_link {
  color: #000b45;
  text-decoration: underline;
}

.commonBtn {
  background: #fff;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 560px;
  height: auto;
  min-height: 62px;
  border: 1px solid #8c9ca4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000b45;
  font-weight: 600;
  border-radius: 10px;
  padding: 20px 50px;
}
@media only screen and (max-width: 768px) {
  .commonBtn {
    min-height: 52px;
    font-size: 16px;
    border-radius: 6px;
  }
}
.commonBtn:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #8c9ca4;
  border-right: 1px solid #8c9ca4;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 24px;
}
.commonBtn:hover {
  background: #3c4d62;
  color: #fff;
}
.commonBtn.center {
  margin: 0 auto;
}
.commonBtn.arrownone:before {
  display: none;
}
.commonBtn.h_unset {
  height: unset;
  min-height: 62px;
}
@media only screen and (max-width: 768px) {
  .commonBtn.h_unset {
    min-height: 52px;
  }
}
@media only screen and (max-width: 768px) {
  .commonBtn.pdf {
    font-size: 14px;
    height: 42px;
  }
}
.commonBtn.pdf:before {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  border: none;
  background: url(../img/common/common_pdf.svg) no-repeat center center/contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 6%;
}
@media only screen and (max-width: 768px) {
  .commonBtn.pdf:before {
    right: 22px;
  }
}
.commonBtn.pdf:hover:before {
  background: url(../img/common/common_pdf_wh.svg) no-repeat center center/contain;
}
@media only screen and (max-width: 768px) {
  .commonBtn.word {
    font-size: 14px;
    height: 42px;
  }
}
.commonBtn.word:before {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  border: none;
  background: url(../img/common/common_word.svg) no-repeat center center/contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 6%;
}
@media only screen and (max-width: 768px) {
  .commonBtn.word:before {
    right: 22px;
  }
}
.commonBtn.word:hover:before {
  background: url(../img/common/common_word_wh.svg) no-repeat center center/contain;
}
@media only screen and (max-width: 768px) {
  .commonBtn.excel {
    font-size: 14px;
    height: 42px;
  }
}
.commonBtn.excel:before {
  position: absolute;
  content: "";
  width: 22px;
  height: 22px;
  border: none;
  background: url(../img/common/common_excel.svg) no-repeat center center/contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 6%;
}
@media only screen and (max-width: 768px) {
  .commonBtn.excel:before {
    right: 22px;
  }
}
.commonBtn.excel:hover:before {
  background: url(../img/common/common_excel_wh.svg) no-repeat center center/contain;
}
.commonBtn.blue_btn {
  background: #000b45;
  color: #fff;
}
.commonBtn.blue_btn:before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.commonBtn.blue_btn:hover {
  background: #fff;
  color: #3c4d62;
}
.commonBtn.blue_btn:hover:before {
  border-top: 1px solid #8c9ca4;
  border-right: 1px solid #8c9ca4;
}
.commonBtn.btn_tel:before {
  display: none;
}
.commonBtn.btn_tel span {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  padding-left: 41px;
  position: relative;
  color: #000b45;
  font-weight: 600;
  font-size: clamp(24px, 1.9vw, 30px);
}
.commonBtn.btn_tel span:before {
  position: absolute;
  content: "";
  width: 34px;
  height: 34px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/common/side_tel.svg) no-repeat center center/contain;
}
.commonBtn.btn_tel:hover span {
  color: #fff;
}
.commonBtn.btn_tel:hover span:after {
  background: url(../img/common/side_tel_wh.svg) no-repeat center center/contain;
}
.commonBtn.btn_mail span {
  position: relative;
  padding-left: 41px;
}
.commonBtn.btn_mail span:after {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/common/side_mail_wh.svg) no-repeat center center/contain;
}
.commonBtn.btn_mail:hover span {
  color: #000b45;
}
.commonBtn.btn_mail:hover span:after {
  background: url(../img/common/side_mail.svg) no-repeat center center/contain;
}
.commonBtn.large_size {
  max-width: unset;
}

/***********************
　　　テーブルレイアウト
*************************/
.table01 {
  width: 100%;
}
.table01 th,
.table01 td {
  padding: 0.5em 1.25em;
  text-align: center;
}
.table01 thead tr th {
  font-weight: 400;
  background: #3c4d62;
  color: #fff;
  vertical-align: middle;
}
.table01 thead tr th:not(:last-child) {
  border-right: 1px solid #fff;
}
.table01 tbody tr th,
.table01 tbody tr td {
  font-weight: 400;
  border-bottom: 1px solid #3c4d62;
  background: #fff;
}
.table01 tbody tr th:not(:last-child),
.table01 tbody tr td:not(:last-child) {
  border-right: 1px solid #3c4d62;
}
.table01 tbody tr.bg_gray th,
.table01 tbody tr.bg_gray td {
  background: #f8f8f8;
}

/***********************
　　　横スクロール
*************************/
@media only screen and (max-width: 768px) {
  .js-scrollable > * {
    min-width: 1000px;
  }
}
.js-scrollable.scroll-hint.is-right-scrollable {
  background: none;
}
@media only screen and (max-width: 768px) {
  .js-scrollable .scroll-hint-icon {
    left: 10% !important;
  }
}

.scroll_design {
  scrollbar-color: #394452 #ffffff;
  scrollbar-width: thin;
}
@media only screen and (max-width: 768px) {
  .scroll_design {
    padding-bottom: 30px;
  }
}
.scroll_design::-webkit-scrollbar {
  /* スクロールバー全体の幅 */
  width: 6px;
}
.scroll_design::-webkit-scrollbar-track {
  /* スクロールバーの背景 (トラック) */
  background-color: #ffffff;
}
.scroll_design::-webkit-scrollbar-thumb {
  /* スクロールバーのつまみ (thumb) */
  background-color: #394452;
}

/***********************
　　　アニメーション
*************************/
.animate {
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  /*   transition: all 1200ms ease; */
}
.animate.is-active {
  opacity: 1;
}

/***********************
　　　強制スペース
*************************/
.mb0 {
  margin-bottom: 0 !important;
}

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

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

.mb14 {
  margin-bottom: 14px !important;
}

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

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

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

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.mb140 {
  margin-bottom: 140px !important;
}

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

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

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

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

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

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

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

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

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

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

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

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

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

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

.pb50 {
  padding-bottom: 50px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.pb140 {
  padding-bottom: 140px !important;
}

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

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

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

@media only screen and (max-width: 768px) {
  .spmb10 {
    margin-bottom: 10px !important;
  }
  .spmb30 {
    margin-bottom: 30px !important;
  }
  .spmb40 {
    margin-bottom: 40px !important;
  }
  .spmb50 {
    margin-bottom: 50px !important;
  }
  .spmb60 {
    margin-bottom: 60px !important;
  }
  .spmt10 {
    margin-top: 10px !important;
  }
  .spmt50 {
    margin-top: 50px !important;
  }
}
.middle .middle_mv {
  height: 496px;
  background: #ccc;
  display: table;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .middle .middle_mv {
    height: auto;
    aspect-ratio: 11/10;
  }
}
.middle .middle_mv .page_ttl {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 50px 0;
}
@media only screen and (max-width: 768px) {
  .middle .middle_mv .page_ttl {
    padding: 5vw 0;
  }
}
.middle .middle_mv .page_ttl span {
  font-size: 38px;
  font-weight: 500;
  letter-spacing: 0.125em;
}
@media only screen and (max-width: 768px) {
  .middle .middle_mv .page_ttl span {
    font-size: 6vw;
  }
}
.middle {
  /*パンくず*/
}
.middle .pankuzu_wrap {
  margin: 20px 0;
}
@media only screen and (max-width: 768px) {
  .middle .pankuzu_wrap {
    margin: 10px 0;
  }
}
.middle .pankuzu_wrap .pankuzu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .middle .pankuzu_wrap .pankuzu {
    width: 85%;
    margin: 0 auto;
  }
}
.middle .pankuzu_wrap .pankuzu.sec_inner {
  padding: 0;
}
.middle .pankuzu_wrap .pankuzu li:not(:last-of-type) {
  padding-right: 1.5em;
  position: relative;
}
.middle .pankuzu_wrap .pankuzu li:not(:last-of-type)::before {
  content: "";
  width: 1px;
  height: 53%;
  background: #dddddd;
  position: absolute;
  right: 0.75em;
  top: 0;
  bottom: 0;
  margin: auto;
}
.middle .pankuzu_wrap .pankuzu li:not(:last-of-type) a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.middle .middle_ttl_header {
  background: #2d4767;
  padding: 10px 50px;
  border-radius: 0 0 40px 40px;
  width: 90%;
  max-width: 1520px;
  margin: 0 auto;
  min-height: 200px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .middle .middle_ttl_header {
    padding: 20px;
    width: 100%;
    border-radius: 0;
    min-height: 165px;
  }
}
.middle .middle_ttl_header figure {
  text-align: center;
}
.middle .middle_ttl_header figure img {
  width: 60px;
}
@media only screen and (max-width: 768px) {
  .middle .middle_ttl_header figure img {
    width: 50px;
  }
}
.middle .middle_ttl_header .sec_ttl {
  font-size: clamp(28px, 2.5vw, 44px);
  margin-bottom: 20px;
}
.middle .middle_ttl_header .sec_ttl span {
  color: #fff;
  border-bottom: 4px solid #fff;
}
@media only screen and (max-width: 768px) {
  .middle .middle_ttl_header .sec_ttl span {
    border-bottom: 2px solid #fff;
  }
}
.middle .middle_ttl_header .middle_catch {
  font-size: clamp(14px, 1.4vw, 23px);
  color: #fff;
  font-weight: 600;
  line-height: 1.4;
}
.middle .middle_inner {
  width: 90%;
  margin: 0 auto;
  max-width: 1520px;
}
.middle .gray_bg {
  background: #f8f8f8;
}
.middle .cl01_bg {
  background: #e8edf5;
}
.middle .sec_box {
  background: #fff;
  border-radius: 40px;
  padding: min(60px, 5vw);
  max-width: 1520px;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .middle .sec_box {
    width: 95%;
    border-radius: 0;
  }
}
.middle .sec_box:not(:last-of-type) {
  margin-bottom: 30px;
}
.middle .sec_box.gray {
  background: #f8f8f8;
}
.middle .sec_box.cl01 {
  background: #e8edf5;
}
.middle .sec_box .sec_inner {
  padding-top: 50px;
}
.middle .table_text tr th {
  width: 18%;
  min-width: 90px;
  text-align: left;
}
.middle .youtube {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}
.middle .youtube iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.middle .contact_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  background: #e8edf5;
  padding: 30px 50px;
  border-radius: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .middle .contact_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .middle .contact_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
  }
}
.middle .contact_box .text_box {
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .middle .contact_box .text_box {
    font-size: 16px;
  }
}
.middle .contact_box .text_box .fn26 {
  font-size: clamp(20px, 1.7vw, 26px);
  color: #000b45;
}
.middle .contact_box .btn_box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 360px;
}
@media only screen and (max-width: 768px) {
  .middle .contact_box .btn_box {
    width: 100%;
  }
}
.middle .contact_box .btn_box .blue_btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 15px;
}
.middle .contact_box .btn_box .contact_btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.middle .contents_ttl {
  font-size: clamp(20px, 1.7vw, 24px);
  font-weight: 500;
  background: #e8edf5;
  color: #000b45;
  padding: 10px 20px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.middle .border_ttl {
  font-size: clamp(22px, 1.9vw, 30px);
  font-weight: bold;
  letter-spacing: 2px;
  color: #000b45;
  padding-bottom: 10px;
  border-bottom: 2px solid #000b45;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  .middle .border_ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.middle .border_ttl span {
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .middle .border_ttl span {
    font-size: 14px;
  }
}
.middle .border_list {
  border-bottom: 1px solid #8c9ca4;
}
@media print, screen and (min-width: 769px) {
  .middle .border_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.middle .border_list:first-of-type {
  border-top: 1px solid #8c9ca4;
}
.middle .border_list dt {
  font-weight: 600;
  padding: 20px;
  color: #000b45;
}
@media print, screen and (min-width: 769px) {
  .middle .border_list dt {
    width: 30%;
  }
}
@media only screen and (max-width: 768px) {
  .middle .border_list dt {
    padding: 10px 10px 0;
  }
}
.middle .border_list dd {
  padding: 20px;
}
@media print, screen and (min-width: 769px) {
  .middle .border_list dd {
    width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  .middle .border_list dd {
    padding: 10px;
  }
}
.middle .contact_section {
  margin-bottom: 140px;
}
@media only screen and (max-width: 768px) {
  .middle .contact_section {
    margin-bottom: 60px;
  }
}
.middle .contact_section .blue_radius_box {
  background: #e8edf5;
  padding: 30px 50px;
  border-radius: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 360px;
  grid-template-columns: auto 360px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .middle .contact_section .blue_radius_box {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    padding: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .middle .contact_section .blue_radius_box {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding: 20px;
  }
}
.middle .contact_section .blue_radius_box .text_box .fn26 {
  font-size: clamp(20px, 1.7vw, 26px);
  color: #000b45;
}
.middle .contact_section .blue_radius_box .btn_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.middle .contact_section .blue_radius_box .btn_box .btn_tel {
  border: none;
}
.middle .contact_section .blue_radius_box .blue_btn {
  font-weight: 500;
}
.middle .contact_section .blue_radius_box .blue_btn:after {
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  left: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/common/sidenav/side_mail_wh.svg) no-repeat center center/contain;
}
.middle .contact_section .blue_radius_box .blue_btn:hover:after {
  background: url(../img/common/sidenav/side_mail.svg) no-repeat center center/contain;
}
.middle .not_found_search {
  margin: 20px 0;
  display: block;
  width: 100%;
  overflow: hidden;
  max-width: 300px;
}
.middle .not_found_search .search-form_wrapper {
  position: relative;
}
.middle .not_found_search .search-form_wrapper input {
  width: 100%;
  padding: 0 0.75em 0 32px;
  border: 1px solid #e8eced;
  border-radius: 2px;
  font-size: 14px;
  line-height: 34px;
  background: #fff;
}
.middle .not_found_search .search-form_wrapper input::-webkit-input-placeholder {
  color: #8c9ca4;
}
.middle .not_found_search .search-form_wrapper input::-moz-placeholder {
  color: #8c9ca4;
}
.middle .not_found_search .search-form_wrapper input:-ms-input-placeholder {
  color: #8c9ca4;
}
.middle .not_found_search .search-form_wrapper input::-ms-input-placeholder {
  color: #8c9ca4;
}
.middle .not_found_search .search-form_wrapper input::placeholder {
  color: #8c9ca4;
}
.middle .not_found_search .search-form_wrapper .searchsubmit {
  position: absolute;
  top: 9px;
  width: 16px;
  height: 16px;
  left: 10px;
  display: block;
  cursor: pointer;
}
.middle .not_found_search .search-form_wrapper .searchsubmit img {
  vertical-align: top;
}

@media print, screen and (min-width: 769px) {
  #side_contents {
    position: relative;
  }
}
#side_contents #side_nav {
  width: 300px;
  height: 100%;
  position: relative;
  top: 0px;
  z-index: 80;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media (max-width: 1100px) {
  #side_contents #side_nav {
    width: 230px;
  }
}
#side_contents #side_nav #side_nav_inner {
  width: 300px;
  position: sticky;
  top: 20px;
  z-index: 2;
}
@media (max-width: 1100px) {
  #side_contents #side_nav #side_nav_inner {
    width: 230px;
  }
}
#side_contents #side_nav #side_nav_inner #side_logo {
  display: block;
  width: 85%;
}
@media print, screen and (min-width: 769px) {
  #side_contents #side_nav #side_nav_inner #side_logo {
    padding: 0 min(30px, 2.65vw) min(20px, 1.65vw);
    margin: 0 auto;
  }
}
#side_contents #side_nav #side_nav_inner .side_nav_content {
  padding: min(20px, 1.65vw) min(30px, 2.65vw);
  background: #3c4d62;
  border-radius: 0 30px 30px 0;
  color: #fff;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
#side_contents #side_nav #side_nav_inner .side_nav_content::-webkit-scrollbar {
  width: 6px;
}
#side_contents #side_nav #side_nav_inner .side_nav_content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
}
#side_contents #side_nav #side_nav_inner .side_nav_content::-webkit-scrollbar-track {
  background: transparent;
}
#side_contents #side_nav #side_nav_inner .side_nav_content {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.4) transparent;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn {
  margin-bottom: 10px;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li a {
  border-radius: 4px;
  padding: 0;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li a:hover span {
  color: #fff;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li a:before {
  display: none;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li a > span {
  width: 95%;
  /* padding-left: 30px; */
  position: relative;
  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;
  color: #000b45;
  font-weight: 600;
}
@media (max-width: 1100px) and (min-width: 768px) {
  #side_contents #side_nav #side_nav_inner .side_nav_btn li a > span {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    line-height: 1;
  }
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li a > span:before {
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li.tel a {
  padding: 5px 0;
  height: auto;
  min-height: 62px;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li.tel a > span {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: clamp(16px, 1.5vw, 18px);
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li.tel a > span:before {
  background: url(../img/common/sidenav/side_tel.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li.tel a > span span {
  font-family: "Noto Sans JP", sans-serif;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li.contact a > span:before {
  background: url(../img/common/sidenav/side_mail.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li.contact a:hover > span:before {
  background: url(../img/common/sidenav/side_mail_wh.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li.onayami a {
  background: #003687;
  color: #fff;
  border: 1px solid #fff;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li.onayami a > span {
  color: #fff;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li.onayami a > span:before {
  background: url(../img/common/sidenav/side_nayami_wh.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li.onayami a:hover {
  background: #fff;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li.onayami a:hover > span {
  color: #003687;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li.onayami a:hover > span:before {
  background: url(../img/common/sidenav/side_nayami.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_btn li:not(:last-of-type) {
  margin-bottom: 12px;
}
#side_contents #side_nav #side_nav_inner .info_text {
  font-size: 12px;
  text-align: center;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li {
  border-bottom: 1px solid #5b6572;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li a {
  display: block;
  padding: 10px 26px 10px 10px;
  position: relative;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li a:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 10px;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li a:hover {
  background: #fff;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li a:hover:after {
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li a:hover span {
  color: #000b45;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li a span {
  padding-left: 36px;
  position: relative;
  color: #fff;
  font-weight: 600;
  display: block;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li a span:before {
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.tenji {
  border-top: 1px solid #5b6572;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.tenji a span:before {
  background: url(../img/common/sidenav/side_tenji.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.tenji a:hover span:before {
  background: url(../img/common/sidenav/side_tenji_bl.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.ivent a span:before {
  background: url(../img/common/sidenav/side_ivent.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.ivent a:hover span:before {
  background: url(../img/common/sidenav/side_ivent_bl.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.news a span:before {
  background: url(../img/common/sidenav/side_news.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.news a:hover span:before {
  background: url(../img/common/sidenav/side_news_bl.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.servise a span:before {
  background: url(../img/common/sidenav/side_servise.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.servise a:hover span:before {
  background: url(../img/common/sidenav/side_servise_bl.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.business a span:before {
  background: url(../img/common/sidenav/side_business.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.business a:hover span:before {
  background: url(../img/common/sidenav/side_business_bl.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.access a span:before {
  background: url(../img/common/sidenav/side_access.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner .side_nav_list li.access a:hover span:before {
  background: url(../img/common/sidenav/side_access_bl.svg) no-repeat center center/contain;
}
#side_contents #side_nav #side_nav_inner #side_nav_search {
  margin: 20px 0;
  display: block;
  width: 100%;
  overflow: hidden;
}
#side_contents #side_nav #side_nav_inner #side_nav_search .search-form_wrapper {
  position: relative;
}
#side_contents #side_nav #side_nav_inner #side_nav_search .search-form_wrapper input {
  width: 100%;
  padding: 0 0.75em 0 32px;
  border: 1px solid #e8eced;
  border-radius: 2px;
  font-size: 14px;
  line-height: 34px;
  background: #fff;
}
#side_contents #side_nav #side_nav_inner #side_nav_search .search-form_wrapper input::-webkit-input-placeholder {
  color: #8c9ca4;
}
#side_contents #side_nav #side_nav_inner #side_nav_search .search-form_wrapper input::-moz-placeholder {
  color: #8c9ca4;
}
#side_contents #side_nav #side_nav_inner #side_nav_search .search-form_wrapper input:-ms-input-placeholder {
  color: #8c9ca4;
}
#side_contents #side_nav #side_nav_inner #side_nav_search .search-form_wrapper input::-ms-input-placeholder {
  color: #8c9ca4;
}
#side_contents #side_nav #side_nav_inner #side_nav_search .search-form_wrapper input::placeholder {
  color: #8c9ca4;
}
#side_contents #side_nav #side_nav_inner #side_nav_search .search-form_wrapper #searchsubmit {
  position: absolute;
  top: 9px;
  width: 16px;
  height: 16px;
  left: 10px;
  display: block;
  cursor: pointer;
}
#side_contents #side_nav #side_nav_inner #side_nav_search .search-form_wrapper #searchsubmit img {
  vertical-align: top;
}
#side_contents #side_nav #side_nav_inner .side_sns_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#side_contents #side_nav #side_nav_inner .side_language_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px;
  border-top: 1px solid #5b6572;
  border-bottom: 1px solid #5b6572;
}
#side_contents #side_nav #side_nav_inner .side_language_list li {
  width: 100px;
}
#side_contents #side_nav #side_nav_inner .side_language_list li a {
  display: block;
  border-radius: 4px;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 14px;
  font-weight: 500;
  line-height: 34px;
  text-align: center;
  background: #fff;
  border: 1px solid #e8eced;
}
#side_contents #side_nav #side_nav_inner .side_language_list li a:hover {
  background: #9098a4;
  color: #fff;
}
#side_contents #side_nav #side_nav_inner .side_language_list li.jp a {
  background: #fff;
  border: 1px solid #e8eced;
}
#side_contents #side_nav #side_nav_inner .side_language_list li.jp a:hover {
  background: #9098a4;
  color: #fff;
}
#side_contents #side_nav #side_nav_inner .side_language_list li.en a {
  background: #9098a4;
  color: #fff;
  border: 1px solid #9098a4;
}
#side_contents #side_nav #side_nav_inner .side_language_list li.en a:hover {
  background: #fff;
  color: #394452;
}

.wp-block-columns {
  margin: 30px 0 0;
}

.original_block {
  margin: 30px 0 0;
}

.custom-post-paragraph {
  font-weight: 500;
}

.original_h2_text_block {
  margin: 15px 0px 15px 0px;
}
.original_h2_text_block h2 {
  padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #428bca;
  font-size: 1.75em;
  line-height: 1.5em;
}

.original_h3_text_block {
  margin: 15px 0px 15px 0px;
}
.original_h3_text_block h3 {
  color: #333;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #a7d6ff));
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
  font-size: 1.35em;
  line-height: 1.5em;
}

.original_h4_text_block {
  margin: 30px 0 30px;
}
@media only screen and (max-width: 768px) {
  .original_h4_text_block {
    margin: 30px 0 20px;
  }
}
.original_h4_text_block h4 {
  padding: 10px 20px;
  color: #fff;
  background: #244c9c;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .original_h4_text_block h4 {
    font-size: 20px;
  }
}

.original_h5_text_block {
  margin: 30px 0 30px;
}
@media only screen and (max-width: 768px) {
  .original_h5_text_block {
    margin: 30px 0 20px;
  }
}
.original_h5_text_block h5 {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #48a3c4;
}
@media only screen and (max-width: 768px) {
  .original_h5_text_block h5 {
    font-size: 18px;
  }
}
.original_h5_text_block p {
  font-weight: 500;
}

.original_ul_block {
  margin: 30px 0;
}
@media only screen and (max-width: 768px) {
  .original_ul_block {
    margin: 20px 0;
  }
}
.original_ul_block ul {
  background: #fcfcfc; /*背景色*/
  padding: 0.5em 0.5em 0.5em 2em; /*ボックス内の余白*/
  border: solid 1px #ddd; /*線の種類 太さ 色*/
  font-size: 14px;
  margin: 25px 0px 25px 0px;
}
.original_ul_block ul li {
  list-style: none !important;
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}
.original_ul_block ul li .mark {
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 6px;
  background: #333 !important;
  border-radius: 50%;
}
@media only screen and (max-width: 768px) {
  .original_ul_block ul li .mark {
    margin: 4px;
  }
}
.original_ul_block ul li p {
  display: inline;
  font-weight: 400;
}

.original_ol_block {
  margin: 30px 0;
}
@media only screen and (max-width: 768px) {
  .original_ol_block {
    margin: 20px 0;
  }
}
.original_ol_block ol {
  background: #fcfcfc; /*背景色*/
  padding: 0.5em 0.5em 0.5em 2em; /*ボックス内の余白*/
  border: solid 1px #ddd; /*線の種類 太さ 色*/
  font-size: 14px;
  margin: 25px 0px 25px 0px;
}
.original_ol_block ol li {
  list-style: none !important;
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}
.original_ol_block ol li .num {
  display: inline-block;
  font-weight: 400;
  background: transparent !important;
}
.original_ol_block ol li p {
  display: inline;
  font-weight: 400;
}

.original_img_block img {
  width: 100%;
}

.original_link_block {
  margin: 30px 0;
}
@media only screen and (max-width: 768px) {
  .original_link_block {
    margin: 20px 0;
  }
}
.original_link_block a {
  font-weight: 500;
  color: #0086c9;
  text-decoration: underline #0086c9;
  text-underline-offset: 8px;
  text-decoration-thickness: 7%;
}

.original_button_link_block {
  margin: 35px 0;
  text-align: center;
}
.original_button_link_block a {
  font-weight: bold;
  display: inline-block;
  padding: 0.8em 0.8em 0.8em 0.8em;
  background: #00a1df;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  border-radius: 5px;
  text-align: center;
}
.original_button_link_block a span {
  background: transparent !important;
}

.original_comment_block {
  padding: 35px 40px 40px;
  background: #f6f8fb;
}
@media only screen and (max-width: 768px) {
  .original_comment_block {
    padding: 25px 30px 30px;
  }
}
.original_comment_block .head {
  color: #0f478c;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 140%;
}
@media only screen and (max-width: 768px) {
  .original_comment_block .head {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.original_comment_block .comment {
  font-weight: 500;
}

.original_before_after_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media only screen and (max-width: 768px) {
  .original_before_after_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.original_before_after_block img {
  margin-top: 30px;
  aspect-ratio: 688/458;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .original_before_after_block img {
    margin-top: 10px;
  }
}
.original_before_after_block .text {
  margin-top: 20px;
  font-weight: 500;
}
.original_before_after_block .before_box {
  width: 50%;
  padding: 30px;
  background: #efefef;
}
@media only screen and (max-width: 768px) {
  .original_before_after_block .before_box {
    width: 100%;
    padding: 20px;
  }
}
.original_before_after_block .before_box .before {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 140%;
}
@media only screen and (max-width: 768px) {
  .original_before_after_block .before_box .before {
    font-size: 24px;
  }
}
.original_before_after_block .after_box {
  width: 50%;
  padding: 30px;
  background: #f6f8fb;
}
@media only screen and (max-width: 768px) {
  .original_before_after_block .after_box {
    width: 100%;
    padding: 20px;
  }
}
.original_before_after_block .after_box .after {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 140%;
  color: #0f478c;
}
@media only screen and (max-width: 768px) {
  .original_before_after_block .after_box .after {
    font-size: 24px;
  }
}

.original_check_list_block {
  margin: 30px 0 0;
}
.original_check_list_block.pattern_01 ul {
  border: 2px solid #244c9c;
}
.original_check_list_block.pattern_02 ul {
  border: 2px solid #48a3c4;
}
.original_check_list_block.pattern_02 ul li .check_mark {
  background: url("../../blocks/assets/img/blue_check_mark.png") no-repeat center/cover;
}
.original_check_list_block.pattern_03 ul {
  border: 2px solid #ff4e0d;
}
.original_check_list_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 40px;
}
@media only screen and (max-width: 768px) {
  .original_check_list_block ul {
    padding: 20px;
  }
}
.original_check_list_block ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 100%;
  position: relative;
}
.original_check_list_block ul li .check_mark {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../../blocks/assets/img/orange_check_mark.png") no-repeat center/cover;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .original_check_list_block ul li .check_mark {
    width: 35px;
    height: 35px;
  }
}
@media only screen and (max-width: 768px) {
  .original_check_list_block ul li .check_mark {
    width: 30px;
    height: 30px;
  }
}
.original_check_list_block ul li p {
  width: 100%;
  color: #000;
  font-size: 24px;
  font-weight: 700;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .original_check_list_block ul li p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .original_check_list_block ul li p {
    font-size: 14px;
  }
}

.original_task_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2vw;
}
@media only screen and (max-width: 768px) {
  .original_task_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.original_task_block img {
  width: calc(50% - 2vw);
  aspect-ratio: 536/370;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .original_task_block img {
    width: 100%;
  }
}
.original_task_block .text_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .original_task_block .text_container {
    width: 100%;
  }
}
.original_task_block .text_container .text_box {
  padding: 30px;
}
@media only screen and (max-width: 768px) {
  .original_task_block .text_container .text_box {
    padding: 20px;
  }
}
.original_task_block .text_container .text_box .title {
  display: inline-block;
  width: 120px;
  margin-bottom: 10px;
  font-weight: 500;
  border-radius: 30px;
  text-align: center;
}
.original_task_block .text_container .text_box p {
  font-weight: 500;
}
.original_task_block .text_container .purpose {
  background: #f6f8fb;
}
.original_task_block .text_container .purpose span {
  border: 1px solid #0f478c;
  background: #fff;
  color: #0f478c;
}
.original_task_block .text_container .discovery {
  background: #f6f8fb;
}
.original_task_block .text_container .discovery span {
  background: #48a3c4;
  color: #fff;
}
.original_task_block .text_container .result {
  background: #fff2ee;
}
.original_task_block .text_container .result span {
  background: #ff4e0d;
  color: #fff;
}

.original_flow_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 54px;
}
@media only screen and (max-width: 768px) {
  .original_flow_block {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.original_flow_block .flow_box {
  position: relative;
  width: calc((100% - 216px) / 5);
  border: 1px solid #244c9c;
  padding: 10px 10px 15px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .original_flow_block .flow_box {
    width: calc((100% - 54px) / 2);
  }
  .original_flow_block .flow_box:nth-of-type(2) .flow_arrow {
    top: unset;
    right: unset;
    bottom: -47px;
    left: -47px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
@media only screen and (max-width: 768px) {
  .original_flow_block .flow_box {
    width: 100%;
    max-width: 450px;
  }
}
.original_flow_block .flow_box img {
  width: 100%;
  aspect-ratio: 228/177;
  -o-object-fit: cover;
     object-fit: cover;
}
.original_flow_block .flow_box p {
  margin-top: 10px;
  padding: 0 10px;
  font-weight: 500;
}
.original_flow_block .flow_box .flow_arrow {
  position: absolute;
  top: 50%;
  right: -47px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 40px;
  height: 40px;
  background: url("../../blocks/assets/img/blue_arrow.png") no-repeat center/cover;
}
@media only screen and (max-width: 768px) {
  .original_flow_block .flow_box .flow_arrow {
    top: unset;
    right: unset;
    left: 50%;
    bottom: -47px;
    -webkit-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
  }
}

.original_qanda_block .qanda_box {
  margin-bottom: 30px;
}
.original_qanda_block .qanda_box h3 {
  margin-bottom: 15px;
  padding: 7px 20px;
  background: #f6f8fb;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}
.original_qanda_block .qanda_box h3 .q_mark {
  font-family: "Inter", sans-serif;
  color: #0f478c;
  font-size: 22px;
  font-weight: 500;
}
.original_qanda_block .qanda_box p {
  font-weight: 500;
}

.original_contents_block_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .original_contents_block_02 {
    gap: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .original_contents_block_02 {
    gap: 10px;
  }
}
.original_contents_block_02 .contents {
  width: calc((100% - 40px) / 2);
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .original_contents_block_02 .contents {
    width: calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  .original_contents_block_02 .contents {
    width: 100%;
  }
}
.original_contents_block_02 .contents h3 {
  color: #000;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.original_contents_block_02 .contents p {
  margin: 12px 0 20px;
  text-align: center;
  font-weight: 500;
}
.original_contents_block_02 .contents img {
  width: 100%;
  aspect-ratio: 556/370;
  -o-object-fit: cover;
     object-fit: cover;
}

.original_contents_block .contents_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  padding: 50px 0;
  border-bottom: 1px solid #d5dde6;
}
@media only screen and (max-width: 768px) {
  .original_contents_block .contents_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.original_contents_block .contents_box:first-of-type {
  border-top: 1px solid #d5dde6;
}
@media only screen and (max-width: 768px) {
  .original_contents_block .contents_box:nth-of-type(even) img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .original_contents_block .contents_box:nth-of-type(even) p {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.original_contents_block .contents_box img {
  width: 50%;
  aspect-ratio: 556/370;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .original_contents_block .contents_box img {
    width: 100%;
  }
}
.original_contents_block .contents_box p {
  width: 50%;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .original_contents_block .contents_box p {
    width: 100%;
  }
}

.original_img_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .original_img_container {
    gap: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .original_img_container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
  }
}
.original_img_container .img_box {
  width: calc((100% - 60px) / 3);
  padding: 30px 10px 20px;
  background: #f6f8fb;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .original_img_container .img_box {
    width: calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  .original_img_container .img_box {
    width: 100%;
    max-width: 450px;
  }
}
.original_img_container .img_box:has(a) {
  padding: 0;
}
.original_img_container .img_box:has(a) a {
  display: block;
  padding: 30px 10px 20px;
}
.original_img_container .img_box img {
  width: 100%;
  aspect-ratio: 344/280;
  -o-object-fit: cover;
     object-fit: cover;
}
.original_img_container .img_box p {
  margin-top: 15px;
  padding: 0 20px;
  font-size: 20px;
  font-weight: 700;
  color: #000;
}

.original_img_container_02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .original_img_container_02 {
    gap: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .original_img_container_02 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
  }
}
.original_img_container_02 .img_box {
  width: calc((100% - 60px) / 3);
  padding: 20px 10px;
  background: #f6f8fb;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .original_img_container_02 .img_box {
    width: calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  .original_img_container_02 .img_box {
    width: 100%;
    max-width: 450px;
  }
}
.original_img_container_02 .img_box h3 {
  margin-bottom: 15px;
  padding: 0 20px;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}
.original_img_container_02 .img_box img {
  width: 100%;
  aspect-ratio: 344/280;
  -o-object-fit: cover;
     object-fit: cover;
}
.original_img_container_02 .img_box p {
  margin-top: 15px;
  padding: 0 20px;
  font-weight: 500;
}

.original_table_01 {
  width: 100%;
  border-collapse: collapse;
}
.original_table_01 th {
  text-align: center;
  border: 1px solid #0066cc;
  padding: 10px;
  background: #e5f0f9;
  width: 31.25%;
  font-weight: bold;
  color: #333;
}
.original_table_01 th span {
  background: transparent !important;
}
@media only screen and (max-width: 768px) {
  .original_table_01 th {
    padding: 5px;
    font-size: 14px;
  }
}
.original_table_01 td {
  border: 1px solid #0066cc;
  padding: 10px;
  font-weight: 500;
  background: #fff;
}
.original_table_01 td span {
  background: transparent !important;
}
@media only screen and (max-width: 768px) {
  .original_table_01 td {
    padding: 5px;
    font-size: 14px;
  }
}

.original_table_02_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
@media only screen and (max-width: 768px) {
  .original_table_02_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.original_table_02_wrapper .table_left,
.original_table_02_wrapper .table_right {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .original_table_02_wrapper .table_left,
  .original_table_02_wrapper .table_right {
    width: 100%;
  }
}
.original_table_02_wrapper .table_left .original_table_02,
.original_table_02_wrapper .table_right .original_table_02 {
  width: 100%;
  border-collapse: collapse;
}
.original_table_02_wrapper .table_left .original_table_02 th,
.original_table_02_wrapper .table_right .original_table_02 th {
  text-align: left;
  text-align: center;
  border: 1px solid #0066cc;
  padding: 10px;
  background: #e5f0f9;
  width: 38.3%;
  font-weight: bold;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .original_table_02_wrapper .table_left .original_table_02 th,
  .original_table_02_wrapper .table_right .original_table_02 th {
    width: 31.25%;
    padding: 5px;
    font-size: 14px;
  }
}
.original_table_02_wrapper .table_left .original_table_02 td,
.original_table_02_wrapper .table_right .original_table_02 td {
  border: 1px solid #0066cc;
  padding: 10px;
  font-weight: 500;
  color: #333;
}
@media only screen and (max-width: 768px) {
  .original_table_02_wrapper .table_left .original_table_02 td,
  .original_table_02_wrapper .table_right .original_table_02 td {
    padding: 5px;
    font-size: 14px;
  }
}

#index main .sec_mv {
  margin: min(50px, 4.167vw);
}
@media only screen and (max-width: 768px) {
  #index main .sec_mv {
    margin: 20px 5% 29px;
  }
}
#index main .sec_mv .mv_inner {
  max-width: 1125px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 1500/850;
  margin: 0 auto;
  border-radius: 40px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #index main .sec_mv .mv_inner {
    height: 53.077vw;
    min-height: auto;
    border-radius: 20px;
  }
}
#index main .sec_mv .mv_text {
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  #index main .sec_mv .mv_text {
    text-align: left;
  }
}
@media print, screen and (min-width: 769px) {
  #index main .sec_mv img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
#index main .sec_mv {
  /* 動画をカバーさせる */
}
#index main .sec_mv .hero__video {
  position: absolute;
  inset: 0; /* top:0 right:0 bottom:0 left:0 */
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* 中央トリミングでカバー */
}
#index main .sec_mv {
  /* 右下の小さなボタン */
}
#index main .sec_mv .video-stop-btn {
  position: absolute;
  bottom: 20px;
  right: 50px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #3c4d62;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  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;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
@media only screen and (max-width: 768px) {
  #index main .sec_mv .video-stop-btn {
    bottom: 16px;
    right: 16px;
  }
}
#index main .sec_mv .video-stop-btn:hover {
  background: #fff;
  color: #3c4d62;
}
#index main .sec_contents {
  background: #f8f8f8;
}
#index main .sec_contents > p {
  width: 85%;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  #index main .sec_contents .grid_box_list {
    gap: 3.3%;
  }
}
#index main .sec_contents .grid_box_list .first_box img {
  border-radius: 30px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_contents .grid_box_list .first_box img {
    border-radius: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  #index main .sec_contents .grid_box_list .grid_box_list {
    gap: 20px;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_contents .grid_box_list .grid_box_list {
    gap: 10px;
  }
}
#index main .sec_contents .grid_box_list .grid_box_list .img_box {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_contents .grid_box_list .grid_box_list .img_box {
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_contents .grid_box_list .grid_box_list .img_box .tytle_box {
    width: 30%;
  }
}
#index main .sec_contents .grid_box_list .grid_box_list .img_box .tytle_box img {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #index main .sec_contents .grid_box_list .grid_box_list .img_box .tytle_box img {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_contents .grid_box_list .grid_box_list .img_box .text_box {
    width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_contents .grid_box_list .grid_box_list .img_box .text_box .sec_ttl03 {
    text-align: left;
  }
}
#index main .sec_contents .grid_box_list .grid_box_list .img_box .text_box p {
  font-size: 14px;
  letter-spacing: 0px;
}
#index main .sec_purpose {
  padding: 100px 0 80px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_purpose {
    padding: 30px 0 0;
  }
}
#index main .sec_purpose .blue_box {
  background: #e8edf5;
  border-radius: 40px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_purpose .blue_box {
    border-radius: 0;
  }
}
#index main .sec_purpose .blue_box .flex_box {
  gap: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#index main .sec_purpose .blue_box .flex_box .box {
  margin: 0;
}
@media only screen and (min-width: 1101px) {
  #index main .sec_purpose .blue_box .flex_box .box {
    width: calc((100% - 39px) / 4);
  }
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #index main .sec_purpose .blue_box .flex_box .box {
    width: calc((100% - 13px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_purpose .blue_box .flex_box .box {
    width: 100%;
  }
}
#index main .sec_purpose .blue_box .flex_box .box a {
  border-radius: 10px;
  border: 1px solid #e8eced;
  letter-spacing: 0;
  padding: 20px;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: #fff;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #index main .sec_purpose .blue_box .flex_box .box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    border: none;
    padding: 15px;
    background: #fff;
  }
}
#index main .sec_purpose .blue_box .flex_box .box a img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto 10px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_purpose .blue_box .flex_box .box a img {
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_purpose .blue_box .flex_box .box a .sec_ttl03 {
    text-align: left;
    margin-bottom: 0;
  }
}
#index main .sec_purpose .blue_box .flex_box .box a:hover {
  background: #3c4d62;
}
#index main .sec_purpose .blue_box .flex_box .box a:hover .sec_ttl03 {
  color: #fff;
}
#index main .sec_purpose .blue_box .flex_box .box a:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
@media only screen and (max-width: 768px) {
  #index main .sec_pickup {
    overflow: hidden;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_pickup .sec_inner {
    width: 100%;
  }
}
#index main .sec_pickup .pickup_slide {
  gap: 13px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_pickup .pickup_slide {
    position: relative;
    padding-bottom: 60px;
    margin-bottom: 0;
    gap: 0;
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  #index main .sec_pickup .pickup_slide .swiper-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 13px 1fr 13px 1fr 13px 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_pickup .pickup_slide .swiper-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#index main .sec_pickup .pickup_slide .swiper-slide {
  width: auto;
}
@media only screen and (max-width: 768px) {
  #index main .sec_pickup .pickup_slide .swiper-slide {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#index main .sec_pickup .pickup_slide .box {
  border-radius: 10px;
  border: 1px solid #e8eced;
  /* overflow: hidden; */
}
#index main .sec_pickup .pickup_slide .box a {
  display: block;
}
#index main .sec_pickup .pickup_slide .box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media only screen and (max-width: 768px) {
  #index main .sec_pickup .pickup_slide .box {
    margin: 0;
    width: calc(100% - 20px);
  }
}
@media print, screen and (min-width: 769px) {
  #index main .sec_pickup .pickup_slide .swiper-pagination {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_pickup .pickup_slide .swiper-pagination {
    bottom: 15px;
    left: 30px;
    width: auto;
    text-align: left;
  }
}
#index main .sec_pickup .pickup_slide .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 4px !important;
  background: #e8edf5;
  opacity: 1;
}
#index main .sec_pickup .pickup_slide .swiper-pagination-bullet-active {
  background: #3c4d62;
}
@media print, screen and (min-width: 769px) {
  #index main .sec_pickup .pickup_slide .swiper-button-prev,
  #index main .sec_pickup .pickup_slide .swiper-button-next {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_pickup .pickup_slide .swiper-button-prev,
  #index main .sec_pickup .pickup_slide .swiper-button-next {
    bottom: 0;
    top: auto;
    right: 30px;
    width: 40px;
    height: 40px;
    margin: 0;
    z-index: 1;
    border: 1px solid #3c4d62;
    border-radius: 100%;
    background: #3c4d62;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_pickup .pickup_slide .swiper-button-prev::after,
  #index main .sec_pickup .pickup_slide .swiper-button-next::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    font-size: 0;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_pickup .pickup_slide .swiper-button-prev {
    right: 80px;
    left: auto;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_pickup .pickup_slide .swiper-button-prev::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_pickup .pickup_slide .swiper-button-next::after {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
#index main .sec_ivent {
  background: #e8edf5;
}
#index main .sec_ivent .grid_box_list {
  -ms-grid-columns: 55% 2.5% 44%;
  grid-template-columns: 55% 44%;
  gap: 2.5%;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #index main .sec_ivent .grid_box_list {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_ivent .grid_box_list {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
#index main .sec_ivent .grid_box_list .calendar_tytle .calendar-tab-list {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}
#index main .sec_ivent .grid_box_list .calendar_tytle .calendar-tab-list .calendar-tab-list-item {
  width: calc((100% - 10px) / 2);
  border-radius: 10px;
  font-size: clamp(18px, 1.5vw, 20px);
  color: #fff;
  text-align: center;
  padding: 15px;
  background: #9098a4;
}
@media only screen and (max-width: 768px) {
  #index main .sec_ivent .grid_box_list .calendar_tytle .calendar-tab-list .calendar-tab-list-item {
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
  }
}
#index main .sec_ivent .grid_box_list .calendar_tytle .calendar-tab-list .calendar-tab-list-item:hover {
  cursor: pointer;
}
#index main .sec_ivent .grid_box_list .calendar_tytle .calendar-tab-list .calendar-tab-list-item:first-of-type {
  width: 0;
  height: 0;
  opacity: 0;
  padding: 0;
}
#index main .sec_ivent .grid_box_list .calendar_tytle .calendar-tab-list .calendar-tab-list-item:nth-of-type(2).active {
  background: #003687;
}
#index main .sec_ivent .grid_box_list .calendar_tytle .calendar-tab-list .calendar-tab-list-item:last-of-type {
  margin-left: 10px;
}
#index main .sec_ivent .grid_box_list .calendar_tytle .calendar-tab-list .calendar-tab-list-item:last-of-type.active {
  background: #2d8fa5;
}
#index main .sec_ivent .grid_box_list .calendar {
  background: #fff;
  padding: 35px 20px;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_ivent .grid_box_list .calendar {
    padding: 20px 10px;
    border-radius: 6px;
  }
}
#index main .sec_ivent .grid_box_list .calendar-tab-contents-item,
#index main .sec_ivent .grid_box_list .event-tab-contents {
  display: none;
}
#index main .sec_ivent .grid_box_list .calendar-tab-contents-item.active,
#index main .sec_ivent .grid_box_list .event-tab-contents.active {
  display: block;
}
#index main .sec_ivent .grid_box_list .calendar-tab-contents-item.syodankai ul li .tag a,
#index main .sec_ivent .grid_box_list .event-tab-contents.syodankai ul li .tag a {
  background: #003687;
}
#index main .sec_ivent .grid_box_list .calendar-tab-contents-item.seminar ul li .tag a,
#index main .sec_ivent .grid_box_list .event-tab-contents.seminar ul li .tag a {
  background: #2d8fa5 !important;
}
#index main .sec_ivent .grid_box_list .ivent_detail_container {
  background: #fff;
  padding: 10px 10px 10px 30px;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_ivent .grid_box_list .ivent_detail_container {
    padding: 10px 10px 10px 20px;
    border-radius: 6px;
  }
}
#index main .sec_ivent .grid_box_list .ivent_detail_container .em.em-list {
  grid-gap: 0;
}
#index main .sec_ivent .grid_box_list .ivent_detail_container .event-list {
  max-height: 680px;
  overflow-y: scroll;
  padding-right: 28px;
  padding: 20px 0;
}
@media only screen and (max-width: 768px) {
  #index main .sec_ivent .grid_box_list .ivent_detail_container .event-list {
    max-height: 300px;
    padding: 20px 0 4px;
  }
}
#index main .sec_ivent .grid_box_list .ivent_detail_container .event-list::-webkit-scrollbar {
  width: 8px;
}
#index main .sec_ivent .grid_box_list .ivent_detail_container .event-list::-webkit-scrollbar-track {
  background-color: #dde1e6;
}
#index main .sec_ivent .grid_box_list .ivent_detail_container .event-list::-webkit-scrollbar-thumb {
  background-color: #394452;
}
#index main .sec_ivent .grid_box_list .ivent_detail_container .event-list .event-item .calendar_day {
  font-size: 18px;
  font-weight: 600;
  color: #79899c;
}
@media only screen and (max-width: 768px) {
  #index main .sec_ivent .grid_box_list .ivent_detail_container .event-list .event-item .calendar_day {
    font-size: 16px;
  }
}
#index main .sec_ivent .grid_box_list .ivent_detail_container .event-list .event-item .tag a {
  background: #003687 !important;
  color: #fff !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px;
  height: 21px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 10px;
}
#index main .sec_ivent .grid_box_list .ivent_detail_container .event-list .event-item .tag {
  /* a[href*="/events/tags/kikakuten/"],
  a[href*="/events/tags/business-meeting/"] {
    background: $blue !important;
  } */
}
#index main .sec_ivent .grid_box_list .ivent_detail_container .event-list .event-item p {
  font-weight: 600;
  margin: 0 !important;
}
#index main .sec_ivent .grid_box_list .ivent_detail_container .event-list .event-item {
  padding: 15px 0;
  border-bottom: 1px solid #e8eced;
  margin-bottom: 0 !important;
}
#index main .sec_ivent .grid_box_list .ivent_detail_container .event-list .event-item:first-of-type {
  padding-top: 0;
}
#index main .sec_ivent .commonBtn {
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_ivent .commonBtn {
    margin-top: 40px;
  }
}
#index main .sec_news {
  background: #f8f8f8;
}
#index main .sec_news .news_tytle {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_news .news_tytle {
    margin-bottom: 10px;
  }
}
#index main .sec_news .news_tytle .news-list-item {
  border-radius: 10px;
  font-size: clamp(18px, 1.5vw, 20px);
  color: #fff;
  text-align: center;
  padding: 15px;
  background: #9098a4;
}
@media only screen and (max-width: 768px) {
  #index main .sec_news .news_tytle .news-list-item {
    font-size: 14px;
    padding: 10px;
    letter-spacing: 0;
  }
}
#index main .sec_news .news_tytle .news-list-item.active {
  background: #003687;
}
#index main .sec_news .news_tytle .news-list-item:hover {
  cursor: pointer;
}
#index main .sec_news .news-contents {
  background: #fff;
  padding: 10px 10px 10px 30px;
  border-radius: 10px;
}
#index main .sec_news .news-contents ul {
  height: 300px;
  overflow-y: scroll;
  padding-right: 28px;
  padding: 20px 0;
}
#index main .sec_news .news-contents ul::-webkit-scrollbar {
  width: 8px;
}
#index main .sec_news .news-contents ul::-webkit-scrollbar-track {
  background-color: #dde1e6;
}
#index main .sec_news .news-contents ul::-webkit-scrollbar-thumb {
  background-color: #394452;
}
#index main .sec_news .news-contents ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#index main .sec_news .news-contents ul li a.related {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#index main .sec_news .news-contents ul li a .news_day {
  font-weight: 600;
  color: #79899c;
  width: 115px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_news .news-contents ul li a .news_day {
    width: 100px;
  }
}
#index main .sec_news .news-contents ul li a .news_day.related {
  width: 225px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_news .news-contents ul li a .news_day.related {
    width: 200px;
  }
}
#index main .sec_news .news-contents ul li a .news_place {
  font-size: 80%;
  font-weight: 600;
  color: #79899c;
}
#index main .sec_news .news-contents ul li a .tag {
  background: #003687;
  color: #fff;
  padding: 5px;
  text-align: center;
  min-width: 180px;
  font-size: 12px;
  margin: 0 1em 0 2em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#index main .sec_news .news-contents ul li a p {
  font-weight: 600;
}
#index main .sec_news .news-contents ul li a {
  padding: 15px 0;
  border-bottom: 1px solid #e8eced;
}
#index main .sec_news .news-contents ul li a:hover {
  background: #e8edf5;
}
#index main .sec_news .news-contents ul li:first-of-type a {
  padding-top: 0;
}
#index main .sec_news .commonBtn {
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_news .commonBtn {
    margin-top: 40px;
  }
}
#index main .sec_services {
  padding: 100px 0 80px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_services {
    padding: 30px 0 50px;
  }
}
#index main .sec_services .blue_box {
  background: #e8edf5;
  border-radius: 40px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_services .blue_box {
    border-radius: 0;
  }
}
#index main .sec_services .blue_box .sec_innner {
  padding: 80px 0;
}
#index main .sec_services .blue_box .grid_box_list {
  gap: 13px;
}
#index main .sec_services .blue_box .grid_box_list .box a {
  border-radius: 10px;
  border: 1px solid #e8eced;
  letter-spacing: 0;
  padding: 20px;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  #index main .sec_services .blue_box .grid_box_list .box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    border: none;
    padding: 15px;
    background: #fff;
  }
}
#index main .sec_services .blue_box .grid_box_list .box a img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto 10px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_services .blue_box .grid_box_list .box a img {
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_services .blue_box .grid_box_list .box a .sec_ttl03 {
    text-align: left;
    margin-bottom: 0;
  }
}
#index main .sec_services .blue_box .grid_box_list .box a:hover {
  background: #3c4d62;
}
#index main .sec_services .blue_box .grid_box_list .box a:hover .sec_ttl03 {
  color: #fff;
}
#index main .sec_services .blue_box .grid_box_list .box a:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
#index main .sec_sns .sec_inner {
  padding-top: 0;
}
#index main .sec_sns .sec_inner .banner_list {
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_sns .sec_inner .banner_list {
    margin-bottom: 50px;
    gap: 10px;
  }
}
#index main .sec_sns .sec_inner .banner_list .box {
  border: 1px solid #e8eced;
  max-width: 290px;
  margin: 0 auto;
}
#index main .sec_sns .sec_inner .instagram_contents {
  background: #f8f8f8;
  padding: 30px;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_sns .sec_inner .instagram_contents {
    background: transparent;
    padding: 30px 0 40px;
    border-radius: 0;
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_sns .sec_inner .instagram_contents:before {
    position: absolute;
    content: "";
    width: 100vw;
    height: 100%;
    background: #f8f8f8;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    z-index: -1;
    top: 0;
  }
}
#index main .sec_sns .sec_inner .instagram_contents .sns_tytle {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: #000b45;
  margin-bottom: 30px;
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_sns .sec_inner .instagram_contents .sns_tytle {
    margin: 0 0 20px 20px;
    font-size: 18px;
  }
}
#index main .sec_sns .sec_inner .instagram_contents .sns_tytle img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
#index main .sec_sns .sec_inner .instagram_contents .instagram_photo_list {
  gap: 11px;
  -ms-grid-columns: 1fr 11px 1fr 11px 1fr;
  grid-template-columns: repeat(3, 1fr);
}
#index main .sec_sns .sec_inner .note_contents {
  background: #f8f8f8;
  padding: 30px;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_sns .sec_inner .note_contents {
    background: transparent;
    padding: 30px 0 40px;
    border-radius: 0;
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_sns .sec_inner .note_contents:before {
    position: absolute;
    content: "";
    width: 100vw;
    height: 100%;
    background: #f8f8f8;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    z-index: -1;
    top: 0;
  }
}
#index main .sec_sns .sec_inner .note_contents .note_tytle {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_sns .sec_inner .note_contents .note_tytle {
    width: 105px;
  }
}
#index main .sec_sns .sec_inner .note_contents a {
  display: block;
}
#index main .sec_sns .sec_inner .note_contents a p {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0 20px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_sns .sec_inner .note_contents a p {
    font-size: 14px;
    margin: 20px auto;
    width: 85%;
  }
}
#index main .sec_sns .sec_inner .note_contents .note_bottom_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  #index main .sec_sns .sec_inner .note_contents .note_bottom_text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    width: 85%;
  }
}
#index main .sec_sns .sec_inner .note_contents .note_bottom_text img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
#index main .sec_sns .sec_inner .note_contents .note_bottom_text p {
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_sns .sec_inner .note_contents .note_bottom_text p {
    width: calc(100% - 50px);
  }
}
#index main .sec_sns .sec_inner .note_contents .note_bottom_text p.note_date {
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  #index main .sec_sns .sec_inner .note_contents .note_bottom_text p.note_date {
    text-align: right;
    margin-top: 10px;
  }
}
#index main .sec_access {
  background: #e8edf5;
}
@media print, screen and (min-width: 769px) {
  #index main .sec_access .grid_box_list {
    gap: 8%;
    -ms-grid-columns: 30% 8% 62%;
    grid-template-columns: 30% 62%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #index main .sec_access .grid_box_list {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  #index main .sec_access .grid_box_list .access_box {
    margin: 0px auto;
    width: 85%;
  }
}
#index main .sec_access .grid_box_list .access_box .sec_ttl02 {
  text-align: left;
  font-size: 22px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_access .grid_box_list .access_box .sec_ttl02 {
    font-size: 18px;
  }
}
#index main .sec_access .grid_box_list .access_box .first_list {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #8c9ca4;
}
#index main .sec_access .grid_box_list .access_box .commonBtn {
  margin-top: 50px;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
@media only screen and (max-width: 768px) {
  #index main .sec_access .grid_box_list .access_box .commonBtn {
    margin-top: 40px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#index main .sec_access .grid_box_list .map_box {
  border-radius: 20px;
  overflow: hidden;
  height: 470px;
}
@media only screen and (max-width: 768px) {
  #index main .sec_access .grid_box_list .map_box {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    border-radius: 0;
    height: auto;
  }
}
#index main .sec_access .grid_box_list .map_box iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #index main .sec_access .grid_box_list .map_box iframe {
    border-radius: 6px;
    height: 320px;
  }
}

#contact .sec01 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
}
#contact .sec01 ul li .commonBtn {
  max-width: unset;
}
#contact .sec02 figure {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 10px 40px;
  border-radius: 4px;
  border: 1px solid #e8eced;
}

.contact-child .sec_inner .contact_description {
  margin-bottom: 60px;
  font-size: 18px;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .contact_description {
    font-size: 16px;
    margin-bottom: 40px;
  }
}
.contact-child .sec_inner .screen-input-text:not(.smf-item__controls .screen-input-text) {
  margin-bottom: 50px;
}
.contact-child .sec_inner .note_text {
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .note_text {
    font-size: 12px;
  }
}
.contact-child .sec_inner .agree-check .smf-checkbox-control__label {
  color: #ff0000;
}
.contact-child .sec_inner:has([data-screen=invalid]) .screen-confirm-text {
  display: none;
}
.contact-child .sec_inner:has([data-screen=invalid]) .snow-monkey-form [data-invalid="1"] {
  border: 1px solid #cd1818 !important;
  background-color: #fee !important;
}
.contact-child .sec_inner:has([data-screen=invalid]) {
  /* 1. 各項目の下に出るデフォルトのエラーメッセージを完全に非表示にする */
}
.contact-child .sec_inner:has([data-screen=invalid]) .snow-monkey-form .smf-error-messages {
  display: none !important;
}
.contact-child .sec_inner:has([data-screen=invalid]) {
  /* 2. まとめたエラーエリアの装飾（お好みに合わせて調整してください） */
}
.contact-child .sec_inner:has([data-screen=invalid]) #smf-custom-error-container {
  border-radius: 20px;
  border: 1px solid #cd1818;
  background: #fff;
  padding: 40px 50px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner:has([data-screen=invalid]) #smf-custom-error-container {
    padding: 20px 30px;
  }
}
.contact-child .sec_inner:has([data-screen=invalid]) #smf-custom-error-container .error-title {
  color: #cd1818;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner:has([data-screen=invalid]) #smf-custom-error-container .error-title {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.contact-child .sec_inner:has([data-screen=invalid]) #smf-custom-error-list {
  color: #cd1818;
}
.contact-child .sec_inner:has([data-screen=invalid]) #smf-custom-error-list li {
  margin-bottom: 5px;
}
.contact-child .sec_inner:has([data-screen=back]) .screen-confirm-text {
  display: none;
}
.contact-child .sec_inner:has([data-screen=back]) #smf-custom-error-container {
  display: none !important;
}
.contact-child .sec_inner:has([data-screen=input]) .screen-confirm-text {
  display: none;
}
.contact-child .sec_inner:has([data-screen=confirm]) .screen-input-text {
  display: none;
}
.contact-child .sec_inner:has([data-screen=confirm]) .screen-confirm-text {
  margin-bottom: 50px;
}
.contact-child .sec_inner:has([data-screen=confirm]) #smf-custom-error-container {
  display: none !important;
}
.contact-child .sec_inner:has([data-screen=complete]) .screen-input-text {
  display: none;
}
.contact-child .sec_inner:has([data-screen=complete]) .screen-confirm-text {
  display: none;
}
.contact-child .sec_inner:has([data-screen=complete]) #smf-custom-error-container {
  display: none !important;
}
.contact-child .sec_inner .snow-monkey-form .smf-progress-tracker {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
}
.contact-child .sec_inner .snow-monkey-form .smf-progress-tracker li {
  max-width: 150px;
}
.contact-child .sec_inner .snow-monkey-form .smf-progress-tracker li[aria-current=true] .smf-progress-tracker__item__number {
  background: #003687;
  font-size: 0;
}
.contact-child .sec_inner .snow-monkey-form .smf-progress-tracker li .smf-progress-tracker__item__number {
  background: #79899c;
  font-size: 0;
}
.contact-child .sec_inner .snow-monkey-form .smf-progress-tracker li .smf-progress-tracker__item__text {
  color: #394452;
  font-weight: 600;
}
.contact-child .sec_inner .snow-monkey-form .smf-reset-button {
  display: block;
  margin: 20px auto 0;
  border: none;
  font-size: 16px;
  color: #003687;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  cursor: pointer;
  background: transparent;
}
.contact-child .sec_inner .snow-monkey-form .smf-reset-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 1px #3c4d62, 0 0 0 3px rgba(60, 77, 98, 0.2);
          box-shadow: 0 0 0 1px #3c4d62, 0 0 0 3px rgba(60, 77, 98, 0.2);
}
.contact-child .sec_inner .snow-monkey-form[data-screen=confirm] .smf-reset-button, .contact-child .sec_inner .snow-monkey-form[data-screen=complete] .smf-reset-button {
  display: none !important;
}
.contact-child .sec_inner .snow-monkey-form[data-screen=complete] {
  text-align: center;
}
.contact-child .sec_inner .snow-monkey-form[data-screen=complete] .commonBtn {
  margin: 50px auto 0;
}
.contact-child .sec_inner .snow-monkey-form[data-screen=complete] .commonBtn:before {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #8c9ca4;
  border-left: 1px solid #8c9ca4;
  right: unset;
  left: 24px;
}
.contact-child .sec_inner .snow-monkey-form[data-screen=complete] .commonBtn:hover:before {
  border-top: none;
  border-right: none;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.contact-child .sec_inner .snow-monkey-form[data-screen=complete] .back_top_btn a {
  background: #fff;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 560px;
  height: 62px;
  margin: 50px auto 0;
  border: 1px solid #8c9ca4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000b45;
  font-weight: 600;
  border-radius: 10px;
  padding: 20px 50px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form[data-screen=complete] .back_top_btn a {
    height: 52px;
    font-size: 16px;
    border-radius: 6px;
  }
}
.contact-child .sec_inner .snow-monkey-form[data-screen=complete] .back_top_btn a:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #8c9ca4;
  border-left: 1px solid #8c9ca4;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  top: 50%;
  left: 24px;
}
.contact-child .sec_inner .snow-monkey-form[data-screen=complete] .back_top_btn a:hover {
  background: #3c4d62;
  color: #fff;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item:has([data-name=privacy_check]) {
  border-bottom: unset;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .privacy_policy_container {
  overflow-y: scroll;
  height: 400px;
  margin-top: 60px;
  padding: 30px 30px 0;
  border: 1px solid #dadce4;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .privacy_policy_container h3 {
  margin-bottom: 20px;
  color: #000;
  font-size: 22px;
  font-weight: 600;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .privacy_policy_container h4 {
  margin-bottom: 10px;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .privacy_policy_container p {
  margin-bottom: 30px;
}

.contact-child .sec_inner .snow-monkey-form .smf-form {
  width: 100%;
  margin-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form {
    margin-bottom: 30px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #d2d8dd;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item:first-of-type {
  border-top: 1px solid #d2d8dd;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item:first-of-type th {
    border-top: none;
    padding: 20px 10px 10px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item:first-of-type td {
    border-top: none;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item.facility-company-name {
  display: none;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item.nini .smf-item__col--label .smf-item__description {
  background-color: #fff;
  color: #394452;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item.fit .smf-item__col--label .smf-item__description {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1px 10px 3px;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item.red-text .smf-checkbox-control__label {
  color: #cd1818;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item.smf-align-start .smf-item__col--label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item.radio-btn-column .smf-radio-buttons-control__control {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24%;
  min-width: 260px;
  padding: 20px;
  line-height: 170%;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #3c4d62;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--label {
    width: 100%;
    min-width: auto;
    padding: 10px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--label .smf-item__description {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 45px;
  margin-top: unset;
  padding: 1px 0 3px;
  color: #cd1818;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
  background-color: #fff;
  text-align: center;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .date-flex .wp-block-group__inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .divide-text-2 .wp-block-group__inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .divide-text-3 .wp-block-group__inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .divide-text-3 .wp-block-group__inner-container .smf-placeholder {
  width: 100%;
  max-width: 300px;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .divide-text-3 .wp-block-group__inner-container .label_text {
  line-height: 1;
  margin: auto 0 0.5em;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) {
  width: 76%;
  padding: 20px 20px 15px;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) {
    width: 100%;
    padding: 10px 5px 10px 5px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) a {
  overflow-wrap: anywhere;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) .smf-radio-buttons-control__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px 30px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) .smf-radio-buttons-control__control {
    gap: 20px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) .smf-radio-buttons-control__control .smf-label:nth-of-type(2) {
  width: 60%;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) .smf-radio-buttons-control__control .smf-label:nth-of-type(2) {
    width: unset;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).inquiry_item_td .input_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).inquiry_item_td .horizontal-item {
  margin-left: 0;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) .input_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).name_td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).name_td {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).name_td .input_wrap {
  width: 50%;
  max-width: 300px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).name_td .input_wrap {
    width: 100%;
    max-width: unset;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1101px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div span:not(.input_wrap, .error) {
  display: inline-block;
  text-align: right;
  width: 140px;
  margin-right: 20px;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div span:not(.input_wrap, .error) {
    margin-right: 10px;
    width: 60px;
    font-size: 14px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div #search {
  cursor: pointer;
  text-align: center;
  width: 100px;
  margin-left: 10px;
  padding: 5px 0 7px;
  font-size: 16px;
  border-radius: 4px;
  background-color: #687179;
  color: white;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div #search {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 90px;
    padding: 7px 0;
    margin-left: 5px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address_search {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address_search span:not(.input_wrap) {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address_search span.input_wrap {
  width: auto;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address_search input {
  width: 250px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address_search input {
    width: 100%;
    max-width: 250px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address2_3 {
  -ms-flex-wrap: unset;
      flex-wrap: unset;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address2_3 {
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address2_3 p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1101px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address2_3 p {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address2_3 p:first-of-type {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address2_3 p:nth-of-type(2) {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address2_3 p span:not(.input_wrap) {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address2_3 .select_wrapper {
    width: 100%;
    max-width: 250px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address2_3 .select_wrapper select {
  width: 250px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address2_3 .select_wrapper select {
    width: 100%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address2_3 input {
    width: 100%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address3 span:not(.input_wrap) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])).address_td div.address3 input {
    width: unset;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) label span {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) label span {
    font-size: 14px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) input {
  width: 100%;
  height: 40px;
  background-color: #f8f8f8;
  border: 1px solid #e8eced;
  border-radius: 4px;
  padding: 10px;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) input {
    font-size: 14px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) input::-webkit-input-placeholder {
  color: #999;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) input::-moz-placeholder {
  color: #999;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) input:-ms-input-placeholder {
  color: #999;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) input::-ms-input-placeholder {
  color: #999;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) input::placeholder {
  color: #999;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) input:focus {
  -webkit-box-shadow: 0 0 0 1px #3c4d62, 0 0 0 3px rgba(60, 77, 98, 0.2);
          box-shadow: 0 0 0 1px #3c4d62, 0 0 0 3px rgba(60, 77, 98, 0.2);
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) textarea {
  width: 100%;
  background-color: #f8f8f8;
  border: 1px solid #e8eced;
  padding: 10px;
  border-radius: 4px;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) textarea {
    font-size: 14px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) textarea::-webkit-input-placeholder {
  color: #999;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) textarea::-moz-placeholder {
  color: #999;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) textarea:-ms-input-placeholder {
  color: #999;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) textarea::-ms-input-placeholder {
  color: #999;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) textarea::placeholder {
  color: #999;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) textarea:focus {
  -webkit-box-shadow: 0 0 0 1px #3c4d62, 0 0 0 3px rgba(60, 77, 98, 0.2);
          box-shadow: 0 0 0 1px #3c4d62, 0 0 0 3px rgba(60, 77, 98, 0.2);
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) select {
  background-color: #fff;
  border: 1px solid #d2d8dd;
  border-radius: 4px;
  padding: 7px 5px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) select {
    padding: 10px 5px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) select.select-time {
  width: 80px;
}
.contact-child .sec_inner .snow-monkey-form .smf-form .smf-item .smf-item__col--controls:not(:has([data-name=privacy_check])) select:focus {
  -webkit-box-shadow: 0 0 0 1px #3c4d62, 0 0 0 3px rgba(60, 77, 98, 0.2);
          box-shadow: 0 0 0 1px #3c4d62, 0 0 0 3px rgba(60, 77, 98, 0.2);
}
.contact-child .sec_inner .snow-monkey-form .smf-form .kengaku-party .smf-placeholder {
  position: relative;
  display: inline-block;
  min-width: 350px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .kengaku-party .smf-placeholder {
    min-width: 170px;
  }
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form .kengaku-party .smf-placeholder {
    min-width: 300px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=tel] {
  max-width: 350px;
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 20px;
  height: 20px;
  margin: 0;
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=radio] + span {
  padding-left: 30px;
  display: inline-block;
  position: relative;
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=radio] + span::after, .contact-child .sec_inner .snow-monkey-form .smf-form input[type=radio] + span::before {
  content: "";
  border-radius: 50%;
  display: block;
  position: absolute;
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=radio] + span::before {
  border: 2px solid #767676;
  left: 0.2em;
  top: 0.5em;
  height: 20px;
  width: 20px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form input[type=radio] + span::before {
    top: 5px;
    height: 18px;
    width: 18px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=radio] + span::after {
  background: #fff;
  height: 8px;
  width: 8px;
  left: 9px;
  top: 15px;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form input[type=radio] + span::after {
    left: 8px;
    top: 10px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=radio]:checked + span::before {
  background: #0244a7;
  border-color: #0244a7;
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=radio]:checked + span::after {
  opacity: 1;
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=radio]:focus-visible + span::before {
  outline: 3px solid #0244a7;
  outline-offset: 2px;
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
}
@media (forced-colors: active) {
  .contact-child .sec_inner .snow-monkey-form .smf-form input[type=radio]:checked + span::after {
    background: CanvasText;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 20px;
  height: 20px;
  margin: 0;
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=checkbox] + span {
  padding-left: 35px;
  display: inline-block;
  position: relative;
  margin-right: 1em;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form input[type=checkbox] + span {
    font-size: 14px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=checkbox] + span::after, .contact-child .sec_inner .snow-monkey-form .smf-form input[type=checkbox] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=checkbox] + span::before {
  border: 2px solid #767676;
  background: #fff;
  border-radius: 2px;
  left: 0.2em;
  height: 20px;
  width: 20px;
  top: 0.3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=checkbox] + span::after {
  border: none;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  height: 12px;
  left: 10px;
  opacity: 0;
  top: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 7px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-form input[type=checkbox] + span::after {
    top: 6px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=checkbox]:checked + span::before {
  background: #0244a7;
  border-color: #0244a7;
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=checkbox]:checked + span::after {
  opacity: 1;
}
.contact-child .sec_inner .snow-monkey-form .smf-form input[type=checkbox]:focus-visible + span::before {
  outline: 3px solid #0244a7;
  outline-offset: 2px;
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
}
@media (forced-colors: active) {
  .contact-child .sec_inner .snow-monkey-form .smf-form input[type=checkbox]:checked + span::before {
    background: Highlight;
    border-color: Highlight;
  }
}
.contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] {
  text-align: center;
  margin: 50px auto 0;
}
.contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] .mwform-checkbox-field label {
  display: inline-block;
}
.contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] .mwform-checkbox-field input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 20px;
  height: 20px;
  margin: 0;
}
.contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] .mwform-checkbox-field input[type=checkbox] + span {
  padding-left: 35px;
  display: inline-block;
  position: relative;
  margin-right: 1em;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] .mwform-checkbox-field input[type=checkbox] + span {
    font-size: 14px;
  }
}
.contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] .mwform-checkbox-field input[type=checkbox] + span::after, .contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] .mwform-checkbox-field input[type=checkbox] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
.contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] .mwform-checkbox-field input[type=checkbox] + span::before {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 2px;
  left: 0.2em;
  height: 20px;
  width: 20px;
  top: 0.3em;
}
.contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] .mwform-checkbox-field input[type=checkbox] + span::after {
  border: none;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  height: 12px;
  left: 10px;
  opacity: 0;
  top: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 7px;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] .mwform-checkbox-field input[type=checkbox] + span::after {
    top: 6px;
  }
}
.contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] .mwform-checkbox-field input[type=checkbox]:checked + span::before {
  background: #076dc8;
}
.contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] .mwform-checkbox-field input[type=checkbox]:checked + span::after {
  opacity: 1;
}
.contact-child .sec_inner .snow-monkey-form [data-name=privacy_check] .mwform-checkbox-field a {
  color: #076dc8;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: #076dc8;
}
.contact-child .sec_inner .snow-monkey-form .smf-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control {
  background: #000b45;
  color: #fff;
  cursor: pointer;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 560px;
  height: 62px;
  border: 1px solid #8c9ca4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
  margin-left: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
@media only screen and (max-width: 768px) {
  .contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control {
    height: 52px;
    font-size: 16px;
    border-radius: 6px;
  }
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control:has([data-action=back]) {
  background: #fff;
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control:has([data-action=back]):before {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #8c9ca4;
  border-left: 1px solid #8c9ca4;
  right: unset;
  left: 24px;
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control:has([data-action=back]):hover {
  background: #000b45;
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control:has([data-action=back]):hover:before {
  border-top: none;
  border-right: none;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control:has([data-action=back]):hover button {
  color: #fff;
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control:has([data-action=back]) button {
  color: #3c4d62;
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 24px;
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control:hover {
  background: #fff;
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control:hover:before {
  border-top: 1px solid #8c9ca4;
  border-right: 1px solid #8c9ca4;
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control:hover button {
  color: #3c4d62;
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control button {
  width: 100%;
  padding: 20px 50px;
  font-weight: 600;
  color: #fff;
  border: none;
  background-color: unset;
  background-image: unset;
  border-radius: 10px;
}
.contact-child .sec_inner .snow-monkey-form .smf-action .smf-button-control button:focus {
  -webkit-box-shadow: 0 0 0 1px #3c4d62, 0 0 0 3px rgba(60, 77, 98, 0.2);
          box-shadow: 0 0 0 1px #3c4d62, 0 0 0 3px rgba(60, 77, 98, 0.2);
}

.contact-child:has([data-screen=confirm]) .sec_inner .contact_description,
#contact:has([data-screen=complete]) .sec_inner .contact_description {
  display: none;
}
.contact-child:has([data-screen=confirm]) .sec_inner .snow-monkey-form .smf-form .smf-item:has([data-name=privacy_check]),
#contact:has([data-screen=complete]) .sec_inner .snow-monkey-form .smf-form .smf-item:has([data-name=privacy_check]) {
  display: none;
}
.contact-child:has([data-screen=confirm]) .sec_inner .snow-monkey-form .smf-form .privacy_policy_container,
#contact:has([data-screen=complete]) .sec_inner .snow-monkey-form .smf-form .privacy_policy_container {
  display: none;
}
.contact-child:has([data-screen=confirm]) .sec_inner .snow-monkey-form .smf-form .smf-complete-content,
#contact:has([data-screen=complete]) .sec_inner .snow-monkey-form .smf-form .smf-complete-content {
  text-align: center;
}
.contact-child:has([data-screen=confirm]) .sec_inner .snow-monkey-form .smf-form .smf-complete-content p,
#contact:has([data-screen=complete]) .sec_inner .snow-monkey-form .smf-form .smf-complete-content p {
  font-size: 18px;
}
.contact-child:has([data-screen=confirm]) .sec_inner .snow-monkey-form .privacy_check,
#contact:has([data-screen=complete]) .sec_inner .snow-monkey-form .privacy_check {
  display: none;
}

/* イベント一覧ページ */
#event {
  /* 共通イベントリストｃｓｓ */
}
#event .tag a {
  background: #2d8fa5 !important;
  color: #fff !important;
  height: 21px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 190px;
  font-size: 12px;
  padding: 5px 10px;
  margin-left: 5px;
}
@media only screen and (max-width: 768px) {
  #event .tag a {
    min-width: 130px;
  }
}
#event .event-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px !important;
}
@media only screen and (max-width: 768px) {
  #event .event-title {
    font-size: 16px;
  }
}
#event .calendar_day,
#event .calendar_period {
  margin-bottom: 10px !important;
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #event .calendar_day,
  #event .calendar_period {
    font-size: 16px;
  }
}
#event .calendar_day span,
#event .calendar_period span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 90px;
  border: none;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  background: #3c4d62;
  font-size: 14px;
  height: 26px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #event .calendar_day span,
  #event .calendar_period span {
    font-size: 12px;
    height: 21px;
    width: 60px;
  }
}
#event .calendar_place {
  margin-bottom: 0 !important;
}
#event .calendar_place span {
  text-align: center;
  margin-right: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 90px;
  border: none;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  background: #3c4d62;
  font-size: 14px;
  height: 26px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #event .calendar_place span {
    font-size: 12px;
    height: 21px;
    width: 60px;
  }
}
#event .event-item {
  padding: 20px 0;
  border-bottom: 1px solid #000b45;
  margin-bottom: 0;
  /* display: none; */
}
#event .event-item:hover {
  background: #f8f8f8;
}
#event {
  /* イベントアーカイブページ */
}
#event .event_wrapper {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper {
    width: 95%;
  }
}
#event .event_wrapper .event_sidenav {
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_sidenav {
    margin-bottom: 35px;
  }
}
#event .event_wrapper .event_sidenav .event-filter-form {
  gap: 10px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_sidenav .event-filter-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 16px;
  }
}
#event .event_wrapper .event_sidenav .event-filter-form .filter-group {
  background: #f3f4f6;
  border-radius: 12px;
  padding: 18px 20px;
  gap: 18px;
}
@media only screen and (min-width: 1101px) {
  #event .event_wrapper .event_sidenav .event-filter-form .filter-group {
    width: calc((100% - 20px) / 3);
  }
}
@media only screen and (max-width: 1450px) {
  #event .event_wrapper .event_sidenav .event-filter-form .filter-group {
    width: calc((100% - 10px) / 2);
  }
}
@media only screen and (max-width: 1000px) {
  #event .event_wrapper .event_sidenav .event-filter-form .filter-group {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_sidenav .event-filter-form .filter-group {
    gap: 3%;
    padding: 14px 30px;
  }
}
#event .event_wrapper .event_sidenav .event-filter-form .filter-group label {
  font-weight: 700;
  color: #1f2a44;
  font-size: 18px;
  white-space: nowrap;
  display: block;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_sidenav .event-filter-form .filter-group label {
    font-size: 15px;
    width: 30%;
  }
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_sidenav .event-filter-form .filter-group .select_box {
    width: 67%;
  }
}
#event .event_wrapper .event_sidenav .event-filter-form .filter-group select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  border: 1px solid #d8dbe2;
  border-radius: 8px;
  padding: 12px 42px 12px 14px;
  font-size: 15px;
  color: #333;
  min-width: 140px;
  cursor: pointer;
  /* ▼矢印 */
  background-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'>  <path d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/>  </svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px;
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_sidenav .event-filter-form .filter-group select {
    min-width: 0;
    font-size: 14px;
    padding: 12px 30px 12px 14px;
    width: 100%;
  }
}
#event .event_wrapper .event_sidenav .event-filter-form .filter-group select:hover {
  border-color: #9aa3b2;
}
#event .event_wrapper .event_sidenav .event-filter-form .filter-group select:focus {
  outline: none;
  border-color: #2b6cb0;
  -webkit-box-shadow: 0 0 0 3px rgba(43, 108, 176, 0.15);
          box-shadow: 0 0 0 3px rgba(43, 108, 176, 0.15);
}
#event .event_wrapper .event_sidenav .event-filter-form .filter-group.archive-select .select_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media print, screen and (min-width: 769px) {
  #event .event_wrapper .event_sidenav .event-filter-form .filter-group.archive-select .select_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_sidenav .event-filter-form .filter-group.archive-select .select_box select {
    width: 50%;
  }
}
#event .event_wrapper .event_sidenav .event-filter-form .filter-group.tag-select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#event .event_wrapper .event_contents .event_pickup_box {
  background: #e8eced;
  padding: 30px 20px 20px;
  margin-bottom: 40px;
  border-radius: 20px;
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_contents .event_pickup_box {
    margin-bottom: 30px;
    padding: 20px 10px 10px;
    border-radius: 0px;
    margin-top: 40px;
  }
}
#event .event_wrapper .event_contents .event_pickup_box .event_pickup_ttl {
  font-size: clamp(22px, 19vw, 30px);
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_contents .event_pickup_box .event_pickup_ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#event .event_wrapper .event_contents .event_pickup_box .event-item {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}
#event .event_wrapper .event_contents .calendar_container {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_contents .calendar_container {
    width: 90%;
    margin: 0 auto;
  }
}
#event .event_wrapper .event_contents #event_all .tab-list-item:first-of-type.active {
  background: #000b45;
}
#event .event_wrapper .event_contents #event_all .tab-list-item:nth-of-type(2).active {
  background: #003687;
}
#event .event_wrapper .event_contents .events_bottom_list {
  margin: 50px 0 100px;
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_contents .events_bottom_list {
    width: 90%;
    margin: 50px auto 0;
  }
}
#event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-list {
  gap: 10px;
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-list {
    gap: 6px;
  }
}
#event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-list .events_bottom-tab-list-item {
  border-radius: 10px;
  font-size: clamp(18px, 1.5vw, 20px);
  color: #fff;
  text-align: center;
  padding: 15px;
  background: #9098a4;
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-list .events_bottom-tab-list-item {
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
  }
}
#event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-list .events_bottom-tab-list-item.active {
  background: #2d8fa5;
}
#event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-list .events_bottom-tab-list-item:hover {
  cursor: pointer;
}
#event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-contents {
  background: #fff;
  border-radius: 10px;
}
#event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-contents-item {
  display: none;
}
#event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-contents-item.active {
  display: block;
}
#event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-contents-item ul li {
  padding: 20px 0;
  border-bottom: 1px solid #000b45;
  margin-bottom: 0;
  /* display: none; */
}
#event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-contents-item ul li:hover {
  background: #f8f8f8;
}
#event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-contents-item.all .tag a {
  background: #000b45 !important;
}
#event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-contents-item.syodankai .tag a {
  background: #003687 !important;
}
#event .event_wrapper .event_contents .events_bottom_list .events_bottom-tab-contents-item.seminar .tag a {
  background: #2d8fa5 !important;
}
#event .event_wrapper .event_contents .more-btn-wrap {
  margin-top: 60px;
}
@media only screen and (max-width: 768px) {
  #event .event_wrapper .event_contents .more-btn-wrap {
    margin-top: 40px;
  }
}
#event {
  /* イベント詳細ページ */
}
#event .event_single .sec_inner {
  padding-top: 60px;
}
@media only screen and (max-width: 768px) {
  #event .event_single .sec_inner {
    padding-top: 30px;
  }
}
#event .event_single .tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #fff;
  font-size: 16px;
  height: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 190px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 768px) {
  #event .event_single .tag {
    min-width: 130px;
  }
}
#event .event_single .tag a {
  color: #fff;
}
#event .event_single .calendar_day,
#event .event_single .calendar_period {
  margin-bottom: 10px !important;
  margin-top: 10px;
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #event .event_single .calendar_day,
  #event .event_single .calendar_period {
    font-size: 16px;
  }
}
#event .event_single .calendar_day span,
#event .event_single .calendar_period span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 90px;
  border: none;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  background: #3c4d62;
  font-size: 14px;
  height: 26px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #event .event_single .calendar_day span,
  #event .event_single .calendar_period span {
    font-size: 12px;
    height: 21px;
    width: 60px;
  }
}
#event .event_single .calendar_place {
  margin-bottom: 40px !important;
}
#event .event_single .calendar_place span {
  text-align: center;
  margin-right: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 90px;
  border: none;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  background: #3c4d62;
  font-size: 14px;
  height: 26px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #event .event_single .calendar_place span {
    font-size: 12px;
    height: 21px;
    width: 60px;
  }
}
#event .event_single .border_ttl {
  font-size: clamp(24px, 2vw, 36px);
  font-weight: 600;
  padding-bottom: 30px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  #event .event_single .border_ttl {
    font-size: 22px;
    margin-bottom: 30px;
    padding: 0 20px 20px;
  }
}
#event .event_single .single_inner p,
#event .event_single .single_inner span,
#event .event_single .single_inner a,
#event .event_single .single_inner pre,
#event .event_single .single_inner div {
  word-break: break-all;
  overflow-wrap: anywhere;
}
#event .event_single .single_inner ul li,
#event .event_single .single_inner ol li {
  list-style-type: inherit;
}
#event .event_single .single_inner .p-entry__body table {
  margin: 25px 0px 25px 0px;
  border-collapse: collapse;
}
#event .event_single .single_inner .p-entry__body td,
#event .event_single .single_inner .p-entry__body th {
  border: 1px solid #ddd;
  padding: 10px 15px 7px;
  line-height: 2.2;
  font-size: 14px;
  background: #fff;
}
#event .event_single .single_inner .p-entry__body th {
  background: #f3f2f1;
  font-size: 16px;
  font-weight: normal;
  font-weight: bold;
}
#event .event_single .single_inner .p-entry__body strong {
  font-size: 22px;
  font-weight: bold;
  color: #ff6600;
}
#event .event_single .single_inner .p-entry__body h1 {
  margin: 25px 0px 25px 0px;
  padding: 0.4em 0.5em;
  color: #494949;
  background: #fff;
  border-left: solid 5px #428bca;
  border-bottom: solid 3px #d7d7d7;
}
#event .event_single .single_inner .p-entry__body h2 {
  margin: 15px 0px 15px 0px;
  padding: 0.25em 0.5em; /*上下 左右の余白*/
  color: #494949; /*文字色*/
  background: transparent; /*背景透明に*/
  border-left: solid 5px #428bca; /*左線*/
}
#event .event_single .single_inner .p-entry__body h3 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #a7d6ff));
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
  margin: 15px 0px 15px 0px;
}
#event .event_single .single_inner .p-entry__body ul,
#event .event_single .single_inner ol {
  background: #fcfcfc; /*背景色*/
  padding: 0.5em 0.5em 0.5em 2em; /*ボックス内の余白*/
  border: solid 1px #ddd; /*線の種類 太さ 色*/
  font-size: 14px;
  margin: 25px 0px 25px 0px;
}
#event .event_single .single_inner .p-entry__body ul li,
#event .event_single .single_inner ol li {
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}
#event .event_single .single_inner .p-entry__body span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
  background: linear-gradient(transparent 60%, #ff6 60%);
}
#event .event_single .single_inner .p-entry__body p .blueBtn {
  text-align: center;
  font-weight: bold;
  background-color: #007dbd;
}
#event .event_single .single_inner #detail_bottom_contact a {
  margin: 35px 0px 35px 0px;
  font-weight: bold;
  display: inline-block;
  padding: 0.8em 0.8em 0.8em 0.8em;
  background: #00a1df;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}
#event .related_events ul li {
  padding: 20px 0;
  border-bottom: 1px solid #000b45;
  margin-bottom: 0;
}
#event {
  /* イベントカテゴリーページ */
}
#event .event_category_ttl {
  font-size: clamp(20px, 1.9vw, 28px);
  font-weight: bold;
  color: #000b45;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  #event .event_category_ttl {
    font-size: 20px;
    gap: 10px;
  }
}
#event .event_category_ttl span {
  font-size: 16px;
  color: #394452;
  font-weight: 400;
}
#event {
  /* イベント詳細ページ */
}
#event .event_single .sec_inner {
  padding-top: 60px;
}
@media only screen and (max-width: 768px) {
  #event .event_single .sec_inner {
    padding-top: 30px;
  }
}
#event .event_single .tag a {
  height: 28px;
  font-size: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 768px) {
  #event .event_single .tag a {
    font-size: 14px;
  }
}
#event .event_single .calendar_place {
  margin-bottom: 40px !important;
}
#event .event_single .border_ttl {
  font-size: clamp(24px, 2vw, 36px);
  font-weight: 600;
  padding-bottom: 30px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  #event .event_single .border_ttl {
    font-size: 22px;
    margin-bottom: 30px;
    padding: 0 20px 20px;
  }
}
#event {
  /* イベント詳細ページ もとのMTからのCSS変更*/
}
#event .p-entry__body h2 {
  font-size: clamp(20px, 1.7vw, 26px);
  font-weight: 600;
  margin-bottom: 30px;
  border-left: none;
}
@media only screen and (max-width: 768px) {
  #event .p-entry__body h2 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
#event .p-entry__body h3 {
  font-size: clamp(18px, 1.5vw, 24px);
  font-weight: 500;
  background: #e8edf5;
  color: #000b45;
  padding: 10px 20px;
  border-radius: 4px;
  margin-bottom: 20px;
}
#event .p-entry__body table {
  width: 100% !important;
}
#event .p-entry__body table tr {
  border-bottom: 1px solid #e8eced;
}
#event .p-entry__body table tr:first-child {
  border-top: 1px solid #e8eced;
}
#event .p-entry__body table tr th,
#event .p-entry__body table tr td {
  border: none;
  background: transparent;
  color: #000b45;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #event .p-entry__body table tr th,
  #event .p-entry__body table tr td {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #event .p-entry__body table tr th {
    padding-bottom: 0;
  }
}
#event #detail_bottom_contact a {
  background: #fff;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 560px;
  height: 62px;
  border: 1px solid #8c9ca4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000b45;
  font-weight: 600;
  border-radius: 10px;
  padding: 0 30px;
  margin: 35px auto;
}
@media only screen and (max-width: 768px) {
  #event #detail_bottom_contact a {
    height: 52px;
    font-size: 16px;
    border-radius: 6px;
  }
}
#event #detail_bottom_contact a:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #8c9ca4;
  border-right: 1px solid #8c9ca4;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 24px;
}
#event #detail_bottom_contact a:hover {
  background: #3c4d62;
  color: #fff;
}

#em-wrapper {
  max-width: 1200px;
  width: 90%;
  padding: 100px 0;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #em-wrapper {
    width: 95%;
    padding: 60px 0;
  }
}
#em-wrapper .em-events-list .event-item {
  list-style: none;
  padding: 20px 0;
  border-bottom: 1px solid #e8eced;
  margin-bottom: 0 !important;
}
#em-wrapper .em-events-list .event-item:first-of-type {
  padding-top: 0;
}
#em-wrapper .em-events-list .event-item a[href*="/events/tags/"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #003687;
  color: #fff !important;
  background: #003687 !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  padding: 5px 10px;
  margin: 0 5px 8px 0;
  text-decoration: none;
  border-radius: 2px;
}
#em-wrapper .em-events-list .event-item a[href*="/events/tags/"]:hover {
  opacity: 0.8;
}
#em-wrapper .em-events-list .event-item .event-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  margin: 0 0 10px !important;
  color: #394452;
}
@media only screen and (max-width: 768px) {
  #em-wrapper .em-events-list .event-item .event-title {
    font-size: 16px;
  }
}
#em-wrapper .em-events-list .event-item .calendar_day,
#em-wrapper .em-events-list .event-item .calendar_place {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  margin: 5px 0 0 !important;
  color: #79899c;
}
#em-wrapper .em-events-list .event-item .calendar_day span,
#em-wrapper .em-events-list .event-item .calendar_place span {
  display: inline-block;
  font-weight: 600;
  margin-right: 8px;
  color: #394452;
}
@media only screen and (max-width: 768px) {
  #em-wrapper .em-events-list .event-item .calendar_day,
  #em-wrapper .em-events-list .event-item .calendar_place {
    font-size: 13px;
  }
}
#em-wrapper .em-events-list .event-item .calendar_day {
  margin-top: 0 !important;
}
#em-wrapper .em-events-list .event-item .calendar_place {
  margin-top: 3px !important;
}
#em-wrapper .em-events-list .em-item.em-event {
  display: none;
}

/* 常設展示場の出展 */
@media only screen and (max-width: 768px) {
  #guidelines .sec01 .center {
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
}
#guidelines .sec01 figure img {
  border-radius: 30px;
}
#guidelines .sec02 .blue_box {
  background: #e8edf5;
  border-radius: 40px;
  margin: 80px auto 0;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec02 .blue_box {
    border-radius: 20px;
    margin: 40px auto 0;
  }
}
#guidelines .sec02 .blue_box .sec_inner {
  padding: 80px 0;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec02 .blue_box .sec_inner {
    padding: 40px 0;
  }
}
#guidelines .sec02 .blue_box .grid_box_list {
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec02 .blue_box .grid_box_list {
    gap: 20px;
  }
}
#guidelines .sec02 .blue_box .grid_box_list .box {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
}
#guidelines .sec02 .blue_box .grid_box_list .box img {
  border-radius: 8px;
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec02 .blue_box .grid_box_list .box img {
    margin-bottom: 0;
  }
}
#guidelines .sec02 .blue_box .grid_box_list .box .text {
  padding: 10px;
}
#guidelines .sec02 .blue_box .grid_box_list .box .exhibitors_sec02_ttl {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
  color: #000b45;
  line-height: 1.4;
  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;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec02 .blue_box .grid_box_list .box .exhibitors_sec02_ttl {
    font-size: 18px;
  }
}
#guidelines .sec02 ul.banner_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec02 ul.banner_box {
    display: block;
  }
  #guidelines .sec02 ul.banner_box li {
    max-width: 100%;
    width: 380px;
    margin: 0 auto 30px;
  }
}
#guidelines .sec02 ul.banner_box a,
#guidelines .sec02 ul.banner_box span {
  display: inline-block;
}
@media (hover: hover) {
  #guidelines .sec02 ul.banner_box a,
  #guidelines .sec02 ul.banner_box span {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  #guidelines .sec02 ul.banner_box a:hover,
  #guidelines .sec02 ul.banner_box span:hover {
    opacity: 0.6;
  }
}
#guidelines .sec02 ul.banner_box a figure img,
#guidelines .sec02 ul.banner_box span figure img {
  margin-bottom: 20px;
}
#guidelines .sec02 ul.banner_box a figure figcaption,
#guidelines .sec02 ul.banner_box span figure figcaption {
  line-height: 1.4;
  font-size: 20px;
  font-weight: 600;
}
#guidelines .sec02 ul.banner_box a span,
#guidelines .sec02 ul.banner_box span span {
  display: block;
  margin-top: 10px;
  text-align: right;
}
#guidelines .sec02 ul.banner_box a span::after,
#guidelines .sec02 ul.banner_box span span::after {
  content: "";
  position: relative;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media only screen and (max-width: 768px) {
  #guidelines .sec03 .sec_inner {
    width: 90%;
  }
}
@media only screen and (max-width: 768px) {
  #guidelines .sec03 .center {
    text-align: left;
  }
}
#guidelines .sec03 .number_list li {
  text-indent: -1em;
  margin-left: 1em;
}
#guidelines .sec03 .btn_box {
  max-width: 740px;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec03 .btn_box {
    gap: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #guidelines .sec04 {
    overflow: hidden;
  }
}
@media only screen and (max-width: 768px) {
  #guidelines .sec04 .sec_inner {
    width: 100%;
  }
}
#guidelines .sec04 .grid_box_list {
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec04 .grid_box_list {
    position: relative;
    padding-bottom: 60px;
    margin-bottom: 30px;
  }
}
#guidelines .sec04 .grid_box_list .box {
  padding-top: 25px;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  #guidelines .sec04 .grid_box_list .box:last-of-type .box_inner:after {
    display: none;
  }
}
#guidelines .sec04 .grid_box_list .box .box_num {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  line-height: 50px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 16px;
  color: #fff;
  position: absolute;
  background: #000b45;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  z-index: 1;
}
#guidelines .sec04 .grid_box_list .box .box_inner {
  padding: 35px 20px 30px;
  background: #e8edf5;
  border-radius: 10px;
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec04 .grid_box_list .box .box_inner {
    margin: 0 15px;
  }
}
#guidelines .sec04 .grid_box_list .box .box_inner:after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: -30px;
  border: 15px solid transparent;
  border-left: 15px solid #e8edf5;
  z-index: 1;
}
#guidelines .sec04 .grid_box_list .box .box_inner img {
  border-radius: 6px;
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec04 .grid_box_list .box .box_inner img {
    margin-bottom: 15px;
  }
}
#guidelines .sec04 .grid_box_list .box .box_inner .exhibitors_sec04_ttl {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
  color: #000b45;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec04 .grid_box_list .box .box_inner .exhibitors_sec04_ttl {
    font-size: 16px;
  }
}
#guidelines .sec04 .grid_box_list .box .box_inner .white_text {
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
  color: #000b45;
}
#guidelines .sec04 .grid_box_list .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#guidelines .sec04 .grid_box_list .slick-slide {
  height: auto !important;
}
#guidelines .sec04 .grid_box_list .slick-dots {
  bottom: 15px;
  left: 30px;
  text-align: left;
}
#guidelines .sec04 .grid_box_list .slick-dots li {
  width: 10px;
  height: 10px;
}
#guidelines .sec04 .grid_box_list .slick-dots li button {
  width: 10px;
  height: 10px;
}
#guidelines .sec04 .grid_box_list .slick-dots li button:before {
  width: 10px;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
  color: transparent;
  opacity: 1;
  background: #e8edf5;
  border-radius: 20px;
}
#guidelines .sec04 .grid_box_list .slick-dots li.slick-active button:before {
  background: #3c4d62;
}
#guidelines .sec04 .grid_box_list .slick-arrow {
  bottom: 0;
  right: 30px;
  top: auto;
  -webkit-transform: none;
          transform: none;
  left: auto;
  width: 40px;
  height: 40px;
  z-index: 1;
}
#guidelines .sec04 .grid_box_list .slick-arrow::before {
  content: "";
  width: 40px;
  height: 40px;
  border: 1px solid #3c4d62;
  border-radius: 100%;
  position: absolute;
  background: #3c4d62;
  top: 0;
  left: 0;
}
#guidelines .sec04 .grid_box_list .slick-arrow::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  bottom: 15px;
}
#guidelines .sec04 .grid_box_list .slick-arrow.slick-prev {
  right: 80px;
}
#guidelines .sec04 .grid_box_list .slick-arrow.slick-prev::after {
  left: 17px;
}
#guidelines .sec04 .grid_box_list .slick-arrow.slick-next::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  left: 14px;
}
#guidelines .sec05 {
  margin-bottom: 100px;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec05 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 768px) {
  #guidelines .sec05 .sec_inner {
    width: 100%;
  }
}
#guidelines .sec05 .question_list {
  background: #e8edf5;
  border-radius: 10px;
  padding: 30px;
}
#guidelines .sec05 .question_list:not(:last-of-type) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec05 .question_list {
    border-radius: 0;
    padding: 20px;
  }
}
#guidelines .sec05 .question_list dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 50px;
  padding-left: 62px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 600;
  color: #000b45;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec05 .question_list dt {
    font-size: 18px;
    padding-left: 52px;
    padding-right: 20px;
    line-height: 1.4;
  }
}
#guidelines .sec05 .question_list dt:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  top: 50%;
  right: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec05 .question_list dt:before {
    width: 12px;
    height: 12px;
  }
}
#guidelines .sec05 .question_list dt.active:before {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
#guidelines .sec05 .question_list dt span {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  line-height: 50px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 16px;
  color: #fff;
  background: #000b45;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  #guidelines .sec05 .question_list dt span {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
#guidelines .sec05 .question_list dd {
  padding-top: 25px;
}
@media only screen and (max-width: 768px) {
  #guidelines .sec05 .question_list dd {
    padding-top: 15px;
  }
}

/* 常設展示場の出展 */
@media only screen and (max-width: 768px) {
  #halltour .sec01 .center {
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
}
#halltour .sec01 figure img {
  border-radius: 30px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec01 figure img {
    border-radius: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  #halltour .sec01 .grid_box_list {
    gap: 2.25%;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec01 .grid_box_list {
    gap: 10px;
  }
}
#halltour .sec01 .grid_box_list .img_box {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec01 .grid_box_list .img_box {
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec01 .grid_box_list .img_box .tytle_box {
    width: 30%;
  }
}
#halltour .sec01 .grid_box_list .img_box .tytle_box img {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #halltour .sec01 .grid_box_list .img_box .tytle_box img {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec01 .grid_box_list .img_box .text_box {
    width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec01 .grid_box_list .img_box .text_box .sec_ttl03 {
    text-align: left;
  }
}
#halltour .sec01 .grid_box_list .img_box .text_box p {
  font-size: 14px;
  letter-spacing: 0px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec02 .center {
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
}
#halltour .sec02 .search_box_tytle .exhibitors-tab-list {
  display: -ms-grid;
  display: grid;
  margin-bottom: 20px;
  gap: 15px;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 768px) {
  #halltour .sec02 .search_box_tytle .exhibitors-tab-list {
    gap: 5px;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec02 .search_box_tytle .exhibitors-tab-list .exhibitors-tab-list-item {
    padding: 5px;
    line-height: 1.4;
  }
}
#halltour .sec02 .exhibitors-tab-list {
  gap: 10px;
  -ms-grid-columns: 1fr 10px 1fr;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 768px) {
  #halltour .sec02 .exhibitors-tab-list {
    gap: 6px;
  }
}
#halltour .sec02 .exhibitors-tab-list .exhibitors-tab-list-item {
  border-radius: 10px;
  font-size: clamp(18px, 1.5vw, 20px);
  color: #fff;
  text-align: center;
  padding: 15px;
  background: #9098a4;
}
@media only screen and (max-width: 768px) {
  #halltour .sec02 .exhibitors-tab-list .exhibitors-tab-list-item {
    padding: 10px;
    font-size: 14px;
    border-radius: 6px;
  }
}
#halltour .sec02 .exhibitors-tab-list .exhibitors-tab-list-item.active {
  background: #2d8fa5;
}
#halltour .sec02 .exhibitors-tab-list .exhibitors-tab-list-item:hover {
  cursor: pointer;
}
#halltour .sec02 .exhibitors-tab-contents-item {
  display: none;
}
#halltour .sec02 .exhibitors-tab-contents-item.active {
  display: block;
}
#halltour .sec02 .exhibitors-tab-contents {
  background: #fff;
  border-radius: 10px;
}
#halltour .sec02 .search_box_keyword {
  background: #f8f8f8;
  padding: 40px 50px 0;
}
@media only screen and (max-width: 768px) {
  #halltour .sec02 .search_box_keyword {
    padding: 20px 20px 0;
  }
}
#halltour .sec02 .search_box_keyword input {
  width: 100%;
  padding: 0.5em 1em;
  border: 1px solid #e8eced;
  border-radius: 4px;
  background: #fff;
}
#halltour .sec02 .search_box .exhibitors-tab-contents-item {
  background: #f8f8f8;
  padding: 40px 50px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec02 .search_box .exhibitors-tab-contents-item {
    padding: 20px 20px 50px;
  }
}
#halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents {
  /* フォーカスや音声読み上げは残したまま非表示にする。 */
}
#halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}
#halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox + label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 1.75em;
  cursor: pointer;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox + label {
    font-size: 14px;
  }
}
#halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents {
  /* 擬似要素で楕円を作る。 */
}
#halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.2em;
  height: 1.2em;
  margin: auto;
  border: 1px solid #8c9ca4;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
}
#halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents {
  /* フォーカスが当たると楕円の色などを変える。 */
}
#halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox:focus + label:before {
  border-color: #000b45;
  -webkit-box-shadow: 0 0 5px #000b45;
          box-shadow: 0 0 5px #000b45;
}
#halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents {
  /* チェックボックスがチェックされるとボーダーは非表示、画像でチェックボックスを表示する。 */
}
#halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox:checked + label:before {
  background-image: url("../img/exhibitors/halltour/checkbox_on.svg");
}
#halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents {
  /* disabled（非活性）時にはスタイルを変える。 */
}
#halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox:disabled,
#halltour .sec02 .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox + label[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
#halltour .sec02 .search_box .commonBtn {
  max-width: 360px;
  cursor: pointer;
}
#halltour .sec02 .search_box .commonBtn:before {
  display: none;
}
#halltour .sec02 .search_box .commonBtn:after {
  position: absolute;
  content: "";
  background: url(../img/common/search.svg) no-repeat center center/contain;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  top: 50%;
  left: 8%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#halltour .sec02 .search_box .commonBtn:hover:after {
  background: url(../img/common/search_wh.svg) no-repeat center center/contain;
}
#halltour .sec03 {
  padding: 100px 0;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 {
    padding: 60px 0;
  }
}
#halltour .sec03 .sec_inner {
  padding: 0;
}
@media print, screen and (min-width: 769px) {
  #halltour .sec03 .top_sec03_box {
    gap: 1.25%;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .top_sec03_box {
    gap: 10px;
    margin-bottom: 30px;
  }
}
#halltour .sec03 .top_sec03_box .img_box a {
  display: block;
  background: #fff;
  border-radius: 10px;
  padding: 20px 20px 50px;
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .top_sec03_box .img_box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    border-radius: 6px;
    padding: 16px 50px 16px 20px;
  }
}
#halltour .sec03 .top_sec03_box .img_box a:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
  -webkit-transform: translateX(-50%) rotate(135deg);
          transform: translateX(-50%) rotate(135deg);
  left: 50%;
  bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .top_sec03_box .img_box a:before {
    left: auto;
    bottom: calc(50% - 10px);
    -webkit-transform: translateY(-50%) rotate(135deg);
            transform: translateY(-50%) rotate(135deg);
    right: 20px;
  }
}
#halltour .sec03 .top_sec03_box .img_box a img {
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .top_sec03_box .img_box a img {
    margin: 0;
  }
}
#halltour .sec03 .top_sec03_box .img_box a p {
  font-size: 14px;
  letter-spacing: 0px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .top_sec03_box .img_box a .sec_ttl03 {
    text-align: left;
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .top_sec03_box .img_box a .center {
    text-align: left;
  }
}
#halltour .sec03 .visit_tour_box {
  background: #fff;
  border-radius: 40px;
  padding: min(60px, 5vw);
  max-width: 1520px;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .visit_tour_box {
    width: 100%;
    border-radius: 0;
  }
}
#halltour .sec03 .visit_tour_box:not(:last-of-type) {
  margin-bottom: 30px;
}
#halltour .sec03 .visit_tour_box .visit_tour_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .visit_tour_box .visit_tour_ttl {
    margin-bottom: 20px;
    gap: 10px;
  }
}
#halltour .sec03 .visit_tour_box .visit_tour_ttl img {
  width: 60px;
  height: 60px;
  display: block;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .visit_tour_box .visit_tour_ttl img {
    width: 50px;
    height: 50px;
  }
}
#halltour .sec03 .visit_tour_box .visit_tour_ttl h3 {
  font-size: clamp(28px, 2.2vw, 36px);
  font-weight: 600;
  letter-spacing: 2px;
  color: #000b45;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .visit_tour_box .visit_tour_ttl h3 {
    font-size: 18px;
  }
}
#halltour .sec03 .visit_tour_box .visit_tour_ttl .tag {
  width: 100px;
  background: #e8edf5;
  text-align: center;
  line-height: 30px;
  color: #000b45;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .visit_tour_box .visit_tour_ttl .tag {
    width: 73px;
    line-height: 23px;
    font-size: 12px;
    margin-left: auto;
  }
}
#halltour .sec03 .visit_tour_box .visit_tour_ttl .tag.deep_gray {
  background: #2d4767;
  color: #fff;
}
@media print, screen and (min-width: 769px) {
  #halltour .sec03 .visit_tour_box .visit_tour_box02 {
    gap: 4%;
    -ms-grid-columns: 58% 4% 38%;
    grid-template-columns: 58% 38%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #halltour .sec03 .visit_tour_box .visit_tour_box02 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
#halltour .sec03 .visit_tour_box .visit_tour_box02 .visit_tour_subttl {
  font-size: clamp(24px, 1.9vw, 30px);
  font-weight: 600;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .visit_tour_box .visit_tour_box02 .visit_tour_subttl {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
#halltour .sec03 .visit_tour_box .visit_tour_box02 .list_box {
  background: #f8f8f8;
  padding: min(40px, 3.333vw);
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .visit_tour_box .visit_tour_box02 .list_box {
    border-radius: 6px;
    padding: 20px;
  }
}
#halltour .sec03 .visit_tour_box .visit_tour_box02 .list_box .visit_tour_list_ttl {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #000b45;
}
@media only screen and (max-width: 768px) {
  #halltour .sec03 .visit_tour_box .visit_tour_box02 .list_box .visit_tour_list_ttl {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
#halltour .sec04 .sec04_top_box {
  padding: 40px;
  border-radius: 10px;
  border: 2px solid #e8eced;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .sec04_top_box {
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  #halltour .sec04 .sec04_top_box .grid_box_list {
    -ms-grid-columns: 18% 4% 78%;
    grid-template-columns: 18% 78%;
    gap: 4%;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .sec04_top_box .grid_box_list .img_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .sec04_top_box .grid_box_list .img_box img {
    width: 30%;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .sec04_top_box .grid_box_list .img_box h3 {
    width: 70%;
    font-size: 18px;
    font-weight: 500;
    color: #000b45;
  }
}
#halltour .sec04 .sec04_top_box .grid_box_list .text_box h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #000b45;
}
#halltour .sec04 .sec04_top_box .grid_box_list .text_box .astarisk {
  font-size: 10px;
  vertical-align: top;
}
#halltour .sec04 .sec04_top_box .grid_box_list .text_box .kome {
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .sec04_top_box .grid_box_list .text_box .kome {
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .border_ttl {
    display: block;
    padding: 0 20px 10px;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .border_ttl span {
    display: block;
    letter-spacing: 0.1px;
  }
}
#halltour .sec04 .blue_radius_box {
  background: #e8edf5;
  padding: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box {
    padding: 20px 10px;
    border-radius: 0;
    position: relative;
  }
}
#halltour .sec04 .blue_radius_box:not(:last-of-type) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box:before {
    position: absolute;
    content: "";
    width: 100vw;
    height: 100%;
    background: #e8edf5;
    left: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    z-index: -1;
    top: 0;
  }
}
#halltour .sec04 .blue_radius_box dt {
  padding-right: 40px;
  position: relative;
  cursor: pointer;
}
#halltour .sec04 .blue_radius_box dt:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  top: 50%;
  right: 20px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box dt:before {
    right: 10px;
  }
}
#halltour .sec04 .blue_radius_box dt.active:before {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
#halltour .sec04 .blue_radius_box dt .flex {
  font-size: 20px;
  font-weight: 500;
  gap: 20px;
}
@media print, screen and (min-width: 769px) {
  #halltour .sec04 .blue_radius_box dt .flex {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box dt .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#halltour .sec04 .blue_radius_box dt .flex .white_box {
  background: #fff;
  padding: 10px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media print, screen and (min-width: 769px) {
  #halltour .sec04 .blue_radius_box dt .flex .white_box {
    white-space: nowrap;
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box dt .flex .white_box {
    font-size: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
#halltour .sec04 .blue_radius_box dt .flex .white_box img {
  width: 34px;
  height: 34px;
  display: block;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box dt .flex .white_box img {
    width: 24px;
    height: 24px;
  }
}
@media print, screen and (min-width: 769px) {
  #halltour .sec04 .blue_radius_box dt .flex .text_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#halltour .sec04 .blue_radius_box dt .flex .text_box .tag {
  display: block;
  width: 100px;
  background: #2d4767;
  text-align: center;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box dt .flex .text_box .tag {
    width: 64px;
    line-height: 21px;
    font-size: 12px;
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  #halltour .sec04 .blue_radius_box dt .flex .text_box > p {
    margin-left: 12px;
  }
}
#halltour .sec04 .blue_radius_box dt .flex .text_box > p {
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box dt .flex .text_box > p {
    font-size: 16px;
  }
}
#halltour .sec04 .blue_radius_box dd {
  padding: 30px 40px 40px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box dd {
    padding: 20px 0;
  }
}
#halltour .sec04 .blue_radius_box dd .grid_box_list {
  gap: 30px;
}
@media only screen and (max-width: 1450px) {
  #halltour .sec04 .blue_radius_box dd .grid_box_list {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
#halltour .sec04 .blue_radius_box dd .grid_box_list .white_contents_box {
  background: #fff;
  padding: 20px 30px 20px 20px;
  position: relative;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box dd .grid_box_list .white_contents_box {
    padding: 20px;
    border-radius: 6px;
  }
}
#halltour .sec04 .blue_radius_box dd .grid_box_list .white_contents_box:not(:last-of-type):before {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: -40px;
  border-width: 20px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  -o-border-image: none;
     border-image: none;
  z-index: 1;
}
@media only screen and (max-width: 1450px) {
  #halltour .sec04 .blue_radius_box dd .grid_box_list .white_contents_box:not(:last-of-type):before {
    top: 100%;
    right: calc(50% - 12px);
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
#halltour .sec04 .blue_radius_box dd .grid_box_list .white_contents_box .white_contents_box_ttl {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #000b45;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box dd .grid_box_list .white_contents_box .white_contents_box_ttl {
    font-size: 16px;
  }
}
#halltour .sec04 .blue_radius_box dd .grid_box_list .white_contents_box .white_contents_box_ttl .time_box {
  width: 90px;
  text-align: center;
  line-height: 26px;
  height: 26px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #000b45;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box dd .grid_box_list .white_contents_box .white_contents_box_ttl .time_box {
    width: 80px;
    line-height: 21px;
    height: 21px;
    font-size: 12px;
  }
}
#halltour .sec04 .blue_radius_box dd .grid_2_1 {
  margin: 35px auto 0;
  max-width: 560px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box dd .grid_2_1 {
    margin: 30px auto 0;
    max-width: 330px;
  }
}
#halltour .sec04 .blue_radius_box dd .grid_2_1 .commonBtn {
  margin-top: 0;
}
#halltour .sec04 .blue_radius_box dd .commonBtn {
  max-width: 560px;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec04 .blue_radius_box dd .commonBtn {
    max-width: 330px;
    margin-top: 20px;
  }
}
#halltour .sec05 .note_contents {
  background: #f8f8f8;
  padding: 30px;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec05 .note_contents {
    background: transparent;
    padding: 30px 0 40px;
    border-radius: 0;
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec05 .note_contents:before {
    position: absolute;
    content: "";
    width: 100vw;
    height: 100%;
    background: #f8f8f8;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    z-index: -1;
    top: 0;
  }
}
#halltour .sec05 .note_contents .note_tytle {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec05 .note_contents .note_tytle {
    width: 105px;
  }
}
#halltour .sec05 .note_contents a {
  display: block;
}
#halltour .sec05 .note_contents a p {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0 20px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec05 .note_contents a p {
    font-size: 14px;
    margin: 20px auto;
    width: 85%;
  }
}
#halltour .sec05 .note_contents .note_bottom_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  #halltour .sec05 .note_contents .note_bottom_text {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    width: 85%;
  }
}
#halltour .sec05 .note_contents .note_bottom_text img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
#halltour .sec05 .note_contents .note_bottom_text p {
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  #halltour .sec05 .note_contents .note_bottom_text p {
    width: calc(100% - 50px);
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec06 .list_box {
    gap: 0;
  }
}
#halltour .sec06 .list_box .box:first-of-type .border_list:last-of-type {
  border-bottom: none;
}
#halltour .sec06 .list_box .border_list {
  border-bottom: 1px solid #e8eced;
}
#halltour .sec06 .list_box .border_list:first-of-type {
  border-top: 1px solid #e8eced;
}
@media only screen and (max-width: 768px) {
  #halltour .sec06 .list_box .border_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#halltour .sec06 .list_box .border_list dt {
  color: #000b45;
}
@media only screen and (max-width: 768px) {
  #halltour .sec06 .list_box .border_list dt {
    width: 25%;
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec06 .list_box .border_list dd {
    width: 75%;
  }
}
#halltour .sec06 .blue_radius_box {
  background: #e8edf5;
  padding: 50px;
  border-radius: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
}
@media print, screen and (min-width: 769px) {
  #halltour .sec06 .blue_radius_box {
    -ms-grid-columns: auto 360px;
    grid-template-columns: auto 360px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #halltour .sec06 .blue_radius_box {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  #halltour .sec06 .blue_radius_box {
    padding: 20px;
  }
}
#halltour .sec06 .blue_radius_box .text_box {
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  #halltour .sec06 .blue_radius_box .text_box {
    font-size: 16px;
  }
}
#halltour .sec06 .blue_radius_box .text_box .fn26 {
  font-size: clamp(20px, 1.7vw, 26px);
  margin-top: 20px;
  color: #000b45;
}
#halltour .sec06 .blue_radius_box .btn_box .blue_btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 15px;
}

#exhibitors .middle {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #exhibitors .middle #main_contents {
    overflow: hidden;
  }
}
#exhibitors {
  /* 詳細ページここから */
}
#exhibitors #exhibitors_single01 .campany_ttl {
  font-size: clamp(28px, 2.2vw, 36px);
  margin-bottom: 20px;
  color: #000b45;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single01 .campany_ttl {
    font-size: 22px;
  }
}
#exhibitors #exhibitors_single01 .campany_ttl span {
  display: block;
  color: #79899c;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single01 .campany_ttl span {
    font-size: 14px;
  }
}
@media print, screen and (min-width: 769px) {
  #exhibitors #exhibitors_single01 .grid_box_list {
    gap: 3%;
    -ms-grid-columns: 78% 3% 19%;
    grid-template-columns: 78% 19%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #exhibitors #exhibitors_single01 .grid_box_list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single01 .grid_box_list .text_box p {
    width: 85%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single01 .grid_box_list .img_box {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 85%;
    margin: 0 auto;
  }
}
#exhibitors #exhibitors_single01 .grid_box_list .img_box img {
  margin: 0 auto 10px;
  border-radius: 10px;
  display: block;
}
@media print, screen and (min-width: 769px) {
  #exhibitors #exhibitors_single01 .grid_box_list .img_box img {
    width: 100%;
    max-width: 120px;
    height: 145px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single01 .grid_box_list .img_box img {
    width: auto;
  }
}
#exhibitors #exhibitors_single01 .grid_box_list .img_box .commonBtn {
  height: 52px;
  margin-bottom: 12px;
}
@media print, screen and (min-width: 769px) {
  #exhibitors #exhibitors_single01 .grid_box_list .img_box .commonBtn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single01 .grid_box_list .img_box .commonBtn {
    height: 42px;
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single02 .sec_inner {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  #exhibitors #exhibitors_single02 .grid_box_list {
    gap: 4%;
    -ms-grid-columns: 71% 4% 25%;
    grid-template-columns: 71% 25%;
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single02 .grid_box_list .main_img {
    position: relative;
    padding-bottom: 60px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single02 .grid_box_list .main_img .slide_img {
    margin: 0 15px;
  }
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slide_img .youtube_wrap {
  position: relative;
  padding-top: 56.25%;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slide_img .youtube_wrap iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img img {
  display: block;
  border-radius: 20px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 769px) {
  #exhibitors #exhibitors_single02 .grid_box_list .main_img img {
    width: 100%;
    height: 545px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single02 .grid_box_list .main_img img {
    border-radius: 10px;
    margin-bottom: 15px;
  }
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slide_ttl {
  background: #fff;
  border-radius: 6px;
  padding: 5px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #exhibitors #exhibitors_single02 .grid_box_list .main_img {
    overflow: hidden;
  }
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-slide {
  height: auto !important;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-dots {
  bottom: 15px;
  left: 30px;
  text-align: left;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-dots li {
  width: 10px;
  height: 10px;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-dots li button {
  width: 10px;
  height: 10px;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-dots li button:before {
  width: 10px;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
  color: transparent;
  opacity: 1;
  background: #e8edf5;
  border-radius: 20px;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-dots li.slick-active button:before {
  background: #3c4d62;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-arrow {
  bottom: 0;
  right: 30px;
  top: auto;
  -webkit-transform: none;
          transform: none;
  left: auto;
  width: 40px;
  height: 40px;
  z-index: 1;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-arrow::before {
  content: "";
  width: 40px;
  height: 40px;
  border: 1px solid #3c4d62;
  border-radius: 100%;
  position: absolute;
  background: #3c4d62;
  top: 0;
  left: 0;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-arrow::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  bottom: 15px;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-arrow.slick-prev {
  right: 80px;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-arrow.slick-prev::after {
  left: 17px;
}
#exhibitors #exhibitors_single02 .grid_box_list .main_img .slick-arrow.slick-next::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  left: 14px;
}
@media only screen and (max-width: 767px) {
  #exhibitors #exhibitors_single02 .grid_box_list .thumbnail_img {
    display: none;
  }
}
#exhibitors #exhibitors_single02 .grid_box_list .thumbnail_img .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  width: 100% !important;
}
#exhibitors #exhibitors_single02 .grid_box_list .thumbnail_img .thumbnail_inner {
  width: calc((100% - 8px) / 2) !important;
  margin-bottom: 8px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#exhibitors #exhibitors_single02 .grid_box_list .thumbnail_img .thumbnail_inner:nth-of-type(odd) {
  margin-right: 4px;
}
#exhibitors #exhibitors_single02 .grid_box_list .thumbnail_img .thumbnail_inner:nth-of-type(even) {
  margin-left: 4px;
}
#exhibitors #exhibitors_single02 .grid_box_list .thumbnail_img .thumbnail_inner.slick-current img {
  border: 2px solid #000b45;
}
#exhibitors #exhibitors_single02 .grid_box_list .thumbnail_img .thumbnail_inner img {
  display: block;
  border-radius: 10px;
}
@media print, screen and (min-width: 769px) {
  #exhibitors #exhibitors_single02 .grid_box_list .thumbnail_img .thumbnail_inner img {
    width: 100%;
    height: 130px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single03 .border_ttl {
    padding: 0 20px 10px;
  }
}
@media print, screen and (min-width: 769px) {
  #exhibitors #exhibitors_single03 .contents_ttl {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  #exhibitors #exhibitors_single03 .grid_box_list.grid_2_1, #exhibitors #exhibitors_single03 .grid_box_list.grid_1col {
    gap: 40px;
  }
}
#exhibitors #exhibitors_single03 .grid_box_list.grid_2_1:not(:last-of-type), #exhibitors #exhibitors_single03 .grid_box_list.grid_1col:not(:last-of-type) {
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single03 .grid_box_list.grid_2_1:not(:last-of-type), #exhibitors #exhibitors_single03 .grid_box_list.grid_1col:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
#exhibitors #exhibitors_single03 .grid_box_list.grid_2_1 .box img, #exhibitors #exhibitors_single03 .grid_box_list.grid_1col .box img {
  border-radius: 20px;
  display: block;
  margin: 0 auto 10px;
  width: 68%;
}
@media print, screen and (min-width: 769px) {
  #exhibitors #exhibitors_single03 .grid_box_list.grid_2_1 .box img, #exhibitors #exhibitors_single03 .grid_box_list.grid_1col .box img {
    height: 300px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single03 .grid_box_list.grid_2_1 .box img, #exhibitors #exhibitors_single03 .grid_box_list.grid_1col .box img {
    border-radius: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single03 .grid_box_list.grid_2_1 .box .text, #exhibitors #exhibitors_single03 .grid_box_list.grid_1col .box .text {
    width: 85%;
    margin: 0 auto;
  }
}
#exhibitors #exhibitors_single03 .grid_box_list.grid_2_1 .box .text a, #exhibitors #exhibitors_single03 .grid_box_list.grid_1col .box .text a {
  text-decoration: underline;
  word-break: break-all;
}
#exhibitors #exhibitors_single03 .grid_box_list.grid_2_1 .box h5, #exhibitors #exhibitors_single03 .grid_box_list.grid_1col .box h5 {
  color: #000b45;
  margin: 1em 0;
  font-size: 24px;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single03 .grid_box_list.grid_2_1 .box h5, #exhibitors #exhibitors_single03 .grid_box_list.grid_1col .box h5 {
    margin: 1em 0 10px;
    font-size: 18px;
  }
}
#exhibitors #exhibitors_single03 .grid_box_list.grid_2_1 .box ul li, #exhibitors #exhibitors_single03 .grid_box_list.grid_1col .box ul li {
  padding-left: 1em;
  position: relative;
  letter-spacing: 0px;
}
#exhibitors #exhibitors_single03 .grid_box_list.grid_2_1 .box ul li::before, #exhibitors #exhibitors_single03 .grid_box_list.grid_1col .box ul li::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  background: #000b45;
  border-radius: 50%;
  position: absolute;
  left: 0.25em;
  top: 0.65em;
}
#exhibitors #exhibitors_single03 .grid_box_list.grid_2_1 .box ul li span, #exhibitors #exhibitors_single03 .grid_box_list.grid_1col .box ul li span {
  font-weight: bold;
  font-size: 110%;
}
@media print, screen and (min-width: 769px) {
  #exhibitors #exhibitors_single03 .grid_box_list.grid_1col .box img {
    height: auto;
  }
}
#exhibitors #exhibitors_single04 .exhibitors_table {
  width: 100%;
}
#exhibitors #exhibitors_single04 .exhibitors_table th,
#exhibitors #exhibitors_single04 .exhibitors_table td {
  padding: 0.5em 1.25em;
  text-align: center;
}
#exhibitors #exhibitors_single04 .exhibitors_table thead tr th {
  font-weight: 400;
  background: #3c4d62;
  color: #fff;
}
#exhibitors #exhibitors_single04 .exhibitors_table thead tr th:not(:last-child) {
  border-right: 1px solid #fff;
}
#exhibitors #exhibitors_single04 .exhibitors_table tbody th,
#exhibitors #exhibitors_single04 .exhibitors_table tbody td {
  font-weight: 400;
  border-bottom: 1px solid #3c4d62;
  background: #fff;
}
#exhibitors #exhibitors_single04 .exhibitors_table tbody th:not(:last-child),
#exhibitors #exhibitors_single04 .exhibitors_table tbody td:not(:last-child) {
  border-right: 1px solid #3c4d62;
}
#exhibitors #exhibitors_single04 .exhibitors_table tbody th {
  width: 60px;
}
#exhibitors #exhibitors_single04 .exhibitors_table tbody td:nth-child(2), #exhibitors #exhibitors_single04 .exhibitors_table tbody td:nth-child(3) {
  width: 400px;
}
#exhibitors #exhibitors_single04 .exhibitors_table tbody td:nth-child(4) {
  width: 200px;
}
#exhibitors #exhibitors_single04 .exhibitors_table tbody td:last-child {
  width: 136px;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single05 .list_box {
    gap: 0;
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single05 .list_box .box:first-of-type .border_list:last-of-type {
    border-bottom: none;
  }
}
#exhibitors #exhibitors_single05 .list_box .border_list {
  border-bottom: 1px solid #e8eced;
}
#exhibitors #exhibitors_single05 .list_box .border_list:first-of-type {
  border-top: 1px solid #e8eced;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single05 .list_box .border_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#exhibitors #exhibitors_single05 .list_box .border_list dt {
  color: #000b45;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single05 .list_box .border_list dt {
    width: 25%;
  }
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single05 .list_box .border_list dd {
    width: 75%;
  }
}
#exhibitors #exhibitors_single05 .list_box .border_list dd a {
  word-break: break-all;
  text-decoration: underline;
}
#exhibitors #exhibitors_single05 .blue_radius_box {
  background: #e8edf5;
  padding: 40px;
  border-radius: 20px;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_single05 .blue_radius_box {
    padding: 20px;
    border-radius: 10px;
  }
}
#exhibitors #exhibitors_add_content .grid_box_list:not(:last-of-type) {
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_add_content .grid_box_list:not(:last-of-type) {
    margin-bottom: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  #exhibitors #exhibitors_add_content .grid_box_list.grid_2_1 {
    -ms-grid-columns: 30% 70%;
    grid-template-columns: 30% 70%;
  }
}
#exhibitors #exhibitors_add_content .grid_box_list h3 {
  font-size: 20px;
  color: #000b45;
  font-weight: 600;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_add_content .grid_box_list h3 {
    font-size: 16px;
  }
}
#exhibitors #exhibitors_add_content .grid_box_list img {
  max-width: 100%;
  display: block;
  margin: 0.5em auto;
}
#exhibitors {
  /* 詳細ページここまで */
  /* 検索結果・アーカイブここから */
}
#exhibitors #exhibitors_all .sec_inner {
  padding-top: 0;
}
#exhibitors #exhibitors_all .top_search_box {
  gap: 20px;
}
#exhibitors #exhibitors_all .search_box_tytle .exhibitors-tab-list {
  display: -ms-grid;
  display: grid;
  margin-bottom: 20px;
  gap: 15px;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_all .search_box_tytle .exhibitors-tab-list {
    gap: 5px;
  }
}
#exhibitors #exhibitors_all .search_box_tytle .exhibitors-tab-list .exhibitors-tab-list-item {
  border-radius: 10px;
  font-size: clamp(18px, 1.5vw, 20px);
  color: #fff;
  text-align: center;
  padding: 15px;
  background: #9098a4;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_all .search_box_tytle .exhibitors-tab-list .exhibitors-tab-list-item {
    font-size: 14px;
    border-radius: 6px;
    padding: 5px;
    line-height: 1.4;
  }
}
#exhibitors #exhibitors_all .search_box_tytle .exhibitors-tab-list .exhibitors-tab-list-item.active {
  background: #2d8fa5;
}
#exhibitors #exhibitors_all .search_box_tytle .exhibitors-tab-list .exhibitors-tab-list-item:hover {
  cursor: pointer;
}
#exhibitors #exhibitors_all .search_box_keyword {
  background: #f8f8f8;
  padding: 40px 50px 0;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_all .search_box_keyword {
    padding: 20px 20px 0;
  }
}
#exhibitors #exhibitors_all .search_box_keyword input {
  width: 100%;
  padding: 0.5em 1em;
  border: 1px solid #e8eced;
  border-radius: 4px;
  background: #fff;
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item {
  background: #f8f8f8;
  padding: 40px 50px;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item {
    padding: 20px 20px 50px;
  }
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item {
  display: none;
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item.active {
  display: block;
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents {
  /* フォーカスや音声読み上げは残したまま非表示にする。 */
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox + label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 1.75em;
  cursor: pointer;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox + label {
    font-size: 14px;
  }
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents {
  /* 擬似要素で楕円を作る。 */
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.2em;
  height: 1.2em;
  margin: auto;
  border: 1px solid #8c9ca4;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents {
  /* フォーカスが当たると楕円の色などを変える。 */
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox:focus + label:before {
  border-color: #000b45;
  -webkit-box-shadow: 0 0 5px #000b45;
          box-shadow: 0 0 5px #000b45;
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents {
  /* チェックボックスがチェックされるとボーダーは非表示、画像でチェックボックスを表示する。 */
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox:checked + label:before {
  background-image: url("../img/exhibitors/halltour/checkbox_on.svg");
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents {
  /* disabled（非活性）時にはスタイルを変える。 */
}
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox:disabled,
#exhibitors #exhibitors_all .search_box .exhibitors-tab-contents-item .checkbox_contents .checkbox + label[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
#exhibitors #exhibitors_all .search_box .commonBtn {
  max-width: 360px;
  cursor: pointer;
}
#exhibitors #exhibitors_all .search_box .commonBtn:before {
  display: none;
}
#exhibitors #exhibitors_all .search_box .commonBtn:after {
  position: absolute;
  content: "";
  background: url(../img/common/search.svg) no-repeat center center/contain;
  width: 20px;
  height: 20px;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  top: 50%;
  left: 8%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#exhibitors #exhibitors_all .search_box .commonBtn:hover:after {
  background: url(../img/common/search_wh.svg) no-repeat center center/contain;
}
#exhibitors #exhibitors_all .search_result_list {
  margin-top: 50px;
}
#exhibitors #exhibitors_all .search_result_list .item {
  border: 1px solid #8c9ca4;
  padding: 20px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#exhibitors #exhibitors_all .search_result_list .item:hover {
  background: #3c4d62;
  color: #fff;
}
#exhibitors #exhibitors_all .search_result_list .item:hover .commonBtn {
  background: #3c4d62;
  color: #fff;
}
#exhibitors #exhibitors_all .search_result_list .item figure {
  margin-bottom: 1em;
}
#exhibitors #exhibitors_all .search_result_list .item figure img {
  border-radius: 10px;
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
#exhibitors #exhibitors_all .search_result_list .item .search_result_text_inner {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#exhibitors #exhibitors_all .search_result_list .item .search_result_text_inner .industry_name {
  font-size: 12px;
}
#exhibitors #exhibitors_all .search_result_list .item .search_result_text_inner h3 {
  font-weight: 600;
  color: #000b45;
  margin: 0 0 1em;
}
#exhibitors #exhibitors_all .search_result_list .item .search_result_text_inner dl {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
#exhibitors #exhibitors_all .search_result_list .item .search_result_text_inner dl dt {
  background: #000b45;
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
  width: 50px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #exhibitors #exhibitors_all .search_result_list .item .search_result_text_inner dl dt {
    font-size: 12px;
  }
}
#exhibitors #exhibitors_all .search_result_list .item .search_result_text_inner dl dd {
  width: calc(100% - 60px);
}
#exhibitors #exhibitors_all .search_result_list .item .search_result_text_inner dl:last-of-type {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#exhibitors #exhibitors_all .search_result_list .item .search_result_text_inner .commonBtn {
  margin-top: 20px;
}

#news .related-archive ul {
  gap: 0 20px;
}
#news .related-archive ul li a {
  display: block;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #8c9ca4;
  color: #000b45;
  font-weight: 600;
  padding: 10px 50px 10px 10px;
}
#news .related-archive ul li a:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #8c9ca4;
  border-right: 1px solid #8c9ca4;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 24px;
}
#news .related-archive ul li a:hover {
  background: #3c4d62;
  color: #fff;
}
#news .news_tytle {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #news .news_tytle {
    margin-bottom: 10px;
  }
}
#news .news_tytle .news-list-item {
  border-radius: 10px;
  font-size: clamp(18px, 1.5vw, 20px);
  color: #fff;
  text-align: center;
  padding: 15px;
  background: #9098a4;
}
@media only screen and (max-width: 768px) {
  #news .news_tytle .news-list-item {
    font-size: 14px;
    padding: 10px;
    letter-spacing: 0;
  }
}
#news .news_tytle .news-list-item.active {
  background: #003687;
}
#news .news_tytle .news-list-item:hover {
  cursor: pointer;
}
#news .news-contents {
  background: #fff;
  padding: 10px 10px 10px 30px;
  border-radius: 10px;
}
#news .news-contents ul {
  padding-right: 28px;
  padding: 20px 0;
}
#news .news-contents ul li a {
  display: block;
}
#news .news-contents ul li a .news_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 10px;
}
#news .news-contents ul li a .news_day {
  font-weight: 600;
  color: #79899c;
  width: 115px;
}
@media only screen and (max-width: 768px) {
  #news .news-contents ul li a .news_day {
    width: 100px;
  }
}
#news .news-contents ul li a .news_day.related {
  width: 265px;
}
@media only screen and (max-width: 768px) {
  #news .news-contents ul li a .news_day.related {
    width: 225px;
  }
}
#news .news-contents ul li a .news_place {
  font-size: 80%;
  font-weight: 400;
  color: #79899c;
}
#news .news-contents ul li a .tag {
  background: #003687;
  color: #fff;
  padding: 5px;
  text-align: center;
  min-width: 180px;
  font-size: 12px;
  margin: 0 1em 0 2em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#news .news-contents ul li a p {
  font-weight: 600;
}
#news .news-contents ul li a {
  padding: 15px 0;
  border-bottom: 1px solid #e8eced;
}
#news .news-contents ul li a:hover {
  background: #e8edf5;
}
#news .news-contents ul li:first-of-type a {
  padding-top: 0;
}
#news .archive-filter {
  background: #f8f8f8;
  border-radius: 6px;
  padding: 15px;
  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;
  gap: 30px;
  margin-top: 50px;
}
@media only screen and (max-width: 1200px) {
  #news .archive-filter {
    gap: 10px;
    padding: 14px 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
#news .archive-filter label {
  font-weight: 700;
  color: #000b45;
  font-size: 18px;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #news .archive-filter label {
    font-size: 15px;
    width: 30%;
  }
}
@media only screen and (max-width: 768px) {
  #news .archive-filter .select_box {
    width: 67%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
#news .archive-filter select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  border: 1px solid #e8eced;
  border-radius: 8px;
  padding: 12px 42px 12px 14px;
  font-size: 16px;
  color: #394452;
  min-width: 196px;
  cursor: pointer;
  /* ▼矢印 */
  background-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'>  <path d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/>  </svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px;
}
@media only screen and (max-width: 768px) {
  #news .archive-filter select {
    min-width: 0;
    font-size: 14px;
    padding: 12px 30px 12px 14px;
    width: 100%;
  }
}
#news .archive-filter select:hover {
  border-color: #9aa3b2;
}
#news .archive-filter select:focus {
  outline: none;
  border-color: #2b6cb0;
  -webkit-box-shadow: 0 0 0 3px rgba(43, 108, 176, 0.15);
          box-shadow: 0 0 0 3px rgba(43, 108, 176, 0.15);
}
#news #news_single .sec_inner {
  padding-top: 50px;
}
#news #news_single .sec_inner .news_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
#news #news_single .sec_inner .news_flex .news_data {
  color: #79899c;
  font-weight: 600;
}
#news #news_single .sec_inner .news_flex .tag {
  background: #003687;
  color: #fff;
  padding: 5px;
  text-align: center;
  min-width: 180px;
  font-size: 12px;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 22px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#news #news_single .sec_inner .news_info_meta .label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 90px;
  border: none;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  background: #3c4d62;
  font-size: 14px;
  height: 26px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #news #news_single .sec_inner .news_info_meta .label {
    font-size: 12px;
    height: 21px;
    width: 60px;
  }
}
#news #news_single .sec_inner .border_ttl {
  font-size: clamp(24px, 2.1vw, 36px);
  padding-bottom: 30px;
  border-left: none;
}
@media only screen and (max-width: 768px) {
  #news #news_single .sec_inner .border_ttl {
    padding-bottom: 20px;
  }
}
#news #news_single .sec_inner p,
#news #news_single .sec_inner span,
#news #news_single .sec_inner a,
#news #news_single .sec_inner pre {
  word-break: break-all;
  overflow-wrap: anywhere;
}
#news #news_single .sec_inner p {
  margin: 1em 0;
}
#news #news_single .sec_inner h2 {
  margin: 15px 0px 15px 0px;
  padding: 0.25em 0.5em;
  color: #494949;
  background: transparent;
  border-left: solid 5px #428bca;
  font-size: 1.75em;
  line-height: 1.5em;
}
#news #news_single .sec_inner h3 {
  color: #333;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #a7d6ff));
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
  font-size: 1.35em;
  line-height: 1.5em;
  margin: 15px 0px 15px 0px;
}
#news #news_single .sec_inner h4 {
  font-size: clamp(20px, 1.7vw, 24px);
  font-weight: 500;
  background: #e8edf5;
  color: #000b45;
  padding: 10px 20px;
  border-radius: 4px;
  margin: 2em 0 1em;
}
#news #news_single .sec_inner img {
  margin: 2em auto;
  display: block;
}
#news #news_single .sec_inner .p-entry__body ul,
#news #news_single .sec_inner ol {
  background: #fcfcfc; /*背景色*/
  padding: 0.5em 0.5em 0.5em 2em; /*ボックス内の余白*/
  border: solid 1px #ddd; /*線の種類 太さ 色*/
  font-size: 14px;
  margin: 25px 0px 25px 0px;
}
#news #news_single .sec_inner .p-entry__body ul li,
#news #news_single .sec_inner ol li {
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}

/* noteページ */
.note-wrap .sec_inner {
  padding: 30px 0 100px;
}
.note-wrap .note-hero-slider {
  overflow: hidden;
  padding: 100px 0 0;
}
.note-wrap .note-hero-slider .swiper {
  padding-top: 20px;
  padding-bottom: 40px;
  width: 90%;
  max-width: 1520px;
  margin: 0 auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media print, screen and (min-width: 769px) {
  .note-wrap .note-hero-slider .swiper :hover .swiper-slide:not(:hover) {
    opacity: 0.3;
  }
}
@media print, screen and (min-width: 769px) {
  .note-wrap .note-hero-slider .swiper .swiper-slide:hover {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
    -webkit-box-shadow: 1rem 1rem 1.5rem rgba(0, 0, 0, 0.08), -1rem -1rem 1.5rem #fff;
    box-shadow: 1rem 1rem 1.5rem rgba(0, 0, 0, 0.08), -1rem -1rem 1.5rem #fff;
  }
}
.note-wrap .note-hero-slider .swiper-slide {
  width: 300px;
  z-index: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media only screen and (min-width: 1101px) {
  .note-wrap .note-hero-slider .swiper-slide {
    width: 500px;
  }
}
.note-wrap .note-hero-slider .swiper-slide img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.note-wrap .note-hero-slider .slider-controls {
  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;
  gap: 15px;
  margin-top: 100px;
}
.note-wrap .note-hero-slider .slider-controls .swiper-button-prev,
.note-wrap .note-hero-slider .slider-controls .swiper-button-next {
  position: static;
  width: 35px;
  height: 35px;
  margin: 0;
  border: 1px solid #d8e0e6;
  background: #fff;
  color: #1e4590;
  border-radius: 4px;
}
.note-wrap .note-hero-slider .slider-controls .swiper-button-prev::after,
.note-wrap .note-hero-slider .slider-controls .swiper-button-next::after {
  font-size: 14px;
  font-weight: bold;
}
.note-wrap .note-hero-slider .slider-controls .pagination-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background: #fff;
  padding: 5px 15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.note-wrap .note-hero-slider .slider-controls .swiper-pagination {
  position: static;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.note-wrap .note-hero-slider .slider-controls .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  margin: 0 !important;
  background: #e0e0e0;
  opacity: 1;
}
.note-wrap .note-hero-slider .slider-controls .swiper-pagination .swiper-pagination-bullet-active {
  background: #1e4590;
}
.note-wrap .note-hero-slider .slider-controls .swiper-autoplay-toggle {
  cursor: pointer;
  font-size: 10px;
  color: #1e4590;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 12px;
}
.note-wrap .note-hero-slider .slider-controls .swiper-autoplay-toggle .pause-icon::before {
  content: "❚❚";
  font-size: 10px;
  font-weight: bold;
}
.note-wrap .note-hero-slider .slider-controls .swiper-autoplay-toggle .play-icon::before {
  content: "▶";
  font-size: 12px;
  margin-left: 2px;
}
.note-wrap .note-hero-slider .slider-controls .swiper-autoplay-toggle .play-icon {
  display: none;
}
.note-wrap .note-hero-slider .slider-controls .swiper-autoplay-toggle .pause-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.note-wrap .note-hero-slider .slider-controls .swiper-autoplay-toggle.is-paused .play-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.note-wrap .note-hero-slider .slider-controls .swiper-autoplay-toggle.is-paused .pause-icon {
  display: none;
}
.note-wrap .note-pickup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #e8edf5;
  border-radius: 20px;
  padding: 40px;
  margin-bottom: 60px;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .note-wrap .note-pickup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    gap: 20px;
  }
}
.note-wrap .note-pickup__thumb {
  width: 45%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .note-wrap .note-pickup__thumb {
    width: 100%;
  }
}
.note-wrap .note-pickup__thumb a {
  display: block;
  overflow: hidden;
}
.note-wrap .note-pickup__thumb img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.note-wrap .note-pickup__body {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.note-wrap .note-pickup__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-bottom: 15px;
  color: #79899c;
}
.note-wrap .note-pickup__badge {
  background-color: #003687;
  color: #fff;
  padding: 4px 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.note-wrap .note-pickup__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .note-wrap .note-pickup__title {
    font-size: 16px;
  }
}
.note-wrap .note-pickup__title a {
  text-decoration: none;
}
.note-wrap .note-pickup__title a:hover {
  text-decoration: underline;
}
.note-wrap .note-pickup__excerpt {
  color: #394452;
  line-height: 1.6;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.note-wrap .note-pickup__btn {
  margin-top: auto;
}
.note-wrap .note-pickup__btn .commonBtn {
  max-width: 230px;
  height: 46px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 0 0 auto;
  padding: 0 30px;
}
.note-wrap .note-filters {
  margin-bottom: 30px;
  background: #f5f6f8;
  padding: 20px;
  border-radius: 8px;
}
.note-wrap .note-filters form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .note-wrap .note-filters form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.note-wrap .note-filters .filter-item {
  width: 100%;
  max-width: 300px;
}
@media only screen and (max-width: 768px) {
  .note-wrap .note-filters .filter-item {
    max-width: 100%;
  }
}
.note-wrap .note-filters .filter-item:last-of-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: none;
}
.note-wrap .note-filters .filter-item select {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #e8eced;
  border-radius: 2px;
  background-color: #fff;
  font-size: 14px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px;
}
.note-wrap .note-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .note-wrap .note-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
.note-wrap .note-card {
  background: #fff;
}
.note-wrap .note-card a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: #394452;
}
.note-wrap .note-card__thumb {
  position: relative;
  margin-bottom: 20px;
}
.note-wrap .note-card__thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.note-wrap .note-card__body {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.note-wrap .note-card__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .note-wrap .note-card__title {
    font-size: 16px;
  }
}
.note-wrap .note-card__meta {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.note-wrap .note-card__meta .note-card__link {
  color: #000b45;
  padding-right: 20px;
  position: relative;
}
.note-wrap .note-card__meta .note-card__link:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 0;
}
.note-wrap .note-pagination {
  margin: 60px auto 40px;
}
.note-wrap .note-pagination .current {
  background: #3c4d62;
}

#kaigai .sec01 .sec_box {
  margin-top: 60px;
}
#kaigai .sec01 .sec_box .mdl {
  font-size: clamp(16px, 3vw, 38px);
}
#kaigai .sec01 .sec_box .big {
  font-size: clamp(20px, 3.5vw, 46px);
}
#kaigai .sec01 .sec_box .big02 {
  font-size: clamp(30px, 4vw, 54px);
}
#kaigai .sec01 .sec_box .aqua {
  color: #2D8FA5;
}
#kaigai .sec01 .sec_box .blue {
  color: #003687;
}
#kaigai .sec01 .sec_box .red {
  color: #EB3232;
}
#kaigai .sec01 .sec_box .sec01_ttl {
  text-align: center;
  font-weight: 700;
  font-size: clamp(16px, 2vw, 32px);
  line-height: 1.3;
}
#kaigai .sec01 .sec_box .area_label_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto;
}
#kaigai .sec01 .sec_box .area_label_list li {
  padding: 3px 15px 5px;
  border-radius: 40px;
  background: #E8EDF5;
  font-size: clamp(14px, 1.5vw, 20px);
  font-weight: 700;
}
#kaigai .sec01 .sec_box .base_copy {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: clamp(20px, 2vw, 26px);
  font-weight: 700;
}
#kaigai .sec01 .sec_box .base_copy .big02 {
  font-family: "Roboto", sans-serif;
}
#kaigai .sec01 .sec_box .base_list_about {
  padding: 30px 40px;
  border-radius: 10px;
  border: 2px solid #E8ECED;
}
#kaigai .sec01 .sec_box .base_list_about .base_list_about_ttl {
  margin-bottom: 10px;
  font-size: clamp(18px, 1.3vw, 20px);
  font-weight: 600;
}
#kaigai .sec01 .sec_box figure {
  width: 80%;
  margin: 30px auto;
}
#kaigai .sec01 .sec_box .free_copy {
  text-align: center;
  padding: 20px 40px;
  border-radius: 10px;
  background: #E8EDF5;
  font-size: clamp(20px, 2vw, 32px);
  font-weight: 700;
}
#kaigai .sec02 .base_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
#kaigai .sec02 .base_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}
#kaigai .sec02 .base_list li:before {
  content: "";
  width: 8px;
  aspect-ratio: 1/1;
  background-color: #003687;
  border-radius: 50%;
}
#kaigai .sec02 .note {
  text-align: center;
  font-size: clamp(12px, 1vw, 14px);
}

#open_factory .sec01 {
  padding-bottom: 80px;
}
#open_factory .sec01 > .sec_inner {
  padding-bottom: 0;
}
#open_factory .sec01 > .sec_inner .flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
}
@media only screen and (max-width: 768px) {
  #open_factory .sec01 > .sec_inner .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#open_factory .sec01 > .sec_inner .flex img {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  #open_factory .sec01 > .sec_inner .flex img {
    width: 500px;
  }
}
#open_factory .sec01 .sec_box {
  padding: 0;
}
#open_factory .sec01 .sec_box .sec_inner figure img {
  width: 90%;
}
#open_factory .sec01 .sec_box .sec_inner .area_info_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
#open_factory .sec01 .sec_box .sec_inner .area_info_list:first-of-type {
  margin-top: 70px;
}
#open_factory .sec01 .sec_box .sec_inner .area_info_list li {
  width: calc((100% - 30px) / 3);
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #open_factory .sec01 .sec_box .sec_inner .area_info_list li {
    width: calc((100% - 15px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  #open_factory .sec01 .sec_box .sec_inner .area_info_list li {
    width: 100%;
  }
}
#open_factory .sec01 .sec_box .sec_inner .area_info_list li:has(details[open]) {
  border-radius: 10px;
  background: #f8f8f8;
}
#open_factory .sec01 .sec_box .sec_inner .area_info_list li:has(details[open]) details {
  border-radius: unset;
  background: unset;
}
#open_factory .sec01 .sec_box .sec_inner .area_info_list li details {
  padding: 20px 30px;
  border-radius: 10px;
  background: #f8f8f8;
}
#open_factory .sec01 .sec_box .sec_inner .area_info_list li details summary {
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-right: 20px;
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 600;
  line-height: 1.3;
  color: #000b45;
}
#open_factory .sec01 .sec_box .sec_inner .area_info_list li details summary:before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  display: block;
  width: 12px;
  aspect-ratio: 1/1;
  border-right: 1px solid #000b45;
  border-bottom: 1px solid #000b45;
}
#open_factory .sec01 .sec_box .sec_inner .area_info_list li details summary .num {
  margin-right: 5px;
  font-size: clamp(20px, 2vw, 30px);
  margin-top: -0.2em;
}
#open_factory .sec01 .sec_box .sec_inner .area_info_list li details .info {
  margin-top: 20px;
}
#open_factory .sec01 .sec_box .sec_inner .area_info_list li details .info b {
  font-weight: 600;
}
#open_factory .sec01 .sec_box .sec_inner .area_info_list li details .info p.open_area {
  margin: 10px 0;
  padding: 3px 10px 5px;
  border-radius: 4px;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  color: #000b45;
}
#open_factory .sec02 .sec_inner .border_ttl {
  margin-bottom: unset;
}
#open_factory .sec02 .sec_inner .schedule_info {
  width: 100%;
  background: #fff;
}
#open_factory .sec02 .sec_inner .schedule_info:not(:last-of-type) {
  margin-bottom: 50px;
}
#open_factory .sec02 .sec_inner .schedule_info tr {
  border-bottom: 1px solid #e8eced;
}
#open_factory .sec02 .sec_inner .schedule_info tr th {
  width: 160px;
  padding: 0 20px;
  font-weight: 600;
  color: #000b45;
  text-align: left;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  #open_factory .sec02 .sec_inner .schedule_info tr th {
    width: 130px;
    padding: 0 10px;
  }
}
#open_factory .sec02 .sec_inner .schedule_info tr td {
  padding: 20px 20px 20px 0;
}
@media only screen and (max-width: 768px) {
  #open_factory .sec02 .sec_inner .schedule_info tr td {
    padding: 20px 10px 20px 0;
  }
}
#open_factory .sec02 .sec_inner .schedule_info tr td span {
  font-size: clamp(16px, 2vw, 26px);
  font-weight: 600;
}
#open_factory .sec02 .sec_inner .schedule_info tr td a {
  color: #000b45;
  text-decoration: underline;
  word-break: break-all;
  overflow-wrap: break-word;
}
#open_factory .sec02 .sec_inner .commonBtn {
  margin: 0 auto;
}
#open_factory .sec03 .sec_inner .event_history {
  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: 15px;
}
#open_factory .sec03 .sec_inner .event_history li {
  width: calc((100% - 30px) / 3);
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #open_factory .sec03 .sec_inner .event_history li {
    width: calc((100% - 15px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  #open_factory .sec03 .sec_inner .event_history li {
    width: 100%;
  }
}
#open_factory .sec03 .sec_inner .event_history li a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 6px;
  border: 1px solid #8c9ca4;
}
#open_factory .sec04 .sec_inner .flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #open_factory .sec04 .sec_inner .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  #open_factory .sec04 .sec_inner .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#open_factory .sec04 .sec_inner .flex .commonBtn:nth-of-type(2) {
  height: unset;
  min-height: 62px;
}

#osakasei .sec01 {
  padding-bottom: 80px;
}
#osakasei .sec01 > .sec_inner {
  padding-bottom: 0;
}
@media print, screen and (min-width: 769px) {
  #osakasei .sec01 > .sec_inner .grid_box_list {
    -ms-grid-columns: 170px auto;
    grid-template-columns: 170px auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#osakasei .sec01 > .sec_inner .brand_logo {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 25px 45px;
  background: #fff;
  border-radius: 10px;
}
#osakasei .sec01 > .sec_inner .brand_logo img {
  width: 80px;
}
#osakasei .sec01 > .sec_inner .row_img_container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 40px;
  gap: 30px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #osakasei .sec01 > .sec_inner .row_img_container {
    gap: 20px;
  }
}
#osakasei .sec01 > .sec_inner .row_img_container img {
  width: calc((100% - 60px) / 3);
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #osakasei .sec01 > .sec_inner .row_img_container img {
    width: calc((100% - 40px) / 3);
  }
}
@media only screen and (max-width: 768px) {
  #osakasei .sec01 > .sec_inner .row_img_container img {
    width: 100%;
  }
}
#osakasei .sec01 > .sec_inner .btn_wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #osakasei .sec01 > .sec_inner .btn_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  #osakasei .sec01 > .sec_inner .btn_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#osakasei .sec01 > .sec_inner .btn_wrapper .commonBtn:nth-of-type(2) {
  height: unset;
  min-height: 62px;
}
#osakasei .sec01 .sec_box {
  padding: 0;
}
#osakasei .sec02 {
  padding-bottom: 80px;
}
#osakasei .sec02 .sec_inner .row_img_container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
#osakasei .sec02 .sec_inner .row_img_container figure {
  width: calc((100% - 60px) / 4);
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #osakasei .sec02 .sec_inner .row_img_container figure {
    width: calc((100% - 20px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  #osakasei .sec02 .sec_inner .row_img_container figure {
    width: calc((100% - 20px) / 2);
  }
}
#osakasei .sec02 .sec_inner .row_img_container figure img {
  display: block;
  margin-bottom: 10px;
}
#osakasei .sec02 .sec_inner .row_img_container figure figcaption {
  font-size: clamp(12px, 1vw, 14px);
}
#osakasei .sec02 .sec_inner .row_img_container figure figcaption a {
  color: #000b45;
  text-decoration: underline;
}
#osakasei .sec02 .sec_box {
  padding: 0;
}
#osakasei .sec02 .sec_box .event_ttl {
  margin-bottom: 20px;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 500;
  line-height: 1.5;
  color: #003687;
}
#osakasei .sec02 .sec_box b {
  display: block;
  margin-bottom: 20px;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.5;
}
#osakasei .sec04 .commonBtn {
  margin-top: 60px;
}
@media only screen and (max-width: 768px) {
  #osakasei .sec04 .commonBtn {
    margin-top: 30px;
  }
}
#osakasei .sec05 {
  padding: 80px 0;
}
#osakasei .sec05 .company_info {
  gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #osakasei .sec05 .company_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  #osakasei .sec05 .company_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#osakasei .sec05 .company_info figure {
  width: 30%;
  max-width: 300px;
  min-width: 300px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #osakasei .sec05 .company_info figure {
    width: 80%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 768px) {
  #osakasei .sec05 .company_info figure {
    width: 100%;
  }
}
#osakasei .sec05 .company_info .text .product_ttl {
  margin-bottom: 40px;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 500;
  line-height: 1.5;
  color: #003687;
}
#osakasei .sec05 .company_info .text .company_ttl {
  margin-bottom: 20px;
  font-size: clamp(20px, 2vw, 30px);
  font-weight: 700;
  color: #000b45;
}
#osakasei .sec05 .company_info .text .company_copy {
  margin-bottom: 10px;
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 600;
}
#osakasei .sec05 .company_info .text .commonBtn {
  max-width: 360px;
  margin-top: 40px;
  margin-left: auto;
}

#assen .commonBtn.pdf {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#assen .sec01 {
  padding-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  #assen .sec01 figure {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 768px) {
  #assen .sec01 figure img {
    width: 600px;
    max-width: unset;
  }
}
#assen .sec01 .sec_inner:last-of-type {
  padding: 0;
}
#assen .sec02 .about_usage {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  margin-top: 50px;
  margin-bottom: 50px;
}
#assen .sec02 .about_usage li {
  width: calc((100% - 30px) / 3);
  padding: 30px;
  border-radius: 10px;
  background: #E8EDF5;
}
@media only screen and (max-width: 1350px) {
  #assen .sec02 .about_usage li {
    width: calc((100% - 15px) / 2);
  }
}
@media only screen and (max-width: 925px) {
  #assen .sec02 .about_usage li {
    width: 100%;
  }
}
#assen .sec02 .about_usage li .item_ttl {
  margin-bottom: 20px;
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 600;
  color: #000B45;
  text-align: center;
}
#assen .sec02 .about_usage li .txt.flex span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#assen .sec02 .about_usage li .commonBtn {
  margin: 20px auto;
}
#assen .sec02 .about_usage li .commonBtn span {
  display: inline-block;
}
#assen .sec03 .related_info {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  margin-top: 50px;
}
#assen .sec03 .related_info li {
  width: calc((100% - 30px) / 3);
  padding: 30px 30px 40px;
  border-radius: 10px;
  background: #E8EDF5;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #assen .sec03 .related_info li {
    width: calc((100% - 15px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  #assen .sec03 .related_info li {
    width: 100%;
  }
}
#assen .sec03 .related_info li .txt {
  margin-bottom: 20px;
}

#b2b .cl_blue {
  color: #003687;
}
#b2b .sec01 {
  padding-bottom: 80px;
}
#b2b .sec01 .sec_inner:first-of-type {
  padding-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  #b2b .sec01 .sec_inner:first-of-type figure {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 768px) {
  #b2b .sec01 .sec_inner:first-of-type figure img {
    width: 600px;
    max-width: unset;
  }
}
#b2b .sec01 .sec_inner:last-of-type {
  padding: 0;
}
#b2b .sec01 .sec_box ul li {
  font-size: clamp(16px, 1.5vw, 22px);
}
#b2b .sec01 .btn_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
#b2b .sec01 .btn_wrapper a {
  width: calc((100% - 30px) / 3);
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #b2b .sec01 .btn_wrapper a {
    width: calc((100% - 15px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  #b2b .sec01 .btn_wrapper a {
    width: 100%;
  }
}
#b2b .sec02 .flow {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 25px;
}
@media only screen and (max-width: 768px) {
  #b2b .sec02 .flow {
    margin-top: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#b2b .sec02 .flow li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc((100% - 50px) / 3);
  padding: 45px 20px;
  border-radius: 10px;
  background: #E8EDF5;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #b2b .sec02 .flow li {
    width: calc((100% - 25px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  #b2b .sec02 .flow li {
    width: 100%;
    max-width: 400px;
  }
}
#b2b .sec02 .flow li:first-of-type figure img {
  width: 80px;
}
#b2b .sec02 .flow li:nth-of-type(2) figure img {
  width: 90px;
}
#b2b .sec02 .flow li:last-of-type figure img {
  width: 100px;
}
#b2b .sec02 .flow li:before {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 20px;
  height: 30px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background: #E8EDF5;
}
#b2b .sec02 .flow li .num {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  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: 50px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #003687;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}
#b2b .sec02 .flow li figure {
  text-align: center;
}
#b2b .sec02 .flow li figure img {
  aspect-ratio: 1/1;
}
#b2b .sec02 .flow li .flow_ttl {
  display: block;
  padding-bottom: 10px;
  text-align: center;
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 500;
  color: #000B45;
}
#b2b .sec02 .flow li p {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#b2b .sec02 .btn_wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
#b2b .sec02 .btn_wrapper a {
  width: calc((100% - 30px) / 2);
}
@media only screen and (max-width: 768px) {
  #b2b .sec02 .btn_wrapper a {
    width: 100%;
  }
}
#b2b .sec02 .btn_wrapper a:last-of-type {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#demae .commonBtn.pdf {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 768px) {
  #demae .sec02 figure img {
    width: 600px;
    max-width: unset;
  }
}
#demae .sec02 .sec_box {
  width: 100%;
}
#demae .sec02 .sec_box .consultation_ttl {
  margin-bottom: 30px;
  text-align: center;
  color: #000B45;
  font-size: clamp(20px, 2vw, 26px);
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #demae .sec02 .sec_box .consultation_ttl {
    margin-bottom: 20px;
  }
}
#demae .sec02 .sec_box p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 40px;
}
@media only screen and (max-width: 768px) {
  #demae .sec02 .sec_box p {
    margin-bottom: 30px;
  }
}
#demae .sec03 ul.banner_box {
  margin-top: 40px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  #demae .sec03 ul.banner_box {
    margin-top: 30px;
    display: block;
  }
  #demae .sec03 ul.banner_box li {
    max-width: 100%;
    width: 380px;
    margin: 0 auto 30px;
  }
}
#demae .sec03 ul.banner_box a {
  display: inline-block;
}
@media (hover: hover) {
  #demae .sec03 ul.banner_box a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  #demae .sec03 ul.banner_box a:hover {
    opacity: 0.6;
  }
}
#demae .sec03 ul.banner_box a figure img {
  margin-bottom: 20px;
}
#demae .sec03 ul.banner_box a figure figcaption {
  line-height: 1.4;
  font-size: 20px;
  font-weight: 600;
}
#demae .sec03 ul.banner_box a span {
  display: block;
  margin-top: 10px;
  text-align: right;
}
#demae .sec03 ul.banner_box a span::after {
  content: "";
  position: relative;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
#demae .sec03 a.commonBtn {
  margin: 0 auto;
}
#demae .sec03 a.commonBtn::before {
  content: none;
}
#demae .sec03 a.commonBtn img {
  width: 122px;
}
@media (hover: hover) {
  #demae .sec03 a.commonBtn img {
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
  #demae .sec03 a.commonBtn:hover img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }
}
#demae .sec04 .sec_inner .coordinator_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
#demae .sec04 .sec_inner .coordinator_list li {
  width: calc((100% - 30px) / 3);
  padding: 40px 30px 30px;
  border-radius: 10px;
  background: #F8F8F8;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #demae .sec04 .sec_inner .coordinator_list li {
    width: calc((100% - 15px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  #demae .sec04 .sec_inner .coordinator_list li {
    width: 100%;
    padding: 30px 20px 20px;
  }
}
#demae .sec04 .sec_inner .coordinator_list li figure {
  text-align: center;
  margin-bottom: 20px;
}
#demae .sec04 .sec_inner .coordinator_list li figure img {
  width: 150px;
  aspect-ratio: 5/6;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  #demae .sec04 .sec_inner .coordinator_list li figure img {
    width: 120px;
  }
}
#demae .sec04 .sec_inner .coordinator_list li .coordinator_name {
  margin-bottom: 20px;
  text-align: center;
  font-size: clamp(12px, 1vw, 14px);
  line-height: 1.7;
}
#demae .sec04 .sec_inner .coordinator_list li .coordinator_name span {
  display: block;
  font-size: clamp(18px, 1.5vw, 24px);
  font-weight: 600;
}
#demae .sec04 .sec_inner .coordinator_list li b {
  margin-bottom: 10px;
  font-weight: 600;
  color: #003687;
}
#demae .sec06 .sec_inner .all_school {
  margin-bottom: 20px;
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 700;
  line-height: 1.3;
  color: #003687;
}
#demae .sec06 .sec_inner .all_school span {
  font-size: clamp(30px, 3.5vw, 50px);
}
#demae .sec06 .sec_inner .university_ttl {
  margin-bottom: 10px;
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 700;
  color: #003687;
}
#demae .sec06 .sec_inner .university {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}
#demae .sec06 .sec_inner .university ul {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#demae .sec06 .sec_inner > .disc_list {
  margin-bottom: 40px;
}
#demae .sec06 .sec_inner > figure {
  text-align: center;
}
#demae .sec06 .sec_inner > figure a:hover {
  opacity: 0.8;
}
#demae .sec06 .sec_inner > figure a img {
  max-width: 560px;
  width: 100%;
}
#demae .sec07 .sec_inner > figure {
  margin-top: 40px;
  text-align: center;
}
#demae .sec07 .sec_inner > figure a:hover {
  opacity: 0.8;
}
#demae .sec07 .sec_inner > figure a img {
  max-width: 560px;
  width: 100%;
}
#demae .sec08 .sec_inner .faq_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
#demae .sec08 .sec_inner .faq_list li {
  padding: 30px;
  border: 1px solid #E8ECED;
  border-radius: 10px;
  background: #E8EDF5;
}
@media only screen and (max-width: 768px) {
  #demae .sec08 .sec_inner .faq_list li {
    padding: 20px;
  }
}
#demae .sec08 .sec_inner .faq_list li .faq_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 15px;
  font-size: clamp(16px, 1.5vw, 20px);
  font-weight: 700;
  line-height: 1.3;
  color: #003687;
}
@media only screen and (max-width: 768px) {
  #demae .sec08 .sec_inner .faq_list li .faq_ttl {
    gap: 10px;
  }
}
#demae .sec08 .sec_inner .faq_list li .faq_ttl .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  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;
  width: 40px;
  aspect-ratio: 1/1;
  font-size: clamp(12px, 1vw, 16px);
  font-family: "Roboto" sans-serif;
  border-radius: 50%;
  background: #003687;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #demae .sec08 .sec_inner .faq_list li .faq_ttl .icon {
    width: 30px;
  }
}
#demae .sec08 .sec_inner .faq_list li p {
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.7;
}
#demae .sec08 .sec_inner .btn_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  #demae .sec08 .sec_inner .btn_wrapper {
    margin-top: 40px;
    gap: 20px;
  }
}

/* MOBIOインキュベート支援 */
#incubate-support section .sec_inner {
  padding: 60px 0 80px;
}
@media only screen and (max-width: 768px) {
  #incubate-support section .sec_inner {
    padding: 60px 0;
  }
}
#incubate-support section .sec_inner.pankuzu {
  padding: 0;
}
#incubate-support section .sec_ttl {
  margin-bottom: 70px;
}
@media only screen and (max-width: 768px) {
  #incubate-support section .sec_ttl {
    margin-bottom: 40px;
  }
}
#incubate-support .sec01 .commonBtn.pdf {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#incubate-support .sec01 .grid_box_list.first-list {
  gap: 15px;
}
#incubate-support .sec01 .grid_box_list.first-list .box {
  position: relative;
  padding-top: 25px;
}
#incubate-support .sec01 .grid_box_list.first-list .box .box_inner {
  padding: 55px 30px 40px;
  background: #fff;
  border-radius: 10px;
  height: 100%;
}
#incubate-support .sec01 .grid_box_list.first-list .box .incubate-support_sec01_ttl {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
  color: #000b45;
}
@media only screen and (max-width: 768px) {
  #incubate-support .sec01 .grid_box_list.first-list .box .incubate-support_sec01_ttl {
    font-size: 16px;
  }
}
#incubate-support .sec01 .grid_box_list.first-list .box .box_num {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  line-height: 50px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 16px;
  color: #fff;
  position: absolute;
  background: #000b45;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  z-index: 1;
}
#incubate-support .sec01 .grid_box_list.second-list {
  gap: 30px;
}
#incubate-support .sec01 .grid_box_list.second-list .box img {
  border-radius: 10px;
}
#incubate-support .sec03 .incubate-support_sec03_ttl {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: center;
  color: #000b45;
}
@media only screen and (max-width: 768px) {
  #incubate-support .sec03 .incubate-support_sec03_ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#incubate-support .sec04 .grid_box_list {
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  #incubate-support .sec04 .grid_box_list {
    position: relative;
    margin-bottom: 30px;
  }
}
#incubate-support .sec04 .grid_box_list .box {
  padding-top: 25px;
  position: relative;
  gap: 25px;
}
#incubate-support .sec04 .grid_box_list .box:last-of-type .box_inner:after {
  display: none;
}
#incubate-support .sec04 .grid_box_list .box .box_num {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  line-height: 50px;
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-size: 16px;
  color: #fff;
  position: absolute;
  background: #000b45;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  z-index: 1;
}
#incubate-support .sec04 .grid_box_list .box .box_inner {
  padding: 35px 20px 30px;
  background: #e8edf5;
  border-radius: 10px;
  position: relative;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #incubate-support .sec04 .grid_box_list .box .box_inner {
    margin: 0 15px;
  }
}
#incubate-support .sec04 .grid_box_list .box .box_inner:after {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  right: -33px;
  border: 15px solid transparent;
  border-left: 20px solid #e8edf5;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  #incubate-support .sec04 .grid_box_list .box .box_inner:after {
    top: auto;
    right: auto;
    left: calc(50% - 18px);
    bottom: -30px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
#incubate-support .sec04 .grid_box_list .box .box_inner .box_img {
  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;
}
#incubate-support .sec04 .grid_box_list .box .box_inner img {
  border-radius: 6px;
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto 20px;
}
@media only screen and (max-width: 768px) {
  #incubate-support .sec04 .grid_box_list .box .box_inner img {
    margin-bottom: 0 auto 15px;
  }
}
#incubate-support .sec04 .grid_box_list .box .box_inner .incubate-support_sec04_ttl {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
  color: #000b45;
}
@media only screen and (max-width: 768px) {
  #incubate-support .sec04 .grid_box_list .box .box_inner .incubate-support_sec04_ttl {
    font-size: 16px;
  }
}
#incubate-support .sec04 .btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 768px) {
  #incubate-support .sec04 .btn_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
  }
}
#incubate-support .sec05 .blue_radius_box {
  background: #e8edf5;
  padding: 30px 50px;
  border-radius: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 360px;
  grid-template-columns: auto 360px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #incubate-support .sec05 .blue_radius_box {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    padding: 20px;
  }
}
@media only screen and (max-width: 768px) {
  #incubate-support .sec05 .blue_radius_box {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding: 20px;
  }
}
#incubate-support .sec05 .blue_radius_box .text_box .fn26 {
  font-size: clamp(20px, 1.7vw, 26px);
  color: #000b45;
}
#incubate-support .sec05 .blue_radius_box .btn_box .btn_tel {
  border: none;
}
#incubate-support .sec05 .blue_radius_box .blue_btn {
  font-weight: 500;
}

/* 入居メリット：共有スペース */
#shared-space .sec01 .sec_inner {
  padding: 60px 0 140px;
}
@media only screen and (max-width: 768px) {
  #shared-space .sec01 .sec_inner {
    padding: 60px 0;
  }
}
#shared-space .sec01 .grid_box_list {
  gap: 30px;
}
#shared-space .sec01 .grid_box_list .box {
  padding: 10px;
  background: #e8edf5;
  border-radius: 10px;
}
#shared-space .sec01 .grid_box_list .box .box_img {
  margin-bottom: 30px;
}
#shared-space .sec01 .grid_box_list .box .box_img img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
#shared-space .sec01 .grid_box_list .box .ishared-space_sec01_ttl {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
  color: #000b45;
}
@media only screen and (max-width: 768px) {
  #shared-space .sec01 .grid_box_list .box .ishared-space_sec01_ttl {
    font-size: 16px;
  }
}
#shared-space .sec01 .grid_box_list .box p {
  padding: 0 10px 10px;
}

/* 施設紹介 */
#facility .sec01 .sec_inner {
  padding: 60px 0 140px;
}
@media only screen and (max-width: 768px) {
  #facility .sec01 .sec_inner {
    padding: 60px 0;
  }
}
#facility .sec01 .grid_box_list.grid_2_1 {
  gap: 3.5%;
  -ms-grid-columns: 60% 3.5% 36.5%;
  grid-template-columns: 60% 36.5%;
}
@media only screen and (max-width: 900px) {
  #facility .sec01 .grid_box_list.grid_2_1 {
    gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media print, screen and (min-width: 769px) {
  #facility .sec01 .grid_box_list.grid_2_1 .table_box table thead th:first-child {
    width: 94px;
  }
}
#facility .sec01 .grid_box_list.grid_2_1 .table_box table thead th:first-child {
  white-space: nowrap;
}
#facility .sec01 .grid_box_list.grid_2_1 .table_box table thead th:nth-child(2) {
  white-space: nowrap;
}
@media print, screen and (min-width: 769px) {
  #facility .sec01 .grid_box_list.grid_2_1 .table_box table thead th:nth-child(2) {
    width: 123px;
  }
}
#facility .sec01 .grid_box_list.grid_2_1 .img_box img {
  width: 100%;
  height: auto;
}
#facility .sec01 .grid_box_list.grid_4_2_1 img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* 入居企業紹介 */
#tenant-company .sec01 .sec_inner {
  padding: 40px 0 80px;
}
@media only screen and (max-width: 768px) {
  #tenant-company .sec01 .sec_inner {
    padding: 60px 0;
  }
}
#tenant-company .sec01 .img_box img {
  max-width: 600px;
  display: block;
  margin: 0 auto;
}
#tenant-company .sec01 .table01 tbody td {
  text-align: left;
}
#tenant-company .sec01 .table01 tbody td:first-child {
  text-align: center;
}
#tenant-company .sec02 .sec_inner {
  padding: 80px 0;
}
@media only screen and (max-width: 768px) {
  #tenant-company .sec02 .sec_inner {
    padding: 60px 0;
  }
}
#tenant-company .sec02 .blue_radius_box {
  background: #e8edf5;
  padding: 30px 50px;
  border-radius: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 360px;
  grid-template-columns: auto 360px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #tenant-company .sec02 .blue_radius_box {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    padding: 20px;
  }
}
@media only screen and (max-width: 768px) {
  #tenant-company .sec02 .blue_radius_box {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding: 20px;
  }
}
#tenant-company .sec02 .blue_radius_box .text_box .fn26 {
  font-size: clamp(20px, 1.7vw, 26px);
  color: #000b45;
}
#tenant-company .sec02 .blue_radius_box .btn_box .btn_tel {
  border: none;
}
#tenant-company .sec02 .blue_radius_box .blue_btn {
  font-weight: 500;
}

/* 入居企業紹介 詳細ページ */
#tenant-company_single01 .campany_ttl {
  font-size: clamp(28px, 2.2vw, 36px);
  margin-bottom: 20px;
  color: #000b45;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  #tenant-company_single01 .campany_ttl {
    font-size: 22px;
  }
}
#tenant-company_single01 .border_list ul li {
  padding-left: 1em;
  position: relative;
  letter-spacing: 0px;
}
#tenant-company_single01 .border_list ul li::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  background: #003687;
  border-radius: 50%;
  position: absolute;
  left: 0.25em;
  top: 0.65em;
}
#tenant-company_single01 .blue_radius_box {
  background: #e8edf5;
  padding: 30px;
  border-radius: 30px;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  #tenant-company_single01 .blue_radius_box {
    padding: 20px;
  }
}

#tenant-company_single02 .tenant-company_box ul li {
  padding-left: 1em;
  position: relative;
  letter-spacing: 0px;
}
#tenant-company_single02 .tenant-company_box ul li::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  background: #003687;
  border-radius: 50%;
  position: absolute;
  left: 0.25em;
  top: 0.65em;
}

/* 交通アクセス */
#access ul.notice li {
  padding-left: 1.2em;
  position: relative;
}
#access ul.notice li span {
  position: absolute;
  left: 0;
  top: 0;
}
#access li.notice,
#access p.notice {
  position: relative;
  padding-left: 1.2em;
}
#access li.notice span,
#access p.notice span {
  position: absolute;
  left: 0;
  top: 0;
}
#access {
  /* .sec01 */
}
#access .sec01 {
  background: #e8edf5;
}
#access .sec01 img {
  width: 100%;
  height: auto;
  max-width: 960px;
  margin: 0 auto;
  display: block;
  border-radius: 20px;
}
#access .sec01 .google_map {
  margin-bottom: 60px;
  border-radius: 20px;
  overflow: hidden;
}
#access .sec01 .address_info .building > div {
  gap: 40px;
}
#access .sec01 .address_info .building > div div img {
  max-width: 464px;
}
@media only screen and (max-width: 768px) {
  #access .sec01 .address_info .building > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1em;
  }
}
#access .sec01 .address_info .reception {
  margin: 35px 0 25px;
}
#access .sec01 dt {
  white-space: nowrap;
  color: #000b45;
  font-weight: bold;
  font-size: clamp(18px, 1.7vw, 24px);
}
#access {
  /* .sec02 */
}
#access .sec02 img {
  width: 100%;
  height: auto;
}
#access .sec02 h2 {
  margin-bottom: 50px;
}
#access .sec02 p {
  margin-bottom: 40px;
}
#access .sec02 figure:nth-of-type(1) {
  margin-bottom: 90px;
  border-radius: 20px;
  overflow: hidden;
}
#access {
  /* .sec03 */
}
#access .sec03 img {
  width: 100%;
  height: auto;
}
#access .sec03 h2 {
  margin-bottom: 50px;
}
#access .sec03 p.notice {
  margin: 20px 0 40px;
}

/* メールマガジン */
#mailmagazine {
  /* .sec01 */
}
#mailmagazine .sec01 {
  background: #e8edf5;
}
#mailmagazine .sec01 .image_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media only screen and (max-width: 768px) {
  #mailmagazine .sec01 .image_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
#mailmagazine .sec01 .image_wrap figure {
  margin-top: 12px;
}
#mailmagazine .sec01 a.commonBtn {
  margin: 0 auto;
  font-size: 18px;
  font-weight: bold;
}
#mailmagazine {
  /* .sec02 */
}
#mailmagazine .sec02 ul.sns_link {
  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: 50px;
}
@media (hover: hover) {
  #mailmagazine .sec02 ul.sns_link a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  #mailmagazine .sec02 ul.sns_link a:hover {
    opacity: 0.8;
  }
}
#mailmagazine .sec02 ul.sns_link img {
  width: 57px;
}
#mailmagazine {
  /* .sec03 */
}
#mailmagazine .sec03 ul.banner_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  #mailmagazine .sec03 ul.banner_box {
    display: block;
  }
  #mailmagazine .sec03 ul.banner_box li {
    max-width: 100%;
    width: 380px;
    margin: 0 auto 30px;
  }
}
#mailmagazine .sec03 ul.banner_box a {
  display: inline-block;
}
@media (hover: hover) {
  #mailmagazine .sec03 ul.banner_box a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  #mailmagazine .sec03 ul.banner_box a:hover {
    opacity: 0.6;
  }
}
#mailmagazine .sec03 ul.banner_box a figure img {
  margin-bottom: 20px;
}
#mailmagazine .sec03 ul.banner_box a figure figcaption {
  line-height: 1.4;
  font-size: 20px;
  font-weight: 600;
}
#mailmagazine .sec03 ul.banner_box a span {
  display: block;
  margin-top: 10px;
  text-align: right;
}
#mailmagazine .sec03 ul.banner_box a span::after {
  content: "";
  position: relative;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
#mailmagazine .sec03 a.commonBtn {
  margin: 0 auto;
}
#mailmagazine .sec03 a.commonBtn::before {
  content: none;
}
#mailmagazine .sec03 a.commonBtn img {
  width: 122px;
}
@media (hover: hover) {
  #mailmagazine .sec03 a.commonBtn img {
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
  #mailmagazine .sec03 a.commonBtn:hover img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }
}
#mailmagazine {
  /* .sec04 */
}
#mailmagazine .sec04 .youtube_box {
  display: block;
  width: 580px;
  overflow: hidden;
  border-radius: 10px;
  max-width: 100%;
  aspect-ratio: 560/315;
  margin: 0 auto;
}
#mailmagazine .sec04 .youtube_box iframe {
  aspect-ratio: 560/315;
  width: 100%;
  height: auto;
}

/* 企業検索 */
#company_nav .sec01 {
  padding-bottom: 110px;
}
@media only screen and (max-width: 768px) {
  #company_nav .sec01 {
    padding-bottom: 60px;
  }
}
#company_nav .sec01 > .sec_inner {
  padding: 60px 0 0;
}
#company_nav .sec01 > .sec_inner .sec_ttl02 {
  color: #000b45;
  font-size: clamp(16px, 1.3vw, 19px);
  text-align: left;
}
#company_nav .sec01 .blue_box {
  background: #e8edf5;
  border-radius: 40px;
  max-width: 1520px;
  width: 90%;
  margin: 0 auto 30px;
}
@media only screen and (max-width: 768px) {
  #company_nav .sec01 .blue_box {
    width: 100%;
    border-radius: 0;
  }
}
#company_nav .sec01 .blue_box .grid_box_list {
  gap: 5%;
  -ms-grid-columns: 48% 5% 47%;
  grid-template-columns: 48% 47%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 900px) {
  #company_nav .sec01 .blue_box .grid_box_list {
    gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
}
#company_nav .sec01 .blue_box .grid_box_list .sec_inner {
  padding: 60px 0;
}
@media only screen and (max-width: 768px) {
  #company_nav .sec01 .blue_box .grid_box_list .sec_inner {
    padding: 30px 0;
  }
}
#company_nav .sec01 .blue_box .grid_box_list .img_box img {
  border-radius: 20px;
}
@media only screen and (max-width: 768px) {
  #company_nav .sec01 .blue_box .grid_box_list .img_box img {
    border-radius: 10px;
  }
}
#company_nav .sec01 .blue_box .grid_box_list .text_box .company_nav_ttl {
  margin-bottom: 20px;
  font-size: clamp(28px, 2.5vw, 36px);
  font-weight: bold;
  letter-spacing: 2px;
  color: #000b45;
}
@media only screen and (max-width: 768px) {
  #company_nav .sec01 .blue_box .grid_box_list .text_box .company_nav_ttl {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
#company_nav .sec01 .blue_box .grid_box_list .text_box .company_nav_subttl {
  margin-bottom: 30px;
  font-size: clamp(18px, 1.6vw, 24px);
  font-weight: bold;
  letter-spacing: 2px;
  color: #000b45;
}
@media only screen and (max-width: 768px) {
  #company_nav .sec01 .blue_box .grid_box_list .text_box .company_nav_subttl {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

/* 大阪府中小企業等外国出願支援事業 */
#foreign_appl section .sec_inner {
  padding: 60px 0 80px;
}
@media only screen and (max-width: 768px) {
  #foreign_appl section .sec_inner {
    padding: 60px 0;
  }
}
#foreign_appl section .sec_inner.pankuzu {
  padding: 0;
}
#foreign_appl section .sec_ttl {
  margin-bottom: 70px;
}
@media only screen and (max-width: 768px) {
  #foreign_appl section .sec_ttl {
    margin-bottom: 40px;
  }
}
#foreign_appl .sec01 .commonBtn.pdf {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#foreign_appl .sec01 .grid_box_list .box {
  border-radius: 10px;
  background: #fff;
  padding: 40px 30px;
}
@media only screen and (max-width: 768px) {
  #foreign_appl .sec01 .grid_box_list .box {
    padding: 20px;
  }
}
#foreign_appl .sec01 .grid_box_list .box .foreign_appl_ttl01 {
  color: #000b45;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #foreign_appl .sec01 .grid_box_list .box .foreign_appl_ttl01 {
    font-size: 18px;
  }
}
#foreign_appl .sec01 .grid_box_list .box .foreign_appl_ttl02,
#foreign_appl .sec01 .grid_box_list .box .foreign_appl_ttl03 {
  color: #003687;
  font-size: clamp(22px, 1.82vw, 30px);
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  #foreign_appl .sec01 .grid_box_list .box .foreign_appl_ttl02,
  #foreign_appl .sec01 .grid_box_list .box .foreign_appl_ttl03 {
    font-size: 22px;
  }
}
#foreign_appl .sec01 .grid_box_list .box .foreign_appl_ttl02 span,
#foreign_appl .sec01 .grid_box_list .box .foreign_appl_ttl03 span {
  color: #394452;
  font-size: 14px;
  font-weight: 400;
}
#foreign_appl .sec02 .flex_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#foreign_appl .sec03 .border_list span.text {
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #foreign_appl .sec03 .border_list span.text {
    font-size: 18px;
  }
}
#foreign_appl .sec03 .border_list .commonBtn {
  max-width: 360px;
}
#foreign_appl .sec05 .sec_inner {
  padding: 80px 0;
}
@media only screen and (max-width: 768px) {
  #foreign_appl .sec05 .sec_inner {
    padding: 60px 0;
  }
}
#foreign_appl .sec05 .blue_radius_box {
  background: #e8edf5;
  padding: 30px 50px;
  border-radius: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 360px;
  grid-template-columns: auto 360px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #foreign_appl .sec05 .blue_radius_box {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    padding: 20px;
  }
}
@media only screen and (max-width: 768px) {
  #foreign_appl .sec05 .blue_radius_box {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    padding: 20px;
  }
}
#foreign_appl .sec05 .blue_radius_box .text_box .fn26 {
  font-size: clamp(20px, 1.7vw, 26px);
  color: #000b45;
}
#foreign_appl .sec05 .blue_radius_box .btn_box .btn_tel {
  border: none;
}
#foreign_appl .sec05 .blue_radius_box .blue_btn {
  font-weight: 500;
}

#takumi section .sec_inner {
  padding: 80px 0;
}
@media only screen and (max-width: 768px) {
  #takumi section .sec_inner {
    padding: 60px 0;
  }
}
#takumi section .sec_inner.pankuzu {
  padding: 0;
}
#takumi section .sec_ttl {
  margin-bottom: 70px;
}
@media only screen and (max-width: 768px) {
  #takumi section .sec_ttl {
    margin-bottom: 40px;
  }
}
#takumi .sec01 > .sec_inner {
  padding: 60px 0 80px;
}
@media only screen and (max-width: 768px) {
  #takumi .sec01 > .sec_inner {
    padding: 60px 0;
  }
}
@media print, screen and (min-width: 769px) {
  #takumi .sec01 > .sec_inner .grid_box_list.first {
    -ms-grid-columns: 170px auto;
    grid-template-columns: 170px auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#takumi .sec01 > .sec_inner .brand_logo {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #fff;
  border-radius: 10px;
  width: 170px;
  height: 170px;
  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;
}
@media only screen and (max-width: 768px) {
  #takumi .sec01 > .sec_inner .brand_logo {
    margin: 0 auto;
  }
}
#takumi .sec01 > .sec_inner .brand_logo img {
  width: 104px;
}
#takumi .sec01 > .sec_inner .tag_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
#takumi .sec01 > .sec_inner .tag_list li {
  background: #003687;
  color: #fff;
  padding: 10px 20px;
  text-align: center;
  font-weight: 600;
}
#takumi .sec02 .grid_box_list {
  gap: 3.5%;
}
@media print, screen and (min-width: 769px) {
  #takumi .sec02 .grid_box_list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (max-width: 768px) {
  #takumi .sec02 .grid_box_list {
    gap: 20px;
  }
}
#takumi .sec02 .grid_box_list .box.img_box {
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #takumi .sec02 .grid_box_list .box.img_box {
    border-radius: 10px;
  }
}
#takumi .sec02 .grid_box_list .box.img_box img {
  width: auto;
  display: block;
  margin: 0 auto;
}

/* 技術者の育成、技能伝承の支援 */
#fundamental section .sec_inner {
  padding: 80px 0;
}
@media only screen and (max-width: 768px) {
  #fundamental section .sec_inner {
    padding: 60px 0;
  }
}
#fundamental section .sec_inner.pankuzu {
  padding: 0;
}
#fundamental section .sec_ttl {
  margin-bottom: 70px;
}
@media only screen and (max-width: 768px) {
  #fundamental section .sec_ttl {
    margin-bottom: 40px;
  }
}
#fundamental .sec01 > .sec_inner {
  padding: 60px 0 80px;
}
@media only screen and (max-width: 768px) {
  #fundamental .sec01 > .sec_inner {
    padding: 60px 0;
  }
}
#fundamental .sec02 .disc_list li .ttl {
  font-size: 22px;
}
@media only screen and (max-width: 768px) {
  #fundamental .sec02 .disc_list li .ttl {
    font-size: 18px;
  }
}
#fundamental .sec02 .disc_list li:before {
  top: 1em;
}
@media print, screen and (min-width: 769px) {
  #fundamental .sec02 .grid_box_list {
    gap: 2.5%;
  }
}
#fundamental .sec02 .grid_box_list .box img {
  border-radius: 10px;
}
#fundamental .sec03 .fundamental_ttl {
  font-size: clamp(22px, 1.8vw, 30px);
  color: #000b45;
  font-weight: bold;
  margin-bottom: 20px;
}
#fundamental .sec03 .fundamental_events_list ul {
  border-top: 2px solid #2d4767;
}
#fundamental .sec03 .fundamental_events_list ul li {
  padding: 30px;
  border-bottom: 1px solid #e8eced;
  margin-bottom: 0;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  #fundamental .sec03 .fundamental_events_list ul li {
    padding: 20px;
  }
}
#fundamental .sec03 .tag a {
  background: #2d8fa5 !important;
  color: #fff !important;
  height: 21px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 190px;
  font-size: 12px;
  padding: 5px 10px;
}
@media only screen and (max-width: 768px) {
  #fundamental .sec03 .tag a {
    min-width: 130px;
  }
}
#fundamental .sec03 .event-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px !important;
}
@media only screen and (max-width: 768px) {
  #fundamental .sec03 .event-title {
    font-size: 16px;
  }
}
#fundamental .sec03 .calendar_day {
  margin-bottom: 10px !important;
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #fundamental .sec03 .calendar_day {
    font-size: 16px;
  }
}
#fundamental .sec03 .calendar_day span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 90px;
  border: none;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  background: #3c4d62;
  font-size: 14px;
  height: 26px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #fundamental .sec03 .calendar_day span {
    font-size: 12px;
    height: 21px;
    width: 60px;
  }
}
#fundamental .sec03 .calendar_place {
  margin-bottom: 0 !important;
}
#fundamental .sec03 .calendar_place span {
  text-align: center;
  margin-right: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 90px;
  border: none;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  background: #3c4d62;
  font-size: 14px;
  height: 26px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #fundamental .sec03 .calendar_place span {
    font-size: 12px;
    height: 21px;
    width: 60px;
  }
}
#fundamental .contact_section .blue_radius_box .blue_btn:after {
  display: none;
}

#digikatsu .sec03 .sec_inner > .flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
}
@media only screen and (max-width: 768px) {
  #digikatsu .sec03 .sec_inner > .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#digikatsu .sec03 .sec_inner > .flex .left {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  #digikatsu .sec03 .sec_inner > .flex .left {
    width: 100%;
  }
}
#digikatsu .sec03 .sec_inner > .flex .right {
  width: 50%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  #digikatsu .sec03 .sec_inner > .flex .right {
    width: 100%;
  }
}
#digikatsu .sec03 .sec_inner > .flex .right img {
  width: calc((100% - 20px) / 2);
}
#digikatsu .sec04 ul.banner_box {
  margin-top: 40px;
  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: 30px;
}
@media only screen and (max-width: 768px) {
  #digikatsu .sec04 ul.banner_box {
    margin-top: 30px;
    display: block;
  }
  #digikatsu .sec04 ul.banner_box li {
    max-width: 100%;
    width: 380px;
    margin: 0 auto 30px;
  }
}
@media print, screen and (min-width: 769px) {
  #digikatsu .sec04 ul.banner_box li {
    width: calc((100% - 60px) / 3);
  }
}
#digikatsu .sec04 ul.banner_box a {
  display: inline-block;
}
@media (hover: hover) {
  #digikatsu .sec04 ul.banner_box a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  #digikatsu .sec04 ul.banner_box a:hover {
    opacity: 0.6;
  }
}
#digikatsu .sec04 ul.banner_box a figure img {
  margin-bottom: 20px;
}
#digikatsu .sec04 ul.banner_box a figure figcaption {
  line-height: 1.4;
  font-size: 20px;
  font-weight: 600;
}
#digikatsu .sec04 ul.banner_box a span {
  display: block;
  margin-top: 10px;
  text-align: right;
}
#digikatsu .sec04 ul.banner_box a span::after {
  content: "";
  position: relative;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
#digikatsu .sec04 a.commonBtn {
  margin: 0 auto;
}
#digikatsu .sec04 a.commonBtn::before {
  content: none;
}
#digikatsu .sec04 a.commonBtn img {
  width: 122px;
}
@media (hover: hover) {
  #digikatsu .sec04 a.commonBtn img {
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
  #digikatsu .sec04 a.commonBtn:hover img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }
}
#digikatsu .sec06 .sec_inner .flex {
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  #digikatsu .sec06 .sec_inner .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  #digikatsu .sec06 .sec_inner .flex figure {
    max-width: 300px;
    margin: 0 auto;
  }
}

#tenjikatsu .sec03 .container > .flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
}
@media only screen and (max-width: 768px) {
  #tenjikatsu .sec03 .container > .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#tenjikatsu .sec03 .container > .flex .left {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  #tenjikatsu .sec03 .container > .flex .left {
    width: 100%;
  }
}
#tenjikatsu .sec03 .container > .flex .right {
  width: 50%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  #tenjikatsu .sec03 .container > .flex .right {
    width: 100%;
  }
}
#tenjikatsu .sec03 .container > .flex .right img {
  width: calc((100% - 20px) / 2);
}
#tenjikatsu .sec04 ul.banner_box {
  margin-top: 40px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  #tenjikatsu .sec04 ul.banner_box {
    margin-top: 30px;
    display: block;
  }
  #tenjikatsu .sec04 ul.banner_box li {
    max-width: 100%;
    width: 380px;
    margin: 0 auto 30px;
  }
}
#tenjikatsu .sec04 ul.banner_box a {
  display: inline-block;
}
@media (hover: hover) {
  #tenjikatsu .sec04 ul.banner_box a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  #tenjikatsu .sec04 ul.banner_box a:hover {
    opacity: 0.6;
  }
}
#tenjikatsu .sec04 ul.banner_box a figure img {
  margin-bottom: 20px;
}
#tenjikatsu .sec04 ul.banner_box a figure figcaption {
  line-height: 1.4;
  font-size: 20px;
  font-weight: 600;
}
#tenjikatsu .sec04 ul.banner_box a span {
  display: block;
  margin-top: 10px;
  text-align: right;
}
#tenjikatsu .sec04 ul.banner_box a span::after {
  content: "";
  position: relative;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
#tenjikatsu .sec04 a.commonBtn {
  margin: 0 auto;
}
#tenjikatsu .sec04 a.commonBtn::before {
  content: none;
}
#tenjikatsu .sec04 a.commonBtn img {
  width: 122px;
}
@media (hover: hover) {
  #tenjikatsu .sec04 a.commonBtn img {
    -webkit-transition: -webkit-filter 0.2s;
    transition: -webkit-filter 0.2s;
    transition: filter 0.2s;
    transition: filter 0.2s, -webkit-filter 0.2s;
  }
  #tenjikatsu .sec04 a.commonBtn:hover img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }
}
#tenjikatsu .sec06 .sec_inner .flex {
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  #tenjikatsu .sec06 .sec_inner .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  #tenjikatsu .sec06 .sec_inner .flex figure {
    max-width: 300px;
    margin: 0 auto;
  }
}

#coordinator section .sec_inner {
  padding: 80px 0;
}
@media only screen and (max-width: 768px) {
  #coordinator section .sec_inner {
    padding: 60px 0;
  }
}
#coordinator section .sec_inner.pankuzu {
  padding: 0;
}
#coordinator section .sec_ttl {
  margin-bottom: 70px;
}
@media only screen and (max-width: 768px) {
  #coordinator section .sec_ttl {
    margin-bottom: 40px;
  }
}
#coordinator .coordinator_top > .sec_inner {
  padding: 60px 0 80px;
}
@media only screen and (max-width: 768px) {
  #coordinator .coordinator_top > .sec_inner {
    padding: 60px 0;
  }
}
#coordinator .coordinator_top > .sec_inner .coordinator__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#coordinator .coordinator_top > .sec_inner .coordinator__list li {
  width: calc(33.3333333333% - 10px);
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #coordinator .coordinator_top > .sec_inner .coordinator__list li {
    width: calc(50% - 7.5px);
  }
}
@media only screen and (max-width: 768px) {
  #coordinator .coordinator_top > .sec_inner .coordinator__list li {
    width: 100%;
  }
}
#coordinator .coordinator_top > .sec_inner .coordinator__list li a {
  display: block;
  background: #fff;
  position: relative;
  text-align: center;
  width: 100%;
  border: 1px solid #8c9ca4;
  color: #000b45;
  font-weight: 600;
  border-radius: 10px;
  padding: 20px 40px;
  font-size: 18px;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  #coordinator .coordinator_top > .sec_inner .coordinator__list li a {
    font-size: 16px;
    border-radius: 6px;
  }
}
#coordinator .coordinator_top > .sec_inner .coordinator__list li a:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #8c9ca4;
  border-right: 1px solid #8c9ca4;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  top: 50%;
  right: 24px;
}
#coordinator .coordinator_top > .sec_inner .coordinator__list li a:hover {
  background: #3c4d62;
  color: #fff;
}
#coordinator .coordinator_section .border_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #000b45;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  #coordinator .coordinator_section .border_flex {
    gap: 0;
  }
}
#coordinator .coordinator_section .border_flex span {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  font-size: clamp(22px, 1.9vw, 30px);
  font-weight: bold;
  letter-spacing: 2px;
  color: #000b45;
}
#coordinator .coordinator_section .border_flex span:before {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 0;
}
#coordinator .coordinator_section .border_flex .tel {
  font-size: 20px;
  background: #e8edf5;
  color: #000b45;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  #coordinator .coordinator_section .border_flex .tel {
    font-size: 16px;
  }
}
#coordinator .coordinator_section .grid_box_list {
  gap: 15px;
}
#coordinator .coordinator_section .grid_box_list .card {
  padding: 40px 30px 30px;
  background: #f8f8f8;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#coordinator .coordinator_section .grid_box_list .card img {
  width: 150px;
  display: block;
  margin: 0 auto 20px;
  border-radius: 10px;
}
#coordinator .coordinator_section .grid_box_list .card h4 {
  font-size: clamp(18px, 1.4vw, 24px);
  font-weight: 600;
  letter-spacing: 2px;
  color: #000b45;
  text-align: center;
}
#coordinator .coordinator_section .grid_box_list .card .furigana {
  font-size: 14px;
  color: #000b45;
  margin-bottom: 20px;
  text-align: center;
}
#coordinator .coordinator_section .grid_box_list .card h5 {
  color: #003687;
  margin-bottom: 10px;
  font-weight: 600;
}
#coordinator .coordinator_section .grid_box_list .card .coordinator_text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#coordinator .coordinator_section .grid_box_list .card .day {
  font-weight: 600;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  background: #79899c;
  margin-top: auto;
}
#coordinator .coordinator_section:nth-of-type(even) {
  background: #e8edf5;
}
#coordinator .coordinator_section:nth-of-type(even) .border_flex .tel {
  background: #fff;
}
#coordinator .coordinator_section:nth-of-type(even) .grid_box_list .card {
  background: #fff;
}

/* リンク集 */
#link #main_contents section > div.sec_inner {
  padding: 60px 0 0;
}
#link #main_contents ul.banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
#link #main_contents ul.banner a {
  display: block;
}
#link #main_contents ul.banner img {
  display: block;
}
@media only screen and (max-width: 768px) {
  #link #main_contents ul.banner {
    gap: 2.5vw;
  }
  #link #main_contents ul.banner li {
    width: calc((100% - 2.5vw) / 2);
  }
  #link #main_contents ul.banner li img {
    width: 100%;
  }
}
@media (hover: hover) {
  #link #main_contents ul.banner a img {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  #link #main_contents ul.banner a:hover img {
    opacity: 0.6;
  }
}
#link #main_contents ul.disc_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
#link #main_contents ul.disc_list a {
  white-space: nowrap;
}
@media (hover: hover) {
  #link #main_contents ul.disc_list a:hover {
    text-decoration: underline;
  }
}
#link #main_contents dt {
  margin-bottom: 10px;
  font-weight: bold;
}
#link #main_contents div.grey-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin: 30px 0 60px;
  padding: 40px;
  border-radius: 10px;
  background: #f7f7f7;
}
@media only screen and (max-width: 768px) {
  #link #main_contents div.grey-box {
    padding: 20px;
  }
}
#link #main_contents div.grey-box figcaption {
  margin-top: 6px;
  font-size: 14px;
}
#link #main_contents div.col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 40px;
}
@media (max-width: 1000px) {
  #link #main_contents div.col {
    display: block;
  }
}
#link #main_contents div.col ul {
  margin-bottom: 10px;
}
#link #main_contents div.col dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 20px;
}

/* 大阪府内の商工会議所・商工会リスト */
#association #main_contents .table01 tr:nth-child(even) td {
  background: #f8f8f8;
}
#association #main_contents .table01 th br {
  display: none;
}
@media (max-width: 1480px) {
  #association #main_contents .table01 th br {
    display: inline-block;
  }
}
#association #main_contents .table01 td {
  text-align: left;
}
#association #main_contents .table01 td:nth-child(1) {
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #association #main_contents .table01 td:nth-child(1) {
    white-space: normal;
  }
}
#association #main_contents .table01 td:nth-child(1) a {
  color: #003687;
  text-decoration: underline;
}
#association #main_contents .table01 td:nth-child(3) {
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #association #main_contents th,
  #association #main_contents td {
    padding: 2.5vw;
    font-size: 12px;
  }
}

/* 在阪外国公館リスト */
#consulate #main_contents .consulate_anchor_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 50px;
}
#consulate #main_contents .consulate_anchor_link li {
  width: 11.6em;
}
@media (max-width: 900px) {
  #consulate #main_contents .consulate_anchor_link li {
    width: calc((100% - 15px) / 2);
  }
}
#consulate #main_contents .consulate_anchor_link li a {
  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;
  background: #fff;
  position: relative;
  width: 100%;
  border: 1px solid #8c9ca4;
  color: #000b45;
  border-radius: 10px;
  padding: 20px 40px;
  line-height: 1;
  font-size: 18px;
  white-space: nowrap;
}
#consulate #main_contents .consulate_anchor_link li a::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 14px;
  height: 8px;
  margin-right: 0.5em;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNC4zNTM2IDAuMzUzNTc3TDcuMzUzNTggNy4zNTM1OEwwLjM1MzU3NyAwLjM1MzU3NiIgc3Ryb2tlPSIjMDAwQjQ1Ii8+Cjwvc3ZnPg==") no-repeat center/100%;
  -webkit-transform: translateY(0.15em);
          transform: translateY(0.15em);
}
@media only screen and (max-width: 768px) {
  #consulate #main_contents .consulate_anchor_link {
    gap: 2.5vw;
  }
  #consulate #main_contents .consulate_anchor_link li {
    width: calc((100% - 2.5vw) / 2);
  }
  #consulate #main_contents .consulate_anchor_link li a {
    padding: 18px;
    font-size: 14px;
  }
}
#consulate #main_contents .consulate_list {
  margin-bottom: 30px;
}
#consulate #main_contents .consulate_list dt {
  font-weight: 600;
  color: #000b45;
}
#consulate #main_contents .consulate_list dd {
  margin-bottom: 10px;
}

/* プライバシーポリシー */
#privacy #main_contents ul.disc_list {
  margin-top: 20px;
}
#privacy #main_contents ul.disc_list a {
  color: #003687;
  text-decoration: underline;
}
#privacy #main_contents h3.border_ttl {
  margin-top: 60px;
}
#privacy #main_contents dt.contents_ttl {
  margin-top: 40px;
}
#privacy #main_contents ol li dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.4;
}
#privacy #main_contents ol li dl dt span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 0.5em;
}

/* 大阪の伝統工芸品 */
@media print, screen and (min-width: 769px) {
  #dentoukougei #main_contents .sec01 .grid_box_list {
    -ms-grid-columns: 220px auto;
    grid-template-columns: 220px auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#dentoukougei #main_contents figure.logo_top {
  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: 20px;
}
#dentoukougei #main_contents figure.logo_top img {
  height: 200px;
  width: auto;
}
#dentoukougei #main_contents div.col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  #dentoukougei #main_contents div.col2 {
    gap: 10px;
  }
}
#dentoukougei #main_contents div.col2 figure {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  width: 120px;
}
@media only screen and (max-width: 768px) {
  #dentoukougei #main_contents div.col2 figure {
    width: 80px;
  }
}
#dentoukougei #main_contents div.col2 figure img {
  width: 100%;
}
#dentoukougei #main_contents div.col2 figure figcaption {
  text-align: center;
  font-size: 75%;
  line-height: 1.2;
  white-space: nowrap;
}
#dentoukougei #main_contents div.col2 ol li {
  list-style: decimal;
  margin-left: 1.5em;
}
@media only screen and (max-width: 768px) {
  #dentoukougei #main_contents a.commonBtn.pdf {
    line-height: 1.2;
  }
}
#dentoukougei #main_contents dl.inquire_sec_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 50px;
  background: #e8edf5;
  border-radius: 30px;
}
@media screen and (max-width: 1030px) {
  #dentoukougei #main_contents dl.inquire_sec_btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #dentoukougei #main_contents dl.inquire_sec_btn {
    padding: 20px 20px 25px;
  }
}
#dentoukougei #main_contents dl.inquire_sec_btn dt {
  padding-right: 30px;
  font-weight: 500;
  font-size: clamp(20px, 1.7vw, 26px);
  color: #000b45;
}
#dentoukougei #main_contents dl.inquire_sec_btn dd {
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  #dentoukougei #main_contents dl.inquire_sec_btn dd {
    width: 100%;
  }
}
#dentoukougei #main_contents dl.inquire_sec_btn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
#dentoukougei #main_contents dl.inquire_sec_btn a.commonBtn {
  border: none;
  width: 360px;
  border-radius: 6px;
}
@media only screen and (max-width: 768px) {
  #dentoukougei #main_contents dl.inquire_sec_btn a.commonBtn {
    width: 100%;
  }
}

#ip a.commonBtn {
  margin: 0 auto;
}
#ip a.commonBtn:hover {
  opacity: 1 !important;
}
#ip {
  /* .sec01 */
}
#ip .sec01 {
  background: #e8edf5;
}
#ip .sec01 div.sec_inner {
  max-width: 1520px;
}
#ip .sec01 div.sec_inner > p {
  max-width: 1200px;
  margin: 0 auto 60px;
}
#ip .sec01 .summary_list {
  padding: 50px 40px;
  background: #ffffff;
  border-radius: 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #ip .sec01 .summary_list {
    padding: 20px 2.5vw 40px;
  }
}
#ip .sec01 .summary_list dt {
  color: #000b45;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}
#ip .sec01 .summary_list dd {
  max-width: 1200px;
  margin: 0 auto;
}
#ip .sec01 .summary_list dd 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;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  #ip .sec01 .summary_list dd ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5vw;
  }
}
#ip .sec01 .summary_list dd ul li {
  background: #e8edf5;
  border-radius: 8px;
  width: calc((100% - 40px) / 3);
  padding: 20px 15px;
  text-align: center;
  font-size: 20px;
  font-size: 1.4vw;
  font-size: clamp(14px, 1.4vw, 20px);
  font-weight: 500;
  color: #000b45;
  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;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  #ip .sec01 .summary_list dd ul li {
    width: 100%;
  }
}
#ip .sec01 .summary_list dd ul li::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 3px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#ip .sec01 .summary_list dd ul li:nth-child(1)::before {
  background-image: url(../img/service/ip/sec01_icon_01.svg);
}
#ip .sec01 .summary_list dd ul li:nth-child(2)::before {
  background-image: url(../img/service/ip/sec01_icon_02.svg);
}
#ip .sec01 .summary_list dd ul li:nth-child(3)::before {
  background-image: url(../img/service/ip/sec01_icon_03.svg);
}
#ip .sec01 .summary_list dd ul li:nth-child(4)::before {
  background-image: url(../img/service/ip/sec01_icon_04.svg);
}
#ip .sec01 .summary_list dd ul li:nth-child(5)::before {
  background-image: url(../img/service/ip/sec01_icon_05.svg);
}
#ip .sec01 p.link {
  margin-top: 60px !important;
}
#ip .sec01 p.link a img {
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
  width: 32px;
  margin: 2px 0 0 6px;
}
#ip .sec01 p.link a:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
@media only screen and (max-width: 768px) {
  #ip .sec01 p.link a {
    font-size: 14px !important;
  }
}
#ip {
  /* .sec02 */
}
#ip .sec02 .flow_notice {
  background-color: #fff;
  border: 1px solid #e8eced;
  border-radius: 10px;
  padding: 24px;
  margin: 40px auto 60px;
}
#ip .sec02 .flow_notice p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #000b45;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}
#ip .sec02 .flow_notice p span {
  margin-right: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#ip .sec02 .flow_chart {
  margin: 0 auto;
  padding-bottom: 40px;
  --fc-font-scale: 1;
}
@media screen and (max-width: 1120px) {
  #ip .sec02 .flow_chart {
    --fc-font-scale: 0.72;
  }
}
#ip .sec02 .flow_chart_item_1 {
  background: #000b45;
  color: #fff;
  font-size: calc(24px * var(--fc-font-scale));
  font-weight: 500;
  text-align: center;
  padding: 16px;
  border-radius: 10px;
}
#ip .sec02 .flow_chart_item_2 {
  width: 50%;
  margin: 30px 0 30px auto;
  border: 2px solid #2d8fa5;
  color: #2d8fa5;
  background: #fff;
  font-size: calc(24px * var(--fc-font-scale));
  font-weight: 500;
  text-align: center;
  padding: 16px;
  border-radius: 10px;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_2 {
    width: 75%;
  }
}
#ip .sec02 .flow_chart_item_3 {
  background: #e8edf5;
  border-radius: 10px;
  padding: 60px 0 30px;
  position: relative;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_3 {
    padding: 30px 0 30px;
  }
}
#ip .sec02 .flow_chart_item_3::before, #ip .sec02 .flow_chart_item_3::after {
  content: "";
  position: absolute;
  top: -172px;
  z-index: -1;
  width: 18px;
  height: 172px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTczIiB2aWV3Qm94PSIwIDAgMjAgMTczIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTguNzA3MSAxNjIuNUw5LjcwNzA5IDE3MS41TDAuNzA3MDkyIDE2Mi41IiBzdHJva2U9IiMwMDBCNDUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNOS43MDcwOSAxNzFWMCIgc3Ryb2tlPSIjMDAwQjQ1IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+");
}
#ip .sec02 .flow_chart_item_3::before {
  left: 25%;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_3::before {
    left: 10%;
  }
}
#ip .sec02 .flow_chart_item_3::after {
  right: 25%;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_3::after {
    right: 35%;
  }
}
#ip .sec02 .flow_chart_item_3_c1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 38px;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_3_c1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
#ip .sec02 .flow_chart_item_3_c1 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 35px;
}
#ip .sec02 .flow_chart_item_3_c1 figure {
  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;
  width: 450px;
  height: 140px;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_3_c1 figure {
    width: 320px;
    height: 120px;
  }
}
#ip .sec02 .flow_chart_item_3_c1 figure {
  padding: 0 10px;
  background: #ffffff;
  border: 4px solid #c7c7c7;
  border-radius: 10px;
}
#ip .sec02 .flow_chart_item_3_c1 figure img {
  width: 220px;
  max-width: 100%;
  height: auto;
}
#ip .sec02 .flow_chart_item_3_c1 span {
  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;
  gap: 6px;
  padding-top: 16px;
  font-size: calc(20px * var(--fc-font-scale));
  font-weight: 500;
  white-space: nowrap;
  color: #394452;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_3_c1 span {
    padding-top: 0;
  }
}
#ip .sec02 .flow_chart_item_3_c1 span::after {
  content: "";
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA0MCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjMuODkwOSIgeTE9IjEuNDE0MTYiIHgyPSIzOC41MzkxIiB5Mj0iMzYuMDYyNCIgc3Ryb2tlPSIjMzk0NDUyIiBzdHJva2Utd2lkdGg9IjQiLz4KPGxpbmUgeTE9Ii0yIiB4Mj0iNDkiIHkyPSItMiIgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNzA3MTA3IDAuNzA3MTA3IDAuNzA3MTA3IDAuNzA3MTA3IDM3LjQ3NjcgMi44MjgzNykiIHN0cm9rZT0iIzM5NDQ1MiIgc3Ryb2tlLXdpZHRoPSI0Ii8+Cjwvc3ZnPg==");
  background-size: 35px;
  background-repeat: no-repeat;
}
#ip .sec02 .flow_chart_item_3_c1 dl {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 450px;
  height: 140px;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_3_c1 dl {
    width: 320px;
    height: 120px;
  }
}
#ip .sec02 .flow_chart_item_3_c1 dl {
  background: #fff;
  border: 4px solid #a4b5cf;
  border-radius: 10px;
}
#ip .sec02 .flow_chart_item_3_c1 dl dt {
  color: #003687;
  font-size: calc(24px * var(--fc-font-scale));
  font-weight: 500;
}
#ip .sec02 .flow_chart_item_3_c1 dl dd {
  text-align: center;
  font-size: calc(16px * var(--fc-font-scale));
  color: #394452;
  margin: 0;
  line-height: 1.8;
}
#ip .sec02 .flow_chart_item_3_c2 {
  margin: 0 20px;
}
#ip .sec02 .flow_chart_item_3_c2 dt {
  color: #003687;
  font-size: calc(30px * var(--fc-font-scale));
  font-weight: 600;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 18px;
}
#ip .sec02 .flow_chart_item_3_c2 dd ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 13px 1fr 13px 1fr 13px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_3_c2 dd ul {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
#ip .sec02 .flow_chart_item_3_c2 dd ul li {
  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;
  height: 100px;
  background: #fff;
  border-radius: 10px;
  padding: 15px 5px;
  text-align: center;
  line-height: 1.3;
  font-size: calc(20px * var(--fc-font-scale));
  font-weight: 500;
  color: #394452;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_3_c2 dd ul li {
    height: 60px;
  }
}
#ip .sec02 .flow_chart_item_4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  height: 120px;
  margin: 0 0 0 auto;
  padding-left: 30px;
  color: #003687;
  font-size: calc(20px * var(--fc-font-scale));
  font-weight: 500;
}
#ip .sec02 .flow_chart_item_5 {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 20px;
}
#ip .sec02 .flow_chart_item_5::before {
  content: "";
  position: absolute;
  top: -111px;
  left: calc(50% - 9px);
  z-index: -1;
  width: 18px;
  height: 103px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTAzIiB2aWV3Qm94PSIwIDAgMjAgMTAzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTguNzA3MiA5Mi40MTQyTDkuNzA3MTUgMTAxLjQxNEwwLjcwNzE1MyA5Mi40MTQyIiBzdHJva2U9IiMwMDM2ODciIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMTguNzA3MiAxMC40MTQyTDkuNzA3MTUgMS40MTQxOEwwLjcwNzE1MyAxMC40MTQyIiBzdHJva2U9IiMwMDM2ODciIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNOS43MDcxNSAxMDEuNDE0VjEuNDE0MTgiIHN0cm9rZT0iIzAwMzY4NyIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPg==");
}
#ip .sec02 .flow_chart_item_5_c1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-max-content 20px 1fr;
  -ms-grid-columns: max-content 20px 1fr;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  row-gap: 14px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin: 0 auto 20px;
  padding: 32px 60px;
  border-radius: 10px;
  background: #f8f8f8;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_5_c1 {
    display: block;
    padding: 30px 2.5vw 5px;
  }
}
#ip .sec02 .flow_chart_item_5_c1 dt {
  text-align: center;
  padding: 10px 26px;
  line-height: 1;
  background: #394452;
  color: #fff;
  font-size: calc(18px * var(--fc-font-scale));
  font-weight: 500;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_5_c1 dt {
    margin-bottom: 6px;
  }
}
#ip .sec02 .flow_chart_item_5_c1 dd {
  font-size: calc(20px * var(--fc-font-scale));
  font-weight: 500;
  color: #394452;
}
@media (max-width: 1120px) {
  #ip .sec02 .flow_chart_item_5_c1 dd {
    margin-bottom: 16px;
    text-align: center;
  }
}
#ip .sec02 .flow_chart_item_5_c2 li {
  font-size: calc(14px * var(--fc-font-scale));
  color: #394452;
  margin-bottom: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#ip .sec02 .flow_chart_item_5_c2 li span {
  margin-right: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#ip .sec02 .flow_application {
  background: #e8edf5;
  border-radius: 40px;
}
#ip .sec02 .flow_application dl {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 16px 50px;
}
#ip .sec02 .flow_application dl dt {
  font-size: clamp(20px, 1.7vw, 26px);
  font-weight: 600;
}
#ip .sec02 .flow_application dl dd.text {
  margin: 25px auto 35px;
  font-weight: 400;
  font-size: 16px;
}
#ip .sec02 .flow_application dl dd.btn {
  width: 100%;
}
#ip .sec02 .flow_application dl a.commonBtn {
  width: 560px;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  #ip .sec02 .flow_application dl a.commonBtn {
    width: 100%;
  }
}
#ip {
  /* .sec03 */
}
#ip .sec03 {
  background: #e8edf5;
}
#ip .sec03 .seminar_info {
  margin-bottom: 50px;
}
#ip .sec03 .seminar_info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
}
@media (max-width: 1380px) {
  #ip .sec03 .seminar_info ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#ip .sec03 .seminar_info li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff;
  border-radius: 10px;
  padding: 30px 40px;
}
#ip .sec03 .seminar_info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
#ip .sec03 .seminar_info dt {
  color: #000b45;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
#ip .sec03 .seminar_info dd {
  font-size: 15px;
  line-height: 1.8;
}
#ip .sec03 .seminar_info dd.text {
  margin-top: 16px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#ip .sec03 .seminar_info dd.notice {
  margin-top: 16px;
  padding-left: 1em;
  font-size: 87.5%;
  text-indent: -1em;
}
#ip .sec03 .seminar_info dd.link {
  margin-top: 26px;
}
#ip .sec03 .seminar_info dd.link a.commonBtn {
  font-size: 16px;
}
#ip .sec03 h3.border_ttl {
  margin-bottom: 0;
}
#ip .sec03 .seminar_list {
  margin-bottom: 80px;
  background: #fff;
}
#ip .sec03 .seminar_list li {
  border-bottom: 1px solid #e8eced;
}
#ip .sec03 .seminar_list a {
  display: block;
  padding: 30px 30px 20px;
}
@media only screen and (max-width: 768px) {
  #ip .sec03 .seminar_list a {
    padding: 30px 20px 20px;
  }
}
#ip .sec03 .seminar_list a {
  text-decoration: none;
  color: #0b1528;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
#ip .sec03 .seminar_list a:hover {
  background-color: #f8fafc;
}
#ip .sec03 .seminar_list .category {
  width: 194px;
  text-align: center;
  line-height: 1;
  background: #2d8fa5;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 6px;
  margin-bottom: 8px;
}
#ip .sec03 .seminar_list .title {
  margin: 0 0 20px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  #ip .sec03 .seminar_list .title {
    font-size: 20px;
  }
}
#ip .sec03 .seminar_list .mark {
  position: relative;
  top: -2px;
  margin-left: 10px;
  display: inline-block;
  line-height: 1;
  background-color: #e8edf5;
  font-size: 73%;
  padding: 4px 8px 6px;
}
#ip .sec03 .seminar_list .info th,
#ip .sec03 .seminar_list .info td {
  line-height: 1.4;
  border-bottom: solid 10px transparent;
}
#ip .sec03 .seminar_list .info th span {
  display: block;
  background-color: #3d4d62;
  text-align: center;
  padding: 3px 1.5em;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
#ip .sec03 .seminar_list .info td {
  padding-left: 14px;
}
#ip .sec03 .seminar_list .info td.date {
  position: relative;
  top: 2px;
  font-size: 125%;
  font-weight: 600;
}
#ip .sec03 .seminar_platpat {
  background: #fff;
  border-radius: 40px;
  padding: 45px 40px 55px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #ip .sec03 .seminar_platpat {
    padding: 40px 20px;
  }
}
#ip .sec03 .seminar_platpat dt {
  margin: 0 0 16px;
  color: #000b45;
  font-size: clamp(20px, 1.7vw, 26px);
  font-weight: 600;
  line-height: 1.6;
}
#ip .sec03 .seminar_platpat dd.text {
  margin: 0 0 30px;
}
#ip .sec03 .seminar_platpat dd.link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
#ip .sec03 .seminar_platpat dd.link li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 480px) {
  #ip .sec03 .seminar_platpat dd.link li .commonBtn {
    font-size: 16px;
    padding-left: 12px;
  }
}
#ip {
  /* .sec04 */
}
#ip .sec04 p {
  margin-bottom: 30px;
  text-align: center;
}
#ip .sec04 ul.banner_box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  #ip .sec04 ul.banner_box {
    display: block;
  }
  #ip .sec04 ul.banner_box li {
    max-width: 100%;
    width: 380px;
    margin: 0 auto 30px;
  }
}
#ip .sec04 ul.banner_box a, #ip .sec04 ul.banner_box span {
  display: inline-block;
}
@media (hover: hover) {
  #ip .sec04 ul.banner_box a, #ip .sec04 ul.banner_box span {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  #ip .sec04 ul.banner_box a:hover, #ip .sec04 ul.banner_box span:hover {
    opacity: 0.6;
  }
}
#ip .sec04 ul.banner_box a figure img, #ip .sec04 ul.banner_box span figure img {
  margin-bottom: 20px;
}
#ip .sec04 ul.banner_box a figure figcaption, #ip .sec04 ul.banner_box span figure figcaption {
  line-height: 1.4;
  font-size: 20px;
  font-weight: 600;
}
#ip .sec04 ul.banner_box a span, #ip .sec04 ul.banner_box span span {
  display: block;
  margin-top: 10px;
  text-align: right;
}
#ip .sec04 ul.banner_box a span::after, #ip .sec04 ul.banner_box span span::after {
  content: "";
  position: relative;
  top: 4px;
  left: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border-top: 1px solid #000b45;
  border-right: 1px solid #000b45;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
#ip .sec04 .example_link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 870px) {
  #ip .sec04 .example_link a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
    padding-top: 10px;
  }
}
#ip .sec04 .example_link a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 560px;
  width: min(100%, 560px);
  height: 120px;
  margin: 0 auto;
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMzUzNTE2IDAuMzUzNTE2TDEyLjM1MzUgMTIuMzUzNUwwLjM1MzUxNiAyNC4zNTM1IiBzdHJva2U9IiMwMDBCNDUiLz4KPC9zdmc+");
  background-repeat: no-repeat;
  background-position: center right 30px;
  border: 8px solid #f8ccc6;
  border-radius: 10px;
  text-decoration: none;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
#ip .sec04 .example_link a:hover {
  background-color: #fdf5f5;
}
#ip .sec04 .example_link a img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 102px;
}
#ip .sec04 .example_link a span {
  margin-left: 24px;
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  #ip .sec04 .example_link a span {
    font-size: 16px;
  }
}
#ip .sec04 .example_link a::before {
  content: "";
  position: absolute;
  top: 3px;
  right: 60px;
  width: 64px;
  height: 38px;
  background: url("../img/service/ip/sec04_icon_01.png");
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  #ip .sec04 .example_link a::before {
    right: 20px;
    scale: 0.8;
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
}
#ip .sec04 .example_link a::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 2px;
  width: 86px;
  height: 46px;
  background: url("../img/service/ip/sec04_icon_02.png");
  background-size: cover;
}
@media only screen and (max-width: 768px) {
  #ip .sec04 .example_link a::after {
    right: 20px;
    scale: 0.8;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
}
#ip {
  /* .sec05 */
}
#ip .sec05 dl.service_ip_inquire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px;
  background: #e8edf5;
  border-radius: 30px;
}
@media (max-width: 1030px) {
  #ip .sec05 dl.service_ip_inquire {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #ip .sec05 dl.service_ip_inquire {
    padding: 20px;
  }
}
#ip .sec05 dl.service_ip_inquire dt {
  padding-right: 30px;
  font-weight: 500;
  font-size: clamp(20px, 1.7vw, 26px);
  color: #000b45;
}
@media (max-width: 1030px) {
  #ip .sec05 dl.service_ip_inquire dt {
    padding-right: 0;
  }
}
#ip .sec05 dl.service_ip_inquire dd {
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  #ip .sec05 dl.service_ip_inquire dd {
    width: 100%;
  }
}
#ip .sec05 dl.service_ip_inquire ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
#ip .sec05 dl.service_ip_inquire a.commonBtn {
  border: none;
  width: 360px;
  border-radius: 6px;
}
@media only screen and (max-width: 768px) {
  #ip .sec05 dl.service_ip_inquire a.commonBtn {
    width: 100%;
  }
}

/* 展示商談会 */
#expo a.commonBtn {
  height: 75px;
  font-weight: 400;
  font-size: 18px;
}
#expo a.commonBtn:hover {
  opacity: 1 !important;
}
#expo .image_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3%;
}
@media only screen and (max-width: 768px) {
  #expo .image_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
#expo .image_wrap figure {
  width: 48%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 8px;
  border-radius: 10px;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  #expo .image_wrap figure {
    width: 100%;
  }
}
#expo .image_wrap figure img {
  width: 100%;
}
#expo .service_expo_table {
  width: 100%;
  background: #fff;
  border-top: solid 1px #e8eced;
}
#expo .service_expo_table th,
#expo .service_expo_table td {
  padding: 1em 1.5em;
  text-align: left;
  border-bottom: solid 1px #e8eced;
}
@media only screen and (max-width: 768px) {
  #expo .service_expo_table th,
  #expo .service_expo_table td {
    padding: 0.5em 1em;
  }
}
#expo .service_expo_table th {
  white-space: nowrap;
}
#expo .service_expo_table ol li {
  list-style-type: decimal;
  margin-left: 1.5em;
}
#expo a.commonBtn {
  margin: 0 auto;
}
#expo {
  /* .sec01 */
}
#expo .sec01 {
  background: #e8edf5;
}
#expo {
  /* .sec02 */
}
@media only screen and (max-width: 768px) {
  #expo .sec02 p.mt40 + p.mt40 {
    margin-top: 20px !important;
  }
}
#expo {
  /* .sec03 */
}
#expo {
  /* .sec04 */
}
#expo .sec04 dl.service_expo_inquire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px;
  background: #e8edf5;
  border-radius: 30px;
}
@media (max-width: 1030px) {
  #expo .sec04 dl.service_expo_inquire {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #expo .sec04 dl.service_expo_inquire {
    padding: 20px;
  }
}
#expo .sec04 dl.service_expo_inquire dt {
  padding-right: 30px;
  font-weight: bold;
  font-size: clamp(20px, 1.7vw, 26px);
}
@media (max-width: 1030px) {
  #expo .sec04 dl.service_expo_inquire dt {
    padding-right: 0;
  }
}
#expo .sec04 dl.service_expo_inquire dd {
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  #expo .sec04 dl.service_expo_inquire dd {
    width: 100%;
  }
}
#expo .sec04 dl.service_expo_inquire ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
#expo .sec04 dl.service_expo_inquire a.commonBtn {
  border: none;
  width: 360px;
  border-radius: 6px;
}
@media only screen and (max-width: 768px) {
  #expo .sec04 dl.service_expo_inquire a.commonBtn {
    width: 100%;
  }
}
#expo .sec04 dl.service_expo_inquire a.commonBtn.btn_tel:before {
  content: none;
}
#expo .sec04 dl.service_expo_inquire a.commonBtn.btn_tel span {
  padding-left: 41px;
  position: relative;
  color: #000b45;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: clamp(24px, 1.9vw, 32px);
}
#expo .sec04 dl.service_expo_inquire a.commonBtn.btn_tel span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 34px;
  height: 34px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/common/side_tel.svg) no-repeat center center/contain;
}

/* 大規模展示商談会活用事業（出展支援事業） */
#tenji #main_contents {
  /* .sec01 */
}
#tenji #main_contents .sec01 {
  background: #e8edf5;
}
#tenji #main_contents ol.decimal_list li {
  margin-left: 1em;
  list-style: decimal;
}
#tenji #main_contents dl.inquire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 50px;
  background: #e8edf5;
  border-radius: 30px;
}
@media (max-width: 1030px) {
  #tenji #main_contents dl.inquire {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #tenji #main_contents dl.inquire {
    padding: 20px 20px 25px;
  }
}
#tenji #main_contents dl.inquire dt {
  padding-right: 30px;
  font-weight: 500;
  font-size: clamp(20px, 1.7vw, 26px);
  color: #000b45;
}
@media (max-width: 1030px) {
  #tenji #main_contents dl.inquire dt {
    padding-right: 0;
  }
}
#tenji #main_contents dl.inquire dd {
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  #tenji #main_contents dl.inquire dd {
    width: 100%;
  }
}
#tenji #main_contents dl.inquire ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
#tenji #main_contents dl.inquire a.commonBtn {
  border: none;
  width: 360px;
  border-radius: 6px;
}
@media only screen and (max-width: 768px) {
  #tenji #main_contents dl.inquire a.commonBtn {
    width: 100%;
  }
}

#bizmatching a.commonBtn {
  margin: 0 auto;
}
#bizmatching a.commonBtn:hover {
  opacity: 1 !important;
}
#bizmatching {
  /* .sec01 */
}
#bizmatching .sec01 {
  background: #e8edf5;
}
#bizmatching .sec01 div.sec_inner {
  max-width: 1520px;
}
#bizmatching .sec01 div.sec_inner > p {
  max-width: 1200px;
  margin: 0 auto 60px;
}
#bizmatching .sec01 p.logo {
  margin-top: 50px !important;
  text-align: center;
}
#bizmatching .sec01 p.logo img {
  width: 320px;
}
#bizmatching .sec01 p.text {
  margin-top: -20px !important;
}
#bizmatching .sec01 p.link a img {
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
  width: 32px;
  margin: 2px 0 0 6px;
}
#bizmatching .sec01 p.link a:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
@media only screen and (max-width: 768px) {
  #bizmatching .sec01 p.link a {
    font-size: 14px !important;
  }
}
#bizmatching .sec01 .about_box {
  max-width: 1520px;
  margin: 0 auto 60px;
  padding: 80px;
  background: #fff;
  border-radius: 40px;
}
@media screen and (max-width: 1120px) {
  #bizmatching .sec01 .about_box {
    padding: 2.5vw;
    border-radius: 10px;
  }
}
#bizmatching .sec01 .about_box .about_box_chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto 60px;
  padding: 50px;
  background: #e8edf5;
  border-radius: 10px;
}
@media screen and (max-width: 1120px) {
  #bizmatching .sec01 .about_box .about_box_chart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2.5vw;
    gap: 0;
  }
}
#bizmatching .sec01 .about_box .about_box_chart::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  width: 120px;
  height: 40px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgMTIwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjAgNDBMMCAwSDEyMEw2MCA0MFoiIGZpbGw9IiNFOEVERjUiLz4KPC9zdmc+");
}
#bizmatching .sec01 .about_box .about_box_chart > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 140px;
  height: 140px;
  background: -webkit-gradient(linear, right top, left top, from(#003687), to(#2d8fa5));
  background: linear-gradient(270deg, #003687 0%, #2d8fa5 100%);
  border-radius: 50%;
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
@media screen and (max-width: 1120px) {
  #bizmatching .sec01 .about_box .about_box_chart > div {
    position: relative;
    top: auto;
    left: auto;
    width: 100px;
    height: 100px;
    margin: -20px auto;
    -webkit-transform: none;
            transform: none;
    font-size: 20px;
  }
}
#bizmatching .sec01 .about_box .about_box_chart dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  margin: 0;
  padding: 24px 32px;
  background: #fff;
  border-radius: 10px;
  text-align: center;
  z-index: 1;
}
@media screen and (max-width: 1120px) {
  #bizmatching .sec01 .about_box .about_box_chart dl {
    padding: 24px 2.5vw;
  }
}
#bizmatching .sec01 .about_box .about_box_chart dl.orist {
  border: 2px solid #2d8fa5;
}
#bizmatching .sec01 .about_box .about_box_chart dl.orist .main,
#bizmatching .sec01 .about_box .about_box_chart dl.orist .sub {
  color: #2d8fa5;
}
#bizmatching .sec01 .about_box .about_box_chart dl.mobio {
  border: 2px solid #003687;
}
#bizmatching .sec01 .about_box .about_box_chart dl.mobio .main,
#bizmatching .sec01 .about_box .about_box_chart dl.mobio .sub {
  color: #003687;
}
#bizmatching .sec01 .about_box .about_box_chart dt {
  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;
  gap: 3px;
}
#bizmatching .sec01 .about_box .about_box_chart dt figure {
  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;
  height: 60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#bizmatching .sec01 .about_box .about_box_chart dt figure img.orist {
  width: 50px;
}
#bizmatching .sec01 .about_box .about_box_chart dt figure img.mobio {
  width: 103px;
}
#bizmatching .sec01 .about_box .about_box_chart dt .title {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1120px) {
  #bizmatching .sec01 .about_box .about_box_chart dt .title {
    font-size: 18px;
  }
}
#bizmatching .sec01 .about_box .about_box_chart dd {
  margin: 0;
  line-height: 1.6;
  font-size: 34px;
  font-weight: 600;
}
@media screen and (max-width: 1120px) {
  #bizmatching .sec01 .about_box .about_box_chart dd {
    font-size: 30px;
  }
}
#bizmatching .sec01 .about_box .about_box_chart .sub {
  font-size: 18px;
}
@media screen and (max-width: 1120px) {
  #bizmatching .sec01 .about_box .about_box_chart .sub {
    font-size: 16px;
  }
}
#bizmatching .sec01 .about_box .about_box_chart .stress {
  display: inline-block;
  position: relative;
  margin-top: 12px;
  padding: 10px 18px;
  line-height: 1;
  background-color: #2d8fa5;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
#bizmatching .sec01 .about_box .about_box_chart .stress::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100% + 16px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 252px;
  height: 26px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUzIiBoZWlnaHQ9IjI3IiB2aWV3Qm94PSIwIDAgMjUzIDI3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjM4IDI1LjQxNDJMMjUwIDEzLjQxNDJMMjM4IDEuNDE0MTgiIHN0cm9rZT0iIzJEOEZBNSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjxwYXRoIGQ9Ik0tNC40MTA3NGUtMDYgMTMuMjI2N0wyNTAgMTMuMjI2NyIgc3Ryb2tlPSIjMkQ4RkE1IiBzdHJva2Utd2lkdGg9IjQiLz4KPC9zdmc+");
}
@media screen and (max-width: 1120px) {
  #bizmatching .sec01 .about_box .about_box_chart .stress::before {
    top: auto;
    bottom: 1px;
    right: calc(100% + 10px);
    -webkit-transform: none;
            transform: none;
    width: 54px;
    height: 338px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzMzIiB2aWV3Qm94PSIwIDAgNTMgMzMzIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMzggMzMxLjVMNTAgMzE5LjVMMzggMzA3LjUiIHN0cm9rZT0iIzJEOEZBNSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjxwYXRoIGQ9Ik0yIC0xLjE1NzUxZS0wNUwyIDMxOS4zMTJMNTAgMzE5LjMxMiIgc3Ryb2tlPSIjMkQ4RkE1IiBzdHJva2Utd2lkdGg9IjQiLz4KPC9zdmc+");
    background-repeat: no-repeat;
  }
}
#bizmatching .sec01 .about_box p {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  background: #000b45;
  border-radius: 10px;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
}
#bizmatching .sec01 .about_box p br {
  display: none;
}
@media screen and (max-width: 1120px) {
  #bizmatching .sec01 .about_box p {
    font-size: 24px;
  }
  #bizmatching .sec01 .about_box p br {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  #bizmatching .sec01 .about_box p {
    font-size: 18px;
  }
}
#bizmatching {
  /* .sec02 */
}
#bizmatching .sec02 .intro_list {
  margin: 50px 0 0;
  padding-bottom: 60px;
}
#bizmatching .sec02 .intro_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1380px) {
  #bizmatching .sec02 .intro_list ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#bizmatching .sec02 .intro_list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #e8edf5;
  border-radius: 10px;
  padding: 38px 30px 40px;
}
#bizmatching .sec02 .intro_list dl {
  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;
  height: 100%;
  margin: 0;
  text-align: center;
}
#bizmatching .sec02 .intro_list dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  line-height: 1;
  margin: 0 0 18px;
  font-weight: 600;
}
#bizmatching .sec02 .intro_list .sub {
  color: #000b45;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  #bizmatching .sec02 .intro_list .sub {
    font-size: 16px;
  }
}
#bizmatching .sec02 .intro_list .main {
  color: #003678;
  font-size: 28px;
}
@media only screen and (max-width: 768px) {
  #bizmatching .sec02 .intro_list .main {
    font-size: 26px;
  }
}
#bizmatching .sec02 .intro_list .c1 {
  position: relative;
  margin: 0 0 50px;
}
#bizmatching .sec02 .intro_list .c1::after {
  content: "";
  position: absolute;
  bottom: -36px;
  right: 0;
  left: 0;
  width: 100px;
  height: 24px;
  margin: 0 auto;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxIiBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIwIDAgMTAxIDIxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTAwLjE4NiAwLjQ2NDIzM0w1MC4xODU1IDIwLjQ2NDJMMC4xODU1NDcgMC40NjQyMjkiIHN0cm9rZT0iIzAwMzY4NyIvPgo8L3N2Zz4=");
  background-repeat: no-repeat;
}
#bizmatching .sec02 .intro_list .c2 {
  margin: 0 0 26px;
  font-weight: 600;
  line-height: 1.8;
}
#bizmatching .sec02 .intro_list .link {
  width: 100%;
  margin: auto 0 0;
}
#bizmatching .sec02 .intro_list .commonBtn {
  height: 62px;
}
#bizmatching .sec02 .intro_application {
  background: #e8edf5;
  border-radius: 40px;
}
#bizmatching .sec02 .intro_application dl {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 30px 50px;
}
#bizmatching .sec02 .intro_application dl dt {
  font-size: clamp(20px, 1.7vw, 26px);
  font-weight: 600;
}
#bizmatching .sec02 .intro_application dl dd.text {
  margin: 25px auto 35px;
  font-weight: 400;
  font-size: 16px;
}
#bizmatching .sec02 .intro_application dl dd.btn {
  width: 100%;
}
#bizmatching .sec02 .intro_application dl a.commonBtn {
  width: 560px;
  max-width: 100%;
  height: 74px;
  font-weight: 500;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  #bizmatching .sec02 .intro_application dl a.commonBtn {
    width: 100%;
  }
}
#bizmatching {
  /* .sec03 */
}
#bizmatching .sec03 dl.bizmatching_inquire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 50px;
  background: #e8edf5;
  border-radius: 30px;
}
@media screen and (max-width: 1030px) {
  #bizmatching .sec03 dl.bizmatching_inquire {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #bizmatching .sec03 dl.bizmatching_inquire {
    padding: 20px 20px 25px;
  }
}
#bizmatching .sec03 dl.bizmatching_inquire dt {
  padding-right: 30px;
  font-weight: 500;
  font-size: clamp(20px, 1.7vw, 26px);
  color: #000b45;
}
@media (max-width: 1030px) {
  #bizmatching .sec03 dl.bizmatching_inquire dt {
    padding-right: 0;
  }
}
#bizmatching .sec03 dl.bizmatching_inquire dd {
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  #bizmatching .sec03 dl.bizmatching_inquire dd {
    width: 100%;
  }
}
#bizmatching .sec03 dl.bizmatching_inquire ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
#bizmatching .sec03 dl.bizmatching_inquire a.commonBtn {
  border: none;
  width: 360px;
  border-radius: 6px;
}
@media only screen and (max-width: 768px) {
  #bizmatching .sec03 dl.bizmatching_inquire a.commonBtn {
    width: 100%;
  }
}

/* MOBIO技術相談 */
#tech_consultation #main_contents .flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  margin: 80px 0 60px;
  padding: 0;
}
#tech_consultation #main_contents .flow > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #e8edf5;
  border-radius: 10px;
  padding: 45px 24px 25px;
  position: relative;
}
#tech_consultation #main_contents .flow > div:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -20px;
  width: 24px;
  height: 34px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDE1TDAgMFYzMEwyMCAxNVoiIGZpbGw9IiNFOEVERjUiLz4KPC9zdmc+") no-repeat center/100%;
}
#tech_consultation #main_contents .flow > div dt {
  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;
  gap: 20px;
  text-align: center;
  line-height: 1.5;
}
#tech_consultation #main_contents .flow > div dt .num {
  position: absolute;
  top: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #003687;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  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;
  font-weight: 400;
  font-family: roboto;
  font-size: 16px;
}
#tech_consultation #main_contents .flow > div dt img {
  width: 100px;
  height: 100px;
}
#tech_consultation #main_contents .flow > div dt .txt {
  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;
  height: 60px;
  color: #000b45;
  font-size: 20px;
  font-weight: 500;
}
#tech_consultation #main_contents .flow > div dd {
  margin-top: 10px;
  line-height: 1.7;
}
@media (max-width: 1160px) {
  #tech_consultation #main_contents .flow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
  }
  #tech_consultation #main_contents .flow > div:not(:last-child)::after {
    top: auto;
    bottom: -20px;
    margin: auto;
    right: 0;
    left: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  #tech_consultation #main_contents .flow > div dt img {
    width: 60px;
    height: 60px;
    margin-bottom: -10px;
  }
  #tech_consultation #main_contents .flow > div dt .txt {
    height: auto;
  }
}
#tech_consultation #main_contents .procedure {
  padding: 50px 32px 60px;
  background: #e8edf5;
  border-radius: 40px;
}
#tech_consultation #main_contents .procedure dt {
  margin-bottom: 16px;
  text-align: center;
  font-weight: 600;
  font-size: 26px;
  color: #000b45;
}
#tech_consultation #main_contents .procedure dd {
  line-height: 1.6;
  text-align: center;
}
#tech_consultation #main_contents .procedure dd.txt {
  margin-bottom: 30px;
}
#tech_consultation #main_contents .procedure dd a.commonBtn {
  height: 74px;
  font-weight: 400;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  #tech_consultation #main_contents .procedure {
    padding: 20px;
  }
}
#tech_consultation #main_contents dl.case {
  margin-top: 50px;
}
#tech_consultation #main_contents dl.case dt.contents_ttl {
  margin-bottom: 30px;
}
#tech_consultation #main_contents dl.case dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px;
}
#tech_consultation #main_contents dl.case dd:not(:last-child) {
  margin-bottom: 50px;
}
#tech_consultation #main_contents dl.case dd a.commonBtn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 260px;
  height: 50px;
  font-weight: 500;
}
@media (max-width: 1160px) {
  #tech_consultation #main_contents dl.case dd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  #tech_consultation #main_contents dl.case dd a.commonBtn {
    margin: 0 auto;
  }
}
#tech_consultation #main_contents .adviser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
  margin-top: 50px;
  padding: 40px;
  background: #e8edf5;
  border-radius: 30px;
}
#tech_consultation #main_contents .adviser img {
  display: block;
  width: 180px;
  height: auto;
}
#tech_consultation #main_contents .adviser dl dt {
  margin-bottom: 12px;
  color: #000b45;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.4;
}
#tech_consultation #main_contents .adviser dl dt .small {
  font-size: 60%;
  font-weight: 400;
}
#tech_consultation #main_contents .adviser dl dd.pos {
  margin-bottom: 8px;
  color: #000b45;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.8;
}
#tech_consultation #main_contents .adviser dl dd.txt {
  font-size: 15px;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  #tech_consultation #main_contents .adviser {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    padding: 20px;
  }
  #tech_consultation #main_contents .adviser img {
    width: 120px;
    margin: 0 auto;
  }
}
#tech_consultation #main_contents ul.link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
#tech_consultation #main_contents ul.link li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#tech_consultation #main_contents ul.link li a {
  line-height: 1.4;
}
@media (max-width: 1160px) {
  #tech_consultation #main_contents ul.link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  #tech_consultation #main_contents ul.link a {
    margin: 0 auto;
  }
}
#tech_consultation #main_contents dl.inquire_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px;
  background: #e8edf5;
  border-radius: 30px;
}
#tech_consultation #main_contents dl.inquire_box dt {
  padding-right: 30px;
  font-weight: bold;
  font-size: clamp(20px, 1.7vw, 26px);
}
@media (max-width: 1030px) {
  #tech_consultation #main_contents dl.inquire_box dt {
    padding-right: 0;
  }
}
#tech_consultation #main_contents dl.inquire_box dd {
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#tech_consultation #main_contents dl.inquire_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
#tech_consultation #main_contents dl.inquire_box a.commonBtn {
  border: none;
  width: 360px;
  border-radius: 6px;
  margin: 0 auto;
}
@media screen and (max-width: 1030px) {
  #tech_consultation #main_contents dl.inquire_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  #tech_consultation #main_contents dl.inquire_box dt {
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  #tech_consultation #main_contents dl.inquire_box {
    padding: 20px;
  }
  #tech_consultation #main_contents dl.inquire_box a.commonBtn {
    max-width: 90%;
  }
}

/* MOBIOプロジェクトサポート */
#mps #main_contents .flow {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 25px 1fr 25px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 25px;
  margin: 80px 0 60px;
  padding: 0;
}
#mps #main_contents .flow > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #e8edf5;
  border-radius: 10px;
  padding: 45px 24px 25px;
  position: relative;
}
#mps #main_contents .flow > div::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -20px;
  width: 24px;
  height: 34px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDE1TDAgMFYzMEwyMCAxNVoiIGZpbGw9IiNFOEVERjUiLz4KPC9zdmc+") no-repeat center/100%;
}
#mps #main_contents .flow > div:nth-child(6)::after {
  content: none;
}
@media (min-width: 1161px) {
  #mps #main_contents .flow > div:nth-child(3)::after {
    content: none;
  }
}
#mps #main_contents .flow > div dt {
  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;
  gap: 20px;
  text-align: center;
  line-height: 1.5;
}
#mps #main_contents .flow > div dt .num {
  position: absolute;
  top: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #003687;
  color: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  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;
  font-weight: 400;
  font-family: roboto;
  font-size: 16px;
}
#mps #main_contents .flow > div dt img {
  width: 100px;
  height: 100px;
}
#mps #main_contents .flow > div dt .txt {
  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;
  color: #000b45;
  font-size: 20px;
  font-weight: 500;
}
#mps #main_contents .flow > div dd {
  margin-top: 10px;
  line-height: 1.7;
}
@media (max-width: 1160px) {
  #mps #main_contents .flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
  }
  #mps #main_contents .flow > div:not(:last-child)::after {
    top: auto;
    bottom: -20px;
    margin: auto;
    right: 0;
    left: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  #mps #main_contents .flow > div dt img {
    width: 60px;
    height: 60px;
    margin-bottom: -10px;
  }
  #mps #main_contents .flow > div dt .txt {
    height: auto;
  }
}
#mps #main_contents .procedure {
  padding: 50px 32px 60px;
  background: #e8edf5;
  border-radius: 40px;
}
#mps #main_contents .procedure dt {
  margin-bottom: 16px;
  text-align: center;
  font-weight: 600;
  font-size: 26px;
  color: #000b45;
}
#mps #main_contents .procedure dd {
  line-height: 1.6;
  text-align: center;
}
#mps #main_contents .procedure dd.txt {
  margin-bottom: 30px;
}
#mps #main_contents .procedure dd a.commonBtn {
  height: 74px;
  font-weight: 400;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  #mps #main_contents .procedure {
    padding: 20px;
  }
}
#mps #main_contents ul.link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
#mps #main_contents ul.link li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#mps #main_contents ul.link li a {
  line-height: 1.4;
}
@media (max-width: 1160px) {
  #mps #main_contents ul.link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  #mps #main_contents ul.link a {
    margin: 0 auto;
  }
}
#mps #main_contents .disc_list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(24px, 6vw, 210px) 1fr clamp(24px, 6vw, 210px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: clamp(24px, 6vw, 210px);
     -moz-column-gap: clamp(24px, 6vw, 210px);
          column-gap: clamp(24px, 6vw, 210px);
  margin: 0 auto;
}
#mps #main_contents .disc_list li {
  white-space: nowrap;
}
@media (max-width: 1025px) {
  #mps #main_contents .disc_list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  #mps #main_contents .disc_list {
    display: block;
  }
}
#mps #main_contents .coordinator {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  list-style: none;
}
@media (max-width: 1400px) {
  #mps #main_contents .coordinator {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1025px) {
  #mps #main_contents .coordinator {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
#mps #main_contents .coordinator li {
  background: #f8f8f8;
  border-radius: 10px;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  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;
  height: 100%;
}
#mps #main_contents .coordinator figure {
  width: 150px;
  margin: 0 0 18px;
}
#mps #main_contents .coordinator figure img {
  display: block;
  width: 100%;
}
#mps #main_contents .coordinator dl {
  margin: 0;
  width: 100%;
}
#mps #main_contents .coordinator dt {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  color: #000b45;
}
#mps #main_contents .coordinator dt span {
  display: block;
  font-size: 14px;
  font-weight: 400;
}
#mps #main_contents .coordinator dd {
  margin: 0;
}
#mps #main_contents .coordinator dd:nth-of-type(1) {
  margin-bottom: 6px;
  color: #003687;
  font-size: 16px;
  font-weight: 600;
}
#mps #main_contents dl.inquire_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px;
  background: #e8edf5;
  border-radius: 30px;
}
#mps #main_contents dl.inquire_box dt {
  padding-right: 30px;
  font-weight: bold;
  font-size: clamp(20px, 1.7vw, 26px);
}
@media (max-width: 1030px) {
  #mps #main_contents dl.inquire_box dt {
    padding-right: 0;
  }
}
#mps #main_contents dl.inquire_box dd {
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#mps #main_contents dl.inquire_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
#mps #main_contents dl.inquire_box a.commonBtn {
  border: none;
  width: 360px;
  border-radius: 6px;
  margin: 0 auto;
}
@media screen and (max-width: 1030px) {
  #mps #main_contents dl.inquire_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  #mps #main_contents dl.inquire_box dt {
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  #mps #main_contents dl.inquire_box {
    padding: 20px;
  }
  #mps #main_contents dl.inquire_box a.commonBtn {
    max-width: 90%;
  }
}

/* リボーンチャレンジ・ショーケース（万博場外展示事業） */
#banpaku_jougai #main_contents figure.col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  #banpaku_jougai #main_contents figure.col2 {
    gap: 10px;
  }
}
#banpaku_jougai #main_contents figure.col2 img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 300px;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1600px) {
  #banpaku_jougai #main_contents table.table01 {
    table-layout: fixed;
  }
}
#banpaku_jougai #main_contents table.table01 tr:nth-child(even) td {
  background: #f8f8f8;
}
#banpaku_jougai #main_contents table.table01 td {
  padding-top: 16px;
  padding-bottom: 16px;
  vertical-align: middle;
}
#banpaku_jougai #main_contents table.table01 td:nth-child(1) {
  font-weight: 600;
}
#banpaku_jougai #main_contents table.table01 td:nth-child(2) {
  text-align: left;
}
#banpaku_jougai #main_contents table.table01 td a.commonBtn {
  height: 42px;
  margin: 0 auto;
  padding: 0 40px;
  line-height: 1.2;
  font-size: 14px;
  font-weight: 400;
}
#banpaku_jougai #main_contents table.table01 td a.commonBtn + a {
  margin-top: 8px;
}
@media (min-width: 1600px) {
  #banpaku_jougai #main_contents table.table01 td a.commonBtn {
    width: 300px;
  }
}
@media (max-width: 990px) {
  #banpaku_jougai #main_contents table.table01 td a.commonBtn {
    padding: 0 20px;
  }
  #banpaku_jougai #main_contents table.table01 td a.commonBtn::before {
    right: 10px !important;
  }
}
@media (max-width: 990px) {
  #banpaku_jougai #main_contents table.table01 td {
    font-size: 1.4vw;
  }
  #banpaku_jougai #main_contents table.table01 td a.commonBtn {
    font-size: 1.4vw;
  }
}
@media only screen and (max-width: 768px) {
  #banpaku_jougai #main_contents table.table01 td {
    white-space: nowrap;
    font-size: 14px;
  }
  #banpaku_jougai #main_contents table.table01 td a.commonBtn {
    font-size: 14px;
    white-space: nowrap;
  }
  #banpaku_jougai #main_contents table.table01 {
    width: 120vw;
    min-width: 0;
  }
}
@media only screen and (max-width: 768px) {
  #banpaku_jougai #main_contents div.js-scrollable > * {
    min-width: 0;
  }
}

/* ものづくりイノベーション支援 */
#innovation_shien #main_contents .fs18 {
  font-size: 18px;
}
#innovation_shien #main_contents section.cl01_bg {
  padding-bottom: 70px;
}
#innovation_shien #main_contents .grant_box {
  max-width: 1520px;
  margin: 0 auto;
  padding: 60px 5%;
  background: #fff;
  border-radius: 40px;
}
@media only screen and (max-width: 768px) {
  #innovation_shien #main_contents .grant_box {
    padding: 30px 2.5vw;
  }
}
#innovation_shien #main_contents .grant_box .inner {
  max-width: 1200px;
  margin: 0 auto;
}
#innovation_shien #main_contents .grant_box_chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  #innovation_shien #main_contents .grant_box_chart {
    margin-bottom: 30px;
  }
}
#innovation_shien #main_contents .grant_box_chart li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -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: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 32px 16px;
  background: #e8edf5;
  border-radius: 8px;
  color: #000b45;
  text-align: center;
  line-height: 1.3;
  font-size: 26px;
  font-size: min(1.5vw, 26px);
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #innovation_shien #main_contents .grant_box_chart li {
    font-size: 16px;
  }
}
#innovation_shien #main_contents .grant_box_chart li strong {
  display: inline-block;
  margin-bottom: 12px;
  padding: 4px 12px;
  background-color: #eb3232;
  color: #ffffff;
  font-size: 70%;
  font-weight: 500;
}
#innovation_shien #main_contents .grant_box_chart li::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -20px;
  width: 22px;
  height: 32px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDE1TDAgMFYzMEwyMCAxNVoiIGZpbGw9IiNFOEVERjUiLz4KPC9zdmc+") no-repeat center/100%;
}
#innovation_shien #main_contents .grant_box_chart li:last-child {
  background: #003687;
  color: #ffffff;
}
#innovation_shien #main_contents .grant_box_chart li:last-child::after {
  content: none;
}
@media only screen and (max-width: 768px) {
  #innovation_shien #main_contents div.js-scrollable > * {
    min-width: 0;
    width: 160vw;
  }
}
#innovation_shien #main_contents .grant_box_2 {
  display: block;
  margin-bottom: 60px;
  padding: 35px;
  background: #e8edf5;
  border-radius: 10px;
}
#innovation_shien #main_contents .grant_box_2 p.bold {
  color: #000b45;
  font-size: 20px;
  font-weight: 600;
}
#innovation_shien #main_contents .grant_box_2 ol {
  display: block;
  margin: 30px 0;
  padding: 0;
  list-style-type: none;
}
#innovation_shien #main_contents .grant_box_2 ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 500;
  color: #000b45;
}
#innovation_shien #main_contents .grant_box_2 ol li:last-child {
  margin: 0;
}
#innovation_shien #main_contents .grant_box_2 ol li span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  background: #003687;
  border-radius: 50%;
  color: #fff;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #innovation_shien #main_contents .grant_box_2 {
    padding: 20px;
  }
  #innovation_shien #main_contents .grant_box_2 p.bold {
    font-size: 18px;
  }
  #innovation_shien #main_contents .grant_box_2 ol li {
    font-size: 18px;
  }
}
#innovation_shien #main_contents .innovation_shien_img2 {
  width: 593px;
  display: block;
  margin: 0 auto;
}
#innovation_shien #main_contents dl.inquire_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px;
  background: #e8edf5;
  border-radius: 30px;
}
#innovation_shien #main_contents dl.inquire_box dt {
  padding-right: 30px;
  font-weight: bold;
  font-size: clamp(20px, 1.7vw, 26px);
}
@media (max-width: 1030px) {
  #innovation_shien #main_contents dl.inquire_box dt {
    padding-right: 0;
  }
}
#innovation_shien #main_contents dl.inquire_box dd {
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#innovation_shien #main_contents dl.inquire_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
#innovation_shien #main_contents dl.inquire_box a.commonBtn {
  border: none;
  width: 360px;
  border-radius: 6px;
  margin: 0 auto;
}
@media screen and (max-width: 1030px) {
  #innovation_shien #main_contents dl.inquire_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  #innovation_shien #main_contents dl.inquire_box dt {
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  #innovation_shien #main_contents dl.inquire_box {
    padding: 20px;
  }
  #innovation_shien #main_contents dl.inquire_box a.commonBtn {
    max-width: 90%;
  }
}

/* 街パビOSAKA */
#pavilion #main_contents .fs14 {
  font-size: 14px;
}
#pavilion #main_contents .fs18 {
  font-size: 18px;
}
#pavilion #main_contents .underline {
  text-decoration: underline;
}
#pavilion #main_contents a.commonBtn {
  line-height: 1.2;
}
#pavilion #main_contents .pavilion_support_contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
#pavilion #main_contents .pavilion_support_contents > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #e8edf5;
  border-radius: 10px;
  padding: 40px 30px;
}
#pavilion #main_contents .pavilion_support_contents dt {
  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;
  margin-bottom: 16px;
  text-align: center;
}
#pavilion #main_contents .pavilion_support_contents dt .num {
  background: #000b45;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 11px 16px;
  border-radius: 30px;
  margin-bottom: 12px;
}
#pavilion #main_contents .pavilion_support_contents dt .main {
  font-size: min(1.6vw, 26px);
  font-weight: 600;
  line-height: 1.3;
  color: #003687;
}
@media screen and (max-width: 1220px) {
  #pavilion #main_contents .pavilion_support_contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #pavilion #main_contents .pavilion_support_contents > div {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    padding: 20px;
  }
  #pavilion #main_contents .pavilion_support_contents dt {
    margin-bottom: 12px;
  }
  #pavilion #main_contents .pavilion_support_contents dt .main {
    font-size: 22px;
  }
}
#pavilion #main_contents .pavilion_lead {
  text-align: center;
  font-weight: 600;
  font-size: 30px;
  line-height: 160%;
  color: #000b45;
}
#pavilion #main_contents .pavilion_block_center {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
#pavilion #main_contents .pavilion_btn_col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
#pavilion #main_contents .pavilion_btn_col2 li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#pavilion #main_contents .pavilion_btn_col2 li > span {
  display: block;
  margin-bottom: 15px;
  text-align: center;
  color: #000b45;
}
#pavilion #main_contents .pavilion_btn_col2 li a.commonBtn {
  max-width: none;
  line-height: 1.3;
}
@media screen and (max-width: 1230px) {
  #pavilion #main_contents .pavilion_btn_col2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #pavilion #main_contents .pavilion_btn_col2 li > span {
    margin-bottom: 10px;
  }
  #pavilion #main_contents .pavilion_btn_col2 li a.commonBtn {
    width: 560px;
    max-width: 100%;
    margin: 0 auto;
  }
}
#pavilion #main_contents .pavilion_img_col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  width: 100%;
}
#pavilion #main_contents .pavilion_img_col2 img {
  display: block;
  border-radius: 20px;
}
#pavilion #main_contents .pavilion_img_col2 img.img1 {
  width: 35.4166666667%;
  aspect-ratio: 425/567;
}
#pavilion #main_contents .pavilion_img_col2 img.img2 {
  width: 62.9166666667%;
  aspect-ratio: 755/567;
}
@media only screen and (max-width: 768px) {
  #pavilion #main_contents .pavilion_img_col2 {
    gap: 2vw;
  }
}
#pavilion #main_contents .pavilion_youtube_box {
  display: block;
  width: 790px;
  overflow: hidden;
  border-radius: 20px;
  max-width: 100%;
  aspect-ratio: 560/315;
  margin: 0 auto;
}
#pavilion #main_contents .pavilion_youtube_box iframe {
  aspect-ratio: 560/315;
  width: 100%;
  height: auto;
}
#pavilion #main_contents dl.inquire_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px;
  background: #e8edf5;
  border-radius: 30px;
}
#pavilion #main_contents dl.inquire_box dt {
  padding-right: 30px;
  font-weight: bold;
  font-size: clamp(20px, 1.7vw, 26px);
}
@media (max-width: 1030px) {
  #pavilion #main_contents dl.inquire_box dt {
    padding-right: 0;
  }
}
#pavilion #main_contents dl.inquire_box dd {
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#pavilion #main_contents dl.inquire_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
#pavilion #main_contents dl.inquire_box a.commonBtn {
  border: none;
  width: 360px;
  border-radius: 6px;
  margin: 0 auto;
}
@media screen and (max-width: 1030px) {
  #pavilion #main_contents dl.inquire_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  #pavilion #main_contents dl.inquire_box dt {
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  #pavilion #main_contents dl.inquire_box {
    padding: 20px;
  }
  #pavilion #main_contents dl.inquire_box a.commonBtn {
    max-width: 90%;
  }
}

/* 技術提案型マッチング */
#matching .sec_inner {
  padding: 60px 0;
}
@media only screen and (max-width: 768px) {
  #matching .sec_inner {
    padding: 30px 0;
  }
}
#matching {
  /* -----------------------------------
           リストエリア
        ----------------------------------- */
}
#matching .news-list {
  list-style: none;
  border-top: 1px solid #e8eced; /* リストの一番上の細い線 */
}
#matching .news-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-bottom: 1px solid #e8eced; /* 各行の下の細い線 */
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media only screen and (max-width: 768px) {
  #matching .news-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; /* 縦並びに変更 */
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 20px 15px;
  }
}
#matching {
  /* 偶数行（2行目、4行目...）の背景色を薄いグレーにする */
}
#matching .news-list-item:nth-child(even) {
  background-color: #f8f8f8;
}
#matching {
  /* -----------------------------------
           日付とリンクテキスト
        ----------------------------------- */
}
#matching .news-date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 140px; /* 日付エリアの固定幅 */
  font-weight: bold;
  color: #000b45;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 768px) {
  #matching .news-date {
    width: auto;
    margin-bottom: 10px;
  }
}
#matching .news-link {
  font-size: 16px;
  color: #003687; /* くすんだ青色 */
  text-decoration: underline; /* 下線あり */
  text-decoration-color: #003687;
  text-underline-offset: 3px; /* 下線と文字の距離 */
  line-height: 1.6;
  margin-left: 20px;
}
@media only screen and (max-width: 768px) {
  #matching .news-link {
    margin-left: 0;
  }
}
#matching {
  /* リンクにホバーした時のアクション */
}
#matching .news-link:hover {
  opacity: 0.7;
  text-decoration: none; /* ホバー時は下線を消す */
}
#matching .sec01 {
  padding-bottom: 80px;
}
@media only screen and (max-width: 768px) {
  #matching .sec01 {
    padding-bottom: 40px;
  }
}
#matching .sec01 .diagram-container {
  max-width: 1480px;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 30px;
}
@media only screen and (max-width: 768px) {
  #matching .sec01 .diagram-container {
    border-radius: 0;
  }
}
#matching .sec01 .diagram-container .sec_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  padding: 60px 20px;
  min-width: 950px;
}
@media only screen and (max-width: 768px) {
  #matching .sec01 .diagram-container .sec_inner {
    padding: 30px 20px;
  }
}
#matching .sec01 .diagram-container .sec_inner {
  /* 各カラムの設定 */
}
#matching .sec01 .diagram-container .sec_inner .col {
  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;
}
#matching .sec01 .diagram-container .sec_inner .col-side {
  width: 29%;
  max-width: 350px;
}
#matching .sec01 .diagram-container .sec_inner .col-center {
  width: calc(42% - 8px);
  max-width: 484px;
}
#matching .sec01 .diagram-container .sec_inner {
  /* 上段（ボックス・矢印）の高さを揃えるためのラッパー */
}
#matching .sec01 .diagram-container .sec_inner .box-top-wrap {
  height: 126px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#matching .sec01 .diagram-container .sec_inner {
  /* -----------------------------------
     各パーツのデザイン
  ----------------------------------- */
  /* 左右の枠線付きボックス */
}
#matching .sec01 .diagram-container .sec_inner .main-box {
  width: 100%;
  border: 2px solid;
  border-radius: 8px;
  padding: 10px;
  text-align: center !important;
  background-color: #fff;
}
#matching .sec01 .diagram-container .sec_inner .main-box.left {
  border-color: #2d8fa5;
}
#matching .sec01 .diagram-container .sec_inner .main-box.right {
  border-color: #000b45;
}
#matching .sec01 .diagram-container .sec_inner {
  /* ボックス内のタイトル */
}
#matching .sec01 .diagram-container .sec_inner .box-title {
  font-size: clamp(24px, 1.82vw, 30px);
  font-weight: bold;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
}
#matching .sec01 .diagram-container .sec_inner .main-box.left .box-title {
  color: #2d8fa5;
}
#matching .sec01 .diagram-container .sec_inner .main-box.right .box-title {
  color: #000b45;
}
#matching .sec01 .diagram-container .sec_inner {
  /* ボックス内の「発注」「受注」ラベル */
}
#matching .sec01 .diagram-container .sec_inner .box-label {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 4px 40px;
  letter-spacing: 0.1em;
}
#matching .sec01 .diagram-container .sec_inner .main-box.left .box-label {
  background-color: #2b8698;
}
#matching .sec01 .diagram-container .sec_inner .main-box.right .box-label {
  background-color: #000b45;
}
#matching .sec01 .diagram-container .sec_inner {
  /* 中央のボックス（大阪産業局） */
}
#matching .sec01 .diagram-container .sec_inner .center-box-area {
  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: 100%;
  height: 100%;
}
#matching .sec01 .diagram-container .sec_inner .center-box {
  border: 2px solid #000b45;
  border-radius: 8px;
  padding: 30px 40px;
  background-color: #fff;
  position: relative;
  z-index: 2; /* 矢印の上に重ねる */
  margin: 0 -2px; /* 矢印との隙間を埋める */
  width: 100%;
  max-width: 350px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#matching .sec01 .diagram-container .sec_inner .center-box .box-title {
  color: #000b45;
  margin: 0;
}
#matching .sec01 .diagram-container .sec_inner {
  /* -----------------------------------
     矢印の作成 (CSS)
  ----------------------------------- */
}
#matching .sec01 .diagram-container .sec_inner .arrow-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#matching .sec01 .diagram-container .sec_inner .arrow-line {
  width: 37px;
  height: 40px;
  background-color: #000b45;
}
#matching .sec01 .diagram-container .sec_inner .arrow-head-left {
  width: 0;
  height: 0;
  border-right: 30px solid #000b45;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}
#matching .sec01 .diagram-container .sec_inner .arrow-head-right {
  width: 0;
  height: 0;
  border-left: 30px solid #000b45;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
}
#matching .sec01 .diagram-container .sec_inner {
  /* -----------------------------------
     下段の吹き出し
  ----------------------------------- */
}
#matching .sec01 .diagram-container .sec_inner .speech-bubble {
  background-color: #e8edf5;
  border-radius: 8px;
  padding: 24px;
  margin-top: 30px;
  position: relative;
  width: 100%;
}
#matching .sec01 .diagram-container .sec_inner {
  /* 吹き出しの上の三角形 */
}
#matching .sec01 .diagram-container .sec_inner .speech-bubble::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: 20px solid #e8edf5;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
}
#matching .sec03 .news-list-item:nth-child(even) {
  background-color: #fff;
}
#matching .sec03 .news-list-item:nth-child(odd) {
  background-color: #f8f8f8;
}
#matching .sec04 {
  /* -----------------------------------
         リストエリア
      ----------------------------------- */
}
#matching .sec04 .features-list {
  list-style: none; /* デフォルトの数字を消す */
  counter-reset: feature-counter; /* 番号を自動生成するためのカウンターをセット */
  padding: 0;
  margin: 0;
}
#matching .sec04 {
  /* 各リスト項目 */
}
#matching .sec04 .features-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* 横並びにする */
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; /* 上端で揃える */
  margin-bottom: 24px; /* 項目間の余白 */
  font-size: 20px;
  line-height: 1.7; /* 読みやすい行間 */
  letter-spacing: 0.03em;
  color: #000b45;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  #matching .sec04 .features-item {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
#matching .sec04 {
  /* 最後の項目の下の余白を消す */
}
#matching .sec04 .features-item:last-child {
  margin-bottom: 0;
}
#matching .sec04 {
  /* -----------------------------------
         丸い番号マーカー (1, 2, 3...)
      ----------------------------------- */
}
#matching .sec04 .features-item::before {
  counter-increment: feature-counter; /* カウンターを1ずつ増やす */
  content: counter(feature-counter); /* 数字を表示 */
  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;
  width: 32px;
  height: 32px;
  border-radius: 50%; /* 正円にする */
  background-color: #003687; /* 明るめのネイビー */
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0; /* テキストが長くなっても丸が潰れないようにする */
  margin-right: 16px; /* 丸とテキストの間の余白 */
  margin-top: 2px; /* テキストの1行目と視覚的に高さを合わせる微調整 */
}
@media only screen and (max-width: 768px) {
  #matching .sec04 .features-item::before {
    width: 28px;
    height: 28px;
    font-size: 13px;
    margin-right: 12px;
  }
}
#matching .sec05 .grid_box_list .box {
  border-radius: 10px;
  background: #e8edf5;
  padding: 40px 30px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #matching .sec05 .grid_box_list .box {
    padding: 20px;
  }
}
#matching .sec05 .grid_box_list .box .matching_ttl01 {
  color: #000b45;
  font-size: clamp(20px, 1.7vw, 26px);
  font-weight: 600;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  #matching .sec05 .grid_box_list .box .matching_ttl01 {
    font-size: 18px;
  }
}
#matching .sec06 {
  /* =========================================
         レイアウトコンテナ
      ========================================= */
  /* 白バックのコンテナ (1520px) */
}
#matching .sec06 .outer-container {
  max-width: 1520px;
  width: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 16px;
}
@media only screen and (max-width: 768px) {
  #matching .sec06 .outer-container {
    border-radius: 0;
  }
}
#matching .sec06 .outer-container .sec_inner {
  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; /* 左右の箱が中央と同じ高さになるように伸ばす */
  padding: 60px 20px;
  min-width: 1200px;
}
@media only screen and (max-width: 768px) {
  #matching .sec06 .outer-container .sec_inner {
    padding: 30px 20px;
  }
}
#matching .sec06 {
  /* =========================================
         カラム（左右のボックスと中央のボックス）
      ========================================= */
  /* 左右のボックス共通 */
}
#matching .sec06 .col-side {
  width: 250px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  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;
  text-align: center;
  font-size: clamp(24px, 1.82vw, 30px);
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
#matching .sec06 {
  /* 左: 大手企業・メーカー */
}
#matching .sec06 .col-left {
  border: 2px solid #2d8fa5; /* 青緑色 */
  color: #2d8fa5;
}
#matching .sec06 {
  /* 右: 大阪府内の中小企業 */
}
#matching .sec06 .col-right {
  border: 2px solid #003687; /* 濃い紺色 */
  color: #003687;
}
#matching .sec06 {
  /* 中央のボックス (大阪産業局) */
}
#matching .sec06 .col-center {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 75px; /* 左右の矢印スペース (60pxずつ) */
  padding: 20px;
  border: 2px solid #000b45;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #000b45;
}
#matching .sec06 {
  /* =========================================
         中央カラム内の要素 (ステップ・テキスト)
      ========================================= */
}
#matching .sec06 .center-title {
  text-align: center;
  font-size: clamp(24px, 1.82vw, 30px);
  font-weight: bold;
  color: #000b45;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
}
#matching .sec06 .step-item {
  background-color: #eef3f8; /* ステップの薄い背景色 */
  border-radius: 8px;
  padding: 20px;
  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;
  position: relative; /* ここを基準に左右の矢印を配置する */
}
#matching .sec06 {
  /* 丸数字 */
}
#matching .sec06 .step-num {
  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;
  width: 32px;
  height: 32px;
  background-color: #003687;
  color: #ffffff;
  border-radius: 50%;
  font-weight: bold;
  font-size: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#matching .sec06 {
  /* ステップのタイトル */
}
#matching .sec06 .step-title {
  font-size: clamp(20px, 1.7vw, 26px);
  font-weight: 600;
  color: #000b45;
  text-align: center;
}
#matching .sec06 {
  /* Step2の右側のタグ群 */
}
#matching .sec06 .step-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#matching .sec06 .tag {
  background-color: #000b45;
  color: #ffffff;
  padding: 4px 10px;
  border-radius: 2px;
  text-align: center;
  letter-spacing: 0.05em;
  font-weight: 600;
}
#matching .sec06 {
  /* Step4 (マッチング) の大型レイアウト */
}
#matching .sec06 .step-large {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 24px;
}
#matching .sec06 {
  /* Step4の上部（ここを基準に矢印を出す） */
}
#matching .sec06 .step-header {
  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;
  position: relative;
  margin-bottom: 24px;
}
#matching .sec06 .step-header .step-num {
  left: 0;
}
#matching .sec06 {
  /* Step4の下部 (3つの白いボックス) */
}
#matching .sec06 .step-sub-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#matching .sec06 .sub-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 16px 8px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #000b45;
  line-height: 1.5;
  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;
}
#matching .sec06 {
  /* 中央の縦並び下向き矢印 */
}
#matching .sec06 .arrow-down-icon {
  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;
  margin: 6px 0;
}
#matching .sec06 .arrow-down-icon::before {
  content: "";
  width: 4px;
  height: 20px;
  background-color: #000b45;
}
#matching .sec06 .arrow-down-icon::after {
  content: "";
  width: 20px;
  height: 20px;
  border-bottom: 4px solid #000b45;
  border-right: 4px solid #000b45;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -20px;
}
#matching .sec06 {
  /* =========================================
         左右に伸びる矢印群 (CSSのみで描画)
      ========================================= */
  /* 矢印グループの配置設定 */
}
#matching .sec06 .arrow-group {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 75px; /* 余白として設定したmarginと同じ幅 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px; /* 上下2本の矢印の隙間 */
}
#matching .sec06 {
  /* 
         親要素(step-item)の幅(100%) + 中央カラムのpadding(40px)分を外側に出すことで、
         ぴったり枠線の外側から矢印がスタートするように計算しています。
      */
}
#matching .sec06 .arrow-left-side {
  right: calc(100% + 22px);
}
#matching .sec06 .arrow-right-side {
  left: calc(100% + 22px);
}
#matching .sec06 {
  /* 矢印本体（直線部分） */
}
#matching .sec06 .h-arrow {
  width: 90%;
  height: 4px;
  position: relative;
}
#matching .sec06 .h-arrow.teal {
  background-color: #2d8fa5;
}
#matching .sec06 .h-arrow.navy {
  background-color: #000b45;
}
#matching .sec06 .h-arrow.blue {
  background-color: #003687;
}
#matching .sec06 .h-arrow.to-left {
  -webkit-transform: translateX(12%);
          transform: translateX(12%);
}
#matching .sec06 {
  /* 矢印の頭（V字部分） */
}
#matching .sec06 .h-arrow::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: -8px; /* 線の縦中央に合わせる */
}
#matching .sec06 {
  /* 右向き */
}
#matching .sec06 .h-arrow.to-right::after {
  right: 0;
  border-top: 4px solid;
  border-right: 4px solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#matching .sec06 .h-arrow.teal.to-right::after {
  border-color: #2d8fa5;
}
#matching .sec06 .h-arrow.navy.to-right::after {
  border-color: #000b45;
}
#matching .sec06 .h-arrow.blue.to-right::after {
  border-color: #003687;
}
#matching .sec06 {
  /* 左向き */
}
#matching .sec06 .h-arrow.to-left::after {
  left: 0;
  border-top: 4px solid;
  border-left: 4px solid;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#matching .sec06 .h-arrow.navy.to-left::after {
  border-color: #000b45;
}
#matching .sec06 .h-arrow.blue.to-left::after {
  border-color: #003687;
}
#matching .sec06 .border_ttl .step-num {
  position: unset;
  -webkit-transform: none;
          transform: none;
}

/* 検索結果一覧ページ */
.search-results ul.search_result_list li,
.search ul.search_result_list li {
  border-bottom: 1px solid #e8eced;
}
.search-results ul.search_result_list li:first-child,
.search ul.search_result_list li:first-child {
  border-top: 1px solid #e8eced;
}
.search-results ul.search_result_list li a,
.search ul.search_result_list li a {
  display: block;
  padding: 20px 40px 20px 20px;
  margin-bottom: 0;
  position: relative;
  background: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.search-results ul.search_result_list li a:before,
.search ul.search_result_list li a:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #2d4767;
  border-right: 1px solid #2d4767;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 10px;
}
.search-results ul.search_result_list li a .search_result_type,
.search ul.search_result_list li a .search_result_type {
  color: #9098a4;
}
.search-results ul.search_result_list li a:hover,
.search ul.search_result_list li a:hover {
  background: #f8f8f8;
}

#facility-info .disc {
  position: relative;
  padding-left: 30px;
  color: #000B45;
  font-weight: 600;
}
#facility-info .disc:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 11px;
  display: block;
  width: 8px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #003687;
}
#facility-info .sec01 {
  padding-bottom: 80px;
}
#facility-info .sec01 .sec_inner:first-of-type {
  padding-bottom: 80px;
}
#facility-info .sec01 .sec_inner:last-of-type {
  padding: 0;
}
#facility-info .sec01 .sec_box .m_mark {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-weight: 600;
}
#facility-info .sec01 .sec_box .m_mark:before {
  content: "M";
  position: absolute;
  left: 0;
  top: 4px;
  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: 20px;
  aspect-ratio: 1/1;
  padding-bottom: 2px;
  font-family: "Roboto" serif;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background: #000B45;
}
#facility-info .sec01 .sec_box .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
#facility-info .sec01 .sec_box .flex > div {
  width: calc((100% - 40px) / 2);
}
@media only screen and (max-width: 1330px) {
  #facility-info .sec01 .sec_box .flex > div {
    width: 100%;
  }
}
#facility-info .sec01 .sec_box .flex > div.south figure figcaption {
  background: #003687;
}
#facility-info .sec01 .sec_box .flex > div.south .floor_map {
  background: #E8EDF5;
}
#facility-info .sec01 .sec_box .flex > div.south .floor_map table tr th {
  background: #003687;
}
#facility-info .sec01 .sec_box .flex > div figure {
  border-radius: 10px 10px 0 0;
}
#facility-info .sec01 .sec_box .flex > div figure figcaption {
  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;
  padding: 5px;
  background: #2D8FA5;
  font-size: 20px;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #facility-info .sec01 .sec_box .flex > div figure figcaption {
    font-size: 16px;
  }
}
#facility-info .sec01 .sec_box .flex > div figure figcaption span {
  margin-left: 10px;
  font-size: 30px;
}
@media only screen and (max-width: 768px) {
  #facility-info .sec01 .sec_box .flex > div figure figcaption span {
    font-size: 22px;
  }
}
#facility-info .sec01 .sec_box .flex > div .floor_map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 20px;
  background: rgba(45, 143, 165, 0.1);
}
#facility-info .sec01 .sec_box .flex > div .floor_map table {
  width: 100%;
  border-collapse: collapse;
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr {
  border-bottom: 1px solid #8C9CA4;
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr th {
  width: 60px;
  text-align: center;
  vertical-align: middle;
  background: #2D8FA5;
  color: #fff;
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr th:not(:has(.split_floor)) {
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  #facility-info .sec01 .sec_box .flex > div .floor_map table tr th:not(:has(.split_floor)) {
    width: 40px;
    padding: 5px;
  }
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr th:has(.split_floor) {
  position: relative;
  vertical-align: unset;
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr th .text_link {
  color: #fff;
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr th .split_floor {
  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: 100%;
  padding: 10px;
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr th .split_floor:first-of-type {
  border-bottom: 1px solid #8C9CA4;
}
@media only screen and (max-width: 768px) {
  #facility-info .sec01 .sec_box .flex > div .floor_map table tr th .split_floor {
    padding: 5px;
  }
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr td {
  background: #fff;
  vertical-align: middle;
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr td:not(:has(.split_floor)) {
  padding: 15px 20px;
}
@media only screen and (max-width: 768px) {
  #facility-info .sec01 .sec_box .flex > div .floor_map table tr td:not(:has(.split_floor)) {
    padding: 15px 10px;
  }
}
@media only screen and (max-width: 768px) {
  #facility-info .sec01 .sec_box .flex > div .floor_map table tr td {
    font-size: 14px;
  }
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr td .split_floor {
  padding: 15px 20px;
}
@media only screen and (max-width: 768px) {
  #facility-info .sec01 .sec_box .flex > div .floor_map table tr td .split_floor {
    padding: 15px 10px;
  }
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr td .split_floor:not(:last-of-type) {
  border-bottom: 1px solid #8C9CA4;
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr td .df_txt {
  padding-left: 30px;
  color: #394452;
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr td .text_link {
  color: #003687;
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr td .pl30 {
  padding-left: 30px;
}
#facility-info .sec01 .sec_box .flex > div .floor_map table tr td .note {
  display: block;
  padding-left: 30px;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  #facility-info .sec01 .sec_box .flex > div .floor_map table tr td .note {
    font-size: 12px;
  }
}
#facility-info .sec02 figure {
  margin-bottom: 40px;
}
#facility-info .sec02 figure img {
  width: 780px;
}
#facility-info .sec02 .flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
#facility-info .sec02 .flex > div {
  width: calc((100% - 20px) / 2);
  margin-bottom: 40px;
  padding: 30px 40px;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  #facility-info .sec02 .flex > div {
    width: 100%;
  }
}
#facility-info .sec02 .flex > div .ttl {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
#facility-info .sec02 .flex .left {
  background: rgba(45, 143, 165, 0.1);
}
#facility-info .sec02 .flex .left .ttl {
  color: #2D8FA5;
}
#facility-info .sec02 .flex .right {
  background: #E8EDF5;
}
#facility-info .sec02 .flex .right .ttl {
  color: #003687;
}
#facility-info .sec03 ul li a {
  color: #003687;
}
#facility-info .sec04 ul {
  margin-bottom: 20px;
}
#facility-info .sec04 ul li a {
  color: #003687;
}
#facility-info .sec04 .note {
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  #facility-info .sec04 .note {
    font-size: 12px;
  }
}

#s_2fl .sec01 {
  padding: 80px 0 120px;
}
#s_2fl .sec01 .sec_inner {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #s_2fl .sec01 .sec_box {
    overflow-x: scroll;
  }
}
#s_2fl .sec01 .sec_box figure {
  max-width: 800px;
  margin: 0 auto 40px;
}
@media only screen and (max-width: 768px) {
  #s_2fl .sec01 .sec_box figure {
    width: 600px;
  }
}
#s_2fl .sec01 .sec_box figure figcaption {
  font-size: 20px;
  font-weight: 600;
  color: #003687;
}
#s_2fl .sec01 .sec_box .disc_list li {
  padding-left: 25px;
  font-size: 24px;
  font-weight: 600;
  color: #000B45;
}
@media only screen and (max-width: 768px) {
  #s_2fl .sec01 .sec_box .disc_list li {
    padding-left: 20px;
    font-size: 18px;
  }
}
#s_2fl .sec01 .sec_box .disc_list li:not(:last-of-type) {
  margin-bottom: 20px;
}
#s_2fl .sec01 .sec_box .disc_list li:before {
  width: 15px;
  height: 15px;
}
@media only screen and (max-width: 768px) {
  #s_2fl .sec01 .sec_box .disc_list li:before {
    width: 10px;
    height: 10px;
  }
}
#s_2fl .sec01 .sec_box .disc_list li .mini {
  font-size: 16px;
  font-weight: 400;
  color: #394452;
}
@media only screen and (max-width: 768px) {
  #s_2fl .sec01 .sec_box .disc_list li .mini {
    font-size: 14px;
  }
}

#s_1fl .sec01 {
  padding: 80px 0 120px;
}
#s_1fl .sec01 .sec_inner {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #s_1fl .sec01 .sec_box {
    overflow-x: scroll;
  }
}
#s_1fl .sec01 .sec_box figure {
  max-width: 800px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #s_1fl .sec01 .sec_box figure {
    width: 600px;
  }
}
#s_1fl .sec01 .sec_box figure figcaption {
  font-size: 20px;
  font-weight: 600;
  color: #003687;
}

#n_3fl .sec01 {
  padding-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  #n_3fl .sec01 {
    padding-bottom: 80px;
  }
}
#n_3fl .sec01 .sec_inner:first-of-type {
  padding-bottom: 80px;
}
#n_3fl .sec01 .sec_inner:last-of-type {
  padding: 0;
}
#n_3fl .sec01 .sec_box .img_box {
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  #n_3fl .sec01 .sec_box .img_box {
    overflow-x: scroll;
  }
}
#n_3fl .sec01 .sec_box .img_box figure {
  max-width: 800px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #n_3fl .sec01 .sec_box .img_box figure {
    width: 600px;
  }
}
#n_3fl .sec01 .sec_box .img_box figure figcaption {
  font-size: 20px;
  font-weight: 600;
  color: #003687;
}
#n_3fl .sec01 .sec_box .disc_list li {
  padding-left: 25px;
  font-size: 24px;
  font-weight: 600;
  color: #000B45;
}
@media only screen and (max-width: 768px) {
  #n_3fl .sec01 .sec_box .disc_list li {
    padding-left: 20px;
    font-size: 18px;
  }
}
#n_3fl .sec01 .sec_box .disc_list li:not(:last-of-type) {
  margin-bottom: 20px;
}
#n_3fl .sec01 .sec_box .disc_list li:before {
  background: #2D8FA5;
  width: 15px;
  height: 15px;
}
@media only screen and (max-width: 768px) {
  #n_3fl .sec01 .sec_box .disc_list li:before {
    width: 10px;
    height: 10px;
  }
}
#n_3fl .sec01 .sec_box .disc_list li .mini {
  font-size: 16px;
  font-weight: 400;
  color: #394452;
}
@media only screen and (max-width: 768px) {
  #n_3fl .sec01 .sec_box .disc_list li .mini {
    font-size: 14px;
  }
}

#office .sec01 {
  padding-bottom: 120px;
}
@media only screen and (max-width: 768px) {
  #office .sec01 {
    padding-bottom: 80px;
  }
}
#office .sec01 .sec_inner:first-of-type {
  padding-bottom: 80px;
}
#office .sec01 .sec_inner:last-of-type {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  #office .sec01 .sec_box {
    overflow-x: scroll;
  }
}
#office .sec01 .sec_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  #office .sec01 .sec_box ul {
    gap: 20px;
  }
}
#office .sec01 .sec_box ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc((100% - 60px) / 3);
  padding: 10px;
  background: #E8EDF5;
  border-radius: 10px;
}
@media screen and (max-width: 1485px) {
  #office .sec01 .sec_box ul li {
    width: calc((100% - 30px) / 2);
  }
}
@media screen and (max-width: 1040px) {
  #office .sec01 .sec_box ul li {
    width: 100%;
  }
}
#office .sec01 .sec_box ul li figure {
  margin-bottom: 10px;
}
#office .sec01 .sec_box ul li .text_btn {
  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-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 10px;
}
#office .sec01 .sec_box ul li .text_btn .text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#office .sec01 .sec_box ul li .text_btn .text h3 {
  margin-bottom: 20px;
  color: #000B45;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
#office .sec01 .sec_box ul li .text_btn .text p {
  margin-bottom: 20px;
}
#office .sec01 .sec_box ul li .text_btn .commonBtn {
  border: none;
}
#office .sec01 .sec_box ul li .text_btn .commonBtn.tel {
  position: relative;
  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: 10px;
  padding: 20px;
  font-size: clamp(20px, 1.5vw, 28px);
  font-family: "Roboto", serif;
  font-weight: 600;
  line-height: 1.2;
}
#office .sec01 .sec_box ul li .text_btn .commonBtn.tel:before {
  content: "";
  position: unset;
  width: clamp(28px, 3vw, 40px);
  height: clamp(28px, 3vw, 40px);
  border: none;
  -webkit-transform: unset;
          transform: unset;
  background: url(../img/common/side_tel_blue.svg) no-repeat center center/contain;
}

/* サイトマップ */
@media only screen and (max-width: 768px) {
  #sitemap .sitemap_nav {
    gap: 10px;
  }
}
#sitemap .sitemap_nav > div {
  min-width: 0;
}
#sitemap .sitemap_nav dl dt {
  margin-bottom: 20px;
}
#sitemap .sitemap_nav dl dt a {
  color: #000b45;
  font-weight: 800;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
}
#sitemap .sitemap_nav dl dt a img {
  width: 28px;
  height: 28px;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  #sitemap .sitemap_nav dl dt a img {
    width: 50px;
    height: 50px;
  }
}
#sitemap .sitemap_nav dl dd ul li {
  margin-bottom: 5px;
  font-size: 14px;
}
@media print, screen and (min-width: 769px) {
  #sitemap .sitemap_nav .sitemap_link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media print, screen and (min-width: 769px) {
  #sitemap .sitemap_nav .sitemap_link ul li:first-child {
    padding-right: 20px;
    position: relative;
  }
  #sitemap .sitemap_nav .sitemap_link ul li:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #394452;
  }
}

/* 目的から探す */
#purpose .sec {
  margin-bottom: 140px;
}
@media only screen and (max-width: 768px) {
  #purpose .sec {
    margin-bottom: 70px;
  }
}
#purpose .start_block #start-message {
  font-size: clamp(20px, 1.7vw, 24px);
  font-weight: 500;
  text-align: center;
  color: #000b45;
  /* letter-spacing: 5px; */
  background: #e8edf5;
  border-radius: 40px 40px 0 0;
  max-width: 1520px;
  margin: 60px auto 0;
}
@media only screen and (max-width: 768px) {
  #purpose .start_block #start-message {
    font-size: 18px;
    border-radius: 0;
    margin: 30px auto 0;
  }
}
#purpose .start_block #start-message .message_inner {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  #purpose .start_block #start-message .message_inner {
    padding: 80px 0 30px;
  }
}
@media only screen and (max-width: 768px) {
  #purpose .start_block #start-message .message_inner {
    padding: 40px 0 20px;
  }
}
#purpose #start-buttons {
  background: #e8edf5;
  border-radius: 0 0 40px 40px;
  max-width: 1520px;
  margin: 0 auto 60px;
}
@media only screen and (max-width: 768px) {
  #purpose #start-buttons {
    border-radius: 0;
    margin: 0 auto 30px;
  }
}
#purpose .chat_btn {
  cursor: pointer;
}
#purpose .chat_btn input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
#purpose .chat_btn:hover, #purpose .chat_btn.hover {
  background: #3c4d62;
  color: #fff;
}
#purpose .chat_btn.selected {
  background: #3c4d62;
  color: #fff;
}
#purpose .chat_btn input[type=radio]:checked + span {
  background: transparent;
}
#purpose .chat_btn_wrap form {
  gap: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#purpose .chat_btn_wrap form.message_inner {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  #purpose .chat_btn_wrap form.message_inner {
    padding: 0 0 100px;
  }
}
@media only screen and (max-width: 768px) {
  #purpose .chat_btn_wrap form.message_inner {
    padding: 0 0 50px;
  }
}
#purpose .chat_btn_wrap form .chat_btn {
  border-radius: 10px;
  border: 1px solid #e8eced;
  letter-spacing: 0;
  padding: 20px;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: #fff;
}
@media only screen and (min-width: 1101px) {
  #purpose .chat_btn_wrap form .chat_btn {
    width: calc((100% - 39px) / 4);
  }
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  #purpose .chat_btn_wrap form .chat_btn {
    width: calc((100% - 13px) / 2);
  }
}
@media only screen and (max-width: 768px) {
  #purpose .chat_btn_wrap form .chat_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    border: none;
    padding: 15px;
    background: #fff;
    width: 100%;
  }
}
#purpose .chat_btn_wrap form .chat_btn img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto 10px;
}
@media only screen and (max-width: 768px) {
  #purpose .chat_btn_wrap form .chat_btn img {
    margin: 0;
  }
}
#purpose .chat_btn_wrap form .chat_btn span {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
  letter-spacing: 2px;
  color: #000b45;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  #purpose .chat_btn_wrap form .chat_btn span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  #purpose .chat_btn_wrap form .chat_btn span {
    text-align: left;
  }
}
#purpose .chat_btn_wrap form .chat_btn:hover {
  background: #3c4d62;
}
#purpose .chat_btn_wrap form .chat_btn:hover span {
  color: #fff;
}
#purpose .chat_btn_wrap form .chat_btn:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
#purpose .chat_selected_header {
  background: #2d4767;
  border-radius: 20px;
  padding: 30px 40px;
  max-width: 1200px;
  margin: 0 auto 60px;
  text-align: center;
}
#purpose .chat_selected_header .ttl_badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #fff;
  font-size: 20px;
  font-weight: bold;
  color: #000b45;
  padding: 0 20px;
  border-radius: 24px;
  margin-bottom: 10px;
}
#purpose .chat_selected_header .chat_selected_header_ttl {
  font-size: clamp(24px, 1.9vw, 30px);
  font-weight: bold;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #purpose .chat_selected_header .chat_selected_header_ttl {
    font-size: 18px;
  }
}
#purpose .chat__block-a_01,
#purpose .chat__block {
  /* display: none; */
}
#purpose .answer {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}
#purpose .guest {
  text-align: right;
}
#purpose .guest span {
  margin: 0 0 40px auto;
  display: inline-block;
  background: #003687;
  border-radius: 10px;
  padding: 20px 25px;
  font-size: clamp(16px, 1.7vw, 20px);
  font-weight: 500;
  margin-right: 20px;
  position: relative;
  color: #fff;
}
#purpose .guest span::after {
  content: "";
  position: absolute;
  background: url(../img/purpose/fukidasi.svg) no-repeat center center/contain;
  width: 20px;
  height: 15px;
  top: 0;
  right: -10px;
}
#purpose .guest.guest--bot {
  text-align: left;
}
#purpose .guest.guest--bot span {
  margin: 30px auto 30px 0;
  background: #ededed;
  color: #394452;
  margin: 0 0 0 20px;
}
#purpose .guest.guest--bot span::after {
  content: "";
  position: absolute;
  background: url(../img/purpose/fukidasi_gray.svg) no-repeat center center/contain;
  width: 20px;
  height: 15px;
  top: 0;
  left: -10px;
  right: 0;
}
#purpose .bot .bot_inner {
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  #purpose .bot .bot_inner {
    margin-top: 10px;
  }
}
#purpose .bot .comment {
  text-align: center;
  line-height: 1.3;
  font-size: clamp(18px, 1.7vw, 24px);
  font-weight: 500;
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #purpose .bot .comment {
    margin-bottom: 20px;
  }
}
#purpose .bot .comment::before {
  content: "";
  position: absolute;
  background: url("../img/bizsupport/comment_pic.png") no-repeat center center/contain;
  left: -20px;
  top: 5px;
  width: 24px;
  height: 16px;
}
@media only screen and (max-width: 768px) {
  #purpose .bot .comment::before {
    width: 12px;
    height: 8px;
    left: -10px;
  }
}
#purpose .bot .chat_btn_sub form {
  background: #e8eced;
  border-radius: 10px;
  padding: 30px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
  gap: 15px;
  margin: 30px 0 60px;
}
@media only screen and (max-width: 768px) {
  #purpose .bot .chat_btn_sub form {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    padding: 15px 4vw;
  }
}
#purpose .bot .chat_btn_sub form .chat_btn {
  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;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  border: 2px solid #2d8fa5;
  background: #fff;
  color: #000b45;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  #purpose .bot .chat_btn_sub form .chat_btn {
    font-size: min(18px, 4vw);
  }
}
#purpose .bot .chat_btn_sub form .chat_btn small {
  font-size: clamp(12px, 1.2vw, 14px);
  font-weight: 400;
  margin-bottom: 4px;
}
#purpose .bot .chat_btn_sub form .chat_btn:has(small) span {
  height: auto;
}
#purpose .bot .chat_btn_sub form .chat_btn:hover, #purpose .bot .chat_btn_sub form .chat_btn.hover, #purpose .bot .chat_btn_sub form .chat_btn.selected {
  background: #3c4d62;
  border: 2px solid #3c4d62;
  color: #fff;
}
#purpose .bot .chat_btn_sub .chat_form--yesno {
  background: #e8edf5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}
#purpose .bot .chat_btn_sub .chat_form--yesno .chat_btn {
  border: none;
  max-width: 274px;
  width: 100%;
}
#purpose .contact_info_wrapper {
  background: #e8edf5;
  border-radius: 10px;
  line-height: 1.3;
  font-weight: 500;
  margin-top: 30px;
  padding: 30px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  #purpose .contact_info_wrapper {
    padding: 15px 4vw;
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
#purpose .contact_info_wrapper .contact_block > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  border: 2px solid #2d8fa5;
  background: #fff;
  color: #000b45;
  padding: 30px;
  max-width: 564px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #purpose .contact_info_wrapper .contact_block > a {
    font-size: min(18px, 4vw);
  }
}
#purpose .contact_info_wrapper .contact_block > a small {
  font-size: clamp(12px, 1.2vw, 14px);
  font-weight: 400;
  margin-bottom: 4px;
}
#purpose .contact_info_wrapper .contact_block > a:has(small) span {
  height: auto;
}
#purpose .contact_info_wrapper .contact_block > a:hover, #purpose .contact_info_wrapper .contact_block > a.hover {
  background: #3c4d62;
  border: 2px solid #3c4d62;
  color: #fff;
}
#purpose .contact_info_wrapper .contact_block.link_block {
  padding: 30px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  #purpose .contact_info_wrapper .contact_block.link_block {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    padding: 15px 4vw;
  }
}
#purpose .contact_info_wrapper .contact_block.link_block > a {
  width: 100%;
}
#purpose .contact_info_wrapper .sec_ttl03 {
  text-align: center;
  line-height: 1.3;
  color: #000b45;
  border-bottom: 1px solid #000b45;
  font-size: clamp(20px, 1.7vw, 26px);
  font-weight: bold;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#purpose .contact_info_wrapper .btn_con {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 950px) {
  #purpose .contact_info_wrapper .btn_con {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#purpose .contact_info_wrapper .btn_con .commonBtn {
  height: 74px;
}
#purpose .contact_info_wrapper .btn_con .commonBtn.btn_tel:after {
  position: absolute;
  content: "";
  width: 34px;
  height: 34px;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/common/side_tel.svg) no-repeat center center/contain;
}
#purpose .contact_info_wrapper .btn_con .commonBtn.btn_tel span:before {
  display: none;
}
#purpose .contact_info_wrapper .btn_con .commonBtn.blue_btn:after {
  position: absolute;
  content: "";
  width: 34px;
  height: 34px;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/common/side_mail_wh.svg) no-repeat center center/contain;
}
#purpose .contact_info_wrapper .btn_con .commonBtn.blue_btn:hover:after {
  background: url(../img/common/side_mail.svg) no-repeat center center/contain;
}
#purpose .contact_info_wrapper .btn01 {
  width: 100%;
  margin: 0;
  max-width: inherit;
}
#purpose .contact_info_wrapper .btn01 small {
  display: block;
  font-size: clamp(12px, 1.2vw, 14px);
  font-weight: 400;
  margin-bottom: 4px;
}

/* MOBIO(モビオ)について */
#service .gray_box,
#service .white_box {
  padding: 40px;
  border-radius: 30px;
  border: 1px solid #8c9ca4;
}
@media only screen and (max-width: 768px) {
  #service .gray_box,
  #service .white_box {
    padding: 20px;
  }
}
#service .gray_box .border_ttl,
#service .white_box .border_ttl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0;
  margin-bottom: 20px;
}
#service .gray_box .border_ttl.logo_ttl_wrap,
#service .white_box .border_ttl.logo_ttl_wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
}
#service .gray_box .border_ttl.logo_ttl_wrap .logo,
#service .white_box .border_ttl.logo_ttl_wrap .logo {
  margin-top: 10px;
}
#service .gray_box .border_ttl.logo_ttl_wrap h3,
#service .white_box .border_ttl.logo_ttl_wrap h3 {
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-weight: bold;
}
#service .gray_box .border_ttl.logo_ttl_wrap h3 span,
#service .white_box .border_ttl.logo_ttl_wrap h3 span {
  font-weight: 400;
}
#service .gray_box .commonBtn,
#service .white_box .commonBtn {
  padding: 10px 30px;
  height: auto;
  line-height: 1.4;
  min-height: 62px;
}
#service .gray_box {
  background: #f8f8f8;
}
#service .white_box {
  background: #fff;
}
@media print, screen and (min-width: 769px) {
  #service .sec02 .grid_box_list.grid_2_1 {
    gap: 40px;
  }
}

#booth .middle {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #booth .middle #main_contents {
    overflow: hidden;
  }
}
#booth {
  /* 検索結果・アーカイブここから */
}
#booth #booth_all .sec_inner {
  padding-top: 0;
}
#booth #booth_all .booth_category {
  margin-top: 50px;
}
#booth #booth_all .search_result_list {
  margin-top: 50px;
}
#booth #booth_all .search_result_list .item {
  border: 1px solid #8c9ca4;
  padding: 20px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
#booth #booth_all .search_result_list .item:hover {
  background-color: #000b45;
  color: #fff;
}
#booth #booth_all .search_result_list .item:hover .search_result_text_inner h4 {
  color: #fff;
}
#booth #booth_all .search_result_list .item figure {
  width: 30%;
}
#booth #booth_all .search_result_list .item figure img {
  border-radius: 10px;
  /* width: 100%;
  height: 250px;
  object-fit: cover; */
}
#booth #booth_all .search_result_list .item .search_result_text_inner {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#booth #booth_all .search_result_list .item .search_result_text_inner .industry_name {
  font-size: 12px;
}
#booth #booth_all .search_result_list .item .search_result_text_inner h4 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: 600;
  color: #000b45;
  margin: 0 0 1em;
}
#booth #booth_all .search_result_list .item .search_result_text_inner .boothnum {
  text-align: right;
}

.pageTop {
  z-index: 99;
  position: fixed;
  bottom: 20px;
  right: 20px;
  /* mix-blend-mode: difference; */
}
@media only screen and (max-width: 768px) {
  .pageTop {
    right: 5vw;
    bottom: 5vw;
  }
}
.pageTop a {
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #8c9ca4;
  position: relative;
  display: block;
}
@media only screen and (max-width: 768px) {
  .pageTop a {
    width: 40px;
    height: 40px;
  }
}
.pageTop a:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #394452;
  border-right: 1px solid #394452;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
          transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  top: 55%;
  left: 50%;
}
.pageTop a:hover {
  background: #394452;
}
.pageTop a:hover:before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

@-webkit-keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}

@keyframes zoomUp {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}
@-webkit-keyframes shorter {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}
@keyframes shorter {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}
@-webkit-keyframes expand {
  from {
    width: 0;
  }
  to {
    width: 110%;
  }
}
@keyframes expand {
  from {
    width: 0;
  }
  to {
    width: 110%;
  }
}
@-webkit-keyframes bgUpAnime {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes bgUpAnime {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeDownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeDownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes fadeAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    clip-path: inset(100% 0 0 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    webkit-clip-path: inset(0);
    clip-path: inset(0);
  }
}
@keyframes slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    clip-path: inset(100% 0 0 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    webkit-clip-path: inset(0);
    clip-path: inset(0);
  }
}
@-webkit-keyframes slideOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    webkit-clip-path: inset(0);
    clip-path: inset(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    clip-path: inset(0 0 100% 0);
  }
}
@keyframes slideOut {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    webkit-clip-path: inset(0);
    clip-path: inset(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    clip-path: inset(0 0 100% 0);
  }
}
.em-month-picker {
  opacity: 0;
  position: absolute;
  pointer-events: auto;
}

.em-month-label {
  font-size: 20px;
  font-weight: 600;
  color: #393939;
  cursor: pointer;
}

.em.em-calendar.size-medium .em-cal-body .em-cal-day,
.em.em-calendar.size-small .em-cal-body .em-cal-day {
  justify-items: unset;
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}

.em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring,
.em.em-calendar.size-small .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring,
.em.em-calendar.size-large .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring {
  border: 0 !important;
  background-color: var(--date-border-color);
  padding: 0 !important;
  border-radius: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}

.em.em-calendar .em-cal-body .em-cal-day.eventful .em-cal-day-date a,
.em.em-calendar .em-cal-body .em-cal-day.eventful-post .em-cal-day-date a,
.em.em-calendar .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date a {
  border: none !important;
}

.em.pixelbones a {
  color: inherit !important;
}

.em.em-calendar.size-large .em-cal-body > div {
  padding: 0;
  position: relative;
}

.em.em-calendar.size-large .em-cal-body .em-cal-day .em-cal-day-date div.ring {
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.em.em-calendar.size-large .em-cal-body .em-cal-day .em-cal-day-date {
  width: 100%;
  height: 100%;
  margin: 0;
}

.em.em-calendar.size-large .em-cal-body.event-style-pill .em-cal-event {
  position: absolute;
  width: 100%;
  top: 40%;
}

.em.em-calendar.size-large .em-cal-body.event-style-pill .em-cal-event > div {
  width: 90%;
  left: 5px;
}

.em.pixelbones a {
  color: inherit !important;
}

/* トップの小さいカレンダーのみ調整 */
#index .sec_ivent .em-view-container {
  overflow: hidden;
}
#index .sec_ivent {
  /* バーの枠（高さ）を確保 */
}
#index .sec_ivent .em.em-calendar .em-cal-body.event-style-pill .em-cal-day .em-cal-event {
  display: block !important;
  height: 2px !important;
  margin: 2px 0 !important;
}
#index .sec_ivent {
  /* バー自体のデザイン（細くしてテキストを消す） */
}
#index .sec_ivent .em.em-calendar .em-cal-body.event-style-pill .em-cal-event > div {
  display: block !important;
  height: 6px !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-color: var(--event-background-color) !important;
  border: none !important;
  border-radius: 3px !important;
}
#index .sec_ivent {
  /* 中のリンクテキストを完全に非表示 */
}
#index .sec_ivent .em.em-calendar .em-cal-body.event-style-pill .em-cal-event > div a {
  display: none !important;
}
#index .sec_ivent {
  /* 2日目以降のプレースホルダー（空のdiv）の高さを揃えて、下のイベントを押し下げる */
}
#index .sec_ivent .em.em-calendar .em-cal-body.event-style-pill .em-cal-event:empty {
  display: block !important;
  height: 2px !important;
  margin: 2px 0 !important;
}
#index .sec_ivent {
  /* ★ 6. 5件目以降のイベントバーを非表示にする */
}
#index .sec_ivent .em.em-calendar .em-cal-body .em-cal-day .em-cal-event ~ .em-cal-event ~ .em-cal-event ~ .em-cal-event ~ .em-cal-event {
  display: none !important;
}
#index .sec_ivent .em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring,
#index .sec_ivent .em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring.two,
#index .sec_ivent .em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring.three,
#index .sec_ivent .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring {
  background-color: transparent !important;
}
#index .em.em-list-widget .em-item .em-item-image.has-placeholder {
  display: none !important;
}
#index .em.em-list-widget .em-item .em-item-info .em-item-meta .em-item-meta-line.em-event-date {
  display: none !important;
}

#event .em-view-container {
  overflow: hidden;
}
#event {
  /* バーの枠（高さ）を確保 */
}
#event .em.em-calendar .em-cal-body.event-style-pill .em-cal-day .em-cal-event {
  display: block !important;
  height: 6px !important;
  margin: 6px 0 !important;
  position: relative !important;
  width: inherit !important;
  top: -50%;
}
@media only screen and (max-width: 1400px) {
  #event .em.em-calendar .em-cal-body.event-style-pill .em-cal-day .em-cal-event {
    height: 2px !important;
    margin: 2px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  #event .em.em-calendar .em-cal-body.event-style-pill .em-cal-day .em-cal-event {
    top: 50%;
  }
}
#event {
  /* バー自体のデザイン（細くしてテキストを消す） */
}
#event .em.em-calendar .em-cal-body.event-style-pill .em-cal-event > div {
  display: block !important;
  height: 6px !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-color: var(--event-background-color) !important;
  border: none !important;
  border-radius: 3px !important;
}
#event {
  /* 中のリンクテキストを完全に非表示 */
}
#event .em.em-calendar .em-cal-body.event-style-pill .em-cal-event > div a {
  display: none !important;
}
#event {
  /* 2日目以降のプレースホルダー（空のdiv）の高さを揃えて、下のイベントを押し下げる */
}
#event .em.em-calendar .em-cal-body.event-style-pill .em-cal-event:empty {
  display: block !important;
  height: 6px !important;
  margin: 6px 0 !important;
  position: relative !important;
  width: inherit !important;
  top: -50%;
}
@media only screen and (max-width: 1400px) {
  #event .em.em-calendar .em-cal-body.event-style-pill .em-cal-event:empty {
    height: 2px !important;
    margin: 2px 0 !important;
  }
}
#event {
  /* ★ 6. 5件目以降のイベントバーを非表示にする */
}
#event .em.em-calendar .em-cal-body .em-cal-day .em-cal-event ~ .em-cal-event ~ .em-cal-event ~ .em-cal-event ~ .em-cal-event {
  display: none !important;
}
#event .em.em-calendar .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring,
#event .em.em.em-calendar.size-large .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring.two,
#event .em.em-calendar .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring.three,
#event .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring {
  background-color: transparent !important;
}
#event .em.em-calendar .em-cal-body .em-cal-day .em-cal-day-limit {
  display: block !important;
  margin-bottom: 10px !important;
}

.wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 30px auto;
  width: 100%;
  gap: 10px;
}
.wp-pagenavi .pages {
  display: none;
}
.wp-pagenavi > * {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  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;
  margin: 0 !important;
  text-align: center;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #8c9ca4 !important;
  background: #fff;
  color: #000b45;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
.wp-pagenavi > *.current {
  padding: 0;
  color: #fff;
  background: #8c9ca4;
}
.wp-pagenavi > *:hover {
  opacity: 0.8;
}
.wp-pagenavi > *.extend {
  background: none;
  border: none !important;
}
.wp-pagenavi > *.previouspostslink {
  position: relative;
  color: transparent;
  margin-right: 20px !important;
}
.wp-pagenavi > *.previouspostslink::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  margin: auto;
  inset: 0 auto 0 42%;
  border-top: 1px solid #000b45;
  border-left: 1px solid #000b45;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.wp-pagenavi > *.nextpostslink {
  position: relative;
  color: transparent;
  margin-left: 20px !important;
}
.wp-pagenavi > *.nextpostslink::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  margin: auto;
  inset: 0 42% 0 auto;
  border-top: 1px solid #000b45;
  border-left: 1px solid #000b45;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.single_pagenav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
  margin-top: 100px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1000px) {
  .single_pagenav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .single_pagenav {
    margin-top: 50px;
    gap: 10px;
  }
}
.single_pagenav li {
  width: 100%;
  max-width: 450px;
}
.single_pagenav li a {
  background: #fff;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 62px;
  border: 1px solid #8c9ca4;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #000b45;
  font-weight: 600;
  border-radius: 10px;
  padding: 0 30px;
}
.single_pagenav li a:hover {
  color: #fff;
  background: #3c4d62;
}
@media only screen and (max-width: 768px) {
  .single_pagenav li a {
    height: 52px;
    font-size: 16px;
    border-radius: 6px;
  }
}
.single_pagenav li.prev, .single_pagenav li.next {
  max-width: 250px;
}
.single_pagenav li.prev a {
  text-align: right;
}
.single_pagenav li.prev a::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #8c9ca4;
  border-right: 1px solid #8c9ca4;
  -webkit-transform: translateY(-50%) rotate(-135deg);
          transform: translateY(-50%) rotate(-135deg);
  top: 50%;
  left: 24px;
}
.single_pagenav li.next a {
  text-align: left;
}
.single_pagenav li.next a::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1px solid #8c9ca4;
  border-right: 1px solid #8c9ca4;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  top: 50%;
  right: 24px;
}
/*# sourceMappingURL=style.css.map */