@charset "UTF-8";
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  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:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* ===========
=== colors ===
============ */
/* =================
=== screen width ===
================= */
/*
- 2-column flex layout with arbitary each width
- space-between
*/
/* image */
img {
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* font size */
html {
  font-size: 62.5%;
  margin-top: 0 !important;
}

@font-face {
  font-family: "source-han-sans-japanese";
  src: url("/wp-content/themes/micado/font/SourceHanSansJP-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Source Han Sans JP";
  src: url("/wp-content/themes/micado/font/SourceHanSansJP-Normal.otf") format("opentype");
}
body {
  font-size: 1rem;
  font-family: “source-han-sans-japanese”, sans-serif;
  background-size: contain;
  background-repeat: repeat;
}

button {
  font-family: “source-han-sans-japanese”, sans-serif;
}

/* font color */
body {
  color: #1C1C1C;
}

body {
  min-width: 1024px;
  max-width: 1950px;
  margin: 0 !important;
}

p {
  margin: 0;
}

@media screen and (max-width: 768px) {
  main {
    margin-top: 0 !important;
  }
  body {
    min-width: 100%;
    margin: 0;
  }
}
/* link */
a {
  color: inherit;
  text-decoration: none;
}

/* list */
ul {
  list-style: none;
  padding: 0;
}

li {
  list-style: none;
}

/* button */
button:focus {
  outline: 0;
}

.wpp-thumbnail {
  margin: 0 !important;
}

/* input */
input::-webkit-input-placeholder {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
}

input:-moz-placeholder {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
}

input::-moz-placeholder {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
}

input:-ms-input-placeholder {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
}

/* display */
main {
  margin-top: 70px;
}

html {
  margin: 0 !important;
}

h3 {
  font-size: 18px;
}

html {
  scroll-behavior: smooth;
}

.breadcrumbs {
  padding: 80px 0 0 0;
}
.breadcrumbs-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 60px;
  width: 1200px;
  margin: auto;
}
.breadcrumbs-inner a {
  text-decoration: underline;
  color: #CCCCCC;
  margin: 4px 12px 4px 0;
  font-size: 12px;
}
.breadcrumbs-inner p {
  color: #1c1c1c;
  margin: 4px 12px 4px 0;
  font-size: 12px;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .breadcrumbs {
    padding: 0;
  }
  .breadcrumbs-inner {
    width: 90%;
    height: fit-content;
    padding: 12px 0;
    flex-wrap: wrap;
  }
  .breadcrumbs-inner a {
    font-size: 10px;
  }
  .breadcrumbs-inner p {
    font-size: 10px;
    line-height: 1.5;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
.footer {
  width: 100%;
  justify-content: center;
  padding-top: 25px;
  padding-bottom: 1px;
  color: #fff;
  background: linear-gradient(rgba(0, 41, 62, 0.9019607843), rgba(0, 41, 62, 0.9019607843)), url(/wp-content/themes/micado/img/footer.png);
  background-position: right 0 bottom 35%;
  background-size: cover;
  opacity: 1;
  z-index: 99;
  bottom: 0;
}
.footer-micd {
  display: block;
  font-size: 100px;
  color: #00293e;
  float: right;
  width: 80%;
  margin: -100px auto 0px;
  text-align: center;
}
.footer-container {
  display: flex;
  width: 80%;
  justify-content: space-evenly;
  margin: 0 auto;
  padding: 40px 0;
}
.footer-list {
  position: relative;
  text-align: left;
}
.footer-list a .footer-list__title:hover {
  opacity: 0.5;
  cursor: pointer;
  cursor: hand;
}
.footer-list__title {
  color: #fff;
  margin: 0 0 5px 0;
  font-size: 18px;
}
.footer-list__title2 {
  color: #fff;
  margin: 20px 0 5px 0;
  font-size: 18px;
}
.footer-list__item {
  padding: 0;
}
.footer-list__content {
  font-size: 14px;
  line-height: 1.5em;
  margin: 0 0 5px 0;
}
.footer-list__content2 {
  font-size: 18px;
  margin: 0 0 5px 0;
}
.footer-list__items {
  padding: 3px 0;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
}
.footer-list__items2 {
  padding: 10px 0;
  font-size: 18px;
  transition: all 0.2s ease-in-out;
}
.footer-list__items:hover {
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
}
.footer-list__items2:hover {
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
}
.footer-list__policy {
  transition: all 0.2s ease-in-out;
  display: block;
  font-size: 14px;
  margin: 8px 0;
  text-align: left;
}
.footer-list__policy:hover {
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
}
.footer-list__button {
  width: 93%;
  background-color: #fff;
  color: #1c1c1c;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  border: none;
  border-radius: 10px;
  margin-bottom: 10px;
  transition: all 0.2s ease-in-out;
}
.footer-list__button:hover {
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  transform: rotate(-1deg);
}
.footer-list__logo {
  width: 90%;
  margin-bottom: 15px;
}
.footer-list:first-child {
  padding: 0;
  width: 20%;
}
.footer-list:nth-child(2) {
  padding-left: 15px;
  width: 12%;
}
.footer-list:nth-child(3) {
  padding-left: 15px;
  width: 13%;
}
.footer-list:nth-child(4) {
  padding-left: 15px;
  width: 16%;
}
.footer-list:last-child {
  padding-left: 15px;
  width: 24%;
}
.footer-img {
  position: absolute;
  top: 225px;
  right: 7%;
  width: 288px;
  height: 80px;
}
.footerRecruit {
  width: 100%;
  padding-top: 120px;
  background-color: #fff;
}
.footerRecruit-container {
  width: 1040px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.footerRecruit ul:first-of-type {
  width: 50%;
}
.footerRecruit ul:first-of-type div img {
  width: 180px;
  margin: 0 0 20px 0;
}
.footerRecruit ul:first-of-type p:first-of-type {
  margin: 20px 0 0 0;
  font-size: 24px;
  font-weight: bold;
}
.footerRecruit ul:first-of-type p:last-of-type {
  margin: 20px 0 0 0;
  font-size: 16px;
  font-weight: bold;
}
.footerRecruit ul:last-of-type {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.footerRecruit ul:last-of-type li {
  font-size: 16px;
  font-weight: bold;
  width: 25%;
  text-decoration: underline;
  margin: 0 0 40px 0;
}
.footerRecruit ul:last-of-type li:last-of-type {
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  width: 100%;
}
.footerRecruit ul:last-of-type li:last-of-type a {
  display: flex;
  align-items: center;
}
.footerRecruit ul:last-of-type li:last-of-type a span {
  width: 16px;
  height: 12px;
  margin: 0 0 0 8px;
}
.footerRecruit-copyright {
  text-align: center;
  margin: 120px auto 0;
  padding: 0 0 16px 0;
}

.copyright {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 1350px) {
  .footer-container {
    width: 1024px;
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .footer {
    padding-bottom: 20px;
  }
  .footer-container {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
    padding-top: 10px;
    max-width: 100%;
    border-top: 1px solid;
  }
  .footer-list:last-child {
    order: 5;
    padding-left: 0;
    width: 85%;
    text-align: center;
    margin: 0 auto;
  }
  .footer-list:first-child {
    order: 4;
    padding-left: 0;
    width: 85%;
    margin: 0 auto;
    text-align: center;
  }
  .footer-list:nth-child(2) {
    order: 1;
    padding-left: 0;
    width: 85%;
    margin: 20px auto;
    text-align: center;
  }
  .footer-list:nth-child(3) {
    order: 2;
    padding-left: 0;
    width: 85%;
    margin: 0px auto;
    text-align: center;
  }
  .footer-list:nth-child(4) {
    order: 3;
    padding-left: 0;
    width: 85%;
    margin: 20px auto;
    text-align: center;
  }
  .footer-list__items {
    padding: 5px 0;
    font-size: 16px;
  }
  .footer-list__items br {
    display: none;
  }
  .footer-list__logo {
    width: 100%;
  }
  .footer-list__logos {
    width: 40%;
    position: absolute;
    top: -600px;
    left: 30%;
  }
  .footer-list__button {
    padding: 5px 10px;
    margin: 20px 10px 10px;
  }
  .footer-list__title {
    font-size: 20px;
  }
  .footer-list__policy {
    text-align: center;
  }
  .footer-img {
    top: -80px;
    right: 25%;
    width: 50%;
    height: auto;
  }
  .footer-micd {
    margin: -54px auto 0px;
    font-size: 36px;
  }
  .footerRecruit {
    padding-top: 60px;
  }
  .footerRecruit-container {
    width: 90%;
    flex-direction: column-reverse;
  }
  .footerRecruit-container ul:first-of-type {
    width: 100%;
  }
  .footerRecruit-container ul:first-of-type div {
    margin: 60px 0 0 0;
    text-align: center;
  }
  .footerRecruit-container ul:first-of-type div img {
    margin: 0;
  }
  .footerRecruit-container ul:first-of-type p {
    display: none;
  }
  .footerRecruit-container ul:last-of-type {
    width: 100%;
    margin: 0;
    justify-content: space-between;
    text-align: center;
  }
  .footerRecruit-container ul:last-of-type li {
    margin: 0 0 28px 0;
    width: 30%;
  }
  .footerRecruit-container ul:last-of-type li:nth-last-of-type(2) {
    width: 65%;
    text-align: left;
  }
  .footerRecruit-container ul:last-of-type li:last-of-type {
    width: fit-content;
    margin: auto;
  }
  .footerRecruit-copyright {
    margin: 32px auto 0;
  }
  p.copyright {
    text-align: center;
  }
}
#menu-open .pc-only {
  display: block;
}
#menu-open .sp-only {
  display: none;
}
#menu-open .header-menu-open-new {
  margin-left: 80px;
}
#menu-open .header-menu-open-new .micado-menu-new {
  width: 50%;
  max-width: 600px;
  min-width: 600px;
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .col-2-items {
  position: relative;
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .col-2-items a {
  display: flex;
  align-items: end;
  gap: 20px;
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .col-2-items a h1 {
  font: normal normal bold 48px/58px Montserrat;
  margin: 0;
  letter-spacing: 0px;
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .col-2-items a p {
  font: normal normal bold 16px/36px "source-han-sans-japanese", sans-serif;
  letter-spacing: 1.6px;
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .col-2-items::after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 4px;
  background: white;
  bottom: -8px; /*アンダーラインがaタグの下端から現れる*/
  transform: scale(0, 1); /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
  transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
  transition: transform 0.3s; /*変形の時間*/
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .col-2-items:hover::after {
  transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .menu-contact-btn a {
  display: block;
  color: #FFFFFF;
  border: 4px solid #FFFFFF;
  margin: 30px 0 0;
  padding: 16px 32px 16px 16px;
  border-radius: 10px;
  position: relative;
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .menu-contact-btn a h4 {
  font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
  margin: 0;
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .menu-contact-btn a h4 span {
  display: inline;
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .menu-contact-btn a h4 span svg {
  width: 38px;
  height: 38px;
  margin: 0px 0px -11px -7px;
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .menu-contact-btn a p {
  font: normal normal normal 16px/24px "source-han-sans-japanese", sans-serif;
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .menu-contact-btn a::after {
  content: "";
  /*絶対配置で線の位置を決める*/
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  /*背景の形状*/
  width: 0;
  height: 100%;
  background: #FFFFFF;
  /*アニメーションの指定*/
  transition: all 0.5s;
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .menu-contact-btn a:hover::after {
  /*背景の形状*/
  width: 100%; /*横幅を伸ばす*/
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .menu-contact-btn a:hover {
  color: #3F7EAE;
  opacity: 1;
}
#menu-open .header-menu-open-new .micado-menu-new .col-items .menu-contact-btn a:hover svg {
  fill: #3F7EAE;
}
#menu-open .header-menu-open-new .micado-menu-new-right {
  width: 50%;
}
#menu-open .header-menu-open-new .micado-menu-new-right .col-content {
  display: flex;
  justify-content: space-between;
}
#menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left, #menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right {
  width: 50%;
}
#menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left .col-2-items, #menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right .col-2-items {
  position: relative;
  color: #FFFFFF;
}
#menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left .col-2-items h1, #menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right .col-2-items h1 {
  font: normal normal bold 24px/29px Montserrat;
  margin: 4px 0;
  letter-spacing: 0px;
  white-space: nowrap;
}
#menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left .col-2-items p, #menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right .col-2-items p {
  font: normal normal bold 12px/17px "source-han-sans-japanese", sans-serif;
  margin: 0px 0 36px;
}
#menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left .col-2-items a:hover, #menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right .col-2-items a:hover {
  opacity: 1;
}
#menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left .col-2-items::after, #menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right .col-2-items::after {
  position: absolute;
  left: 0;
  content: "";
  width: 75%;
  height: 4px;
  background: white;
  bottom: -8px; /*アンダーラインがaタグの下端から現れる*/
  transform: scale(0, 1); /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
  transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
  transition: transform 0.3s; /*変形の時間*/
}
#menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left .col-2-items:hover::after, #menu-open .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right .col-2-items:hover::after {
  transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
}
#menu-open .header-menu-open-new .micado-menu-new-right .header-conpany-dis {
  color: #FFFFFF;
  max-width: 530px;
}
#menu-open .header-menu-open-new .micado-menu-new-right .header-conpany-dis h1 {
  font: normal normal bold 24px/35px "source-han-sans-japanese", sans-serif;
  letter-spacing: 2.4px;
  margin: 80px 0 4px;
}
#menu-open .header-menu-open-new .micado-menu-new-right .header-conpany-dis .conpany-items {
  display: flex;
  justify-content: space-between;
}
#menu-open .header-menu-open-new .micado-menu-new-right .header-conpany-dis .conpany-items .com-item {
  width: 50%;
}
#menu-open .header-menu-open-new .micado-menu-new-right .header-conpany-dis .conpany-items .com-item h3 {
  font: normal normal bold 20px/24px Montserrat;
  letter-spacing: 2px;
  margin: 16px 0 16px;
}
#menu-open .header-menu-open-new .micado-menu-new-right .header-conpany-dis .conpany-items .com-item p {
  font: normal normal normal 16px/24px "source-han-sans-japanese", sans-serif;
  letter-spacing: 1.6px;
}
#menu-open .header-menu-open-new .micado-menu-new-right .header-conpany-dis .event > div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
#menu-open .header-menu-open-new .micado-menu-new-right .header-conpany-dis .event > div > .all-event {
  writing-mode: vertical-rl;
  text-orientation: sideways;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  border: 4px solid #fff;
  border-radius: 10px;
  padding: 8px;
  position: relative;
}
#menu-open .header-menu-open-new .micado-menu-new-right .header-conpany-dis .event > div > .all-event::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 7%;
  transform: translate(50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0;
}

.footer-mint-plus:hover {
  opacity: 0.8;
}

.footer-mint-plus {
  max-width: 880px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  background-color: #EDEEF2;
  box-shadow: 3px 3px 20px rgba(36, 65, 93, 0.3058823529);
  width: 70%;
  margin: 40px auto 0;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 20px;
  font-weight: bold;
  cursor: pointer;
}
.footer-mint-plus .footer-mintp-headdr img {
  width: 70px;
}
.footer-mint-plus h1 {
  font-size: 32px;
  line-height: 46px;
  color: #1A1B35;
  text-align: center;
  z-index: 1;
  position: relative;
  margin: 4px 0 26px;
}
.footer-mint-plus h1 span {
  background-color: #def2b3;
}
.footer-mint-plus .footer-p-a-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-mint-plus .footer-p-a-flex p {
  font-size: 16px;
  line-height: 24px;
  color: #1A1B35;
}
.footer-mint-plus .footer-p-a-flex a {
  font-size: 16px;
  line-height: 24px;
  color: #CE858F;
  display: inline-block;
  text-align: right;
  font-weight: normal;
}
.footer-mint-plus .footer-p-a-flex a svg {
  margin: 0 0 0 4px;
}
.footer-mint-plus .footer-mintp-img {
  position: absolute;
  top: 4px;
  right: 0;
  width: 240px;
}

.topmain {
  width: 100%;
  height: 92vh;
  margin-top: 80px;
  overflow: hidden;
}
.topmain-seminar {
  margin: 150px auto 100px;
  text-align: center;
}
.topmain-seminar__container {
  width: 80%;
  margin: 0 auto;
  transition: 0.2s;
}
.topmain-seminar__container h2 {
  font-size: 24px;
}
.topmain-seminar__container a {
  display: block;
  width: 70%;
  max-width: 950px;
  margin: 0 auto;
  transition: 0.2s;
}
.topmain-seminar__time {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 30px;
}
.topmain-seminar__time--rest {
  font-size: 24px;
  margin-right: 20px;
}
.topmain-seminar__time > .time {
  font-size: 50px;
  font-weight: bold;
}
.topmain-container {
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.topmain-container__text {
  font-size: 24px;
}
.topmain-container__heading {
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.3em;
}
.topmain-container__flex {
  display: flex;
}
.topmain-container__texts {
  width: 93%;
  margin-top: 240px;
}
.topmain-container__img {
  margin-top: 50px;
}
.topmain-container__triangle {
  display: flex;
  width: 100%;
  position: absolute;
  top: -100px;
}
.topmain-container__triangle1 {
  width: 100%;
  position: absolute;
  top: -60px;
  height: auto;
  left: -35%;
  transform: scale(0.7);
  animation: spin 10s linear infinite;
  opacity: 0.5;
}
.topmain-container__triangle2 {
  width: 100%;
  height: auto;
  position: absolute;
  top: -50px;
  animation: spin 10s linear infinite;
  transform: scale(0.7);
  animation-direction: reverse;
  opacity: 0.5;
}
.topmain-container__triangle3 {
  width: 100%;
  height: auto;
  position: absolute;
  right: -35%;
  transform: scale(0.7);
  animation: spin 10s linear infinite;
  opacity: 0.5;
}

.img-show-lock2 .lock-icon {
  top: 20px !important;
  right: 23px !important;
}

.topservice {
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/themes/micado/img/top_tr1b.png), url(/wp-content/themes/micado/img/top_tr2b.png), url(/wp-content/themes/micado/img/top_tr3b.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: -110px 150px, 189px -40px, 720px 40px;
  position: relative;
  color: #fff;
}
.topservice-container {
  width: 80%;
  height: 100%;
  margin: 0 auto;
  padding-bottom: 120px;
  text-align: right;
}
.topservice-container__micd {
  font-size: 32px;
  padding: 90px 0 70px 0;
  text-align: left;
}
.topservice-container__heading {
  font-size: 38px;
  margin-bottom: 80px;
  text-align: left;
}
.topservice-container__text {
  width: 55%;
  font-size: 18px;
  line-height: 2em;
  text-align: left;
}
.topservice-container__button {
  border: none;
  font-size: 24px;
  font-weight: bold;
  padding: 30px;
  background-color: #fff;
  transition: 0.5s;
}
.topservice-container__button:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(-1deg);
}

.topservice::after {
  content: "";
  background-color: #00293e;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

a.wpp-taxonomy.category:nth-child(n+2) {
  display: none;
}

.topad {
  margin-bottom: 180px;
  text-align: center;
}
.topad-link {
  margin: 50px;
  display: block;
}
.topad-link__img {
  width: 80%;
  transition: all 0.2s ease-in-out;
}
.topad-link__img:hover {
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.toparticle {
  width: 80%;
  margin: 120px auto 120px;
}
.toparticle-posts {
  width: 48%;
  position: relative;
}
.toparticle-title {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 40px 20px;
  color: #09334C;
  position: relative;
}
.toparticle-title span {
  font-size: 14px;
  margin-left: 20px;
}
.toparticle-title p::before {
  content: "";
  position: absolute;
  background-color: #09334C;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: -16px;
  top: 12px;
}
.toparticle-midle {
  display: flex;
  justify-content: space-between;
}
.toparticle-left {
  position: relative;
}
.toparticle-left__thumbnail {
  width: 100%;
  height: 270px;
  margin-bottom: 20px;
}
.toparticle-left__thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.toparticle-left__first {
  display: flex;
}
.toparticle-left__cat {
  padding: 8px;
  border: 1px solid #09334C;
  font-size: 12px;
  font-weight: bold;
}
.toparticle-left__date {
  font-size: 12px;
  font-weight: bold;
  margin: auto 0 auto 20px;
}
.toparticle-left__ttl {
  font-size: 26px;
  text-align: left;
  line-height: 1.4;
  font-weight: bold;
  margin: 12px 0;
}
.toparticle-left__post {
  position: relative;
  padding-bottom: 4px;
}
.toparticle-left__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.toparticle-left__tags {
  text-align: left;
  font-size: 12px;
}
.toparticle-left__mint {
  padding: 20px 24px;
  background-color: #09334C;
  color: white;
  cursor: pointer;
  position: absolute;
  bottom: 53px;
  font-size: 16px;
  right: 0;
}
.toparticle-left .slick-dots {
  bottom: -48px;
  left: 120px;
  z-index: 1;
}
.toparticle-right {
  width: 48%;
}
.toparticle-recommend {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0;
}
.toparticle-recommend__list {
  width: 48%;
  margin: 0 0 32px;
}
.toparticle-recommend__thumnail {
  width: 100%;
  height: 160px;
  overflow: hidden;
  border-radius: 4px;
}
.toparticle-recommend__flex {
  display: flex;
  justify-content: space-between;
  margin: 8px 0;
}
.toparticle-recommend__taxonomies {
  border: 1px solid #09334C;
  border-radius: 4px;
  padding: 4px 8px;
}
.toparticle-recommend__date {
  margin: auto 0;
}
.toparticle-recommend__title {
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
}

.toparticle-left.slick-initialized.slick-slider.slick-dotted .top-slick__prev.slick-arrow {
  position: absolute;
  background-color: white;
  z-index: 1;
  width: 40px;
  height: 40px;
  border: 2px solid #09334C;
  border-radius: 50%;
  bottom: -60px;
  cursor: pointer;
}
.toparticle-left.slick-initialized.slick-slider.slick-dotted .top-slick__prev.slick-arrow::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 15px;
  width: 10px;
  height: 10px;
  border-top: 4px solid #09334C;
  border-right: 4px solid #09334C;
  transform: rotate(225deg);
}
.toparticle-left.slick-initialized.slick-slider.slick-dotted .top-slick__prev.slick-arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.toparticle-left.slick-initialized.slick-slider.slick-dotted .top-slick__next.slick-arrow {
  position: absolute;
  background-color: white;
  z-index: 1;
  width: 40px;
  height: 40px;
  border: 2px solid #09334C;
  border-radius: 50%;
  bottom: -60px;
  left: 80px;
  cursor: pointer;
}
.toparticle-left.slick-initialized.slick-slider.slick-dotted .top-slick__next.slick-arrow::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 11px;
  width: 10px;
  height: 10px;
  border-top: 4px solid #09334C;
  border-right: 4px solid #09334C;
  transform: rotate(45deg);
}
.toparticle-left.slick-initialized.slick-slider.slick-dotted .top-slick__next.slick-arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.toparticle-left .slick-dots li button:before {
  background-color: #09334C;
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

@media screen and (max-width: 1240px) {
  .toparticle-container {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  #menu-open .header-menu-open-new .micado-menu-new-right .header-conpany-dis .event > div {
    gap: 10px;
  }
  #menu-open .header-menu-open-new .micado-menu-new-right .header-conpany-dis .event > div > .all-event::after {
    bottom: 7%;
    transform: translate(60%, 0);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #fff;
  }
  .footer-mint-plus {
    width: 90%;
    padding: 0;
  }
  .footer-mint-plus .footer-mintp-headdr img {
    width: 63px;
    padding: 20px;
  }
  .footer-mint-plus h1 {
    margin: 0px 0 20px;
    font-size: 31px;
  }
  .footer-mint-plus .footer-p-a-flex {
    display: block;
  }
  .footer-mint-plus .footer-p-a-flex p {
    font-size: 14px;
    line-height: 20px;
    color: #1A1B35;
    padding: 0 20px 0 20px;
    text-align: center;
  }
  .footer-mint-plus .footer-p-a-flex a {
    position: absolute;
    bottom: 34px;
    right: 20px;
  }
  .footer-mint-plus .footer-mintp-img {
    position: absolute;
    top: 20px;
    right: 0;
    width: 240px;
  }
  .footer-mint-plus .footer-mintp-img {
    position: absolute;
    top: 20px;
    right: 0;
    width: 240px;
  }
  .footer-mint-plus .footer-mintp-img-sp {
    width: 240px;
  }
  #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .box-content {
    width: 100%;
  }
  .topmain {
    height: auto;
    margin-top: 60px;
  }
  .topmain-container {
    width: 92%;
  }
  .topmain-container__texts {
    margin-top: 130px;
    margin-bottom: 70px;
  }
  .topmain-container__img {
    margin-top: 80px;
    position: absolute;
    right: 12px;
    width: 10%;
  }
  .topmain-container__text {
    font-size: 14px;
  }
  .topmain-container__heading {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
  }
  .topmain-container__triangle1 {
    top: 60px;
  }
  .topmain-container__triangle2 {
    top: 140px;
  }
  .topmain-container__triangle3 {
    top: 90px;
  }
  .topmain-seminar {
    margin: 50px auto 0;
    height: inherit;
  }
  .topmain-seminar__container a {
    width: 100%;
  }
  .topmain-seminar__time--rest {
    font-size: 18px;
  }
  .topmain-seminar__time .time {
    font-size: 30px;
  }
  .topservice {
    height: 460px;
  }
  .topservice-container {
    width: 92%;
  }
  .topservice-container__micd {
    font-size: 24px;
    padding: 30px 0 0px 0;
  }
  .topservice-container__heading {
    font-size: 25px;
    margin: 15px 0 20px;
    line-height: 1.4;
  }
  .topservice-container__text {
    width: 100%;
    font-size: 14px;
    line-height: 1.6em;
  }
  .topservice-container__button {
    float: right;
    border: none;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 20px;
    background-color: #fff;
    transition: 0.5s;
    margin-top: 20px;
  }
  .toparticle {
    margin: 40px auto;
  }
  .toparticle-title {
    font-size: 28px;
    margin: 0 0 20px 0;
  }
  .toparticle-title p span {
    display: block;
    margin: 12px 0 0;
  }
  .toparticle-left__ttl {
    font-size: 16px;
  }
  .toparticle-left__mint {
    padding: 12px 16px;
    display: block;
    text-align: center;
    width: 30%;
    margin: 40px auto 0;
    position: relative;
    bottom: inherit;
  }
  .toparticle-left.slick-slider.slick-initialized.slick-slider.slick-dotted .top-slick__prev.slick-arrow {
    left: -6%;
    top: 30%;
  }
  .toparticle-left.slick-initialized.slick-slider.slick-dotted .top-slick__next.slick-arrow {
    right: -6%;
    left: inherit;
    top: 30%;
  }
  .toparticle-midle {
    display: block;
  }
  .toparticle-posts {
    width: 100%;
    margin-bottom: 40px;
  }
  .toparticle-right {
    width: 100%;
  }
  .toparticle-recommend {
    display: block;
  }
  .toparticle-recommend__list {
    width: 100%;
  }
  .slick-dots {
    left: 50% !important;
    transform: translateX(-50%);
    bottom: -36px !important;
    width: 100% !important;
  }
  .slick-dots > li > button::before {
    width: 8px !important;
    height: 8px !important;
  }
  .topad {
    margin-bottom: 70px;
  }
  .topad-link {
    margin: 0;
  }
  .topad-link__img {
    width: 92%;
  }
  #menu-open .pc-only {
    display: none;
  }
  #menu-open .sp-only {
    display: block;
  }
  #menu-open .body {
    padding: 100px 0 0;
  }
  #menu-open .body .header-menu-open-new {
    margin-left: 0px;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new {
    width: 100%;
    min-width: unset;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new .col-items {
    width: 100% !important;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new .col-items .col-2-items {
    position: relative;
    margin-top: 22px;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new .col-items .col-2-items a {
    display: flex;
    align-items: end;
    gap: 20px;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new .col-items .col-2-items a h1 {
    font: normal normal bold 24px/22px Montserrat;
    margin: 0;
    letter-spacing: 0px;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new .col-items .col-2-items a p {
    font: normal normal normal 10px/15px "source-han-sans-japanese", sans-serif;
    letter-spacing: 1.6px;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new .col-items .col-2-items::after {
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 4px;
    background: white;
    bottom: -8px; /*アンダーラインがaタグの下端から現れる*/
    transform: scale(0, 1); /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
    transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
    transition: transform 0.3s; /*変形の時間*/
  }
  #menu-open .body .header-menu-open-new .micado-menu-new .col-items .col-2-items:hover::after {
    transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right {
    width: 100%;
    margin: 16px 0 0;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content {
    display: flex;
    justify-content: space-between;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left, #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right {
    width: 50%;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left .col-2-items, #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right .col-2-items {
    margin: 12px 0 0;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left .col-2-items h1, #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right .col-2-items h1 {
    font: normal normal bold 16px/19px Montserrat;
    margin: 0px;
    letter-spacing: 0px;
    white-space: nowrap;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left .col-2-items p, #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right .col-2-items p {
    font: normal normal bold 10px/15px "source-han-sans-japanese", sans-serif;
    margin: 0px;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left .col-2-items a:hover, #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right .col-2-items a:hover {
    opacity: 1;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left .col-2-items::after, #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right .col-2-items::after {
    position: absolute;
    left: 0;
    content: "";
    width: 75%;
    height: 4px;
    background: white;
    bottom: -8px; /*アンダーラインがaタグの下端から現れる*/
    transform: scale(0, 1); /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
    transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
    transition: transform 0.3s; /*変形の時間*/
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-left .col-2-items:hover::after, #menu-open .body .header-menu-open-new .micado-menu-new-right .col-content .menu-right-right .col-2-items:hover::after {
    transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .header-conpany-dis {
    color: #FFFFFF;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .header-conpany-dis h1 {
    font: normal normal bold 24px/35px "source-han-sans-japanese", sans-serif;
    letter-spacing: 2.4px;
    margin: 80px 0 4px;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .header-conpany-dis .conpany-items {
    display: flex;
    justify-content: space-between;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .header-conpany-dis .conpany-items .com-item {
    width: 50%;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .header-conpany-dis .conpany-items .com-item h3 {
    font: normal normal bold 20px/24px Montserrat;
    letter-spacing: 2px;
    margin: 16px 0 16px;
  }
  #menu-open .body .header-menu-open-new .micado-menu-new-right .header-conpany-dis .conpany-items .com-item p {
    font: normal normal normal 16px/24px "source-han-sans-japanese", sans-serif;
    letter-spacing: 1.6px;
  }
  #menu-open .menu-contact-btn {
    width: 100%;
  }
  #menu-open .menu-contact-btn a {
    display: block;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    margin: 40px 0;
    padding: 4px 12px 12px 16px;
    border-radius: 10px;
    position: relative;
  }
  #menu-open .menu-contact-btn a h4 {
    font: normal normal bold 14px/20px "source-han-sans-japanese", sans-serif;
    margin: 0;
    letter-spacing: 1.4px;
  }
  #menu-open .menu-contact-btn a h4 span {
    display: inline;
  }
  #menu-open .menu-contact-btn a h4 span svg {
    width: 30px;
    height: 30px;
    margin: 0px 0px -11px -7px;
  }
  #menu-open .menu-contact-btn a p {
    font: normal normal normal 11px/16px "source-han-sans-japanese", sans-serif;
    letter-spacing: 1.1px;
  }
  #menu-open .menu-contact-btn a::after {
    content: "";
    /*絶対配置で線の位置を決める*/
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    /*背景の形状*/
    width: 0;
    height: 100%;
    background: #FFFFFF;
    /*アニメーションの指定*/
    transition: all 0.5s;
  }
  #menu-open .menu-contact-btn a:hover::after {
    /*背景の形状*/
    width: 100%; /*横幅を伸ばす*/
  }
  #menu-open .menu-contact-btn a:hover {
    color: #3F7EAE;
    opacity: 1;
  }
  #menu-open .menu-contact-btn a:hover svg {
    fill: #3F7EAE;
  }
}
.services-container {
  width: 80%;
  margin: 0 auto;
}
.services-title {
  text-align: center;
  margin: 180px 0 170px;
}
.services-title__heading {
  font-size: 42px;
  font-weight: bold;
  margin: 0 0 50px 0;
}
.services-title__text {
  font-size: 18px;
  line-height: 1.5em;
}
.services-area01 {
  display: flex;
  align-items: center;
  margin: 0 0 200px;
}
.services-area01__lists {
  width: 60%;
  margin-right: 5vw;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.services-area01__item {
  width: 34%;
  max-width: 227px;
  height: 247px;
  margin: 15px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.0862745098);
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 20px;
  height: auto;
}
.services-area01__item:nth-of-type(odd) {
  position: relative;
  top: 70px;
}
.services-area01__item:nth-of-type(2) {
  background-color: #f0f0f0;
}
.services-area01__icon {
  width: 50px;
  height: 50px;
}
.services-area01__title {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0 150x;
}
.services-area01__text {
  font-size: 14px;
  line-height: 1.5em;
}
.services-area02 {
  width: 40%;
}
.services-area02__mcdservice {
  font-size: 15px;
}
.services-area02__title {
  font-size: 42px;
  margin: 10px 0 20px;
}
.services-area02__text {
  font-size: 18px;
  line-height: 1.5em;
  max-width: 300px;
}
.services-area03 {
  display: flex;
  align-items: center;
  margin: 0 0 200px;
}
.services-area03__lists {
  width: 60%;
  margin-right: 5vw;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.services-area03__item {
  width: 34%;
  max-width: 227px;
  height: 247px;
  margin: 15px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.0862745098);
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 20px;
  height: auto;
}
.services-area03__item:first-child {
  position: relative;
  top: 70px;
}
.services-area03__item:nth-of-type(2) {
  background-color: #f0f0f0;
}
.services-area03__title {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0 150x;
}
.services-area03__text {
  font-size: 14px;
  line-height: 1.5em;
}
.services-area03__icon {
  width: 50px;
  height: 50px;
}
.services-floatBanner {
  width: 270px;
  height: 280px;
  position: fixed;
  bottom: 30px;
  right: 50px;
  z-index: 10;
  display: none;
  transition: 0.5s;
}
.services-floatBanner.open {
  display: block;
  animation: fadeIn 0.7s;
}
.services-floatBanner__inner {
  position: relative;
}
.services-floatBanner__inner span {
  position: absolute;
  top: -30px;
  right: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #F7F7F9;
  cursor: pointer;
}
.services-floatBanner__inner span:hover {
  opacity: 0.7;
}
.services-floatBanner__inner span::before {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  height: 10px;
  width: 2px;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: black;
}
.services-floatBanner__inner span::after {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  height: 10px;
  width: 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-color: black;
}
.services-floatBanner__inner a {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.2s;
}
.services-floatBanner__inner a:hover {
  opacity: 0.7;
}

.service-button {
  background-color: #0c324b;
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin-top: 30px;
  width: 63%;
  max-width: 200px;
}
.service-button__sp {
  display: none;
}
.service-button__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: inline-block;
  z-index: 10;
}

.service-submit,
.service-arrow {
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.service-submit {
  color: #fff;
  text-align: center;
  font-size: 16px;
  margin-left: 30%;
}

.service-arrow {
  position: relative;
  top: -3px;
  opacity: 0;
}

.service-line {
  height: 3px;
  width: 20px;
  border-radius: 6px;
  background: #fff;
}

.service-top {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.service-bottom {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: 10px;
}

.service-button:active {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  transform: scale(1.3);
}

.service-button.hover .service-submit {
  -webkit-transform: translateX(-90px);
  -moz-transform: translateX(-90px);
  transform: translateX(-90px);
  opacity: 0;
  margin-bottom: -3px;
  margin-top: 3px;
}

.service-button.hover .service-arrow {
  -webkit-transform: translateX(-70px);
  -moz-transform: translateX(-70px);
  transform: translateX(-70px);
  opacity: 1;
}

.service-button.active .service-arrow {
  opacity: 1;
  -webkit-transform: rotate(90deg) translateY(70px);
  -moz-transform: rotate(90deg) translateY(70px);
  transform: rotate(90deg) translateY(70px);
}

.service-button.active {
  background: #4CAF50;
}

.service-button.active .service-submit {
  opacity: 0;
}

.service-button.active .service-top {
  width: 34px;
}

.service-button.active .service-bottom {
  margin: 14px 0 0 12px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .services-title {
    margin: 120px 0 70px;
  }
  .services-title__heading {
    font-size: 32px;
    margin: 0 0 30px 0;
  }
  .services-title__text {
    font-size: 14px;
  }
  .services-area__prev::after { /* くの字の表示設定 */
    content: "";
    margin: auto;
    position: absolute;
    left: 2px;
    top: 0;
    bottom: 0;
    width: 13px; /* くの字を山なりに見た時、左側の長さ */
    height: 13px; /* くの字を山なりに見た時、右側の長さ */
    border-top: 3px solid #0c324b; /* くの字を山なりに見た時、左側の太さと色 */
    border-right: 3px solid #0c324b; /* くの字を山なりに見た時、右側の太さと色 */
    transform: rotate(-135deg);
    z-index: 2;
  }
  .services-area__next::after { /* くの字の表示設定 */
    content: "";
    margin: auto;
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    width: 13px; /* くの字を山なりに見た時、左側の長さ */
    height: 13px; /* くの字を山なりに見た時、右側の長さ */
    border-top: 3px solid #0c324b; /* くの字を山なりに見た時、左側の太さと色 */
    border-right: 3px solid #0c324b; /* くの字を山なりに見た時、右側の太さと色 */
    transform: rotate(45deg);
  }
  .services-area01 {
    flex-direction: column;
    margin: 0 0 60px;
  }
  .services-area01__lists {
    width: 100%;
    order: 2;
    margin-right: 0;
  }
  .services-area01__item:nth-of-type(odd) {
    position: relative;
    top: 0px;
  }
  .services-area02 {
    width: 100%;
    order: 1;
    text-align: center;
  }
  .services-area02__mcdservice {
    display: none;
  }
  .services-area02__title {
    font-size: 32px;
  }
  .services-area02__text {
    font-size: 14px;
    margin: 0 auto;
  }
  .services-area03 {
    flex-direction: column;
    margin: 0 0 100px;
  }
  .services-area03__lists {
    width: 100%;
    order: 2;
    margin-right: 0;
  }
  .services-area03__item:nth-of-type(odd) {
    position: relative;
    top: 0px;
  }
  .service-button {
    display: none;
  }
  .service-button__sp {
    display: block;
    order: 3;
    background-color: #0c324b;
    color: white;
    border: none;
    padding: 5px 20px;
    font-weight: 600;
    margin-top: 20px;
    width: 80%;
  }
}
.gnavi-fixed {
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0;
}

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

.gnaviscroll {
  width: 100%;
  z-index: 10;
  position: relative;
}

.header {
  width: 100%;
  height: 80px;
  background-color: #fff;
  z-index: 10;
  position: absolute;
  top: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0862745098);
}
.header-container {
  display: flex;
  width: 80%;
  justify-content: space-between;
  margin: 0 auto;
}
.header-container ul {
  padding-left: 20px;
}
.header-seminar {
  position: relative;
  transition: 0.3s;
}
.header-seminar > div > img {
  transition: 0.3s;
}
.header-seminar .mask {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.3s;
  font-size: 24px;
}
.header-seminar .mask .caption {
  position: relative;
}
.header-seminar .mask .caption::after {
  content: "";
  position: absolute;
  right: -32px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0;
}
.header-seminar:hover > div > img {
  opacity: 0.3;
}
.header-seminar:hover .mask {
  opacity: 1;
}
.headerRecruit {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  z-index: 10;
  position: absolute;
  top: 0;
}
.headerRecruit-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: 0 auto;
}
.headerRecruit-container ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 65%;
  max-width: 950px;
  margin: 0;
  padding: 0;
}
.headerRecruit-container ul li {
  font-size: 16px;
  font-weight: bold;
}
.headerRecruit-container ul li:last-of-type {
  margin: 0;
  color: #1C1C1C;
}
.headerRecruit-container ul li:last-of-type a {
  padding: 32px 60px;
  display: block;
}
.headerRecruit-logo {
  width: 180px;
  height: auto;
  margin: auto 0 auto 7%;
}
.headerRecruit-logo a {
  display: block;
  width: 100%;
  height: 100%;
}

nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.header__logo {
  width: 180px;
  height: auto;
  margin: auto 0;
}

.menu {
  display: flex;
  position: relative;
  width: 100%;
  height: 80px;
  max-width: 950px;
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.menu > li {
  text-align: center;
  border-right: 1px solid #fff;
  width: 20%; /* グローバルナビ4つの場合 */
  height: 80px;
  background: #fff;
}

.menu-single:hover .init-bottom {
  opacity: 0.7;
}

.menu-single:hover .init-bottom__text {
  opacity: 0.7;
}

.menu-second__item:hover {
  opacity: 0.7;
}

.menu > li:first-child {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.menu > li a {
  display: block;
  color: #1C1C1C;
  font-size: 14px;
  width: 100%;
  font-weight: 600;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: normal;
  justify-content: center;
}

ul.menu-second__level {
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  box-shadow: 1px 1px 3px #f1f1f1;
}

ul.menu-third__level {
  visibility: hidden;
  opacity: 0;
}

ul.menu-fourth__level {
  visibility: hidden;
  opacity: 0;
}

.menu > li:hover {
  background: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}

.menu-second__level li {
  border-top: 1px solid #cadfe9;
}

.menu-third__level li {
  border-top: 1px solid #00293E;
}

.menu-second__level li a:hover {
  opacity: 0.5;
}

.menu-second__item {
  list-style: none;
}
.menu-second__item:hover {
  opacity: inherit;
}
.menu-second__item a {
  height: 100%;
  display: block;
  padding: 20px;
  box-sizing: border-box;
}
.menu-second__item .init-bottom {
  padding: 0;
}

/* floatクリア */
.menu:before,
.menu:after {
  content: " ";
  display: table;
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}

.menu > li.menu-single {
  position: relative;
}

li.menu-single ul.menu-second__level {
  position: absolute;
  top: 40px;
  width: 150%;
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-top: 30px;
  padding-bottom: 0;
  text-align: left;
}

li.menu-single:hover ul.menu-second__level {
  top: 50px;
  visibility: visible;
  opacity: 1;
  padding: 0;
}

.header__menu {
  display: none;
}

.drawerRecruit-menu {
  display: none;
}

.drawer-menu.sp {
  display: none;
}

.init-bottom:hover {
  opacity: 0.5;
}

.init-bottom__text {
  color: #1C1C1C !important;
  font-size: 11px;
  font-weight: 500;
  padding: 0;
  cursor: pointer;
  pointer-events: none;
  margin: 8px 0 0 0;
}

@media screen and (max-width: 1200px) {
  .header-container {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .header {
    z-index: 2;
    position: relative;
    height: 60px;
  }
  .header-container {
    background-color: #fff;
    width: 100%;
    justify-content: unset;
  }
  .header__logo {
    width: 150px;
    padding: 15px;
  }
  .header-conpany-dis {
    gap: 10px;
  }
  .header-conpany-dis > .event > div > .all-event {
    font-size: 14px !important;
    border: 2px solid #fff !important;
  }
  .header-seminar {
    display: flex;
  }
  .header-seminar > div > img {
    transition: 0.3s;
  }
  .header-seminar .mask {
    display: none;
  }
  .header-seminar:hover > div > img {
    opacity: 0.3;
  }
  .header-seminar:hover .mask {
    opacity: 1;
  }
  .headerRecruit {
    height: 50px;
  }
  .headerRecruit-container ul {
    display: none;
  }
  .headerRecruit-logo {
    width: 84px;
  }
  .headerRecruit-logo.active .cls-1, .headerRecruit-logo.active .cls-2, .headerRecruit-logo.active .cls-3, .headerRecruit-logo.active .cls-4, .headerRecruit-logo.active .cls-5, .headerRecruit-logo.active .cls-6, .headerRecruit-logo.active .cls-7, .headerRecruit-logo.active .cls-8, .headerRecruit-logo.active .cls-9, .headerRecruit-logo.active .cls-10 {
    fill: #fff;
  }
  .headerRecruit .drawer-menu.sp .hamburger {
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 0 0 0 12px;
  }
  .headerRecruit .drawer-menu.sp .hamburger.active {
    transform: inherit;
    background: transparent;
  }
  .headerRecruit .drawer-menu.sp .hamburger.active .headerRecruit-logo {
    fill: #fff;
  }
  .headerRecruit .drawer-menu.sp .hamburger.active span:nth-child(1) {
    right: 10px;
    top: 24px;
    transform: rotate(-45deg);
  }
  .headerRecruit .drawer-menu.sp .hamburger.active span:nth-child(2) {
    width: 0;
  }
  .headerRecruit .drawer-menu.sp .hamburger.active span:nth-child(3) {
    width: 30px;
    top: 24px;
    right: 10px;
    transform: rotate(45deg);
  }
  .headerRecruit .drawer-menu.sp .hamburger span {
    background: #1C1C1C;
    left: inherit;
    right: 10px;
    transform: translateX(0);
  }
  .headerRecruit .drawer-menu.sp .hamburger span:nth-child(1) {
    top: 16px;
  }
  .headerRecruit .drawer-menu.sp .hamburger span:nth-child(2) {
    top: 24px;
    width: 25px;
  }
  .headerRecruit .drawer-menu.sp .hamburger span:nth-child(3) {
    top: 32px;
    width: 20px;
  }
  .headerRecruit .drawer-menu.sp .globalMenuSp {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .headerRecruit .drawer-menu.sp .globalMenuSp-list {
    padding: 60px 5%;
  }
  .headerRecruit .drawer-menu.sp .globalMenuSp-item {
    list-style-type: none;
    border-bottom: 1px solid #fff;
    width: 100%;
  }
  .headerRecruit .drawer-menu.sp .globalMenuSp-item:nth-last-child(2) {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: center;
    margin: 32px 0 0 0;
    padding: 16px 0;
  }
  .headerRecruit .drawer-menu.sp .globalMenuSp-item:last-of-type {
    font-size: 14px;
    border: none;
    margin: 32px 0 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .headerRecruit .drawer-menu.sp .globalMenuSp-item:last-of-type a {
    display: block;
    width: 50%;
  }
  .headerRecruit .drawer-menu.sp .globalMenuSp-item:last-of-type a svg {
    filter: invert(1);
  }
  /*　ハンバーガーボタン　*/
  .drawer-menu.sp {
    display: block;
  }
  .drawer-menu.sp .hamburger {
    display: block;
    position: fixed;
    z-index: 200;
    height: 42px;
    cursor: pointer;
    text-align: center;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
  }
  .drawer-menu.sp .hamburger.active {
    transform: inherit;
    background: transparent;
  }
  .drawer-menu.sp .hamburger.active span:nth-child(1) {
    right: 10px;
    top: 30px;
    transform: rotate(-45deg);
    background: #fff;
  }
  .drawer-menu.sp .hamburger.active span:nth-child(2) {
    width: 0;
    background: #fff;
  }
  .drawer-menu.sp .hamburger.active span:nth-child(3) {
    width: 30px;
    top: 30px;
    right: 10px;
    transform: rotate(45deg);
    background: #fff;
  }
  .drawer-menu.sp .hamburger span {
    background: #09334C;
    left: inherit;
    right: 50%;
    width: 30px;
    display: block;
    position: absolute;
    height: 2px;
    transition: 0.3s ease-in-out;
    transform: translateX(50%);
  }
  .drawer-menu.sp .hamburger span:nth-child(1) {
    top: 20px;
  }
  .drawer-menu.sp .hamburger span:nth-child(2) {
    top: 30px;
  }
  .drawer-menu.sp .hamburger span:nth-child(3) {
    top: 40px;
  }
  .drawer-menu.sp .globalMenuSp {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 2;
    position: fixed;
    top: 0;
    right: 0;
    color: #fff;
    text-align: left;
    transform: translateX(100%);
    transition: all 0.3s;
  }
  .drawer-menu.sp .globalMenuSp.active {
    transform: translateX(0%);
  }
  .drawer-menu.sp .globalMenuSp-list {
    padding: 60px 5%;
    margin: 0 auto;
    width: 100%;
  }
  .drawer-menu.sp .globalMenuSp-item {
    list-style-type: none;
    border-bottom: 1px solid #fff;
    width: 100%;
  }
  .drawer-menu.sp .globalMenuSp-item:nth-last-child(2) {
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #fff;
    text-align: center;
    margin: 32px 0 0 0;
    padding: 16px 0;
  }
  .drawer-menu.sp .globalMenuSp-item:last-of-type {
    font-size: 14px;
    border: none;
    margin: 64px 0 0 0;
  }
  .drawer-menu.sp .globalMenuSp-item:last-of-type p {
    font-size: 14px;
    font-weight: bold;
    margin: 12px 0 0 0;
  }
  .drawer-menu.sp .globalMenuSp-item:last-of-type h5 {
    font-size: 20px;
    font-weight: bold;
    margin: 12px 0 0 0;
  }
  .drawer-menu.sp .globalMenuSp-item:last-of-type a {
    font-size: 16px;
    font-weight: bold;
    margin: 12px 0 0 0;
    display: block;
    text-decoration: underline;
  }
  .drawer-menu.sp .globalMenuSp-item__link {
    font-size: 14px;
    display: flex;
    line-height: 2em;
    align-items: center;
  }
  .drawer-menu.sp .globalMenuSp-item__name {
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.6;
    position: relative;
    flex: 1;
    width: 100%;
    height: 100%;
    padding: 20px 0 20px;
    font-size: 14px;
  }
  .drawer-menu.sp .globalMenuSp-item__name:hover {
    opacity: 0.6;
  }
}
.serviceWOP {
  width: 100%;
  margin: 25px 0 250px 0;
  text-align: center;
}
.serviceWOP-title {
  font-size: 18px;
}
.serviceWOP-container {
  width: 1080px;
  margin: 0 auto 50px;
  padding-bottom: 30px;
}
.serviceWOP-container__title {
  font-size: 28px;
  padding: 27px 0 20px;
  font-weight: bold;
  text-align: left !important;
}
.serviceWOP-container__services {
  display: flex;
  text-align: center;
}
.serviceWOP-container__services--left, .serviceWOP-container__services--right {
  width: 50%;
}
.serviceWOP-container__services--rightitem {
  display: flex;
  flex-wrap: wrap;
}
.serviceWOP-container__services--marketing {
  background-image: url("/wp-content/themes/micado/img/services_bg_mkt.jpg");
  width: 100%;
  height: 350px;
  position: relative;
}
.serviceWOP-container__services--marketing::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.serviceWOP-container__services--marketing p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}
.serviceWOP-container__services--marketing span {
  color: #fff;
  display: block;
  margin-top: 20px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
}
.serviceWOP-container__services--rightbg {
  background-size: cover;
  width: 100%;
  height: 175px;
  position: relative;
}
.serviceWOP-container__services--rightbg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.serviceWOP-container__services--instagram {
  background-image: url("/wp-content/themes/micado/img/services_bg_ig.jpg");
}
.serviceWOP-container__services--rayout {
  background-image: url("/wp-content/themes/micado/img/services_bg_miray.jpg");
}
.serviceWOP-container__services--photo {
  background-image: url("/wp-content/themes/micado/img/services_bg_pht.jpg");
}
.serviceWOP-container__services--ota {
  background-image: url("/wp-content/themes/micado/img/services_bg_ota.jpg");
}
.serviceWOP-container__services--link {
  display: block;
  width: 100%;
  height: 100%;
}
.serviceWOP-container__services--link02 {
  width: 50%;
}
.serviceWOP-container__services--link02 p {
  position: absolute;
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.serviceWOP-container__services--link02 span {
  color: #fff;
  display: block;
  margin-top: 15px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
}
.serviceWOP-btn {
  text-align: center;
  transition: 0.5s;
}
.serviceWOP-btn__contact {
  width: 35%;
  font-size: 18px;
  padding: 7px;
  background-color: #fff;
  border: 2px solid #707070;
  border-radius: 5px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1254901961);
  position: relative;
  transition: 0.5s;
}
.serviceWOP-btn__contact::after {
  content: "→";
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 18px;
  padding: 7px;
}
.serviceWOP-btn__contact:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(-1deg);
}

@media screen and (max-width: 768px) {
  .serviceWOP {
    height: auto;
    margin: 50px 0 70px 0;
  }
  .serviceWOP-container {
    width: 100%;
    min-width: auto;
  }
  .serviceWOP-container__title {
    text-align: center !important;
  }
  .serviceWOP-container__services {
    display: block;
  }
  .serviceWOP-container__services--left, .serviceWOP-container__services--right {
    width: 100%;
  }
  .serviceWOP-container__services--marketing {
    height: 175px;
  }
  .serviceWOP-container__services--marketing p {
    font-size: 20px;
  }
  .serviceWOP-container__services--marketing span {
    font-size: 12px;
  }
  .serviceWOP-btn__contact {
    width: 80%;
    margin: 20px 0;
    padding: 4px;
    font-size: 14px;
  }
  .serviceWOP-btn__contact::after {
    font-size: 14px;
    padding: 4px;
  }
}
.carousel {
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.25s ease;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
}

.page-top-carousel .slick-track {
  display: flex;
}

.page-top-carousel .slick-current + .slick-active {
  margin: 0 16px;
}

.page-top-carousel-prev {
  position: absolute;
  bottom: 2px;
  right: 120px;
  width: 34px;
  height: 40px;
  background-color: #fff;
  z-index: 1;
  cursor: pointer;
}
.page-top-carousel-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #09334c transparent transparent;
}

.page-top-carousel-next {
  content: "";
  position: absolute;
  bottom: 2px;
  right: 20px;
  width: 34px;
  height: 40px;
  background-color: #fff;
  z-index: 1;
  cursor: pointer;
}
.page-top-carousel-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #09334c;
}

.slick-num {
  position: absolute;
  bottom: 2px;
  right: 57px;
  width: 60px;
  height: 40px;
  background-color: #fff;
  opacity: 0.9;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #350D5D;
}

.carousel.slick-initialized {
  opacity: 1;
}

.carousel-sp {
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.25s ease;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
}

.carousel-sp.slick-initialized {
  opacity: 1;
}

/*　背景画像設定　*/
/*矢印の設定*/
.carousel-next::before {
  display: none;
}

.carousel-prev::before {
  display: none;
}

/*========= レイアウトのためのCSS ===============*/
.slick-dotted.slick-slider {
  margin: 0;
}

.wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: auto;
}

.container {
  background: #555;
}

.container p {
  padding: 300px 0;
  text-align: center;
  color: #fff;
}

.slick-slider {
  text-align: center;
  margin: 0;
}

button.slick-next.slick-arrow {
  display: none !important;
}

button.slick-prev.slick-arrow {
  display: none !important;
}

.carousel-item1-sp {
  display: none !important;
}
.carousel-item2-sp {
  display: none !important;
}
.carousel-item3-sp {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .carousel-next:before {
    font-size: 28px;
  }
  .wrapper {
    position: relative;
    width: 100%;
    margin: 64px auto 0;
  }
  .carousel-item1-sp {
    display: block !important;
  }
  .carousel-item2-sp {
    display: block !important;
  }
  .carousel-item3-sp {
    display: block !important;
  }
  .carousel-item1 {
    display: none !important;
  }
  .carousel-item2 {
    display: none !important;
  }
  .carousel-item3 {
    display: none !important;
  }
}
.compmessage {
  width: 60%;
  text-align: center;
  margin: 150px auto 0;
  border: 1px solid #1c1c1c;
}
.compmessage-text {
  font-size: 16px;
  line-height: 1.2em;
  padding: 70px 30px;
}

.ebcomp {
  margin-bottom: 100px;
}
.ebcompmessage {
  width: 80%;
  text-align: center;
  margin: 150px auto 0;
}
.ebcompmessage-text {
  font-size: 24px;
  line-height: 1.2em;
  border-bottom: 4px solid #1570A6;
  display: inline-block;
  margin-bottom: 40px;
}
.ebcompmessage-disc {
  font-size: 20px;
  line-height: 1.2em;
  margin-bottom: 60px;
}
.ebcompmessage-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1040px;
  margin: 0 auto 100px;
}
.ebcompmessage-flex__left {
  width: 40%;
}
.ebcompmessage-flex__right {
  width: 48%;
}
.ebcompmessage-flex__right--ttl {
  font-size: 24px;
  border-bottom: 4px solid #1570A6;
  display: inline-block;
  margin: 16px 0;
}
.ebcompmessage-flex__right--seminarttl {
  font-size: 16px;
}
.ebcompmessage-flex__right--seminardate {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.ebcompmessage-flex__right--seminarlink {
  display: inline-block;
  margin-top: 20px;
  border: 4px solid #1570A6;
  padding: 10px 15px;
  font-weight: bold;
  font-size: 16px;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.ebcompmessage-flex__right--seminarlink:hover {
  transition: all 0.2s ease-in-out;
}
.ebcompmessage-seminarvideo {
  width: 60%;
  max-width: 1040px;
  display: block;
  margin: 0 auto 200px;
}

.compslider {
  margin: 0 0 80px;
}
.compslider-item1 {
  font-size: 80px;
  color: #176B9D;
  font-weight: bold;
  margin: 0 60px 0 120px;
  display: inline-block;
}
.compslider-item2 {
  font-size: 80px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .ebcompmessage {
    width: 100%;
    margin: 100px auto 0;
  }
  .ebcompmessage-text {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #1570A6;
  }
  .ebcompmessage-disc {
    font-size: 12px;
    margin-bottom: 20px;
  }
  .ebcompmessage-flex {
    display: block;
    margin: 0 auto 50px;
  }
  .ebcompmessage-flex__left {
    width: 80%;
    margin: 0 auto 30px;
  }
  .ebcompmessage-flex__right {
    width: 90%;
    margin: 0 auto 30px;
  }
  .ebcompmessage-flex__right--ttl {
    font-size: 16px;
  }
  .ebcompmessage-flex__right--seminardate {
    font-size: 12px;
  }
  .ebcompmessage-seminarvideo {
    width: 100%;
    margin: 0 auto 50px;
  }
  .compslider {
    margin: 0 0 30px;
  }
  .compslider-item1 {
    font-size: 50px;
    color: #176B9D;
    font-weight: bold;
    margin: 0 30px 0 60px;
    display: inline-block;
  }
  .compslider-item2 {
    font-size: 50px;
    font-weight: bold;
  }
}
.ebform {
  display: flex;
  width: 80%;
  min-width: 1260px;
  margin: 150px auto 120px;
  justify-content: space-between;
}
.ebform-left {
  width: 21%;
  min-width: 200px;
}
.ebform-left__blog {
  margin-top: 60px;
}
.ebform-left__imgsp {
  display: none;
}
.ebform-center {
  width: 41%;
  min-width: 450px;
}
.ebform-center__ttl {
  font-size: 24px;
  border-bottom: 1px solid #BFBFBF;
  line-height: 1.3em;
  padding-bottom: 10px;
}
.ebform-center__recommend {
  font-size: 16px;
  background-color: #F7F7F7;
  padding: 20px 10px;
  font-weight: 500;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.231372549);
}
.ebform-center__recommendds {
  margin: 0;
  padding-top: 10px;
  line-height: 1.3em;
}
.ebform-center__dsc {
  font-size: 16px;
  padding: 25px 0;
  line-height: 1.3em;
}
.ebform-center__otherttl {
  font-size: 18px;
  font-weight: 500;
}
.ebform-center__ebooks {
  display: flex;
  margin: 15px auto;
  margin-top: 15px;
  justify-content: space-between;
}
.ebform-center__img {
  width: 30%;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3490196078);
}
.ebform-center__img:hover {
  opacity: 0.5;
}
.ebform-center__btn {
  background-color: #fff;
  border: 1px solid #00334E;
  border-radius: 7px;
  padding: 7px 30px;
  font-size: 18px;
  margin: 15px 0;
}
.ebform-center__btn:hover {
  opacity: 0.5;
  cursor: pointer;
  cursor: hand;
}
.ebform-center__seminar {
  margin: 15px 0;
}
.ebform-center__seminarttl {
  font-size: 18px;
  padding: 10px 0;
  line-height: 1.2em;
  font-weight: 500;
}
.ebform-center__seminarblc {
  margin-top: 15px;
  padding: 30px;
  background-color: #fff;
  box-shadow: 2px 2px 5px rgba(0, 51, 78, 0.1294117647);
}
.ebform-center__seminardate {
  font-size: 16px;
}
.ebform-center__seminarlink {
  margin-top: 15px;
  padding: 7px 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #00334E;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
}
.ebform-center__seminarlink:hover {
  opacity: 0.5;
  cursor: pointer;
  cursor: hand;
}
.ebform-right {
  width: 27%;
}
.ebform-right__container {
  background-color: #A1C4D6;
  border-radius: 20px;
  padding: 40px 25px 0 25px;
  position: sticky;
  top: 100px;
  min-width: 300px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.368627451);
  overflow-y: auto;
  max-height: calc(100vh - 160px);
}
.ebform-right__dsc {
  font-weight: 500;
  color: #122536;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}
.ebform-right__caution {
  font-size: 12px;
  color: #122536;
  padding: 4px 0;
  margin: 0 0 12px 0;
}
.ebform-right__form {
  background-color: #122536;
  border-radius: 10px;
  padding: 40px 25px 0 25px;
}
.ebform-right__form p {
  color: white;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
}

.leftnews-ttl {
  font-size: 24px;
}
.leftnews-post__item {
  padding: 20px 0;
  border-top: 1px solid #BFBFBF;
  position: relative;
}
.leftnews-post__date {
  padding: 7px 0;
  font-size: 12px;
}
.leftnews-post__title {
  margin: 0;
  line-height: 1.2em;
  font-size: 14px;
}
.leftnews-post__link {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*ebookダウンロードフォーム*/
.ebform-right__form .wpcf7-form {
  color: #fff;
}

.text-danger {
  color: #DE3B60;
}

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

p.form_privacy {
  font-size: 12px;
  line-height: 1.4em;
}

.wpcf7 input[type=submit] {
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  border: none;
  background: #DE3B60;
  transition: 0.3s;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.wpcf7 input[type=submit]:hover {
  cursor: pointer;
  cursor: hand;
}

.wpcf7-submit:hover {
  background: #283092;
  transform: translate3d(0px, 3px, 1px);
  -webkit-transform: translate3d(0px, 3px, 1px);
  -moz-transform: translate3d(0px, 3px, 1px);
}

.ebook_newpost .eael-grid-post-holder {
  box-shadow: none;
}

.ebook_newpost .eael-entry-media {
  width: 30%;
}

.ebook_newpost .eael-entry-wrapper {
  width: 70%;
}

.ebook_newpost .eael-grid-post-holder-inner {
  display: flex;
}

.ebook_newpost h2 {
  margin-bottom: 0px;
  line-height: 1.4;
  font-size: 10px;
}

.ebook_newpost time {
  font-size: 10px;
}

.ebook_newpost .eael-grid-post .eael-entry-wrapper, .eael-grid-post .eael-entry-footer {
  padding: 0 0 0 15px;
}

.ebook_newpost .eael-entry-media {
  display: flex;
  vertical-align: middle;
  margin: auto;
}

.ebook_newpost article.eael-grid-post.eael-post-grid-column:first-child {
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}

.ebook_newpost article.eael-grid-post.eael-post-grid-column:nth-child(2) {
  border-bottom: 1px solid #c5c5c5;
}

.ebook_newpost article.eael-grid-post.eael-post-grid-column:nth-child(3) {
  border-bottom: 1px solid #c5c5c5;
}

.ebook_seminar .eael-grid-post-holder-inner {
  padding: 20px;
}

.ebook_seminar .eael-grid-post-excerpt {
  text-align: center;
}

.ebook_seminar h2.eael-entry-title {
  font-size: 24px;
}

.ebook_seminar a.eael-post-elements-readmore-btn {
  width: 100%;
}

.wpcf7-form-control.wpcf7-select {
  height: 40px;
  margin: 8px auto 16px;
  width: 100%;
  padding-left: 15px;
}
.wpcf7-form-control.wpcf7-select:hover {
  cursor: pointer;
  cursor: hand;
}

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  height: 40px;
  margin-top: 8px;
}

.wpcf7-form-control.wpcf7-text {
  height: 40px;
  margin-top: 8px;
}

.wpcf7-form-control.wpcf7-textarea {
  margin-top: 8px;
}

.ajax-loader {
  display: none !important;
}

.privacy {
  border-bottom: 1px solid;
}

.button-openeb {
  display: none;
}

.wpcf7-form-control.wpcf7-text {
  height: 40px;
  margin-top: 8px;
  display: block;
  width: 100%;
}

.level .wpcf7-radio {
  display: block;
  margin-top: 20px;
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
  margin-top: 60px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  margin-top: 60px;
}

.button-closesp {
  display: none;
}

@media screen and (max-width: 768px) {
  .ebform {
    flex-direction: column;
    width: 90%;
    min-width: 300px;
    margin: 20px auto 50px;
  }
  .ebform-left {
    display: none;
  }
  .ebform-left__img {
    position: absolute;
    width: 24%;
    top: 370px;
  }
  .ebform-left__imgsp {
    display: block;
    width: 30%;
  }
  .ebform-center {
    width: 100%;
    min-width: auto;
  }
  .ebform-center__ttl {
    font-size: 18px;
  }
  .ebform-center__recommend {
    font-size: 12px;
    width: 70%;
    padding: 10px;
  }
  .ebform-center__dsc {
    font-size: 14px;
  }
  .ebform-center__btn {
    font-size: 14px;
  }
  .ebform-center__seminarttl {
    font-size: 15px;
  }
  .ebform-center__seminardate {
    font-size: 14px;
  }
  .ebform-center__seminarlink {
    font-size: 15px;
  }
  .ebform-right {
    display: none;
    position: fixed;
    width: 80%;
    height: 75%;
    z-index: 11;
    margin: 100px auto 0;
    background-color: #A1C4D6;
    inset: 0;
    border-radius: 30px;
    padding: 20px 20px 40px 20px;
    overflow-y: scroll;
  }
  .ebform-right__form .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-text {
    padding-left: 15px;
    width: 100%;
    height: 40px;
  }
  .ebform-right__form .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-validates-as-required {
    margin-bottom: 15px;
  }
  .ebform-right__form .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-form-control {
    margin-bottom: 15px;
  }
  .ebform-right__form .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-list-item {
    border: none;
    padding: 10px 16px;
  }
  .ebform-sp__flex {
    display: flex;
  }
  .button-openeb {
    display: block;
    width: 70%;
    background-color: #050C64;
    margin: 0 auto 30px;
    font-size: 16px;
    text-align: center;
    border-radius: 6px;
  }
  .button-openeb__text {
    color: #fff;
    padding: 7px 0;
  }
  .button-closesp {
    display: none;
    width: 30px;
    height: 30px;
    right: 40px;
    position: relative;
    margin: 0 0 0 auto;
    margin-bottom: 10px;
    transition: 0.3s linear;
    z-index: 1;
    position: fixed;
  }
  .button-closesp:hover {
    cursor: pointer;
    cursor: hand;
    opacity: 0.6;
    transition: 0.5s;
    transform: rotate(45deg);
    transition: 0.3s linear;
  }
  .button-closesp::before, .button-closesp::after {
    content: "";
    display: block;
    width: 100%; /*バツ線の長さ*/
    height: 3px; /*バツ線の太さ*/
    background: #000;
    transform: rotate(45deg);
    transform-origin: 0% 50%;
    position: absolute;
    top: calc(14% - 5px);
    left: 14%;
  }
  .button-closesp::after {
    transform: rotate(-45deg);
    transform-origin: 100% 50%;
    left: auto;
    right: 14%;
  }
}
.sidebar {
  width: 23%;
  max-width: 335px;
}
.sidebar-wrap {
  margin-bottom: 30px;
}
.sidebar-wrap1:hover {
  opacity: 0.6;
}
.sidebar-wrap2 {
  margin: 30px 0;
  position: sticky;
  margin-bottom: 65px;
  top: 100px;
  z-index: 1;
}
.sidebar-wrap2__img:hover {
  opacity: 0.6;
}
.sidebar-wrap2__seminarBtn {
  padding: 12px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background: #2E4E76;
  border: 0;
  margin-top: 12px;
  letter-spacing: 0.7px;
  line-height: 1.5;
  color: #FFFFFF;
  display: block;
  position: relative;
}
.sidebar-wrap2__seminarBtn::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0;
}
.sidebar-wrap3 {
  margin: 30px 0;
}
.sidebar-wrap3:hover {
  opacity: 0.6;
}
.sidebar-wrap4 {
  transition-duration: 0.4s;
  position: relative;
}
.sidebar-wrap4__image02 {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.sidebar-wrap4:hover .sidebar-wrap4__image02 {
  opacity: 1;
  transition-duration: 0.4s;
}
.sidebar-wrap4:hover .sidebar-wrap4__image01 {
  opacity: 0;
  transition-duration: 0.4s;
}
.sidebar-container {
  height: 100%;
}
.sidebar-container .article-tags h2 {
  font-size: 16px;
  margin: 20px 0 16px;
}
.sidebar-container .article-tags__list li {
  margin: 8px 8px 0 0;
}
.sidebar-category__list {
  margin: 24px 0;
  padding: 24px 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.sidebar-category__item {
  display: block;
}
.sidebar-category__inner {
  display: flex;
  align-items: center;
  color: inherit;
}
.sidebar-category__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 29px;
  width: 29px;
  height: 29px;
  margin: 0 10px 0 0;
  background: #0BAAB9;
  border: 2px solid #0BAAB9;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  transition: background 0.25s ease, color 0.25s ease;
}
.sidebar-category__icon img {
  width: 20px;
  height: 20px;
}
.sidebar-category__author {
  margin-top: 0px;
  margin-left: 0px;
  font-size: 17px;
}
.sidebar-category__name {
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
  position: relative;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 13px 0 13px;
  font-size: 13px;
}
.sidebar-category__name:hover {
  opacity: 0.6;
}
.sidebar-category__arrow {
  position: absolute;
  top: 27%;
  right: -3px;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
}
.sidebar-category__arrow::after {
  content: "〉";
}
.sidebar-recommend {
  margin: 0 0 24px 0;
  padding: 0 0 24px 0;
  border-bottom: 1px solid #dddddd;
}
.sidebar-recommend li {
  padding: 0;
}
.sidebar-recommend__list {
  margin: 0 0 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.sidebar-recommend__list:hover {
  opacity: 0.7;
}
.sidebar-recommend__list::before {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: -6px;
  left: -6px;
  width: 24px;
  height: 24px;
  background: #999999;
  z-index: 9;
  transition: 0.2;
}
.sidebar-recommend__list:first-of-type::before {
  content: "1";
  background: linear-gradient(to right, #D6B95D, #95640A);
}
.sidebar-recommend__list:nth-of-type(2)::before {
  content: "2";
  background: linear-gradient(to right, #DDDDDD, #999999);
}
.sidebar-recommend__list:nth-of-type(3)::before {
  content: "3";
  background: linear-gradient(to right, #95640A, #5C400C);
}
.sidebar-recommend__list a {
  width: 30%;
  opacity: inherit !important;
}
.sidebar-recommend__list a:hover {
  opacity: inherit !important;
}
.sidebar-recommend__list a img {
  aspect-ratio: 1;
  max-width: 80px;
  object-fit: cover;
  border-radius: 8px;
}
.sidebar-recommend__list p {
  width: 65%;
  font-size: 14px;
  line-height: 1.7;
}
.sidebar-recommend__item {
  display: flex;
}
.sidebar-recommend__item a {
  width: 40%;
}
.sidebar-recommend__item a:hover {
  opacity: 0.6;
}
.sidebar-recommend__text {
  padding-left: 10px;
  font-size: 12px;
  width: 60%;
}
.sidebar-recommend__title {
  margin-top: 10px;
  line-height: 1.2em;
}
.sidebar-recommend__heading {
  color: #222222;
  margin: 0 0 16px 0;
}

.widget_block {
  padding: 0 10px;
}

.article-container {
  position: relative;
}

@media screen and (max-width: 1400px) {
  .sidebar {
    width: 21%;
    min-width: 230px;
  }
}
.breadcrumbs-single {
  padding: 15px 0 60px 0;
  color: #CE858F;
  font-family: "source-han-sans-japanese", sans-serif;
  font-size: 12px;
  margin-left: -2%;
}
.breadcrumbs-single-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 10%;
}
.breadcrumbs-single-inner a {
  margin: 4px 4px 4px 0;
}
.breadcrumbs-single-inner p {
  margin: 4px 4px 4px 0;
  color: #1A1B35;
}
.breadcrumbs-single-inner .name-disc {
  color: #1A1B35;
  font-family: "source-han-sans-japanese", sans-serif;
  font-size: 12px;
}

.blog-banner-content {
  /* 初期状態では透明度を0に設定 */
  opacity: 0;
  transition: opacity 1s ease; /* 透明度の変化に1秒かける */
  cursor: pointer;
  position: fixed;
  bottom: 40px;
  right: 60px;
  z-index: 10;
}
.blog-banner-content .blog-banner img {
  width: 200px;
  height: auto;
}
.blog-banner-content .closeModal {
  cursor: pointer;
  position: absolute;
  top: -35px;
  right: -2px;
  color: #8F8F9F;
  font: normal normal normal 12px/32px "source-han-sans-japanese", sans-serif;
}
.blog-banner-content .closeModal svg {
  margin: 0 0 -7px -7px;
}

.custom-banner-content {
  /* 初期状態では透明度を0に設定 */
  opacity: 0;
  transition: opacity 1s ease; /* 透明度の変化に1秒かける */
  cursor: pointer;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5019607843);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  gap: 20px;
  z-index: 20;
}
.custom-banner-content a:hover {
  opacity: 1;
}
.custom-banner-content .inner {
  width: 720px;
}
.custom-banner-content .closeModal {
  cursor: pointer;
  width: 720px;
  text-align: right;
  color: #fff;
  font: normal normal normal 16px/32px "source-han-sans-japanese", sans-serif;
}
.custom-banner-content .closeModal svg {
  margin: 0 0 -7px -7px;
}

@media screen and (max-width: 768px) {
  .custom-banner-content {
    gap: 12px;
  }
  .custom-banner-content a:hover {
    opacity: 1;
  }
  .custom-banner-content .inner {
    width: 80%;
  }
  .custom-banner-content .closeModal {
    width: 80%;
  }
}
.article {
  width: 83%;
  margin: 0 auto;
  /*アコーディオン全体*/
}
.article-container {
  display: flex;
  justify-content: space-between;
}
.article-flex {
  width: 65%;
  margin: 0 auto;
}
.article-frame {
  margin-bottom: 32px;
}
.article-frame__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 16px 0;
}
.article-frame__flex p {
  font-size: 14px;
  color: #999999;
}
.article-frame__title {
  font-size: 28px;
  line-height: 1.4;
  letter-spacing: 1.12px;
  margin: 0 0 16px 0;
  color: #222222;
  font-family: "source-han-sans-japanese", sans-serif;
}
.article-frame__date {
  font-size: 14px;
  text-align: right;
}
.article-frame__category {
  font-size: 14px;
  display: inline-block;
  color: #2170A6;
  letter-spacing: 0.56px;
}
.article-frame__category a {
  margin: 0 8px 0 0;
}
.article-frame__dates {
  display: flex;
  align-items: center;
}
.article-frame__dates > div {
  display: flex;
  align-items: center;
  margin: 0 40px 0 0;
}
.article-frame__dates > div > img {
  width: 18px;
  height: 18px;
}
.article-frame__dates > div > p {
  margin: 0 0 0 16px;
  color: #555555;
}
.article-frame__tag {
  color: #2F2F2F;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
  padding: 5px;
  font-size: 14px;
  margin: 0 8px 8px 0;
  display: inline-block;
}
.article .accordion-area > div {
  border: 2px solid #2E4E76;
  border-radius: 4px;
  width: 320px;
  margin: 0 auto 32px;
  text-align: center;
}
.article .accordion-area > div.close {
  width: 100%;
}
.article .accordion-area .title {
  position: relative;
  cursor: pointer;
  padding: 20px 0;
  transition: all 0.5s ease;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  color: #2E4E76;
  display: flex;
  justify-content: center;
  align-items: center;
}
.article .accordion-area .title img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
  margin: 0 0 0 12px;
}
.article .accordion-area .title::before,
.article .accordion-area .title::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 2px;
  background-color: #2E4E76;
  top: 48%;
  right: 20px;
  display: none;
}
.article .accordion-area .title.close::before {
  transform: rotate(45deg);
  display: block;
}
.article .accordion-area .title.close::after {
  transform: rotate(-45deg);
  display: block;
}
.article .accordion-area .box {
  display: none;
  width: 78%;
  margin: 0 auto 40px;
  text-align: left;
  font-size: 14px;
  line-height: 1.6;
  color: #222;
}
.article-content {
  margin: 0 0 60px 0;
}
.article-content strong {
  font-family: “source-han-sans-japanese”, sans-serif;
}
.article-content a {
  color: #2170A6;
}
.article-content p {
  font-size: 16px;
  line-height: 1.8;
}
.article-content img {
  border-radius: 8px;
  margin: 0 0 32px 0;
}
.article-content h2 {
  font-size: 24px;
  padding: 16px 0;
  margin: 32px 0;
  border-bottom: solid 1px #DDDDDD;
  position: relative;
  line-height: 1.8;
}
.article-content h2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 20%;
  border-bottom: 2px solid #2170A6;
}
.article-content h3 {
  position: relative;
  font-size: 24px;
  margin: 32px auto 16px;
  padding: 32px 0 0 16px;
  border-top: 1px solid #dddddd;
}
.article-content h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 2px;
  height: 28px;
  background: #2170A6;
}
.article-content h4 {
  font-size: 20px;
  line-height: 1.4;
}
.article-content h6 {
  font-size: 16px;
  line-height: 1.4;
  font-weight: normal;
}
.article-content ol {
  font-size: 16px;
}
.article-content ol li {
  list-style: inherit;
  line-height: 1.8;
}
.article-content blockquote {
  margin: 12px 0;
  padding: 0 0 8px 12px;
  border-left: 3px solid #000000;
}
.article-content blockquote p {
  line-height: 2;
}
.article-content blockquote ul {
  margin: 16px 0 16px 32px;
}
.article-content blockquote ul li {
  font-size: 16px;
  line-height: 1.5;
  position: relative;
}
.article-content blockquote ul li::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 9px;
  width: 5px;
  height: 5px;
  background-color: #000;
  border-radius: 50%;
}
.article-content blockquote ul li strong {
  font-weight: bold;
}
.article-content blockquote cite {
  font-style: normal !important;
  font-size: 12px;
}
.article-content blockquote cite strong {
  font-weight: bold;
}
.article-content blockquote cite a {
  text-decoration: underline;
}
.article-attention {
  margin: 0 0 32px 0;
}
.article-attention p {
  font-size: 14px;
  color: #999999;
  line-height: 1.8;
}
.article-tags {
  margin: 0 0 32px 0;
}
.article-tags__list {
  margin: 0 0 32px 0;
  padding: 0 0 32px 0;
  border-bottom: 1px solid #dddddd;
}
.article-tags__list li {
  display: inline-block;
  font-size: 14px;
  padding: 5px 7px;
  margin: 20px 8px 0 0;
  color: #2F2F2F;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
}
.article-thumbnail {
  display: flex;
  height: 260px;
  justify-content: space-between;
}
.article-thumbnail__seminar {
  width: 50%;
}
.article-thumbnail__carousel {
  width: 50%;
}
.article-author__heading {
  font-size: 20px;
  border-left: 2px solid #707070;
  padding-left: 5px;
}
.article-author__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.article-author__img {
  width: 80px;
  height: 80px;
}
.article-author__img img {
  border-radius: 50%;
  aspect-ratio: 1;
  object-fit: cover;
}
.article-author__description {
  width: calc(100% - 100px);
}
.article-author__name {
  font-size: 16px;
  margin: 0 0 8px 0px;
  letter-spacing: 0.64px;
  color: #222222;
}
.article-author__text {
  font-size: 12px;
  line-height: 1.7;
  color: #999999;
  letter-spacing: 0.48px;
}
.article-category__title {
  background-color: #676767;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  padding: 4px 10px;
  display: inline-block;
  width: 80px;
  text-align: center;
  margin-bottom: 10px;
}
.article-category__cat {
  font-size: 12px;
  color: #0014FF;
  margin-left: 10px;
}
.article-tags__title {
  background-color: #676767;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  padding: 4px 10px;
  display: inline-block;
  width: 80px;
  text-align: center;
}
.article-tags__tag {
  font-size: 12px;
  color: #0014FF;
  margin-left: 10px;
}
.article-recommend__heading {
  font-size: 24px;
  border-left: 2px solid #707070;
  padding-left: 10px;
  margin-left: 10px;
}
.article-seminar {
  display: none;
}
.article-ebook {
  display: none;
}
.article-whitepaper {
  border-radius: 20px;
  border: 4px solid #193D50;
  padding: 28px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 60px 0;
}
.article-whitepaper__left {
  width: 25%;
}
.article-whitepaper__left h3 {
  font-size: 20px;
  line-height: 1.5;
  border-left: 2px solid #2170A6;
  padding: 0 0 0 12px;
  margin: 0;
  letter-spacing: 0.96px;
  font-family: "source-han-sans-japanese", sans-serif;
  color: #222222;
}
.article-whitepaper__left p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  margin: 40px 0;
  letter-spacing: 0.64px;
  color: #000000;
  font-family: "source-han-sans-japanese", sans-serif;
}
.article-whitepaper__left a {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 12px 48px 12px 24px;
  background-color: #E65D72;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  letter-spacing: 0.8px;
}
.article-whitepaper__left a::after {
  content: "→";
  position: absolute;
  top: 50%;
  right: 43px;
  color: #fff;
  transform: translate(100%, -50%);
}
.article-whitepaper__right {
  width: 70%;
  display: flex;
  justify-content: space-between;
}
.article-whitepaper__right a {
  position: relative;
  width: 49%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3215686275);
  transition: 0.2s;
}
.article-whitepaper__right a img {
  width: 100%;
}
.article-whitepaper__right a:hover {
  box-shadow: none;
}
.article-whitepaper__right a div {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition: 0.2s;
}
.article-whitepaper__right a div:hover {
  opacity: 1;
}
.article-whitepaper__right a div p {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.article-whitepaper__right a div img {
  width: 40px;
  height: 40px;
  margin: 12px 0 0 0;
}
.article-floatBanner {
  width: 270px;
  height: 280px;
  position: fixed;
  bottom: 30px;
  right: 50px;
  z-index: 10;
  display: none;
  transition: 0.5s;
}
.article-floatBanner.open {
  display: block;
  animation: fadeIn 0.7s;
}
.article-floatBanner__inner {
  position: relative;
}
.article-floatBanner__inner span {
  position: absolute;
  top: -30px;
  right: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #F7F7F9;
  cursor: pointer;
}
.article-floatBanner__inner span:hover {
  opacity: 0.7;
}
.article-floatBanner__inner span::before {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  height: 10px;
  width: 2px;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: black;
}
.article-floatBanner__inner span::after {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  height: 10px;
  width: 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-color: black;
}
.article-floatBanner__inner a {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 16px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.2s;
}
.article-floatBanner__inner a:hover {
  opacity: 0.9;
}
.article-floatBanner__inner a img {
  border-radius: 16px;
}
.article-popup {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 11;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.article-popup.open {
  display: flex;
  align-items: center;
  animation: fadeIn 0.7s;
}
.article-popup__overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
}
.article-popup__close {
  position: absolute;
  top: -30px;
  right: 12px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #F7F7F9;
  cursor: pointer;
}
.article-popup__close::before {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  height: 10px;
  width: 2px;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: black;
}
.article-popup__close::after {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  height: 10px;
  width: 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-color: black;
}
.article-popup__inner {
  width: 45%;
  margin: auto;
  position: relative;
  z-index: 11;
}
.article-popup__inner a {
  display: block;
  width: 100%;
  height: 100%;
}
.article-popup__inner a img {
  width: 100%;
}
.article-popup__inner a:hover {
  opacity: 1;
}

.article-author2__container2 {
  display: none;
}

.widgetarticle-recommend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px;
  border: 1px solid #707070;
}
.widgetarticle-recommend__list:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(-1deg);
}
.widgetarticle-recommend__list:first-child {
  width: 44%;
  padding-right: 5%;
  padding-bottom: 30px;
  position: relative;
}
.widgetarticle-recommend__list:first-child .widgetarticle-recommend__title {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.5;
}
.widgetarticle-recommend__list:first-child .widgetarticle-recommend__date {
  float: right;
}
.widgetarticle-recommend__list:first-child::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 160px;
  display: inline-block;
  width: 1px;
  height: 35%;
  transform: translate(-50%);
  background-color: #707070;
}
.widgetarticle-recommend__list:nth-child(2) {
  width: 44%;
  padding-left: 5%;
  padding-bottom: 30px;
}
.widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__title {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.5;
}
.widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__date {
  float: right;
}
.widgetarticle-recommend__list:nth-child(3) {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #707070;
}
.widgetarticle-recommend__list:nth-child(3) .widgetarticle-recommend__thumbnail {
  width: 27%;
}
.widgetarticle-recommend__list:nth-child(3) .widgetarticle-recommend__thumbnail a img {
  width: 100%;
  height: 90px;
  object-fit: cover;
}
.widgetarticle-recommend__list:nth-child(3) .widgetarticle-recommend__title {
  padding-bottom: 10px;
  line-height: 1.5;
}
.widgetarticle-recommend__list:nth-child(3) .widgetarticle-recommend__title a {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 50px;
  z-index: 1;
}
.widgetarticle-recommend__list:nth-child(3) .widgetarticle-recommend__description {
  position: relative;
  width: 70%;
}
.widgetarticle-recommend__list:nth-child(3) .widgetarticle-recommend__description .widgetarticle-recommend__date {
  position: absolute;
  bottom: 0;
  left: 0;
}
.widgetarticle-recommend__list:nth-child(4) {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #707070;
}
.widgetarticle-recommend__list:nth-child(4) .widgetarticle-recommend__thumbnail {
  width: 27%;
}
.widgetarticle-recommend__list:nth-child(4) .widgetarticle-recommend__thumbnail a img {
  width: 100%;
  height: 90px;
  object-fit: cover;
}
.widgetarticle-recommend__list:nth-child(4) .widgetarticle-recommend__title {
  padding-bottom: 10px;
  line-height: 1.5;
}
.widgetarticle-recommend__list:nth-child(4) .widgetarticle-recommend__title a {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 50px;
  z-index: 1;
}
.widgetarticle-recommend__list:nth-child(4) .widgetarticle-recommend__description {
  position: relative;
  width: 70%;
}
.widgetarticle-recommend__list:nth-child(4) .widgetarticle-recommend__description .widgetarticle-recommend__date {
  position: absolute;
  bottom: 0;
  left: 0;
}
.widgetarticle-recommend__list:last-child {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
}
.widgetarticle-recommend__list:last-child .widgetarticle-recommend__thumbnail {
  width: 27%;
}
.widgetarticle-recommend__list:last-child .widgetarticle-recommend__thumbnail a img {
  width: 100%;
  height: 90px;
  object-fit: cover;
}
.widgetarticle-recommend__list:last-child .widgetarticle-recommend__title {
  padding-bottom: 10px;
  line-height: 1.5;
}
.widgetarticle-recommend__list:last-child .widgetarticle-recommend__title a {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 50px;
  z-index: 1;
}
.widgetarticle-recommend__list:last-child .widgetarticle-recommend__description {
  position: relative;
  width: 70%;
}
.widgetarticle-recommend__list:last-child .widgetarticle-recommend__description .widgetarticle-recommend__date {
  position: absolute;
  bottom: 0;
  left: 0;
}
.widgetarticle-recommend__title {
  font-size: 16px;
  font-weight: bold;
  display: inline-table;
}
.widgetarticle-recommend__date {
  font-size: 11px;
}

.recommmend-categoryArticle {
  margin: 0 0 80px;
}
.recommmend-categoryArticle h2 {
  font-size: 20px;
  font-weight: bold;
  color: #1A1B35;
}
.recommmend-categoryArticle .widget > ul {
  display: flex;
  justify-content: space-between;
}
.recommmend-categoryArticle .widget > ul > li {
  width: 48%;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #E6E6EF;
  border-bottom: 1px solid #E6E6EF;
  cursor: pointer;
  margin: 0;
}
.recommmend-categoryArticle .widget > ul > li:hover {
  opacity: 0.6;
}
.recommmend-categoryArticle .widget > ul > li .left {
  width: 30%;
  padding: 16px 0;
}
.recommmend-categoryArticle .widget > ul > li .left > a img {
  aspect-ratio: 4/3;
  object-fit: cover;
}
.recommmend-categoryArticle .widget > ul > li .left > a:hover {
  opacity: 1;
}
.recommmend-categoryArticle .widget > ul > li .right {
  width: 68%;
  padding: 16px 0;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.recommmend-categoryArticle .widget > ul > li .right > a {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  color: #1A1B35;
  display: block;
  z-index: 1;
}
.recommmend-categoryArticle .widget > ul > li .right > a:hover {
  opacity: 1;
}
.recommmend-categoryArticle .widget > ul > li .right > div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: #1A1B35;
  font-size: 12px;
  margin: 8px 0 0;
  z-index: 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .blog-single-wrapper {
    padding: 64px 0 0 0;
  }
  .breadcrumbs-single {
    padding: 0;
    margin: 0 auto;
    font-size: 10px;
  }
  .breadcrumbs-single-inner {
    width: 90%;
    height: fit-content;
    flex-wrap: wrap;
    margin: 10px 5% 42px;
  }
  .breadcrumbs-single-inner a {
    font-size: 10px;
    margin: 4px 4px 4px 0;
  }
  .breadcrumbs-single-inner p {
    font-size: 10px;
    line-height: 1.5;
    margin: 4px 4px 4px 0;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .article {
    width: 90%;
    margin: 20px auto;
  }
  .article-container {
    display: block;
  }
  .article-flex {
    width: 100%;
  }
  .article-frame {
    border: none;
    padding: 0;
  }
  .article-frame__title {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.8px;
  }
  .article-frame__date {
    font-size: 12px;
  }
  .article-frame__category {
    padding: 0;
    font-size: 12px;
    letter-spacing: 0.48px;
  }
  .article-frame__dates > div > img {
    width: 14px;
    height: 14px;
  }
  .article-frame__dates > div > p {
    margin: 0 0 0 16px;
    color: #555555;
    font-size: 12px;
  }
  .article-frame__dates > p {
    font-size: 12px;
  }
  .article-frame__tag {
    padding: 4px 8px;
    font-size: 12px;
  }
  .article-content {
    margin: 0 0 40px 0;
  }
  .article-content img {
    margin: 0 0 20px 0;
  }
  .article-content h2 {
    padding: 0 0 10px;
    line-height: 1.8;
    font-size: 16px;
    margin: 24px 0;
    font-family: "source-han-sans-japanese", sans-serif;
  }
  .article-content h2 span {
    font-size: 18px !important;
  }
  .article-content h3 {
    font-size: 14px;
    line-height: 1.5;
    font-family: "source-han-sans-japanese", sans-serif;
  }
  .article-content h3 span {
    font-size: 14px !important;
  }
  .article-content h4 {
    font-size: 14px !important;
    line-height: 1.4;
  }
  .article-content h4 span {
    font-size: 14px !important;
  }
  .article-content h6 {
    font-size: 12px;
    line-height: 1.4;
    font-weight: normal;
  }
  .article-content h6 span {
    font-size: 14px !important;
  }
  .article-content p {
    font-size: 14px;
    line-height: 1.7;
  }
  .article-tags__list {
    margin: 0 0 44px 0;
    padding: 0 0 44px 0;
    color: #2F2F2F;
    font-size: 12px;
  }
  .article-tags__list li {
    margin: 8px 8px 0 0;
  }
  .article .custom-tag-single .article-tags__list {
    border-bottom: none;
    padding: 0;
  }
  .article-author__container {
    align-items: flex-start;
  }
  .article-author2 {
    padding: 0;
  }
  .article-author2__container2 {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .article-author2__description {
    width: 80%;
    margin: auto;
    margin-left: 20px;
  }
  .article-author2__img {
    width: 25%;
  }
  .article-author2__img img {
    border-radius: 50%;
  }
  .article-author2__name {
    margin: 0;
    font-size: 12px;
  }
  .article-whitepaper {
    flex-direction: column;
    padding: 20px;
    margin: 0 0 34px 0;
  }
  .article-whitepaper__left {
    width: 100%;
  }
  .article-whitepaper__left h3 {
    font-size: 20px;
  }
  .article-whitepaper__left p {
    font-size: 14px;
    margin: 12px 0;
  }
  .article-whitepaper__left a {
    font-size: 16px;
    padding: 8px 36px 8px 16px;
  }
  .article-whitepaper__left a::after {
    right: 30px;
  }
  .article-whitepaper__left .btn-freeservice-ebook-PC {
    display: none;
  }
  .article-whitepaper__right {
    width: 100%;
    margin: 24px 0 0 0;
  }
  .article-whitepaper .btn-freeservice-ebook-SP {
    font-size: 16px;
    padding: 12px 46px 12px 24px;
    font-weight: bold;
    color: #fff;
    background-color: #E65D72;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    letter-spacing: 0.8px;
    margin: 40px 0 20px;
  }
  .article-whitepaper .btn-freeservice-ebook-SP::after {
    content: "→";
    position: absolute;
    top: 50%;
    right: 40px;
    color: #fff;
    transform: translate(100%, -50%);
  }
  .article-tags {
    display: none;
  }
  .article .sidebar {
    margin-top: 60px;
  }
  .article-recommend__heading {
    width: 100%;
    margin: 30px auto 10px;
    display: block;
    background-color: #e2e2e2;
    padding: 15px 0px;
    position: relative;
    font-size: 18px;
    text-align: center;
    border: none;
  }
  .article-recommend__heading::before {
    border-left: 2px solid #2e70e6;
    content: "";
    flex-grow: 1;
    height: 27px;
    margin-right: 1rem;
    position: absolute;
    left: 20px;
    top: 10px;
  }
  .article-seminar {
    display: block;
  }
  .article-seminar__ttl {
    font-size: 14px;
    margin: 10px 0 10px;
    line-height: 1.5;
  }
  .article-seminar__date {
    font-size: 12px;
    margin: 0 0 10px;
  }
  .article-seminar__link {
    width: 93%;
    display: block;
    text-align: center;
    border: 1px solid #050c64;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
  }
  .article-ebook {
    display: block;
  }
  .article-ebook__books {
    display: flex;
    justify-content: space-between;
  }
  .article-ebook__link {
    width: 47%;
  }
  .article-ebook__book {
    width: 100%;
  }
  .article-popup__inner {
    width: 90%;
  }
  .article-floatBanner {
    width: 160px;
    height: auto;
    right: 30px;
  }
  .semieb {
    display: none !important;
  }
  .wp-block-media-text__content {
    padding: 0 !important;
    margin: 0 !important;
  }
  .wrapper .page-top-carousel-prev {
    display: none !important;
  }
  .wrapper .page-top-carousel-next {
    display: none !important;
  }
  .wrapper .slick-num {
    display: none !important;
  }
  .recommmend-categoryArticle {
    margin: 0 0 80px;
  }
  .recommmend-categoryArticle h2 {
    font-size: 20px;
    font-weight: bold;
    color: #1A1B35;
  }
  .recommmend-categoryArticle > li {
    padding: 0;
  }
  .recommmend-categoryArticle > li .widget > ul {
    flex-direction: column;
  }
  .recommmend-categoryArticle > li .widget > ul > li {
    width: 100%;
  }
}
.wp-block-embed iframe {
  width: 100%;
}

.carousel-section {
  background-color: rgba(0, 0, 0, 0.7529411765);
  padding: 15px;
  height: 230px;
}
.carousel-slider__list {
  width: 90%;
}
.carousel-slider__heading {
  font-size: 18px;
  padding: 0 0 15px 0;
  text-align: center;
  color: #fff;
  margin: 0;
}
.carousel-slider__container {
  display: flex;
  align-items: flex-start;
}
.carousel-slider__img {
  width: 41%;
  max-width: 140px;
  max-height: 190px;
}
.carousel-slider__description {
  margin-left: 15px;
}
.carousel-slider__text {
  color: #fff;
  font-size: 13px;
  line-height: 1.5em;
  width: 86%;
  height: 80px;
  margin: 0 !important;
}
.carousel-slider__button {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}

.mint-mainv {
  background-image: url(/wp-content/themes/micado/img/mint_mv.jpeg);
  background-position-y: center;
}
.mint-mainv__center {
  padding: 60px;
}
.mint-mainv__centerPC {
  display: block;
  text-align: center;
  color: #fff;
  background: linear-gradient(45deg, #7AABCB 0%, #2774A9 100%);
  border-radius: 20px;
  padding: 32px;
  width: 50%;
  margin: auto;
}
.mint-mainv__centerPC h2 {
  font-size: 28px;
  margin: 0;
}
.mint-mainv__centerPC p {
  font-size: 32px !important;
  font-weight: bold;
  line-height: 1 !important;
  margin: 24px auto 0 !important;
}
.mint-mainv__centerPC p span {
  font-size: 64px;
  margin: 0 8px;
  position: relative;
}
.mint-mainv__centerPC p span::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  background-color: #fff;
  height: 2px;
  width: 100%;
}
.mint-mainv__centerSP {
  display: none;
}
.mint-mainv__center h1 {
  text-align: center;
  color: #0F334C;
  font-size: 80px;
  width: 60%;
  margin: 0 auto 12px;
}
.mint-mainv__center p {
  font-size: 16px;
  width: 100%;
  margin: auto;
  line-height: 1.8;
}
.mint-mainv__category {
  display: none;
}
.mint-mainc {
  width: 83%;
  max-width: 1200px;
  margin: 50px auto 0;
  display: flex;
  justify-content: space-between;
}
.mint-maincleft {
  width: 73%;
}
.mint-maincleft__category h2 {
  margin: 0 0 20px 0;
  font-size: 24px;
  letter-spacing: 8.3px;
}
.mint-maincleft__category ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 16px 0;
  margin: 0 0 40px 0;
}
.mint-maincleft__category ul a {
  height: 100%;
  display: block;
  border-radius: 8px;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.0941176471);
  width: calc(33.3333333333% - 16px);
  margin: 0 0 24px 0;
}
.mint-maincleft__category ul a:first-of-type {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url("/wp-content/themes/micado/img/mint_category_bg_01.jpeg");
  background-size: cover;
}
.mint-maincleft__category ul a:nth-of-type(2) {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url("/wp-content/themes/micado/img/mint_category_bg_02.jpeg");
  background-size: cover;
}
.mint-maincleft__category ul a:nth-of-type(3) {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url("/wp-content/themes/micado/img/mint_category_bg_03.jpeg");
  background-size: cover;
}
.mint-maincleft__category ul a:nth-of-type(4) {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url("/wp-content/themes/micado/img/mint_category_bg_04.jpeg");
  background-size: cover;
}
.mint-maincleft__category ul a:nth-of-type(5) {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url("/wp-content/themes/micado/img/mint_category_bg_05.jpeg");
  background-size: cover;
}
.mint-maincleft__category ul a:last-of-type {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), url("/wp-content/themes/micado/img/mint_category_bg_06.jpeg");
  background-size: cover;
}
.mint-maincleft__category ul a li {
  padding: 28px 16px;
}
.mint-maincleft__category ul a li h3 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.mint-maincleft__category ul a li h3 span {
  display: block;
  font-size: 12px;
  margin: 8px 0 0 0;
  font-weight: normal;
}
.mint-maincleft__recommend {
  margin: 0 0 40px 0;
  padding: 0 0 40px 0;
  border-bottom: 1px solid #DDDDDD;
}
.mint-maincleft__recommend h2 {
  margin: 0 0 20px 0;
  font-size: 24px;
  font-family: "Montserrat", dnp-shuei-gothic-kin-std, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  letter-spacing: 8.3px;
  display: flex;
  align-items: center;
}
.mint-maincleft__recommend h2 span {
  font-size: 12px;
  margin: 0 0 0 16px;
  letter-spacing: 0;
}
.mint-maincleft__recommend--posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mint-maincleft__recommend--posts___post {
  width: 30%;
}
.mint-maincleft__recommend--posts___post:first-of-type {
  width: 100%;
  margin: 0 0 40px 0;
}
.mint-maincleft__recommend--posts___post:first-of-type a {
  display: flex;
  justify-content: space-between;
}
.mint-maincleft__recommend--posts___post:first-of-type a .mint-maincleft__recommend--posts___postImg {
  width: 48%;
}
.mint-maincleft__recommend--posts___post:first-of-type a .mint-maincleft__recommend--posts___postImg img {
  width: 100%;
  height: inherit;
  aspect-ratio: 3/2;
}
.mint-maincleft__recommend--posts___post:first-of-type a .mint-maincleft__recommend--posts___postDesc {
  width: 48%;
}
.mint-maincleft__recommend--posts___post:first-of-type a .mint-maincleft__recommend--posts___postDescFlex {
  margin: 8px 0;
}
.mint-maincleft__recommend--posts___post:first-of-type a .mint-maincleft__recommend--posts___postDescTitle {
  font-size: 18px;
  margin: 0 0 40px 0;
  line-height: 1.8;
}
.mint-maincleft__recommend--posts___post:first-of-type a .mint-maincleft__recommend--posts___postDescContent {
  font-size: 14px;
  line-height: 1.8;
  display: block;
}
.mint-maincleft__recommend--posts___postImg img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #efefef;
}
.mint-maincleft__recommend--posts___postDesc {
  width: 100%;
}
.mint-maincleft__recommend--posts___postDescFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 12px 0 16px 0;
}
.mint-maincleft__recommend--posts___postDescFlexCategory {
  font-size: 14px;
  color: #2170A6;
}
.mint-maincleft__recommend--posts___postDescFlexDate {
  font-size: 14px;
  color: #999999;
}
.mint-maincleft__recommend--posts___postDescTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
}
.mint-maincleft__recommend--posts___postDescContent {
  display: none;
}
.mint-maincleft__new {
  margin: 0 0 40px 0;
  padding: 0 0 40px 0;
}
.mint-maincleft__new h2 {
  margin: 0 0 20px 0;
  font-size: 24px;
  font-family: "Montserrat", dnp-shuei-gothic-kin-std, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
  letter-spacing: 8.3px;
  display: flex;
  align-items: center;
}
.mint-maincleft__new h2 span {
  font-size: 12px;
  margin: 0 0 0 16px;
  letter-spacing: 0;
}
.mint-maincleft__new--posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mint-maincleft__new--posts___post {
  width: 30%;
  margin: 0 0 40px 0;
}
.mint-maincleft__new--posts___post:first-of-type, .mint-maincleft__new--posts___post:nth-of-type(1), .mint-maincleft__new--posts___post:nth-of-type(2) {
  width: 48%;
}
.mint-maincleft__new--posts___post:first-of-type a .mint-maincleft__new--posts___postImg, .mint-maincleft__new--posts___post:nth-of-type(1) a .mint-maincleft__new--posts___postImg, .mint-maincleft__new--posts___post:nth-of-type(2) a .mint-maincleft__new--posts___postImg {
  width: 100%;
}
.mint-maincleft__new--posts___post:first-of-type a .mint-maincleft__new--posts___postImg img, .mint-maincleft__new--posts___post:nth-of-type(1) a .mint-maincleft__new--posts___postImg img, .mint-maincleft__new--posts___post:nth-of-type(2) a .mint-maincleft__new--posts___postImg img {
  width: 100%;
  height: inherit;
  aspect-ratio: 3/2;
}
.mint-maincleft__new--posts___post:first-of-type a .mint-maincleft__new--posts___postDesc, .mint-maincleft__new--posts___post:nth-of-type(1) a .mint-maincleft__new--posts___postDesc, .mint-maincleft__new--posts___post:nth-of-type(2) a .mint-maincleft__new--posts___postDesc {
  width: 100%;
}
.mint-maincleft__new--posts___post:first-of-type a .mint-maincleft__new--posts___postDescFlex, .mint-maincleft__new--posts___post:nth-of-type(1) a .mint-maincleft__new--posts___postDescFlex, .mint-maincleft__new--posts___post:nth-of-type(2) a .mint-maincleft__new--posts___postDescFlex {
  margin: 8px 0;
}
.mint-maincleft__new--posts___post:first-of-type a .mint-maincleft__new--posts___postDescTitle, .mint-maincleft__new--posts___post:nth-of-type(1) a .mint-maincleft__new--posts___postDescTitle, .mint-maincleft__new--posts___post:nth-of-type(2) a .mint-maincleft__new--posts___postDescTitle {
  font-size: 18px;
  line-height: 1.8;
  font-weight: 500;
}
.mint-maincleft__new--posts___postImg img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #efefef;
}
.mint-maincleft__new--posts___postDesc {
  width: 100%;
}
.mint-maincleft__new--posts___postDescFlex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 12px 0 16px 0;
}
.mint-maincleft__new--posts___postDescFlexCategory {
  font-size: 14px;
  color: #2170A6;
}
.mint-maincleft__new--posts___postDescFlexDate {
  font-size: 14px;
  color: #999999;
}
.mint-maincleft__new--posts___postDescTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
}
.mint-maincleft__category h2 {
  font-family: "Montserrat", dnp-shuei-gothic-kin-std, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: normal;
}
.mint-maincleft__categorys {
  display: flex;
  justify-content: space-between;
}
.mint-maincleft__categoryitem {
  width: 19%;
  height: 80px;
  background-size: cover;
  position: relative;
  border-radius: 10px;
}
.mint-maincleft__categoryitem::after {
  content: "";
  background-color: rgba(0, 41, 62, 0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 10px;
}
.mint-maincleft__categoryitem:first-child {
  background-image: url(/wp-content/themes/micado/img/hotelmarketing_bg.jpeg);
}
.mint-maincleft__categoryitem:nth-child(2) {
  background-image: url(/wp-content/themes/micado/img/knowhow_bg.jpeg);
}
.mint-maincleft__categoryitem:nth-child(3) {
  background-image: url(/wp-content/themes/micado/img/hoteltrend_bg.jpeg);
}
.mint-maincleft__categoryitem:last-child {
  background-image: url(/wp-content/themes/micado/img/digital_bg.jpeg);
}
.mint-maincleft__categoryitem a {
  margin: 0 auto;
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.3em;
  font-weight: 600;
  z-index: 1;
}
.mint-maincleft__categoryitem:hover {
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(1deg);
}
.mint-maincright {
  width: 25%;
}
.mint-category {
  background-image: none;
  padding: 50px;
  text-align: center;
  background-color: #F7F7F9;
}
.mint-category h2 {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 32px 0;
}
.mint-category p {
  font-size: 16px;
  text-align: left;
  width: 60%;
  margin: auto;
  line-height: 1.8;
}
.mint-pagination {
  font-size: 14px;
  text-align: center;
}
.mint-pagination__number {
  margin: 0 0 32px 0;
}
.mint-pagination__number .pagination {
  justify-content: center;
}
.mint-pagination__number .pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mint-pagination__number .pagination .page-numbers {
  border-radius: 50%;
  border: 1px solid #DDDDDD;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 6px;
  color: #222222;
}
.mint-pagination__number .pagination .prev {
  font-size: 0;
  position: relative;
}
.mint-pagination__number .pagination .prev::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 10px;
  height: 10px;
  border-top: 1px solid #222222;
  border-right: 1px solid #222222;
  transform: translate(70%, -50%) rotate(-135deg);
}
.mint-pagination__number .pagination .next {
  font-size: 0;
  position: relative;
}
.mint-pagination__number .pagination .next::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 10px;
  height: 10px;
  border-top: 1px solid #222222;
  border-right: 1px solid #222222;
  transform: translate(30%, -50%) rotate(45deg);
}
.mint-pagination__number .pagination .current {
  background-color: #999999;
  border: 1px solid #999999;
  color: #ffffff;
  cursor: default;
}
.mint-pagination__number--sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .mint-category {
    padding: 40px 0 !important;
  }
  .mint-category h2 {
    font-size: 18px;
  }
  .mint-category p {
    font-size: 14px;
    width: 88%;
    line-height: 1.6;
  }
  .mint-mainc {
    width: 90%;
    display: block;
    margin: 60px auto;
  }
  .mint-maincleft {
    width: 100%;
  }
  .mint-maincleft__categoryitem {
    width: 30%;
    border-radius: 10px;
    margin-right: 3%;
    margin-bottom: 10px;
  }
  .mint-maincleft__categoryitem::after {
    border-radius: 10px;
  }
  .mint-maincleft__category ul {
    margin: 0 0 36px 0;
  }
  .mint-maincleft__category ul a {
    width: calc(50% - 8px);
    margin: 0 0 16px 0;
  }
  .mint-maincleft__category ul a li {
    min-height: 62px;
    padding: 24px 12px;
  }
  .mint-maincleft__category ul a li h3 {
    font-size: 14px;
  }
  .mint-maincleft__category ul a li h3 span {
    margin: 12px 0 0 0;
    line-height: 1.5;
  }
  .mint-maincleft__recommend {
    padding: 0px 0 20px 0;
  }
  .mint-maincleft__recommend h2 {
    display: block;
  }
  .mint-maincleft__recommend h2 span {
    margin: 8px 0 0 0;
    display: block;
    font-family: dnp-shuei-gothic-kin-std, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  .mint-maincleft__recommend--posts {
    flex-direction: column;
  }
  .mint-maincleft__recommend--posts___post {
    width: 100%;
    margin: 0 0 24px 0;
  }
  .mint-maincleft__recommend--posts___post:first-of-type {
    display: block;
    height: inherit;
  }
  .mint-maincleft__recommend--posts___post:first-of-type a {
    display: block;
  }
  .mint-maincleft__recommend--posts___post:first-of-type a .mint-maincleft__recommend--posts___postImg {
    width: 100%;
  }
  .mint-maincleft__recommend--posts___post:first-of-type a .mint-maincleft__recommend--posts___postImg img {
    height: 220px;
    box-sizing: border-box;
  }
  .mint-maincleft__recommend--posts___post:first-of-type a .mint-maincleft__recommend--posts___postDesc {
    width: 100%;
  }
  .mint-maincleft__recommend--posts___post:first-of-type a .mint-maincleft__recommend--posts___postDescFlex {
    display: flex;
    margin: 20px 0 16px;
  }
  .mint-maincleft__recommend--posts___post:first-of-type a .mint-maincleft__recommend--posts___postDescTitle {
    margin: 0 0 36px 0;
  }
  .mint-maincleft__recommend--posts___postLink {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .mint-maincleft__recommend--posts___postImg {
    width: 45%;
  }
  .mint-maincleft__recommend--posts___postImg img {
    height: inherit;
    aspect-ratio: 4/3;
  }
  .mint-maincleft__recommend--posts___postDesc {
    width: 50%;
  }
  .mint-maincleft__recommend--posts___postDescFlex {
    display: block;
    margin: 0 0 8px 0;
  }
  .mint-maincleft__recommend--posts___postDescFlexCategory {
    font-size: 12px;
    margin: 0 0 4px 0;
  }
  .mint-maincleft__recommend--posts___postDescTitle {
    font-size: 12px;
    line-height: 1.5;
  }
  .mint-maincleft__recommend--posts__postDesc {
    width: 100%;
  }
  .mint-maincleft__recommend--posts__postDescFlex {
    margin: 20px 0 16px;
  }
  .mint-maincleft__recommend--posts__postDescTitle {
    font-size: 16px;
    margin: 0 0 36px 0;
    line-height: 1.5;
  }
  .mint-maincleft__recommend--posts__postDescContent {
    font-size: 12px;
    line-height: 1.5;
    display: block;
  }
  .mint-maincleft__new {
    padding: 0px 0 20px 0;
  }
  .mint-maincleft__new h2 {
    display: block;
  }
  .mint-maincleft__new h2 span {
    margin: 8px 0 0 0;
    display: block;
    font-family: dnp-shuei-gothic-kin-std, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  .mint-maincleft__new--posts {
    flex-direction: column;
  }
  .mint-maincleft__new--posts___post {
    width: 100%;
    margin: 0 0 24px 0;
  }
  .mint-maincleft__new--posts___post:first-of-type, .mint-maincleft__new--posts___post:nth-of-type(2) {
    display: block;
    height: inherit;
    width: 100%;
  }
  .mint-maincleft__new--posts___post:first-of-type a, .mint-maincleft__new--posts___post:nth-of-type(2) a {
    display: block;
  }
  .mint-maincleft__new--posts___post:first-of-type a .mint-maincleft__new--posts___postImg, .mint-maincleft__new--posts___post:nth-of-type(2) a .mint-maincleft__new--posts___postImg {
    width: 100%;
  }
  .mint-maincleft__new--posts___post:first-of-type a .mint-maincleft__new--posts___postImg img, .mint-maincleft__new--posts___post:nth-of-type(2) a .mint-maincleft__new--posts___postImg img {
    height: 220px;
  }
  .mint-maincleft__new--posts___post:first-of-type a .mint-maincleft__new--posts___postDesc, .mint-maincleft__new--posts___post:nth-of-type(2) a .mint-maincleft__new--posts___postDesc {
    margin-top: 0;
    width: 100%;
  }
  .mint-maincleft__new--posts___post:first-of-type a .mint-maincleft__new--posts___postDescFlex, .mint-maincleft__new--posts___post:nth-of-type(2) a .mint-maincleft__new--posts___postDescFlex {
    display: flex;
    margin: 12px 0;
  }
  .mint-maincleft__new--posts___postLink {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .mint-maincleft__new--posts___postImg {
    width: 45%;
  }
  .mint-maincleft__new--posts___postImg img {
    height: inherit;
    aspect-ratio: 4/3;
    border: none;
  }
  .mint-maincleft__new--posts___postDesc {
    width: 50%;
  }
  .mint-maincleft__new--posts___postDescFlex {
    display: block;
    margin: 0 0 8px 0;
  }
  .mint-maincleft__new--posts___postDescFlexCategory {
    font-size: 14px;
    margin: 0 0 8px 0;
    letter-spacing: 0.56px;
  }
  .mint-maincleft__new--posts___postDescFlexDate {
    font-size: 14px;
  }
  .mint-maincleft__new--posts___postDescTitle {
    font-size: 14px;
    line-height: 1.5;
  }
  .mint-maincleft__new--posts__postDesc {
    margin-top: 0;
    width: 100%;
  }
  .mint-maincleft__new--posts__postDescFlex {
    margin: 12px 0;
  }
  .mint-maincleft__new--posts__postDescTitle {
    font-size: 16px;
    margin: 0 0 36px 0;
    line-height: 1.5;
  }
  .mint-maincleft__new--posts__postDescContent {
    font-size: 12px;
    line-height: 1.5;
    display: block;
  }
  .mint-mainv {
    padding: 0;
    background-size: cover;
    background-position: center;
  }
  .mint-mainv__center {
    padding: 60px 0;
    margin: 60px 0 0 0;
    background-color: rgba(255, 255, 255, 0.699);
  }
  .mint-mainv__centerPC {
    display: none;
  }
  .mint-mainv__centerSP {
    display: block;
  }
  .mint-mainv__center p {
    width: 90%;
    font-weight: bold;
  }
  .mint-mainv__top1 {
    width: 55%;
  }
  .mint-mainv__topr {
    width: 35%;
  }
  .mint-mainv__category {
    display: block;
    background-color: #ffffff;
    overflow-x: scroll;
    padding: 0 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.158);
  }
  .mint-mainv__catlist {
    display: flex;
    margin: 0;
    width: 210%;
  }
  .mint-mainv__catitem {
    width: 30%;
    text-align: center;
    font-size: 14px;
  }
  .mint-mainv__catlink {
    display: block;
    width: 100%;
    padding: 20px 0px;
    font-weight: 600;
  }
  .mint-pagination {
    font-size: 14px;
    text-align: center;
  }
  .mint-pagination__number {
    display: none;
  }
  .mint-pagination__number--sp {
    margin: 0 0 32px 0;
    display: block;
  }
  .mint-pagination__number--sp .pagination {
    justify-content: center;
  }
  .mint-pagination__number--sp .pagination .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mint-pagination__number--sp .pagination .page-numbers {
    border-radius: 50%;
    border: 1px solid #DDDDDD;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px;
    color: #222222;
  }
  .mint-pagination__number--sp .pagination .prev {
    font-size: 0;
    position: relative;
  }
  .mint-pagination__number--sp .pagination .prev::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 10px;
    height: 10px;
    border-top: 1px solid #222222;
    border-right: 1px solid #222222;
    transform: translate(70%, -50%) rotate(-135deg);
  }
  .mint-pagination__number--sp .pagination .next {
    font-size: 0;
    position: relative;
  }
  .mint-pagination__number--sp .pagination .next::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    width: 10px;
    height: 10px;
    border-top: 1px solid #222222;
    border-right: 1px solid #222222;
    transform: translate(30%, -50%) rotate(45deg);
  }
  .mint-pagination__number--sp .pagination .current {
    background-color: #999999;
    border: 1px solid #999999;
    color: #ffffff;
    cursor: default;
  }
  .infeed-ads {
    display: none;
    width: 100vw;
    margin: 20px calc(50% - 50vw) 0 !important;
  }
  .ads-content {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
}
.seminar {
  padding-top: 80px;
}

.freetitle {
  color: #fff;
  height: 250px;
  padding-left: 10%;
  width: 80%;
  display: table;
  overflow: hidden;
  position: relative;
}
.freetitle::before {
  content: "";
  transform: skewY(69deg);
  transform-origin: bottom;
  width: 138%;
  height: 1800%;
  z-index: -1;
  background-color: #00334E;
  position: absolute;
  left: 0;
  top: 0;
}
.freetitle-block {
  display: table-cell;
  vertical-align: middle;
}
.freetitle-ttl {
  font-size: 42px;
  margin: 0 0 20px 0;
}
.freetitle-txt {
  font-size: 18px;
}
.freeimg {
  width: 50%;
  height: auto;
  margin: -160px 0 0 auto;
}

.newseminar {
  max-width: 80%;
  margin: 100px auto 120px;
  text-align: center;
}
.newseminar-top {
  font-size: 24px;
  font-weight: 600;
}
.newseminar-seminarimg {
  width: 23%;
  padding: 15px 0;
}
.newseminar-main__seminardate {
  font-size: 40px;
  margin: 25px;
  font-weight: 600;
}
.newseminar-main__seminarweek {
  font-size: 30px;
}
.newseminar-main__seminarttl {
  font-size: 24px;
  font-weight: 600;
}
.newseminar-main__seminarimg {
  width: 700px;
  margin: auto;
}
.newseminar-main__seminarlink {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  background-color: #00334E;
  padding: 8px 100px;
  margin-top: 30px;
  border: none;
  position: relative;
}
.newseminar-main__seminarlink::before {
  content: "→";
  position: absolute;
  right: 20px;
}
.newseminar-main__seminarlink:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(-1deg);
}
.newseminar-past {
  width: 80%;
  margin: 0 auto;
}
.newseminar-past__ttl {
  font-size: 24px;
  text-align: center;
  font-weight: 600;
}
.newseminar-past__posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}
.newseminar-past__img {
  width: 23%;
  padding: 10px 1%;
}

.box-free-service-seminar {
  width: 83%;
  max-width: 1200px;
  padding: 120px 0 0;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.box-free-service-seminar .box-seminar-left {
  width: 50%;
  margin-right: 60px;
}
.box-free-service-seminar .box-seminar-left h3 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 1.6px;
  color: #1A1B35;
  margin: 0 0 8px 0;
  font-family: "source-han-sans-japanese", sans-serif;
}
.box-free-service-seminar .box-seminar-left h2 {
  font-size: 24px;
  letter-spacing: 1.92px;
  color: #1A1B35;
  line-height: 1.5;
  font-family: "source-han-sans-japanese", sans-serif;
  margin: 0 0 40px 0;
}
.box-free-service-seminar .box-seminar-left .seminar-slider {
  margin: 10px auto;
  position: relative;
}
.box-free-service-seminar .box-seminar-left .seminar-slider::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 90px;
  background: linear-gradient(to right, rgba(242, 242, 245, 0), rgb(242, 242, 245));
}
.box-free-service-seminar .box-seminar-left .seminar-slider .slick-list {
  padding: 0 15% 0 0;
}
.box-free-service-seminar .box-seminar-left .seminar-slider .slick-list .seminar-slide {
  padding: 8px;
  box-sizing: border-box;
}
.box-free-service-seminar .box-seminar-left .seminar-slider .slick-list .seminar-slide img {
  aspect-ratio: 4/3;
  object-fit: cover;
  max-height: inherit;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3215686275);
}
.box-free-service-seminar .box-seminar-left .seminar-slider .seminar-slider-next {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url(/wp-content/themes/micado/img/slider_arrow_next.svg);
  background-size: cover;
  width: 44px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3215686275);
  z-index: 1;
  cursor: pointer;
}
.box-free-service-seminar .box-seminar-left .box-img-seminar {
  width: 100%;
  height: auto;
}
.box-free-service-seminar .box-seminar-left .box-seminar-left-content {
  color: #1A1B35;
  text-align: left;
  letter-spacing: 1.28px;
  font-size: 16px;
  line-height: 1.4;
}
.box-free-service-seminar .box-seminar-left .box-seminar-left-content .content-box-second {
  margin-top: 30px;
}
.box-free-service-seminar .box-seminar-left .box-seminar-left-content a {
  color: #3F7EAE !important;
  text-decoration: underline;
}
.box-free-service-seminar .box-seminar-left .box-seminar-left-content .box-learn-seminar {
  list-style: disc;
  margin: 20px 0 0 20px;
  line-height: 1.8;
}
.box-free-service-seminar .box-seminar-left .box-seminar-left-content .box-learn-seminar li {
  list-style: disc;
}
.box-free-service-seminar .box-seminar-left .box-seminar-left-content .mg-top-content {
  margin-top: 25px;
  font-size: 16px;
}
.box-free-service-seminar .box-seminar-left .box-seminar-left-title {
  color: #1A1B35;
  font-size: 20px;
  margin-top: 42px;
  font-family: "source-han-sans-japanese", sans-serif;
  text-align: left;
  letter-spacing: 1.6px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 4px solid #2E4E76;
}
.box-free-service-seminar .box-seminar-right {
  width: calc(50% - 60px);
  opacity: 1;
}
.box-free-service-seminar .box-seminar-right-body {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1607843137);
  border-radius: 4px;
  padding: 40px;
  background-color: white;
}
.box-free-service-seminar .box-seminar-right__dsc {
  font-family: "source-han-sans-japanese", sans-serif;
  color: #1A1B35;
  font-size: 16px;
  letter-spacing: 1.28px;
  line-height: 1.4;
  text-align: left;
}
.box-free-service-seminar .box-seminar-right__caution {
  font-size: 12px;
  color: #1A1B35;
  letter-spacing: 0.96px;
  font-family: "source-han-sans-japanese", sans-serif;
  padding: 10px 0;
  text-align: left;
}
.box-free-service-seminar .box-seminar-right__form {
  margin: 32px 0 0 0;
  font-size: 14px;
  font-family: "source-han-sans-japanese", sans-serif;
  color: #1A1B35;
  text-align: left;
}
.box-free-service-seminar .box-seminar-right__form p {
  color: #1A1B35;
}
.box-free-service-seminar .box-seminar-right__form .wpcf7-form-control .wpcf7-select .wpcf7-textarea {
  border: 1px solid #BBBBC7;
  border-radius: 4px;
}
.box-free-service-seminar .box-seminar-right__form .wpcf7-form-control-wrap .wpcf7-select {
  border: 1px solid #BBBBC7;
  border-radius: 4px;
  box-shadow: none;
  margin: 15px auto 30px;
  height: 44px;
  padding: 0 15px;
  position: relative;
}
.box-free-service-seminar .box-seminar-right__form .wpcf7-form-control-wrap .wpcf7-select::after {
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translate(0, -50%) rotate(45deg);
  width: 12px;
}
.box-free-service-seminar .box-seminar-right__form .wpcf7-form-control-wrap .wpcf7-textarea {
  margin: 15px auto 30px;
  padding: 0 0 0 15px;
  box-shadow: none;
  border: 1px solid #BBBBC7;
  border-radius: 4px;
  width: 97.5%;
}
.box-free-service-seminar .box-seminar-right__form .wpcf7-form-control-wrap .wpcf7-validates-as-required {
  height: 44px;
  margin: 15px auto 30px;
  box-shadow: none;
  border: 1px solid #BBBBC7;
  border-radius: 4px;
}
.box-free-service-seminar .box-seminar-right__form .wpcf7-form-control-wrap .wpcf7-text {
  height: 44px;
  margin: 15px auto 30px;
  box-shadow: none;
  border: 1px solid #BBBBC7;
  border-radius: 4px;
}
.box-free-service-seminar .box-seminar-right__form .wpcf7-form-control-wrap .wpcf7-radio {
  margin-bottom: 50px;
}
.box-free-service-seminar .box-seminar-right__form .wpcf7-form-control-wrap .wpcf7-radio input[type=radio] {
  font-size: 14px;
}
.box-free-service-seminar .box-seminar-right__form .wpcf7-form-control-wrap .wpcf7-radio input[type=radio]:checked {
  background-color: #3F7EAE;
  border-color: #3F7EAE;
}
.box-free-service-seminar .box-seminar-right__form .wpcf7-form-control-wrap .wpcf7-radio input[type=radio]::after {
  background-color: #3F7EAE;
  border-color: #3F7EAE;
}
.box-free-service-seminar .box-seminar-right__form .wpcf7 input[type=submit] {
  background: #CE858F 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 4px;
  font-size: 20px;
  letter-spacing: 1.6px;
  height: 77px;
}
.box-free-service-seminar .box-seminar-right__form .name-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.box-free-service-seminar .box-seminar-right__form .name-box .col-name {
  width: 48% !important;
}
.box-free-service-seminar .box-seminar-right__form .name-box p {
  color: #1A1B35;
  font-size: 14px;
  padding: 10px 0;
}
.box-free-service-seminar .box-seminar-right__form .text-danger {
  color: #1A1B35;
  font-size: 14px;
}
.box-free-service-seminar .box-seminar-right p.form_privacy {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.96px;
  color: #1A1B35;
  font-family: normal, sans-serif;
}

.page-service-mg {
  margin-top: 42px !important;
}

@media screen and (max-width: 768px) {
  .box-free-service-seminar .box-seminar-left .seminar-slider .seminar-slider-next {
    display: none;
  }
  .web-diagnosis-padding-top {
    padding: 40px 0 0;
  }
  .ebook-single-padding {
    padding: 80px 0 0;
  }
  .box-free-service-seminar {
    display: block;
    width: 93%;
    margin: 0 auto;
  }
  .box-free-service-seminar .box-seminar-left {
    width: 100%;
  }
  .box-free-service-seminar .box-seminar-left h2 {
    font: normal normal bold 16px/36px "source-han-sans-japanese", sans-serif;
    color: #1A1B35;
  }
  .box-free-service-seminar .box-seminar-left .box-seminar-left-content .box-seminar-left-content {
    font: normal normal medium 14px/23px "source-han-sans-japanese", sans-serif;
  }
  .diagnosis-right {
    width: 100% !important;
    margin-top: 40px;
  }
  .freetitle {
    width: 90%;
    height: 160px;
  }
  .freetitle::before {
    width: 100%;
    transform: skewY(0deg);
  }
  .freetitle-ttl {
    font-size: 22px;
  }
  .freetitle-txt {
    font-size: 12px;
  }
  .seminar {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .seminar-article__form p {
    margin: 70px 0 !important;
  }
  .freeimg {
    width: 70%;
    margin: -65px 0 0 auto;
  }
  .newseminar {
    margin: 40px auto;
  }
  .newseminar-main__seminardate {
    font-size: 22px;
  }
  .newseminar-main__seminarweek {
    font-size: 22px;
  }
  .newseminar-main__seminarttl {
    font-size: 16px;
  }
  .newseminar-main__seminarimg {
    width: 100%;
  }
  .newseminar-main__seminarlink {
    font-size: 16px;
    width: 100%;
    padding: 8px;
  }
  .newseminar-seminarimg {
    width: 48%;
  }
  .newseminar-past {
    margin: 0 auto 40px;
  }
  .newseminar-past__posts {
    margin-top: 20px;
  }
  .newseminar-past__img {
    width: 48%;
  }
}
.services-container {
  width: 80%;
  margin: 0 auto;
}
.services-title {
  text-align: center;
  margin: 180px 0 170px;
}
.services-title__heading {
  font-size: 42px;
  font-weight: bold;
  margin: 0 0 50px 0;
}
.services-title__text {
  font-size: 18px;
  line-height: 1.5em;
}
.services-area01 {
  display: flex;
  align-items: center;
  margin: 0 0 200px;
}
.services-area01__lists {
  width: 60%;
  margin-right: 5vw;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.services-area01__item {
  width: 34%;
  max-width: 227px;
  height: 247px;
  margin: 15px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.0862745098);
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 20px;
  height: auto;
}
.services-area01__item:nth-of-type(odd) {
  position: relative;
  top: 70px;
}
.services-area01__item:nth-of-type(2) {
  background-color: #f0f0f0;
}
.services-area01__icon {
  width: 50px;
  height: 50px;
}
.services-area01__title {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0 150x;
}
.services-area01__text {
  font-size: 14px;
  line-height: 1.5em;
}
.services-area02 {
  width: 40%;
}
.services-area02__mcdservice {
  font-size: 15px;
}
.services-area02__title {
  font-size: 42px;
  margin: 10px 0 20px;
}
.services-area02__text {
  font-size: 18px;
  line-height: 1.5em;
  max-width: 300px;
}
.services-area03 {
  display: flex;
  align-items: center;
  margin: 0 0 200px;
}
.services-area03__lists {
  width: 60%;
  margin-right: 5vw;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.services-area03__item {
  width: 34%;
  max-width: 227px;
  height: 247px;
  margin: 15px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.0862745098);
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 20px;
  height: auto;
}
.services-area03__item:first-child {
  position: relative;
  top: 70px;
}
.services-area03__item:nth-of-type(2) {
  background-color: #f0f0f0;
}
.services-area03__title {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0 150x;
}
.services-area03__text {
  font-size: 14px;
  line-height: 1.5em;
}
.services-area03__icon {
  width: 50px;
  height: 50px;
}
.services-floatBanner {
  width: 270px;
  height: 280px;
  position: fixed;
  bottom: 30px;
  right: 50px;
  z-index: 10;
  display: none;
  transition: 0.5s;
}
.services-floatBanner.open {
  display: block;
  animation: fadeIn 0.7s;
}
.services-floatBanner__inner {
  position: relative;
}
.services-floatBanner__inner span {
  position: absolute;
  top: -30px;
  right: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #F7F7F9;
  cursor: pointer;
}
.services-floatBanner__inner span:hover {
  opacity: 0.7;
}
.services-floatBanner__inner span::before {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  height: 10px;
  width: 2px;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: black;
}
.services-floatBanner__inner span::after {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute;
  height: 10px;
  width: 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-color: black;
}
.services-floatBanner__inner a {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.2s;
}
.services-floatBanner__inner a:hover {
  opacity: 0.7;
}

.service-button {
  background-color: #0c324b;
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin-top: 30px;
  width: 63%;
  max-width: 200px;
}
.service-button__sp {
  display: none;
}
.service-button__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: inline-block;
  z-index: 10;
}

.service-submit,
.service-arrow {
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.service-submit {
  color: #fff;
  text-align: center;
  font-size: 16px;
  margin-left: 30%;
}

.service-arrow {
  position: relative;
  top: -3px;
  opacity: 0;
}

.service-line {
  height: 3px;
  width: 20px;
  border-radius: 6px;
  background: #fff;
}

.service-top {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.service-bottom {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: 10px;
}

.service-button:active {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  transform: scale(1.3);
}

.service-button.hover .service-submit {
  -webkit-transform: translateX(-90px);
  -moz-transform: translateX(-90px);
  transform: translateX(-90px);
  opacity: 0;
  margin-bottom: -3px;
  margin-top: 3px;
}

.service-button.hover .service-arrow {
  -webkit-transform: translateX(-70px);
  -moz-transform: translateX(-70px);
  transform: translateX(-70px);
  opacity: 1;
}

.service-button.active .service-arrow {
  opacity: 1;
  -webkit-transform: rotate(90deg) translateY(70px);
  -moz-transform: rotate(90deg) translateY(70px);
  transform: rotate(90deg) translateY(70px);
}

.service-button.active {
  background: #4CAF50;
}

.service-button.active .service-submit {
  opacity: 0;
}

.service-button.active .service-top {
  width: 34px;
}

.service-button.active .service-bottom {
  margin: 14px 0 0 12px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .services-title {
    margin: 120px 0 70px;
  }
  .services-title__heading {
    font-size: 32px;
    margin: 0 0 30px 0;
  }
  .services-title__text {
    font-size: 14px;
  }
  .services-area__prev::after { /* くの字の表示設定 */
    content: "";
    margin: auto;
    position: absolute;
    left: 2px;
    top: 0;
    bottom: 0;
    width: 13px; /* くの字を山なりに見た時、左側の長さ */
    height: 13px; /* くの字を山なりに見た時、右側の長さ */
    border-top: 3px solid #0c324b; /* くの字を山なりに見た時、左側の太さと色 */
    border-right: 3px solid #0c324b; /* くの字を山なりに見た時、右側の太さと色 */
    transform: rotate(-135deg);
    z-index: 2;
  }
  .services-area__next::after { /* くの字の表示設定 */
    content: "";
    margin: auto;
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    width: 13px; /* くの字を山なりに見た時、左側の長さ */
    height: 13px; /* くの字を山なりに見た時、右側の長さ */
    border-top: 3px solid #0c324b; /* くの字を山なりに見た時、左側の太さと色 */
    border-right: 3px solid #0c324b; /* くの字を山なりに見た時、右側の太さと色 */
    transform: rotate(45deg);
  }
  .services-area01 {
    flex-direction: column;
    margin: 0 0 60px;
  }
  .services-area01__lists {
    width: 100%;
    order: 2;
    margin-right: 0;
  }
  .services-area01__item:nth-of-type(odd) {
    position: relative;
    top: 0px;
  }
  .services-area02 {
    width: 100%;
    order: 1;
    text-align: center;
  }
  .services-area02__mcdservice {
    display: none;
  }
  .services-area02__title {
    font-size: 32px;
  }
  .services-area02__text {
    font-size: 14px;
    margin: 0 auto;
  }
  .services-area03 {
    flex-direction: column;
    margin: 0 0 100px;
  }
  .services-area03__lists {
    width: 100%;
    order: 2;
    margin-right: 0;
  }
  .services-area03__item:nth-of-type(odd) {
    position: relative;
    top: 0px;
  }
  .service-button {
    display: none;
  }
  .service-button__sp {
    display: block;
    order: 3;
    background-color: #0c324b;
    color: white;
    border: none;
    padding: 5px 20px;
    font-weight: 600;
    margin-top: 20px;
    width: 80%;
  }
}
.web-container {
  width: 80%;
  margin: 0 auto;
}
.web-title {
  text-align: center;
  margin: 180px 0 65px;
}
.web-title__heading {
  font-size: 42px;
  font-weight: bold;
  margin: 0 0 25px 0;
}
.web-title__text1 {
  font-size: 15px;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.web-title__text2 {
  font-size: 18px;
  line-height: 1.5em;
}
.web-img {
  width: 70%;
  margin: 0 auto;
  display: block;
}
.web-plan {
  margin: 70px 0 0 0;
}
.web-plan__list {
  display: flex;
  flex-wrap: wrap;
}
.web-plan__item {
  width: 25%;
  text-align: center;
  margin-bottom: 50px;
}
.web-plan__img {
  width: 200px;
  height: 200px;
}
.web-plan__name {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px;
}
.web-plan__more {
  font-size: 13px;
}
.web-plan__contactform {
  width: 950px;
  margin: 0 auto;
}
.web-button {
  text-align: center;
  margin-bottom: 70px;
}
.web-button__myplan {
  background-color: #00334e;
  color: #fff;
  width: 80%;
  text-align: center;
  border: none;
  padding: 10px;
  font-size: 18px;
}

.service-btmarrow {
  width: 30px;
  margin: 50px auto;
}

.web-button, .ota-button, .photo-button {
  display: none;
}

.article-service {
  margin: 100px auto;
  max-width: 950px;
}

@media screen and (max-width: 768px) {
  .web-container {
    width: 85%;
  }
  .web-title {
    margin: 120px 0 40px;
  }
  .web-title__text2 {
    font-size: 14px;
  }
  .web-img {
    width: 90%;
    transform: scale(1.2);
  }
  .web-plan__list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 70px 0;
  }
  .web-plan__item {
    width: 40%;
  }
  .web-plan__item:nth-last-of-type(even) {
    position: relative;
    top: 50px;
  }
  .web-plan__img {
    height: auto;
  }
  .web-plan__name {
    font-size: 14px;
    width: calc(100% + 50px);
    margin: 10px -25px;
  }
  .web-plan__more {
    font-size: 10px;
  }
  .web-plan__contactform {
    width: 100%;
  }
  .modal-window {
    width: 85% !important;
    background-color: #fff !important;
    padding: 20px 10px 40px !important;
  }
  .modal-first {
    box-shadow: none !important;
    background-color: #fff !important;
    display: block !important;
    padding: 0 !important;
  }
  .modal-first__right {
    width: 100% !important;
    margin: 0 auto !important;
  }
  .modal-first__rightttl {
    text-align: center;
    font-size: 16px !important;
  }
  .modal-first__righttxt {
    font-size: 14px !important;
  }
  .modal-first__left {
    width: 33% !important;
    margin: 0 auto !important;
  }
  .modal-ttl {
    margin: 10px 0 !important;
  }
  .modal-second {
    box-shadow: none !important;
    background-color: #fff !important;
    display: block !important;
    padding: 0 !important;
  }
  .modal-second__right {
    width: 100% !important;
    margin: 0 auto !important;
    box-shadow: none !important;
  }
  .modal-second__left {
    width: 100% !important;
    margin: 0 auto !important;
    box-shadow: none !important;
    display: flex;
    justify-content: space-between;
    padding: 0 !important;
    background-color: #f5f5f5 !important;
    border-radius: 0 !important;
  }
  .modal-second__lefttxt {
    list-style: disc !important;
  }
  .modal-second__lefttxts {
    width: 60% !important;
    margin: 0 !important;
  }
  .ttl-lightgreen {
    padding: 0 !important;
    font-size: 16px !important;
    text-align: center !important;
    width: 35%;
  }
  .ttl-lightgreen::before {
    display: none;
  }
  .article-service {
    margin: 0;
  }
  .article-recommend__container li {
    padding: 0;
  }
  .widgetarticle-recommend {
    padding: 0;
    border: none;
  }
  .widgetarticle-recommend__list:first-child {
    width: 100%;
    padding: 0 0 20px 0;
  }
  .widgetarticle-recommend__list:first-child::after {
    display: none;
  }
  .widgetarticle-recommend__list:first-child .widgetarticle-recommend__title {
    padding-top: 15px;
    padding-bottom: 5px;
    line-height: 1.5em;
  }
  .widgetarticle-recommend__list:first-child .widgetarticle-recommend__title a {
    font-size: 14px;
  }
  .widgetarticle-recommend__list:nth-child(2) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__thumbnail a img {
    width: 100%;
    height: 90px;
    object-fit: cover;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__title a {
    font-size: 14px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__description {
    position: relative;
    width: 70%;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__thumbnail {
    width: 27%;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__description .widgetarticle-recommend__date {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .widgetarticle-recommend__list:nth-child(3) {
    font-size: 14px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(3) .widgetarticle-recommend__title a {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:nth-child(4) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(4) .widgetarticle-recommend__title a {
    font-size: 14px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:last-child {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:last-child .widgetarticle-recommend__title a {
    font-size: 14px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__title {
    padding: 15px;
    line-height: 1.5em;
  }
  .service-btmarrow {
    transform: scale(0.8);
  }
}
.ota-container {
  width: 80%;
  margin: 0 auto;
}
.ota-title {
  text-align: center;
  margin: 180px 0 85px;
}
.ota-title__heading {
  font-size: 42px;
  font-weight: bold;
  margin: 0 0 25px 0;
}
.ota-title__text1 {
  font-size: 15px;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.ota-title__text2 {
  font-size: 18px;
  line-height: 1.5em;
}
.ota-img {
  width: 70%;
  margin: 0 auto;
  display: block;
}
.ota-plan {
  margin: 70px 0 0 0;
}
.ota-plan__list {
  display: flex;
  flex-wrap: wrap;
}
.ota-plan__item {
  width: 25%;
  text-align: center;
  margin-bottom: 50px;
}
.ota-plan__img {
  width: 200px;
  height: 200px;
}
.ota-plan__name {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px;
}
.ota-plan__more {
  font-size: 13px;
}
.ota-plan__contactform {
  width: 950px;
  margin: 0 auto;
}
.ota-button {
  text-align: center;
  margin-bottom: 70px;
}
.ota-button__myplan {
  background-color: #00334e;
  color: #fff;
  width: 80%;
  text-align: center;
  border: none;
  padding: 10px;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .ota-container {
    width: 85%;
  }
  .ota-title {
    margin: 120px 0 40px;
  }
  .ota-title__text2 {
    font-size: 14px;
  }
  .ota-img {
    width: 90%;
    transform: scale(1.2);
  }
  .ota-plan__list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 70px 0;
  }
  .ota-plan__item {
    width: 40%;
  }
  .ota-plan__item:nth-last-of-type(even) {
    position: relative;
    top: 50px;
  }
  .ota-plan__img {
    height: auto;
  }
  .ota-plan__name {
    font-size: 14px;
    width: calc(100% + 50px);
    margin: 10px -25px;
  }
  .ota-plan__more {
    font-size: 10px;
  }
  .ota-plan__contactform {
    width: 100%;
  }
  .article-service {
    margin: 0;
  }
  .article-recommend__container li {
    padding: 0;
  }
  .widgetarticle-recommend {
    padding: 0;
    border: none;
  }
  .widgetarticle-recommend__list:first-child {
    width: 100%;
    padding: 0 0 20px 0;
  }
  .widgetarticle-recommend__list:first-child::after {
    display: none;
  }
  .widgetarticle-recommend__list:first-child .widgetarticle-recommend__title {
    padding-top: 15px;
    padding-bottom: 5px;
    line-height: 1.5em;
  }
  .widgetarticle-recommend__list:first-child .widgetarticle-recommend__title a {
    font-size: 12px;
  }
  .widgetarticle-recommend__list:nth-child(2) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__thumbnail a img {
    width: 100%;
    height: 90px;
    object-fit: cover;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__title a {
    font-size: 12px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__description {
    position: relative;
    width: 70%;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__thumbnail {
    width: 27%;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__description .widgetarticle-recommend__date {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .widgetarticle-recommend__list:nth-child(3) {
    font-size: 12px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(3) .widgetarticle-recommend__title a {
    font-size: 12px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:nth-child(4) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(4) .widgetarticle-recommend__title a {
    font-size: 12px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:last-child {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:last-child .widgetarticle-recommend__title a {
    font-size: 12px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__title {
    padding: 15px;
    line-height: 1.5em;
  }
  .service-btmarrow {
    transform: scale(0.8);
  }
}
.photo-container {
  width: 80%;
  margin: 0 auto;
}
.photo-title {
  text-align: center;
  margin: 180px 0 85px;
}
.photo-title__heading {
  font-size: 42px;
  font-weight: bold;
  margin: 0 0 25px 0;
}
.photo-title__text1 {
  font-size: 15px;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.photo-title__text2 {
  font-size: 18px;
  line-height: 1.5em;
}
.photo-img__pc {
  width: 80%;
  margin: 0 auto;
  display: block;
}
.photo-img__sp {
  display: none;
}
.photo-plan {
  margin: 70px 0 0 0;
}
.photo-plan__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.photo-plan__item {
  width: 25%;
  text-align: center;
  margin-bottom: 50px;
}
.photo-plan__img {
  width: 200px;
  height: 200px;
}
.photo-plan__name {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px;
}
.photo-plan__more {
  font-size: 13px;
}
.photo-plan__contactBtn {
  text-align: center;
}
.photo-button {
  text-align: center;
  margin-bottom: 70px;
}
.photo-button__myplan {
  background-color: #00334e;
  color: #fff;
  width: 80%;
  text-align: center;
  border: none;
  padding: 10px;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .photo-container {
    width: 85%;
  }
  .photo-title {
    margin: 20px 0 40px;
  }
  .photo-title__text2 {
    font-size: 14px;
  }
  .photo-img__pc {
    display: none;
  }
  .photo-img__sp {
    display: block;
    margin: 0 auto;
    width: 90%;
    transform: scale(1.2);
  }
  .photo-plan__list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 40px 0;
  }
  .photo-plan__item {
    width: 40%;
    margin-bottom: 25px;
  }
  .photo-plan__img {
    height: auto;
  }
  .photo-plan__name {
    font-size: 14px;
    width: calc(100% + 50px);
    margin: 10px -25px;
  }
  .photo-plan__more {
    font-size: 10px;
  }
  .article-service {
    margin: 0;
  }
  .article-recommend__container li {
    padding: 0;
  }
  .widgetarticle-recommend {
    padding: 0;
    border: none;
  }
  .widgetarticle-recommend__list:first-child {
    width: 100%;
    padding: 0 0 20px 0;
  }
  .widgetarticle-recommend__list:first-child::after {
    display: none;
  }
  .widgetarticle-recommend__list:first-child .widgetarticle-recommend__title {
    padding-top: 15px;
    padding-bottom: 5px;
    line-height: 1.5em;
  }
  .widgetarticle-recommend__list:first-child .widgetarticle-recommend__title a {
    font-size: 14px;
  }
  .widgetarticle-recommend__list:nth-child(2) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__thumbnail a img {
    width: 100%;
    height: 90px;
    object-fit: cover;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__title a {
    font-size: 14px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__description {
    position: relative;
    width: 70%;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__thumbnail {
    width: 27%;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__description .widgetarticle-recommend__date {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .widgetarticle-recommend__list:nth-child(3) {
    font-size: 14px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(3) .widgetarticle-recommend__title a {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:nth-child(4) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(4) .widgetarticle-recommend__title a {
    font-size: 14px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:last-child {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:last-child .widgetarticle-recommend__title a {
    font-size: 14px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__title {
    padding: 15px;
    line-height: 1.5em;
  }
  .service-btmarrow {
    transform: scale(0.8);
  }
}
.instagram-container {
  width: 80%;
  margin: 0 auto;
}
.instagram-title {
  text-align: center;
  margin: 180px 0 85px;
}
.instagram-title__heading {
  font-size: 42px;
  font-weight: bold;
  margin: 0 0 25px 0;
}
.instagram-title__text1 {
  font-size: 15px;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.instagram-title__text2 {
  font-size: 18px;
  line-height: 1.5em;
}
.instagram-img__pc {
  width: 80%;
  margin: 0 auto;
  display: block;
}
.instagram-img__sp {
  display: none;
}
.instagram-plan {
  margin: 70px 0 0 0;
}
.instagram-plan__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.instagram-plan__item {
  width: 25%;
  text-align: center;
  margin-bottom: 50px;
}
.instagram-plan__img {
  width: 200px;
  height: 200px;
}
.instagram-plan__name {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px;
}
.instagram-plan__more {
  font-size: 13px;
}
.instagram-plan__contactform {
  width: 950px;
  margin: 0 auto;
}
.instagram-button {
  text-align: center;
  margin-bottom: 70px;
}
.instagram-button__myplan {
  background-color: #00334e;
  color: #fff;
  width: 80%;
  text-align: center;
  border: none;
  padding: 10px;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .instagram {
    margin: 100px 0 0;
  }
  .instagram-container {
    width: 85%;
  }
  .instagram-title {
    margin: 20px 0 40px;
  }
  .instagram-title__text2 {
    font-size: 14px;
  }
  .instagram-img__pc {
    display: none;
  }
  .instagram-img__sp {
    display: block;
    margin: 0 auto;
    width: 90%;
    transform: scale(1.2);
  }
  .instagram-plan__list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 40px 0;
  }
  .instagram-plan__item {
    width: 40%;
    margin-bottom: 25px;
  }
  .instagram-plan__img {
    height: auto;
  }
  .instagram-plan__name {
    font-size: 14px;
    width: calc(100% + 50px);
    margin: 10px -25px;
  }
  .instagram-plan__more {
    font-size: 10px;
  }
  .instagram-plan__contactform {
    width: 100%;
  }
  .article-service {
    margin: 0;
  }
  .article-recommend__container li {
    padding: 0;
  }
  .widgetarticle-recommend {
    padding: 0;
    border: none;
  }
  .widgetarticle-recommend__list:first-child {
    width: 100%;
    padding: 0 0 20px 0;
  }
  .widgetarticle-recommend__list:first-child::after {
    display: none;
  }
  .widgetarticle-recommend__list:first-child .widgetarticle-recommend__title {
    padding-top: 15px;
    padding-bottom: 5px;
    line-height: 1.5em;
  }
  .widgetarticle-recommend__list:first-child .widgetarticle-recommend__title a {
    font-size: 14px;
  }
  .widgetarticle-recommend__list:nth-child(2) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__thumbnail a img {
    width: 100%;
    height: 90px;
    object-fit: cover;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__title a {
    font-size: 14px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__description {
    position: relative;
    width: 70%;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__thumbnail {
    width: 27%;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__description .widgetarticle-recommend__date {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .widgetarticle-recommend__list:nth-child(3) {
    font-size: 14px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(3) .widgetarticle-recommend__title a {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:nth-child(4) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(4) .widgetarticle-recommend__title a {
    font-size: 14px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:last-child {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:last-child .widgetarticle-recommend__title a {
    font-size: 14px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__title {
    padding: 15px;
    line-height: 1.5em;
  }
  .service-btmarrow {
    transform: scale(0.8);
  }
}
.freeservice {
  padding: 0 0 0 80px;
  width: 83%;
  margin: 60px auto;
}
.freeservice-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.freeservice-heading > div:first-of-type {
  width: 50%;
}
.freeservice-heading > div:first-of-type h3 {
  margin: 0;
  font-family: "Montserrat";
  color: #2E4E76;
  line-height: 1.5;
  font-size: 60px;
}
.freeservice-heading > div:first-of-type > p {
  font-size: 16px;
  line-height: 1.5;
  color: #2E4E76;
  font-weight: bold;
}
.freeservice-heading > div:first-of-type > a {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 16px 60px;
  background-color: #CE858F;
  border-radius: 28px;
  margin: 40px 0 0;
}
.freeservice-heading > div:last-of-type {
  width: 45%;
}
.freeservice-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 60px 0 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.freeservice-items__item {
  width: 45%;
  margin: 0 0 60px;
  aspect-ratio: 112/103;
  background-color: #2E4E76;
  border-radius: 4px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: url(/wp-content/themes/micado/img/new-homepage/icon/arrow_icon.svg) 39 39, default;
}
.freeservice-items__item:hover {
  opacity: inherit;
}
.freeservice-items__item > div > span {
  font-family: "Montserrat";
  font-size: 12px;
}
.freeservice-items__item > div > h5 {
  margin: 8px;
  font-size: 24px;
}
.freeservice-items__item > div > p {
  margin: 8px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .freeservice {
    padding: 0;
    width: 93%;
  }
  .freeservice-heading {
    flex-direction: column;
  }
  .freeservice-heading > div:first-of-type {
    width: 100%;
  }
  .freeservice-heading > div:first-of-type h3 {
    font-size: 40px;
  }
  .freeservice-heading > div:first-of-type > p {
    font-size: 14px;
  }
  .freeservice-heading > div:first-of-type > a {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 16px 60px;
    background-color: #CE858F;
    border-radius: 28px;
    margin: 32px 0 0;
  }
  .freeservice-heading > div:last-of-type {
    width: 100%;
    margin: 40px 0 0;
  }
  .freeservice-items__item {
    width: 100%;
    margin: 0 0 32px;
    padding: 16px;
  }
  .freeservice-items__item > div > span {
    font-size: 12px;
  }
  .freeservice-items__item > div > h5 {
    font-size: 20px;
  }
  .freeservice-items__item > div > p {
    font-size: 14px;
  }
}
#top_menu {
  display: none;
}

.box-size-count {
  font-size: 16px;
  letter-spacing: 0.8px;
  color: #2E4E76;
  font-family: "source-han-sans-japanese", sans-serif;
  writing-mode: vertical-rl;
  text-orientation: sideways;
  width: 40px;
  padding: 0 8px 0 0;
  box-sizing: border-box;
}
.box-size-count .count-up {
  font-size: 32px;
  margin: 4px 0;
}

.mint-header {
  width: 100%;
  height: 60px;
  background-color: #2e4e76;
}

.run-slide-blog-pc {
  width: 100%;
}

.img-show-lock {
  position: relative;
}
.img-show-lock .lock-icon {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 25px !important;
  height: 33px !important;
  opacity: 1;
  border: none;
  border-radius: unset;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.3215686275));
}

.mint-mainc .title-category {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}
.mint-mainc .title-category-main {
  margin-right: 10px;
  letter-spacing: 1.44px;
}
.mint-mainc .title-category-sub {
  font-size: 12px;
  letter-spacing: 0.72px;
  color: #222222;
}

@media screen and (max-width: 768px) {
  #left-menu {
    display: none;
  }
  #top_menu {
    display: flex;
  }
  .mint {
    padding: 60px 0 0;
  }
  .mint-header {
    display: none;
  }
  .latest .group-content .check-all-content {
    display: flex;
  }
  .latest .group-content .check-all-content .text {
    font-size: 16px;
    letter-spacing: 0.28px;
  }
  .latest .group-content .check-all-content .img img {
    width: 16px;
    height: 16px;
  }
  .img-show-lock {
    position: relative;
  }
  .img-show-lock .lock-icon {
    position: absolute;
    top: 10px;
    right: 60px;
    top: 20px;
    right: 20px;
    width: 16px !important;
    height: 20px !important;
    opacity: 1;
    filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.3215686275));
  }
  .mint-maincleft__category ul {
    display: block;
    width: 100%;
    margin: 0;
  }
  .mint-maincleft__category ul a {
    width: 100%;
    height: 89px;
  }
  .mint-maincleft__category ul a li h3 {
    font-size: 16px;
    letter-spacing: 0.64px;
  }
  .mint-maincleft__category ul a li span {
    letter-spacing: 0.48px;
  }
  .mint-maincleft__new .ebook-item__ebook .mint-maincleft__new--posts .ebook-item__ebook .ebook-item__slider .ebook-item__next {
    display: none !important;
  }
  .mint-maincleft__new .ebook-item__ebook .mint-maincleft__new--posts .ebook-item__ebook .ebook-item__slider .slick-dots li button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2E4E76;
    opacity: 0.4;
  }
  .mint-maincleft__new .ebook-item__ebook .mint-maincleft__new--posts .ebook-item__ebook .ebook-item__slider .slick-dots li button:before {
    opacity: 1;
  }
  .mint-maincleft__new .ebook-item__ebook .mint-maincleft__new--posts .ebook-item__ebook .ebook-item__slider .slick-dots .slick-active button {
    opacity: 1;
  }
  .mint-maincleft__new .all-ebook-pc {
    display: none !important;
  }
  .mint-maincleft__new .group-content .check-all-content {
    display: flex;
  }
  .mint-maincleft__new .group-content .check-all-content .text {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.dl-service-fv {
  width: 100%;
  font-weight: 700;
  font-style: normal;
  display: flex;
  justify-content: space-between;
  font-family: "BIZ UDGothic", sans-serif;
  font-style: normal;
  height: 100vh;
}
.dl-service-fv .left-dl {
  width: 45%;
  padding: 100px 0 0;
}
.dl-service-fv .left-dl h1 {
  font-weight: 700;
  font-size: 32px;
  line-height: 28.8px;
  color: #1C1C1C;
}
.dl-service-fv .left-dl .service-img {
  width: 100%;
  height: auto;
  aspect-ratio: 9/4;
  background-color: white;
  margin: 30px 0;
}
.dl-service-fv .left-dl .service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dl-service-fv .left-dl p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28.8px;
  color: #1C1C1C;
}
.dl-service-fv .left-dl a {
  font-size: 16px;
  line-height: 28.8px;
  color: #9AA6B2;
  border: 2px solid #9AA6B2;
  border-radius: 8px;
  padding: 4px 0;
  width: 192px;
  display: block;
  text-align: center;
  margin: 30px 0 0;
}
.dl-service-fv .right-dl {
  width: 38.6%;
  background-color: white;
  padding: 60px 32px 35px;
  border-radius: 8px;
  height: fit-content;
}
.dl-service-fv .right-dl p {
  font-weight: 400;
  font-size: 16px;
  line-height: 28.8px;
  color: #1C1C1C;
  margin: 0 0 40px;
}
.dl-service-fv .right-dl form h4 {
  display: none;
}
.dl-service-fv .right-dl form input {
  height: 48px !important;
  max-width: 400px;
  margin: 0px auto 16px !important;
  border-radius: 8px;
  box-shadow: unset !important;
  border: 1px solid #DEE0E0;
}
.dl-service-fv .right-dl form input::placeholder {
  color: rgba(28, 28, 28, 0.1215686275);
  font-weight: 700;
  font-size: 16px;
  line-height: 28.8px;
  font-family: "BIZ UDGothic", sans-serif;
}
.dl-service-fv .right-dl form .con-pri-margin {
  height: 13px !important;
  margin: 30px 0 33px !important;
}
.dl-service-fv .right-dl form .wpcf7-form-control-wrap {
  width: 100%;
  max-width: 400px;
  display: block;
  margin: 0 auto;
}
.dl-service-fv .right-dl form .wpcf7-form-control-wrap .wpcf7-list-item {
  margin: 0;
}
.dl-service-fv .right-dl form .wpcf7-form-control-wrap span.wpcf7-list-item-label {
  color: #1C1C1C;
  font-weight: 400;
  font-size: 14px;
  line-height: 28.8px;
  font-family: "BIZ UDGothic", sans-serif;
}
.dl-service-fv .right-dl form .ebook-form-submit input {
  width: 100%;
  max-width: 400px;
  background-color: #9AA6B2;
  display: block;
  color: white;
  padding: 10px 0 16px;
  text-align: center;
  margin: 0 auto !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 28.8px;
  font-family: "BIZ UDGothic", sans-serif;
}

.dl-thank-text {
  font-size: 16px;
  line-height: 28.8px;
  color: #1A1B35;
  text-align: center;
  margin: 400px 0 0;
}

.dl-thank-btn {
  font-size: 20px;
  padding: 24px 0;
  border-radius: 50px;
  width: 320px;
  text-align: center;
  color: white;
  background-color: #6C84A7;
  display: block;
  margin: 42px auto 0;
}

@media screen and (max-width: 768px) {
  .dl-thank-text {
    font-size: 14px;
    line-height: 21px;
    color: #1A1B35;
    text-align: center;
    margin: 100px 0 0;
  }
  .dl-service-fv {
    display: block;
    height: auto;
  }
  .dl-service-fv .left-dl {
    width: 100%;
    padding: 10px 0 0;
  }
  .dl-service-fv .left-dl h1 {
    font-size: 20px;
  }
  .dl-service-fv .left-dl p {
    font-size: 14px;
  }
  .dl-service-fv .left-dl .service-img {
    aspect-ratio: 358/203;
    margin: 20px 0;
  }
  .dl-service-fv .left-dl a {
    margin: 24px auto 50px;
  }
  .dl-service-fv .right-dl {
    width: 100%;
    background-color: white;
    padding: 40px 20px 40px;
    box-sizing: border-box;
  }
  .dl-service-fv .right-dl p {
    font-size: 14px;
    margin: 0 0 28px;
  }
  .dl-service-fv .right-dl form .con-pri-margin {
    margin: 6px 16px 30px 0px !important;
  }
  .dl-service-fv .right-dl form .wpcf7-form-control-wrap .wpcf7-list-item {
    padding: 0 !important;
  }
}
.seminarvform {
  margin: 150px auto 100px;
  display: flex;
  width: 80%;
  justify-content: space-between;
}
.seminarvform-left {
  width: 65%;
}
.seminarvform-left__ttl {
  font-size: 24px;
  text-align: center;
  margin: 0 auto 30px;
  font-weight: 600;
}
.seminarvform-left__ttl2 {
  font-size: 16px;
  text-align: center;
  margin: 0 auto 30px;
  line-height: 1.4;
}
.seminarvform-left__item--flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.seminarvform-left__item--flex___item {
  width: 47%;
}
.seminarvform-left__item--flex___item p {
  padding: 16px 0 20px 0;
  font-size: 16px;
  line-height: 1.4;
}
.seminarvform-left__item--flex___item p:nth-child(3) {
  font-size: 12px;
  color: #707070;
  padding: 0 0 24px 0;
}
.seminarvform-left__item h2 {
  background-color: #c7e4fd;
  padding: 10px;
  font-size: 20px;
  margin: 20px 0 24px;
}

.seminarslide {
  width: 80%;
  margin: 0 auto 100px;
}
.seminarslide-img {
  width: 90%;
}

@media screen and (max-width: 768px) {
  .seminarvform {
    width: 85%;
    margin: 20px auto 40px;
    display: block;
  }
  .seminarvform-left {
    width: 100%;
  }
  .seminarvform-left__ttl {
    width: 100%;
  }
  .seminarvform-left__ttl2 {
    font-size: 15px;
  }
  .seminarvform-left__posts {
    display: block;
  }
  .seminarvform-left__item--flex {
    display: flex;
    justify-content: space-between;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-left: 1.5rem;
    padding-right: 0.5rem;
    overscroll-behavior-x: none;
  }
  .seminarvform-left__item--flex___item {
    width: 100%;
    position: relative;
    flex: 0 0 calc(300px + 0.5rem);
    max-width: calc(300px + 0.5rem);
    min-width: calc(300px + 0.5rem);
    padding-right: 1rem;
  }
  .seminarvform .ebform-right {
    display: block;
    position: relative;
  }
}
.ebook-item__img {
  cursor: pointer;
}

.ebook {
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 100px;
}
.ebook-container {
  width: 80%;
  margin: 0 auto;
}
.ebook-item {
  margin: 60px auto 100px;
  display: flex;
  justify-content: space-between;
}
.ebook-item__text {
  width: 25%;
}
.ebook-item__ebook {
  width: 60%;
}
.ebook-item__ebook .slick-list {
  padding: 0 30% 0 0;
}
.ebook-item__namep {
  font-size: 20px;
  position: relative;
}
.ebook-item__namep::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 150px;
  width: 100px;
  height: 2px;
  background-color: #1c1c1c;
}
.ebook-item__ttl {
  font-size: 25px;
}
.ebook-item__desc {
  font-size: 15px;
  line-height: 1.5em;
}
.ebook-item__img:hover {
  opacity: 0.6;
}
.ebook-item__prev::before {
  content: "";
  position: absolute;
  font-size: 24px;
  left: -30px;
  padding: 5px;
  top: 48%;
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  transform: rotate(-135deg);
}
.ebook-item__prev:hover::before {
  cursor: pointer;
  cursor: hand;
  opacity: 0.3;
  transition: 0.5s;
}
.ebook-item__next::before {
  content: "";
  position: absolute;
  font-size: 24px;
  right: -30px;
  padding: 5px;
  top: 48%;
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  transform: rotate(45deg);
}
.ebook-item__next:hover::before {
  cursor: pointer;
  cursor: hand;
  opacity: 0.3;
  transition: 0.5s;
}
.ebook-item__slider li {
  padding: 0 10px;
  box-sizing: border-box;
}

.box-ebook .diagnosis {
  width: 83%;
  max-width: 1200px;
  padding: 120px 0 0;
  margin: auto;
  justify-content: space-between;
}
.box-ebook .diagnosis .ebook-details-diagnosis-left {
  width: 93% !important;
  margin: 0 auto;
}

.ebook-details .diagnosis-left {
  width: 50%;
  max-width: 600px;
}
.ebook-details .diagnosis-left .header-box .header-box-img {
  width: 35%;
}
.ebook-details .diagnosis-left .header-box .header-box-img img {
  object-fit: cover;
  width: 100%;
}
.ebook-details .diagnosis-left .header-box .content-left-paragraph .title {
  width: 100%;
  font-family: "source-han-sans-japanese", sans-serif;
  letter-spacing: 1.92px;
  color: #1A1B35;
}
.ebook-details .diagnosis-left .header-box .content-left-paragraph .paragraph-1 .paragraph-title {
  font-family: "source-han-sans-japanese", sans-serif;
  letter-spacing: 1.6px;
  color: #1A1B35;
}
.ebook-details .diagnosis-left .header-box .content-left-paragraph .paragraph-1 .paragraph-content {
  letter-spacing: 1.28px;
  color: #1A1B35;
  line-height: 1.5;
}
.ebook-details .diagnosis-left .group-content {
  width: 60%;
  justify-content: flex-start;
}
.ebook-details .diagnosis-left .group-content .check-all-content .img {
  width: 40px;
  height: 40px;
}
.ebook-details .diagnosis-left .group-content .check-all-content .img img {
  width: 20px;
  height: 20px;
}
.ebook-details .diagnosis-left .ebook-slider {
  margin: 60px auto 40px;
}
.ebook-details .diagnosis-left .ebook-slider .slick-slide {
  margin: 0 8px;
}
.ebook-details .diagnosis-left .ebook-slider .slick-slide .ebook-slide img {
  aspect-ratio: 3/4;
}
.ebook-details .diagnosis-right .diagnosis-right-body {
  width: unset;
  position: unset;
}

.box-paragraph-item .title {
  font-family: "source-han-sans-japanese", sans-serif;
  letter-spacing: 1.6px;
  color: #1A1B35;
}
.box-paragraph-item .des {
  letter-spacing: 1.28px;
  color: #1A1B35;
}
.box-paragraph-item .des p {
  display: flex;
  justify-content: space-between;
}
.box-paragraph-item .des p img {
  max-width: 29%;
  margin-right: 15px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3490196078);
}

@media screen and (max-width: 768px) {
  .box-ebook_sp .ebook-slider {
    display: none;
  }
  .box-ebook_sp .group-content {
    display: none;
  }
  .box-ebook_sp .ebook-details .header-box .diagnosis-left__comment {
    width: 100%;
  }
  .box-ebook_sp .ebook-details .header-box .diagnosis-left__comment .content-left-paragraph .title {
    font-size: 20px;
  }
  .box-ebook_sp .ebook-details .header-box .diagnosis-left__comment .paragraph-1 {
    margin-top: 30px;
  }
  .box-ebook_sp .ebook-details .header-box .diagnosis-left__comment .paragraph-1 .paragraph-title {
    font-size: 16px;
  }
  .freetitle {
    width: 90%;
    height: 160px;
  }
  .freetitle::before {
    width: 100%;
    transform: skewY(0deg);
  }
  .freetitle-ttl {
    font-size: 22px;
  }
  .freetitle-txt {
    font-size: 12px;
  }
  .ebook-item {
    margin: 60px auto 0;
    display: block;
  }
  .ebook-item__text {
    width: 100%;
    padding-bottom: 40px;
  }
  .ebook-item__ebook {
    width: 80%;
    margin: 0 auto;
  }
  .freeimg {
    width: 70%;
    margin: -65px 0 0 auto;
  }
  .newseminar {
    margin: 40px auto;
  }
  .newseminar-main__seminardate {
    font-size: 22px;
  }
  .newseminar-main__seminarweek {
    font-size: 22px;
  }
  .newseminar-main__seminarttl {
    font-size: 16px;
  }
  .newseminar-main__seminarimg {
    width: 100%;
  }
  .newseminar-main__seminarlink {
    font-size: 16px;
    width: 100%;
    padding: 8px;
  }
  .newseminar-past {
    margin: 0 auto 40px;
  }
  .newseminar-past__posts {
    margin-top: 20px;
  }
  .newseminar-past__img {
    width: 48%;
  }
  .ebook-details .diagnosis-left .header-box .header-box-img {
    margin: 0 auto;
    width: 210px;
    height: 280px;
  }
  .ebook-details .diagnosis-left .content-left-paragraph .title {
    width: 100%;
    font-family: "source-han-sans-japanese", sans-serif;
    letter-spacing: 1.6px;
    color: #1A1B35;
    font-size: 20px;
  }
  .ebook-details .diagnosis-left .content-left-paragraph .paragraph-1 .paragraph-title {
    font-family: "source-han-sans-japanese", sans-serif;
    letter-spacing: 1.28px;
    color: #1A1B35;
    font-size: 16px;
  }
  .ebook-details .diagnosis-left .content-left-paragraph .paragraph-1 .paragraph-content {
    font-size: 14px;
    letter-spacing: 1.12px;
    color: #1A1B35;
  }
  .ebook-details .diagnosis-left .group-content {
    justify-content: flex-start;
  }
  .ebook-details .diagnosis-left .group-content .check-all-content {
    display: flex;
  }
  .ebook-details .diagnosis-left .group-content .check-all-content .img {
    width: 40px;
    height: 40px;
  }
  .ebook-details .diagnosis-left .group-content .check-all-content .img img {
    width: 20px;
    height: 20px;
  }
  .ebook-details .diagnosis-left .box-paragraph-item .title {
    font-size: 16px;
    font-family: "source-han-sans-japanese", sans-serif;
    letter-spacing: 1.28px;
    color: #1A1B35;
  }
  .ebook-details .diagnosis-left .box-paragraph-item .des {
    font-size: 14px;
    letter-spacing: 1.12px;
    color: #1A1B35;
  }
}
.seminar-article__desc {
  font-size: 14px;
  line-height: 1.4em;
  margin: 30px 0;
}
.seminar-article__btn {
  width: 50%;
  margin: 30px auto;
}
.seminar-article__btn button {
  width: 100%;
  background-color: orange;
  color: #fff;
  border: none;
  padding: 10px;
  font-size: 18px;
  font-weight: 600;
}
.seminar-article__btn button:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(1deg);
}
.seminar-article__point {
  position: relative;
  padding: 1rem 0.5rem;
  font-size: 24px;
  margin-top: 30px;
}
.seminar-article__point:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: "";
  border-radius: 3px;
  background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
  background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
  background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);
}
.seminar-article__block {
  position: relative;
  padding: 30px 15px;
  box-sizing: border-box;
  background: #efefef;
  color: #1c1c1c;
  border-radius: 5px;
  border-left: 3px solid orange;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}
.seminar-article__block:before {
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 15px;
  color: orange;
  font-size: 28px;
  line-height: 1;
  font-weight: 600;
}
.seminar-article__blockimg {
  width: 30%;
  margin-bottom: 20px;
}
.seminar-article__form {
  margin: 40px 0;
  font-size: 16px;
  border: 1px solid #1570A6;
  padding: 30px;
}
.seminar-article__form p {
  margin: 18px 0;
}
.seminar-article__form .wpcf7-form-control {
  width: 98%;
}
.seminar-article__ttl {
  font-size: 14px;
  font-weight: 600;
  color: #505050;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .seminar-article__disc {
    font-size: 14px;
  }
  .seminar-article__btn {
    width: 80%;
  }
  .seminar-article__point {
    font-size: 18px;
  }
  .seminar-article__block {
    font-size: 14px;
  }
  .seminar-article__ttl {
    line-height: 1.5em;
    margin: 0 0 40px;
  }
  .btn-block {
    margin-bottom: 20px;
  }
}
.semieb {
  display: flex;
  width: 100%;
}
.semieb-seminar {
  width: 50%;
  height: 16vw;
  position: relative;
  overflow: hidden;
}
.semieb-seminar:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.6;
  transition: 0.5s;
}
.semieb-seminar__link {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.semieb-seminar__img {
  height: 100%;
}
.semieb-seminar__img img {
  height: 100%;
  width: auto;
}
.semieb-ebook {
  width: 50%;
  overflow: hidden;
  height: 16vw;
  background-color: rgba(0, 0, 0, 0.7803921569);
}
.semieb-ebook__ttl {
  font-size: 1.2vw;
  color: #fff;
  margin: 15px;
  text-align: center;
}
.semieb-ebook__block {
  width: 100%;
  height: auto;
  display: flex !important;
  justify-content: space-around;
}
.semieb-ebook__blocks {
  display: flex;
}
.semieb-ebook__imgs {
  width: 28%;
}
.semieb-ebook__text {
  width: 59%;
}
.semieb-ebook__bookttl {
  font-size: 1.1vw;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 15px;
}
.semieb-ebook__button {
  font-weight: 600;
  width: 90%;
  border: none;
  margin: 7px 0;
  font-size: 1.1vw;
  box-shadow: 1px 1px 3px #fff;
}
.semieb-ebook__button:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(-1deg);
}

@media screen and (max-width: 1024px) {
  .semieb-seminar {
    height: 200px;
  }
  .semieb-ebook {
    height: 200px;
  }
  .semieb-ebook__ttl {
    font-size: 16px;
  }
  .semieb-ebook__bookttl {
    font-size: 14px;
  }
  .semieb-ebook__button {
    font-size: 12px;
  }
}
.seminarlink {
  margin-top: 80px;
  margin-bottom: 100px;
}

.seminarlink-seminarimg {
  width: 23%;
  padding: 15px 0;
  transition: all 0.5s;
}

.seminarlink-seminarimg:hover {
  opacity: 0.6;
  transition: all 0.5s;
}

.mission {
  width: 100%;
  height: 100vh;
  background-image: url(/wp-content/themes/micado/img/top_tr1b.png), url(/wp-content/themes/micado/img/top_tr2b.png), url(/wp-content/themes/micado/img/top_tr3b.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: -110px 150px, 189px -40px, 720px 40px;
  position: relative;
  color: #fff;
  background-color: #00293e !important;
}
.mission-container {
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.mission-contents {
  width: 100%;
  display: flex;
  position: relative;
}
.mission-contents__heading {
  font-size: 60px;
}
.mission-contents__text {
  font-size: 24px;
  margin-bottom: 35px;
  line-height: 1.5em;
}
.mission-contents__slide {
  width: 85%;
}
.mission-contents__logob {
  width: 15%;
}
.mission-contents__slider {
  width: 70%;
}
.mission-contents__logo {
  opacity: 0.5;
}
.mission-contents__logob {
  width: 10%;
  position: absolute;
  right: 0;
}
.mission-scroll {
  text-align: center;
  position: relative;
}
.mission-scroll__bottom {
  font-size: 14px;
  color: #fff;
}

.mission-contents__ttl {
  font-size: 24px;
  text-align: center;
}
.mission-contents__flex {
  display: flex;
  width: 80%;
  margin: 50px auto;
}
.mission-contents__flextxt {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.4;
}
.mission-contents__flexservice {
  margin-top: 20px;
  text-align: right;
}
.mission-contents__flexname {
  font-size: 16px;
}
.mission-contents__flexlink {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.mission-contents__flexmore {
  padding: 10px 20px 5px 0;
}
.mission-contents__flexmore::before {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 7.5%;
  width: 30%;
  height: 1px;
  background: #fff;
}
.mission-contents__flexmore::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: 6.5%;
  width: 15px;
  height: 1px;
  background: #fff;
  transform: rotate(35deg);
}
.mission-contents__first {
  width: 30%;
  padding-right: 2.5%;
  position: relative;
}
.mission-contents__first:hover {
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(1deg);
}
.mission-contents__second {
  width: 30%;
  padding: 0 2.5%;
  position: relative;
}
.mission-contents__second:hover {
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(1deg);
}
.mission-contents__third {
  width: 30%;
  padding-left: 2.5%;
  position: relative;
}
.mission-contents__third:hover {
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(1deg);
}
.mission-contents__third .mission-contents__flexmore::before {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 0;
  width: 30%;
  height: 1px;
  background: #fff;
}
.mission-contents__third .mission-contents__flexmore::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -1%;
  width: 15px;
  height: 1px;
  background: #fff;
  transform: rotate(35deg);
}
.mission-contents__fourth {
  width: 30%;
  padding: 0 2.5%;
  position: relative;
}
.mission-contents__fourth:hover {
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(1deg);
}
.mission-contents__back {
  font-size: 18px;
  text-align: center;
  display: inherit;
  margin-top: 30px;
}
.mission-contents__img {
  margin: 10px 0;
}
.mission-contents__img > img {
  border-radius: 15px;
}

.arrow_img {
  width: 30px;
  margin: 10px auto 0;
}

@media screen and (max-width: 768px) {
  .mission-container {
    width: 85%;
  }
  .mission-contents {
    width: 100%;
    display: block;
  }
  .mission-contents__flex {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
  }
  .mission-contents__first {
    width: 48%;
    padding: 0;
  }
  .mission-contents__second {
    width: 48%;
    padding: 0;
  }
  .mission-contents__third {
    width: 48%;
    padding: 0;
  }
  .mission-contents__fourth {
    width: 48%;
    padding: 0;
  }
  .mission-contents__ttl {
    line-height: 1.5em;
  }
  .mission-contents__slide {
    width: 100%;
  }
  .mission-contents__heading {
    font-size: 28px;
    line-height: 1.5em;
  }
  .mission-contents__text {
    font-size: 16px;
  }
  .mission-contents__logob {
    top: 0;
  }
  .mission-container .serviceWOP-container {
    display: block;
    margin: 20px auto;
  }
}
.box-category {
  width: 83%;
  max-width: 1200px;
  margin: 60px auto 0;
}

.category-container {
  width: 80%;
  margin: 150px auto;
  display: flex;
  justify-content: space-between;
}
.category-archive {
  width: 65%;
}

.archive-title {
  background-color: #ededed;
  padding: 10px;
  margin-bottom: 40px;
}
.archive-title__heading {
  font-size: 16px;
  border-left: 2px solid #000;
  background-color: #ededed;
  margin: 0;
  padding: 10px;
}

.article-lists__item {
  width: 100%;
  padding: 25px 0;
  border-bottom: 1px solid #707070;
}
.article-lists__flex {
  display: flex;
  justify-content: space-between;
}
.article-lists__img {
  width: 27%;
}
.article-lists__img img {
  width: 100%;
  height: 148px;
  object-fit: cover;
}
.article-lists__text {
  width: 70%;
  margin-left: 30px;
}
.article-lists__date {
  font-size: 13px;
}
.article-lists__title {
  font-size: 18px;
  margin: 10px 0;
  line-height: 1.5em;
}
.article-lists__desc {
  font-size: 14px;
  line-height: 1.5em;
}

.sp {
  display: none;
}

.l-pagenation {
  width: 100%;
  max-width: 461px;
  margin: 55px auto 0;
}

.l-pagenation-more {
  width: 70%;
  margin: 0 auto 23px;
}

.button-fit {
  display: block;
  text-align: center;
  color: #000;
  background-color: #fff;
  border: 1px solid;
  margin-top: 25px;
  padding: 15px;
  font-size: 16px;
  border-radius: 5px;
  position: relative;
}
.button-fit::after {
  content: "→";
  position: absolute;
  top: 30%;
  right: 5%;
  color: #000;
  font-size: 18px;
}

.button-fit:hover {
  background-color: #000;
  color: #fff;
}
.button-fit:hover::after {
  color: #fff;
}

.button-text {
  padding: 0 40px;
  font-size: 16px;
  letter-spacing: 0.07em;
  line-height: 1.75;
}

.button-icon {
  position: absolute;
  top: 50%;
  right: 30px;
  font-size: 12px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.button-icon:before {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon-arrow:before {
  content: "→";
}

.pagenation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70%;
  margin: 0 auto 66px;
  color: #fff;
  text-align: center;
  background: #181818;
  overflow: hidden;
  border-radius: 3px;
}

.pagenation-prev {
  border-right: 1px solid #fff;
}

.pagenation-prev p {
  padding-top: 14px;
  margin: 0;
}

p.pagenation-prev-button {
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.pagenation-prev-button a {
  color: #fff;
  font-size: 16px;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 3.5;
}

.pagenation-next, .pagenation-prev {
  display: block;
  min-height: 56px;
  -webkit-flex-basis: 112px;
  -ms-flex-preferred-size: 112px;
  flex-basis: 112px;
  font-size: 16px;
  font-weight: 700;
  color: inherit;
}

.pagenation-next > a, .pagenation-prev > a {
  display: block;
  color: inherit;
}

.pagenation-select {
  position: relative;
  display: block;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 1px solid #fff;
}

.pagenation-select-label {
  position: absolute;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  top: 37%;
  left: 0;
}

.pagenation-select-label span {
  padding: 0 2px;
}

.pagenation-next {
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.pagenation-next a {
  color: #fff;
  font-size: 16px;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 3.5;
}

.pagenation-next, .pagenation-prev {
  display: block;
  min-height: 56px;
  -webkit-flex-basis: 112px;
  -ms-flex-preferred-size: 112px;
  flex-basis: 112px;
  font-size: 16px;
  font-weight: 700;
  color: inherit;
}

.infeed-ads {
  background-color: #EDEDED;
  margin: 25px 0;
}

.infeed-ads-container {
  display: flex;
  padding: 30px 10px 30px 10px;
  justify-content: space-evenly;
}

a.ads-content {
  padding-right: 30px;
  padding-left: 30px;
  width: 50%;
}

.mint-pagination__number .pagination .current {
  background: #2E4E76;
  color: white !important;
}
.mint-pagination__number .pagination .page-numbers {
  border: 1px solid #2E4E76;
  color: #2E4E76;
}
.mint-pagination__number .pagination .next {
  border: none;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
}
.mint-pagination__number .pagination .prev {
  border: none;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
}

@media screen and (max-width: 768px) {
  .box-category {
    width: 91.8%;
  }
  .category-container {
    display: block;
    width: 80%;
    margin: 30px auto;
  }
  .category-archive {
    width: 100%;
  }
  .archive-title {
    width: 100%;
    margin: 30px auto 10px;
    display: block;
    background-color: #e2e2e2;
    padding: 15px 0px;
    position: relative;
  }
  .archive-title::before {
    border-left: 2px solid #2e70e6;
    content: "";
    flex-grow: 1;
    height: 27px;
    margin-right: 1rem;
    position: absolute;
    left: 20px;
    top: 10px;
  }
  .archive-title__heading {
    border: none;
    background-color: #e2e2e2;
    font-size: 14px;
    text-align: center;
    padding: 0;
    margin: 0;
  }
  .article-lists__flex {
    display: block;
  }
  .article-lists__img .pc-tb {
    display: none !important;
  }
  .article-lists__img {
    width: 100%;
    display: block !important;
  }
  .article-lists__img img {
    height: auto;
  }
  .article-lists__text {
    margin-left: 0;
    width: 100%;
  }
  .article-lists__date {
    padding-top: 10px;
  }
  .l-pagenation-more {
    width: 100%;
  }
  .pagenation {
    width: 100%;
  }
  .pagenation-next, .pagenation-prev {
    flex-basis: 88px;
  }
  .pc-tb {
    display: none !important;
  }
  .sp {
    width: 100%;
    display: block !important;
  }
  .sp img {
    height: auto;
    border-radius: 10px;
  }
  .list__text {
    width: 70%;
    margin-left: 10x;
  }
  .list__text p {
    font-size: 10px;
  }
  .list__text--title {
    font-size: 16px;
  }
  .main-sidebar-container {
    width: 90%;
  }
  .mint-pagination__number--sp .pagination {
    display: unset;
  }
  .mint-pagination__number--sp .pagination .current {
    background: #2E4E76;
    color: white !important;
  }
  .mint-pagination__number--sp .pagination .page-numbers {
    border: 1px solid #2E4E76;
    color: #2E4E76;
    width: 40px;
    height: 40px;
  }
  .mint-pagination__number--sp .pagination .nav-links {
    justify-content: space-between;
  }
  .mint-pagination__number--sp .pagination .next {
    border: none;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
    color: #BBBBC7;
  }
  .mint-pagination__number--sp .pagination .prev {
    border: none;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
    color: #BBBBC7;
  }
}
#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
}
#overlay:hover {
  cursor: pointer;
  cursor: hand;
}

#eboverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
}
#eboverlay:hover {
  cursor: pointer;
  cursor: hand;
}

.modal-window {
  display: none;
  position: fixed;
  width: 65%;
  height: 75%;
  z-index: 11;
  margin: 100px auto 0;
  background-color: #F6F5FC;
  inset: 0;
  border-radius: 30px;
  padding: 20px 40px 40px 40px;
  overflow-y: scroll;
}
.modal-ttl {
  font-size: 20px;
  padding-left: 20px;
  margin: 0 0 5px;
}
.modal-first {
  border-radius: 20px;
  display: flex;
  padding: 25px;
  background-color: #fff;
  box-shadow: 0 0 25px rgba(131, 131, 178, 0.7803921569);
  justify-content: space-between;
}
.modal-first__left {
  width: 15%;
}
.modal-first__right {
  width: 80%;
}
.modal-first__rightttl {
  font-size: 24px;
}
.modal-first__righttxt {
  font-size: 18px;
  line-height: 1.4;
}
.modal-second {
  display: flex;
  margin: 20px 0;
  justify-content: space-between;
}
.modal-second__left {
  padding: 30px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 25px rgba(131, 131, 178, 0.7803921569);
  width: 42%;
}
.modal-second__lefttxt {
  font-size: 16px;
  margin: 8px 0;
  list-style: inside;
}
.modal-second__right {
  padding: 30px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 25px rgba(131, 131, 178, 0.7803921569);
  width: 42%;
}
.modal-third {
  display: flex;
  margin: 20px 0;
  justify-content: space-between;
}
.modal-third__left {
  padding: 30px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 25px rgba(131, 131, 178, 0.7803921569);
  width: 62%;
}
.modal-third__lefttxt {
  background: linear-gradient(45deg, #9397F0, #4169E8);
  padding: 5px 10px;
  color: #fff;
  border-radius: 10px;
  font-size: 14px;
  margin-right: 10px;
  margin-top: 10px;
  flex-wrap: nowrap;
}
.modal-third__lefttxts {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.modal-third__right {
  padding: 30px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 0 25px rgba(131, 131, 178, 0.7803921569);
  width: 22%;
  display: table;
}
.modal-third__rightprice {
  font-size: 32px;
}
.modal-third__righttxt {
  font-size: 20px;
  font-weight: 600;
  display: table-row;
}

.button-close {
  display: block;
  width: 50px; /*枠の大きさ*/
  height: 50px; /*枠の大きさ*/
  position: relative;
  margin: 0 0 0 auto;
  margin-bottom: 10px;
  transition: 0.3s linear;
  z-index: 1;
}
.button-close:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(45deg);
  transition: 0.3s linear;
}

.button-close::before, .button-close::after {
  content: "";
  display: block;
  width: 100%; /*バツ線の長さ*/
  height: 5px; /*バツ線の太さ*/
  background: #000;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(14% - 5px);
  left: 14%;
}

.button-close::after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}

.web-plan__item:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(2.5deg);
}

.ota-plan__item:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(2.5deg);
}

.photo-plan__item:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(2.5deg);
}

.instagram-plan__item:hover {
  cursor: pointer;
  cursor: hand;
  opacity: 0.6;
  transition: 0.5s;
  transform: rotate(2.5deg);
}

.ttl-lightgreen {
  position: relative;
}
.ttl-lightgreen::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #92D09E;
  position: absolute;
  left: 0;
  top: 5px;
}
.ttl-green {
  position: relative;
}
.ttl-green::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #50845A;
  position: absolute;
  left: 0;
  top: 5px;
}
.ttl-lightblue {
  position: relative;
}
.ttl-lightblue::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #00B8D0;
  position: absolute;
  left: 0;
  top: 5px;
}
.ttl-blue {
  position: relative;
}
.ttl-blue::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #0030D0;
  position: absolute;
  left: 0;
  top: 5px;
}

@media screen and (max-width: 768px) {
  .web-container {
    width: 85%;
  }
  .web-title {
    margin: 120px 0 40px;
  }
  .web-img {
    width: 90%;
    transform: scale(1.2);
  }
  .web-plan__list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 70px 0;
  }
  .web-plan__item {
    width: 40%;
  }
  .web-plan__item:nth-last-of-type(even) {
    position: relative;
    top: 50px;
  }
  .web-plan__img {
    height: auto;
  }
  .web-plan__name {
    font-size: 12px;
    width: calc(100% + 50px);
    margin: 10px -25px;
  }
  .web-plan__more {
    font-size: 10px;
  }
  .modal-window {
    width: 85% !important;
    background-color: #fff !important;
    padding: 20px 10px 40px !important;
    height: 75% !important;
    margin: 80px auto 0;
  }
  .modal-first {
    box-shadow: none !important;
    background-color: #fff !important;
    display: block !important;
    padding: 0 !important;
  }
  .modal-first__right {
    width: 100% !important;
    margin: 0 auto !important;
  }
  .modal-first__rightttl {
    text-align: center;
    font-size: 12px !important;
  }
  .modal-first__righttxt {
    font-size: 12px !important;
  }
  .modal-first__left {
    width: 33% !important;
    margin: 0 auto !important;
  }
  .modal-ttl {
    margin: 10px 0 0 0 !important;
    font-size: 12px;
    padding-left: 0;
  }
  .modal-second {
    box-shadow: none !important;
    background-color: #fff !important;
    display: block !important;
    padding: 0 !important;
  }
  .modal-second__right {
    width: 100% !important;
    margin: 0 auto !important;
    box-shadow: none !important;
    display: flex;
    padding: 0;
    justify-content: space-between;
  }
  .modal-second__left {
    width: 100% !important;
    margin: 0 auto !important;
    box-shadow: none !important;
    display: flex;
    justify-content: space-between;
    padding: 0 !important;
    background-color: #f5f5f5 !important;
    border-radius: 0 !important;
  }
  .modal-second__lefttxt {
    list-style: disc !important;
    font-size: 12px !important;
  }
  .modal-second__lefttxts {
    width: 60% !important;
    margin: 0 !important;
  }
  .modal-third {
    flex-direction: column;
  }
  .modal-third__left {
    padding: 20px 20px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 0 25px rgba(131, 131, 178, 0.7803921569);
    width: 85%;
    margin: 0 auto;
  }
  .modal-third__lefttxt {
    font-size: 12px !important;
  }
  .modal-third__right {
    width: 80%;
    margin: 30px auto 0;
  }
  .ttl-lightgreen {
    padding: 0 0 0 10px !important;
    text-align: left !important;
    font-size: 12px !important;
    width: 30%;
  }
  .ttl-lightgreen::before {
    display: none;
    left: -15px;
    top: 2px;
  }
  .ttl-green {
    padding: 0 0 0 10px !important;
    text-align: left !important;
    font-size: 12px !important;
    width: 30%;
  }
  .ttl-green::before {
    display: none;
  }
  .ttl-lightblue::before {
    display: none;
  }
  .ttl-blue::before {
    display: none;
  }
  .article-service {
    margin: 0;
  }
  .article-recommend__container li {
    padding: 0;
  }
  .widgetarticle-recommend {
    padding: 0;
    border: none;
  }
  .widgetarticle-recommend__list:first-child {
    width: 100%;
    padding: 0 0 20px 0;
  }
  .widgetarticle-recommend__list:first-child::after {
    display: none;
  }
  .widgetarticle-recommend__list:first-child .widgetarticle-recommend__title {
    padding-top: 15px;
    padding-bottom: 5px;
    line-height: 1.5em;
  }
  .widgetarticle-recommend__list:first-child .widgetarticle-recommend__title a {
    font-size: 12px;
  }
  .widgetarticle-recommend__list:nth-child(2) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__thumbnail a img {
    width: 100%;
    height: 90px;
    object-fit: cover;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__title a {
    font-size: 12px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__description {
    position: relative;
    width: 70%;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__thumbnail {
    width: 27%;
  }
  .widgetarticle-recommend__list:nth-child(2) .widgetarticle-recommend__description .widgetarticle-recommend__date {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .widgetarticle-recommend__list:nth-child(3) {
    font-size: 12px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(3) .widgetarticle-recommend__title a {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:nth-child(4) {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:nth-child(4) .widgetarticle-recommend__title a {
    font-size: 12px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__list:last-child {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #707070;
  }
  .widgetarticle-recommend__list:last-child .widgetarticle-recommend__title a {
    font-size: 12px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 25px;
    z-index: 1;
  }
  .widgetarticle-recommend__title {
    padding: 12px;
    line-height: 1.5em;
  }
  .service-btmarrow {
    transform: scale(0.8);
  }
  .button-close {
    width: 30px; /*枠の大きさ*/
    height: 30px; /*枠の大きさ*/
    position: fixed;
    right: 40px;
  }
}
.contact-block__scale .wpcf7-list-item {
  display: inline-block;
  padding: 24px 0;
  margin: 0;
  width: 25%;
  text-align: center;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}

.contact {
  margin-bottom: 200px;
}
.contact-text {
  width: 70%;
  max-width: 1040px;
  margin: 0 auto;
  text-align: center;
  margin-top: 150px;
}
.contact-text__ttl {
  font-size: 42px;
  margin-bottom: 10px;
}
.contact-text__small {
  font-size: 16px;
}
.contact-text__desc {
  font-size: 16px;
  margin: 40px 0 20px;
  line-height: 1.5;
}
.contact-text__link {
  color: red;
  border-bottom: 1px solid red;
}
.contact-text__danger {
  margin: 20px 0;
}
.contact-block {
  width: 65%;
  margin: 80px auto;
}
.contact-block__ttl {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  padding: 10px 0;
  margin: 10px 0;
  width: 29%;
}
.contact-block__ttl1 {
  border-right: 2px solid #E2E2E2;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  padding: 0px 10px 10px 0;
  margin: 10px 0;
}
.contact-block__scale {
  display: inline-block;
  margin: 15px 0 25px;
  border: solid #DDDDDD;
  border-width: 1px 1px 1px 1px;
  font-size: 16px;
  width: 100%;
}
.contact-block__consultation {
  display: inline-block;
  margin: 15px 0 25px;
  font-size: 16px;
  border: solid #DDDDDD;
  border-width: 1px 0px 0px 1px;
  width: 100%;
}
.contact-block__consultation .wpcf7-list-item {
  display: inline-block;
  margin: 0;
  padding: 13px 16px 13px 13px;
  border: solid #DDDDDD;
  border-width: 0px 1px 1px 0px;
  width: 33.3333333333%;
  box-sizing: border-box;
}
.contact-block__coupon .wpcf7-list-item {
  display: inline-block;
  margin: 0;
  padding: 13px 16px 13px 13px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  width: 33%;
}
.contact-block__privacyblc {
  text-align: center;
}
.contact-block__danger {
  background-color: #0071AB;
  color: #fff;
  padding: 5px 7px;
  margin-left: 20px;
  border-radius: 7px;
  float: right;
}
.contact-button {
  text-align: center;
}
.contact-photo {
  position: relative;
}
.contact-photo__slide {
  padding: 0 50px;
  margin: auto;
  width: 90% !important;
  max-width: 1040px;
  position: relative;
}
.contact-photo__ttl {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  padding: 10px 0;
  margin: 5px 0;
  width: 50%;
}
.contact-photo__ttl1 {
  border-right: 2px solid #E2E2E2;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  padding: 0px 10px 10px 0;
  margin: 10px 0;
}
.contact-photo__scale {
  display: inline-block;
  margin: 10px 0;
  border: solid #DDDDDD;
  border-width: 1px 1px 1px 1px;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
}
.contact-photo__scale .wpcf7-list-item {
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding: 13px 16px 13px 13px;
  border: solid #DDDDDD;
  border-width: 0px 1px 0px 0px;
  box-sizing: border-box;
  width: 25%;
}
.contact-photo__scale .wpcf7-list-item:last-child {
  border: none;
}
.contact-photo__consultation {
  display: inline-block;
  margin: 15px 0 25px;
  font-size: 16px;
  border: solid #DDDDDD;
  border-width: 1px 0px 0px 1px;
  width: 100%;
}
.contact-photo__consultation .wpcf7-list-item {
  display: inline-block;
  margin: 0;
  padding: 13px 16px 13px 13px;
  border: solid #DDDDDD;
  border-width: 0px 1px 1px 0px;
  box-sizing: border-box;
  width: 33.3333333333%;
}
.contact-photo__danger {
  background-color: #0071AB;
  color: #fff;
  padding: 5px 7px;
  margin-left: 20px;
  border-radius: 7px;
  float: right;
}
.contact-photo__step {
  color: #050C64;
  font-size: 18px;
}
.contact-photo__laststep {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.4;
}
.contact .wpcf7-form {
  color: #000;
}

.contact-photo > .slick-arrow {
  width: 20px;
  height: 20px;
  font-size: 20px;
  flex-shrink: 0;
  border: none;
  background: none;
  transition: all 0.2s ease-in-out;
}
.contact-photo > .slick-arrow:hover {
  opacity: 0.7;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.photo-slick-prev.slick-disabled {
  visibility: hidden;
}

.photo-slick-next.slick-disabled {
  visibility: hidden;
}

.photo-slick-prev::before {
  content: "戻る";
  position: absolute;
  bottom: -50px;
  left: 35%;
  background-color: #0071AB;
  color: #fff;
  padding: 5px 35px;
  border-radius: 10px;
}

.photo-slick-next::before {
  content: "次へ";
  position: absolute;
  bottom: -50px;
  right: 35%;
  background-color: #0071AB;
  color: #fff;
  padding: 5px 35px;
  border-radius: 10px;
}

.contact-photo > .slick-dots {
  display: none !important;
}

input, textarea {
  border: none;
}

input[type=radio]:hover {
  cursor: pointer;
  cursor: hand;
}

input[type=checkbox]:hover {
  cursor: pointer;
  cursor: hand;
}

.photo-inquiry {
  width: 100%;
}

.inquiry {
  width: 100%;
}
.inquiry th {
  width: 30%;
}
.inquiry td {
  padding-left: 20px;
}

.wpcf7-form-control.wpcf7-text {
  width: 100%;
  box-shadow: 1px 1px 5px #d9d9d9;
  height: 40px;
  margin: 8px auto 16px;
  padding: 0 16px;
  box-sizing: border-box;
}

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 100%;
  box-shadow: 1px 1px 5px #d9d9d9;
  height: 40px;
  margin: 8px auto 16px;
}

.wpcf7-form-control.wpcf7-textarea {
  height: 120px;
  width: 100%;
  box-shadow: 1px 1px 5px #d9d9d9;
  vertical-align: middle;
  margin: 5px 0;
}

.contact-block__privacy .wpcf7-list-item {
  border-right: none;
  width: 100%;
  margin: 20px 0;
}

span.wpcf7-form-control-wrap.privacy {
  border: none;
}

span.wpcf7-list-item-label {
  font-size: 15px;
}

input.wpcf7-form-control.wpcf7-submit.contact-block__button {
  width: 50%;
}

.wpcf7-not-valid-tip {
  display: inline-block;
  margin: 10px 0 20px;
}

.wpcf7 form.invalid .wpcf7-response-output {
  width: 80%;
  margin: auto;
  font-size: 14px;
  line-height: 1.5;
}

.wpcf7 form.sent .wpcf7-response-output {
  width: 80%;
  margin: auto;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .contact {
    margin-bottom: 0;
  }
  .contact-text {
    width: 80%;
    margin-top: 50px;
  }
  .contact-block {
    width: 80%;
    margin: 40px auto 120px;
  }
  .contact-block__ttl {
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .contact-block__ttl1 {
    display: flex;
    align-items: center;
    border: none;
    padding: 0;
    margin: 30px 0 10px;
    justify-content: flex-start;
    width: 70%;
  }
  .contact-block__scale {
    border-width: 1px 1px 0px 1px;
    text-align: center;
  }
  .contact-block__consultation {
    text-align: center;
    width: 100%;
    border-width: 1px 1px 0px 1px;
  }
  .contact-block__consultation .wpcf7-list-item {
    width: 90% !important;
    padding: 20px 16px 20px 13px;
    box-sizing: border-box;
  }
  .contact-block__privacy .wpcf7-list-item {
    border: none;
  }
  .contact-photoBlock {
    width: 90%;
    margin: auto;
  }
  .contact-photo__slide {
    width: 100% !important;
    padding: 0;
  }
  .contact-photo__ttl {
    width: 100%;
    font-size: 14px;
  }
  .contact-photo__ttl1 {
    width: 100%;
    font-size: 14px;
    margin: 0;
  }
  .contact-photo__scale > .wpcf7-list-item {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #dddddd;
  }
  .contact-photo__scale > .wpcf7-list-item:last-child {
    border: none !important;
  }
  .contact-photo__ttl1 {
    border: none !important;
  }
  .contact-photo__danger {
    float: inherit;
  }
  .contact-photo__laststep {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .wpcf7-list-item {
    width: 100% !important;
    border-width: 0 !important;
    border-bottom: 1px solid #dddddd !important;
    padding: 20px 16px 20px 13px !important;
  }
  .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background-color: #fff;
  }
  .wpcf7-form-control.wpcf7-textarea {
    background-color: #fff;
  }
  .wpcf7 form.sent .wpcf7-response-output {
    margin: 100px auto;
    width: 80%;
  }
  .wpcf7 form.invalid .wpcf7-response-output {
    margin: auto;
    width: 80%;
  }
  .contact-block__privacyblc span span span {
    font-size: 12px;
    line-height: 1.5;
    padding: 20px 0;
  }
  .wpcf7-not-valid-tip {
    display: inline-block;
    margin: 10px 0 20px;
  }
  .wpcf7 input[type=submit] {
    width: 100% !important;
  }
  span.wpcf7-list-item-label {
    font-size: 14px;
  }
  .inquiry tr {
    display: grid;
  }
  .inquiry th {
    width: 100%;
  }
  .inquiry td {
    padding: 0;
  }
  .photo-inquiry th {
    width: 100%;
    display: block;
  }
  .photo-inquiry td {
    display: block;
    padding-left: 0;
  }
  .contact-photo > .slick-arrow {
    font-size: 16px;
  }
  .photo-slick-prev::before {
    bottom: -50px !important;
    left: 10%;
  }
  .photo-slick-next::before {
    bottom: -50px !important;
    right: 10%;
  }
  input[type=radio] {
    float: left;
  }
  input, textarea {
    border: none;
    float: left;
  }
}
.privacy {
  font-size: 14px;
  line-height: 1.5em;
}
.privacy-container {
  width: 70%;
  margin: 0 auto 150px;
  padding: 150px 0 0;
}
.privacy-text {
  margin-bottom: 16px;
}
.privacy-heading {
  padding: 0.8em 0 0.7em;
  border-top: 2px solid #337ab7;
  border-bottom: 1px solid #e9e9e9;
  margin: 36px 0;
  font-size: 18px;
}
.privacy-date {
  text-align: right;
  line-height: 1.5em;
}
.privacy-name {
  text-align: right;
  line-height: 1.5em;
}
.privacy-contact {
  border-top: 1px dashed #000000;
  border-bottom: 1px dashed #000000;
  padding: 18px 0;
  margin: 18px 0;
}
.privacy-list1 {
  padding: 0 0 0 40px;
}
.privacy-list2 {
  padding: 0 0 0 40px;
  list-style-type: decimal;
}
.privacy-list2__item {
  margin: 12px 0 0 0;
  list-style-type: decimal;
}
.privacy-list2__list {
  padding: 0 0 0 40px;
}
.privacy-list2__item2 {
  margin: 12px 0 0 0;
  list-style-type: circle;
}
.privacy-list3 {
  padding: 0 0 0 40px;
}
.privacy-list3__item {
  margin: 12px 0 0 0;
  list-style-type: decimal;
}
.privacy-list3__item2 {
  margin: 12px 0 0 0;
  list-style-type: decimal;
}
.privacy-list3__list {
  padding: 0 0 0 40px;
}
.privacy-item1 {
  margin: 12px 0 0 0;
  list-style-type: decimal;
}
.privacy-item3 {
  margin: 12px 0 0 0;
  list-style-type: decimal;
}
.privacy-other1 {
  padding: 0 0 0 10px;
  margin: 0 0 10px 0;
  border-left: 2px solid #3e5174;
}
.privacy-other2 {
  padding: 0 0 0 10px;
  margin: 0 0 20px 0;
  border-left: 2px solid #e5e5e5;
}

@media screen and (max-width: 768px) {
  .privacy {
    font-size: 14px;
    line-height: 1.5em;
  }
  .privacy-container {
    width: 85%;
    margin: 20px auto 50px;
    padding: 60px 0;
  }
  .privacy-list1 {
    padding: 0 0 0 30px;
  }
  .privacy-list2 {
    padding: 0 0 0 30px;
  }
  .privacy-list2__list {
    padding: 0 0 0 20px;
  }
  .privacy-list3 {
    padding: 0 0 0 30px;
  }
  .privacy-list3__list {
    padding: 0 0 0 20px;
  }
}
.mintads-container {
  width: 80%;
  min-width: 1042px;
  margin: 60px auto;
  display: flex;
  justify-content: space-between;
}
.mintads-img {
  margin-top: 80px;
}
.mintads-main {
  width: 65%;
  text-align: center;
}
.mintads-main__heading1 {
  font-size: 24px;
  line-height: 1.5em;
  margin-bottom: 45px;
}
.mintads-main__red {
  color: #bd2e2e;
}
.mintads-main__text1 {
  color: #0071ab;
  font-size: 20px;
  margin-bottom: 20px;
}
.mintads-main__text2 {
  font-size: 16px;
  line-height: 2em;
  background-color: #ecf4f7;
  border: 2px solid #2e70a6;
  border-radius: 5px;
  padding: 20px;
  box-shadow: 3px 2px 9px rgba(0, 0, 0, 0.2196078431);
  margin-bottom: 55px;
}
.mintads-main__heading2 {
  font-size: 24px;
  margin: 55px 0 15px;
}
.mintads-main__blue {
  color: #0071ab;
}
.mintads-list1 {
  display: flex;
  justify-content: space-evenly;
  color: #fff;
  background-color: #2591b9;
  border-radius: 5px;
  padding: 30px;
  margin-bottom: 12px;
}
.mintads-list1__img {
  width: 25%;
  object-fit: contain;
}
.mintads-item1 {
  width: 60%;
  text-align: left;
}
.mintads-item1__heading {
  font-size: 20px;
  margin: 0 0 15px;
  text-align: left;
  font-weight: normal;
}
.mintads-item1__text1 {
  font-size: 20px;
  text-align: left;
  border-bottom: 3px solid #F8FF3C;
  line-height: 1em;
  display: inline-block;
  padding: 0 0 0px 10px;
  margin-bottom: 20px;
}
.mintads-item1__text2 {
  font-size: 16px;
  line-height: 1.5em;
}
.mintads-list2 {
  display: flex;
  justify-content: space-between;
  color: #fff;
}
.mintads-items {
  width: 27%;
  background-color: #0071AB;
  border: 1px solid #2E70A6;
  border-radius: 5px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.0862745098);
  padding: 20px;
}
.mintads-items__img {
  transform: scale(0.8);
}
.mintads-items__heading {
  font-size: 20px;
}
.mintads-items__text {
  font-size: 16px;
  line-height: 1.5em;
  text-align: left;
}
.mintads-space {
  width: 100%;
}
.mintads-space__img1 {
  width: 15%;
  vertical-align: middle;
}
.mintads-space__img1:hover {
  opacity: 0.6;
  cursor: pointer;
}
.mintads-space__img2 {
  width: 15%;
  vertical-align: middle;
}
.mintads-space__img2:hover {
  opacity: 0.6;
  cursor: pointer;
}
.mintads-space__img3 {
  width: 15%;
  vertical-align: middle;
}
.mintads-space__img3:hover {
  opacity: 0.6;
  cursor: pointer;
}
.mintads-space__img4 {
  width: 15%;
  vertical-align: middle;
}
.mintads-space__img4:hover {
  opacity: 0.6;
  cursor: pointer;
}
.mintads-space__odd {
  color: #fff;
  font-size: 16px;
  line-height: 4em;
}
.mintads-space__odd .mintads-space__td1 {
  background-color: #00B3F4;
  border-right: 5px solid #fff;
}
.mintads-space__odd .mintads-space__td2 {
  background-color: #2591B9;
  border-right: 5px solid #fff;
}
.mintads-space__odd .mintads-space__td3 {
  background-color: #0071AB;
}
.mintads-space__odd th {
  width: 30%;
}
.mintads-space__even {
  background-color: #e2e2e2 !important;
  font-size: 16px;
  line-height: 4em;
}
.mintads-space__even .mintads-space__td1 {
  border-right: 5px solid #fff;
}
.mintads-space__even .mintads-space__td2 {
  border-right: 5px solid #fff;
}
.mintads-space__even td {
  width: 30%;
}
.mintads-right__form {
  width: 27%;
}
.mintads-right__block {
  position: sticky;
  top: 84px;
}
.mintads-form {
  width: 100%;
  padding: 16px;
  background-color: #e2e2e2;
  border-radius: 5px;
}
.mintads-form__heading {
  padding: 0px 0 16px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #2E70A6;
  text-align: center;
  color: #0071AB;
  font-size: 16px;
}
.mintads-purpose {
  font-size: 16px;
  margin-bottom: 16px;
}
.mintads-purpose small {
  color: #bd2e2e;
}
.mintads-purpose span > select {
  width: 100%;
}
.mintads-last {
  font-size: 16px;
  margin-bottom: 16px;
}
.mintads-last small {
  color: #bd2e2e;
}
.mintads-last .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  height: 32px;
}
.mintads-first {
  font-size: 16px;
  margin-bottom: 16px;
}
.mintads-first small {
  color: #bd2e2e;
}
.mintads-first .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  height: 32px;
}
.mintads-company {
  font-size: 16px;
  margin-bottom: 16px;
}
.mintads-company small {
  color: #bd2e2e;
}
.mintads-company .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  height: 32px;
}
.mintads-email {
  font-size: 16px;
  margin-bottom: 16px;
}
.mintads-email small {
  color: #bd2e2e;
}
.mintads-email .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  height: 32px;
}
.mintads-tel {
  font-size: 16px;
  margin-bottom: 12px;
}
.mintads-tel small {
  color: #bd2e2e;
}
.mintads-tel .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  height: 32px;
}
.mintads-inquary {
  margin-bottom: 10px;
}
.mintads-inquary .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
  width: 100% !important;
  padding: 4px 0px;
  border: none;
}
.mintads-checkbox .checkbox-agreement .mintads-agreement .wpcf7-list-item {
  width: 100%;
  border: none;
  margin: 20px 0;
}
.mintads-form__privacy {
  font-size: 12px;
  line-height: 1.5em;
}
.mintads-submit input {
  font-size: 16px !important;
}

#docoverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
}
#docoverlay:hover {
  cursor: pointer;
  cursor: hand;
}

.docsample {
  display: none;
  position: fixed;
  width: 65%;
  height: 75%;
  z-index: 11;
  margin: 100px auto 0;
  background-color: #F6F5FC;
  inset: 0;
  border-radius: 30px;
  padding: 20px 40px 40px 40px;
  overflow-y: scroll;
}

.doc-close {
  position: fixed;
  right: 17%;
}

.red {
  cursor: pointer;
  color: #bd2e2e;
}

.advertisement {
  margin: 120px 0 0 0;
}
.advertisement01 {
  background: linear-gradient(to right, rgb(33, 112, 166), rgba(38, 115, 168, 0.1)), url(/wp-content/themes/micado/img/advertisement_bg_01.jpeg);
  background-size: cover;
  background-position-y: center;
}
.advertisement01-inner {
  color: #fff;
  width: 1200px;
  margin: auto;
  padding: 80px 0;
}
.advertisement01-inner h3 {
  font-size: 18px;
  margin: 0 0 24px 0;
}
.advertisement01-inner h2 {
  font-size: 32px;
  margin: 0 0 36px 0;
  line-height: 1.5;
}
.advertisement01-inner__link {
  font-size: 18px;
  font-weight: bold;
  color: #2170A6;
  display: inline-block;
  padding: 20px 64px;
  margin: 0 0 24px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.0823529412);
  background-color: #fff;
  border-radius: 8px;
}
.advertisement01-inner__tel {
  display: flex;
  align-items: center;
}
.advertisement01-inner__tel img {
  width: 24px;
}
.advertisement01-inner__tel a {
  font-size: 32px;
  border-right: 1px solid #fff;
  padding: 0 16px;
  transition: 0.2s;
}
.advertisement01-inner__tel a:hover {
  opacity: 0.6;
}
.advertisement01-inner__tel p {
  font-size: 14px;
  padding: 0 0 0 16px;
  line-height: 1.5;
}
.advertisement02 {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(/wp-content/themes/micado/img/advertisement_bg_02.png);
  background-size: cover;
}
.advertisement02-inner {
  color: #fff;
  width: 1200px;
  margin: auto;
  padding: 80px 0;
}
.advertisement02-inner h3 {
  font-size: 18px;
  margin: 0 0 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.advertisement02-inner h3 br {
  display: none;
}
.advertisement02-inner__flex {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.advertisement02-left {
  width: 40%;
}
.advertisement02-left h2 {
  font-size: 32px;
  margin: 0 0 36px 0;
  line-height: 1.6;
}
.advertisement02-left__link {
  font-size: 18px;
  font-weight: bold;
  color: #2170A6;
  display: inline-block;
  padding: 20px 28px;
  margin: 0 0 24px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.0823529412);
  background-color: #fff;
  border-radius: 8px;
}
.advertisement02-left__link02 {
  font-size: 18px;
  text-decoration: underline;
}
.advertisement02-left__tel {
  display: flex;
  align-items: center;
}
.advertisement02-left__tel a {
  font-size: 32px;
  border-right: 1px solid #fff;
  padding: 0 16px 0 0;
  transition: 0.2s;
}
.advertisement02-left__tel a:hover {
  opacity: 0.6;
}
.advertisement02-left__tel p {
  font-size: 14px;
  padding: 0 0 0 16px;
  line-height: 1.3;
}
.advertisement02-right {
  width: 53%;
}
.advertisement02-right ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
}
.advertisement02-right ul li {
  width: 48%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #000000;
  border-radius: 110px;
  padding: 16px 0px;
  margin: 20px 0 0 0;
}
.advertisement02-right ul li img {
  width: 30px;
  margin: 0 8px 0 20px;
}
.advertisement02-right ul li p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}

@media screen and (max-width: 1200px) {
  .advertisement01-inner {
    width: 90%;
  }
  .advertisement02-inner {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .advertisement {
    margin: 80px 0 0 0;
  }
  .advertisement01 {
    background: linear-gradient(to top, rgb(33, 112, 166), rgba(38, 115, 168, 0.1)), url(/wp-content/themes/micado/img/advertisement_bg_01.jpeg);
    background-size: cover;
    background-position-x: center;
  }
  .advertisement01-inner {
    width: 90%;
    padding: 160px 0 36px;
    text-align: center;
  }
  .advertisement01-inner h3 {
    font-size: 16px;
    text-align: left;
  }
  .advertisement01-inner h2 {
    font-size: 20px;
    margin: 0 0 32px 0;
    text-align: left;
  }
  .advertisement01-inner h2 br {
    display: none;
  }
  .advertisement01-inner a {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    width: 80%;
    padding: 16px 0;
  }
  .advertisement02-inner {
    width: 90%;
    padding: 24px 0 16px;
    text-align: center;
  }
  .advertisement02-inner h3 {
    font-size: 16px;
    text-align: left;
    flex-direction: column-reverse;
    align-items: baseline;
    line-height: 1.5;
    margin: 0 0 20px 0;
  }
  .advertisement02-inner h3 br {
    display: block;
  }
  .advertisement02-inner h3 img {
    margin: 0 0 60px 0;
  }
  .advertisement02-left {
    width: 100%;
  }
  .advertisement02-left h2 {
    text-align: left;
    font-size: 20px;
    margin: 0 0 32px 0;
  }
  .advertisement02-left__link {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 16px 0;
    width: 80%;
    padding: 16px 0;
  }
  .advertisement02-left a {
    font-size: 16px;
    font-weight: bold;
  }
  .advertisement02-right {
    display: none;
  }
}
.notfound-container {
  width: 80%;
  margin: 0px auto 100px;
  padding-top: 15%;
  text-align: center;
}
.notfound-inner {
  position: relative;
}
.notfound-text1 {
  font-size: 60px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 40px;
}
.notfound-text2 {
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  margin-bottom: 170px;
}
.notfound-link {
  font-size: 18px;
  border-bottom: 1px solid #e2e2e2;
  position: relative;
  display: inline-block;
}
.notfound-link::after {
  content: "";
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #00334e;
  border-right: solid 2px #00334e;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -4px;
}
.notfound-imgpc {
  width: 600px;
  height: auto;
  position: absolute;
  top: 0%;
  right: 0%;
  z-index: -1;
}
.notfound-imgsp {
  display: none;
}

@media screen and (max-width: 768px) {
  .notfound-container {
    width: 85%;
    margin: 40px auto;
  }
  .notfound-text1 {
    font-size: 28px;
    margin: 30px 0;
    text-align: center;
  }
  .notfound-text2 {
    font-size: 20px;
    margin: 0 0 30px 0;
    text-align: center;
  }
  .notfound-link {
    margin: 0 0 30px 0;
  }
  .notfound-imgpc {
    display: none;
  }
  .notfound-imgsp {
    display: block;
    width: 100%;
    height: auto;
  }
}
.miray-flex {
  display: flex;
  justify-content: space-between;
  margin: 100px 0;
}
.miray-left {
  width: 540px;
  display: flex;
  align-items: center;
}
.miray-right {
  width: 540px;
  display: flex;
  align-items: center;
}
.miray-title {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.4;
}
.miray-title__point {
  color: #54A89E;
}
.miray-dsc {
  font-size: 20px;
  line-height: 1.6;
}
.miray-form__title {
  font-size: 28px;
  text-align: center;
  margin-bottom: 60px;
}
.miray-form__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.miray-form__left {
  width: 28%;
}
.miray-form__right {
  width: 56%;
}
.miray-form__subtitle {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.miray-form__dsc {
  font-size: 16px;
  line-height: 1.4;
}

@media screen and (min-width: 1441px) {
  .miray-flex {
    justify-content: space-around;
  }
}
@media screen and (max-width: 768px) {
  .miray-flex {
    flex-direction: column;
  }
  .miray-flex2 {
    flex-direction: column-reverse;
  }
  .miray-left {
    width: 100%;
  }
  .miray-right {
    width: 100%;
  }
  .miray-title {
    font-size: 20px;
  }
  .miray-dsc {
    font-size: 12px;
  }
  .miray-form {
    font-size: 20px;
  }
  .miray-form__flex {
    flex-direction: column;
  }
  .miray-form__left {
    width: 100%;
  }
  .miray-form__right {
    width: 100%;
  }
}
.services-container {
  width: 80%;
  margin: 0 auto;
}
.services-title {
  text-align: center;
  margin: 180px 0 100px;
}
.services-title__heading {
  font-size: 42px;
  font-weight: bold;
  margin: 0 0 50px 0;
}
.services-title__text {
  font-size: 18px;
  line-height: 1.5em;
}
.services-blocks {
  margin-bottom: 120px;
}
.services-blocks__first {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.services-blocks__second {
  display: flex;
  justify-content: space-between;
}
.services-blocks__title {
  color: #fff;
  position: relative;
  z-index: 1;
  font-size: 40px;
  line-height: 1.4;
}
.services-blocks__dsc {
  color: #fff;
  position: relative;
  z-index: 1;
  font-size: 16px;
  line-height: 1.4;
}
.services-blocks__item {
  width: 25%;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 0 40px;
  transition: all 0.5s ease-in-out;
}
.services-blocks__item:hover {
  transform: scale(1.02);
}
.services-blocks__item::before {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.services-blocks__item:hover:before {
  background: rgba(0, 0, 0, 0.3);
}
.services-blocks__item::after {
  content: url(/wp-content/themes/micado/img/services_arrow.png);
  position: absolute;
  top: 50%;
  left: -25%;
  z-index: 2;
  transform: scale(0.2);
  cursor: pointer;
}
.services-blocks__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.services-mkt {
  background-image: url("/wp-content/themes/micado/img/services_bg_mkt.jpg");
}
.services-ig {
  background-image: url("/wp-content/themes/micado/img/services_bg_ig.jpg");
}
.services-miray {
  background-image: url("/wp-content/themes/micado/img/services_bg_miray.jpg");
}
.services-pht {
  background-image: url("/wp-content/themes/micado/img/services_bg_pht.jpg");
}
.services-ota {
  background-image: url("/wp-content/themes/micado/img/services_bg_ota.jpg");
}
.services-mdl {
  background-image: url("/wp-content/themes/micado/img/services_bg_mideal.jpg");
}

@media screen and (max-width: 768px) {
  .services-container {
    width: 94%;
  }
  .services-title {
    margin: 100px 0 100px;
  }
  .services-blocks__first {
    flex-direction: column;
    margin: 0;
  }
  .services-blocks__second {
    flex-direction: column;
  }
  .services-blocks__item {
    width: 100%;
    height: 248px;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .services-blocks__item::after {
    top: 12%;
    left: -32%;
    z-index: 2;
    transform: scale(0.14);
  }
  .services-blocks__title {
    font-size: 28px;
    margin: 20px 0 12px;
  }
  .services-blocks__dsc {
    font-size: 16px;
  }
}
#top-menu {
  display: none;
}

.bg-diagnosis {
  margin-top: 0 !important;
}
.bg-diagnosis .box-diagnosis .diagnosis {
  width: 100%;
  justify-content: center;
  padding: 120px 0;
}
.bg-diagnosis .box-diagnosis .diagnosis-left {
  width: 35%;
  margin-right: 60px;
}
.bg-diagnosis .box-diagnosis .diagnosis-right {
  width: 35%;
}
.bg-diagnosis .box-diagnosis .diagnosis-right-body {
  width: 100%;
  position: unset;
}

.custom-diagnosis {
  margin-top: 0 !important;
}
.custom-diagnosis #mint-list-content .header-mint {
  margin-top: 0;
}

.diagnosis {
  display: flex;
  justify-content: space-between;
}
.diagnosis-left {
  width: 50%;
}
.diagnosis-left h3 {
  font-size: 20px;
  margin: 0 0 12px 0;
  padding: 0 0 4.5px;
  font-family: "source-han-sans-japanese", sans-serif;
}
.diagnosis-left h2 {
  font-size: 32px;
  margin: 0 0 32px 0;
  padding: 5px 0 5px;
  font-family: "source-han-sans-japanese", sans-serif;
}
.diagnosis-left .diagnosis-img {
  aspect-ratio: 599/337;
}
.diagnosis-left .diagnosis-img img {
  max-height: 337px;
  width: 100%;
  height: auto;
}
.diagnosis-left__comment {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #A3A3A3;
}
.diagnosis-left__comment--sp {
  display: none;
}
.diagnosis-left__comment img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  margin: 0;
}
.diagnosis-left__comment div {
  width: 70%;
}
.diagnosis-left__comment div h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 12px 0;
  font-family: "source-han-sans-japanese", sans-serif;
}
.diagnosis-left__comment div p {
  font-size: 16px;
  line-height: 1.6;
  padding: 0 0 40px;
}
.diagnosis-left__dsc {
  text-align: left;
}
.diagnosis-left__dsc p {
  margin-top: 40px;
  font-size: 16px;
  letter-spacing: 1.28px;
  line-height: 1.6;
}
.diagnosis-left__result {
  font-size: 16px;
  line-height: 1.6;
}
.diagnosis-right {
  width: 30%;
}
.diagnosis-right__container {
  background-color: #122536;
  border-radius: 10px;
  padding: 40px 25px 0 25px;
  position: sticky;
  top: 100px;
  min-width: 300px;
  overflow-y: auto;
  max-height: calc(100vh - 160px);
}
.diagnosis-right__dsc {
  font-weight: 500;
  color: white;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}
.diagnosis-right__caution {
  font-size: 12px;
  color: #fff;
  padding: 4px 0;
}
.diagnosis-right__form {
  padding: 10px 0;
  color: #fff;
}
.diagnosis-right__form p {
  color: white;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 0;
}

@media screen and (max-width: 768px) {
  .blog-latest-header .content {
    margin: 50px 0 0 !important;
  }
  .diagnosis-img img {
    object-fit: contain !important;
  }
  .blog-header {
    display: none !important;
  }
  #top-menu {
    display: none;
  }
  .custom-diagnosis {
    margin-top: 0 !important;
  }
  .custom-diagnosis #mint-list-content {
    display: none;
  }
  .diagnosis {
    display: block;
    width: 90%;
    margin: 96px auto 0;
  }
  .diagnosis-left {
    width: 100%;
  }
  .diagnosis-left h3 {
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 16px 0;
  }
  .diagnosis-left h2 {
    font-size: 20px;
    margin: 0 0 36px 0;
  }
  .diagnosis-left img {
    margin: 0 0 40px 0;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 361/271;
  }
  .diagnosis-left__comment img {
    width: 120px;
    height: 120px;
  }
  .diagnosis-left__comment--sp {
    display: block;
    padding: 0 0 24px 0;
    border-bottom: 1px solid #A3A3A3;
    margin: 0 0 20px 0;
  }
  .diagnosis-left__comment--sp div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px 0;
  }
  .diagnosis-left__comment--sp div img {
    aspect-ratio: 1;
    width: 34%;
    margin: 0;
    object-fit: cover;
  }
  .diagnosis-left__comment--sp div h4 {
    font-size: 18px;
    font-weight: bold;
    width: 53%;
    margin: auto;
    line-height: 1.7;
  }
  .diagnosis-left__comment--sp p {
    font-size: 14px;
    line-height: 1.9;
  }
  .diagnosis-left__result {
    font-size: 14px;
  }
  .diagnosis-right {
    width: 100%;
  }
  .diagnosis-right__container {
    margin: 80px 0;
    position: relative;
    top: inherit;
    max-height: inherit;
    min-width: inherit;
  }
  .diagnosis-right__form .wpcf7-form-control-wrap {
    display: block;
  }
  .diagnosis-right__form .wpcf7-text {
    padding-left: 15px;
    width: 100%;
    height: 40px;
    margin: 8px auto 16px;
  }
  .diagnosis-right__form .wpcf7-validates-as-required {
    margin-bottom: 15px;
  }
  .diagnosis-right__form .wpcf7-list-item {
    border: none;
    margin: 0;
    padding: 20px 0 !important;
  }
  .bg-diagnosis {
    padding-top: 1px !important;
  }
  .bg-diagnosis {
    margin-top: 0 !important;
  }
  .bg-diagnosis .box-diagnosis .diagnosis {
    display: block;
    width: 90%;
    margin: 96px auto 0;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-left {
    width: 100%;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-left h3 {
    font-size: 16px;
    font-family: "source-han-sans-japanese", sans-serif;
    margin: 0 0 16px 0;
    letter-spacing: 1.28px;
    color: #1A1B35;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-left h2 {
    font-size: 20px;
    font-family: "source-han-sans-japanese", sans-serif;
    letter-spacing: 1.6px;
    margin: 0 0 20px 0;
    color: #1A1B35;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-left img {
    margin: 0 0 40px 0;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-left__comment {
    display: none;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-left__comment--sp {
    display: block;
    padding: 0 0 24px 0;
    border-bottom: 1px solid #A3A3A3;
    margin: 0 0 20px 0;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-left__comment--sp div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px 0;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-left__comment--sp div img {
    aspect-ratio: 1;
    width: 34%;
    margin: 0;
    object-fit: cover;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-left__comment--sp div h4 {
    font-size: 16px;
    font-family: "source-han-sans-japanese", sans-serif;
    letter-spacing: 1.28px;
    width: 53%;
    margin: auto;
    line-height: 1.7;
    color: #1A1B35;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-left__comment--sp p {
    letter-spacing: 1.12px;
    color: #1A1B35;
    font-size: 14px;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-left__result {
    font-size: 14px;
    letter-spacing: 1.12px;
    color: #1A1B35;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-right {
    width: 100%;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-right__container {
    margin: 80px 0;
    position: relative;
    top: inherit;
    max-height: inherit;
    min-width: inherit;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-right__form .wpcf7-form-control-wrap {
    display: block;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-right__form .wpcf7-text {
    padding-left: 15px;
    width: 100%;
    height: 40px;
    margin: 8px auto 16px;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-right__form .wpcf7-validates-as-required {
    width: 100%;
    margin-bottom: 15px;
  }
  .bg-diagnosis .box-diagnosis .diagnosis-right__form .wpcf7-list-item {
    border: none;
    margin: 0;
    padding: 20px 0 !important;
  }
}
.searchService {
  background-color: #fafafa;
}
.searchService-inner {
  width: 1200px;
  margin: auto;
  padding: 80px 0 160px;
}
.searchService-inner h2 {
  margin: 0 0 40px;
  text-align: center;
  font-size: 32px;
  color: #222222;
}
.searchService-inner h2 span {
  display: block;
  font-size: 20px;
  font-family: "Montserrat";
  font-weight: normal;
  color: #999999;
  margin: 0 0 16px 0;
}
.searchService-inner h3 {
  margin: 0 0 24px;
  font-size: 20px;
  color: #2F2F2F;
  display: none;
}
.searchService-inner__services {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 40px 0;
}
.searchService-inner__services::after {
  display: block;
  content: "";
  width: calc(32% + 2px);
}
.searchService-inner__services a {
  width: calc(32% - 16px);
  padding: 8px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  margin: 0 0 16px 0;
}
.searchService-inner__services a li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.searchService-inner__services a li img {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  margin: 0 12px 0 0;
  object-fit: cover;
}
.searchService-inner__services a li p {
  font-size: 16px;
}
.searchService-inner__services a li p span {
  display: block;
  font-size: 10px;
  color: #999999;
  margin: 8px 0 0 0;
}
.searchService-inner__tags {
  display: none;
}
.searchService-inner__tags li {
  display: inline-block;
  font-size: 14px;
  padding: 5px 12px;
  margin: 5px 10px 5px 0;
  background-color: #FAFAFA;
  color: #2F2F2F;
  border-radius: 8px;
  border: 1px solid #DDDDDD;
}

@media screen and (max-width: 1200px) {
  .searchService-inner {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .searchService-inner {
    width: 90%;
    padding: 48px 0;
  }
  .searchService-inner h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 20px 0;
  }
  .searchService-inner h2 span {
    font-size: 24px;
    margin: 0 0 12px 0;
  }
  .searchService-inner__services {
    flex-direction: column;
  }
  .searchService-inner__services::after {
    display: block;
    content: "";
    width: calc(32% + 2px);
  }
  .searchService-inner__services a {
    width: 100%;
    box-sizing: border-box;
  }
  .searchService-inner__services a li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .searchService-inner__services a li img {
    width: 64px;
    border-radius: 8px;
    margin: 0 12px 0 0;
  }
  .searchService-inner__services a li p {
    font-size: 16px;
  }
  .searchService-inner__services a li p span {
    display: block;
    font-size: 10px;
    color: #999999;
    margin: 8px 0 0 0;
  }
}
.recruitPiling .sp-line {
  display: none;
}
.recruitPiling-section {
  position: relative;
  background-color: #FFF;
  overflow: hidden;
}
.recruitPiling-section video {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  height: 100vh;
  object-fit: cover;
  width: 100%;
}
.recruitPiling-section__inner {
  width: 86%;
  margin: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
}
.recruitPiling-section__inner h1 {
  font-size: 80px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
}
.recruitPiling-section__inner h4 {
  font-size: 28px;
  margin: 32px 0 0 0;
  font-weight: bold;
  line-height: 1.5;
  font-family: "Montserrat", sans-serif;
}
.recruitPiling-section__inner a {
  display: inline-block;
  border-radius: 10px;
  font-size: 24px;
  margin: 40px 0 0 0;
  padding: 20px 68px;
  border: 1px solid #707070;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  position: relative;
}
.recruitPiling-section__inner a span {
  position: absolute;
  display: block;
  border-radius: 1px;
  background: #000;
}
.recruitPiling-section__inner a span:nth-of-type(1) {
  top: 50%;
  right: 20px;
  width: 28px;
  height: 1px;
}
.recruitPiling-section__inner a span:nth-of-type(2) {
  top: 50%;
  right: 25px;
  width: 1px;
  height: 10px;
  transform: translateY(-50%);
}
.recruitPiling-section__inner a span:nth-of-type(3) {
  top: 46%;
  right: 20px;
  width: 1px;
  height: 7px;
  transform: rotate(-45deg) translateY(-50%);
}
.recruitPiling-section__page02 .restart {
  position: absolute;
  right: 7%;
  bottom: 15vh;
  color: #fff;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recruitPiling-section__page02 .restart:hover {
  opacity: 0.7;
}
.recruitPiling-section__page02 .restart span {
  margin: 0 16px 0 0;
}
.recruitPiling-section__page03::-webkit-scrollbar {
  display: none;
}
.recruitPiling-section__page03 h3 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 2;
  width: 65%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
  z-index: 2;
}
.recruitPiling-section__page03--inner {
  height: 100vh;
}
.recruitPiling-section__page03--contents {
  background-color: #fff;
  padding: 80px 0 0;
}
.recruitPiling-section__page03--contents section {
  margin: 0 0 120px 0;
}
.recruitPiling-section__page03--contents section .viewAll {
  text-align: right;
  width: 86%;
}
.recruitPiling-section__page03--contents section .viewAll > a {
  display: inline-block;
  margin: 60px 0 0 0;
  padding: 0 36px 0 0;
  font-size: 32px;
  font-weight: bold;
  text-align: right;
  font-family: "Montserrat", sans-serif;
  position: relative;
}
.recruitPiling-section__page03--contents section .viewAll > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  border-top: 2px solid #222222;
  border-right: 2px solid #222222;
  transform-origin: center;
  transform: translateX(30%) translateY(-50%) rotate(45deg);
}
.recruitPiling-section__page03--contents h2 {
  width: 1240px;
  margin: auto;
  font-family: "Montserrat", sans-serif;
  font-size: 80px;
  font-weight: bold;
}
.recruitPiling-section__page03--contents___inner {
  width: 72%;
  margin: 60px auto 0;
  max-width: 1080px;
}
.recruitPiling-section__page03--contents___inner > div {
  width: 55%;
}
.recruitPiling-section__page03--contents___inner > div h4 {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  background-color: #fff;
  margin: 0;
  padding: 0 40px 0 0;
  z-index: 1;
}
.recruitPiling-section__page03--contents___inner > div span {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  transform: translateY(50%);
  margin: -11px 0 0 0;
}
.recruitPiling-section__page03--contents___inner p {
  width: 55%;
  font-size: 16px;
  line-height: 2;
  margin: 24px 0 0 0;
}
.recruitPiling-section__page03--contents___inner---image {
  width: 100% !important;
  margin: 60px auto 0;
}
.recruitPiling-section__page03--contents___inner---imageFlex {
  width: 100% !important;
  margin: 60px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recruitPiling-section__page03--contents___inner---imageFlex img {
  width: 32%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1960784314);
}
.recruitPiling-section__page03--contents___inner---image img {
  aspect-ratio: 52/23;
  object-fit: contain;
}
.recruitPiling-section__page03--contents___inner---product {
  width: 720px !important;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.recruitPiling-section__page03--contents___inner---product > a {
  width: 280px;
  margin: 40px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3215686275);
  color: #ffffff;
  cursor: pointer;
}
.recruitPiling-section__page03--contents___inner---product > a:first-of-type {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)), url(/wp-content/themes/micado/img/recruit/recruit_consulting_organization_structure01.jpeg);
  background-size: cover;
  background-position: 70% 0%;
  position: relative;
}
.recruitPiling-section__page03--contents___inner---product > a:first-of-type::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(80px, -50%);
  width: 80px;
  height: 8px;
  background-color: #050A5A;
  display: block;
  z-index: 0;
}
.recruitPiling-section__page03--contents___inner---product > a:nth-of-type(2) {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)), url(/wp-content/themes/micado/img/recruit/recruit_consulting_organization_structure02.jpeg);
  background-size: cover;
  background-position: center;
  position: relative;
}
.recruitPiling-section__page03--contents___inner---product > a:nth-of-type(2)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(0px, 100%);
  width: 8px;
  height: 80px;
  background-color: #050A5A;
  display: block;
  z-index: 0;
}
.recruitPiling-section__page03--contents___inner---product > a:nth-of-type(3) {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)), url(/wp-content/themes/micado/img/recruit/recruit_consulting_organization_structure03.jpeg);
  background-size: cover;
  background-position: center;
  position: relative;
}
.recruitPiling-section__page03--contents___inner---product > a:nth-of-type(3)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(0px, -100%);
  width: 8px;
  height: 80px;
  background-color: #050A5A;
  display: block;
  z-index: 0;
}
.recruitPiling-section__page03--contents___inner---product > a:last-of-type {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)), url(/wp-content/themes/micado/img/recruit/recruit_consulting_organization_structure04.jpeg);
  background-size: cover;
  background-position: center;
  position: relative;
}
.recruitPiling-section__page03--contents___inner---product > a:last-of-type::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-80px, -50%);
  width: 80px;
  height: 8px;
  background-color: #050A5A;
  display: block;
  z-index: 0;
}
.recruitPiling-section__page03--contents___inner---product > a > p {
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 32px 0;
}
.recruitPiling-section__page03--contents___inner---product.web-product {
  flex-wrap: wrap-reverse;
}
.recruitPiling-section__page03--contents___inner---product.web-product > a:first-of-type {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)), url(/wp-content/themes/micado/img/recruit/recruit_engineer_top_03.png);
  background-size: cover;
  background-position: center;
  margin: 32px auto 40px;
}
.recruitPiling-section__page03--contents___inner---product.web-product > a:nth-of-type(2) {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)), url(/wp-content/themes/micado/img/recruit/recruit_engineer_organization_structure03.jpeg);
  background-size: cover;
  margin: 32px auto 40px;
}
.recruitPiling-section__page03--contents___inner---product.web-product > a:nth-of-type(2)::after {
  top: 0;
  bottom: inherit;
  left: 0;
  transform: rotate(60deg) translate(-12px, -20px);
  width: 80px;
  height: 8px;
}
.recruitPiling-section__page03--contents___inner---product.web-product > a:last-of-type {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)), url(/wp-content/themes/micado/img/recruit/recruit_engineer_organization_structure01.png);
  background-size: cover;
  margin: 40px auto 0;
}
.recruitPiling-section__page03--contents___inner---product.web-product > a:last-of-type::after {
  top: inherit;
  bottom: 0;
  left: 0;
  transform: rotate(-60deg) translate(-12px, 20px);
}
.recruitPiling-section__page03--contents .micadoWorks {
  display: flex;
  justify-content: space-between;
  margin: 60px 0;
}
.recruitPiling-section__page03--contents .micadoWorks > a {
  width: 48%;
  position: relative;
  display: block;
  font-weight: bold;
  font-size: 24px;
  aspect-ratio: 2/1;
  border-radius: 4px;
  transition: 0.3s;
}
.recruitPiling-section__page03--contents .micadoWorks > a:first-of-type {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.9)), url(/wp-content/themes/micado/img/recruit/recruit_consulting_term_sprit.png);
  background-size: cover;
  background-position: center;
}
.recruitPiling-section__page03--contents .micadoWorks > a:last-of-type {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.9)), url(/wp-content/themes/micado/img/recruit/recruit_engineer_fv.png);
  background-size: cover;
  background-position: center;
}
.recruitPiling-section__page03--contents .micadoWorks > a > p {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.recruitPiling-section__page03--contents .micadoWorks > a .recruitMoreLink-arrow {
  right: 20px;
  bottom: 20px;
}
.recruitPiling-section__page03--contents .jobPositions {
  width: 100%;
  background: linear-gradient(to right, #333333, #000);
  margin: 0;
  padding: 60px 0;
  color: #fff;
}
.recruitPiling-section__page03--contents .jobPositions h4::after {
  background-color: #fff !important;
}
.recruitPiling-section__page03--contents .jobPositions div:first-of-type {
  width: 72%;
}
.recruitPiling-section__page03--contents .jobPositions div:first-of-type .reverse {
  width: 55%;
  margin: 0;
}
.recruitPiling-section__page03--contents .jobPositions div:first-of-type .reverse h4 {
  background-color: transparent;
}
.recruitPiling-section__page03--contents .jobPositions div:first-of-type .reverse span {
  width: 45%;
  margin: -11px 0 0 auto;
  background-color: #fff;
}
.recruitPiling-section__page03--contents .jobPositions div:last-of-type {
  width: 1240px;
  margin: 60px auto 0;
}
.recruitPiling-section__page03--contents .jobPositions div:last-of-type a {
  width: 50%;
  height: 240px;
  margin: 0 0 0 auto;
  position: relative;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)), url(/wp-content/themes/micado/img/recruit/recruit_allmember.jpg);
  background-size: cover;
  background-position: center;
}
.recruitPiling-section__page03--contents .jobPositions div:last-of-type a p {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 24px;
  font-weight: bold;
}
.recruitPiling-section__page03--contents .jobPositions div:last-of-type a p span {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin: 0 0 8px 0;
}
.recruitPiling-section__page03--contents .jobPositions div:last-of-type a span {
  bottom: 20px;
  right: 20px;
}
.recruitPiling-section__page03::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.6;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.recruitPiling-section__scroll {
  position: absolute;
  bottom: 56px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
}
.recruitPiling-section__scroll--white {
  position: absolute;
  bottom: 56px;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  color: #fff;
  z-index: 2;
}
.recruitPiling-section__scroll--white::after {
  content: "";
  position: absolute;
  bottom: -56px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 46px;
  background-color: #fff;
}
.recruitPiling-section__scroll::after {
  content: "";
  position: absolute;
  bottom: -56px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 46px;
  background-color: #000;
}
.recruitEngineer {
  width: 100%;
  overflow: hidden;
}
.recruitEngineer .sp-line {
  display: none;
}
.recruitEngineer-fv {
  background-image: url(/wp-content/themes/micado/img/recruit/recruit_engineer_fv.png);
  height: 100vh;
  position: relative;
  background-size: cover;
  background-position: center;
}
.recruitEngineer-fv::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1960784314);
  z-index: 0;
}
.recruitEngineer-fv__title {
  position: absolute;
  bottom: 20%;
  left: 10%;
  z-index: 1;
}
.recruitEngineer-fv__title > h3 {
  color: #fff;
  font-size: 88px;
  font-family: "fot-udkakugoc80-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  transform: rotate(-4deg);
  margin: 0;
  line-height: 1.5;
}
.recruitEngineer-fv__title > a {
  display: inline-block;
  font-size: 32px;
  font-weight: bold;
  border-radius: 48px;
  background-color: #fff;
  padding: 24px 100px;
  margin: 46px 0 0 0;
  font-family: "Montserrat", sans-serif;
}
.recruitConsulting {
  width: 100%;
  overflow: hidden;
}
.recruitConsulting .sp-line {
  display: none;
}
.recruitConsulting-fv {
  background-image: url(/wp-content/themes/micado/img/recruit/recruit_consulting_fv.png);
  height: 100vh;
  position: relative;
  background-size: cover;
  background-position: center;
}
.recruitConsulting-fv::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1960784314);
  z-index: 0;
}
.recruitConsulting-fv__title {
  position: absolute;
  bottom: 20%;
  left: 10%;
  z-index: 1;
}
.recruitConsulting-fv__title > h3 {
  color: #fff;
  font-size: 88px;
  font-family: "fot-udkakugoc80-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  transform: rotate(-4deg);
  margin: 0;
  line-height: 1.5;
}
.recruitConsulting-fv__title > a {
  display: inline-block;
  font-size: 32px;
  font-weight: bold;
  border-radius: 48px;
  background-color: #fff;
  padding: 24px 100px;
  margin: 46px 0 0 0;
  font-family: "Montserrat", sans-serif;
}
.recruitConsulting .occupation {
  width: 1240px;
  margin: 40px auto 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recruitConsulting .occupation > li {
  aspect-ratio: 57/23;
  border-radius: 20px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3215686275);
  width: 24%;
  display: flex;
  align-items: center;
  padding: 16px;
  box-sizing: border-box;
}
.recruitConsulting .occupation > li:first-of-type {
  background: #CE858F url(/wp-content/themes/micado/img/recruit/recruit_consulting_services01.png) no-repeat;
  background-size: cover;
}
.recruitConsulting .occupation > li:nth-of-type(2) {
  background: #CE858F url(/wp-content/themes/micado/img/recruit/recruit_consulting_services02.png) no-repeat;
  background-size: cover;
}
.recruitConsulting .occupation > li:nth-of-type(3) {
  background: #CE858F url(/wp-content/themes/micado/img/recruit/recruit_consulting_services03.png) no-repeat;
  background-size: cover;
}
.recruitConsulting .occupation > li:last-of-type {
  background: #CE858F url(/wp-content/themes/micado/img/recruit/recruit_consulting_services04.png) no-repeat;
  background-size: cover;
}
.recruitConsulting .occupation > li > div {
  width: 70%;
  margin-left: auto;
}
.recruitConsulting .occupation > li > div > h5 {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  margin: 0;
}
.recruitConsulting .occupation > li > div > p {
  font-size: 14px;
  margin: 16px 0 0 0;
  line-height: 1.5;
}
.recruit-micadoWorks {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 60px auto;
  width: 1040px;
}
.recruit-micadoWorks > a {
  width: calc(50% - 16px);
  position: relative;
  display: block;
  font-weight: bold;
  font-size: 24px;
  aspect-ratio: 2/1;
  border-radius: 4px;
  transition: 0.3s;
}
.recruit-micadoWorks > a:first-of-type {
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.9)), url(/wp-content/themes/micado/img/recruit/recruit_allmember.jpg);
  background-size: cover;
  background-position: center;
  margin: 0 0 32px 0;
  aspect-ratio: 26/7;
}
.recruit-micadoWorks > a:nth-of-type(2) {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.9)), url(/wp-content/themes/micado/img/recruit/recruit_consulting_term_sprit.png);
  background-size: cover;
  background-position: center;
}
.recruit-micadoWorks > a:last-of-type {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.9)), url(/wp-content/themes/micado/img/recruit/recruit_engineer_fv.png);
  background-size: cover;
  background-position: center;
}
.recruit-micadoWorks > a > p {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-weight: bold;
}
.recruit-micadoWorks > a > p > span {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  display: block;
  margin: 0 0 8px 0;
}
.recruit-micadoWorks > a > p .sp-line {
  display: none;
}
.recruit-micadoWorks > a .recruitMoreLink-arrow {
  right: 20px;
  bottom: 20px;
}
.recruit-button {
  width: 1240px;
  margin: 100px auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.recruit-button a {
  display: block;
  height: 200px;
  position: relative;
  width: 33.3333333333%;
  transition: 0.3s;
  color: #fff;
}
.recruit-button a p {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 24px;
  font-weight: bold;
}
.recruit-button a p span {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin: 0 0 8px 0;
}
.recruit-button a span {
  right: 20px;
  bottom: 20px;
}
.recruit-button a:first-of-type {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)), url(/wp-content/themes/micado/img/recruit/recruit_culture.jpg);
  background-size: cover;
  background-position: center;
}
.recruit-button a:nth-of-type(2) {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)), url(/wp-content/themes/micado/img/recruit/recruit_welfare.jpg);
  background-size: cover;
  background-position: center;
}
.recruit-button a:last-of-type {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)), url(/wp-content/themes/micado/img/company_mv.jpeg);
  background-size: cover;
  background-position: center;
}
.recruit-privacyPolicy {
  margin: 160px 0 0 0;
}
.recruit-privacyPolicy__inner {
  width: 720px;
  margin: auto;
}
.recruit-privacyPolicy__inner h2 {
  font-size: 40px;
  text-align: center;
}
.recruit-privacyPolicy__inner h5 {
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  margin: 20px 0 0 0;
}
.recruit-privacyPolicy__inner p {
  font-size: 16px;
  line-height: 1.6;
  margin: 60px 0 0 0;
}

.workerSlider {
  width: 100vw;
  margin: 60px calc(50% - 50vw) 0;
  transition: 0.3s;
}
.workerSlider .slick-list {
  padding: 0 15%;
}
.workerSlider li {
  padding: 0 0 60px 0;
  width: 90% !important;
}
.workerSlider li a {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.3s;
}
.workerSlider li a div:first-of-type {
  overflow: hidden;
  border-radius: 12px;
}
.workerSlider li a div:first-of-type img {
  aspect-ratio: 24/27;
  object-fit: cover;
  border-radius: 12px;
  transition: 0.3s;
}
.workerSlider li a div:first-of-type img:hover {
  transform: scale(1.1);
}
.workerSlider li a div:last-of-type {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin: 32px 0 0 0;
  position: relative;
}
.workerSlider li a div:last-of-type h2 {
  width: inherit;
  font-size: 32px;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  margin: 0 16px 0 0;
}
.workerSlider li a div:last-of-type p {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  line-height: 1;
  width: inherit;
  margin: 16px 0 0 0;
  line-height: 1;
  color: #9F9F9F;
  font-weight: bold;
}
.workerSlider li a div:last-of-type p span {
  font-weight: bold;
  margin: 0 24px 0 0;
  color: #000;
}
.workerSlider li a div:last-of-type span {
  right: 0;
  top: -6px;
}
.workerSlider .slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.workerSlider .worker-prev {
  position: absolute;
  left: 5%;
  bottom: 50%;
  content: "";
  border-radius: 50%;
  background-color: #fff;
  width: 100px;
  height: 100px;
  transition: 0.2s;
  z-index: 9;
  transform: translateY(50%);
  cursor: pointer;
}
.workerSlider .worker-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 32px;
  height: 32px;
  border-top: 4px solid #222222;
  border-left: 4px solid #222222;
  transform-origin: center;
  transform: translateX(80%) translateY(-50%) rotate(-45deg);
}
.workerSlider .worker-prev:hover {
  opacity: 0.7;
}
.workerSlider .worker-next {
  position: absolute;
  right: 5%;
  bottom: 50%;
  content: "";
  border-radius: 50%;
  background-color: #fff;
  width: 100px;
  height: 100px;
  transition: 0.2s;
  z-index: 9;
  transform: translateY(50%);
  cursor: pointer;
}
.workerSlider .worker-next::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 32px;
  height: 32px;
  border-top: 4px solid #222222;
  border-right: 4px solid #222222;
  transform-origin: center;
  transform: translateX(30%) translateY(-50%) rotate(45deg);
}
.workerSlider .worker-next:hover {
  opacity: 0.7;
}

.occupationSlider {
  width: 100vw;
  margin: 60px calc(50% - 50vw) 0;
  transition: 0.3s;
}
.occupationSlider .slick-list {
  padding: 0 15%;
}
.occupationSlider li {
  padding: 20px;
  width: 95% !important;
  box-sizing: border-box;
  border: 1px solid #222222;
  background-color: #fff;
  height: 300px;
}
.occupationSlider li div {
  position: relative;
  height: 100%;
  background-color: #F8F8F8;
  text-align: left;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}
.occupationSlider li div h3 {
  color: #000;
  font-size: 32px;
  width: inherit;
  line-height: 1;
  position: absolute;
  top: 12px;
  right: 12px;
  left: inherit;
  margin: 0;
  transform: inherit;
  width: fit-content;
}
.occupationSlider li div h4 {
  padding: 36px 0 0 0;
  margin: 0;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
}
.occupationSlider li div h5 {
  padding: 0 0 16px;
  margin: 16px 0 0 0;
  font-size: 16px;
  color: #9F9F9F;
  position: relative;
}
.occupationSlider li div h5::after {
  content: "";
  width: 60px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #9F9F9F;
}
.occupationSlider li div p {
  font-size: 16px;
  width: 72%;
  margin: 16px 0 0 0;
  line-height: 2;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.occupationSlider li div span {
  right: 20px;
  bottom: 20px;
}
.occupationSlider .slick-disabled {
  opacity: 0;
  visibility: hidden;
}
.occupationSlider .occupation-prev {
  position: absolute;
  left: 5%;
  bottom: 50%;
  content: "";
  border-radius: 50%;
  background-color: #fff;
  width: 100px;
  height: 100px;
  transition: 0.2s;
  transform: translateY(50%);
  z-index: 1;
  cursor: pointer;
}
.occupationSlider .occupation-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 32px;
  height: 32px;
  border-top: 4px solid #222222;
  border-left: 4px solid #222222;
  transform-origin: center;
  transform: translateX(80%) translateY(-50%) rotate(-45deg);
}
.occupationSlider .occupation-prev:hover {
  opacity: 0.7;
}
.occupationSlider .occupation-next {
  position: absolute;
  right: 5%;
  bottom: 50%;
  content: "";
  border-radius: 50%;
  background-color: #fff;
  width: 100px;
  height: 100px;
  transition: 0.2s;
  transform: translateY(50%);
  cursor: pointer;
  z-index: 1;
}
.occupationSlider .occupation-next::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 32px;
  height: 32px;
  border-top: 4px solid #222222;
  border-right: 4px solid #222222;
  transform-origin: center;
  transform: translateX(30%) translateY(-50%) rotate(45deg);
}
.occupationSlider .occupation-next:hover {
  opacity: 0.7;
}

.recruitMoreLink {
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.recruitMoreLink:hover .recruitMoreLink-arrow {
  background-color: #fff;
  border: 1px solid #3D77B1;
}
.recruitMoreLink:hover .recruitMoreLink-arrow::after {
  border-top: 1px solid #3D77B1;
  border-right: 1px solid #3D77B1;
}
.recruitMoreLink:hover .recruitMoreLink-arrow::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.recruitMoreLink-arrow {
  position: absolute;
  margin: 0;
  border-radius: 50%;
  background-color: #3D77B1;
  border: 1px solid #fff;
  width: 44px;
  height: 44px;
  transition: 0.3s;
  cursor: pointer;
}
.recruitMoreLink-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform-origin: center;
  transform: translateX(30%) translateY(-50%) rotate(45deg);
}
.recruitMoreLink-arrow::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: transparent;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease 0.3s;
}

.following-entry {
  display: none;
}

.pp-viewing-page2 .headerRecruit {
  color: #fff;
}
.pp-viewing-page2 .headerRecruit .cls-1, .pp-viewing-page2 .headerRecruit .cls-2, .pp-viewing-page2 .headerRecruit .cls-3, .pp-viewing-page2 .headerRecruit .cls-4, .pp-viewing-page2 .headerRecruit .cls-5, .pp-viewing-page2 .headerRecruit .cls-6, .pp-viewing-page2 .headerRecruit .cls-7, .pp-viewing-page2 .headerRecruit .cls-8, .pp-viewing-page2 .headerRecruit .cls-9, .pp-viewing-page2 .headerRecruit .cls-10 {
  fill: #fff;
}

@media screen and (max-width: 768px) {
  .recruitPiling .sp-line {
    display: block;
  }
  .recruitPiling-section__inner h1 {
    font-size: 40px;
  }
  .recruitPiling-section__inner h4 {
    font-size: 20px;
  }
  .recruitPiling-section__inner a {
    font-size: 20px;
    padding: 20px 60px;
  }
  .recruitPiling-section__page02 .restart {
    right: 5%;
    font-size: 20px;
  }
  .recruitPiling-section__page02 .restart span {
    width: 20px;
    height: 20px;
    margin: 0 12px 0 0;
  }
  .recruitPiling-section__page03 h3 {
    text-align: left;
    width: 90%;
    font-size: 16px;
  }
  .recruitPiling-section__page03--contents section {
    margin: 0 0 60px 0;
    padding: 0 5%;
  }
  .recruitPiling-section__page03--contents section h2 {
    width: 100%;
    font-size: 36px;
  }
  .recruitPiling-section__page03--contents section .viewAll {
    width: 100%;
  }
  .recruitPiling-section__page03--contents section .viewAll > a {
    font-size: 20px;
    margin: 36px 0 0 0;
    padding: 0 16px 0 0;
  }
  .recruitPiling-section__page03--contents section .viewAll > a::after {
    width: 8px;
    height: 8px;
  }
  .recruitPiling-section__page03--contents___inner {
    width: 100%;
    margin: 24px 0 0 0;
  }
  .recruitPiling-section__page03--contents___inner > div {
    width: 100%;
  }
  .recruitPiling-section__page03--contents___inner > div h4 {
    font-size: 16px;
    margin: 0;
    padding: 0 16px 0 0;
    line-height: normal;
  }
  .recruitPiling-section__page03--contents___inner > div span {
    margin: -13px 0 0 0;
  }
  .recruitPiling-section__page03--contents___inner---image {
    margin: 32px auto 0;
  }
  .recruitPiling-section__page03--contents___inner---imageFlex {
    overflow: scroll;
    margin: 32px auto 0;
  }
  .recruitPiling-section__page03--contents___inner---imageFlex img {
    width: 85%;
    margin: 8px;
  }
  .recruitPiling-section__page03--contents___inner---image img {
    aspect-ratio: 7/4;
    object-fit: cover;
  }
  .recruitPiling-section__page03--contents___inner---product {
    margin: 40px auto;
    width: 100% !important;
  }
  .recruitPiling-section__page03--contents___inner---product > a {
    width: 120px;
    margin: 12px;
  }
  .recruitPiling-section__page03--contents___inner---product > a:first-of-type::after {
    transform: translate(24px, -50%);
    width: 24px;
    height: 4px;
  }
  .recruitPiling-section__page03--contents___inner---product > a:nth-of-type(2)::after {
    transform: translate(0px, 100%);
    width: 4px;
    height: 24px;
  }
  .recruitPiling-section__page03--contents___inner---product > a:nth-of-type(3)::after {
    transform: translate(0px, -100%);
    width: 4px;
    height: 24px;
  }
  .recruitPiling-section__page03--contents___inner---product > a:last-of-type::after {
    transform: translate(-24px, -50%);
    width: 24px;
    height: 4px;
  }
  .recruitPiling-section__page03--contents___inner---product > a > p {
    font-size: 12px;
    margin: 0 0 24px;
  }
  .recruitPiling-section__page03--contents___inner---product.web-product {
    margin: 0 auto;
  }
  .recruitPiling-section__page03--contents___inner---product.web-product > a:first-of-type {
    margin: 24px 24px 40px;
  }
  .recruitPiling-section__page03--contents___inner---product.web-product > a:first-of-type::after {
    transform: translate(100%, -50%);
    width: 48px;
  }
  .recruitPiling-section__page03--contents___inner---product.web-product > a:nth-of-type(2) {
    margin: 24px 24px 40px;
  }
  .recruitPiling-section__page03--contents___inner---product.web-product > a:nth-of-type(2)::after {
    width: 48px;
    height: 4px;
    transform: rotate(60deg) translate(-15px, 0px);
  }
  .recruitPiling-section__page03--contents___inner---product.web-product > a:last-of-type::after {
    width: 48px;
    transform: rotate(-60deg) translate(-15px, 0px);
  }
  .recruitPiling-section__page03--contents___inner p {
    width: 100%;
    font-size: 14px;
    margin: 24px 0 0 0;
  }
  .recruitPiling-section__page03--contents___inner .hidden {
    display: none;
  }
  .recruitPiling-section__page03--contents .micadoWorks {
    padding: 0;
    margin: 40px 0;
  }
  .recruitPiling-section__page03--contents .micadoWorks > a {
    aspect-ratio: 85/64;
  }
  .recruitPiling-section__page03--contents .micadoWorks > a > p {
    bottom: 8px;
    left: 8px;
  }
  .recruitPiling-section__page03--contents .micadoWorks > a .recruitMoreLink-arrow {
    bottom: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
  }
  .recruitPiling-section__page03--contents .micadoWorks > a .recruitMoreLink-arrow::after {
    width: 6px;
    height: 6px;
  }
  .recruitPiling-section__page03--contents .jobPositions {
    padding: 60px 5%;
    box-sizing: border-box;
  }
  .recruitPiling-section__page03--contents .jobPositions div:first-of-type {
    width: 100%;
  }
  .recruitPiling-section__page03--contents .jobPositions div:first-of-type .reverse {
    width: 100%;
  }
  .recruitPiling-section__page03--contents .jobPositions div:first-of-type .reverse span {
    width: 35%;
  }
  .recruitPiling-section__page03--contents .jobPositions div:last-of-type {
    width: 100%;
    margin: 32px 0 0 0;
  }
  .recruitPiling-section__page03--contents .jobPositions div:last-of-type a {
    width: 100%;
  }
  .recruitConsulting-fv {
    background-position-x: 50%;
  }
  .recruitConsulting-fv__title {
    width: 90%;
    bottom: 20%;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
  }
  .recruitConsulting-fv__title > h3 {
    font-size: 54px;
    text-align: left;
    transform: rotate(-4deg);
  }
  .recruitConsulting-fv__title > a {
    font-size: 20px;
    padding: 20px 100px;
    margin: 32px 0 0 0;
  }
  .recruitConsulting-fv__title .sp-line {
    display: block;
  }
  .recruitConsulting .occupation {
    overflow-x: auto;
    width: inherit;
    margin: 0 auto 40px;
    padding: 12px 5%;
    gap: 1rem;
  }
  .recruitConsulting .occupation li {
    flex: 0 0 90%;
  }
  .recruitEngineer-fv {
    background-position-x: 70%;
  }
  .recruitEngineer-fv__title {
    width: 90%;
    bottom: 20%;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
  }
  .recruitEngineer-fv__title > h3 {
    font-size: 60px;
    text-align: left;
    transform: rotate(-4deg);
  }
  .recruitEngineer-fv__title > a {
    font-size: 20px;
    padding: 20px 100px;
    margin: 32px 0 0 0;
  }
  .recruit-micadoWorks {
    width: 90%;
  }
  .recruit-micadoWorks > a {
    aspect-ratio: 85/64;
    width: calc(50% - 6px);
  }
  .recruit-micadoWorks > a:first-of-type {
    margin: 0 0 16px 0;
    aspect-ratio: 25/9;
  }
  .recruit-micadoWorks > a > p {
    font-size: 12px;
    bottom: 8px;
    left: 8px;
    line-height: 1.5;
  }
  .recruit-micadoWorks > a > p > span {
    font-size: 10px;
    margin: 0;
  }
  .recruit-micadoWorks > a > p .sp-line {
    display: block;
  }
  .recruit-micadoWorks > a .recruitMoreLink-arrow {
    right: 8px;
    bottom: 8px;
  }
  .recruit-button {
    margin: 40px 0 !important;
    box-sizing: border-box;
    padding: 0 0 0 5% !important;
    flex-direction: column;
    width: 100%;
  }
  .recruit-button a {
    width: 100%;
  }
  .recruit-button a p {
    font-size: 14px;
  }
  .recruit-button a p span {
    font-size: 10px;
  }
  .recruit-privacyPolicy {
    margin: 112px 0 0 0;
  }
  .recruit-privacyPolicy__inner {
    width: 90%;
  }
  .recruit-privacyPolicy__inner h2 {
    font-size: 24px;
  }
  .recruit-privacyPolicy__inner h5 {
    font-size: 16px;
  }
  .workerSlider {
    margin: 40px calc(50% - 50vw) 0;
  }
  .workerSlider .slick-list {
    padding: 0 20% 0 0;
  }
  .workerSlider li {
    padding: 0 0 20px 0;
  }
  .workerSlider li a div:first-of-type img {
    aspect-ratio: 7/9;
  }
  .workerSlider li a div:last-of-type {
    margin: 24px 0 0 0;
  }
  .workerSlider li a div:last-of-type h2 {
    font-size: 24px;
    margin: 0 8px 0 0;
  }
  .workerSlider li a div:last-of-type p {
    font-size: 10px;
    margin: 0;
  }
  .workerSlider li a div:last-of-type p span {
    margin: 0 20px 0 0;
  }
  .workerSlider li a div:last-of-type span {
    right: 0;
    top: 2px;
  }
  .occupationSlider {
    margin: 36px 0 !important;
    width: 100%;
    height: 100%;
  }
  .occupationSlider .slick-list {
    margin: 0 -5%;
    padding: 0 5%;
  }
  .occupationSlider li {
    padding: 12px;
    width: 90% !important;
    margin: 12px auto;
    height: 200px;
    box-sizing: border-box;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  }
  .occupationSlider li div h3 {
    line-height: normal;
    font-size: 24px;
  }
  .occupationSlider li div h4 {
    padding: 12px 0 0 0;
    font-size: 16px;
  }
  .occupationSlider li div h5 {
    padding: 0 0 8px;
    margin: 4px 0 0 0;
    font-size: 12px;
  }
  .occupationSlider li div h5::after {
    width: 32px;
  }
  .occupationSlider li div p {
    font-size: 12px;
    width: 90%;
    margin: 20px 0 0 0;
  }
  .occupationSlider li div span {
    right: 8px;
    bottom: 8px;
  }
  .occupationSlider .slick-dots {
    z-index: 1;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }
  .occupationSlider .slick-dots .slick-active {
    width: 12px !important;
    height: 12px;
    border: 1px solid #000;
    border-radius: 50%;
    background-color: #000;
  }
  .occupationSlider .slick-dots li {
    width: 12px !important;
    height: 12px;
    border: 1px solid #000;
    border-radius: 50%;
    background-color: #fff;
  }
  .occupationSlider .slick-dots li button {
    width: 12px !important;
    height: 12px;
    border-radius: 50%;
    background-color: transparent;
  }
  .recruitMoreLink-arrow {
    width: 34px;
    height: 34px;
  }
  .following-entry {
    display: block;
    position: fixed;
    bottom: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    text-align: center;
    z-index: 99;
    transition: 0.3s;
    visibility: visible;
    opacity: 1;
  }
  .following-entry a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 12px 0;
    background-color: #fff;
    position: relative;
  }
  .following-entry a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 35%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #222222;
    border-right: 2px solid #222222;
    transform-origin: center;
    transform: translateX(30%) translateY(-50%) rotate(45deg);
  }
  .following-entry a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 32%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #222222;
    border-right: 2px solid #222222;
    transform-origin: center;
    transform: translateX(30%) translateY(-50%) rotate(45deg);
  }
  .following-entry.is-scrollEnd {
    opacity: 0;
  }
  .recruitPiling .following-entry {
    visibility: hidden;
    opacity: 0;
  }
  .recruitPiling-section__page01 .following-entry {
    visibility: hidden;
    opacity: 0;
  }
  .recruitPiling-section__page02 .following-entry {
    visibility: hidden;
    opacity: 0;
  }
  .recruitPiling-section__page03 .following-entry {
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0;
    padding: 0;
  }
}
.recruit-entry {
  margin: 0 !important;
  padding: 100px 0;
  background: linear-gradient(70deg, rgba(40, 46, 141, 0), rgba(5, 10, 90, 0.8)), url(/wp-content/themes/micado/img/recruit/recruit_allmember.jpg);
  background-size: cover;
  background-position: center;
}
.recruit-entry__inner {
  width: 1240px;
  margin: auto;
}
.recruit-entry__inner div {
  color: #fff;
  width: 40%;
  margin: 0 0 0 auto;
}
.recruit-entry__inner div p {
  font-size: 24px;
  font-weight: bold;
  line-height: 2;
}
.recruit-entry__inner div a {
  display: inline-block;
  width: 55%;
  margin: 0 auto 0 0;
  color: #000000;
  background-color: #fff;
  padding: 16px 0;
  text-align: center;
  margin: 48px 0 0 0;
  font-size: 20px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  transition: 0.3s;
}
.recruit-entry__form {
  width: 72%;
  margin: 160px auto 0;
  background-color: #F8F8F8;
}
.recruit-entry__form--inner {
  padding: 64px 100px;
}
.recruit-entry__form--inner div:first-of-type h2 {
  text-align: center;
  font-size: 40px;
  margin: 0;
}
.recruit-entry__form--inner div:first-of-type h5 {
  text-align: center;
  font-size: 24px;
  font-family: "Montserrat", sans-serif;
  margin: 20px 0 0 0;
}
.recruit-entry__form--inner div:last-of-type form {
  color: #1C1C1C;
}
.recruit-entry__form--inner div:last-of-type form .title {
  font-size: 20px;
  font-weight: bold;
  margin: 32px 0 20px;
}
.recruit-entry__form--inner div:last-of-type form .form-item {
  border-bottom: 1px solid #707070;
  padding: 0 0 32px 0;
}
.recruit-entry__form--inner div:last-of-type form .form-item .wpcf7-list-item label {
  display: block;
  width: 100%;
  height: 100%;
  padding: 16px 8px;
  cursor: pointer;
}
.recruit-entry__form--inner div:last-of-type form .form-item .occupation, .recruit-entry__form--inner div:last-of-type form .form-item .os {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.recruit-entry__form--inner div:last-of-type form .form-item .occupation .wpcf7-list-item, .recruit-entry__form--inner div:last-of-type form .form-item .os .wpcf7-list-item {
  display: block;
  width: calc(47% - 16px);
  background-color: #fff;
  margin: 0 0 12px 0;
}
.recruit-entry__form--inner div:last-of-type form .form-item .occupation .wpcf7-list-item:nth-last-of-type(-n+2), .recruit-entry__form--inner div:last-of-type form .form-item .os .wpcf7-list-item:nth-last-of-type(-n+2) {
  margin: 0;
}
.recruit-entry__form--inner div:last-of-type form .form-item .fullname input, .recruit-entry__form--inner div:last-of-type form .form-item .furigana input, .recruit-entry__form--inner div:last-of-type form .form-item .email input, .recruit-entry__form--inner div:last-of-type form .form-item .tel input {
  box-shadow: none;
}
.recruit-entry__form--inner div:last-of-type form .form-item .intention, .recruit-entry__form--inner div:last-of-type form .form-item .consideration {
  width: 60%;
}
.recruit-entry__form--inner div:last-of-type form .form-item .intention select, .recruit-entry__form--inner div:last-of-type form .form-item .consideration select {
  width: 100%;
}
.recruit-entry__form--inner div:last-of-type form .form-item .question {
  width: 100%;
}
.recruit-entry__form--inner div:last-of-type form .form-item .question textarea {
  box-shadow: none;
  padding: 16px;
  width: calc(100% - 32px);
  font-family: "Noto Sans JP";
}
.recruit-entry__form--inner div:last-of-type form .dateOfBirth, .recruit-entry__form--inner div:last-of-type form .form-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.recruit-entry__form--inner div:last-of-type form .dateOfBirth p, .recruit-entry__form--inner div:last-of-type form .form-item p {
  font-size: 16px;
  margin: 0 6px;
}
.recruit-entry__form--inner div:last-of-type form .dateOfBirth .DOBYear select, .recruit-entry__form--inner div:last-of-type form .dateOfBirth .DOBMonth select, .recruit-entry__form--inner div:last-of-type form .dateOfBirth .DOBDay select, .recruit-entry__form--inner div:last-of-type form .dateOfBirth .intention select, .recruit-entry__form--inner div:last-of-type form .dateOfBirth .consideration select, .recruit-entry__form--inner div:last-of-type form .form-item .DOBYear select, .recruit-entry__form--inner div:last-of-type form .form-item .DOBMonth select, .recruit-entry__form--inner div:last-of-type form .form-item .DOBDay select, .recruit-entry__form--inner div:last-of-type form .form-item .intention select, .recruit-entry__form--inner div:last-of-type form .form-item .consideration select {
  margin: 0;
  border: none;
  padding: 8px;
}
.recruit-entry__form--inner div:last-of-type form .entry-button {
  margin: 60px 0 0 0;
  text-align: center;
}
.recruit-entry__form--inner div:last-of-type form .entry-button p {
  font-size: 16px;
  margin: 0 0 24px 0;
}
.recruit-entry__form--inner div:last-of-type form .entry-button p a {
  color: #0A00FF;
}
.recruit-entry__form--inner div:last-of-type form .entry-button input {
  width: 340px;
  border-radius: 8px;
  background: linear-gradient(to right, #282E8D, #050A5A);
  padding: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .recruit-entry {
    padding: 32px 0 !important;
  }
  .recruit-entry__inner {
    width: 53%;
    margin: auto;
  }
  .recruit-entry__inner > div {
    width: 100%;
    text-align: center;
  }
  .recruit-entry__inner > div p {
    font-size: 14px;
  }
  .recruit-entry__inner > div a {
    width: 100%;
    font-size: 16px;
    margin: 20px 0 0 0;
  }
  .recruit-entry__form {
    width: 90%;
    margin: 80px auto 60px;
  }
  .recruit-entry__form--inner {
    padding: 32px 20px;
  }
  .recruit-entry__form--inner div:first-of-type h2 {
    font-size: 24px;
  }
  .recruit-entry__form--inner div:first-of-type h5 {
    font-size: 16px;
  }
  .recruit-entry__form--inner div:last-of-type form {
    padding-top: 20px;
  }
  .recruit-entry__form--inner div:last-of-type form .title {
    font-size: 14px;
    margin: 16px 0 12px;
  }
  .recruit-entry__form--inner div:last-of-type form .form-item {
    border-bottom: 1px solid #707070;
    padding: 0 0 16px 0;
  }
  .recruit-entry__form--inner div:last-of-type form .form-item .wpcf7-list-item label {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px;
    cursor: pointer;
    box-sizing: border-box;
  }
  .recruit-entry__form--inner div:last-of-type form .form-item .wpcf7-list-item label input {
    margin: 0 12px 0 0;
  }
  .recruit-entry__form--inner div:last-of-type form .form-item .occupation, .recruit-entry__form--inner div:last-of-type form .form-item .os {
    width: 100%;
  }
  .recruit-entry__form--inner div:last-of-type form .form-item .occupation .wpcf7-list-item, .recruit-entry__form--inner div:last-of-type form .form-item .os .wpcf7-list-item {
    padding: 8px 12px !important;
    width: 100%;
  }
  .recruit-entry__form--inner div:last-of-type form .form-item .occupation .wpcf7-list-item:nth-last-of-type(-n+2), .recruit-entry__form--inner div:last-of-type form .form-item .os .wpcf7-list-item:nth-last-of-type(-n+2) {
    margin: 0 0 12px 0;
  }
  .recruit-entry__form--inner div:last-of-type form .form-item .fullname input, .recruit-entry__form--inner div:last-of-type form .form-item .furigana input, .recruit-entry__form--inner div:last-of-type form .form-item .email input, .recruit-entry__form--inner div:last-of-type form .form-item .tel input {
    box-shadow: none;
  }
  .recruit-entry__form--inner div:last-of-type form .form-item .intention, .recruit-entry__form--inner div:last-of-type form .form-item .consideration {
    width: 100%;
  }
  .recruit-entry__form--inner div:last-of-type form .form-item .intention select, .recruit-entry__form--inner div:last-of-type form .form-item .consideration select {
    width: 100%;
  }
  .recruit-entry__form--inner div:last-of-type form .form-item .question {
    width: 100%;
  }
  .recruit-entry__form--inner div:last-of-type form .form-item .question textarea {
    box-shadow: none;
    padding: 16px;
    width: calc(100% - 32px);
  }
  .recruit-entry__form--inner div:last-of-type form .dateOfBirth, .recruit-entry__form--inner div:last-of-type form .form-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .recruit-entry__form--inner div:last-of-type form .dateOfBirth p, .recruit-entry__form--inner div:last-of-type form .form-item p {
    font-size: 16px;
    margin: 0 6px;
  }
  .recruit-entry__form--inner div:last-of-type form .dateOfBirth .DOBYear select, .recruit-entry__form--inner div:last-of-type form .dateOfBirth .DOBMonth select, .recruit-entry__form--inner div:last-of-type form .dateOfBirth .DOBDay select, .recruit-entry__form--inner div:last-of-type form .dateOfBirth .intention select, .recruit-entry__form--inner div:last-of-type form .dateOfBirth .consideration select, .recruit-entry__form--inner div:last-of-type form .form-item .DOBYear select, .recruit-entry__form--inner div:last-of-type form .form-item .DOBMonth select, .recruit-entry__form--inner div:last-of-type form .form-item .DOBDay select, .recruit-entry__form--inner div:last-of-type form .form-item .intention select, .recruit-entry__form--inner div:last-of-type form .form-item .consideration select {
    margin: 0;
    border: none;
    padding: 8px;
  }
  .recruit-entry__form--inner div:last-of-type form .entry-button {
    margin: 32px 0 0 0;
    text-align: center;
  }
  .recruit-entry__form--inner div:last-of-type form .entry-button p {
    font-size: 16px;
    margin: 0 0 24px 0;
  }
  .recruit-entry__form--inner div:last-of-type form .entry-button p a {
    color: #0A00FF;
  }
  .recruit-entry__form--inner div:last-of-type form .entry-button p:last-of-type {
    height: 66px;
    margin: 0;
  }
  .recruit-entry__form--inner div:last-of-type form .entry-button input {
    width: 340px;
    border-radius: 8px;
    background: linear-gradient(to right, #282E8D, #050A5A);
    padding: 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
  }
}
.interview {
  margin: 160px 0 0 0;
}
.interview .interview-nav {
  display: flex;
  align-items: center;
  margin: 60px 0 0;
}
.interview .interview-nav .border1 {
  width: 3%;
  height: 2px;
  background-color: #9F9F9F;
  margin: 0 29px 0 0;
}
.interview .interview-nav .texts {
  width: 25%;
  position: relative;
}
.interview .interview-nav .texts h1 {
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  line-height: 64px;
  font-weight: bold;
}
.interview .interview-nav .texts p {
  position: absolute;
  bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #9F9F9F;
}
.interview .interview-nav .border2 {
  width: 70%;
  height: 2px;
  background-color: #9F9F9F;
}
.interview-inner {
  width: 86%;
  margin: auto;
}
.interview-inner h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 80px;
  font-weight: bold;
}
.interview-inner p {
  width: 50%;
  font-size: 16px;
  line-height: 2;
}
.interview-inner__member {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  flex-wrap: wrap;
  margin: 40px 0 0 0;
}
.interview-inner__member::after {
  content: "";
  display: block;
  width: 30%;
}
.interview-inner__member li {
  width: 30%;
  margin: 0 0 100px 0;
}
.interview-inner__member li a {
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.3s;
}
.interview-inner__member li a div:first-of-type {
  overflow: hidden;
  border-radius: 12px;
}
.interview-inner__member li a div:first-of-type img {
  aspect-ratio: 19/27;
  object-fit: cover;
  border-radius: 12px;
  transition: 0.3s;
}
.interview-inner__member li a div:first-of-type img:hover {
  transform: scale(1.2);
}
.interview-inner__member li a div:last-of-type {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin: 32px 0 0 0;
  position: relative;
}
.interview-inner__member li a div:last-of-type h2 {
  width: inherit;
  font-size: 32px;
  text-align: left;
  font-family: "Montserrat", sans-serif;
  margin: 0 16px 0 0;
}
.interview-inner__member li a div:last-of-type span {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  line-height: 1;
  font-weight: bold;
  margin: 0 24px 0 0;
  color: #000;
}
.interview-inner__member li a div:last-of-type p {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  width: inherit;
  margin: 16px 0 0 0;
  line-height: 1;
  color: #9F9F9F;
  font-weight: bold;
}
.interview-inner__member li a span {
  right: 0;
  top: -6px;
}

@media screen and (max-width: 768px) {
  .interview {
    margin: 120px 0 0 0;
  }
  .interview-inner {
    width: 90%;
  }
  .interview-inner h2 {
    font-size: 40px;
    margin: 0;
  }
  .interview-inner p {
    width: 100%;
    margin: 32px 0 0 0;
  }
  .interview-inner__member {
    margin: 80px 0 0 0;
  }
  .interview-inner__member li {
    width: 47%;
    margin: 0 0 40px 0;
  }
  .interview-inner__member li a div:last-of-type {
    flex-wrap: wrap;
    margin: 12px 0 0 0;
  }
  .interview-inner__member li a div:last-of-type h2 {
    font-size: 24px;
    margin: 0;
    width: 35%;
  }
  .interview-inner__member li a div:last-of-type span:first-of-type {
    font-size: 10px;
    margin: 0;
    width: 65%;
  }
  .interview-inner__member li a div:last-of-type span:last-of-type {
    margin: 0;
  }
  .interview-inner__member li a div:last-of-type p {
    font-size: 10px;
    margin: 8px 0 0 0;
  }
}
.jobSlider {
  background: linear-gradient(240deg, #9F9F9F, #BFBFBF);
  margin: 100px 0;
  padding: 80px 0;
  overflow: hidden;
}
.jobSlider > div {
  width: 86%;
  margin: 0 auto;
}
.jobSlider > div h2 {
  font-size: 40px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  margin: 0;
}
.jobSlider > div h5 {
  margin: 32px 0 0 0;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  position: relative;
  display: inline-block;
}
.jobSlider > div h5::after {
  content: "";
  top: 50%;
  right: -40px;
  width: 200px;
  height: 1px;
  background-color: #fff;
  transform: translate(100%, -50%);
}
.jobSlider .viewAll {
  display: none;
}

@media screen and (max-width: 768px) {
  .jobSlider {
    background: inherit;
    padding: 0;
    margin: 60px 0;
  }
  .jobSlider > div h2 {
    color: #000;
    font-size: 36px;
  }
  .jobSlider > div h5 {
    color: #000;
    font-size: 16px;
  }
  .jobSlider > div h5::after {
    background-color: #000;
  }
  .jobSlider .viewAll {
    display: block;
    width: 90%;
    margin: 64px auto 0;
    text-align: right;
  }
  .jobSlider .viewAll a {
    font-size: 20px;
    margin: 0;
    padding: 0 16px 0 0;
    font-weight: bold;
    text-align: right;
    font-family: "Montserrat", sans-serif;
    position: relative;
    display: inline-block;
  }
  .jobSlider .viewAll a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #222222;
    border-right: 2px solid #222222;
    transform-origin: center;
    transform: translateX(30%) translateY(-50%) rotate(45deg);
  }
}
.jobList {
  margin: 160px 0;
}
.jobList-inner {
  width: 86%;
  margin: auto;
}
.jobList-inner h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 80px;
  font-weight: bold;
}
.jobList-inner p {
  width: 50%;
  font-size: 16px;
  line-height: 2;
}
.jobList-inner__job {
  margin: 100px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.jobList-inner__job h3 {
  width: 20%;
  margin: 0;
  padding: 0 24px 0 64px;
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  position: relative;
}
.jobList-inner__job h3 span {
  display: block;
  font-size: 16px;
  color: #9F9F9F;
  margin: 8px 0 0 0;
  font-family: "Noto Sans JP", sans-serif;
}
.jobList-inner__job h3::before {
  content: "";
  position: absolute;
  top: 21px;
  left: 0;
  width: 24px;
  height: 2px;
  background-color: #222222;
  transform: translate(0%, -50%);
}
.jobList-inner__job ul {
  margin: 21px 0 0 0;
  width: 80%;
}
.jobList-inner__job ul a:first-of-type li {
  border-top: 1px solid #9F9F9F;
}
.jobList-inner__job ul a li {
  padding: 40px 24px;
  border-bottom: 1px solid #9F9F9F;
  border-top: 1px solid #9f9f9f;
  margin: 0 0 -1px;
  position: relative;
}
.jobList-inner__job ul a li h3 {
  display: none;
}
.jobList-inner__job ul a li h4 {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
}
.jobList-inner__job ul a li h6 {
  font-size: 16px;
  margin: 16px 0 0 0;
  padding: 0 0 16px 0;
  color: #9F9F9F;
  position: relative;
}
.jobList-inner__job ul a li h6::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 2px;
  background-color: #9F9F9F;
}
.jobList-inner__job ul a li p {
  margin: 16px 0 0 0;
  font-size: 16px;
}
.jobList-inner__job ul a li .recruitMoreLink-arrow {
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}
.jobList-inner__job ul a:hover {
  background-color: #F8F8F8;
}
.jobList-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jobList-search > p {
  font-size: 16px;
  font-weight: bold;
}
.jobList-search > div {
  display: flex;
}
.jobList-search > div > div {
  position: relative;
}
.jobList-search > div > div::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform-origin: center;
  transform: translateX(0%) translateY(-75%) rotate(135deg);
}
.jobList-search > div > div > select {
  padding: 12px 40px 12px 24px;
  cursor: pointer;
  border: none;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3215686275);
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-appearance: none;
  appearance: none; /* デフォルトの矢印を非表示 */
  box-sizing: border-box;
  outline: none;
}
.jobList-search > div > div > select::-ms-expand {
  display: none; /* デフォルトの矢印を非表示(IE用) */
}
.jobList-search > div > div:last-of-type {
  margin: 0 0 0 32px;
}

@media screen and (max-width: 768px) {
  .jobList {
    margin: 120px 0 0 0;
  }
  .jobList-inner {
    width: 90%;
    margin: 0 auto 40px;
  }
  .jobList-inner h2 {
    font-size: 40px;
    margin: 0;
  }
  .jobList-inner p {
    width: 100%;
    margin: 32px 0 0 0;
  }
  .jobList-inner div:first-of-type {
    margin: 80px 0 0 0;
  }
  .jobList-inner__job {
    margin: 0;
    flex-direction: column;
  }
  .jobList-inner__job h3 {
    font-size: 32px;
    width: 100%;
    margin: 0 0 32px;
  }
  .jobList-inner__job ul {
    width: 100%;
    margin: 0;
  }
  .jobList-inner__job ul a {
    padding: 12px;
    box-sizing: border-box;
    margin: 0 0 32px 0;
    border: 1px solid #222222;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3019607843);
    background-color: #ffffff;
  }
  .jobList-inner__job ul a:first-of-type li {
    border: none;
  }
  .jobList-inner__job ul a li {
    width: 100%;
    margin: 0;
    padding: 12px;
    box-sizing: border-box;
    border: none;
    background-color: #F8F8F8;
  }
  .jobList-inner__job ul a li h3 {
    display: block;
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 24px;
    padding: 0;
    width: fit-content;
  }
  .jobList-inner__job ul a li h3::before {
    display: none;
  }
  .jobList-inner__job ul a li h4 {
    font-size: 16px;
    margin: 32px 0 0 0;
  }
  .jobList-inner__job ul a li h6 {
    font-size: 12px;
    margin: 8px 0 0 0;
    padding: 0 0 8px 0;
  }
  .jobList-inner__job ul a li p {
    margin: 8px 0 32px 0;
    font-size: 12px;
  }
  .jobList-inner__job ul a li .recruitMoreLink-arrow {
    top: inherit;
    bottom: 8px;
    right: 8px;
    transform: inherit;
  }
  .jobList-inner__job li {
    width: 47%;
    margin: 0 0 40px 0;
  }
  .jobList-inner__job li a div:last-of-type {
    flex-wrap: wrap;
    margin: 12px 0 0 0;
  }
  .jobList-inner__job li a div:last-of-type h2 {
    font-size: 24px;
    margin: 0;
    width: 35%;
  }
  .jobList-inner__job li a div:last-of-type span:first-of-type {
    font-size: 10px;
    margin: 0;
    width: 65%;
  }
  .jobList-inner__job li a div:last-of-type span:last-of-type {
    margin: 0;
  }
  .jobList-inner__job li a div:last-of-type p {
    font-size: 10px;
    margin: 8px 0 0 0;
  }
  .jobList-search {
    width: 100%;
    margin: 32px auto !important;
  }
  .jobList-search > p {
    display: none;
  }
  .jobList-search > div {
    width: 100%;
    margin: 0 !important;
    justify-content: space-between;
  }
  .jobList-search > div > div {
    width: calc(50% - 8px);
    margin: 0 !important;
    padding: 8px 0;
    border-bottom: 1px solid #000;
  }
  .jobList-search > div > div::after {
    right: 0;
    width: 8px;
    height: 8px;
  }
  .jobList-search > div > div > select {
    padding: 0;
    box-shadow: none;
    font-size: 14px;
    width: 100%;
  }
}
.recruitServices {
  margin: 160px 0;
}
.recruitServices .sp-line {
  display: none;
}
.recruitServices-inner {
  width: 86%;
  margin: auto;
}
.recruitServices-inner h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 80px;
  font-weight: bold;
}
.recruitServices-inner p {
  width: 50%;
  font-size: 16px;
  line-height: 2;
}
.recruitServices-inner > div {
  margin: 60px 0 0 0;
}
.recruitServices-inner > div video {
  width: 100%;
  height: 640px;
  object-fit: cover;
}
.recruitServices-inner img {
  height: 450px;
  object-fit: cover;
}
.recruitServices-inner__content {
  margin: 100px 0 0 0;
}
.recruitServices-inner__content > div h2 {
  font-size: 40px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  color: #000;
  margin: 0;
}
.recruitServices-inner__content > div h5 {
  margin: 32px 0 0 0;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  position: relative;
  display: inline-block;
}
.recruitServices-inner__content > div h5::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 200px;
  height: 1px;
  background-color: #000;
  transform: translate(100%, -50%);
}
.recruitServices-inner__content ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 60px 0 0 0;
}
.recruitServices-inner__content ul a {
  width: 27%;
  margin: 0 0 100px 0;
  max-width: 450px;
}
.recruitServices-inner__content ul a li div {
  overflow: hidden;
  border-radius: 50%;
  border: 4px solid #9F9F9F;
}
.recruitServices-inner__content ul a li div img {
  width: 100%;
  aspect-ratio: 1;
  height: auto;
  max-width: 450px;
  margin: 0;
  box-sizing: border-box;
  transition: 0.2s;
}
.recruitServices-inner__content ul a li div img:hover {
  transform: scale(1.1);
}
.recruitServices-inner__content ul a li h5 {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  margin: 56px 0 0 0;
  color: #9F9F9F;
  text-align: center;
  position: relative;
}
.recruitServices-inner__content ul a li h5::after {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #9F9F9F;
  width: 60px;
  height: 8px;
}
.recruitServices-inner__content ul a li p {
  margin: 16px 0 0 0;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .recruitServices {
    margin: 120px 0 0 0;
  }
  .recruitServices .sp-line {
    display: block;
  }
  .recruitServices-inner {
    width: 90%;
    margin: 0 auto 40px;
  }
  .recruitServices-inner h2 {
    font-size: 40px;
    margin: 0;
  }
  .recruitServices-inner p {
    width: 100%;
    margin: 32px 0 0 0;
  }
  .recruitServices-inner > div:first-of-type {
    width: 105%;
    margin: 32px calc(50% - 50vw) 0 auto;
    text-align: right;
  }
  .recruitServices-inner > div:first-of-type img {
    height: inherit;
    aspect-ratio: 37/22;
  }
  .recruitServices-inner div > video.sp {
    display: none !important;
  }
  .recruitServices-inner div > video.pc {
    width: 100%;
    height: inherit;
    object-fit: cover;
    display: block;
  }
  .recruitServices-inner__content {
    margin: 0;
  }
  .recruitServices-inner__content div h2 {
    font-size: 36px;
  }
  .recruitServices-inner__content div h5 {
    font-size: 16px;
  }
  .recruitServices-inner__content ul {
    margin: 60px 0 0 0;
    justify-content: space-between;
  }
  .recruitServices-inner__content ul a {
    width: 45%;
    margin: 0 0 40px 0;
    max-width: 450px;
  }
  .recruitServices-inner__content ul a li {
    overflow: hidden;
  }
  .recruitServices-inner__content ul a li div {
    border: 2px solid #9F9F9F;
    overflow: hidden;
  }
  .recruitServices-inner__content ul a li div img {
    height: auto;
    transform: scale(1.3);
  }
  .recruitServices-inner__content ul a li div img:hover {
    transform: scale(1.3);
  }
  .recruitServices-inner__content ul a li h5 {
    font-size: 16px;
    margin: 24px auto 0;
    width: 80%;
    line-height: 1.5;
  }
  .recruitServices-inner__content ul a li h5::after {
    top: -12px;
    width: 32px;
    height: 4px;
  }
  .recruitServices-inner__content ul a li p {
    display: none;
  }
}
.cultureWelfare {
  margin: 160px 0;
}
.cultureWelfare-inner {
  width: 86%;
  margin: auto;
}
.cultureWelfare-inner h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 80px;
  font-weight: bold;
}
.cultureWelfare-inner p {
  width: 50%;
  font-size: 16px;
  line-height: 2;
}
.cultureWelfare-inner img {
  height: 640px;
  object-fit: cover;
  margin: 60px 0 0 0;
  object-position: 0px -80px;
}
.cultureWelfare-inner__content > div h2 {
  font-size: 40px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  color: #000;
  margin: 100px 0 0 0;
}
.cultureWelfare-inner__content > div h5 {
  margin: 32px 0 0 0;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  position: relative;
  display: inline-block;
}
.cultureWelfare-inner__content > div h5::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -40px;
  width: 200px;
  height: 1px;
  background-color: #000;
  transform: translate(100%, -50%);
}
.cultureWelfare-inner__content .cultureWelfareContent {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 40px 0 0 0;
}
.cultureWelfare-inner__content .cultureWelfareContent-right {
  width: 44%;
  position: sticky;
  top: 100px;
}
.cultureWelfare-inner__content .cultureWelfareContent-right img {
  margin: 0;
  height: inherit;
  aspect-ratio: 3/2;
  object-position: 0 0;
}
.cultureWelfare-inner__content .cultureWelfareContent-left {
  width: 50%;
}
.cultureWelfare-inner__content .cultureWelfareContent-left h3 {
  margin: 0;
  font-size: 24px;
}
.cultureWelfare-inner__content .cultureWelfareContent-left p {
  width: 100%;
  margin: 20px 0 60px;
}
.cultureWelfare-inner__content .cultureWelfareContent-left p:last-of-type {
  margin: 20px 0 0;
}

@media screen and (max-width: 768px) {
  .cultureWelfare {
    margin: 120px 0 0 0;
  }
  .cultureWelfare-inner {
    width: 90%;
    margin: 0 auto 40px;
  }
  .cultureWelfare-inner h2 {
    font-size: 40px;
    margin: 0;
    line-height: 1.5;
  }
  .cultureWelfare-inner p {
    width: 100%;
    margin: 32px 0 0 0;
  }
  .cultureWelfare-inner > div:first-of-type {
    width: 105%;
    margin: 32px calc(50% - 50vw) 0 auto;
    text-align: right;
  }
  .cultureWelfare-inner > div:first-of-type img {
    height: inherit;
    aspect-ratio: 37/22;
    margin: 0;
    object-position: center;
  }
  .cultureWelfare-inner__content {
    margin: 0;
  }
  .cultureWelfare-inner__content div h2 {
    font-size: 36px;
    margin: 40px 0 0 0;
  }
  .cultureWelfare-inner__content div h5 {
    font-size: 16px;
  }
  .cultureWelfare-inner__content .cultureWelfareContent {
    flex-direction: column;
  }
  .cultureWelfare-inner__content .cultureWelfareContent-right {
    width: 100%;
    position: relative;
    top: inherit;
  }
  .cultureWelfare-inner__content .cultureWelfareContent-right::after {
    content: "";
    position: absolute;
    top: -10%;
    left: -6%;
    background-color: #F8F8F8;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .cultureWelfare-inner__content .cultureWelfareContent-right img {
    margin: 0;
    aspect-ratio: 35/18;
    object-position: center;
  }
  .cultureWelfare-inner__content .cultureWelfareContent-left {
    width: 100%;
    margin: 40px 0 0 0;
  }
  .cultureWelfare-inner__content .cultureWelfareContent-left h3 {
    margin: 0;
    font-size: 16px;
  }
  .cultureWelfare-inner__content .cultureWelfareContent-left p {
    width: 100%;
    margin: 12px 0 32px;
    font-size: 14px;
  }
  .cultureWelfare-inner__content .cultureWelfareContent-left p:last-of-type {
    margin: 20px 0 0;
  }
}
.recruitArticle-memberFv {
  height: 60vh;
  position: relative;
}
.recruitArticle-memberFv::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.recruitArticle-memberFv img {
  height: 60vh;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.recruitArticle-memberFv__inner {
  width: 1240px;
  height: 60vh;
  margin: auto;
  color: #fff;
  position: relative;
}
.recruitArticle-memberFv__inner > div {
  position: absolute;
  left: 0;
  bottom: 20%;
}
.recruitArticle-memberFv__inner > div > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.recruitArticle-memberFv__inner > div > div h3 {
  margin: 0 32px 0 0;
  padding: 0 32px 0 0;
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  position: relative;
}
.recruitArticle-memberFv__inner > div > div h3::after {
  content: "";
  width: 4px;
  height: 24px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 4px;
}
.recruitArticle-memberFv__inner > div > div h4 {
  margin: 0;
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
}
.recruitArticle-memberFv__inner > div p {
  margin: 20px 0 0 0;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  line-height: 2;
  width: 60%;
}
.recruitArticle-memberContent {
  display: flex;
}
.recruitArticle-memberContent__left {
  width: 28%;
  padding: 100px 0 100px 100px;
  background-color: #F8F8F8;
  position: relative;
  box-sizing: border-box;
}
.recruitArticle-memberContent__left ul {
  position: sticky;
  top: 100px;
}
.recruitArticle-memberContent__left ul li.current a {
  color: #5EB3D4;
}
.recruitArticle-memberContent__left ul li a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0 0 0;
}
.recruitArticle-memberContent__right {
  width: 72%;
  padding: 60px 80px 0;
  box-sizing: border-box;
  background-color: #fff;
}
.recruitArticle-memberContent__right--block {
  text-align: left;
}
.recruitArticle-memberContent__right--block h2 {
  font-size: 40px;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  margin: 48px 0 0 0;
}
.recruitArticle-memberContent__right--block h3 {
  margin: 20px 0 0 0;
  padding: 0 0 0 48px;
  font-size: 16px;
  color: #9F9F9F;
  position: relative;
}
.recruitArticle-memberContent__right--block h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 24px;
  height: 2px;
  background-color: #9F9F9F;
  transform: translateY(-50%);
}
.recruitArticle-memberContent__right--block p {
  font-size: 14px;
  line-height: 2;
  margin: 40px 0 0 0;
}
.recruitArticle-memberContent__right--block dl {
  margin: 40px 0 0 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  border: 1px solid #9F9F9F;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.7;
}
.recruitArticle-memberContent__right--block dl dt {
  width: 30%;
  background-color: #F8F8F8;
  padding: 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #9F9F9F;
}
.recruitArticle-memberContent__right--block dl dt:last-of-type {
  border-bottom: none;
}
.recruitArticle-memberContent__right--block dl dd {
  width: 70%;
  margin: 0;
  padding: 16px;
  box-sizing: border-box;
  font-weight: normal;
  border-bottom: 1px solid #9F9F9F;
}
.recruitArticle-memberContent__right--block dl dd:last-of-type {
  border-bottom: none;
}
.recruitArticle-memberContent__right--block dl dd h1 {
  font-size: 16px;
  line-height: 28px;
  margin: 0 10px 0 0;
}
.recruitArticle-memberContent__right--block dl dd h1 span {
  font-size: 14px;
  color: #9F9F9F;
}
.recruitArticle-memberContent__right--block dl dd p {
  margin: 10px 0 0;
}
.recruitArticle-memberContent__right--block .entry-flow {
  background-color: #F8F8F8;
  padding: 60px;
  margin: 32px 0 0 0;
}
.recruitArticle-memberContent__right--block .entry-flow ul {
  margin: 0;
}
.recruitArticle-memberContent__right--block .entry-flow ul li {
  background-color: #fff;
  padding: 20px;
  margin: 0 0 40px 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1607843137);
  position: relative;
}
.recruitArticle-memberContent__right--block .entry-flow ul li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -24px;
  right: 50%;
  width: 12px;
  height: 12px;
  border-top: 2px solid #707070;
  border-right: 2px solid #707070;
  transform: translateX(50%) rotate(135deg);
}
.recruitArticle-memberContent__right--block .entry-flow ul li:last-of-type::after {
  display: none;
}
.recruitArticle-memberContent__right--block .entry-flow ul li p {
  margin: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.recruitArticle-memberContent__right--block .entry-flow ul li p span:first-of-type {
  padding: 0 12px 0 0;
  position: relative;
}
.recruitArticle-memberContent__right--block .entry-flow ul li p span:first-of-type::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 36px;
  background-color: #9F9F9F;
}
.recruitArticle-memberContent__right--block .entry-flow ul li p span:last-of-type {
  padding: 0 0 0 12px;
}
.recruitArticle-memberContent__right--block .entry-flow ul li p span:last-of-type a {
  text-decoration: underline;
}
.recruitArticle-memberContent__right--block > .entryButton {
  background: linear-gradient(to right, #282E8D, #050A5A);
  color: #fff;
  padding: 32px 0;
  margin: 40px auto 0;
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.recruitArticle-memberContent__right--img {
  text-align: center;
  margin: 60px 0;
  border-radius: 12px;
}
.recruitArticle-memberContent__right--img img {
  width: 50%;
  aspect-ratio: 3/2;
  border-radius: 12px;
  object-fit: cover;
}
.recruitArticle-memberSlider {
  background-color: #F8F8F8;
  padding: 100px 0;
}
.recruitArticle-memberSlider h2 {
  font-size: 32px;
  font-family: "Montserrat", sans-serif;
  width: 1240px;
  margin: auto;
}
.recruitArticle-memberSlider ul {
  margin: 40px 0 0 0;
}
.recruitArticle-memberSlider ul li {
  padding: 0 0 24px 0;
}
.recruitArticle-memberSlider .viewAll {
  text-align: right;
  width: 86%;
}
.recruitArticle-memberSlider .viewAll > a {
  display: inline-block;
  margin: 60px 0 0 0;
  padding: 0 36px 0 0;
  font-size: 32px;
  font-weight: bold;
  text-align: right;
  font-family: "Montserrat", sans-serif;
  position: relative;
}
.recruitArticle-memberSlider .viewAll > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  border-top: 2px solid #222222;
  border-right: 2px solid #222222;
  transform-origin: center;
  transform: translateX(30%) translateY(-50%) rotate(45deg);
}
.recruitArticle-occupationFv {
  margin: 160px 0 60px 0;
}
.recruitArticle-occupationFv__inner {
  width: 1240px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.recruitArticle-occupationFv__inner div:first-of-type {
  width: 50%;
}
.recruitArticle-occupationFv__inner div:first-of-type h1 {
  font-size: 80px;
  font-family: "Montserrat", sans-serif;
}
.recruitArticle-occupationFv__inner div:first-of-type p {
  font-size: 16px;
  margin: 60px 0 0 0;
  line-height: 2;
}
.recruitArticle-occupationFv__inner div:last-of-type {
  width: 47%;
}
.recruitArticle-occupationFv__inner div:last-of-type img {
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .recruitArticle-memberFv__inner {
    width: 90%;
  }
  .recruitArticle-memberFv__inner > div > div h3 {
    font-size: 24px;
    margin: 0px 20px 0 0;
    padding: 0px 20px 0 0;
  }
  .recruitArticle-memberFv__inner > div > div h3::after {
    width: 1px;
  }
  .recruitArticle-memberFv__inner > div > div h4 {
    font-size: 16px;
  }
  .recruitArticle-memberFv__inner > div p {
    width: 100%;
  }
  .recruitArticle-memberContent {
    width: 90%;
    margin: auto;
    display: block;
  }
  .recruitArticle-memberContent__left {
    display: none;
  }
  .recruitArticle-memberContent__right {
    width: 100%;
    padding: 0;
  }
  .recruitArticle-memberContent__right--block h2 {
    font-size: 36px;
  }
  .recruitArticle-memberContent__right--block h2.ja {
    font-size: 24px;
  }
  .recruitArticle-memberContent__right--block h3 {
    font-size: 14px;
    padding: 0 0 0 24px;
  }
  .recruitArticle-memberContent__right--block h3::before {
    width: 16px;
  }
  .recruitArticle-memberContent__right--block p {
    margin: 20px 0 0 0;
  }
  .recruitArticle-memberContent__right--block .entry-flow {
    padding: 20px;
  }
  .recruitArticle-memberContent__right--block .entry-flow ul li {
    padding: 16px;
    margin: 0 0 32px 0;
  }
  .recruitArticle-memberContent__right--block .entry-flow ul li::after {
    bottom: -20px;
  }
  .recruitArticle-memberContent__right--block .entry-flow ul li p::after {
    bottom: -19px;
  }
  .recruitArticle-memberContent__right--block > .entryButton {
    padding: 16px 0;
    margin: 32px auto 0;
    font-size: 16px;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3215686275);
  }
  .recruitArticle-memberContent__right--img {
    width: 95vw;
    margin: 40px calc(50% - 50vw);
    margin-left: 0;
  }
  .recruitArticle-memberContent__right--img img {
    border-radius: 0;
    width: 100%;
  }
  .recruitArticle-memberSlider {
    padding: 60px 0;
    margin: 60px 0;
  }
  .recruitArticle-memberSlider h2 {
    width: 90%;
    margin: auto;
    font-size: 36px;
  }
  .recruitArticle-memberSlider .viewAll {
    width: 90%;
    margin: auto;
  }
  .recruitArticle-memberSlider .viewAll a {
    margin: 32px 0 0 0;
    padding: 0 16px 0 0;
    font-size: 20px;
  }
  .recruitArticle-memberSlider .viewAll a::after {
    width: 8px;
    height: 8px;
  }
  .recruitArticle-occupationFv {
    margin: 120px 0 0 0;
  }
  .recruitArticle-occupationFv__inner {
    width: 90%;
    margin: auto;
    display: block;
  }
  .recruitArticle-occupationFv__inner div:first-of-type {
    width: 100%;
  }
  .recruitArticle-occupationFv__inner div:first-of-type h1 {
    font-size: 40px;
  }
  .recruitArticle-occupationFv__inner div:first-of-type p {
    font-size: 14px;
    margin: 32px 0 0 0;
    line-height: 1.8;
  }
  .recruitArticle-occupationFv__inner div:last-of-type {
    width: 95vw;
    margin: 32px calc(50% - 50vw) 0;
    margin-left: 0;
  }
  .recruitArticle-occupationFv__inner div:last-of-type img {
    object-fit: cover;
  }
}
.foundingStoryFv {
  background-image: url(https://micado.jp/wp-content/uploads/2023/01/recruit_interview_T_T.jpg);
  background-size: cover;
  background-position: center;
  height: 60vh;
  margin: 0;
  position: relative;
}
.foundingStoryFv .foundingStoryFv-inner {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  width: 100%;
  box-sizing: border-box;
  padding: 4% 7%;
}
.foundingStoryFv .foundingStoryFv-inner > div {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
}
.foundingStoryFv .foundingStoryFv-inner > div > h2 {
  font-size: 40px;
  font-family: "Montserrat", sans-serif;
  padding: 0 20px 0 0;
}
.foundingStoryFv .foundingStoryFv-inner > div > h5 {
  font-size: 24px;
  padding: 0 0 0 20px;
  border-left: 4px solid #fff;
}
.foundingStoryFv .foundingStoryFv-inner > p {
  font-size: 16px;
  line-height: 1.75;
}

.foundingStoryFv-content .foundingStoryFv-content__right h2 {
  margin: 60px 0 20px;
  line-height: 1.5;
}
.foundingStoryFv-content .foundingStoryFv-content__right h3 {
  margin: 40px 0 20px;
  line-height: 1.5;
}
.foundingStoryFv-content .foundingStoryFv-content__right p {
  margin: 16px 0 0;
}

@media screen and (max-width: 768px) {
  .foundingStoryFv .foundingStoryFv-inner {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    padding: 5%;
  }
  .foundingStoryFv .foundingStoryFv-inner > div {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
  }
  .foundingStoryFv .foundingStoryFv-inner > div > h2 {
    font-size: 24px;
    padding: 0 16px 0 0;
  }
  .foundingStoryFv .foundingStoryFv-inner > div > h5 {
    font-size: 12px;
    padding: 0 0 0 16px;
    border-left: 1px solid #fff;
  }
  .foundingStoryFv .foundingStoryFv-inner > p {
    font-size: 12px;
  }
  .foundingStoryFv-content .foundingStoryFv-content__right h2 {
    font-size: 24px;
    margin: 60px 0 20px;
  }
  .foundingStoryFv-content .foundingStoryFv-content__right h3 {
    margin: 40px 0 20px;
  }
  .foundingStoryFv-content .foundingStoryFv-content__right p {
    margin: 16px 0 0;
  }
}
.mail-magazine {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 40px auto 0;
}
.mail-magazine-left {
  width: 60%;
}
.mail-magazine-left h2 {
  font-size: 28px;
  line-height: 1.4;
  text-align: center;
  margin: 0 0 32px 0;
  padding: 40px 0;
}
.mail-magazine-left__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 80px 0;
}
.mail-magazine-left__flex--left {
  width: 48%;
}
.mail-magazine-left__flex--right {
  width: 48%;
}
.mail-magazine-left__flex--right h3 {
  font-size: 24px;
  line-height: 1.4;
  margin: 0;
}
.mail-magazine-left__flex--right p {
  font-size: 14px;
  margin: 24px 0 0 0;
  line-height: 1.4;
}
.mail-magazine-left__flex:last-of-type div:nth-of-type(1) {
  width: 55%;
}
.mail-magazine-left__flex:last-of-type div:nth-of-type(2) {
  width: 35%;
}
.mail-magazine-right {
  width: 30%;
}
.mail-magazine-right__container {
  background-color: #122536;
  border-radius: 10px;
  padding: 40px 25px 0 25px;
  position: sticky;
  top: 100px;
  min-width: 300px;
  overflow-y: auto;
  max-height: calc(100vh - 160px);
}
.mail-magazine-right__dsc {
  font-weight: 500;
  color: white;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}
.mail-magazine-right__caution {
  font-size: 12px;
  color: #fff;
  padding: 4px 0;
}
.mail-magazine-right__form {
  padding: 10px 0;
}
.mail-magazine-right__form p {
  color: white;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 0;
}
.mail-magazine .diagnosis-left .mail-magazine-sp {
  display: none;
}
.mail-magazine .diagnosis-left img {
  margin: 16px 0;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3215686275);
}
.mail-magazine .diagnosis-left .notice {
  text-align: right;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .mail-magazine {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  .mail-magazine .diagnosis-left .mail-magazine-pc {
    display: none;
  }
  .mail-magazine .diagnosis-left .mail-magazine-sp {
    display: block;
    height: 584px;
  }
  .mail-magazine .diagnosis-left .mail-magazine-sp2 {
    display: block;
    height: 262px;
  }
  .mail-magazine-left {
    width: 100%;
  }
  .mail-magazine-left h2 {
    font-size: 18px;
    padding: 8px 0;
  }
  .mail-magazine-left img {
    margin: 0 0 40px 0;
  }
  .mail-magazine-left__flex {
    flex-direction: column;
    margin: 0 0 40px 0;
  }
  .mail-magazine-left__flex--left {
    width: 100%;
  }
  .mail-magazine-left__flex--left img {
    margin: 0 0 16px 0;
  }
  .mail-magazine-left__flex--right {
    width: 100%;
  }
  .mail-magazine-left__flex--right h3 {
    font-size: 18px;
    line-height: 1.8;
  }
  .mail-magazine-left__flex--right h3 br {
    display: none;
  }
  .mail-magazine-left__flex--right p {
    margin: 16px 0 0 0;
  }
  .mail-magazine-left__flex:last-of-type {
    flex-direction: column-reverse;
  }
  .mail-magazine-left__flex:last-of-type div:nth-of-type(1) {
    width: 100%;
  }
  .mail-magazine-left__flex:last-of-type div:nth-of-type(2) {
    width: 50%;
  }
  .mail-magazine-right {
    width: 100%;
  }
  .mail-magazine-right__container {
    margin: 80px 0;
    position: relative;
    top: inherit;
    max-height: inherit;
    min-width: inherit;
  }
  .mail-magazine-right__form .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-text {
    padding-left: 15px;
    width: 100%;
    height: 40px;
    margin: 8px 0 0 0;
  }
  .mail-magazine-right__form .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-validates-as-required {
    margin-bottom: 15px;
  }
  .mail-magazine-right__form .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-form-control {
    margin-bottom: 15px;
  }
  .mail-magazine-right__form .wpcf7 .wpcf7-form p .wpcf7-form-control-wrap .wpcf7-list-item {
    border: none;
    margin: 0;
    padding: 20px 0 !important;
  }
}
.questionnaire {
  background-color: #F4F6FA;
  margin: 80px 0 0 0;
  text-align: center;
}
.questionnaire-inner {
  background-image: url(/wp-content/themes/micado/img/questionnaire_lp/questionnaire_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 80px 0 0;
}
.questionnaire-ttl {
  position: relative;
}
.questionnaire-ttl p {
  font-size: 24px;
  font-weight: bold;
  color: #136ABC;
}
.questionnaire-ttl h2 {
  color: #136ABC;
  font-size: 72px;
  line-height: 1.45;
  margin: 20px 0 0;
}
.questionnaire-ttl .red {
  content: "";
  position: absolute;
  top: 70%;
  left: 70%;
  transform: rotate(-10deg);
  color: #FA5858;
  font-size: 40px;
  font-weight: bold;
}
.questionnaire-ttl .man {
  position: absolute;
  bottom: -45%;
  left: 17%;
  width: 145px;
}
.questionnaire-ttl .woman {
  position: absolute;
  bottom: -95%;
  right: 16%;
  width: 170px;
}
.questionnaire-description {
  margin: 10% auto 0;
  color: #fff;
}
.questionnaire-description h3 {
  font-size: 28px;
  line-height: 1.42;
  margin: 0;
}
.questionnaire-description p {
  font-size: 16px;
  margin: 20px 0 0;
  line-height: 1.5;
}
.questionnaire-description a {
  display: inline-block;
  margin: 40px 0 0;
  font-size: 20px;
  font-weight: bold;
  color: #136ABC;
  background-color: #fff;
  padding: 16px 40px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 10px;
}
.questionnaire-course {
  color: #fff;
  margin: 110px auto;
  padding: 0 0 80px;
  background-color: #136ABC;
}
.questionnaire-course h3 {
  font-size: 28px;
  line-height: 1.42;
  margin: 0;
}
.questionnaire-course p {
  font-size: 16px;
  margin: 20px 0 0;
  line-height: 1.5;
}
.questionnaire-course__win {
  margin: 60px auto 100px;
  font-size: 32px;
}
.questionnaire-course__win h2 {
  margin: 0 auto;
  width: 83%;
  position: relative;
}
.questionnaire-course__win h2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 40%;
  height: 12px;
  background-image: linear-gradient(to right, #fff 4px, transparent 4px);
  background-size: 8px 12px;
  background-repeat: repeat-x;
  transform: translateY(-50%);
}
.questionnaire-course__win h2::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 40%;
  height: 12px;
  background-image: linear-gradient(to right, #fff 4px, transparent 4px);
  background-size: 8px 12px;
  background-repeat: repeat-x;
  transform: translateY(-50%);
}
.questionnaire-course__win p {
  font-weight: bold;
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 8px 18px;
  display: inline-block;
  margin: 24px auto 0;
}
.questionnaire-course__win p span {
  font-size: 24px;
  margin: 0 2px;
}
.questionnaire-courseSlider {
  width: 72%;
  margin: 40px auto;
}
.questionnaire-courseSlider li {
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3215686275);
  border-radius: 20px;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  width: 90% !important;
  height: 100%;
}
.questionnaire-courseSlider li h4 {
  color: #136ABC;
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 16px;
}
.questionnaire-courseSlider li img {
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 6px;
  object-fit: contain;
  aspect-ratio: 3/2;
  width: 85%;
  margin: auto;
  padding: 16px;
  box-sizing: border-box;
}
.questionnaire-courseSlider .slick-track {
  display: flex;
  align-items: stretch;
}
.questionnaire-courseSlider .slick-slide {
  height: auto !important;
}
.questionnaire-courseSlider .slick-slide div {
  height: 100%;
}
.questionnaire-course__lose {
  width: 60%;
  margin: auto;
  max-width: 860px;
}
.questionnaire-course__lose > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 80px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3215686275);
  text-align: left;
}
.questionnaire-course__lose > div p {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
  color: #136ABC;
}
.questionnaire-course__lose > div img {
  width: 30%;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: 12px;
}
.questionnaire-course__lose a {
  display: inline-block;
  margin: 60px 0 0;
  font-size: 20px;
  font-weight: bold;
  color: #136ABC;
  background-color: #fff;
  padding: 16px 40px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 10px;
}
.questionnaire-flow {
  margin: 80px auto -120px;
  padding: 0 0 120px;
}
.questionnaire-flow h3 {
  margin: 0;
  color: #136ABC;
  font-size: 28px;
}
.questionnaire-flow ul {
  margin: 32px auto 0;
  display: flex;
  justify-content: space-between;
  width: 65%;
}
.questionnaire-flow ul li {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1607843137);
  width: 31%;
  box-sizing: border-box;
}
.questionnaire-flow ul li span {
  display: inline-block;
  padding: 4px 20px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50px;
  background-color: #136ABC;
  color: #fff;
}
.questionnaire-flow ul li img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 16px auto 0;
}
.questionnaire-flow ul li p {
  margin: 16px 0;
  font-size: 16px;
  font-weight: bold;
  color: #1564C0;
}
.questionnaire-flow a {
  display: inline-block;
  margin: 60px 0 0;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background-color: #136ABC;
  padding: 16px 40px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 10px;
}
.questionnaire-prev {
  z-index: 1;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3215686275);
  position: absolute;
  margin: 0;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #fff;
  width: 44px;
  height: 44px;
  transition: 0.3s;
  cursor: pointer;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
}
.questionnaire-prev::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: transparent;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease 0.3s;
}
.questionnaire-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #1462C0;
  border-right: 2px solid #1462C0;
  transform-origin: center;
  transform: translateX(60%) translateY(-50%) rotate(-135deg);
}
.questionnaire-next {
  z-index: 1;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3215686275);
  position: absolute;
  margin: 0;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #fff;
  width: 44px;
  height: 44px;
  transition: 0.3s;
  cursor: pointer;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
}
.questionnaire-next::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: transparent;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease 0.3s;
}
.questionnaire-next::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #1462C0;
  border-right: 2px solid #1462C0;
  transform-origin: center;
  transform: translateX(30%) translateY(-50%) rotate(45deg);
}
.questionnaireForm {
  margin: 80px auto 0;
  background-color: #F4F6FA;
  text-align: center;
}
.questionnaireForm-inner {
  margin: auto;
  padding: 80px 0;
  width: 720px;
}
.questionnaireForm-heading {
  font-size: 24px;
  color: #0F5CB4;
}
.questionnaireForm-accordion {
  background-color: #fff;
  color: #000;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}
.questionnaireForm-accordion:hover {
  opacity: 0.7;
}
.questionnaireForm-accordion.active .questionnaireForm-accordion__header::after {
  transform: translateX(30%) translateY(-30%) rotate(-45deg);
}
.questionnaireForm-accordion__header {
  font-size: 16px;
  font-weight: bold;
  padding: 12px;
  margin: 0;
}
.questionnaireForm-accordion__header::after {
  content: "";
  position: absolute;
  top: 21px;
  right: 30px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform-origin: center;
  transform: translateX(30%) translateY(-80%) rotate(135deg);
  transition: transform 0.2s;
}
.questionnaireForm-accordion__header.active .questionnaireForm-accordion__content {
  height: auto;
  opacity: 1;
  padding: 0 18px;
}
.questionnaireForm-accordion__content {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.2s, opacity 0.2s;
  padding: 0 18px;
  text-align: left;
  font-size: 14px;
  box-sizing: content-box;
  line-height: 1.5;
}
.questionnaireForm-progressBar {
  position: relative;
  background-color: #DFE7F7;
  width: 380px;
  height: 3px;
  margin: -41px auto 0;
  z-index: 1;
}
.questionnaireForm-progressBar__status {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #136ABC;
  transition: width 0.5s ease;
}
.questionnaireForm-progressIcon {
  position: relative;
  width: 500px;
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}
.questionnaireForm-progressIcon p {
  margin: 8px 0 0 0;
  font-size: 12px;
}
.questionnaireForm-progressIcon .step {
  width: 25%;
}
.questionnaireForm-progressIcon .step-icon {
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 50%;
  background-color: #DFE7F7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.questionnaireForm-progressIcon .step-icon .icon {
  width: 20px;
  height: 20px;
  display: block;
}
.questionnaireForm-progressIcon .step-icon .icon img {
  width: 100%;
}
.questionnaireForm-content {
  margin: 100px auto 0;
  padding: 0 8px;
  box-sizing: border-box;
  color: #333;
}
.questionnaireForm-content .tab {
  margin: 0 auto;
}
.questionnaireForm-content .tab br {
  display: none;
}
.questionnaireForm-content .tab_item {
  width: 33.3333333333%;
  padding: 12px 0;
  font-size: 16px;
  text-align: center;
  color: #000;
  display: block;
  float: left;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
}
.questionnaireForm-content .tab_item:hover {
  opacity: 0.75;
}
.questionnaireForm-content .tab input[name=tab_item] {
  display: none;
}
.questionnaireForm-content .tab input:checked + .tab_item {
  font-weight: bold;
  border-bottom: 2px solid #000;
}
.questionnaireForm-content .tab_content {
  display: none;
  padding: 40px 8px;
  clear: both;
  overflow: hidden;
  box-sizing: border-box;
  height: 450px;
}
.questionnaireForm-content .tab_content .wpcf7-form-control {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.questionnaireForm-content .tab_content .wpcf7-form-control::after {
  content: "";
  display: block;
  width: 31%;
}
.questionnaireForm-content .tab_content .wpcf7-list-item {
  width: 31%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 0 0 32px 0;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
  cursor: pointer;
}
.questionnaireForm-content .tab_content .wpcf7-list-item:hover {
  opacity: 0.7;
  transition: 0.2s;
}
.questionnaireForm-content .tab_content .wpcf7-list-item.selected {
  box-shadow: none;
  background-color: #DFE7F7;
}
.questionnaireForm-content .tab_content .wpcf7-list-item label {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  padding: 16px 20px;
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  position: relative;
}
.questionnaireForm-content .tab_content .wpcf7-list-item label input {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 16px;
  margin: auto;
}
.questionnaireForm-content .tab_content .wpcf7-list-item label span {
  cursor: pointer;
  position: relative;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  color: #136ABC;
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 12px 0;
  line-height: 1.4;
}
.questionnaireForm-content .tab_content .wpcf7-list-item label::after {
  content: "";
  position: relative;
  bottom: 0;
  right: -14px;
  display: block;
  width: 85%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 3/2;
}
.questionnaireForm-content #a:checked ~ #a,
.questionnaireForm-content #b:checked ~ #b,
.questionnaireForm-content #c:checked ~ #c {
  display: block;
}
.questionnaireForm-content #a .wpcf7-list-item:first-of-type label::after {
  background-image: url(/wp-content/themes/micado/img/questionnaire_lp/apply/questionnaire_apply_gift_04_jtb.png);
}
.questionnaireForm-content #a .wpcf7-list-item:nth-of-type(2) label::after {
  background-image: url(/wp-content/themes/micado/img/questionnaire_lp/apply/questionnaire_apply_gift_02_amazon.png);
}
.questionnaireForm-content #b .wpcf7-list-item:first-of-type label::after {
  background-image: url(/wp-content/themes/micado/img/questionnaire_lp/apply/questionnaire_apply_gift_09_starbucks.png);
}
.questionnaireForm-content #b .wpcf7-list-item:nth-of-type(2) label::after {
  background-image: url(/wp-content/themes/micado/img/questionnaire_lp/apply/questionnaire_apply_gift_06_nanaco.png);
}
.questionnaireForm-content #b .wpcf7-list-item:nth-of-type(3) label::after {
  background-image: url(/wp-content/themes/micado/img/questionnaire_lp/apply/questionnaire_apply_gift_05_labi.png);
}
.questionnaireForm-content #b .wpcf7-list-item:nth-of-type(4) label::after {
  background-image: url(/wp-content/themes/micado/img/questionnaire_lp/apply/questionnaire_apply_gift_12_muji.png);
}
.questionnaireForm-content #b .wpcf7-list-item:nth-of-type(5) label::after {
  background-image: url(/wp-content/themes/micado/img/questionnaire_lp/apply/questionnaire_apply_gift_11_uniqlo.png);
}
.questionnaireForm-content #c .wpcf7-list-item:first-of-type label::after {
  background-image: url(/wp-content/themes/micado/img/questionnaire_lp/apply/questionnaire_apply_gift_10_the_new_otani.png);
}
.questionnaireForm-content #c .wpcf7-list-item:nth-of-type(2) label::after {
  background-image: url(/wp-content/themes/micado/img/questionnaire_lp/apply/questionnaire_apply_gift_03_apple.png);
}
.questionnaireForm-content #c .wpcf7-list-item:nth-of-type(3) label::after {
  background-image: url(/wp-content/themes/micado/img/questionnaire_lp/apply/questionnaire_apply_gift_01_aeon.png);
}
.questionnaireForm-content #c .wpcf7-list-item:nth-of-type(4) label::after {
  background-image: url(/wp-content/themes/micado/img/questionnaire_lp/apply/questionnaire_apply_gift_08_nitendo.png);
}
.questionnaireForm-slider {
  position: relative;
  padding: 0 0 120px;
  margin: 0 0 60px;
}
.questionnaireForm-slider__prev {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 47%;
  background-color: #fff;
  color: #136ABC;
  font-size: 16px;
  font-weight: bold;
  padding: 16px;
  border: 2px solid #136ABC;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 1;
}
.questionnaireForm-slider__prev:hover {
  background-color: #136ABC;
  color: #fff;
}
.questionnaireForm-slider__prev.slick-disabled {
  visibility: hidden;
}
.questionnaireForm-slider__next {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 47%;
  background-color: #136ABC;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 16px;
  border: 2px solid #136ABC;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 1;
}
.questionnaireForm-slider__next:hover {
  background-color: #fff;
  color: #136ABC;
}
.questionnaireForm-slider__next.slick-disabled {
  visibility: hidden;
}
.questionnaireForm-slider #questionnaireForm-content2 .name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.questionnaireForm-slider #questionnaireForm-content2 .name p {
  width: 100%;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
}
.questionnaireForm-slider #questionnaireForm-content2 .name span {
  width: 47%;
  text-align: left;
}
.questionnaireForm-slider #questionnaireForm-content2 .name span input {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #BABABA;
}
.questionnaireForm-slider #questionnaireForm-content2 .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.questionnaireForm-slider #questionnaireForm-content2 .form-group p {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0 12px;
}
.questionnaireForm-slider #questionnaireForm-content2 .form-group span {
  width: 100%;
  text-align: left;
}
.questionnaireForm-slider #questionnaireForm-content2 .form-group span input {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #BABABA;
}
.questionnaireForm-slider #questionnaireForm-content3 .question {
  background-color: #fff;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1607843137);
  border-radius: 10px;
  width: calc(100% - 16px);
  margin: 0 auto 20px;
  padding: 32px;
  text-align: left;
  box-sizing: border-box;
}
.questionnaireForm-slider #questionnaireForm-content3 .question h3 {
  margin: 0;
  line-height: 1.5;
}
.questionnaireForm-slider #questionnaireForm-content3 .question.checkbox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.questionnaireForm-slider #questionnaireForm-content3 .question.checkbox .wpcf7-list-item label input {
  display: none;
}
.questionnaireForm-slider #questionnaireForm-content3 .question.checkbox .wpcf7-list-item label input:checked ~ span::after {
  display: block;
}
.questionnaireForm-slider #questionnaireForm-content3 .question.checkbox .wpcf7-list-item label span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-left: 28px;
  margin: 24px 40px 0 0;
  font-size: 14px;
  cursor: pointer;
}
.questionnaireForm-slider #questionnaireForm-content3 .question.checkbox .wpcf7-list-item label span::before {
  content: "";
  margin-right: 16px;
  width: 16px;
  height: 16px;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.questionnaireForm-slider #questionnaireForm-content3 .question.checkbox .wpcf7-list-item label span::after {
  content: "✓";
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: 16px;
  height: 16px;
  text-align: center;
  background-color: #136ABC;
  border-color: #136ABC;
  display: none;
}
.questionnaireForm-slider #questionnaireForm-content3 .question.radio {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.questionnaireForm-slider #questionnaireForm-content3 .question.radio label input {
  display: none;
}
.questionnaireForm-slider #questionnaireForm-content3 .question.radio label input:checked ~ span::after {
  display: block;
}
.questionnaireForm-slider #questionnaireForm-content3 .question.radio label span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-left: 28px;
  margin: 24px 40px 0 0;
  font-size: 14px;
  cursor: pointer;
}
.questionnaireForm-slider #questionnaireForm-content3 .question.radio label span::before {
  content: "";
  margin-right: 16px;
  width: 16px;
  height: 16px;
  border: 1px solid #BDBDBD;
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.questionnaireForm-slider #questionnaireForm-content3 .question.radio label span::after {
  content: "";
  color: #fff;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #136ABC;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translate(4px, -50%);
  display: none;
}
.questionnaireForm-slider #questionnaireForm-content3 .question:last-of-type {
  margin: 0 0 60px 0;
}
.questionnaireForm-slider #questionnaireForm-content3 .submit label input {
  font-family: "dnp-shuei-gothic-kin-std";
  width: 47%;
  background-color: #136ABC;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 16px;
  border: 2px solid #136ABC;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 1;
}
.questionnaireForm-slider #questionnaireForm-content3 .submit label input:hover {
  background-color: #fff;
  color: #136ABC;
}
.questionnaireForm .wpcf7 form.sent .wpcf7-response-output, .questionnaireForm .wpcf7 form.invalid .wpcf7-response-output {
  background-color: #136ABC;
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 12px;
}
.questionnaireForm-complete {
  margin: 100px auto 200px;
}
.questionnaireForm-complete h2 {
  font-size: 16px;
}
.questionnaireForm-complete h3 {
  font-size: 14px;
  margin: 20px 0 0 0;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .questionnaire {
    margin: 60px 0 -80px;
    overflow: hidden;
  }
  .questionnaire-inner {
    background-image: url(/wp-content/themes/micado/img/questionnaire_lp/questionnaire_bg_sp.png);
    background-size: contain;
    padding: 60px 0 0;
  }
  .questionnaire-ttl p {
    font-size: 20px;
  }
  .questionnaire-ttl h2 {
    color: #136ABC;
    font-size: 36px;
  }
  .questionnaire-ttl .red {
    top: 95%;
    right: 3%;
    font-size: 18px;
  }
  .questionnaire-ttl .man {
    position: absolute;
    bottom: -90%;
    left: 3%;
    width: 70px;
  }
  .questionnaire-ttl .woman {
    position: absolute;
    bottom: -115%;
    right: 0%;
    width: 90PX;
  }
  .questionnaire-description {
    margin: 240px auto 0;
    color: #fff;
  }
  .questionnaire-description h3 {
    font-size: 20px;
  }
  .questionnaire-description p {
    font-size: 14px;
  }
  .questionnaire-description a {
    font-size: 16px;
  }
  .questionnaire-course {
    margin: 60px auto;
    padding: 0 0 60px;
    box-sizing: border-box;
  }
  .questionnaire-course h3 {
    font-size: 20px;
    padding: 0 5%;
  }
  .questionnaire-course p {
    font-size: 16px;
    margin: 20px 0 0;
    line-height: 1.5;
    padding: 0 5%;
  }
  .questionnaire-course__win {
    margin: 32px auto 100px;
    font-size: 32px;
  }
  .questionnaire-course__win h2 {
    width: 100%;
    font-size: 24px;
  }
  .questionnaire-course__win h2::before {
    left: -5%;
    width: 30%;
  }
  .questionnaire-course__win h2::after {
    right: -5%;
    width: 30%;
  }
  .questionnaire-course__win p {
    font-size: 12px;
    padding: 6px 12px;
  }
  .questionnaire-course__win p span {
    font-size: 16px;
  }
  .questionnaire-courseSlider {
    width: 100%;
    margin: 36px auto !important;
  }
  .questionnaire-courseSlider li {
    width: 95% !important;
  }
  .questionnaire-courseSlider .slick-dots {
    display: flex;
    justify-content: center;
    z-index: inherit;
  }
  .questionnaire-courseSlider .slick-dots li {
    width: 12px !important;
    height: 12px !important;
    margin: 0 8px;
    opacity: 0.5;
  }
  .questionnaire-courseSlider .slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3215686275);
  }
  .questionnaire-courseSlider .slick-dots li button::before {
    display: none;
  }
  .questionnaire-courseSlider .slick-dots li.slick-active {
    opacity: 1;
  }
  .questionnaire-course__lose {
    width: 100%;
    margin: auto;
  }
  .questionnaire-course__lose > div {
    flex-direction: column;
    width: 90%;
    margin: auto;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
  }
  .questionnaire-course__lose > div p {
    font-size: 16px;
    margin: 0 0 16px;
  }
  .questionnaire-course__lose > div img {
    width: 80%;
  }
  .questionnaire-course__lose a {
    font-size: 16px;
  }
  .questionnaire-flow {
    margin: 60px auto;
    padding: 0;
  }
  .questionnaire-flow h3 {
    font-size: 20px;
  }
  .questionnaire-flow ul {
    margin: 32px auto 0;
    flex-direction: column;
    width: 90%;
  }
  .questionnaire-flow ul li {
    background-color: #fff;
    padding: 20px;
    margin: 0 0 24px;
    width: 100%;
  }
  .questionnaire-flow a {
    font-size: 16px;
  }
  .questionnaire-prev {
    transform: translate(15%, -50%);
  }
  .questionnaire-next {
    transform: translate(-15%, -50%);
  }
  .questionnaireForm {
    margin: 60px auto 0;
  }
  .questionnaireForm-inner {
    padding: 24px 0;
    width: 90%;
  }
  .questionnaireForm-heading {
    font-size: 14px;
  }
  .questionnaireForm-accordion__header {
    font-size: 14px;
  }
  .questionnaireForm-accordion__header::after {
    width: 8px;
    height: 8px;
  }
  .questionnaireForm-progressBar {
    width: calc(100% - 85px);
    margin: -40px auto 0;
  }
  .questionnaireForm-progressIcon {
    width: 100%;
    margin: 24px auto 0;
  }
  .questionnaireForm-progressIcon p {
    font-size: 10px;
  }
  .questionnaireForm-content {
    margin: 80px auto 0;
  }
  .questionnaireForm-content .tab {
    margin: 0 auto;
  }
  .questionnaireForm-content .tab_item {
    width: 33.3333333333%;
    padding: 12px 0;
    font-size: 16px;
    text-align: center;
    color: #000;
    display: block;
    float: left;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
  }
  .questionnaireForm-content .tab_item:hover {
    opacity: 0.75;
  }
  .questionnaireForm-content .tab input[name=tab_item] {
    display: none;
  }
  .questionnaireForm-content .tab input:checked + .tab_item {
    font-weight: bold;
    border-bottom: 2px solid #000;
  }
  .questionnaireForm-content .tab_content {
    padding: 24px 8px;
    height: inherit;
    overflow: scroll;
    height: 520px;
  }
  .questionnaireForm-content .tab_content .wpcf7-list-item {
    padding: 16px !important;
    margin: 0 0 16px 0;
  }
  .questionnaireForm-content .tab_content .wpcf7-list-item label {
    padding: 0;
  }
  .questionnaireForm-content .tab_content .wpcf7-list-item label input {
    left: 0;
  }
  .questionnaireForm-content .tab_content .wpcf7-list-item label span {
    font-size: 12px;
  }
  .questionnaireForm-content #a:checked ~ #a,
  .questionnaireForm-content #b:checked ~ #b,
  .questionnaireForm-content #c:checked ~ #c {
    display: block;
  }
  .questionnaireForm-slider {
    position: relative;
    padding: 0 0 80px;
    margin: 0 0 60px;
  }
  .questionnaireForm-slider__prev {
    font-size: 14px;
  }
  .questionnaireForm-slider__prev:hover {
    background-color: #fff;
    color: #136ABC;
  }
  .questionnaireForm-slider__next {
    font-size: 14px;
  }
  .questionnaireForm-slider__next:hover {
    background-color: #136ABC;
    color: #fff;
  }
  .questionnaireForm-slider #questionnaireForm-content2 .name p {
    font-size: 14px;
  }
  .questionnaireForm-slider #questionnaireForm-content2 .name span {
    width: 47%;
    text-align: left;
  }
  .questionnaireForm-slider #questionnaireForm-content2 .name span input {
    padding: 12px 16px;
    font-size: 14px;
  }
  .questionnaireForm-slider #questionnaireForm-content2 .form-group p {
    font-size: 14px;
    margin: 20px 0 12px;
  }
  .questionnaireForm-slider #questionnaireForm-content2 .form-group span input {
    padding: 12px 16px;
    font-size: 14px;
    margin: 0;
  }
  .questionnaireForm-slider #questionnaireForm-content3 .question {
    width: 100%;
    padding: 16px;
  }
  .questionnaireForm-slider #questionnaireForm-content3 .question h3 {
    padding: 8px 0;
    font-size: 14px;
  }
  .questionnaireForm-slider #questionnaireForm-content3 .question.checkbox .wpcf7-list-item {
    margin: 0;
    line-height: 1.5;
    padding: 16px 0 !important;
  }
  .questionnaireForm-slider #questionnaireForm-content3 .question.checkbox .wpcf7-list-item label span {
    margin: 0;
  }
  .questionnaireForm-slider #questionnaireForm-content3 .question.checkbox .wpcf7-list-item:last-of-type {
    border-bottom: none !important;
  }
  .questionnaireForm-slider #questionnaireForm-content3 .question.radio .wpcf7-list-item {
    margin: 0;
    line-height: 1.5;
    padding: 16px 0 !important;
  }
  .questionnaireForm-slider #questionnaireForm-content3 .question.radio .wpcf7-list-item label span {
    margin: 0;
  }
  .questionnaireForm-slider #questionnaireForm-content3 .question.radio .wpcf7-list-item:last-of-type {
    border-bottom: none !important;
  }
  .questionnaireForm-slider #questionnaireForm-content3 .question:last-of-type {
    margin: 0 0 60px 0;
  }
  .questionnaireForm-slider #questionnaireForm-content3 .submit label input {
    font-size: 14px;
  }
  .questionnaireForm .wpcf7 form.sent .wpcf7-response-output, .questionnaireForm .wpcf7 form.invalid .wpcf7-response-output {
    margin-bottom: 60px;
    width: 100%;
    box-sizing: border-box;
  }
  .questionnaireForm-complete {
    margin: 100px auto;
  }
  .questionnaireForm-complete h2 {
    font-size: 16px;
  }
  .questionnaireForm-complete h3 {
    font-size: 14px;
    margin: 20px 0 0 0;
    line-height: 1.5;
  }
}
.ga4 {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 150px auto 0;
}
.ga4-left {
  width: 60%;
}
.ga4-left h2 {
  font-size: 32px;
  margin: 0 0 32px 0;
  line-height: 1.5;
  text-align: center;
}
.ga4-left__text {
  margin: 32px 0;
  font-size: 16px;
}
.ga4-left__period {
  text-align: center;
  border: 1px solid #050C64;
  padding: 12px;
  font-size: 16px;
}
.ga4-left__step {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 32px auto;
}
.ga4-left__step li {
  padding: 12px;
  box-sizing: border-box;
  width: 24%;
  border-radius: 8px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3215686275);
}
.ga4-left__step li span {
  font-size: 14px;
  font-weight: bold;
  display: block;
}
.ga4-left__step li img {
  width: 60px;
  height: 60px;
  margin: 16px auto;
}
.ga4-left__step li p {
  font-size: 14px;
}
.ga4-right {
  width: 30%;
}
.ga4-right__container {
  background-color: #122536;
  border-radius: 10px;
  padding: 40px 25px 0 25px;
  position: sticky;
  top: 100px;
  min-width: 300px;
  overflow-y: auto;
  max-height: calc(100vh - 160px);
}
.ga4-right__dsc {
  font-weight: 500;
  color: white;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}
.ga4-right__caution {
  font-size: 12px;
  color: #fff;
  padding: 4px 0;
}
.ga4-right__form {
  padding: 10px 0;
}
.ga4-right__form p {
  color: white;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 0;
}

@media screen and (max-width: 768px) {
  .ga4 {
    display: block;
    width: 90%;
    margin: 96px auto 0;
  }
  .ga4-left {
    width: 100%;
  }
  .ga4-left h2 {
    font-size: 20px;
    margin: 0 0 36px 0;
  }
  .ga4-left__text {
    margin: 16px 0;
    font-size: 14px;
    line-height: 1.5;
  }
  .ga4-left__period {
    font-size: 14px;
  }
  .ga4-left__step {
    flex-direction: column;
  }
  .ga4-left__step li {
    width: 50%;
    margin: 8px auto;
  }
  .ga4-left__step li span {
    font-size: 14px;
    font-weight: bold;
    display: block;
  }
  .ga4-left__step li img {
    width: 60px;
    height: 60px;
    margin: 16px auto;
  }
  .ga4-left__step li p {
    font-size: 14px;
  }
  .ga4-right {
    width: 100%;
  }
  .ga4-right__container {
    margin: 80px 0;
    position: relative;
    top: inherit;
    max-height: inherit;
    min-width: inherit;
  }
  .ga4-right__form .wpcf7-form-control-wrap {
    display: block;
  }
  .ga4-right__form .wpcf7-text {
    padding-left: 15px;
    width: 100%;
    height: 40px;
    margin: 8px 0 0 0;
  }
  .ga4-right__form .wpcf7-validates-as-required {
    margin-bottom: 15px;
  }
  .ga4-right__form .wpcf7-list-item {
    border: none;
    margin: 0;
    padding: 20px 0 !important;
  }
}
.example {
  color: #09334C;
}
.example-inner__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 160px auto 80px;
}
.example-inner__flex h2 {
  margin: 0;
  font-size: 48px;
  line-height: 1.75;
}
.example-inner__flex ul {
  margin: 0;
}
.example-inner__flex ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 48px auto;
}
.example-inner__flex ul li div {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  display: flex;
  align-items: center;
  justify-content: center;
}
.example-inner__flex ul li div img {
  width: 50%;
}
.example-inner__flex ul li p {
  margin: 0 0 0 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}
.example-inner__flex ul li p a {
  color: #1570A6;
  display: block;
  text-decoration: underline;
}
.example-inner__text p {
  font-size: 16px;
  padding-top: 20px;
  line-height: 1.5;
}
.example-slider {
  width: 78%;
  margin: 0 auto 200px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.example-slider::after {
  content: "";
  display: block;
  width: calc(33.3333333333% - 15px);
}
.example-slider .slick-list {
  padding: 0 16.7% 0 12.5%;
}
.example-slider .slick-list .slick-slide {
  margin: 0 12px;
}
.example-slider li {
  width: calc(33.3333333333% - 15px);
  aspect-ratio: 320/224;
  border-radius: 20px;
  transition: 0.2s;
  position: relative;
  margin: 0 0 60px;
}
.example-slider li:hover {
  opacity: 0.7;
}
.example-slider li > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 20px;
}
.example-slider li > div::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0.3;
  background-color: #000000;
  border-radius: 20px;
}
.example-slider li > div img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.example-slider li a {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 16px;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
}
.example-slider li a div:first-of-type {
  font-size: 16px;
  font-weight: bold;
  display: flex;
}
.example-slider li a div:first-of-type p:last-of-type {
  margin: 0 0 0 16px;
}
.example-slider li a div:last-of-type {
  display: flex;
  align-items: flex-end;
  flex-direction: column-reverse;
}
.example-slider li a div:last-of-type p:first-of-type {
  font-size: 12px;
  opacity: 0.8;
  margin: 8px 0 0 0;
}
.example-slider li a div:last-of-type p:last-of-type {
  font-size: 18px;
  margin: 8px 0 0 0;
}
.example-slider li a div:last-of-type p:last-of-type span {
  font-size: 40px;
  font-weight: bold;
  position: relative;
}
.example-slider li a div:last-of-type p:last-of-type span::before {
  content: "";
  position: absolute;
  left: -16px;
  bottom: 6px;
  width: 6px;
  height: 16px;
  background-color: #DD3E5A;
}
.example-slider li a div:last-of-type p:last-of-type span::after {
  content: "";
  position: absolute;
  left: -21px;
  color: #DD3E5A;
  bottom: 21px;
  border-bottom: 16px solid;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.example-slider li a > p {
  font-size: 16px;
  font-weight: bold;
  margin: 8px 0 0 0;
}
.example-slider__next {
  position: absolute;
  top: 50%;
  right: 16.7%;
  transform: translate(70%, -50%);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9019607843);
  width: 72px;
  height: 72px;
  transition: 0.2s;
  z-index: 9999;
  cursor: pointer;
}
.example-slider__next:hover {
  opacity: 0.7;
}
.example-slider__next::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 20px;
  height: 20px;
  border-top: 4px solid #222222;
  border-right: 4px solid #222222;
  transform-origin: center;
  transform: translateX(30%) translateY(-50%) rotate(45deg);
}

.exampleSingle {
  color: #09334C;
  margin: 100px auto;
}
.exampleSingle-info {
  width: 1080px;
  margin: auto;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 20px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  background-color: #F7F7F7;
}
.exampleSingle-info__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exampleSingle-info__top div:first-of-type {
  width: 40%;
}
.exampleSingle-info__top div:first-of-type div {
  width: 100%;
  margin: 0 0 12px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.exampleSingle-info__top div:first-of-type div .prefecture {
  border-radius: 30px;
  display: inline-block;
  background-color: #7F94A1;
  color: #fff;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: bold;
}
.exampleSingle-info__top div:first-of-type div div {
  display: block;
  margin: 0 0 0 24px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  width: fit-content;
}
.exampleSingle-info__top div:first-of-type img {
  aspect-ratio: 416/180;
  object-fit: cover;
}
.exampleSingle-info__top div:first-of-type .adr {
  text-align: right;
  margin: 12px 0 0 0;
  font-size: 16px;
  font-weight: bold;
}
.exampleSingle-info__top div:first-of-type .increase {
  justify-content: flex-end;
  align-items: flex-end;
  margin: 8px 0 0 0;
}
.exampleSingle-info__top div:first-of-type .increase p:first-of-type {
  font-size: 12px;
  margin: 0;
}
.exampleSingle-info__top div:first-of-type .increase p:last-of-type {
  font-size: 18px;
  margin: 0 0 0 32px;
  line-height: 1;
}
.exampleSingle-info__top div:first-of-type .increase p:last-of-type span {
  font-size: 40px;
  font-weight: bold;
  position: relative;
}
.exampleSingle-info__top div:first-of-type .increase p:last-of-type span::before {
  content: "";
  position: absolute;
  left: -16px;
  bottom: 6px;
  width: 6px;
  height: 16px;
  background-color: #DD3E5A;
}
.exampleSingle-info__top div:first-of-type .increase p:last-of-type span::after {
  content: "";
  position: absolute;
  left: -21px;
  color: #DD3E5A;
  bottom: 21px;
  border-bottom: 16px solid;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.exampleSingle-info__top div:last-of-type {
  width: 55%;
}
.exampleSingle-info__top div:last-of-type h6 {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}
.exampleSingle-info__top div:last-of-type hr {
  margin: 16px 0;
  border-top: 1px solid #09334C;
}
.exampleSingle-info__top div:last-of-type .description {
  font-size: 14px;
  line-height: 2;
  margin: 8px 0 0 0;
}
.exampleSingle-info hr {
  margin: 16px 0;
  border-top: 1px solid #09334C;
}
.exampleSingle-info__bottom h5 {
  font-size: 16px;
  margin: 0;
}
.exampleSingle-info__totalfee {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
.exampleSingle-serviceSlider {
  position: relative;
  width: calc(100% + 80px);
  margin: 8px -40px;
}
.exampleSingle-serviceSlider .slick-list {
  padding: 0 16.7% 0 28px;
}
.exampleSingle-serviceSlider .slick-list .slick-slide {
  margin: 0 12px;
  height: auto !important;
}
.exampleSingle-serviceSlider .slick-list .slick-slide div {
  height: 100%;
}
.exampleSingle-serviceSlider .slick-list .slick-track {
  display: flex;
  margin: 16px 0;
}
.exampleSingle-serviceSlider li {
  text-align: left;
  transition: 0.2s;
  background-color: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  border-radius: 10px;
  padding: 16px;
  box-sizing: border-box;
  height: 100%;
}
.exampleSingle-serviceSlider li h6 {
  margin: 0;
  font-size: 14px;
}
.exampleSingle-serviceSlider li p {
  margin: 8px 0 0 0;
  font-size: 12px;
  line-height: 1.5;
}
.exampleSingle-serviceSlider__next {
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translate(70%, -50%);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9019607843);
  width: 40px;
  height: 40px;
  transition: 0.2s;
  z-index: 9999;
  cursor: pointer;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
}
.exampleSingle-serviceSlider__next::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #222222;
  border-right: 2px solid #222222;
  transform-origin: center;
  transform: translateX(30%) translateY(-50%) rotate(45deg);
}
.exampleSingle-staff {
  background-color: #F7F7F7;
}
.exampleSingle-staff__inner {
  width: 1080px;
  margin: 60px auto;
  padding: 40px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.exampleSingle-staff__inner p {
  font-size: 20px;
  font-weight: bold;
}
.exampleSingle-staff__inner div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 48px;
}
.exampleSingle-staff__inner div img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  object-fit: cover;
}
.exampleSingle-staff__inner div p {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 12px;
}
.exampleSingle-detail {
  width: 1080px;
  margin: 0 auto 120px;
  display: flex;
  justify-content: space-between;
}
.exampleSingle-detail__left {
  width: 8%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: sticky;
  top: 120px;
  height: fit-content;
  z-index: 10;
}
.exampleSingle-detail__left div {
  display: block;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.exampleSingle-detail__left div img {
  width: 24px;
  height: 24px;
}
.exampleSingle-detail__left div:last-of-type {
  margin: 28px 0 0 0;
}
.exampleSingle-detail__left div p {
  display: none;
}
.exampleSingle-detail__left div:hover {
  width: max-content;
  border-radius: 24px;
  padding: 8px 24px;
}
.exampleSingle-detail__left div:hover p {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 0 24px;
  animation: ease animation2 0.4s;
}
@keyframes animation2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.exampleSingle-detail__left div:hover p a {
  text-decoration: underline;
  color: #1570A6;
  display: block;
}
.exampleSingle-detail__middle {
  width: 67%;
}
.exampleSingle-detail__middle h3 {
  font-size: 24px;
  line-height: 1.5;
  margin: 0;
}
.exampleSingle-detail__middle p {
  font-size: 16px;
  margin: 24px 0 0 0;
  line-height: 2;
}
.exampleSingle-detail__middle--bubble___left {
  display: flex;
  margin: 60px 0 0 0;
}
.exampleSingle-detail__middle--bubble___left > div {
  width: 12%;
}
.exampleSingle-detail__middle--bubble___left > div img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  object-fit: cover;
}
.exampleSingle-detail__middle--bubble___left > div p {
  text-align: center;
  width: 60px;
  margin: 8px 0 0 0;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: bold;
}
.exampleSingle-detail__middle--bubble___left > p {
  width: 88%;
  margin: 0;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  padding: 24px 32px;
  box-sizing: border-box;
  border-radius: 20px;
  position: relative;
}
.exampleSingle-detail__middle--bubble___left > p::before {
  content: "";
  position: absolute;
  top: 24px;
  left: -10px;
  background-color: #fff;
  width: 20px;
  height: 20px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  transform: rotate(45deg);
}
.exampleSingle-detail__middle--bubble___left > p::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #fff;
  width: 24px;
  height: 60px;
  border-radius: 20px 0 0 0;
}
.exampleSingle-detail__middle--bubble___right {
  display: flex;
  margin: 60px 0 0 0;
}
.exampleSingle-detail__middle--bubble___right > div {
  width: 12%;
  text-align: right;
}
.exampleSingle-detail__middle--bubble___right > div img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  object-fit: cover;
}
.exampleSingle-detail__middle--bubble___right > div p {
  text-align: center;
  width: 60px;
  margin: 8px 0 0 auto;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: bold;
}
.exampleSingle-detail__middle--bubble___right > p {
  width: 88%;
  margin: 0;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  padding: 24px 32px;
  box-sizing: border-box;
  border-radius: 20px;
  position: relative;
}
.exampleSingle-detail__middle--bubble___right > p::before {
  content: "";
  position: absolute;
  top: 24px;
  right: -10px;
  background-color: #fff;
  width: 20px;
  height: 20px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  transform: rotate(45deg);
}
.exampleSingle-detail__middle--bubble___right > p::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #fff;
  width: 24px;
  height: 60px;
  border-radius: 0 20px 0 0;
}
.exampleSingle-detail__middle--buttons {
  margin: 60px auto 0;
  display: flex;
  justify-content: space-between;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.exampleSingle-detail__middle--buttons a:first-of-type {
  width: 47%;
  display: block;
  border: 2px solid #09334C;
  border-radius: 10px;
  padding: 20px;
  box-sizing: border-box;
  transition: 0.2s;
}
.exampleSingle-detail__middle--buttons a:first-of-type:hover {
  color: #fff;
  background-color: #09334C;
}
.exampleSingle-detail__middle--buttons a:last-of-type {
  width: 47%;
  display: block;
  border: 2px solid #09334C;
  border-radius: 10px;
  padding: 20px;
  box-sizing: border-box;
  background-color: #09334C;
  color: #fff;
  transition: 0.2s;
}
.exampleSingle-detail__middle--buttons a:last-of-type:hover {
  color: #09334C;
  background-color: #fff;
}
.exampleSingle-detail__right {
  width: 20%;
}
.exampleSingle-detail__right ul {
  margin: 0;
  position: sticky;
  top: 120px;
  height: fit-content;
  color: #fff;
  text-align: right;
}
.exampleSingle-detail__right ul li {
  border-radius: 20px;
  padding: 12px;
  box-sizing: border-box;
  aspect-ratio: 3/2;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 24px 0;
}
.exampleSingle-detail__right ul li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.exampleSingle-detail__right ul li a div {
  display: flex;
}
.exampleSingle-detail__right ul li a div p:last-of-type {
  margin: 0 0 0 16px;
}
.exampleSingle-detail__right ul li a > p {
  margin: 8px 0 0 0;
}
.exampleSingle-other {
  background-color: #F7F7F7;
  padding: 60px 0;
}
.exampleSingle-other h3 {
  width: 1080px;
  margin: auto;
  font-size: 20px;
}
.exampleSingle-other .example-slider {
  margin: 36px auto 0;
}
.exampleSingle-services {
  padding: 60px 0;
}
.exampleSingle-services h3 {
  width: 1080px;
  margin: auto;
  font-size: 20px;
}
.exampleSingle-services .example-slider {
  margin: 36px auto 0;
}
.exampleSingle-services .example-slider li {
  aspect-ratio: 7/10;
}
.exampleSingle-services .example-slider li a {
  padding: 52px 40px;
  box-sizing: border-box;
  text-align: left;
  justify-content: flex-start;
  position: relative;
}
.exampleSingle-services .example-slider li a h3 {
  width: 100%;
  font-size: 40px;
  font-weight: bold;
  margin: 0;
  line-height: 1.2;
}
.exampleSingle-services .example-slider li a p {
  font-size: 16px;
  font-weight: bold;
  margin: 16px 0 0 0;
  line-height: 1.5;
}
.exampleSingle-services .example-slider li a::before {
  content: "→";
  font-size: 40px;
  position: absolute;
  bottom: 52px;
  left: 52px;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .example-inner {
    width: 90%;
  }
  .example-inner__flex {
    margin: 100px auto 40px;
    flex-direction: column;
  }
  .example-inner__flex h2 {
    font-size: 24px;
    text-align: center;
  }
  .example-inner__flex ul {
    margin: 24px 0 0;
  }
  .example-inner__flex ul li {
    margin: 16px auto;
  }
  .example-inner__text p {
    font-size: 12px;
  }
  .example-slider {
    width: 100%;
    margin: 0 auto 120px !important;
  }
  .example-slider .slick-list {
    padding: 0 9% 0 4%;
  }
  .example-slider .slick-list .slick-slide {
    margin: 0 6px;
  }
  .example-slider__next {
    width: 48px;
    height: 48px;
    right: 12%;
  }
  .example-slider__next::after {
    width: 12px;
    height: 12px;
  }
  .exampleSingle {
    margin: 100px auto;
  }
  .exampleSingle-info {
    width: 93%;
    padding: 15px;
  }
  .exampleSingle-info__top {
    flex-direction: column;
  }
  .exampleSingle-info__top div:first-of-type {
    width: 100%;
  }
  .exampleSingle-info__top div:first-of-type div .prefecture {
    padding: 8px 24px;
  }
  .exampleSingle-info__top div:first-of-type div div {
    font-size: 12px;
  }
  .exampleSingle-info__top div:first-of-type .increase {
    margin: 16px 0 0 0;
  }
  .exampleSingle-info__top div:first-of-type .increase p:first-of-type {
    width: 50%;
    line-height: 1.5;
  }
  .exampleSingle-info__top div:first-of-type .increase p:last-of-type {
    width: 50%;
    padding: 0 0 0 32px;
    margin: 0;
    box-sizing: border-box;
  }
  .exampleSingle-info__top div:last-of-type {
    width: 100%;
    margin: 36px auto 0;
  }
  .exampleSingle-info__top div:last-of-type h6 {
    font-size: 14px;
  }
  .exampleSingle-info__bottom h5 {
    font-size: 16px;
    margin: 0;
  }
  .exampleSingle-serviceSlider {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
  .exampleSingle-serviceSlider .slick-list {
    padding: 0 9% 0 4%;
  }
  .exampleSingle-serviceSlider .slick-list .slick-slide {
    margin: 0px 8px;
    height: auto !important;
  }
  .exampleSingle-serviceSlider li {
    height: 100%;
  }
  .exampleSingle-staff {
    background-color: #F7F7F7;
  }
  .exampleSingle-staff__inner {
    width: 100%;
    margin: 40px auto;
    padding: 24px 0;
    justify-content: center;
    flex-wrap: wrap;
  }
  .exampleSingle-staff__inner p {
    text-align: center;
    width: 100%;
    font-size: 14px;
    margin: 0 0 12px 0;
  }
  .exampleSingle-staff__inner div {
    margin: 0;
  }
  .exampleSingle-staff__inner div:last-of-type {
    margin: 0 0 0 40px;
  }
  .exampleSingle-staff__inner div img {
    width: 40px;
    height: 40px;
  }
  .exampleSingle-staff__inner div p {
    font-size: 12px;
    margin: 0 0 0 16px;
  }
  .exampleSingle-detail {
    width: 93%;
    margin: 0 auto 120px;
    display: flex;
    justify-content: space-between;
  }
  .exampleSingle-detail__left {
    display: none;
  }
  .exampleSingle-detail__middle {
    width: 100%;
  }
  .exampleSingle-detail__middle h3 {
    font-size: 16px;
  }
  .exampleSingle-detail__middle p {
    font-size: 12px;
    margin: 12px 0 0 0;
  }
  .exampleSingle-detail__middle--bubble___left {
    margin: 40px 0 0 0;
  }
  .exampleSingle-detail__middle--bubble___left > div {
    width: 15%;
  }
  .exampleSingle-detail__middle--bubble___left > div img {
    width: 40px;
    height: 40px;
  }
  .exampleSingle-detail__middle--bubble___left > div p {
    width: 40px;
    margin: 4px 0 0 0;
  }
  .exampleSingle-detail__middle--bubble___left > p {
    width: 85%;
    padding: 20px;
    margin: 0;
  }
  .exampleSingle-detail__middle--bubble___left > p::before {
    width: 15px;
    height: 15px;
    top: 20px;
    left: -7px;
  }
  .exampleSingle-detail__middle--bubble___left > p::after {
    width: 20px;
    height: 50px;
  }
  .exampleSingle-detail__middle--bubble___right {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 0 0;
  }
  .exampleSingle-detail__middle--bubble___right > div {
    width: 15%;
    text-align: right;
  }
  .exampleSingle-detail__middle--bubble___right > div img {
    width: 40px;
    height: 40px;
  }
  .exampleSingle-detail__middle--bubble___right > div p {
    width: 40px;
    margin: 4px 0 0 auto;
  }
  .exampleSingle-detail__middle--bubble___right > p {
    width: 85%;
    padding: 20px;
    margin: 0;
  }
  .exampleSingle-detail__middle--bubble___right > p::before {
    width: 15px;
    height: 15px;
    top: 20px;
    right: -7px;
  }
  .exampleSingle-detail__middle--bubble___right > p::after {
    width: 20px;
    height: 50px;
  }
  .exampleSingle-detail__middle--buttons {
    flex-direction: column;
  }
  .exampleSingle-detail__middle--buttons a:first-of-type {
    width: 100%;
  }
  .exampleSingle-detail__middle--buttons a:last-of-type {
    width: 100%;
    margin: 24px 0 0 0;
  }
  .exampleSingle-detail__right {
    display: none;
  }
  .exampleSingle-other {
    padding: 40px 0;
  }
  .exampleSingle-other h3 {
    width: 93%;
  }
  .exampleSingle-other .example-slider {
    margin: 36px auto 0 !important;
  }
  .exampleSingle-services {
    padding: 60px 0;
  }
  .exampleSingle-services h3 {
    width: 93%;
  }
  .exampleSingle-services .example-slider {
    margin: 36px auto 0 !important;
  }
  .exampleSingle-services .example-slider li {
    aspect-ratio: 320/224;
  }
  .exampleSingle-services .example-slider li a {
    padding: 32px 20px;
  }
  .exampleSingle-services .example-slider li a h3 {
    font-size: 32px;
  }
  .exampleSingle-services .example-slider li a p {
    font-size: 14px;
    margin: 12px 0 0 0;
  }
  .exampleSingle-services .example-slider li a::before {
    font-size: 20px;
    width: 40px;
    height: 40px;
    right: 12px;
    bottom: 12px;
    left: inherit;
  }
}
.ez-toc-counter {
  padding: 35px 5.7% !important;
  margin-bottom: 32px !important;
  border: 10px solid rgba(222, 222, 222, 0.7) !important;
  box-sizing: border-box;
}
.ez-toc-title {
  display: block !important;
  font-size: 18px !important;
  font-weight: bold !important;
  color: #000 !important;
  position: relative;
  text-align: center !important;
  width: 100%;
}
.ez-toc-title::before {
  display: inline-block;
  position: relative;
  top: 50%;
  left: -10px;
  content: "";
  width: 16px;
  height: 5px;
  background-color: #3D77B1;
  transform: translateY(-50%);
}
.ez-toc-title::after {
  display: inline-block;
  position: relative;
  top: 50%;
  right: -10px;
  content: "";
  width: 16px;
  height: 5px;
  background-color: #3D77B1;
  transform: translateY(-50%);
}
.ez-toc-title-container {
  display: flex;
  align-items: center;
  margin: 0 0 16px 0 !important;
}
.ez-toc-toggle label {
  border: 1px solid #999191;
  border-radius: 5px;
  display: block;
  cursor: pointer;
  width: 35px;
}
.ez-toc-list {
  margin: 0;
  line-height: 1.6;
}
.ez-toc-heading-level-2 {
  margin: 0 0 16px 0 !important;
}
.ez-toc-heading-level-2 > a {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 8px 0 !important;
  padding: 0 0 0 32px !important;
  transition: 0.3s !important;
  text-decoration: none !important;
  position: relative !important;
}
.ez-toc-heading-level-2 > a::before {
  content: counters(item, ".", decimal) !important;
  position: absolute !important;
  left: 0;
  top: 0;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 24px !important;
  height: 24px !important;
  background-color: #3D77B1 !important;
  border-radius: 50% !important;
  font-size: 16px !important;
  color: #fff !important;
  font-weight: 500 !important;
  transform: translateY(5%);
  font-family: "Noto Sans JP";
}
.ez-toc-heading-level-2 > a:hover {
  color: #3D77B1 !important;
}
.ez-toc-heading-level-3 {
  margin: 0 0 8px 0 !important;
}
.ez-toc-heading-level-3 > a {
  font-size: 14px;
  font-weight: normal;
  position: relative;
  padding: 0 0 0 18px;
  margin: 0 0 0 8px !important;
  transition: 0.3s !important;
  text-decoration: none !important;
  position: relative !important;
}
.ez-toc-heading-level-3 > a::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "" !important;
  width: 7px;
  height: 7px;
  background-color: #3D77B1;
  border-radius: 50%;
  transform: translateY(6px);
}
.ez-toc-heading-level-3 > a:hover {
  color: #3D77B1 !important;
}
.ez-toc-heading-level-4 {
  margin: 0 0 8px 0 !important;
}
.ez-toc-heading-level-4 > a {
  font-size: 14px;
  font-weight: normal;
  position: relative;
  padding: 0 0 0 18px;
  margin: 0 0 0 8px !important;
  transition: 0.3s !important;
  text-decoration: none !important;
  position: relative !important;
}
.ez-toc-heading-level-4 > a::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "" !important;
  width: 12px;
  height: 2px;
  background-color: #3D77B1;
  border-radius: 0;
  transform: translateY(10px);
}
.ez-toc-heading-level-4 > a:hover {
  color: #3D77B1 !important;
}
.ez-toc-heading-level-5 {
  margin: 0 0 8px 0 !important;
}
.ez-toc-heading-level-5 > a {
  font-size: 14px;
  font-weight: normal;
  position: relative;
  padding: 0 0 0 18px;
  margin: 0 0 0 8px !important;
  transition: 0.3s !important;
  text-decoration: none !important;
  position: relative !important;
}
.ez-toc-heading-level-5 > a::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "" !important;
  width: 8px;
  height: 8px;
  background-color: #3D77B1;
  transform: translateY(7.5px);
}
.ez-toc-heading-level-5 > a:hover {
  color: #3D77B1 !important;
}
.ez-toc-heading-level-6 {
  margin: 0 0 8px 0 !important;
}
.ez-toc-heading-level-6 > a {
  font-size: 14px;
  font-weight: normal;
  position: relative;
  padding: 0 0 0 18px;
  margin: 0 0 0 8px !important;
  transition: 0.3s !important;
  text-decoration: none !important;
  position: relative !important;
}
.ez-toc-heading-level-6 > a::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "" !important;
  width: 4px;
  height: 4px;
  background-color: #3D77B1;
  border-radius: 50%;
  transform: translateY(10px);
}
.ez-toc-heading-level-6 > a:hover {
  color: #3D77B1 !important;
}

@media screen and (max-width: 768px) {
  .ez-toc-counter {
    padding: 20px 3% !important;
    margin-bottom: 32px !important;
  }
  .ez-toc-heading-level-2 > a {
    font-size: 16px;
  }
  .ez-toc-heading-level-2 > a::before {
    transform: translateY(0%);
  }
}
.entryForm {
  min-height: calc(100vh - 80px);
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, #282E8D, #050A5A);
  margin: 80px 0 0 0;
}
.entryForm-inner {
  width: 90%;
  max-width: 560px;
  margin: 0 auto 80px;
  border-radius: 20px;
  background-color: #fff;
}
.entryForm-inner .wpcf7 .wpcf7-form .wpcf7-response-output {
  margin: 0 auto 24px;
  color: #000;
  text-align: center;
}
.entryForm-slider {
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 40px 32px;
  box-sizing: border-box;
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.entryForm-slider.slick-initialized {
  display: flex;
  opacity: 1;
}
.entryForm-slider__prev {
  order: 3;
  width: calc(47% - 16px);
  background-color: #fff;
  color: #136ABC;
  font-size: 16px;
  font-weight: bold;
  padding: 16px;
  margin: 0 0 0 16px;
  border-radius: 30px;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 1;
}
.entryForm-slider__prev.slick-disabled {
  visibility: hidden;
}
.entryForm-slider > .slick-list {
  order: 2;
  padding: 0 0 32px;
}
.entryForm-slider__next {
  order: 4;
  width: calc(47% - 16px);
  background: linear-gradient(to right, #282E8D, #050A5A);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 16px;
  margin: 0 16px 0 0;
  border-radius: 30px;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 1;
  border: none;
  line-height: 1;
}
.entryForm-slider .slick-dots {
  order: 1;
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  margin: 0 0 20px;
}
.entryForm-slider .slick-dots > li {
  width: fit-content;
  height: fit-content;
}
.entryForm-slider .slick-dots > li > button {
  width: 8px;
  height: 8px;
  background-color: #ADADAD;
  border-radius: 50%;
}
.entryForm-slider .slick-dots .slick-active > button {
  width: 12px;
  height: 12px;
  background-color: #000;
}
.entryForm-content {
  padding: 0;
  box-sizing: border-box;
}
.entryForm-content > h3 {
  font-size: 20px;
  margin: 0;
}
.entryForm-content h4 {
  font-size: 16px;
  margin: 8px 0 20px;
}
.entryForm-content p {
  font-size: 16px;
  margin: 8px 0 0 0;
  line-height: 1.5;
  text-align: center;
}
.entryForm-content .select_type .wpcf7-form-control-wrap .wpcf7-form-control {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.entryForm-content .select_type .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
  background: #fff;
  color: #050A5A;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #050A5A !important;
  border-radius: 30px;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
  margin: 12px auto;
  display: block;
  width: 80%;
  padding: 0 !important;
}
.entryForm-content .select_type .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label {
  width: 100%;
  display: block;
  padding: 16px;
  box-sizing: border-box;
  cursor: pointer;
}
.entryForm-content .select_type .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item.checked {
  background: linear-gradient(to right, #282E8D, #050A5A);
  color: #fff;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
  width: 32% !important;
  aspect-ratio: 1/1;
  border-radius: 10px;
  margin: 4px 0;
  padding: 0 !important;
  box-sizing: border-box;
  color: #fff;
  font-weight: bold;
  position: relative;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item.checked::before {
  content: "✓";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #3D77B1;
  border: 1px solid #fff;
  z-index: 1;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item.checked::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item > label {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 12px;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 10;
  position: relative;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item > label > input {
  display: none;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item > label > span {
  z-index: 1;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:first-of-type {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_okinawa.png);
  background-size: cover;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(2) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_kyoto.png);
  background-size: cover;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(3) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_hokkaido.png);
  background-size: cover;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(4) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_tokushima.png);
  background-size: cover;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(5) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_ooita.png);
  background-size: cover;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(6) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_iwate.png);
  background-size: cover;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(7) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_oosaka.png);
  background-size: cover;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(8) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_nagano.png);
  background-size: cover;
}
.entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:last-of-type {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_kanazawa.png);
  background-size: cover;
}
.entryForm-content .radio-box {
  width: 100%;
}
.entryForm-content .radio-box .wpcf7-list-item {
  text-align: left;
  margin: 12px 0 0 0;
  padding: 0 !important;
  border-radius: 10px;
  box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.3215686275);
  box-sizing: border-box;
  width: 90%;
}
.entryForm-content .radio-box .wpcf7-list-item > label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 20px !important;
  cursor: pointer;
}
.entryForm-content .radio-box .wpcf7-list-item > label > input {
  margin: 0 20px 0 0;
  width: 13px;
}
.entryForm-content .radio-box .wpcf7-list-item > label > span {
  width: calc(100% - 33px);
}
.entryForm-content .radio-box .wpcf7-list-item .wpcf7-list-item-label {
  font-size: 12px;
  line-height: 1.5;
  font-weight: bold;
}
.entryForm-content .radio-box .wpcf7-form-control-wrap {
  width: 100%;
}
.entryForm-content .language, .entryForm-content .library {
  display: flex;
  flex-wrap: wrap;
  margin: 12px 0 0 0;
}
.entryForm-content .language .wpcf7-list-item, .entryForm-content .library .wpcf7-list-item {
  width: fit-content !important;
  margin: 4px 8px !important;
  padding: 0 !important;
  border-bottom: none !important;
  background-color: #F4F4F4;
}
.entryForm-content .language .wpcf7-list-item > label, .entryForm-content .library .wpcf7-list-item > label {
  padding: 12px 20px 12px 12px !important;
  display: block;
  cursor: pointer;
}
.entryForm-content .title {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.entryForm-content .form-item .wpcf7-form-control-wrap > input {
  box-shadow: none;
  background-color: #F4F4F4;
}
.entryForm-content .form-item .wpcf7-form-control-wrap > select {
  margin: 8px auto 16px;
  padding: 8px 12px;
  background-color: #f4f4f4;
  border: none;
  border-radius: 0;
}
.entryForm-content .form-item .wpcf7-form-control-wrap > textarea {
  margin: 8px auto 16px;
  padding: 16px;
  box-sizing: border-box;
  background-color: #f4f4f4;
  font-family: "Noto Sans JP", sans-serif;
}
.entryForm-content .dateOfBirth {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.entryForm-content .dateOfBirth > p {
  font-size: 14px;
  margin: 8px 12px 16px;
}
.entryForm-content .dateOfBirth > p select {
  margin: 0 !important;
  background-color: #f4f4f4;
  border: none;
}
.entryForm-content .prefecture {
  margin: 8px auto 16px;
  background-color: #f4f4f4;
  border: none;
  width: 100%;
}
.entryForm-content .pc_type .wpcf7-form-control, .entryForm-content .intern_pc_type .wpcf7-form-control {
  margin: 12px 0 0 0;
  display: flex;
}
.entryForm-content .pc_type .wpcf7-form-control .wpcf7-list-item, .entryForm-content .intern_pc_type .wpcf7-form-control .wpcf7-list-item {
  width: fit-content !important;
  margin: 0 20px 0 0 !important;
  padding: 0 !important;
  border-bottom: none !important;
  background-color: #F4F4F4;
}
.entryForm-content .pc_type .wpcf7-form-control .wpcf7-list-item > label, .entryForm-content .intern_pc_type .wpcf7-form-control .wpcf7-list-item > label {
  padding: 12px 20px 12px 12px !important;
  display: block;
  cursor: pointer;
}
.entryForm-content .pc_type .wpcf7-form-control .wpcf7-list-item > label > span, .entryForm-content .intern_pc_type .wpcf7-form-control .wpcf7-list-item > label > span {
  margin: 0 0 0 12px;
}
.entryForm-content .form-submit {
  margin: 32px 0;
}
.entryForm-content .form-submit > input {
  font-family: "Noto Sans JP", sans-serif;
  background: linear-gradient(to right, #282E8D, #050A5A);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 16px;
  border-radius: 30px;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
}
.entryForm-content__comp {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.entryForm-content__comp > h3 {
  font-size: 20px;
  margin: 0;
  line-height: 1.5;
}
.entryForm-content__comp > p {
  font-size: 16px;
  margin: 8px 0 0 0;
  line-height: 1.5;
  text-align: center;
}
.entryForm-content__comp > a {
  display: block;
  width: 100%;
  background: linear-gradient(to right, #282E8D, #050A5A);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 16px;
  margin: 32px;
  border-radius: 30px;
  transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.entryForm-content__comp > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 40px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform-origin: center;
  transform: translateX(30%) translateY(-50%) rotate(45deg);
}
.entryForm-content .wpcf7-spinner {
  margin: 24px auto 0;
}

@media screen and (max-width: 768px) {
  .entryForm {
    min-height: calc(100vh - 50px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, #282E8D, #050A5A);
    margin: 50px 0 0 0;
    padding: 32px 0;
  }
  .entryForm-inner {
    width: 90%;
    margin: 0 auto 100px;
    border-radius: 20px;
    background-color: #fff;
  }
  .entryForm-inner .wpcf7 .wpcf7-form .wpcf7-response-output {
    margin: 0 auto 24px;
    color: #000;
    text-align: center;
  }
  .entryForm-slider {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 40px 0;
    box-sizing: border-box;
  }
  .entryForm-slider__prev {
    order: 3;
    width: calc(47% - 16px);
    background-color: #fff;
    color: #136ABC;
    font-size: 16px;
    font-weight: bold;
    padding: 16px;
    margin: 0 0 0 16px;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 1;
  }
  .entryForm-slider__prev.slick-disabled {
    visibility: hidden;
  }
  .entryForm-slider > .slick-list {
    order: 2;
    padding: 0 0 32px;
  }
  .entryForm-slider__next {
    order: 4;
    width: calc(47% - 16px);
    background: linear-gradient(to right, #282E8D, #050A5A);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 16px;
    margin: 0 16px 0 0;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 1;
    border: none;
    line-height: 1;
  }
  .entryForm-slider .slick-dots {
    order: 1;
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    margin: 0 0 20px;
  }
  .entryForm-slider .slick-dots > li {
    width: fit-content;
    height: fit-content;
  }
  .entryForm-slider .slick-dots > li > button {
    width: 8px;
    height: 8px;
    background-color: #ADADAD;
    border-radius: 50%;
  }
  .entryForm-slider .slick-dots .slick-active > button {
    width: 12px;
    height: 12px;
    background-color: #000;
  }
  .entryForm-content {
    padding: 0 16px;
    box-sizing: border-box;
  }
  .entryForm-content > h3 {
    font-size: 20px;
    margin: 0;
  }
  .entryForm-content h4 {
    font-size: 16px;
    margin: 8px 0 20px;
  }
  .entryForm-content > p {
    font-size: 16px;
    margin: 8px 0 0 0;
    line-height: 1.5;
    text-align: center;
  }
  .entryForm-content .select_type .wpcf7-form-control-wrap .wpcf7-form-control {
    height: 100%;
    display: block;
  }
  .entryForm-content .select_type .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
    background: #fff;
    color: #050A5A;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #050A5A !important;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
    margin: 12px 0;
  }
  .entryForm-content .select_type .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label {
    width: 100%;
    display: block;
    padding: 16px;
    cursor: pointer;
  }
  .entryForm-content .select_type .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item.checked {
    background: linear-gradient(to right, #282E8D, #050A5A);
    color: #fff;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
    width: 30% !important;
    aspect-ratio: 1/1;
    border-radius: 10px;
    margin: 4px 0;
    padding: 0 !important;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    position: relative;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item.checked::before {
    content: "✓";
    position: absolute;
    top: 12px;
    right: 12px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #3D77B1;
    border: 1px solid #fff;
    z-index: 1;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item.checked::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item > label {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 12px;
    box-sizing: border-box;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item > label > input {
    display: none;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item > label > span {
    z-index: 1;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:first-of-type {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_okinawa.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(2) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_kyoto.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(3) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_hokkaido.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(4) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_tokushima.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(5) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_ooita.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(6) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_iwate.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(7) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_oosaka.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(8) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_nagano.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:last-of-type {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_kanazawa.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(2) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_kyoto.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(3) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_hokkaido.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(4) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_tokushima.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(5) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_ooita.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(6) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_iwate.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(7) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_oosaka.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:nth-of-type(8) {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_nagano.png);
    background-size: cover;
  }
  .entryForm-content .business_trip .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item:last-of-type {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url(/wp-content/themes/micado/img/recruit/recruit_entry_kanazawa.png);
    background-size: cover;
  }
  .entryForm-content .radio-box .wpcf7-list-item {
    text-align: left;
    margin: 12px 0 0 0;
    border-radius: 10px;
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.3215686275);
    box-sizing: border-box;
  }
  .entryForm-content .radio-box .wpcf7-list-item > label {
    display: flex;
  }
  .entryForm-content .radio-box .wpcf7-list-item > label > input {
    margin: 0 20px 0 0;
  }
  .entryForm-content .radio-box .wpcf7-list-item .wpcf7-list-item-label {
    font-size: 12px;
    line-height: 1.5;
    font-weight: bold;
  }
  .entryForm-content .title {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
  }
  .entryForm-content .form-item .wpcf7-form-control-wrap > input {
    box-shadow: none;
    background-color: #F4F4F4;
    font-size: 16px;
  }
  .entryForm-content .form-item .wpcf7-form-control-wrap > select {
    margin: 8px auto 16px;
    background-color: #f4f4f4;
    border: none;
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
  }
  .entryForm-content .form-item .wpcf7-form-control-wrap > textarea {
    margin: 8px auto 16px;
    padding: 16px;
    box-sizing: border-box;
    background-color: #f4f4f4;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
  }
  .entryForm-content .dateOfBirth {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .entryForm-content .dateOfBirth > p {
    font-size: 14px;
    margin: 8px 8px 16px;
  }
  .entryForm-content .dateOfBirth > p select {
    margin: 0 !important;
    background-color: #f4f4f4;
    border: none;
  }
  .entryForm-content .form-submit {
    margin: 32px 0;
  }
  .entryForm-content .form-submit > input {
    font-family: "Noto Sans JP", sans-serif;
    background: linear-gradient(to right, #282E8D, #050A5A);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 16px;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
  }
  .entryForm-content__comp {
    padding: 40px 16px;
  }
  .entryForm-content__comp > h3 {
    font-size: 20px;
    margin: 0;
    line-height: 1.5;
  }
  .entryForm-content__comp > p {
    font-size: 16px;
    margin: 8px 0 0 0;
    line-height: 1.5;
    text-align: center;
  }
  .entryForm-content__comp > a {
    margin: 24px 0 0;
  }
  .entryForm-content__comp > a::after {
    right: 32px;
  }
  .entryForm-content .wpcf7-spinner {
    margin: 12px auto 0;
  }
}
.onlineDiagnosis {
  color: #09334C;
  margin: 0 10%;
  width: 83%;
  max-width: 1200px;
  margin: 140px auto 0;
}
.onlineDiagnosis-inner {
  width: 100%;
  margin: auto;
}
.onlineDiagnosis-inner__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0px auto 60px;
}
.onlineDiagnosis-inner__flex h2 {
  margin: 0;
  font-size: 48px;
  line-height: 1.75;
}
.onlineDiagnosis-inner__flex ul {
  margin: 0;
}
.onlineDiagnosis-inner__flex ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 48px auto;
}
.onlineDiagnosis-inner__flex ul li div {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1607843137);
  display: flex;
  align-items: center;
  justify-content: center;
}
.onlineDiagnosis-inner__flex ul li div img {
  width: 50%;
}
.onlineDiagnosis-inner__flex ul li p {
  margin: 0 0 0 12px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}
.onlineDiagnosis-inner__flex ul li p a {
  color: #1570A6;
  display: block;
  text-decoration: underline;
}
.onlineDiagnosis-inner__flex02 {
  display: flex;
  justify-content: space-between;
}
.onlineDiagnosis-inner__diagnosisItem {
  width: 46.2%;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1960784314);
  padding: 60px 0 20px;
  box-sizing: border-box;
}
.onlineDiagnosis-inner__diagnosisItem img {
  width: 100px;
}
.onlineDiagnosis-inner__diagnosisItem > p {
  font-size: 16px;
  font-weight: bold;
  margin: 28px 0 0 0;
}
.onlineDiagnosis-inner__diagnosisItem > a {
  font-size: 16px;
  font-weight: bold;
  margin: 28px 0 0 0;
  background-color: #09334C;
  color: #fff;
  border-radius: 24px;
  padding: 16px 80px;
  position: relative;
}
.onlineDiagnosis-inner__diagnosisItem > a > div {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(6px, -50%);
  aspect-ratio: 1/1;
  background-color: #fff;
  color: #09334C;
  border-radius: 50%;
  width: 36px;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.onlineDiagnosis-inner__diagnosisItem > a > div > span > span {
  font-size: 16px;
  font-weight: bold;
}
.onlineDiagnosis-inner__diagnosisItem > a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 28px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform-origin: center;
  transform: translateX(30%) translateY(-50%) rotate(45deg);
}
.onlineDiagnosis-inner__diagnosisItem > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform-origin: center;
  transform: translateX(30%) translateY(-50%) rotate(45deg);
}
.onlineDiagnosis-inner__diagnosisItem:last-of-type img {
  width: 180px;
}

.header-online-diagnosis #top_menu {
  display: none;
}

@media screen and (max-width: 768px) {
  .ebookform .diagnosis .mailmag-form {
    width: 100% !important;
  }
  .header-online-diagnosis #top_menu {
    display: block;
  }
  .header-online-diagnosis .blog-header {
    height: 0px;
  }
  .onlineDiagnosis {
    margin: 0 auto 60px;
  }
  .onlineDiagnosis-inner__flex {
    margin: 100px auto 40px;
    flex-direction: column;
  }
  .onlineDiagnosis-inner__flex h2 {
    font-size: 24px;
    text-align: center;
    font-family: "source-han-sans-japanese", sans-serif;
  }
  .onlineDiagnosis-inner__flex ul {
    margin: 24px 0 0;
  }
  .onlineDiagnosis-inner__flex ul li {
    margin: 16px auto;
  }
  .onlineDiagnosis-inner__flex ul li div {
    width: 40px;
    height: 40px;
  }
  .onlineDiagnosis-inner__flex ul li p {
    font-size: 12px;
  }
  .onlineDiagnosis-inner__flex ul li p a {
    font-family: "source-han-sans-japanese", sans-serif;
  }
  .onlineDiagnosis-inner__flex02 {
    display: block;
  }
  .onlineDiagnosis-inner__diagnosisItem {
    width: 100%;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1960784314);
    padding: 32px 0;
    box-sizing: border-box;
    margin: 0 0 32px 0;
  }
  .onlineDiagnosis-inner__diagnosisItem img {
    width: 100px;
  }
  .onlineDiagnosis-inner__diagnosisItem > p {
    font-size: 16px;
    font-weight: bold;
    margin: 28px 0 0 0;
  }
  .onlineDiagnosis-inner__diagnosisItem > a {
    font-size: 16px;
    font-weight: bold;
    margin: 28px 0 0 0;
    background-color: #09334C;
    color: #fff;
    border-radius: 24px;
    padding: 16px 80px;
    position: relative;
  }
  .onlineDiagnosis-inner__diagnosisItem > a > div {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(6px, -50%);
    aspect-ratio: 1/1;
    background-color: #fff;
    color: #09334C;
    border-radius: 50%;
    width: 36px;
    font-size: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .onlineDiagnosis-inner__diagnosisItem > a > div > span > span {
    font-size: 16px;
    font-weight: bold;
  }
  .onlineDiagnosis-inner__diagnosisItem > a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 28px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform-origin: center;
    transform: translateX(30%) translateY(-50%) rotate(45deg);
  }
  .onlineDiagnosis-inner__diagnosisItem > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform-origin: center;
    transform: translateX(30%) translateY(-50%) rotate(45deg);
  }
  .onlineDiagnosis-inner__diagnosisItem:last-of-type img {
    width: 180px;
  }
}
.quiz_section {
  color: #09334C;
}

.qsm-quiz-container {
  width: 720px;
  margin: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 auto 160px;
}

.qmn_pagination_progressbar {
  order: 1;
}

.qmn_pagination_progressbar {
  position: relative;
}

.qmn_pagination_progressbar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #09334C;
  z-index: 1;
  transform: translate(-50%, -56%);
}

.qmn_pagination_progressbar::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #09334C;
  z-index: 1;
  transform: translate(50%, -56%);
}

.qsm-progress-bar {
  padding: 0 !important;
}

.qmn_pagination_progressbar .qsm-progress-bar svg path:first-of-type {
  stroke-width: 0.5px;
  stroke: #CDD6DB;
}

.qmn_pagination_progressbar .qsm-progress-bar svg path:last-of-type {
  stroke-width: 0.5px;
  stroke: #09334C;
}

.qsm-progress-bar .progressbar-text {
  color: #09334C !important;
}

.qsm-quiz-form {
  order: 2;
}

.qmn_pagination_previous {
  position: absolute;
  transform: translateY(calc(100% + 24px));
  left: 0;
  bottom: 0;
}

.qmn_pagination_next {
  position: absolute;
  transform: translateY(calc(100% + 24px));
  right: 0;
  bottom: 0;
}

.pages_count, .qsm-page .pages_count, .quiz_section .pages_count {
  display: none !important;
}

.mlw_qmn_question_number {
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  top: 87px;
  left: 20px;
}

.mlw_qmn_new_question {
  font-size: 16px;
  display: block !important;
  width: 100%;
  padding: 36px 72px;
  margin: 40px 0;
  box-sizing: border-box;
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1960784314);
  text-align: left;
}

.qmn_radio_answers {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 !important;
}

.qmn_mc_answer_wrap {
  width: 49%;
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1960784314);
  display: flex !important;
  align-items: center;
  margin: 12px 0 !important;
  cursor: pointer;
  transition: 0.2s;
}

.qmn_mc_answer_wrap.checked {
  background-color: #f7f7f7;
  box-shadow: none;
}

.qsm-quiz-container select, .qsm-quiz-container input[type=checkbox], .qsm-quiz-container input[type=radio] {
  margin: 0 12px 0 20px;
  width: 24px;
}

.quiz_section .qmn_radio_answers label, .quiz_section .qmn_check_answers label, .quiz_section .qmn_accept_answers label {
  width: 100%;
  height: 90px;
  display: flex !important;
  align-items: center;
  font-size: 16px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  line-height: 1.5;
}

.qmn_btn, .qsm-quiz-container.qmn_quiz_container .qmn_btn, .qsm-quiz-container.qmn_quiz_container .btn {
  background: #09334C !important;
  border-radius: 10px !important;
  padding: 12px 40px !important;
  border: 1px solid #09334C;
  color: #fff !important;
}

.qmn_quiz_container .qmn_btn:hover, .qmn_quiz_container .btn:hover {
  color: #09334C !important;
  background: #ffffff !important;
}

.qsm-text-user-correct-answer {
  font-weight: bold;
}

.mlw_qmn_question .qsm-text-wrong-option {
  font-weight: bold;
}

.mlw_qmn_question .qsm-text-wrong-option::after {
  content: "×";
  margin: 0 0 0 12px;
}

.mlw_qmn_question .qsm-text-correct-option {
  color: #2b539d !important;
  line-height: 1.5;
}

.mlw_qmn_question span.qsm-text-wrong-option::before {
  content: "\f12a" !important;
}

.quiz_end {
  background-color: #f7f7f7;
  padding: 24px 60px 40px 60px;
  box-sizing: border-box;
  margin: 48px 0 0 0;
}

.quiz_end > h2 {
  font-size: 24px;
  text-align: center;
  margin: 0 0 24px 0;
}

.quiz_end > p {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
}

.quiz_section .qsm_contact_div .mlw_qmn_question {
  font-size: 20px;
  font-weight: bold;
  margin: 16px 0;
}

.qsm_contact_div {
  padding: 0 0 24px 0;
  margin: 0 0 24px 0;
  border-bottom: 1px solid #C7C7C7;
}

.qsm_contact_div:last-of-type {
  border: none;
  padding: 0;
}

.qsm-contact-type-text input {
  font-size: 16px;
  background-color: #fff;
  padding: 12px;
  width: 100%;
  box-sizing: border-box;
}

.qsm-contact-type-email input {
  font-size: 16px;
  background-color: #fff;
  padding: 12px;
  width: 100%;
  box-sizing: border-box;
}

.qsm-results-page > h2 {
  text-align: center;
  font-size: 20px;
  margin: 0 0 36px 0;
}

.qsm-results-page .thanks-answer {
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1960784314);
  margin: 0 0 40px 0;
  border: none !important;
  padding: 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.qsm-results-page .thanks-answer > div {
  width: 70%;
}

.qsm-results-page .thanks-answer > div > h3 {
  font-size: 20px;
  margin: 0;
}

.qsm-results-page .thanks-answer > div > p {
  font-size: 16px;
  margin: 12px 0 0 0;
  line-height: 1.5;
}

.qsm-results-page .thanks-answer > p {
  width: 20%;
  text-align: center;
  border-radius: 50%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 44px;
  font-weight: bold;
}

.results-ring__circle {
  transition: stroke-dashoffset 0.35s;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.qsm-results-page .qmn_question_answer {
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1960784314);
  margin: 0 0 40px 0;
  border: none !important;
  padding: 24px 24px 24px 90px;
  box-sizing: border-box;
  height: 300px;
  overflow: hidden;
  cursor: pointer;
}

.qsm-results-page .qmn_question_answer.expanded {
  height: inherit;
}

.qsm-results-page .qmn_question_answer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 20px;
  height: 20px;
  border-top: 2px solid #222222;
  border-right: 2px solid #222222;
  transform-origin: center;
  transform: translateX(-50%) translateY(-100%) rotate(135deg);
  cursor: pointer;
}

.qsm-results-page .qmn_question_answer.expanded::after {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.qsm-results-page .mlw_qmn_question_number {
  position: inherit;
  width: 20px;
}

.qsm-results-page .qmn_question_answer .mlw_qmn_question {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
}

.qsm-results-page .qmn_question_answer .mlw_qmn_question b {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 16px;
  width: calc(100% - 36px);
  line-height: 1.5;
}

.qsm-results-page .qmn_question_answer .mlw_qmn_question .qsm-text-simple-option, .qsm-text-wrong-option, .qsm-text-correct-option {
  width: 100%;
  font-size: 16px;
  margin: 12px 0 !important;
  line-height: 1.5;
}

.mlw_qmn_question .qsm-text-simple-option:before, .mlw_qmn_question .qsm-text-correct-option.qsm-text-user-correct-answer:before, .mlw_qmn_question .qsm-text-correct-option:before, .mlw_qmn_question span.qsm-text-wrong-option::before {
  top: 2px;
}

.mlw_qmn_question .qsm-text-simple-option::after {
  content: "×";
  margin: 0 0 0 12px;
}

.mlw_qmn_question .qsm-text-correct-option:after {
  content: "○";
  margin: 0 0 0 12px;
}

.qsm-results-page .qmn_question_answer .mlw_qmn_question > div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 50px 0 0 0;
}

.qsm-results-page .qmn_question_answer .mlw_qmn_question > div > p {
  font-size: 14px;
  line-height: 1.5;
  width: 75%;
}

.qsm-results-page .qmn_question_answer .mlw_qmn_question > div > div {
  width: 22%;
}

.qsm-results-page .qmn_question_answer .mlw_qmn_question > div > div > a:first-of-type {
  display: block;
  width: 100%;
  height: 100%;
}

.qsm-results-page .qmn_question_answer .mlw_qmn_question > div > div > a:last-of-type {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 8px 0 0 0;
  font-size: 14px;
  background-color: #09334C;
  color: #fff;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 14px;
}

.qsm-results-page .qmn_question_answer .mlw_qmn_question > div > div > a:last-of-type > img {
  width: 12px;
  margin: 0 0 0 8px;
}

.qmn_question_answer_incorrect, .qmn_question_answer_correct {
  position: relative;
}

.qmn_question_answer_incorrect::before {
  content: "×";
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 40px;
  color: #dc3232;
  font-weight: bold;
}

.qmn_question_answer_correct::before {
  content: "○";
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 40px;
  color: #2b539d;
  font-weight: bold;
}

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

.qmn_results_page .return_top > a {
  border-radius: 32px;
  font-size: 16px;
  font-weight: bold;
  padding: 16px 60px;
  border: 2px solid #072D41;
  color: #072D41;
  display: inline-block;
  margin: 36px 0 0 0;
}

#mlw_error_message {
  display: none;
}

#mlw_error_message_bottom {
  text-align: center;
  font-size: 16px;
  color: red;
  margin: 12px 0;
}

@media screen and (max-width: 768px) {
  .page-online-diagnosis {
    width: 91.8%;
    margin: 0 auto !important;
  }
  .mint-list-content {
    margin-top: 20px !important;
  }
  .mint-list-content #mint-list-content {
    display: none;
  }
  .qsm-quiz-container {
    width: 92%;
    margin: 100px auto 140px;
  }
  .qmn_pagination_progressbar {
    width: 95%;
    margin: auto;
  }
  .qmn_pagination_progressbar .qsm-progress-bar svg path:first-of-type {
    stroke-width: 1px;
  }
  .qmn_pagination_progressbar::before {
    transform: translate(-50%, -50%);
  }
  .qmn_pagination_progressbar::after {
    transform: translate(50%, -50%);
  }
  .mlw_qmn_question_number {
    top: 70px;
  }
  .mlw_qmn_new_question {
    line-height: 1.5;
    padding: 48px 24px 24px 24px;
  }
  .qmn_mc_answer_wrap {
    width: 100%;
    margin: 8px 0 !important;
  }
  .quiz_section .qmn_radio_answers label, .quiz_section .qmn_check_answers label, .quiz_section .qmn_accept_answers label {
    font-size: 14px !important;
    height: 70px;
  }
  .qmn_pagination_previous {
    transform: translateY(calc(100% + 8px));
  }
  .qmn_pagination_next {
    transform: translateY(calc(100% + 8px));
  }
  .quiz_end {
    margin: 24px 0 0 0;
    padding: 24px;
  }
  .quiz_end > h2 {
    font-size: 20px;
  }
  .qsm-results-page > h2 {
    font-size: 16px;
    margin: 0 0 24px 0;
  }
  .qsm_contact_div {
    padding: 0 0 60px 0;
  }
  .qsm_contact_div:last-of-type {
    padding: 0 0 60px 0;
  }
  .qsm-results-page .thanks-answer {
    flex-direction: column;
  }
  .qsm-results-page .thanks-answer > div {
    width: 100%;
  }
  .qsm-results-page .thanks-answer > div > h3 {
    font-size: 16px;
  }
  .qsm-results-page .thanks-answer > div > p {
    font-size: 14px;
  }
  .qsm-results-page .thanks-answer > p {
    width: 50%;
    margin: 24px 0 0 0;
  }
  .qsm-results-page .qmn_question_answer {
    margin: 0 0 20px 0;
    padding: 70px 20px 20px 20px;
    height: 400px;
  }
  .qmn_question_answer_incorrect::before, .qmn_question_answer_correct::before {
    left: 16px;
  }
  .qsm-results-page .qmn_question_answer .mlw_qmn_question b {
    height: 70px;
  }
  .qsm-results-page .qmn_question_answer .mlw_qmn_question > div {
    margin: 60px 0;
  }
  .qsm-results-page .qmn_question_answer .mlw_qmn_question > div {
    flex-direction: column;
    align-items: center;
  }
  .qsm-results-page .qmn_question_answer .mlw_qmn_question > div > p {
    width: 100%;
  }
  .qsm-results-page .qmn_question_answer .mlw_qmn_question > div > div {
    width: 50%;
    margin: 24px 0 0 0;
  }
  .qsm-results-page .qmn_question_answer .mlw_qmn_question > div > div > a:first-of-type {
    height: fit-content;
  }
}
.informationSecurity {
  font-size: 14px;
  line-height: 1.5em;
}
.informationSecurity-container {
  width: 70%;
  margin: 0 auto 150px;
  padding: 150px 0 0;
}
.informationSecurity-text {
  margin-bottom: 16px;
}
.informationSecurity-heading {
  padding: 0.8em 0 0.7em;
  border-top: 2px solid #337ab7;
  border-bottom: 1px solid #e9e9e9;
  margin: 36px 0;
  font-size: 24px;
}
.informationSecurity-heading02 {
  font-size: 32px;
  text-align: center;
}
.informationSecurity-heading05 {
  font-size: 18px;
  text-align: center;
}
.informationSecurity-date {
  text-align: right;
  line-height: 1.5em;
}
.informationSecurity-name {
  text-align: right;
  line-height: 1.5em;
}
.informationSecurity-list1 {
  padding: 0 0 0 40px;
}
.informationSecurity-list2 {
  padding: 0 0 0 40px;
  list-style-type: decimal;
}
.informationSecurity-list2__item {
  margin: 12px 0 0 0;
  list-style-type: decimal;
}
.informationSecurity-list2__list {
  padding: 0 0 0 40px;
}
.informationSecurity-list2__item2 {
  margin: 12px 0 0 0;
  list-style-type: circle;
}
.informationSecurity-list3 {
  padding: 0 0 0 40px;
}
.informationSecurity-list3__item {
  margin: 12px 0 0 0;
  list-style-type: decimal;
}
.informationSecurity-list3__item2 {
  margin: 12px 0 0 0;
  list-style-type: decimal;
}
.informationSecurity-list3__list {
  padding: 0 0 0 40px;
}
.informationSecurity-item1 {
  margin: 12px 0 0 0;
  list-style-type: decimal;
}
.informationSecurity-item3 {
  margin: 12px 0 0 0;
  list-style-type: decimal;
}
.informationSecurity-other1 {
  padding: 0 0 0 10px;
  margin: 0 0 10px 0;
  border-left: 2px solid #3e5174;
}
.informationSecurity-other2 {
  padding: 0 0 0 10px;
  margin: 0 0 20px 0;
  border-left: 2px solid #e5e5e5;
}

@media screen and (max-width: 768px) {
  .informationSecurity {
    font-size: 14px;
    line-height: 1.5em;
  }
  .informationSecurity-container {
    width: 85%;
    margin: 20px auto 50px;
    padding: 60px 0;
  }
  .informationSecurity-heading {
    font-size: 18px;
  }
  .informationSecurity-heading02 {
    line-height: 1.5;
    font-size: 24px;
  }
  .informationSecurity-list1 {
    padding: 0 0 0 30px;
  }
  .informationSecurity-list2 {
    padding: 0 0 0 30px;
  }
  .informationSecurity-list2__list {
    padding: 0 0 0 20px;
  }
  .informationSecurity-list3 {
    padding: 0 0 0 30px;
  }
  .informationSecurity-list3__list {
    padding: 0 0 0 20px;
  }
}
.banner-archive {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 400px;
  height: auto;
  z-index: 10;
}
.banner-archive img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-archive .position-r {
  position: relative;
}
.banner-archive .destroy {
  position: absolute;
  top: -40px;
  right: 0;
  font-size: 40px;
  color: #9e9eb6;
  cursor: pointer;
}

.eventCalendar {
  font-family: "Source Han Sans JP medium", sans-serif;
}

.calendar {
  margin: 36px 0 0;
  border-radius: 20px;
  border: 4px solid #F2F2F5;
  padding: 60px;
}

.calendar-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 40px;
  color: #2E4E76;
}

.calendar-header h1 {
  font-size: 24px;
}

.calendar-header #prev {
  position: relative;
  background-color: #fff;
  border: none;
  padding: 0 32px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.calendar-header #prev::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 9px;
  height: 9px;
  border-top: 2px solid #BBBBC7;
  border-right: 2px solid #BBBBC7;
  transform-origin: center;
  transform: translateX(30%) translateY(-35%) rotate(-135deg);
}

.calendar-header #next {
  position: relative;
  background-color: #fff;
  border: none;
  padding: 0 32px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.calendar-header #next::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 9px;
  height: 9px;
  border-top: 2px solid #BBBBC7;
  border-right: 2px solid #BBBBC7;
  transform-origin: center;
  transform: translateX(30%) translateY(-35%) rotate(45deg);
}

.calendar-table {
  width: 100%;
  border: 4px solid #F2F2F5;
  border-radius: 10px;
  border-spacing: 0;
  border-collapse: separate;
}

.calendar-table > tbody > tr > td:first-of-type,
.calendar-table > tbody > tr > td:last-of-type,
.calendar-table > tbody > tr > th:first-of-type,
.calendar-table > tbody > tr > th:last-of-type {
  display: none;
}

.calendar-table > tbody > tr > td,
.calendar-table > tbody > tr > th {
  width: 20%;
}

.calendar-table > tbody > tr > td {
  padding: 10px;
  border-right: 2px solid #E6E6EF;
  border-bottom: 2px solid #E6E6EF;
}

.calendar-table > tbody > tr > td > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
  aspect-ratio: 4/3;
}

.calendar-table > tbody > tr > td > div > p {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  color: #636477;
  line-height: 2;
  padding: 0;
  margin: 0;
}

.calendar-table > tbody > tr > td.is-disabled > div > p {
  color: #BBBBC7;
}

.calendar-table > tbody > tr > td > div > .event {
  border-radius: 8px;
  text-align: left;
  height: calc(100% - 40px);
  padding: 8px;
  cursor: pointer;
  margin: 0;
  position: relative;
  overflow: auto;
}

.calendar-table > tbody > tr > td > div > .event > .icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.calendar-table > tbody > tr > td > div > .event > .category {
  font-size: 12px;
  font-weight: bold;
  color: #636477;
  line-height: 2;
}

.calendar-table > tbody > tr > td > div > .event > .title {
  font-size: 14px;
  color: #1A1B35;
  margin: 4px 0 0;
  line-height: 1.5;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  overflow: hidden;
}

.calendar-table > tbody > tr > td > div > .event.seminar {
  background-color: #DEF2B3;
}

.calendar-table > tbody > tr > td > div > .event.live {
  background-color: #B7E1F1;
}

.calendar-table > tbody > tr > td > div > .event.ebook {
  background-color: #E6E6EF;
}

.calendar-table > tbody > tr > td > div > .event.opinion {
  background-color: #e0b3b9;
}

.calendar-table > tbody > tr > td > div > .event.subcommittee {
  background-color: #ece1db;
}

.calendar-table > tbody > tr > th {
  background-color: #F2F2F5;
  padding: 18px 0;
  color: #3F7EAE;
  font-size: 16px;
  font-weight: bold;
  border-right: 2px solid #E6E6EF;
}

.calendar-table > tbody > tr > td:nth-of-type(6) {
  border-right: none;
}

.calendar-table > tbody > tr > th:nth-of-type(6) {
  border-right: none;
}

.calendar-table > tbody > tr:last-of-type > td {
  border-bottom: none;
}

.eventModalClose {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.eventModalClose:hover,
.eventModalClose:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.eventModal {
  display: none; /* デフォルトでは非表示 */
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(30, 30, 30, 0.9);
}

.eventModal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65.5%;
  max-width: 990px;
  padding: 40px 40px;
  border-radius: 8px;
  background-color: #fff;
}

.eventModal-content__top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.eventModal-content__top > #eventModalDate, .eventModal-content__top > #eventModalTime {
  font-size: 16px;
  font-family: Montserrat;
  color: #1A1B35;
}

.eventModal-content__top > #eventModalTime {
  margin: 0 0 0 8px;
}

.eventModal-content__top > #eventModalCategory {
  padding: 2px 12px;
  margin: 0 0 0 20px;
  font-size: 12px;
  background-color: #fff;
  border-radius: 10px;
  color: #636477;
  line-height: 2;
}

.eventModal-content__top > #eventModalCategory.seminar {
  background-color: #DEF2B3;
}

.eventModal-content__top > #eventModalCategory.live {
  background-color: #B7E1F1;
}

.eventModal-content__top > #eventModalCategory.ebook {
  background-color: #E6E6EF;
}

.eventModal-content > #eventModalTitle {
  font-size: 24px;
  font-weight: bold;
  color: #1A1B35;
  margin: 20px 0 0;
}

.eventModal-content > #eventModalDescription {
  font-size: 16px;
  color: #1A1B35;
  margin: 20px 0 0;
  line-height: 1.5;
}

.eventModal-content > #eventModalPresenter {
  position: relative;
  margin: 32px 0 0;
  padding: 16px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.eventModal-content > #eventModalPresenter::before {
  content: "登壇者";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 2;
  padding: 0 16px 0 0;
  font-size: 16px;
  font-weight: bold;
  color: #1A1B35;
}

.eventModal-content > #eventModalPresenter::after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 100%;
  height: 2px;
  background-color: #1A1B35;
  z-index: 1;
}

.eventModal-content > #eventModalPresenter > .presenter {
  width: calc(50% - 10px);
  margin: 16px 0 0;
  color: #1A1B35;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.eventModal-content > #eventModalPresenter > .presenter > .presenter-left {
  width: 23%;
}

.eventModal-content > #eventModalPresenter > .presenter > .presenter-left > img {
  aspect-ratio: 9/13;
  object-fit: cover;
  border-radius: 20px;
}

.eventModal-content > #eventModalPresenter > .presenter > .presenter-right {
  width: 77%;
}

.eventModal-content > #eventModalPresenter > .presenter > .presenter-right > .presenter-name {
  font-size: 16px;
  font-weight: bold;
  color: #1A1B35;
  margin: 0;
}

.eventModal-content > #eventModalPresenter > .presenter > .presenter-right > .presenter-position {
  font-size: 12px;
  color: #1A1B35;
  margin: 8px 0 0;
}

.eventModal-content > #eventModalPresenter > .presenter > .presenter-right > .presenter-description {
  font-size: 12px;
  color: #1A1B35;
  margin: 12px 0 0;
  line-height: 1.5;
}

.eventModal-content__btns {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 40px 0 0;
  gap: 16px;
}

.eventModal-content__btns > #eventModalApplyBtn {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  background-color: #CE858F;
  border-radius: 32px;
  padding: 12px 0;
  width: 250px;
  line-height: 1.5;
  position: relative;
  box-sizing: border-box;
}

.eventModal-content__btns > #eventModalApplyBtn::after {
  content: "";
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url(/wp-content/themes/micado/img/com-img/open_in_new_FILL0_wght400_GRAD0_opsz24.svg);
  background-size: contain;
}

.eventModal-content__btns > #eventModalGoogleBtn {
  display: inline-block;
  color: #3771E0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  border: 2px solid #3771E0;
  border-radius: 32px;
  padding: 12px 0;
  width: 250px;
  line-height: 1.5;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .calendar {
    padding: 40px 20px;
  }
  .calendar-table {
    display: block;
    border: none;
  }
  .calendar-table tbody {
    display: block;
  }
  .calendar-table tbody tr {
    display: none;
  }
  .calendar-table tbody tr.event-week {
    display: flex;
    flex-direction: column;
  }
  .calendar-table tbody tr.event-week td {
    display: none;
  }
  .calendar-table tbody tr.event-week td.event-day {
    display: block;
    width: 100%;
    border: none;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 16px;
  }
  .calendar-table tbody tr.event-week td.event-day > div {
    display: flex;
    justify-content: space-between;
    flex-direction: inherit;
    gap: 16px;
    aspect-ratio: 4/1;
  }
  .calendar-table tbody tr.event-week td.event-day > div > p {
    padding: 4px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    width: 10%;
    color: #2E4E76;
  }
  .calendar-table tbody tr.event-week td.event-day > div > p.live {
    background-color: #B7E1F1;
  }
  .calendar-table tbody tr.event-week td.event-day > div > p.ebook {
    background-color: #E6E6EF;
  }
  .calendar-table tbody tr.event-week td.event-day > div > p.seminar {
    background-color: #DEF2B3;
  }
  .calendar-table tbody tr.event-week td.event-day > div > p > span {
    font-size: 12px;
    font-weight: bold;
    color: #2E4E76;
    opacity: 0.6;
  }
  .calendar-table tbody tr.event-week td.event-day > div > .event {
    width: 90%;
    height: 100%;
    padding: 10px;
  }
  .eventModalClose {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1A1B35;
    padding: 16px 0;
    font-size: 14px;
    color: #fff;
    border-radius: 0 0 8px 8px;
    line-height: 1.5;
  }
  .eventModalClose > span {
    display: block;
    margin: 0 0 0 4px;
  }
  .eventModal-content {
    padding: 24px 12px 80px 12px;
    width: 95%;
    box-sizing: border-box;
  }
  .eventModal-content__top > #eventModalDate, .eventModal-content__top > #eventModalTime {
    font-size: 14px;
  }
  .eventModal-content__top > #eventModalCategory {
    line-height: 2;
  }
  .eventModal-content > #eventModalTitle {
    font-size: 20px;
    line-height: 1.5;
  }
  .eventModal-content > #eventModalDescription {
    font-size: 14px;
  }
  .eventModal-content > #eventModalPresenter > .presenter {
    width: 100%;
  }
}
.recruit-fv {
  writing-mode: vertical-rl;
  margin: 80px auto;
  height: 680px;
}
.recruit-fv h2 {
  font-size: 40px;
  color: #1c1c1c;
  line-height: 80px;
  letter-spacing: 10px;
}
.recruit-textline {
  border-right: solid 2px #BB8B91;
}
.recruit-wantedly p {
  font-size: 14px;
  text-align: center;
  color: #7d7d7d;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 20px;
}
.recruit-wantedly p span {
  color: #5F5F5F;
}
.recruit-wantedly a {
  display: block;
  text-align: center;
  margin-bottom: 8px;
}
.recruit-wantedly a p {
  margin-bottom: 0px;
  display: inline-flex;
  border-bottom: 1px solid #7d7d7d;
}
.recruit-wantedly img {
  height: 14px;
}
.recruit-message {
  margin: 100px auto 40px;
  text-align: center;
}
.recruit-message h3 {
  font-size: 20px;
}
.recruit-message p {
  font-size: 16px;
  line-height: 2;
}
.recruit-entry__box {
  margin: 80px 20px 60px;
  display: block;
  background-color: #1c1c1c;
  padding: 20px;
  border-radius: 8px;
  color: #F8F8F8;
}
.recruit-entry__box p.white {
  font-size: 20px;
  display: flex;
  font-weight: bold;
}
.recruit-entry__box p.white span.line {
  background-color: #F8F8F8;
  height: 2px;
  width: 20%;
  display: block;
  margin: 10px 20px;
}
.recruit-entry__box p.white span.circle {
  background-color: #F8F8F8;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  position: relative;
}
.recruit-entry__box p.white span.circle::after {
  content: "";
  background-color: #1c1c1c;
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  position: absolute;
}
.recruit-entry__box p.gray {
  opacity: 0.5;
  margin: 12px 0 16px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
.recruit-entry__box div.whiteicon {
  height: 20px;
  text-align: center;
}
.recruit-entry__box div.whiteicon svg {
  height: 100%;
  width: 100%;
}
.recruit-micado__block {
  margin: 60px 20px;
}
.recruit-micado__block p {
  font-weight: bold;
}
.recruit-micado__text {
  font-size: 20px;
  font-weight: 500;
}
.recruit-micado__box {
  margin: 16px auto;
  border: 2px #1c1c1c solid;
  border-radius: 8px;
  display: block;
  padding: 20px;
}
.recruit-micado__box p.white {
  font-size: 20px;
  display: flex;
  font-weight: bold;
}
.recruit-micado__box p.white span.line {
  background-color: #1c1c1c;
  height: 2px;
  width: 10%;
  display: block;
  margin: 10px 20px;
}
.recruit-micado__box p.white span.circle {
  background-color: #1c1c1c;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  position: relative;
}
.recruit-micado__box p.white span.circle::after {
  content: "";
  background-color: #F8F8F8;
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  position: absolute;
}
.recruit-micado__box p.gray {
  opacity: 0.4;
  margin: 12px 0 16px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}
.recruit-micado__box div.whiteicon {
  height: 20px;
  text-align: center;
}
.recruit-micado__box div.whiteicon svg {
  height: 100%;
  width: 100%;
}
.recruit-micado__box img {
  height: 20px;
  margin: 0 auto;
}
.recruit-micado__box--text {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  justify-content: space-between;
}

.fv-logo {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 212px;
}
.fv-logo img {
  height: 95%;
  position: absolute;
  top: 0;
  left: 3px;
  width: 40px;
  display: inline-table;
}

.open-newtab {
  width: 18px;
  height: 18px;
}
.open-newtab p span {
  color: #7d7d7d;
}
.open-newtab img {
  height: 100%;
  width: 100%;
  color: #7d7d7d;
}

.footer-recruit {
  text-align: center;
}
.footer-recruit__entry {
  background-color: #fff;
  padding: 8px 40px;
  border-radius: 8px;
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}
.footer-recruit .entry-flex {
  display: flex;
}
.footer-recruit__newtab {
  height: 16px;
  margin-left: 10px;
}
.footer-recruit__newtab svg {
  height: 100%;
  width: 100%;
}
.footer-recruit__logo {
  display: block;
  margin: 60px 0 12px;
  height: 20px;
}
.footer-recruit__logo div {
  height: 20px;
}
.footer-recruit__logo svg {
  height: 100%;
  width: 100%;
}
.footer-recruit__address {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 24px;
}
.footer-recruit__link {
  display: grid;
  margin-bottom: 32px;
  line-height: 3.2;
  text-decoration: underline;
}

.grecaptcha-badge {
  visibility: hidden;
}

@media screen and (min-width: 400px) {
  .recruit-entry__box {
    width: 360px;
    margin: 80px auto 60px;
  }
  .recruit-micado__block {
    margin: 60px auto 20px;
    width: 400px;
  }
}
.blue {
  color: #328ACA;
}

.hide {
  display: none;
}

img {
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
  position: relative;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.carousel-prev,
.carousel-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.carousel-prev:hover,
.carousel-prev:focus,
.carousel-next:hover,
.carousel-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.carousel-prev:hover:before,
.carousel-prev:focus:before,
.carousel-next:hover:before,
.carousel-next:focus:before {
  opacity: 0.5;
}

.carousel-prev.slick-disabled:before,
.carousel-next.slick-disabled:before {
  opacity: 0.25;
}

.carousel-prev:before,
.carousel-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.3;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.carousel-prev {
  left: -25px;
}

[dir=rtl] .carousel-prev {
  right: -25px;
  left: auto;
}

.carousel-prev:before {
  content: "◀";
  color: #000;
  font-size: 38px;
  position: absolute;
  top: 0;
  right: 15px;
  transition: all 0.2s ease-in-out;
}

[dir=rtl] .carousel-prev:before {
  content: "▶";
}

.carousel-next {
  right: -25px;
}

[dir=rtl] .carousel-next {
  right: auto;
  left: -25px;
}

.carousel-next:before {
  content: "▶";
  color: #000;
  font-size: 38px;
  position: absolute;
  top: 0;
  left: 15px;
  transition: all 0.2s ease-in-out;
}

[dir=rtl] .carousel-next:before {
  content: "◀";
}

.slick-dots {
  position: absolute;
  bottom: -40px;
  right: 34%;
  display: inline !important;
  width: 32%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  z-index: -1;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 15px;
  height: 15px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background-color: #fff;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

a:hover {
  opacity: 0.8;
}

/** Custom Radio button **/
.radio-box {
  display: flex;
  justify-content: space-between;
  width: 80%;
  max-width: 540px;
}
.radio-box .cover-label {
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 4px;
  opacity: 1;
  padding: 15px 20px 15px 16px;
}

.custom-radio-input {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  font-family: "source-han-sans-japanese", sans-serif;
  padding-left: 20px;
  color: #1A1B35;
  display: flex;
  align-items: center;
}

.custom-radio-input .custom-radio {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: white;
  border-radius: 50%;
  border: 1px solid #2e4e76;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-radio-input .checkmark:after {
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #2e4e76;
  transform: translate(-50%, -50%) rotate(45deg);
}

.custom-radio-input .custom-radio:checked ~ .checkmark {
  background: #2E4E76;
  width: 6px;
  height: 6px;
  top: 3px;
  left: 3px;
}

.custom-radio-input .custom-radio:checked ~ .checkmark:after {
  display: block;
}

/** Contact form 7 - Custom Radio button  **/
.diagnosis-right__form p {
  font: normal normal bold 14px/32px "source-han-sans-japanese", sans-serif;
}

.level .wpcf7-radio {
  display: flex;
}

.wpcf-diagnosis .wpcf7-list-item,
.wpcf-diagnosis label {
  display: flex;
  margin-right: 25px;
}

.wpcf-diagnosis .wpcf7-list-item {
  margin: 0;
}

.wpcf-diagnosis .wpcf7-list-item:not(:last-child) {
  margin-bottom: 10px;
}

.wpcf-diagnosis label {
  cursor: pointer;
}

.wpcf-diagnosis [type=radio] {
  position: absolute;
  left: -9999px;
}

.wpcf-diagnosis [type=radio] + .wpcf7-list-item-label {
  position: relative;
  padding-left: 25px;
  color: #1a1b35;
  text-align: left;
  font: normal normal bold 14px/20px "source-han-sans-japanese", sans-serif;
}

.wpcf-diagnosis [type=radio] + .wpcf7-list-item-label::before,
.wpcf-diagnosis [type=radio] + .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.wpcf-diagnosis [type=radio] + .wpcf7-list-item-label::before,
.wpcf-diagnosis [type=radio] + .wpcf7-list-item-label::after {
  border-radius: 50%;
}

.wpcf-diagnosis [type=radio] + .wpcf7-list-item-label::before {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #3F7EAE;
}

.wpcf-diagnosis [type=radio] + .wpcf7-list-item-label::after {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background: #3F7EAE;
  transition: all 0.2s;
}

.wpcf-diagnosis [type=radio]:not(:checked) + .wpcf7-list-item-label::after {
  opacity: 0;
  transform: scale(0.01);
}

/** Custom micado input type text **/
.custom-input {
  padding-left: 15px;
  width: 100%;
  height: 44px;
  max-width: 540px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275) !important;
  border-radius: 4px;
  font-size: 14px;
}

/** Custom micado button type submit **/
.submit-btn {
  background: #CE858F 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 8px;
  opacity: 1;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  color: white;
  width: 100%;
  margin-left: 20%;
  max-width: 540px;
  height: 44px;
  border: none;
  padding: 0 !important;
}

/** Custom micado input type input password **/
.custom-input-pass {
  position: relative;
}
.custom-input-pass .cover {
  position: absolute;
  left: 80%;
  top: 15px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.custom-input-pass .cover img {
  display: none;
}
.custom-input-pass .cover img.active {
  display: block;
}

.custom-select-form {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275) !important;
  border-radius: 4px;
  font-size: 14px;
  border: none;
}

.room_number::after {
  content: url("/wp-content/themes/micado/img/expand-arrow.png");
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 14px;
  pointer-events: none;
}

/* Custom animation service */
@-webkit-keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes flowBg {
  0% {
    background-position: left 0 center;
  }
  100% {
    background-position: left -100000px center;
  }
}
.top_flow_text {
  height: 332px;
  position: relative;
  overflow: hidden;
}
.top_flow_text ._bg_text {
  white-space: nowrap;
  font-size: 0;
}
.top_flow_text ._bg_text ul {
  display: inline-block;
}
.top_flow_text ._bg_text ul:first-child {
  animation: slide1 80s -40s linear infinite;
}
.top_flow_text ._bg_text ul:last-child {
  animation: slide2 80s linear infinite;
}
.top_flow_text ._bg_text li {
  padding-left: 92px;
  position: relative;
  display: inline-block;
}
.top_flow_text ._bg_text li:after {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  color: #BCCD9E;
  font: normal normal 600 100px/122px Montserrat;
}
.top_flow_text ._bg_text a {
  text-transform: uppercase;
  line-height: 1;
  font: normal normal 600 100px/122px Montserrat;
  color: #fff;
  transition: all 0.4s ease;
}
.top_flow_text ._bg_text a:hover {
  color: #97CBE2;
}

@media screen and (max-width: 600px) {
  .top_flow_text {
    height: 200px;
  }
}
@media screen and (max-width: 600px) {
  .top_flow_text ._bg_text li {
    padding-left: 46px;
  }
}
@media screen and (max-width: 600px) {
  .top_flow_text ._bg_text li:after {
    font-size: 65px;
  }
}
@media screen and (max-width: 600px) {
  .top_flow_text ._bg_text a {
    font-size: 65px;
  }
}
.top_flow_text ._bg_text a.hover {
  opacity: 0.7;
}

.top_flow_text ._bg_text_top {
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  top: 48px;
  animation: flowBg 3000s linear infinite;
  font-size: 0;
}

@media screen and (max-width: 600px) {
  .top_flow_text ._bg_text_top {
    height: 50px;
    top: 0;
  }
}
.top_flow_text ._bg_text_bottom {
  width: 100%;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 15px;
  font-size: 0;
}

.top_flow_text ._bg_text_bottom ul:first-child,
.top_flow_text ._bg_text_bottom ul:last-child {
  animation-direction: reverse;
}

@media screen and (max-width: 600px) {
  .top_flow_text ._bg_text_bottom {
    height: 50px;
    bottom: 55px;
  }
}
#top_menu {
  z-index: -1;
}

#left_menu {
  z-index: 12;
}

#left_menu, #top_menu {
  position: fixed;
  width: 80px;
  left: 0px;
  top: 0px;
  height: 100%;
  overflow: visible;
  background-color: rgb(53, 78, 115);
}
#left_menu.menu-blog-type, #top_menu.menu-blog-type {
  background-color: #3f7eae;
}
#left_menu.menu-blog-type .menu-item.last-item, #top_menu.menu-blog-type .menu-item.last-item {
  height: 260px;
}
#left_menu .left-menu-content, #top_menu .left-menu-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
}
#left_menu .menu-item, #top_menu .menu-item {
  cursor: pointer;
}
#left_menu .menu-item.last-item, #top_menu .menu-item.last-item {
  height: 180px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
#left_menu .menu-item .bar1,
#left_menu .menu-item .bar2,
#left_menu .menu-item .bar3, #top_menu .menu-item .bar1,
#top_menu .menu-item .bar2,
#top_menu .menu-item .bar3 {
  width: 33px;
  height: 2px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}
#left_menu .menu-item .menu, #top_menu .menu-item .menu {
  font-family: Montserrat;
  font-style: normal;
  font-size: 10px;
  color: white;
  margin-top: 15px;
  background-color: transparent;
  height: auto;
}
#left_menu .menu-item .service-box, #top_menu .menu-item .service-box {
  text-align: center;
  cursor: pointer;
  padding-bottom: 25px;
}
#left_menu .menu-item .service-box .service-box-image, #top_menu .menu-item .service-box .service-box-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
#left_menu .menu-item .service-box .service-box-image .cover, #top_menu .menu-item .service-box .service-box-image .cover {
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  padding: 6px;
}
#left_menu .menu-item .service-box .text, #top_menu .menu-item .service-box .text {
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
}
#left_menu .menu-item .service-box.login-user .service-box-image .cover, #top_menu .menu-item .service-box.login-user .service-box-image .cover {
  width: 35px;
  padding: 0;
}
#left_menu .menu-item .service-box-menu, #top_menu .menu-item .service-box-menu {
  position: absolute;
  transform: rotate(90deg);
  min-width: 164px;
  border: 2px solid #CE858F;
  background-color: #fff;
  top: 115px;
  left: 16px;
}
#left_menu .menu-item .service-box-menu .service-box-menu-content, #top_menu .menu-item .service-box-menu .service-box-menu-content {
  display: flex;
  justify-content: space-between;
}
#left_menu .menu-item .service-box-menu .login-ref, #top_menu .menu-item .service-box-menu .login-ref {
  background-color: #fff;
  font-size: 14px;
  color: #273850;
  padding: 8px 16px;
  font-weight: 600;
  cursor: pointer;
}
#left_menu .menu-item .service-box-menu .register-ref, #top_menu .menu-item .service-box-menu .register-ref {
  background-color: #CE858F;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  padding: 8px 16px;
  cursor: pointer;
}
#left_menu .menu-item .service-box-logout, #top_menu .menu-item .service-box-logout {
  position: absolute;
  transform: rotate(90deg);
  /* min-width: 91px; */
  border: 2px solid #CE858F;
  background-color: #fff;
  top: 77px;
  right: -75px;
}
#left_menu .menu-item .service-box-logout .logout-ref, #top_menu .menu-item .service-box-logout .logout-ref {
  background-color: white;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  padding: 8px 16px;
  cursor: pointer;
  color: #CE858F;
}
#left_menu .menu-item .contact-icon, #top_menu .menu-item .contact-icon {
  animation: bounce 1s;
  display: none;
}
#left_menu .change .bar1, #top_menu .change .bar1 {
  transform: translate(0, 8px) rotate(-45deg);
}
#left_menu .change .bar2, #top_menu .change .bar2 {
  opacity: 0;
}
#left_menu .change .bar3, #top_menu .change .bar3 {
  transform: translate(0, -8px) rotate(45deg);
}

.login-box-content .login-box .content #main .entry-content .form-box .input-form2 {
  width: 90% !important;
}

.register-box-content .login-box .entry-content form .input-form2 {
  width: 90% !important;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-10px);
  }
}
#top_menu {
  width: 100% !important;
  height: 64px !important;
  align-items: center;
  background-color: white;
  display: none;
}
#top_menu .top-menu-content {
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#top_menu .top-menu-content .logo {
  width: 180px;
  height: 40px;
  margin-right: 20px;
}

#menu-open {
  background-color: #2e4e76;
  align-items: center;
}
#menu-open .column-col-2 {
  display: flex !important;
  justify-content: space-between;
}
#menu-open .column-col-2 .col-items:nth-child(2) {
  margin-right: 0px;
}
#menu-open .column-col-2 .col-items:first-child {
  margin-right: 96px;
  margin-bottom: 0;
}
#menu-open .content {
  width: 94.4%;
  max-width: 1360px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 45px;
}
#menu-open .content .col-items .footer_logo {
  width: 316px;
  height: 72px;
}
#menu-open .content .contact-btn {
  margin-top: 36px;
  padding: 20px;
  width: 230px;
  border: 1px solid #fff;
  font-size: 20px;
  text-align: center;
  font-weight: 800;
  color: #fff;
  opacity: 1;
  border-radius: 40px;
}
#menu-open .content .col-label {
  color: #ffffff;
  margin-top: 10px;
  letter-spacing: 2.4px;
  font: normal normal bold 24px/35px "source-han-sans-japanese", sans-serif;
  margin-top: 35px;
}
#menu-open .content .col-content {
  font-size: 15px;
  margin-top: 12px;
  font: normal normal medium 16px/24px "source-han-sans-japanese", sans-serif;
  letter-spacing: 1.6px;
  color: #ffffff;
  line-height: 2;
}
#menu-open .content .col-2-items {
  margin-top: 20px;
}
#menu-open .content .col-2-items .label {
  color: #fff;
  text-align: left;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  letter-spacing: 2px;
  color: #ffffff;
  opacity: 1;
}
#menu-open .content .col-2-items .company-label {
  font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
}
#menu-open .content .col-2-items .label-first {
  font-size: 20px;
}
#menu-open .content .col-2-items .text {
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 1.2px;
  color: #ffffff;
  opacity: 0.6;
  margin-top: 4px;
}
#menu-open .content .col-2-items .text-light {
  text-align: left;
  font: normal normal medium 16px/24px "source-han-sans-japanese", sans-serif;
  letter-spacing: 1.6px;
  color: #ffffff;
  opacity: 0.5;
  font-size: 16px;
  line-height: 1.45;
}
#menu-open .copyright-footer {
  text-align: center;
  font-size: 16px;
  margin-top: 172px;
  color: #fff;
  padding-bottom: 20px;
}

#TopPageBanner #left-content {
  width: 50%;
  position: relative;
  z-index: 1;
}
#TopPageBanner #left-content .content {
  position: absolute;
  margin-left: 120px;
  margin-top: 25px;
  width: 140%;
}
#TopPageBanner #left-content .content .header__logo a img {
  width: 180px;
  height: 42px;
}
#TopPageBanner #left-content .content .banner-content {
  margin-top: 77px;
}
#TopPageBanner #left-content .content .banner-content .banner-title {
  font-size: 24px;
  text-align: left;
  color: #636477;
  font-family: "source-han-sans-japanese";
}
#TopPageBanner #left-content .content .banner-content .banner-text {
  margin-top: 12px;
  font-size: 80px;
  font-weight: bold;
  line-height: 1.5;
  color: #1A1B35;
  margin-bottom: 12px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
}
#TopPageBanner #left-content .content .banner-content .banner-text span {
  color: #ce858f;
  opacity: 1;
}
#TopPageBanner #left-content .content .banner-content .banner-stick {
  color: #636477;
  font-size: 16px;
  letter-spacing: 0.96px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
}
#TopPageBanner #left-content .content .link-box {
  display: flex;
  align-items: space-between;
  width: 100%;
  margin-top: 56px;
}
#TopPageBanner #left-content .content .link-box .button-move {
  position: relative;
  width: 50px;
  height: 50px;
  margin-top: 15px;
}
#TopPageBanner #left-content .content .link-box .context {
  width: 37%;
  margin-left: 24px;
  color: #2e4e76;
}
#TopPageBanner #left-content .content .link-box .context .time {
  font-size: 16px;
  color: #97CBE2;
  font-family: "Montserrat", sans-serif;
}
#TopPageBanner #left-content .content .link-box .context .text {
  font-size: 20px;
  margin-top: 10px;
  font-weight: 800;
  font-family: "source-han-sans-japanese";
  letter-spacing: 1.2px;
}
#TopPageBanner #left-content .content .link-box .link-to {
  font-size: 16px;
  margin-left: 50px;
  margin-top: 40px;
  color: #97CBE2;
  border-bottom: 1px solid #97CBE2;
  font-family: "Montserrat", sans-serif;
}
#TopPageBanner #left-content .content .link-group .link-to-sp {
  display: none;
}
#TopPageBanner #right-content {
  width: 50%;
  transition: width 1s ease;
  margin: 0 0 0 auto;
  height: 100vh;
}
#TopPageBanner #right-content .image {
  top: 0.0003433228px;
  left: 720px;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-repeat: no-repeat;
}
#TopPageBanner #right-content .image video {
  transition: border-radius 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25% 0 25% 25%;
}
#TopPageBanner #right-content:hover {
  width: 100%;
}
#TopPageBanner #right-content:hover video {
  transition: border-radius 1s ease 0.35s;
  border-radius: 0;
}

#AdviseBanner {
  background-color: #e6e6ef;
  margin-top: 50px;
  overflow: hidden;
}
#AdviseBanner .content {
  margin-top: 60px;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-left: 148px;
  margin-right: 120px;
}
#AdviseBanner .content .content-items {
  display: flex;
  width: 50%;
  justify-content: center;
  transform: translateY(60px);
  margin-top: 50px;
}
#AdviseBanner .content .content-items .col-title-left {
  display: inline-block;
  transform: rotate(-270deg);
  white-space: nowrap;
  color: #ce858f;
  text-align: left;
  font: normal normal 600 20px/32px Montserrat;
  letter-spacing: 0.4px;
  height: 0;
  margin-top: 90px;
}
#AdviseBanner .content .content-items .col-line {
  width: 3px;
  height: 200px;
  background-color: white;
  transform: translateX(-30px);
}
#AdviseBanner .content .content-items .col-content-left {
  text-align: left;
  font: normal normal bold 28px/56px "source-han-sans-japanese", sans-serif;
  font-family: "source-han-sans-japanese";
  letter-spacing: 0.56px;
  color: #3f7eae;
  width: 420px;
}
#AdviseBanner .content .content-items .col-content-left .col-content-left-name {
  color: #38567c;
}
#AdviseBanner .content .content-items-right {
  margin-left: 89px;
  margin-top: 47px;
}
#AdviseBanner .content .content-items-right .col-title {
  text-align: left;
  font: normal normal 600 4.2vw/32px Montserrat;
  text-transform: lowercase;
  opacity: 0.4;
  font-weight: 700;
}
#AdviseBanner .content .content-items-right .col-title .color-main {
  color: #BCCD9E;
  opacity: 1;
}
#AdviseBanner .content .content-items-right .col-title .color-sub {
  color: #CE858F;
  opacity: 1;
}
#AdviseBanner .content .content-items-right .col-content {
  text-align: left;
  font: normal normal medium 20px/40px "source-han-sans-japanese", sans-serif;
  letter-spacing: 0px;
  color: #3f7eae;
  opacity: 1;
  font-size: 20px;
  margin-top: 40px;
  line-height: 1.5;
  max-width: 600px;
  font-family: "Source Han Sans JP";
}
#AdviseBanner .page-content {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

.col-btn {
  background-color: white;
  border-radius: 40px;
  color: #ce858f;
  padding: 5px;
  padding-left: 25px;
  border: none;
  font-size: 19px;
  font-weight: 600;
  margin-top: 40px;
  position: relative;
  font: normal normal 400 20px/32px Montserrat;
  box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.1607843137);
}
.col-btn img {
  width: 20px;
  height: 20px;
}
.col-btn a {
  display: flex;
  align-items: center;
}
.col-btn .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ce858f;
  right: 10px;
  top: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

.service-btn-col {
  display: flex;
  justify-content: center;
}

.service-btn-mobie {
  display: none !important;
}

#ListServices {
  display: flex;
  justify-content: center;
}
#ListServices .service-link-btn {
  width: 210px !important;
}
#ListServices .ListServices-content .ListServices-title {
  display: flex;
  justify-content: center;
  margin-top: 100px;
  font: normal normal bold 28px/32px "source-han-sans-japanese";
  text-align: center;
  color: #1a1b35;
  opacity: 1;
}
#ListServices .ListServices-content .ListServices-body {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 36px;
}
#ListServices .ListServices-content .ListServices-body .ListServices-item {
  width: 320px;
  margin-right: 56px;
}
#ListServices .ListServices-content .ListServices-body .ListServices-item .number {
  text-align: center;
  color: #97cbe2;
  font: normal normal bold 24px/32px "source-han-sans-japanese", sans-serif;
}
#ListServices .ListServices-content .ListServices-body .ListServices-item .title {
  text-align: center;
  font-weight: 600;
  color: #1a1b35;
  font-size: 20px;
  margin-top: 20px;
  font-family: "source-han-sans-japanese";
}
#ListServices .ListServices-content .ListServices-body .ListServices-item .description {
  font-size: 16px;
  text-align: center;
  color: #1a1b35;
  margin-top: 16px;
  line-height: 1.5;
  font-family: "Source Han Sans JP";
  font-weight: 500;
}
#ListServices .ListServices-content .ListServices-body .ListServices-item .item-image {
  margin-top: 20px;
}

#homePageBody {
  position: relative;
}

#backgroundHomePage::after {
  background-repeat: no-repeat;
  background-position: 106px 35px;
  background-image: url(/wp-content/themes/micado/img/new-homepage/top-page/back04.svg);
  height: 3000px;
  width: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

#AnalyticalService {
  display: flex;
  justify-content: center;
}
#AnalyticalService .row-item-test-1, #AnalyticalService .row-item-test-2 {
  background-image: none;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
  margin-left: auto;
  margin-right: auto;
}
#AnalyticalService .s1_bg {
  background-image: url(/wp-content/themes/micado/img/new-homepage/top-page/s1_bg.svg);
  content: "";
  width: 450px;
  height: 427px;
  position: absolute;
  background-repeat: no-repeat;
  right: 0;
  z-index: -1;
  margin-top: 100px;
}
#AnalyticalService .AnalyticalService-content {
  position: relative;
  margin-left: 20px;
}
#AnalyticalService .AnalyticalService-content .s2_bg {
  background-image: url(/wp-content/themes/micado/img/new-homepage/top-page/s3_bg.svg);
  content: "";
  width: 470px;
  height: 427px;
  position: absolute;
  background-repeat: no-repeat;
  left: 0;
  z-index: -1;
  margin-top: 100px;
}
#AnalyticalService .AnalyticalService-content .s3_bg {
  background-image: url(/wp-content/themes/micado/img/new-homepage/top-page/s4_bg.svg);
  content: "";
  width: 600px;
  height: 600px;
  position: absolute;
  background-repeat: no-repeat;
  right: -40px;
  margin-top: 10px;
}
#AnalyticalService .AnalyticalService-content .item-consulting {
  display: flex;
  flex-direction: row-reverse;
}
#AnalyticalService .AnalyticalService-content .row-item {
  display: flex;
}
#AnalyticalService .AnalyticalService-content .row-item .row-item-left {
  position: relative;
  margin-top: 120px;
}
#AnalyticalService .AnalyticalService-content .row-item .row-item-left .title {
  font-size: 68px;
  font-weight: 600;
  letter-spacing: 2.72px;
  color: #3f7eae;
  margin-bottom: 40px;
  padding-bottom: 15px;
  font-family: "Montserrat";
}
#AnalyticalService .AnalyticalService-content .row-item .row-item-left .sub-title {
  font-size: 20px;
  margin-top: 18px;
  opacity: 1;
  color: #2e4e76;
  font-weight: 600;
  font-family: "source-han-sans-japanese", sans-serif;
}
#AnalyticalService .AnalyticalService-content .row-item .row-item-left .description {
  max-width: 637px;
  font-size: 16px;
  margin-top: 20px;
  letter-spacing: 0.64px;
  color: #2e4e76;
  text-align: justify;
  line-height: 2.5;
  font-family: "Montserrat";
  max-width: 600px;
  font-weight: 600;
}
#AnalyticalService .AnalyticalService-content .row-item .title-consulting {
  margin-top: 160px;
}
#AnalyticalService .AnalyticalService-content .row-item .title-web-application {
  margin-top: 180px;
}
#AnalyticalService .AnalyticalService-content .row-item .title-web-application .sub-title {
  margin-top: 0px !important;
}
#AnalyticalService .AnalyticalService-content .sub-link {
  text-align: center;
  color: red;
  font-size: 12px;
  margin-top: 20px;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox {
  width: 100%;
  background-color: #e6e6ef;
  display: flex;
  justify-content: center;
  margin-top: 80px;
  opacity: 0.8;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox .row-item-test {
  background-image: none;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
  margin-left: auto;
  margin-right: auto;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content {
  padding: 36px 60px;
  width: 95%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content .analy-col .col-item-round {
  color: #2e4e76;
  font-size: 24px;
  text-align: center;
  line-height: 1.5;
  width: 200px;
  height: 200px;
  border: 10px solid #97cbe2;
  border-radius: 50%;
  align-items: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-family: "source-han-sans-japanese", sans-serif;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content .analy-col .col-item-round span {
  font-size: 64px;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content .analy-col {
  margin-right: 60px;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content .analy-col-1 .header-content {
  width: 245px;
  height: 53px;
  text-align: center;
  align-items: center;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #2e4e76;
  font-size: 20px;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content .analy-col-1 .anat-img {
  width: 28px;
  height: 28px;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content .analy-col-1 .body-content {
  color: #2e4e76;
  font-size: 22px;
  margin-top: 10px;
  font-weight: 600;
  font-family: "source-han-sans-japanese", sans-serif;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content .analy-col-1 .body-content span {
  font-size: 40px;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content .analy-col-1 .description {
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
}
#AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content .description {
  color: #2e4e76;
  font-size: 12px;
  font-weight: 600;
  margin-top: 15px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
}
#AnalyticalService .AnalyticalService-content #WepAppService {
  margin-top: 70px;
  margin-bottom: 90px;
}
#AnalyticalService .AnalyticalService-content #WepAppService .webAppBody {
  display: flex;
  justify-content: space-between;
}
#AnalyticalService .AnalyticalService-content #WepAppService .webAppBody .webAppItems {
  position: relative;
  display: flex;
  justify-content: center;
  width: 386px;
  height: 110px;
  background-color: white;
  border-radius: 15px;
  align-items: center;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3215686275);
}
#AnalyticalService .AnalyticalService-content #WepAppService .webAppBody .webAppItems .arrow-icon {
  position: absolute;
  top: 42%;
  right: 16px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 22px solid #CE858F;
  transform: rotate(-90deg);
  opacity: 0.6;
}
#AnalyticalService .AnalyticalService-content #WepAppService .webAppBody .webAppItems .cp-name {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 600;
}
#AnalyticalService .AnalyticalService-content #WepAppService .webAppBody .webAppItems .img-box {
  width: 100%;
  display: flex;
  justify-content: center;
}
#AnalyticalService .AnalyticalService-content #WepAppService .webAppBody .webAppItems img {
  max-width: 240px;
  height: 40px;
  align-items: center;
  margin: 0 auto;
  margin-left: 15px;
}

#caseStudy {
  margin-top: 30px;
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 0.8;
  display: flex;
  justify-content: center;
}
#caseStudy .casestudy-link-btn {
  width: 220px !important;
}
#caseStudy .caseStudy-body {
  width: 80%;
  margin-top: 60px;
}
#caseStudy .caseStudy-body .title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  font-family: "source-han-sans-japanese", sans-serif;
}
#caseStudy .caseStudy-body .description {
  text-align: center;
  margin: 0 auto;
  margin-top: 28px;
  font-size: 16px;
  color: #1a1b35;
  max-width: 616px;
  line-height: 1.8;
  font-weight: 500;
  font-family: "Source Han Sans JP", sans-serif;
}
#caseStudy .caseStudy-body .service-btn {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
#caseStudy .caseStudy-body .caseStudy_img {
  margin: 0 auto;
  margin-top: 10px;
  width: 545px;
  height: 140px;
}
#caseStudy .caseStudy-body .caseStudy_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#MintList {
  margin-top: 100px;
  margin-bottom: 100px;
}
#MintList .mint-link-btn {
  margin-top: 5px !important;
}
#MintList .icon {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #ce858f;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  right: 0;
  /* top: 70%; */
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3215686275);
}

#homePageBody #methodAnaList > .methodAnaList-body > .methodAnaList-item {
  width: calc((100% - 80px) / 4);
}

#methodAnaList, #methodAnaList-serviceMarketing {
  margin-top: 100px;
}
#methodAnaList .methodAnaList-body, #methodAnaList-serviceMarketing .methodAnaList-body {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
#methodAnaList .methodAnaList-body .methodAnaList-item, #methodAnaList-serviceMarketing .methodAnaList-body .methodAnaList-item {
  display: flex;
  width: calc((100% - 80px) / 3);
  aspect-ratio: 57/23;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.1607843137);
  border-radius: 15px;
  align-items: center;
  margin: 0 10px 0;
}
#methodAnaList .methodAnaList-body .methodAnaList-item .img-box, #methodAnaList-serviceMarketing .methodAnaList-body .methodAnaList-item .img-box {
  width: 126px;
  overflow: hidden;
  border-radius: 15px 0 0 15px;
  display: flex;
  align-items: center;
}
#methodAnaList .methodAnaList-body .methodAnaList-item img, #methodAnaList-serviceMarketing .methodAnaList-body .methodAnaList-item img {
  width: 100%;
  object-fit: cover;
}
#methodAnaList .methodAnaList-body .methodAnaList-item .content, #methodAnaList-serviceMarketing .methodAnaList-body .methodAnaList-item .content {
  margin-left: 10px;
}
#methodAnaList .methodAnaList-body .methodAnaList-item .content .title, #methodAnaList-serviceMarketing .methodAnaList-body .methodAnaList-item .content .title {
  font-size: 20px;
  letter-spacing: 0px;
  color: #1a1b35;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}
#methodAnaList .methodAnaList-body .methodAnaList-item .content .text, #methodAnaList-serviceMarketing .methodAnaList-body .methodAnaList-item .content .text {
  color: #1a1b35;
  font-size: 14px;
  margin-top: 10px;
  margin-right: 14px;
  line-height: 1.4;
  font-weight: 600;
  font-family: "Source Han Sans JP", sans-serif;
}

#methodAnaList-serviceMarketing {
  width: 67% !important;
  margin: 0 auto;
  margin-top: 120px;
  margin-bottom: 120px;
}

#mint-list-content .mint-blog-slider .mint-list__prev, #mint-list-content .mint-blog-slider .mint-list__next {
  width: 30px;
  height: 30px;
  background-color: #2774a9;
  z-index: 1;
  opacity: 0;
}
#mint-list-content .mint-blog-slider .mint-list__prev {
  position: absolute !important;
  top: 566px;
  left: 1298px;
  cursor: pointer;
}
#mint-list-content .mint-blog-slider .mint-list__next {
  position: absolute !important;
  top: 564px;
  left: 1404px;
  cursor: pointer;
}
#mint-list-content .icon {
  position: relative !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ce858f;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  top: 40%;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3215686275);
}
#mint-list-content .slick-track {
  display: flex;
}
#mint-list-content .mint-link-btn-mb {
  display: none;
}
#mint-list-content .header-mint {
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  margin-left: 120px;
}
#mint-list-content .header-mint .title {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
#mint-list-content .header-mint .title .span-mint {
  color: #2774a9;
  width: 200px;
  height: 60px;
}
#mint-list-content .header-mint .title .logo-title {
  font-size: 20px;
  margin: 30px 0 0 20px;
}
#mint-list-content .content {
  justify-content: space-between;
  position: relative;
  margin-top: 28px;
  height: 540px;
}
#mint-list-content .content .blog-item {
  display: block !important;
  padding: 16px 10px;
  box-sizing: border-box;
  cursor: pointer;
}
#mint-list-content .content .blog-item .images {
  aspect-ratio: 4/3;
  object-fit: cover;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3215686275);
}
#mint-list-content .content .blog-item .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#mint-list-content .content .blog-item .title {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  text-align: justify;
  line-height: 2;
}
#mint-list-content .content .blog-item .sub-title {
  color: #ce858f;
  margin-top: 10px;
  font-size: 12px;
  text-align: left;
  line-height: 1.5;
}
#mint-list-content .content .blog-item .time {
  margin-top: 15px;
  font-size: 12px;
  color: #1a1b35;
  text-align: left !important;
}
#mint-list-content .content .slick-center {
  width: 400px !important;
}
#mint-list-content .content .slick-center .blog-item {
  width: 400px !important;
}
#mint-list-content .content .slick-center .blog-item .images {
  width: 100% !important;
  height: 308px !important;
}

#paginationPage {
  width: 400px;
  display: flex;
  right: 0px;
  position: absolute;
  justify-content: space-between;
  margin-top: 20px;
  height: 30px;
  align-items: center;
  margin-left: 30px;
  margin-right: 20vw;
  font-family: "source-han-sans-japanese", sans-serif;
}
#paginationPage .title {
  font-size: 22px;
  font-weight: 600;
}
#paginationPage .span {
  font-size: 18px;
  font-weight: 600;
}
#paginationPage .change {
  font-size: 20px;
  font-weight: 800;
  z-index: 0;
  cursor: pointer;
}
#paginationPage .change .number {
  margin-left: 20px;
  margin-right: 20px;
}

.service-btn {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.service-btn button {
  border: none;
  padding: 10px 44px;
  background-color: white;
  color: #ce858f;
  font-size: 16px;
  box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.1607843137);
  border-radius: 24px;
}

#listEBook {
  display: flex;
  justify-content: center;
  width: 83%;
  max-width: 1200px;
  margin: 0 auto;
}
#listEBook .ebook-list__prev {
  height: 100%;
  width: 15%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 25%, rgb(255, 255, 255));
}
#listEBook .icon {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #ce858f;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  right: 17px;
  top: 40%;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3215686275);
}
#listEBook .icon .icon-item {
  width: 12px;
  height: 12px;
  border: 0;
  margin-left: -10px;
  border-bottom: solid 3px white;
  border-left: solid 3px white;
  transform: rotate(-135deg);
}
#listEBook .listEbookContent {
  display: block;
  width: 100%;
  margin: 44px 0 0 0;
}
#listEBook .listEbookContent .content-left {
  width: 100%;
  flex-direction: column;
}
#listEBook .listEbookContent .content-left .group {
  display: flex;
}
#listEBook .listEbookContent .content-left .group .title {
  position: relative;
  width: fit-content;
  margin: 8px 0 0;
  width: 40px;
}
#listEBook .listEbookContent .content-left .group .title-content {
  font-size: 20px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  text-orientation: sideways;
  writing-mode: vertical-rl;
}
#listEBook .listEbookContent .content-left .group .title-content span {
  font-size: 12px;
  letter-spacing: 0.6px;
}
#listEBook .listEbookContent .content-left .group .content {
  overflow: hidden;
  width: calc(100% - 40px);
}
#listEBook .listEbookContent .content-left .group .content .items {
  justify-content: space-between;
}
#listEBook .listEbookContent .content-left .group .content .items .slick-list {
  padding: 0 15% 0 0;
}
#listEBook .listEbookContent .content-left .group .content .items li {
  padding: 8px 10px;
  box-sizing: border-box;
}
#listEBook .listEbookContent .content-left .group .content .items .images {
  width: 180px !important;
  height: 240px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
}
#listEBook .listEbookContent .content-left .group .content .items .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
}
#listEBook .listEbookContent .content-left .mt-27 {
  margin-top: 27px;
}
#listEBook .listEbookContent .content-right {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 75px;
}
#listEBook .listEbookContent .content-right .title {
  position: relative;
  height: 100px;
  width: 210px;
  font-family: "source-han-sans-japanese", sans-serif;
}
#listEBook .listEbookContent .content-right .title-content {
  display: inline-block;
  transform: rotate(90deg);
  font-size: 20px;
  font-weight: 28px !important;
  position: absolute;
  width: 300px;
  margin-top: 150px;
  margin-left: -50px;
}
#listEBook .listEbookContent .content-right .title-content span {
  font-size: 12px;
}
#listEBook .listEbookContent .content-right .body {
  display: flex;
  flex-wrap: wrap;
  margin-left: 120px;
}
#listEBook .listEbookContent .content-right .body .item {
  padding: 0px 24px;
  border: 1px solid #1a1c33;
  border-radius: 40px;
  font-size: 14px;
  height: 36px;
  align-items: center;
  display: flex;
  margin-left: 20px;
  margin-top: 10px;
}

#LineHomePage {
  margin-top: 70px;
  display: flex;
  justify-content: center;
}
#LineHomePage .LineHomePage-content {
  width: 80%;
}
#LineHomePage .LineHomePage-content .lineTop {
  width: 100%;
  height: 2px;
  background-color: black;
}
#LineHomePage .LineHomePage-content .text {
  text-align: center;
  font-size: 20px;
  padding: 24px 0;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}

#listOtherMint {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
#listOtherMint .listOtherMint-content {
  width: 80%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #1a1c33;
  padding-bottom: 30px;
}
#listOtherMint .listOtherMint-content .item {
  width: 33%;
  display: flex;
  justify-content: center;
  border-right: 2px solid #8f8f9e;
}
#listOtherMint .listOtherMint-content .item .icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #2e4e76 0% 0% no-repeat padding-box;
  align-items: center;
  display: flex;
  justify-content: center;
}
#listOtherMint .listOtherMint-content .item .icon img {
  width: 48px;
  height: 48px;
}
#listOtherMint .listOtherMint-content .item .text {
  align-self: center;
  margin-left: 20px;
}
#listOtherMint .listOtherMint-content .item .text .title {
  font-size: 20px;
  font-weight: 600;
  font-family: "source-han-sans-japanese", sans-serif;
}
#listOtherMint .listOtherMint-content .item .text .content {
  margin-top: 10px;
  font-size: 14px;
  margin-top: 12px;
}
#listOtherMint .listOtherMint-content .item:last-child {
  border-right: none;
}

#ServiceImage {
  padding: 100px 0 100px 80px;
  background-color: #fff;
}
#ServiceImage .ServiceImage-content,
#ServiceImage .ServiceImage-first {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
#ServiceImage .ServiceImage-content .image-top,
#ServiceImage .ServiceImage-first .image-top {
  width: 100% !important;
}
#ServiceImage .ServiceImage-content .image-top img,
#ServiceImage .ServiceImage-first .image-top img {
  object-fit: cover;
}
#ServiceImage .ServiceImage-content .image-top .content,
#ServiceImage .ServiceImage-first .image-top .content {
  text-align: center;
}
#ServiceImage .ServiceImage-content .image-top .sub-title,
#ServiceImage .ServiceImage-first .image-top .sub-title {
  margin-top: 15px !important;
}
#ServiceImage .ServiceImage-content .image-top .url,
#ServiceImage .ServiceImage-first .image-top .url {
  margin-top: 20px !important;
}
#ServiceImage .ServiceImage-content .images,
#ServiceImage .ServiceImage-first .images {
  width: 50%;
  height: 280px;
  position: relative;
}
#ServiceImage .ServiceImage-content .images img,
#ServiceImage .ServiceImage-first .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#ServiceImage .ServiceImage-content .images .content,
#ServiceImage .ServiceImage-first .images .content {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
#ServiceImage .ServiceImage-content .images .content:hover,
#ServiceImage .ServiceImage-first .images .content:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
#ServiceImage .ServiceImage-content .images .content .content-body,
#ServiceImage .ServiceImage-first .images .content .content-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  opacity: 1;
}
#ServiceImage .ServiceImage-content .images .content .content-body .title,
#ServiceImage .ServiceImage-first .images .content .content-body .title {
  color: white;
  font-size: 16px;
  font-family: "source-han-sans-japanese", sans-serif;
  letter-spacing: 1.6px;
  opacity: 0.8;
}
#ServiceImage .ServiceImage-content .images .content .content-body .sub-title,
#ServiceImage .ServiceImage-first .images .content .content-body .sub-title {
  margin-top: 20px;
  color: white;
  font-size: 32px;
  letter-spacing: 3.2px;
}
#ServiceImage .ServiceImage-content .images .content .content-body .url,
#ServiceImage .ServiceImage-first .images .content .content-body .url {
  margin-top: 60px;
  font-size: 16px;
  color: white;
  letter-spacing: 1.6px;
  font-family: "source-han-sans-japanese", sans-serif;
  opacity: 0.8;
}
#ServiceImage .ServiceImage-content .images .content .left-content, #ServiceImage .ServiceImage-content .images .content .right-content,
#ServiceImage .ServiceImage-first .images .content .left-content,
#ServiceImage .ServiceImage-first .images .content .right-content {
  padding: 0 15%;
  box-sizing: border-box;
}

.swiper-container {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-left: 100px;
}

.slick-slider {
  text-align: center;
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

#companySwiper {
  margin-top: 40px;
}
#companySwiper .companySwiper-content li {
  margin: 0 50px;
}
#companySwiper .companySwiper-content li .companySwiperImage {
  width: auto;
  height: 46px !important;
}

#confSwiper {
  margin-top: 40px;
}
#confSwiper .confSwiper-content li {
  margin: 0 50px;
}
#confSwiper .confSwiper-content li .confSwiperImage {
  width: auto;
  height: 46px !important;
}

#header-mobie {
  display: none;
}

.ebook-details .header-box {
  display: flex;
  justify-content: space-between;
}
.ebook-details .header-box .diagnosis-left__comment {
  width: 60%;
  border: none;
}
.ebook-details .header-box .content-left-paragraph {
  width: 100%;
}
.ebook-details .header-box .content-left-paragraph .title {
  font-size: 24px;
  font-weight: 800;
  width: 380px;
  line-height: 1.6;
}
.ebook-details .header-box .content-left-paragraph .paragraph-1 {
  margin-top: 20px;
  width: 100%;
}
.ebook-details .header-box .content-left-paragraph .paragraph-1 .paragraph-title {
  font-size: 20px;
  font-weight: 600;
}
.ebook-details .header-box .content-left-paragraph .paragraph-1 .paragraph-content {
  font-size: 16px;
  margin-top: 20px;
  width: 100%;
}
.ebook-details .header-box img {
  width: 210px;
  height: 280px;
}
.ebook-details .box-paragraph-item {
  margin-top: 40px;
}
.ebook-details .box-paragraph-item .title {
  font-size: 20px;
  font-weight: 600;
}
.ebook-details .box-paragraph-item .des {
  font-size: 16px;
  margin-top: 10px;
  line-height: 1.7;
}

#form-register-confirm {
  width: 900px;
  margin: 0 auto;
  padding-top: 200px;
  padding-bottom: 100px;
}
#form-register-confirm .header-form {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
#form-register-confirm .des {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}
#form-register-confirm .body {
  margin-top: 50px;
}
#form-register-confirm .body .form-col {
  width: 100%;
  display: flex;
  margin-top: 30px;
  align-items: center;
}
#form-register-confirm .body .form-col .title {
  width: 20%;
  font-size: 16px;
  color: #2E4E76;
  font-weight: 800;
}
#form-register-confirm .body .form-col .name {
  display: flex;
  width: 80%;
  font-size: 14px;
}
#form-register-confirm .body .form-col .name .last-name {
  margin-left: 20px;
}

#mypage {
  background-color: #F2F2F5;
  margin: 60px 0 0;
  padding: 0 0 170px;
}
#mypage .mypage-inner {
  padding: 40px 0;
  text-align: center;
  background-color: #fff;
}
#mypage .mypage-inner img {
  width: 100px;
  height: 100px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3215686275);
  object-fit: cover;
}
#mypage .mypage-inner p {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 0;
}
#mypage .mypage-inner div {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
}
#mypage .mypage-inner div a {
  border: 1px solid #2E4E76;
  color: #2E4E76;
  display: inline-block;
  margin: 0 16px;
  width: 200px;
  padding: 16px 0;
  border-radius: 4px;
  font-size: 16px;
}
#mypage .mypage-inner div a:first-of-type {
  background-color: #fff;
  color: #2E4E76;
}
#mypage .mypage-inner div a:nth-of-type(2) {
  background-color: #2E4E76;
  color: #fff;
}
#mypage .mypage-inner div a:last-of-type {
  background-color: #2E4E76;
  color: #fff;
}
#mypage .body {
  margin-top: 50px;
  width: 83%;
  max-width: 1200px;
  margin: auto;
}
#mypage .body .items-list {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
#mypage .body .items-list .item {
  height: 212px;
  width: 285px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 4px;
}
#mypage .body .items-list .item span {
  font-size: 16px;
  display: block;
  text-align: center;
}
#mypage .body .items-list .item img {
  width: 28%;
  aspect-ratio: 1/1;
  margin: 40px 0 40px 36%;
}

#form-register-complete {
  width: 83%;
  margin: 0 auto;
  padding-top: 200px;
  padding-bottom: 100px;
  max-width: 1200px;
}
#form-register-complete .header-form {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
}
#form-register-complete .des {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
}
#form-register-complete .body {
  margin-top: 50px;
}
#form-register-complete .body .items-list {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
#form-register-complete .body .items-list .item {
  height: 212px;
  width: calc(25% - 10px);
  max-width: 285px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 4px;
  font-size: 16px;
}
#form-register-complete .body .items-list .item img {
  width: 28%;
  aspect-ratio: 1/1;
  margin: 40px 0 40px 36%;
}
#form-register-complete .body .items-list .item span {
  font-size: 16px;
  text-align: center;
  display: block;
}

@media screen and (max-width: 1800px) {
  #mint-list-content .icon {
    position: relative;
  }
  #mint-list-content .slick-track {
    margin-left: 300px !important;
  }
  #mint-list-content #paginationPage {
    margin-right: 12vw !important;
    margin-top: 25px;
  }
  #mint-list-content .ebook-list__next {
    height: 240px;
    width: 91px;
    position: absolute;
    margin-top: -240px;
    right: 0;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #mint-list-content .icon {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ce858f;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    top: 40%;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3215686275);
  }
  #mint-list-content .icon .icon-item {
    width: 10px;
    height: 10px;
    border: 0;
    margin-left: -6px;
    border-bottom: solid 3px white;
    border-left: solid 3px white;
    transform: rotate(-135deg);
  }
  #listEBook .listEbookContent .content-right {
    margin-top: 90px;
  }
  #listEBook .listEbookContent .content-right .body {
    margin-left: 0 !important;
  }
  #listEBook .listEbookContent .content-right .title {
    margin-left: -20px;
    margin-right: 20px;
  }
  #listEBook .listEbookContent .content-right .title .title-content {
    display: inline-block;
    transform: rotate(90deg);
    font-size: 20px;
    font-weight: 28px !important;
    position: absolute;
    width: 300px;
    margin-top: 152px;
    margin-left: -120px;
  }
}
.blog-header {
  height: 60px;
  background-color: #2E4E76;
  display: flex;
  align-items: center;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  justify-content: space-between;
}
.blog-header .content {
  margin-left: 120px;
  color: #fff;
  font-size: 12px;
}
.blog-header .content span {
  color: #fff;
  font-family: "Montserrat";
  font-size: 30px;
  margin-right: 20px;
}
.blog-header .rightHeader {
  color: white;
  font-size: 16px;
  margin-right: 28px;
}

.diagnosis-right {
  width: calc(50% - 60px);
  opacity: 1;
  position: relative;
}

.diagnosis-right__container-refactor {
  color: black;
}
.diagnosis-right__container-refactor .diagnosis-right__dsc {
  color: black;
}
.diagnosis-right__container-refactor .diagnosis-right__caution {
  color: black;
}

.diagnosis-right__form {
  color: black !important;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 0;
}
.diagnosis-right__form p {
  color: black !important;
  line-height: 1;
}
.diagnosis-right__form .wpcf7-form-control .wpcf7-text .wpcf7-validates-as-required {
  width: 100%;
  box-shadow: 1px 1px 5px #d9d9d9;
  height: 40px;
  padding-left: 15px;
  margin: 8px auto 16px;
}
.diagnosis-right__form .name-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  line-height: 2.5;
}
.diagnosis-right__form .name-box .col-name {
  width: 45% !important;
}
.diagnosis-right__form .wpcf7-submit {
  margin-top: 50px;
  font-family: "Source Han Sans JP", sans-serif;
}

.bg-f25 {
  background-color: #F2F2F5;
  padding-bottom: 60px;
}

.freeservice-seminar img {
  width: 600px;
  height: 450px;
}
.freeservice-seminar .diagnosis-left-content {
  color: #1A1B35;
  text-align: left;
  font-size: 16px !important;
  line-height: 1.8;
  font-weight: 600;
}
.freeservice-seminar .diagnosis-left-content a {
  color: #3F7EAE !important;
  text-decoration: underline;
}
.freeservice-seminar .diagnosis-left-title {
  color: #1A1B35;
  font-size: 24px;
  margin-top: 40px;
  font-weight: 800;
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 3px solid #1A1B35;
}

.diagnosis-right-body {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1607843137);
  border-radius: 4px;
  padding: 40px;
  background-color: white;
}

#video-panel .video-panel-img {
  width: 180px;
  height: 40px;
  z-index: 10;
  position: relative;
}
#video-panel .video-panel-img img {
  width: 100%;
  height: 100%;
}
#video-panel .article-content {
  display: flex;
  justify-content: center;
  margin-top: 100px;
}
#video-panel .video-panel-item {
  width: 720px;
  height: 405px;
  margin: 0 auto;
  cursor: pointer;
  object-fit: cover;
  transition: all 0.5s ease;
}
#video-panel .video-panel-item:hover {
  width: 99vw;
  height: 100vh;
  margin: 0;
  position: absolute;
  transform: translate(0, 0);
  top: 0;
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
  .sidebar-wrap3 .sidebar-wrap3__img .content {
    height: 151px;
    top: -138px;
  }
  #AdviseBanner {
    margin-top: 100px;
  }
  #AdviseBanner .page-content .content {
    margin-left: 0px;
  }
  #companySwiper {
    margin-top: 100px;
  }
  #confSwiper {
    margin-top: 100px;
  }
  #TopPageBanner {
    flex-direction: column;
  }
  #TopPageBanner #left-content .content {
    width: 160%;
  }
  #TopPageBanner #left-content .content .link-box {
    margin-top: 100px;
  }
  #TopPageBanner #left-content .content .link-box .contex .text {
    font-size: 18px;
  }
  #TopPageBanner #left-content .content .banner-content .banner-text {
    font-size: 60px;
  }
  #TopPageBanner #right-content {
    width: 100%;
  }
  #TopPageBanner #right-content .image video {
    border-radius: 0 0 0 25%;
  }
  #ListServices .ListServices-content .ListServices-body {
    justify-content: center;
  }
  #ListServices .ListServices-content .ListServices-body .ListServices-item {
    margin-left: 20px;
    margin-top: 20px;
  }
  #AnalyticalService .AnalyticalService-content {
    width: 90%;
  }
  #AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content {
    width: 50%;
    flex-direction: column;
    align-items: center;
  }
  #AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content .analy-col {
    margin-right: 0;
  }
  #AnalyticalService .AnalyticalService-content #AnalyticalBox .AnalyticalBox-content .analy-col-1 {
    margin-top: 30px;
  }
  #AnalyticalService #WepAppService {
    margin-top: 90px !important;
  }
  #AnalyticalService #WepAppService .webAppBody {
    justify-content: center !important;
    flex-wrap: wrap;
  }
  #AnalyticalService #WepAppService .webAppBody .webAppItems {
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3215686275);
    margin-right: 20px;
    margin-top: 20px;
  }
  #AnalyticalService #WepAppService .webAppBody .webAppItems img {
    margin-left: 15px;
  }
  #methodAnaList .methodAnaList-body {
    justify-content: center;
  }
  #methodAnaList .methodAnaList-body .methodAnaList-item {
    margin-top: 20px;
  }
  #mint-list-content .header-mint {
    flex-wrap: wrap;
    justify-content: center !important;
  }
  #listEBook {
    flex-direction: column;
  }
  #listEBook .listEbookContent {
    margin-top: 20px !important;
  }
  #listEBook .listEbookContent .content-left {
    width: 100%;
    overflow: overlay;
  }
  #listEBook .listEbookContent .content-left .group .title .title-content {
    margin-left: -60px !important;
  }
  #listOtherMint {
    margin-top: 0px;
  }
  #listOtherMint .listOtherMint-content {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
  }
  #listOtherMint .listOtherMint-content .item {
    justify-content: flex-start;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid black;
    padding: 20px 0;
  }
  #listOtherMint .listOtherMint-content .item:nth-child(3) {
    width: 100%;
    border-bottom: none;
  }
  #ServiceImage {
    margin-left: 0px;
  }
  #methodAnaList-serviceMarketing .methodAnaList-body {
    justify-content: center;
  }
  #methodAnaList-serviceMarketing .methodAnaList-body .methodAnaList-item {
    margin-top: 40px;
    margin-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  .sidebar-wrap3 .sidebar-wrap3__img .content {
    height: 151px !important;
  }
  .mint-blog-slider .slick-list {
    padding: 0 13% 0 0;
  }
  #form-register-complete .body .items-list {
    display: block;
  }
  #form-register-complete .body .items-list .item {
    width: 100%;
    height: 212px;
    margin: 20px 0 25px 0;
    display: block;
  }
  #form-register-complete .body .items-list .item span {
    font-size: 16px;
    display: block;
    text-align: center;
  }
  #form-register-complete .body .items-list .item img {
    width: 28%;
    aspect-ratio: 1/1;
    margin: 40px 0 40px;
  }
  #mypage .body {
    width: 72.5%;
  }
  #mypage .body .items-list {
    display: block;
  }
  #mypage .body .items-list .item {
    width: 100%;
    height: 212px;
    margin: 20px 0 25px 0;
    display: block;
  }
  #mypage .body .items-list .item span {
    font-size: 16px;
    display: block;
    text-align: center;
  }
  #mypage .body .items-list .item img {
    width: 28%;
    aspect-ratio: 1/1;
    margin: 40px 0 40px 36%;
  }
  .service-marketing-displaynone {
    display: none;
  }
  .diagnosis-right-body {
    padding: 23px 16px;
  }
  #MintList {
    margin-top: 70px !important;
  }
  #ServiceImage .ServiceImage-content .images-recruit .content .content-body {
    margin-left: 0px !important;
  }
  #video-panel .video-panel-item {
    width: 95%;
    height: 203px;
    margin: 0 auto;
    cursor: pointer;
    object-fit: cover;
    transition: all 1s ease;
  }
  #video-panel .video-panel-item:hover {
    width: 90%;
    height: 203px;
    margin: 0;
    position: relative !important;
    transform: translate(0, 0);
    top: 0;
  }
  #form-register-complete {
    padding-top: 0 !important;
    margin-top: 100px !important;
  }
  #form-register-complete .items-list {
    flex-wrap: wrap;
  }
  #form-register-complete .items-list .item {
    width: 40%;
    height: 100px;
    text-align: center;
    font-size: 14px;
    padding: 10px;
    margin-top: 20px;
  }
  .diagnosis {
    width: 100% !important;
    margin: 0 auto;
    margin-top: 60px;
  }
  .diagnosis .web-diagnosis-left img {
    margin-bottom: 0px;
  }
  .diagnosis .web-diagnosis-left h3 {
    margin: 0px 0 4px 0;
  }
  .diagnosis .web-diagnosis-left h2 {
    margin: 0 0 20px 0;
  }
  .diagnosis .web-diagnosis-left .diagnosis-left__comment {
    display: block;
    position: relative;
  }
  .diagnosis .web-diagnosis-left .diagnosis-left__comment img {
    margin-bottom: 20px;
  }
  .diagnosis .web-diagnosis-left .diagnosis-left__comment div {
    width: 100%;
  }
  .diagnosis .web-diagnosis-left .diagnosis-left__comment div p {
    padding-bottom: 28px;
    font-size: 14px;
  }
  .diagnosis .web-diagnosis-left .diagnosis-left__comment div h4 {
    font-size: 16px;
    position: absolute;
    top: 25px;
    right: 0px;
    width: 58%;
    line-height: 2;
  }
  .diagnosis .web-diagnosis-left .diagnosis-left__dsc p {
    margin-top: 28px;
    font-size: 14px;
  }
  .diagnosis .diagnosis-right-body {
    position: relative !important;
  }
  .diagnosis .diagnosis-left {
    width: 100% !important;
  }
  .diagnosis .diagnosis-left h3 {
    font-size: 12px !important;
    font-weight: 800;
  }
  .diagnosis .diagnosis-left h2 {
    font-size: 16px !important;
    font-weight: 800;
  }
  .diagnosis .diagnosis-left .diagnosis-left-content {
    font-size: 14px !important;
  }
  .diagnosis .diagnosis-left .diagnosis-left-title {
    font-size: 16px !important;
  }
  .diagnosis .diagnosis-right {
    width: 93% !important;
    margin: 0 auto;
    margin-top: 50px;
  }
  .diagnosis .diagnosis-right .diagnosis-right-body {
    padding: 23px 16px;
  }
  .diagnosis .diagnosis-right .diagnosis-right-body .diagnosis-right__dsc {
    font-size: 14px !important;
  }
  .diagnosis .web-diagnosis-right {
    width: 100% !important;
  }
  #paginationPage {
    display: none;
  }
  #header-mobie {
    position: relative;
    display: flex;
    justify-content: center;
    height: 64px;
    align-items: center;
    z-index: 100 !important;
    background-color: white;
    border-bottom: 1px solid white;
  }
  #header-mobie img {
    width: 180px;
    height: 40px;
  }
  #listEBook {
    margin-top: 80px;
    width: 100%;
    padding: 0 0 0 2.5%;
    box-sizing: border-box;
  }
  #listEBook .icon {
    position: absolute;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50%;
    background-color: #ce858f;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3215686275);
  }
  #listEBook .icon .icon-item {
    width: 10px;
    height: 10px;
    border: 0;
    margin-left: -6px;
    border-bottom: solid 3px white;
    border-left: solid 3px white;
    transform: rotate(-135deg);
  }
  #listEBook .listEbookContent .content-right {
    display: none !important;
  }
  #listEBook .listEbookContent .content-left {
    width: 100% !important;
  }
  #listEBook .listEbookContent .content-left .title {
    width: 24px;
  }
  #listEBook .listEbookContent .content-left .title-content {
    font-family: "source-han-sans-japanese", sans-serif;
    letter-spacing: 1px;
  }
  #listEBook .listEbookContent .content-left .title-content span {
    letter-spacing: 0.6px;
  }
  #listEBook .listEbookContent .content-left .group .content .items .slick-list {
    padding: 0 45% 0 0;
  }
  #listEBook .listEbookContent .content-left .group .content .items .images img {
    max-width: inherit;
  }
  #LineHomePage .LineHomePage-content {
    width: 100%;
    margin-left: 16px;
    margin-right: 16px;
  }
  #listOtherMint {
    margin-top: 0;
    margin-left: 6px;
  }
  #listOtherMint .listOtherMint-content {
    width: 95% !important;
  }
  #listOtherMint .listOtherMint-content .content {
    font-size: 12px;
  }
  #listOtherMint .listOtherMint-content .title {
    font-size: 16px;
    font-weight: 600;
  }
  #TopPageBanner {
    display: block !important;
  }
  #TopPageBanner #left-content {
    width: 95%;
    position: relative;
    order: 1;
    margin: 0 auto;
  }
  #TopPageBanner #left-content .content {
    position: relative;
    margin-left: 0px;
    margin-top: 25px;
    width: 100%;
  }
  #TopPageBanner #left-content .header__logo {
    display: none;
  }
  #TopPageBanner #left-content .banner-content {
    margin-top: 20px !important;
  }
  #TopPageBanner #left-content .banner-text {
    font-size: 32px !important;
  }
  #TopPageBanner #left-content .banner-title {
    font-size: 16px !important;
  }
  #TopPageBanner #left-content .banner-stick {
    font-size: 10px !important;
  }
  #TopPageBanner #left-content .link-box {
    width: 93% !important;
    margin: 0 auto;
  }
  #TopPageBanner #left-content .link-box .link-to {
    display: none;
  }
  #TopPageBanner #left-content .link-box .context {
    width: 77% !important;
    letter-spacing: 0.96px;
    font-family: "Montserrat", sans-serif !important;
    line-height: 1.5;
  }
  #TopPageBanner #left-content .link-box .context .time {
    font-size: 14px !important;
  }
  #TopPageBanner #left-content .link-box .context .text {
    font-size: 16px !important;
  }
  #TopPageBanner #left-content .link-group {
    margin-top: 20px;
  }
  #TopPageBanner #left-content .link-group .link-to-sp {
    display: block !important;
    font-size: 14px;
    color: #97CBE2;
    border-bottom: 1px solid #97CBE2;
    font-family: "Montserrat", sans-serif;
    float: right;
    padding-bottom: 10px;
    letter-spacing: 0.56px;
  }
  #TopPageBanner #right-content {
    width: 100%;
    height: 390px;
    z-index: -1;
    order: 2;
  }
  #TopPageBanner #right-content .image {
    top: 0.0003433228px;
    left: 720px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-repeat: no-repeat;
  }
  #TopPageBanner #right-content .image video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 0 0 25%;
  }
  #AdviseBanner .content {
    margin-left: 110px;
  }
  #AdviseBanner .page-content {
    margin-bottom: 40px;
  }
  #AdviseBanner .page-content .content {
    display: block;
    justify-content: space-between;
    margin-top: 0px !important;
    width: 100%;
  }
  #AdviseBanner .page-content .content .content-items {
    width: 100%;
    margin-top: 0px;
  }
  #AdviseBanner .page-content .content .content-items .col-title-left {
    margin-left: -42px;
  }
  #AdviseBanner .page-content .content .content-items .col-line {
    display: none;
  }
  #AdviseBanner .page-content .content .content-items .col-content-left {
    font-size: 20px;
    line-height: 1.5;
    margin-left: -75px;
    margin-right: 48px;
    letter-spacing: 0.4px;
  }
  #AdviseBanner .page-content .content .content-items-right {
    margin-left: 10px;
    margin-top: 100px;
  }
  #AdviseBanner .page-content .content .content-items-right .col-title {
    font-size: 40px;
    margin-left: 75px;
  }
  #AdviseBanner .page-content .content .content-items-right .col-title .color-main {
    color: #CE858F;
    opacity: 0.8;
  }
  #AdviseBanner .page-content .content .content-items-right .col-title .color-sub {
    color: #CE858F;
    opacity: 0.4;
  }
  #AdviseBanner .page-content .content .content-items-right .col-content {
    font-size: 14px;
    font-weight: 600;
    margin-top: 40px;
    margin-left: 12px;
    margin-right: 7px;
  }
  #AdviseBanner .col-btn {
    float: right;
    margin-top: 28px;
    margin-right: 16px;
  }
  #AdviseBanner .col-btn a {
    font-size: 14px;
  }
  #AdviseBanner .col-btn a .icon {
    width: 32px;
    height: 32px;
  }
  #ListServices .ListServices-content .ListServices-title {
    margin-top: 60px !important;
    font-size: 20px !important;
  }
  #ListServices .ListServices-content .title-top {
    justify-content: center !important;
  }
  #ListServices .ListServices-content .ListServices-body {
    margin-top: 0 !important;
  }
  #ListServices .ListServices-content .ListServices-item {
    width: 95% !important;
    margin: 0 auto;
    margin-top: 40px;
  }
  #ListServices .ListServices-content .ListServices-item .title {
    font-size: 16px !important;
    font-family: "source-han-sans-japanese", sans-serif;
  }
  #ListServices .ListServices-content .ListServices-item .description {
    width: 80% !important;
    font-size: 14px !important;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: 500;
    text-align: left !important;
    margin-left: auto;
    margin-right: auto;
  }
  #ListServices .ListServices-content .first-item {
    margin-top: 28px;
  }
  #ListServices .ListServices-content .first-item .title {
    font-size: 16px !important;
    font-family: "source-han-sans-japanese", sans-serif;
  }
  #ListServices .ListServices-content .first-item .description {
    width: 80% !important;
    font-size: 14px !important;
    font-family: "Source Han Sans JP", sans-serif;
    font-weight: 500;
    text-align: left !important;
    margin-left: auto;
    margin-right: auto;
  }
  #ListServices .ListServices-content .service-btn-col .col-btn {
    margin-top: 60px;
    font-size: 16px;
  }
  #ListServices .ListServices-content .service-btn-col .col-btn .icon {
    width: 32px;
    height: 32px;
  }
  #WepAppService {
    margin-top: 40px !important;
    margin-bottom: 10px !important;
  }
  #WepAppService .webAppBody {
    width: 100%;
    display: block !important;
  }
  #WepAppService .webAppBody .webAppItems {
    justify-content: flex-start !important;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3215686275);
    width: 93% !important;
    margin: 0 auto;
    margin-top: 28px;
    padding: 5px;
    position: relative;
  }
  #WepAppService .webAppBody .webAppItems .content .img-box {
    display: block !important;
  }
  #WepAppService .webAppBody .webAppItems .content .cp-name {
    font-size: 14px !important;
    margin-left: 20px;
  }
  #WepAppService .webAppBody .arrow-icon {
    position: absolute;
    top: 42%;
    right: 16px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 22px solid #CE858F;
    transform: rotate(-90deg);
    opacity: 0.6;
  }
  #homePageBody #AnalyticalService .AnalyticalService-content .methodAnaList-item {
    margin: 0 0 40px;
    width: 80%;
  }
  #homePageBody #AnalyticalService .AnalyticalService-content .methodAnaList-item:nth-child(even) {
    margin-left: auto;
  }
  #AnalyticalService {
    margin-top: 40px;
  }
  #AnalyticalService .s1_bg, #AnalyticalService .s2_bg {
    background-image: none;
  }
  #AnalyticalService .AnalyticalService-content {
    margin-left: 0px !important;
  }
  #AnalyticalService .AnalyticalService-content #AnalyticalBox {
    width: 93%;
    margin: 0 auto;
  }
  #AnalyticalService .AnalyticalService-content #methodAnaList {
    margin-top: 25px !important;
  }
  #AnalyticalService .AnalyticalService-content .s2_bg {
    background-image: none;
    width: 0;
    height: 0;
  }
  #AnalyticalService .AnalyticalService-content .s3_bg {
    display: none !important;
  }
  #AnalyticalService .AnalyticalService-content .title-web-application {
    width: 100% !important;
  }
  #AnalyticalService .AnalyticalService-content .row-item {
    margin-right: 16px;
  }
  #AnalyticalService .AnalyticalService-content .methodAnaList-body {
    width: 95%;
    margin: auto;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #AnalyticalService .AnalyticalService-content .methodAnaList-item {
    margin: 0 0 40px;
    width: 80%;
  }
  #AnalyticalService .AnalyticalService-content .methodAnaList-item:nth-child(even) {
    margin-left: auto;
  }
  #AnalyticalService .AnalyticalService-content .mb-30 {
    margin-bottom: 30px;
  }
  #AnalyticalService .AnalyticalService-content .s2_bg::before {
    width: 100%;
    z-index: -1;
  }
  #AnalyticalService .AnalyticalService-content .item-consulting {
    display: block !important;
  }
  #AnalyticalService .AnalyticalService-content .AnalyticalBox-content {
    padding: 0 0 40px 0 !important;
  }
  #AnalyticalService .AnalyticalService-content .AnalyticalBox-content .header-content {
    margin: 0 auto;
    margin-top: 40px;
  }
  #AnalyticalService .AnalyticalService-content .AnalyticalBox-content .body-content {
    text-align: center;
  }
  #AnalyticalService .AnalyticalService-content .row-item-left {
    margin-top: 41px !important;
    margin-left: 45px;
  }
  #AnalyticalService .AnalyticalService-content .row-item-left .row-item-test-1 {
    background-image: url(/wp-content/themes/micado/img/new-homepage/top-page/s1_bg.svg);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-bottom: 116px;
    padding-top: 28px;
    padding-right: 10px;
    margin-left: -30px;
    margin-top: -40px;
  }
  #AnalyticalService .AnalyticalService-content .row-item-left .row-item-test-2 {
    background-image: url(/wp-content/themes/micado/img/new-homepage/top-page/s4_bg.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left calc(100% - 20px);
    padding-bottom: 100px;
    padding-top: 10px;
    margin-left: -110px;
    padding-left: 82px;
    margin-top: -30px;
    margin-right: 30px !important;
  }
  #AnalyticalService .AnalyticalService-content .row-item-left .row-item-test-2 .description {
    margin-top: 12px;
  }
  #AnalyticalService .AnalyticalService-content .row-item-left .title {
    font-size: 32px !important;
    margin-bottom: 18px !important;
    padding-bottom: 0 !important;
    font-family: "Montserrat";
  }
  #AnalyticalService .AnalyticalService-content .row-item-left .ml-30 {
    margin-left: -30px;
  }
  #AnalyticalService .AnalyticalService-content .row-item-left .description {
    font-size: 14px !important;
  }
  #AnalyticalService .AnalyticalService-content .title-web-application {
    margin-top: 100px !important;
    margin-left: 16px;
  }
  #AnalyticalService .AnalyticalService-content .analystical-item {
    margin-bottom: 20px;
  }
  #AnalyticalService .AnalyticalService-content .title-consulting {
    margin-top: 100px !important;
  }
  #AnalyticalService .AnalyticalService-content .analy-col {
    margin-right: 0 !important;
    display: flex;
    justify-content: center;
    margin-top: 40px;
  }
  #AnalyticalBox {
    padding: 0 !important;
    padding-top: 20px;
    margin-top: 0px !important;
  }
  #AnalyticalBox .AnalyticalBox-content {
    display: block !important;
  }
  #left_menu {
    display: none !important;
  }
  #top_menu {
    display: flex;
  }
  #caseStudy {
    background: #F2F2F5 0% 0% no-repeat padding-box;
  }
  #caseStudy .caseStudy-body {
    width: 100%;
  }
  #caseStudy .caseStudy-body .title {
    max-width: 265px;
    margin: auto;
    font-size: 20px;
    font-family: "source-han-sans-japanese", sans-serif;
    line-height: 1.7;
  }
  #caseStudy .caseStudy-body .description {
    width: 100%;
    font-size: 14px;
    font-family: "Source Han Sans JP", sans-serif;
    line-height: 1.7;
    max-width: 361px;
    font-weight: 500;
  }
  #caseStudy .caseStudy-body .service-btn-col .col-btn {
    margin-top: 28px;
  }
  #caseStudy .caseStudy-body .service-btn-col .col-btn a {
    font-size: 14px;
    font-weight: 600;
    font-family: "Montserrat";
    letter-spacing: 0.28px;
  }
  #caseStudy .caseStudy-body .service-btn-col .col-btn a .icon {
    width: 32px;
    height: 32px;
  }
  #caseStudy .caseStudy_img {
    width: 100% !important;
    height: auto;
    margin-top: 28px !important;
    margin-bottom: 40px !important;
    object-fit: fill;
  }
  #mint-list-content .icon {
    position: absolute !important;
    width: 36px;
    height: 36px;
  }
  #mint-list-content .slick-track {
    margin-left: 0 !important;
  }
  #mint-list-content .header-mint {
    width: 100%;
    margin-left: 0px !important;
  }
  #mint-list-content .header-mint .title {
    display: block !important;
    font-size: 14px;
  }
  #mint-list-content .header-mint .title .span-mint {
    color: #2774a9;
    width: 200px;
    height: 60px;
    margin-left: -40px;
  }
  #mint-list-content .header-mint .title .logo-title {
    font-size: 14px;
    margin-top: 10px;
  }
  #mint-list-content .mint-link-btn-pc {
    display: none;
  }
  #mint-list-content .mint-link-btn-mb {
    display: block;
    padding-left: 20px !important;
    padding-right: 10px !important;
  }
  #mint-list-content .mint-link-btn-mb .move-to-mint {
    margin-right: 40px !important;
    font-weight: 600;
  }
  #mint-list-content .mint-link-btn-mb .icon {
    right: 4px !important;
    top: 10% !important;
  }
  #mint-list-content .service-btn {
    justify-content: end;
    margin-top: 10px;
    margin-right: 20px;
  }
  #mint-list-content .service-btn button {
    font-size: 14px;
    padding: 5px 5px 5px 20px;
    text-align: left;
    margin-top: 0;
    font-family: "Montserrat", sans-serif;
  }
  #listOtherMint .listOtherMint-content {
    display: block !important;
  }
  #listOtherMint .listOtherMint-content .item {
    width: 100%;
    border-right: none;
    justify-content: start;
    margin-top: 28px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
  }
  #listOtherMint .listOtherMint-content .item .icon {
    width: 60px;
    height: 60px;
  }
  #listOtherMint .listOtherMint-content .item .icon img {
    width: 28px;
    height: 28px;
  }
  #listOtherMint .listOtherMint-content .item .text {
    margin-left: 28px;
  }
  #listOtherMint .listOtherMint-content .item .text .title {
    font-size: 16px !important;
    font-family: "source-han-sans-japanese", sans-serif;
  }
  #listOtherMint .listOtherMint-content .item .text .content {
    margin-top: 8px;
    font-size: 12px !important;
  }
  #listOtherMint .listOtherMint-content .item:last-child {
    border-bottom: none;
    margin-bottom: -22px;
  }
  #ServiceImage {
    padding-top: 80px;
    padding-bottom: 70px !important;
    margin-top: 60px;
  }
  #ServiceImage .ServiceImage-first {
    display: block !important;
    width: 100%;
  }
  #ServiceImage .ServiceImage-first .images {
    width: 100%;
    height: 180px !important;
    margin-top: 10px;
    margin-bottom: -10px;
  }
  #ServiceImage .ServiceImage-first .image-mb {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #ServiceImage .ServiceImage-first img {
    width: calc(100% - 16px) !important;
    height: 180px;
  }
  #ServiceImage .ServiceImage-first .content {
    width: calc(100% - 16px) !important;
    height: 180px !important;
    margin-top: -180px !important;
  }
  #ServiceImage .ServiceImage-first .content .content-body {
    text-align: right;
    margin-top: 41px !important;
    width: 93% !important;
  }
  #ServiceImage .ServiceImage-first .content .content-body .title {
    font-size: 14px;
    letter-spacing: 1.4px;
    color: #FFFFFF;
    opacity: 0.8;
    font-family: "Montserrat", sans-serif;
  }
  #ServiceImage .ServiceImage-first .content .content-body .sub-title {
    letter-spacing: 2px;
    color: #FFFFFF;
    font-size: 20px !important;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    margin-top: 8px !important;
  }
  #ServiceImage .ServiceImage-first .content .content-body .url {
    margin-top: 24px !important;
    letter-spacing: 1.4px;
    color: #FFFFFF;
    opacity: 0.8;
    font-size: 14px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
  }
  #ServiceImage .ServiceImage-first .content-top-images {
    margin-top: 10px !important;
    margin-left: 39px;
  }
  #ServiceImage .ServiceImage-content {
    display: block !important;
    width: 100%;
    margin-top: 12px;
  }
  #ServiceImage .ServiceImage-content .images {
    width: calc(100% - 20px);
    height: 180px;
    margin-top: 10px !important;
    margin-left: 20px;
  }
  #ServiceImage .ServiceImage-content .images img {
    width: 100%;
  }
  #ServiceImage .ServiceImage-content .images-recruit {
    margin-left: 0;
  }
  #ServiceImage .ServiceImage-content .images-recruit .company-img {
    width: 100% !important;
  }
  #ServiceImage .ServiceImage-content .images-recruit img {
    width: calc(100% - 20px) !important;
  }
  #ServiceImage .ServiceImage-content .images-recruit .content .content-body {
    text-align: right;
    width: 93% !important;
  }
  #ServiceImage .ServiceImage-content .test {
    float: right;
    margin-bottom: 12px;
  }
  #ServiceImage .ServiceImage-content img {
    width: 100% !important;
    height: 180px !important;
  }
  #ServiceImage .ServiceImage-content .content {
    width: 100% !important;
    height: 180px !important;
    margin-top: -180px !important;
  }
  #ServiceImage .ServiceImage-content .content .content-body {
    text-align: right;
    margin-top: 41px !important;
    text-align: left !important;
  }
  #ServiceImage .ServiceImage-content .content .content-body .title {
    font-size: 14px;
    letter-spacing: 1.4px;
    color: #FFFFFF;
    opacity: 0.8;
    font-family: "Montserrat", sans-serif;
  }
  #ServiceImage .ServiceImage-content .content .content-body .sub-title {
    letter-spacing: 2px;
    color: #FFFFFF;
    font-size: 20px !important;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    margin-top: 8px !important;
  }
  #ServiceImage .ServiceImage-content .content .content-body .url {
    margin-top: 24px !important;
    letter-spacing: 1.4px;
    color: #FFFFFF;
    opacity: 0.8;
    font-size: 14px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
  }
  #ServiceImage .ServiceImage-content .content .left-content {
    text-align: left !important;
  }
  #ServiceImage .ServiceImage-content .content .right-content {
    text-align: right !important;
  }
  #ServiceImage .ServiceImage-content .content-top-images {
    margin-top: 10px !important;
  }
  #ServiceImage .ServiceImage-content .content-top-images .content-body {
    width: 93% !important;
  }
  #companySwiper {
    margin-top: 80px;
  }
  #confSwiper {
    margin-top: 80px;
  }
  #menu-open {
    height: 100%;
  }
  #menu-open .header-menu-open {
    display: none;
  }
  #menu-open .header-menu-open-btn-list {
    display: none;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
  }
  #menu-open .header-menu-open-btn-list .login-btn {
    width: calc((100% - 12px) / 2);
    padding: 12px 0;
    line-height: 1.5;
    align-items: center;
    text-align: center;
    display: flex;
    background-color: #fff;
    border: 2px solid #CE858F;
    border-radius: 2px;
  }
  #menu-open .header-menu-open-btn-list .login-btn a {
    width: 100%;
    font-size: 16px;
    color: #CE858F;
    font-weight: 700;
  }
  #menu-open .header-menu-open-btn-list .register-btn {
    width: calc((100% - 12px) / 2);
    padding: 12px 0;
    line-height: 1.5;
    align-items: center;
    text-align: center;
    display: flex;
    background-color: #CE858F;
    border: 2px solid #CE858F;
    border-radius: 2px;
  }
  #menu-open .header-menu-open-btn-list .register-btn a {
    width: 100%;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
  }
  #menu-open .logged-user {
    display: none;
    align-items: center;
    justify-content: space-between;
  }
  #menu-open .logged-user .logout-link {
    color: #fff;
    font-size: 12px;
    width: calc(28% - 20px);
    font-weight: bold;
  }
  #menu-open .logged-user .user-box {
    display: flex;
    align-items: center;
    width: 72%;
    height: 56px;
    align-items: center;
    background-color: #fff;
    border-radius: 30px;
  }
  #menu-open .logged-user .user-box img {
    width: 32px;
    height: 32px;
    margin-left: 10px;
  }
  #menu-open .logged-user .user-box span {
    font-size: 20px;
    color: #2E4E76;
    margin-left: 20px;
  }
  #menu-open .body {
    width: 92%;
    height: 100%;
    margin: auto;
    padding: 70px 0 0;
  }
  #menu-open .body .content {
    width: 100%;
    padding: 0px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #menu-open .body .content .column-col-2 {
    width: 100%;
  }
  #menu-open .body .content .column-col-2 .col-items {
    width: 49%;
    margin: 0;
  }
  #menu-open .body .content .column-col-2 .col-items:first-child {
    margin-right: 0;
    margin: 0;
  }
  #menu-open .body .content .column-col-2 .col-items .col-2-items {
    margin-top: 0;
    margin-bottom: 12px;
  }
  #menu-open .body .content .column-col-2 .col-items .col-2-items .label {
    font-size: 12px;
    letter-spacing: 1px;
  }
  #menu-open .body .content .column-col-2 .col-items .col-2-items .label-first {
    font-size: 16px;
  }
  #menu-open .body .content .column-col-2 .col-items .col-2-items .label-second {
    font-size: 14px;
    margin: 0 0 8px;
  }
  #menu-open .body .content .column-col-2 .col-items .col-2-items .text {
    font-size: 10px;
  }
  #menu-open .body .content .column-col-2 .col-items .col-2-items .text-light {
    font-size: 12px;
  }
  #menu-open .body .content .col-items {
    width: 50%;
    margin: auto;
  }
  #menu-open .body .content .col-items .col-content .contact-btn {
    padding: 12px;
    font-size: 14px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-radius: 32px;
  }
  #menu-open .body .content .col-items .col-content .col-label {
    font-size: 20px;
    margin: 28px 0 0;
  }
  #menu-open .body .content .col-items .col-content .sp-menu-none {
    display: none;
  }
  #menu-open {
    background-color: #3F7EAE;
    width: 100%;
    z-index: 11;
    position: fixed;
    display: none;
  }
  #menu-open.menu-blog-type {
    background-color: #97CBE2;
  }
  #menu-open.menu-blog-type .logged-user {
    display: flex;
  }
  #menu-open.menu-blog-type .header-menu-open-btn-list {
    display: flex;
  }
  #menu-open.active {
    display: block;
  }
  #menu-open .header-menu-open-btn-list {
    display: none;
  }
  #menu-open .header-menu-open {
    width: 70%;
    padding-top: 50px;
    margin: 0 auto;
  }
  #menu-open .header-menu-open img {
    width: 370px;
    height: 95px;
  }
}
#Footer {
  background-color: #2e4e76;
  align-items: center;
}
#Footer .column-col-2 {
  display: flex !important;
  justify-content: space-between;
}
#Footer .column-col-2 .col-items:nth-child(2) {
  margin-right: 0px;
}
#Footer .column-col-2 .col-items:first-child {
  margin-right: 96px;
  margin-bottom: 0;
}
#Footer .content {
  width: 70%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 90px;
}
#Footer .content .col-items .footer_logo {
  width: 316px;
  height: 72px;
}
#Footer .content .contact-btn {
  margin-top: 36px;
  padding: 20px;
  width: 230px;
  border: 1px solid #fff;
  font-size: 20px;
  text-align: center;
  font-weight: 800;
  color: #fff;
  opacity: 1;
  border-radius: 40px;
  display: block;
}
#Footer .content .col-label {
  color: #ffffff;
  margin-top: 10px;
  letter-spacing: 2.4px;
  font: normal normal bold 24px/35px "source-han-sans-japanese", sans-serif;
  margin-top: 35px;
}
#Footer .content .col-content {
  font-size: 15px;
  margin-top: 12px;
  font: normal normal medium 16px/24px "source-han-sans-japanese", sans-serif;
  letter-spacing: 1.6px;
  color: #ffffff;
  line-height: 2;
}
#Footer .content .col-2-items {
  margin-top: 20px;
}
#Footer .content .col-2-items .label {
  color: #fff;
  text-align: left;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  letter-spacing: 2px;
  color: #ffffff;
  opacity: 1;
}
#Footer .content .col-2-items .company-label {
  font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
}
#Footer .content .col-2-items .label-first {
  font-size: 20px;
}
#Footer .content .col-2-items .text {
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal bold 12px/15px Montserrat;
  letter-spacing: 1.2px;
  color: #ffffff;
  opacity: 0.6;
  margin-top: 4px;
}
#Footer .content .col-2-items .text-light {
  text-align: left;
  font: normal normal medium 16px/24px "source-han-sans-japanese", sans-serif;
  letter-spacing: 1.6px;
  color: #ffffff;
  opacity: 0.5;
  font-size: 16px;
  line-height: 1.45;
}
#Footer .copyright-footer {
  text-align: center;
  font-size: 16px;
  margin-top: 172px;
  color: #fff;
  padding-bottom: 20px;
}

.cls-2-footer {
  fill: white !important;
}

#menu-open {
  background-color: #3F7EAE;
  height: 100%;
  width: 100%;
  z-index: 11;
  position: fixed;
  top: 0;
  display: none;
}
#menu-open.menu-blog-type {
  background-color: #97CBE2;
}
#menu-open.active {
  display: block;
  overflow: auto;
}
#menu-open .header-menu-open-btn-list {
  display: none;
}
#menu-open .logged-user {
  display: none;
}
#menu-open .header-menu-open {
  width: 94.4%;
  padding-top: 50px;
  margin: 0 auto;
  max-width: 1360px;
}
#menu-open .header-menu-open img {
  width: 370px;
  height: 95px;
}

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

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

@media screen and (min-width: 768px) and (max-width: 1400px) {
  #Footer .content {
    width: 93% !important;
  }
  #Footer .content .col-items {
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  #Footer {
    background-color: #2e4e76;
  }
  #Footer .content {
    width: 92%;
    display: block;
    text-align: center;
    padding-top: 60px;
  }
  #Footer .content .footer_logo {
    margin: 0 auto;
    width: 176px !important;
    height: 40px !important;
  }
  #Footer .content .contact-btn {
    margin: 0 auto;
    margin-top: 28px;
    font-size: 14px;
    padding: 16px 36px;
    box-sizing: border-box;
    font-family: "source-han-sans-japanese", sans-serif;
    letter-spacing: 1.4px;
    display: inline-block;
    width: fit-content;
  }
  #Footer .content .contact-btn a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1.5;
  }
  #Footer .content .col-label {
    font-size: 20px;
    font-family: "source-han-sans-japanese", sans-serif;
    letter-spacing: 2px;
    margin-top: 24px;
  }
  #Footer .content .tokyo-label {
    font-family: Montserrat;
    margin-top: 40px;
  }
  #Footer .content .okinawa-label {
    font-size: 20px;
    letter-spacing: 2px;
    font-family: "source-han-sans-japanese", sans-serif;
  }
  #Footer .content .col-content {
    margin-top: 12px;
    text-align: left;
    letter-spacing: 1.6px;
    font-family: "Source Han Sans JP", sans-serif;
    width: 75%;
    margin: auto;
  }
  #Footer .content .okinawa-content {
    font-family: "Source Han Sans JP medium", sans-serif;
    font-size: 16px;
    line-height: 1.5;
  }
  #Footer .column-col-2 {
    margin-top: 30px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-align: left;
  }
  #Footer .column-col-2 .col-items {
    margin-right: 0;
    width: 48%;
  }
  #Footer .column-col-2 .col-items:first-child {
    margin-right: 0;
  }
  #Footer .column-col-2 .col-items .text {
    font-size: 10px !important;
    opacity: 0.6 !important;
  }
  #Footer .column-col-2 .col-items .sub-label {
    font-size: 12px !important;
    letter-spacing: 1.2px !important;
  }
  #Footer .column-col-2 .col-items .lp-label {
    letter-spacing: 1.4px !important;
  }
  #Footer .column-col-2 .col-items .pt-5 {
    padding-top: 5px;
  }
  #Footer .column-col-2 .col-items .fs-12 {
    font-size: 12px !important;
  }
  #Footer .column-col-2 .col-2-items {
    margin: 0 0 24px;
  }
  #Footer .column-col-2 .col-2-items .label-micado {
    font-family: "source-han-sans-japanese", sans-serif !important;
    margin-top: 4px !important;
    letter-spacing: 1.2px !important;
    font-size: 12px !important;
  }
  #Footer .column-col-2 .col-2-items .company-label {
    font-size: 16px !important;
  }
  #Footer .column-col-2 .col-2-items .text-light {
    font-size: 12px;
  }
  #Footer .column-col-2 .col-2-items .label {
    font-size: 12px;
  }
  #Footer .column-col-2 .col-2-items .label-first {
    font-size: 16px;
  }
  #Footer .column-col-2 .col-2-items .label-second {
    font-size: 14px;
    margin: 0 0 8px;
  }
  #Footer .column-col-2 .mt-12 {
    margin-top: 12px !important;
  }
  #Footer .column-col-2 .mt-24 {
    margin-top: 24px !important;
  }
  #Footer .column-col-2 .mt-4 {
    margin-top: 4px !important;
  }
  #Footer .column-col-2 .item-contact {
    margin-top: 5px !important;
  }
  #Footer .copyright-footer {
    margin-top: 60px !important;
    letter-spacing: 0.8px !important;
    font-size: 10px !important;
    font-family: "Source Han Sans JP medium", sans-serif !important;
  }
}
.mint-mainv__center {
  padding: 0;
}

.latest-web-url {
  width: 83%;
  margin: 0 auto;
}

#Mint-search {
  width: 83%;
  max-width: 1200px;
  margin: auto;
  position: absolute;
  background: white 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  opacity: 1;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
}
#Mint-search .mint-search__1 {
  display: flex;
  margin: auto;
  width: 448px;
  align-items: center;
  justify-content: flex-start;
  border-right: 1px solid #2e4e76;
  padding: 16px 60px 16px 32px;
  box-sizing: border-box;
}
#Mint-search .mint-search__1 .logo {
  min-width: 84px;
  height: auto;
  color: #2774a9;
}
#Mint-search .mint-search__1 .blog-search-text {
  font-size: 12px;
  width: calc(100% - 84px);
  color: #2E4E76;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 8px 0 0 12px;
  box-sizing: border-box;
}
#Mint-search .mint-search__2 {
  width: calc(100% - 448px);
  padding: 8px 16px;
  box-sizing: border-box;
}
#Mint-search .mint-search__2 button {
  position: absolute;
  width: 44px;
  height: 44px;
  transform: translate(-44px, 0);
  background: var(--unnamed-color-ce858f) 0% 0% no-repeat padding-box;
  background: #ce858f 0% 0% no-repeat padding-box;
  border-radius: 8px;
  border: none;
}
#Mint-search .mint-search__2 button img {
  width: 24px;
  height: 24px;
}
#Mint-search .mint-search__2 .searchandfilter ul {
  width: 100%;
  position: relative;
  margin: 0;
}
#Mint-search .mint-search__2 .searchandfilter ul li {
  width: 100%;
  padding: 0;
}
#Mint-search .mint-search__2 .searchandfilter ul li input {
  width: 100%;
  padding: 0 0 0 30px;
  box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 8px;
  height: 44px;
  box-sizing: border-box;
  outline: none;
}
#Mint-search .mint-search__2 .searchandfilter ul li:last-of-type {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
}
#Mint-search .mint-search__2 .searchandfilter ul li:last-of-type input {
  width: 100%;
  height: 100%;
  background-color: #ce858f;
  border-radius: 8px;
  padding: 0;
  cursor: pointer;
  background-image: url("/wp-content/themes/micado/img/new-homepage/icon/search_icon.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}

.blog-latest-header {
  background-color: #e6e6ef;
  border-radius: 0px 0px 60px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px 0 40px;
}
.blog-latest-header .content {
  margin: 25px 0 0;
}
.blog-latest-header .title {
  text-align: center;
  font: normal normal bold 24px/35px "source-han-sans-japanese", sans-serif;
  letter-spacing: 2.4px;
  color: #1a1b35;
  opacity: 1;
}
.blog-latest-header .description {
  width: 720px;
  font: normal normal bold 14px/35px "source-han-sans-japanese", sans-serif;
  margin-top: 20px;
}
.blog-latest-header .description p {
  font-size: 14px !important;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .mint-mainv__center {
    margin: unset;
  }
  .latest-web-url {
    width: 93%;
    margin: 0 0 0 20px;
  }
  #Mint-search {
    padding: 20px 0;
    width: 100%;
    position: unset;
    display: block;
    transform: none;
  }
  #Mint-search .mint-search__1 {
    padding: 0;
    display: flex;
    float: none;
    width: 92%;
    margin: auto;
    margin-bottom: 13px;
    border: none;
  }
  #Mint-search .mint-search__1 .logo img {
    width: 84px;
    height: 28px;
    max-width: unset;
  }
  #Mint-search .mint-search__1 .des {
    font-size: 10px;
  }
  #Mint-search .mint-search__1 .blog-search-text {
    font-size: 12px;
    text-align: right;
    width: -webkit-fill-available;
    line-height: 25px;
    color: #2E4E76;
  }
  #Mint-search .mint-search__2 {
    padding: 0;
    float: unset;
    margin: auto;
    width: 92%;
    display: flex;
    position: relative;
  }
  #Mint-search .mint-search__2 form {
    width: 100%;
  }
  #Mint-search .mint-search__2 input {
    width: 100%;
  }
  #Mint-search .mint-search__2 .btn-search-header {
    position: absolute;
    right: 0;
    transform: unset;
    width: 44px;
    height: 44px;
  }
  .blog-latest-header {
    padding: 24px 0 24px;
    border-radius: 0px 0px 20px 0px;
  }
  .blog-latest-header .title {
    font: normal normal bold 20px/32px "source-han-sans-japanese", sans-serif;
  }
  .blog-latest-header .description {
    width: 100%;
    margin-top: 75px;
  }
}
.mint-header {
  width: 100%;
  height: 60px;
  background-color: #2e4e76;
  position: absolute;
  top: 0;
}

.box-banner-blog {
  display: none;
}

.mint-banner {
  width: 83%;
  max-width: 1200px;
  margin: 55px auto 0;
  display: flex;
  justify-content: space-between;
}
.mint-banner__bg {
  padding: 60px 0;
  background-color: #E6E6EF;
}
.mint-banner .mint-banner__left {
  position: relative;
  width: calc((100% - 42px) / 2);
  aspect-ratio: 8/7;
  margin: 0 2px 0 0;
}
.mint-banner .mint-banner__left img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.mint-banner .mint-banner__left .run-slide-blog-pc {
  width: 100%;
  max-width: 640px;
  height: 100%;
  position: relative;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .item-banner-blog {
  height: 100%;
  position: relative;
  cursor: pointer;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .item-banner-blog .lock-icon {
  position: absolute;
  top: 10px;
  right: 60px;
  color: #def2b3;
  width: 34px;
  height: 34px;
  opacity: 1;
  border-left: 0;
  border-top: 0;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.3215686275));
}
.mint-banner .mint-banner__left .run-slide-blog-pc .block-item__prev {
  position: absolute;
  top: 50%;
  left: 40px;
  width: 48px;
  height: 48px;
  transition: 0.2s;
  z-index: 9;
  cursor: pointer;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .block-item__prev::before {
  content: "";
  position: absolute;
  font-size: 24px;
  width: 25px;
  height: 25px;
  border: 0;
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;
  transform: rotate(-135deg);
  color: white;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .blog-item__next {
  position: absolute;
  top: 50%;
  width: 48px;
  height: 48px;
  transition: 0.2s;
  z-index: 9;
  right: 40px;
  cursor: pointer;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .blog-item__next::before {
  content: "";
  position: absolute;
  font-size: 24px;
  width: 25px;
  height: 25px;
  border: 0;
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;
  transform: rotate(45deg);
  right: 20px;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .slick-list {
  height: 100%;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .slick-list .slick-track {
  height: 100%;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .slick-list .slick-track .slick-slide {
  height: 100%;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .slick-list .slick-track .slick-slide > div {
  height: 100%;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .slick-dots {
  bottom: 10px;
  right: 34%;
  z-index: unset;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
  opacity: 0.4;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .slick-dots li button:before {
  opacity: 1;
}
.mint-banner .mint-banner__left .run-slide-blog-pc .slick-dots .slick-active button {
  background: white;
  color: white;
  opacity: 1;
}
.mint-banner .mint-banner__left .banner {
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
}
.mint-banner .mint-banner__left .banner .banner-info .title {
  position: absolute;
  top: 20px;
  left: 20px;
}
.mint-banner .mint-banner__left .banner .banner-info .title .title__main {
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal 600 24px/36px Montserrat;
  letter-spacing: 1.2px;
  color: #ffffff;
  text-transform: uppercase;
}
.mint-banner .mint-banner__left .banner .banner-info .title .title__sub {
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal bold 16px/36px "source-han-sans-japanese", sans-serif;
  letter-spacing: 0.8px;
  color: #ffffff;
  text-transform: uppercase;
}
.mint-banner .mint-banner__left .banner .banner-info .category-group-info {
  position: absolute;
  bottom: 68px;
  padding: 0 20px;
  box-sizing: border-box;
}
.mint-banner .mint-banner__left .banner .banner-info .category-group-info .category-info {
  display: flex;
}
.mint-banner .mint-banner__left .banner .banner-info .category-group-info .category-info .category-name,
.mint-banner .mint-banner__left .banner .banner-info .category-group-info .category-info .category-time {
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal bold 16px/36px "source-han-sans-japanese", sans-serif;
  letter-spacing: 0.8px;
  color: #ffffff;
  opacity: 0.8;
}
.mint-banner .mint-banner__left .banner .banner-info .category-group-info .category-info .category-time {
  margin-left: 43px;
}
.mint-banner .mint-banner__left .banner .banner-info .category-group-info .category-detail {
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal bold 23px/36px "source-han-sans-japanese", sans-serif;
  letter-spacing: 1.2px;
  color: #ffffff;
  opacity: 1;
  max-width: 600px;
  margin-left: 10px;
  margin-top: 10px;
}
.mint-banner .mint-banner__right {
  width: calc((100% - 42px) / 2);
}
.mint-banner .mint-banner__right img {
  height: 289px;
  object-fit: cover;
}
.mint-banner .mint-banner__right .right-top {
  position: relative;
  aspect-ratio: 2/1;
}
.mint-banner .mint-banner__right .right-top .group-right-top {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.mint-banner .mint-banner__right .right-top .group-right-top img {
  height: calc(100% - 4px);
  width: 100%;
  border-left: 3px solid white;
  border-top: 3px solid white;
}
.mint-banner .mint-banner__right .right-top .group-right-top .lock-icon {
  position: absolute;
  top: 10px;
  right: 60px;
  color: #def2b3;
  width: 34px;
  height: 34px;
  opacity: 1;
  border-left: 0;
  border-top: 0;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.3215686275));
}
.mint-banner .mint-banner__right .right-top .group-right-top .category-group-info {
  position: absolute;
  bottom: 0;
  padding: 20px;
}
.mint-banner .mint-banner__right .right-top .group-right-top .category-group-info .category-info {
  display: flex;
}
.mint-banner .mint-banner__right .right-top .group-right-top .category-group-info .category-info .category-name,
.mint-banner .mint-banner__right .right-top .group-right-top .category-group-info .category-info .category-time {
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal bold 12px/36px "source-han-sans-japanese", sans-serif;
  letter-spacing: 0.6px;
  color: #ffffff;
  opacity: 0.8;
}
.mint-banner .mint-banner__right .right-top .group-right-top .category-group-info .category-info .category-time {
  margin-left: 43px;
}
.mint-banner .mint-banner__right .right-top .group-right-top .category-group-info .category-detail {
  color: #ffffff;
  text-align: left;
  font: normal normal bold 20px/36px "source-han-sans-japanese", sans-serif;
  letter-spacing: 1px;
}
.mint-banner .mint-banner__right .right-bottom {
  aspect-ratio: 2/1;
  position: relative;
  margin: 2px 0 0 0;
}
.mint-banner .mint-banner__right .right-bottom .group-right-bottom {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.mint-banner .mint-banner__right .right-bottom .group-right-bottom img {
  width: 100%;
  border-left: 3px solid white;
  border-top: 3px solid white;
}
.mint-banner .mint-banner__right .right-bottom .group-right-bottom .lock-icon {
  position: absolute;
  top: 10px;
  right: 60px;
  color: #def2b3;
  width: 34px;
  height: 34px;
  opacity: 1;
  border-left: 0;
  border-top: 0;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.3215686275));
}
.mint-banner .mint-banner__right .right-bottom .group-right-bottom .category-group-info {
  position: absolute;
  bottom: 0;
  padding: 20px;
}
.mint-banner .mint-banner__right .right-bottom .group-right-bottom .category-group-info .category-info {
  display: flex;
}
.mint-banner .mint-banner__right .right-bottom .group-right-bottom .category-group-info .category-info .category-name,
.mint-banner .mint-banner__right .right-bottom .group-right-bottom .category-group-info .category-info .category-time {
  color: var(--unnamed-color-ffffff);
  text-align: left;
  font: normal normal bold 12px/36px "source-han-sans-japanese", sans-serif;
  letter-spacing: 0.6px;
  color: #ffffff;
  opacity: 0.8;
}
.mint-banner .mint-banner__right .right-bottom .group-right-bottom .category-group-info .category-info .category-time {
  margin-left: 43px;
}
.mint-banner .mint-banner__right .right-bottom .group-right-bottom .category-group-info .category-detail {
  color: #ffffff;
  text-align: left;
  font: normal normal bold 20px/36px "source-han-sans-japanese", sans-serif;
  letter-spacing: 1px;
  margin-right: 69px;
}

@media screen and (max-width: 768px) {
  .mint-banner__bg {
    padding: 0;
  }
  .mint-banner__bg .mint-banner {
    width: 93%;
    margin: 0 auto;
    flex-direction: column;
  }
  .mint-banner__bg .mint-banner .box-size-count {
    writing-mode: inherit;
    text-orientation: inherit;
    width: 100%;
    padding: 0;
    margin: 20px 0;
    font-size: 14px;
  }
  .mint-banner__bg .mint-banner .box-size-count .count-up {
    font-size: 24px;
    display: inline-block;
    margin: 0 4px;
  }
  .mint-banner__bg .mint-banner .mint-banner__left {
    width: 100%;
  }
  .mint-banner__bg .mint-banner .mint-banner__left .run-slide-blog-pc {
    height: inherit;
  }
  .mint-banner__bg .mint-banner .mint-banner__left .run-slide-blog-pc .item-banner-blog {
    aspect-ratio: 4/3;
  }
  .mint-banner__bg .mint-banner .mint-banner__left .run-slide-blog-pc .item-banner-blog .banner > a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .mint-banner__bg .mint-banner .mint-banner__left .run-slide-blog-pc .item-banner-blog .banner > a .banner-info {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .mint-banner__bg .mint-banner .mint-banner__left .run-slide-blog-pc .item-banner-blog .banner > a .banner-info .title {
    top: 16px;
    left: 16px;
  }
  .mint-banner__bg .mint-banner .mint-banner__left .run-slide-blog-pc .item-banner-blog .banner > a .banner-info .title .title__main {
    font-size: 16px;
    line-height: 1;
  }
  .mint-banner__bg .mint-banner .mint-banner__left .run-slide-blog-pc .item-banner-blog .banner > a .banner-info .title .title__sub {
    font-size: 14px;
    line-height: 1;
    margin: 8px 0 0;
  }
  .mint-banner__bg .mint-banner .mint-banner__left .run-slide-blog-pc .item-banner-blog .banner > a .banner-info .category-group-info {
    padding: 16px;
    bottom: 0;
  }
  .mint-banner__bg .mint-banner .mint-banner__left .run-slide-blog-pc .item-banner-blog .banner > a .banner-info .category-group-info .category-info .category-name, .mint-banner__bg .mint-banner .mint-banner__left .run-slide-blog-pc .item-banner-blog .banner > a .banner-info .category-group-info .category-info .category-time {
    font-size: 12px;
  }
  .mint-banner__bg .mint-banner .mint-banner__left .run-slide-blog-pc .item-banner-blog .banner > a .banner-info .category-group-info .category-detail {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
  }
  .mint-banner__bg .mint-banner .mint-banner__right {
    display: none;
  }
  .box-banner-blog {
    display: block;
    background: #E6E6EF;
  }
  .box-banner-blog .title-banner-blog {
    padding: 0 16px;
    color: #2E4E76;
    font-family: "source-han-sans-japanese", sans-serif;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
  }
  .box-banner-blog .title-banner-blog .publish-blog {
    margin: 30px 12px 0 0;
    letter-spacing: 0.7px;
    font-size: 14px;
  }
  .box-banner-blog .title-banner-blog .number-publish-blog {
    letter-spacing: 1.2px;
    font-size: 24px;
    margin-right: 12px;
  }
  .box-banner-blog .title-banner-blog .unit-publish-blog {
    font-size: 14px;
    letter-spacing: 0.7px;
  }
  .box-banner-blog .slider-banner-blog {
    padding: 16px;
    margin: 13px 0 0 0;
    width: 92%;
    height: 260px;
    max-height: 260px;
  }
  .box-banner-blog .slider-banner-blog .item-banner-blog {
    position: relative;
    margin-bottom: 15px;
  }
  .box-banner-blog .slider-banner-blog .item-banner-blog img {
    height: 221px;
    width: 100%;
    max-height: 221px;
  }
  .box-banner-blog .slider-banner-blog .item-banner-blog .banner {
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
  }
  .box-banner-blog .slider-banner-blog .item-banner-blog .banner .banner-info .title {
    transform: translate(20px, 20px);
    position: relative;
  }
  .box-banner-blog .slider-banner-blog .item-banner-blog .banner .banner-info .title .lock-icon {
    display: none;
    position: absolute;
    top: 10px;
    right: 60px;
    color: #def2b3;
    width: 16px;
    height: 20px;
    opacity: 1;
    border-left: 0;
    border-top: 0;
    top: -25px;
    filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.3215686275));
    z-index: 1;
  }
  .box-banner-blog .slider-banner-blog .item-banner-blog .banner .banner-info .title .title__main {
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal 600 24px/36px Montserrat;
    letter-spacing: 1.2px;
    color: #ffffff;
    text-transform: uppercase;
  }
  .box-banner-blog .slider-banner-blog .item-banner-blog .banner .banner-info .title .title__sub {
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal bold 16px/36px "source-han-sans-japanese", sans-serif;
    letter-spacing: 0.8px;
    color: #ffffff;
    text-transform: uppercase;
  }
  .box-banner-blog .slider-banner-blog .item-banner-blog .banner .banner-info .category-group-info {
    transform: translate(20px, 300px);
  }
  .box-banner-blog .slider-banner-blog .item-banner-blog .banner .banner-info .category-group-info .category-info {
    display: flex;
  }
  .box-banner-blog .slider-banner-blog .item-banner-blog .banner .banner-info .category-group-info .category-info .category-name,
  .box-banner-blog .slider-banner-blog .item-banner-blog .banner .banner-info .category-group-info .category-info .category-time {
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal bold 16px/36px "source-han-sans-japanese", sans-serif;
    letter-spacing: 0.8px;
    color: #ffffff;
    opacity: 0.8;
  }
  .box-banner-blog .slider-banner-blog .item-banner-blog .banner .banner-info .category-group-info .category-info .category-time {
    margin-left: 43px;
  }
  .box-banner-blog .slider-banner-blog .item-banner-blog .banner .banner-info .category-group-info .category-detail {
    color: var(--unnamed-color-ffffff);
    text-align: left;
    font: normal normal bold 23px/36px "source-han-sans-japanese", sans-serif;
    letter-spacing: 1.2px;
    color: #ffffff;
    opacity: 1;
    margin-left: 10px;
    margin-top: 10px;
  }
  .box-banner-blog .slider-banner-blog .slick-dots {
    position: unset;
  }
  .box-banner-blog .slider-banner-blog .slick-dots li button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2E4E76;
    opacity: 0.4;
  }
  .box-banner-blog .slider-banner-blog .slick-dots li button:before {
    opacity: 1;
  }
  .box-banner-blog .slider-banner-blog .slick-dots .slick-active button {
    opacity: 1;
  }
}
.group-content {
  display: flex;
  justify-content: flex-end;
}
.group-content .check-all-content {
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.1607843137);
  border-radius: 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 6px;
}
.group-content .check-all-content .text {
  color: var(--unnamed-color-ce858f);
  text-align: left;
  font: normal normal 600 20px/32px Montserrat;
  letter-spacing: 0px;
  color: #ce858f;
  opacity: 1;
  margin-left: 18px;
}
.group-content .check-all-content .img {
  background-color: #ce858f;
  border-radius: 50%;
  margin-left: 12px;
}
.group-content .check-all-content .img img {
  width: 20px;
  height: 20px;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  .mint-maincleft__new--posts___postLink {
    display: block !important;
  }
  .mint-maincleft__new--posts___postLink .mint-maincleft__new--posts___postImg {
    width: 100%;
    height: 223px;
  }
  .mint-maincleft__new--posts___postLink .mint-maincleft__new--posts___postDescFlex {
    display: flex;
    justify-content: space-between;
  }
  .mint-maincleft__new--posts___postLink .mint-maincleft__new--posts___postDesc {
    margin-top: 30px;
    width: 100% !important;
  }
  .mint-maincleft__new--posts___postLink .mint-maincleft__new--posts___postDesc .mint-maincleft__new--posts___postDescTitle {
    font-size: 16px;
    font-weight: 800;
  }
  .sidebar {
    width: 100% !important;
    margin-top: 100px;
    max-width: 100% !important;
  }
  .sidebar .sidebar-wrap3 {
    margin: 20px 0;
  }
  .article-tags {
    display: block !important;
  }
  .sidebar-wrap-form {
    width: 100% !important;
  }
}
.ebook-item__ebook {
  width: 100%;
}
.ebook-item__ebook .ebook-item__prev {
  position: absolute;
  top: 42%;
  left: 40px;
  border-radius: 50%;
  background-color: #ce858f;
  width: 48px;
  height: 48px;
  transition: 0.2s;
  z-index: 9;
  cursor: pointer;
}
.ebook-item__ebook .ebook-item__prev::before {
  content: "";
  position: absolute;
  font-size: 24px;
  padding: 5px;
  top: 32%;
  border: 0;
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;
  transform: rotate(-135deg);
  margin-left: 50px;
  margin-bottom: 16px;
  color: white;
}
.ebook-item__ebook .ebook-item__next {
  position: absolute;
  border-radius: 50%;
  background-color: #ce858f;
  width: 48px;
  height: 48px;
  transition: 0.2s;
  z-index: 9;
  right: 40px;
  cursor: pointer;
  bottom: 42%;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3215686275);
}
.ebook-item__ebook .ebook-item__next::before {
  content: "";
  position: absolute;
  font-size: 24px;
  padding: 5px;
  border: 0;
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;
  transform: rotate(45deg);
  right: 17px;
  top: 32%;
}
.ebook-item__ebook .group-content {
  display: flex;
  justify-content: flex-end;
}
.ebook-item__ebook .group-content .check-all-content {
  max-width: 276.55px;
  margin-top: 32px;
}

@media screen and (max-width: 768px) {
  .group-content {
    display: flex;
    justify-content: flex-end;
    margin-top: 0 !important;
  }
  .group-content .check-all-content {
    display: none;
  }
}
.sidebar-wrap3 .sidebar-wrap3__img {
  position: relative;
  display: block;
}
.sidebar-wrap3 .sidebar-wrap3__img img {
  width: 100%;
}
.sidebar-wrap3 .sidebar-wrap3__img .content {
  position: absolute;
  width: 100%;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
}
.sidebar-wrap3 .sidebar-wrap3__img .content .text {
  margin-top: 52px;
  margin-left: 20px;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  max-width: 160px;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.sidebar-wrap-form {
  height: 140px;
  background: var(--unnamed-color-ce858f) 0% 0% no-repeat padding-box;
  background: #CE858F 0% 0% no-repeat padding-box;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}
.sidebar-wrap-form .sidebar-wrap-form__title {
  color: var(--unnamed-color-ffffff);
  font: normal normal medium 12px/24px "source-han-sans-japanese", sans-serif;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-top: 20px;
}
.sidebar-wrap-form .sidebar-wrap-form__description {
  color: var(--unnamed-color-ffffff);
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-top: 4px;
}
.sidebar-wrap-form .group-submit {
  margin-top: 12px;
}
.sidebar-wrap-form .group-submit .sidebar-wrap-input {
  padding: 8px 12px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 4px;
  width: 90%;
  display: none;
}
.sidebar-wrap-form .group-submit .sidebar-wrap-btn {
  padding: 2px 89px;
  background: #2E4E76 0% 0% no-repeat padding-box;
  border: 0;
  border-radius: 8px;
  margin-top: 12px;
  font: normal normal bold 14px/32px "source-han-sans-japanese", sans-serif;
  letter-spacing: 0.7px;
  color: #FFFFFF;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .group-submit {
    width: 89%;
  }
  .group-submit div .sidebar-wrap-input {
    width: 100%;
  }
  .group-submit .sidebar-wrap-btn {
    width: 100%;
  }
  .sidebar-wrap-form {
    height: 138px;
  }
}
#pageHeader {
  width: 100%;
  background: linear-gradient(90deg, rgb(151, 203, 226) 50%, rgb(255, 255, 255) 50%);
}
#pageHeader .page-header-content {
  width: 83%;
  max-width: 1200px;
  margin: auto;
  height: 100%;
  background-color: #97cbe2;
  border-radius: 0px 0px 60px 0px;
}
#pageHeader .header-logo-child {
  padding-top: 24.58px;
}
#pageHeader .page-heaer-body {
  margin: 0 auto;
  padding: 20px 60px 0 0;
  box-sizing: border-box;
}
#pageHeader .page-heaer-body .header-logo {
  width: 180px;
  height: 42px;
}
#pageHeader .page-heaer-body .header-logo img {
  width: 100%;
  height: 100%;
}
#pageHeader .page-header-middle {
  display: flex;
  margin-top: 40px;
  justify-content: space-between;
}
#pageHeader .page-header-middle .page-name {
  color: white;
  font-weight: 600;
}
#pageHeader .page-header-middle .page-name .page-des {
  margin-top: 60px;
  font-size: 20px;
}
#pageHeader .page-header-middle .page-name .page-name-text {
  font-size: 60px;
  margin-top: 30px;
  margin-bottom: 50px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
#pageHeader .page-header-middle .page-name .page-name-text2 {
  font-size: 32px;
  margin-top: 30px;
  margin-bottom: 50px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
#pageHeader .page-header-middle .page-name .page-name-text-child {
  font-size: 32px;
  margin-top: 30px;
  margin-bottom: 50px;
}
#pageHeader .page-header-middle .page-name .page-des-child {
  margin-top: 60px;
  font-size: 20px;
}
#pageHeader .page-header-middle .page-detail {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  line-height: 1.15;
}
#pageHeader .page-header-middle .page-detail .col-1 {
  margin-right: 15px;
}
#pageHeader .page-header-middle .page-detail .col-1 .col-name {
  color: white;
  font-size: 20px;
  font-weight: 600;
  font-family: "source-han-sans-japanese", sans-serif;
}
#pageHeader .page-header-middle .page-detail .col-1 .col-text {
  font-size: 16px;
  color: white;
  margin-top: 12px;
}
#pageHeader .page-header-middle .page-detail .col-1-2 {
  margin-left: 40px;
}
#pageHeader .page-header-middle .page-detail .company-top-margin {
  margin-top: 53px;
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
  #pageHeader .page-heaer-body {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #pageHeader {
    height: auto !important;
  }
  #pageHeader .page-header-content {
    width: 100%;
    padding-bottom: 0px;
  }
  #pageHeader .page-heaer-body {
    padding: 0px 60px 0px 16px;
  }
  #pageHeader .page-heaer-body .header-logo {
    display: none;
  }
  #pageHeader .page-header-body-company {
    padding: 0 60px 30px 16px;
  }
  #pageHeader .page-heaer-body-2 {
    padding: 0px 60px 30px 16px !important;
  }
  #pageHeader .page-detail {
    margin-top: 28px;
  }
  #pageHeader .page-header-middle {
    display: block !important;
    width: 110%;
    margin-top: 20px;
  }
  #pageHeader .page-header-middle .page-detail {
    justify-content: flex-start !important;
    margin-top: 15px;
    white-space: nowrap;
  }
  #pageHeader .page-header-middle .page-name .page-des-child {
    margin-top: 30px;
    font-size: 16px;
  }
  #pageHeader .page-header-middle .page-name .page-name-text {
    font-size: 32px;
  }
  #pageHeader .page-header-middle .page-name .page-name-text-2 {
    margin-bottom: 0px;
  }
  #pageHeader .page-header-middle .page-name .page-name-text-child {
    font-size: 20px;
    margin-top: 15px;
  }
  #pageHeader .page-name .page-des {
    font-size: 16px !important;
    font-family: "Source Han Sans JP", sans-serif;
    margin-top: 0px !important;
    max-width: 207px;
    line-height: 1.5;
  }
  #pageHeader .page-name .page-name-text {
    font-size: 32px !important;
    margin-top: 12px !important;
    font-family: "Montserrat", sans-serif;
  }
  #pageHeader .page-name .page-name-text2 {
    font-size: 20px !important;
    margin-top: 12px !important;
    font-family: "Montserrat", sans-serif;
  }
  #pageHeader .col-1 .col-name {
    font-size: 16px !important;
  }
  #pageHeader .col-1 .col-text {
    font-size: 14px !important;
    max-width: 153px;
  }
  #pageHeader .col-1-2 {
    margin-left: 0px !important;
    margin-right: 29px !important;
  }
  #pageHeader .company-top-margin {
    margin-top: 0px !important;
  }
}
.CompanyTemplates .page-title {
  color: #3f7eae;
  font-size: 68px;
  font-weight: 600;
  margin-top: 71px;
  font-family: "Montserrat";
  letter-spacing: 2.72px;
}
.CompanyTemplates .page-sub-tile {
  margin-top: 20px;
  font-size: 20px;
  color: #3f7eae;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.8px;
}
.CompanyTemplates .page-company-content {
  display: flex;
  margin-top: 30px;
}
.CompanyTemplates .page-company-content .col-left {
  display: flex;
  width: 50%;
}
.CompanyTemplates .page-company-content .col-left .col-title {
  width: 236px;
}
.CompanyTemplates .page-company-content .col-left .col-title .item {
  font-size: 16px;
  color: #2e4e76;
  border-bottom: 3px solid #97cbe2;
  font-weight: 600;
  height: 40px;
  align-items: center;
  display: flex;
  margin-top: 10px;
  padding-left: 10px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.CompanyTemplates .page-company-content .col-left .col-content {
  width: 340px;
  margin-left: 10px;
}
.CompanyTemplates .page-company-content .col-left .col-content .item {
  font-size: 16px;
  border-bottom: 1px solid #97cbe2;
  height: 40px;
  align-items: center;
  display: flex;
  margin-top: 12px;
  padding-left: 11px;
  font-size: 16px;
  font-weight: bold;
  color: #1A1B35;
  line-height: 1.5;
}
.CompanyTemplates .page-company-content .col-right {
  width: 50%;
}
.CompanyTemplates .page-company-content .col-right .col-right-content {
  display: flex;
  margin: 20px 0 0 0;
}
.CompanyTemplates .page-company-content .col-right .col-right-content .col-title {
  border-bottom: 3px solid #97cbe2;
  font-weight: 600;
  width: 236px;
  font-size: 16px;
  color: #2e4e76;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 2px;
}
.CompanyTemplates .page-company-content .col-right .col-right-content .col-content {
  border-bottom: 1px solid red;
  margin-left: 10px;
  border-bottom: 1px solid #97cbe2;
  width: 336px;
}
.CompanyTemplates .page-company-content .col-right .col-right-content .col-content .item {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: 500;
}
.CompanyTemplates .executiveTeam {
  margin-top: 120px;
}
.CompanyTemplates .executiveTeam .body {
  margin-top: 50px;
}
.CompanyTemplates .executiveTeam .executiveTeam-items {
  display: flex;
  margin-top: 60px;
  justify-content: space-evenly;
}
.CompanyTemplates .executiveTeam .executiveTeam-items .images {
  width: 560px;
  height: 380px;
  border-radius: 40px;
}
.CompanyTemplates .executiveTeam .executiveTeam-items .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 40px;
}
.CompanyTemplates .executiveTeam .executiveTeam-items .content {
  width: 600px !important;
}
.CompanyTemplates .executiveTeam .executiveTeam-items .content .header {
  display: flex;
  height: 75px;
  width: 100%;
  align-items: center;
  background-color: #97cbe2;
  position: relative !important;
  flex-wrap: wrap;
}
.CompanyTemplates .executiveTeam .executiveTeam-items .content .header .position {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin-left: 20px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.CompanyTemplates .executiveTeam .executiveTeam-items .content .header .name {
  font-size: 16px;
  color: #fff;
  margin-left: 20px;
  font-family: "Source Han Sans JP";
  font-weight: 500;
  margin-top: 10px;
}
.CompanyTemplates .executiveTeam .executiveTeam-items .content .body {
  margin-top: 40px;
}
.CompanyTemplates .executiveTeam .executiveTeam-items .content .body .title {
  color: #2e4e76;
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.CompanyTemplates .executiveTeam .executiveTeam-items .content .body .detail {
  margin-top: 24px;
  color: #2e4e76;
  font-size: 16px;
  line-height: 2;
  font-weight: 600;
}
.CompanyTemplates .company-mission {
  margin-top: 120px;
}
.CompanyTemplates .company-mission .company-mission-content {
  margin-top: 60px;
  margin-bottom: 120px;
  font-family: "source-han-sans-japanese", sans-serif;
  line-height: 2;
}
.CompanyTemplates .company-mission .company-mission-content .content {
  max-width: 720px;
  margin: 0 auto;
  font-size: 20px;
  color: #2E4E76;
}
.CompanyTemplates .company-mission .company-mission-content .content h2 {
  font-size: 20px;
}
.CompanyTemplates .company-mission .company-mission-content .content p {
  margin: 24px 0px !important;
  font-size: 16px;
}
.CompanyTemplates .flex-item-executive {
  flex-direction: row-reverse;
}
.CompanyTemplates .flex-item-executive .header {
  background-color: #3f7eae !important;
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
  .CompanyTemplates .page-company-content {
    flex-wrap: wrap;
  }
  .CompanyTemplates .page-company-content .col-right {
    margin-left: 0px;
  }
  .CompanyTemplates .page-company-content .col-right .col-right-content .col-title {
    padding-left: 8px;
  }
  .CompanyTemplates .executiveTeam .executiveTeam-items {
    justify-content: flex-start;
  }
  .CompanyTemplates .executiveTeam .executiveTeam-items:nth-child(even) .images {
    margin-left: 40px;
  }
  .CompanyTemplates .executiveTeam .executiveTeam-items:nth-child(odd) .images {
    margin-right: 40px;
  }
}
@media screen and (max-width: 768px) {
  #PageServiceTemplates .photo-title {
    display: block !important;
  }
  #PageServiceTemplates .page-title {
    letter-spacing: 0.8px;
    font-size: 40px;
    line-height: 1.6;
    font-family: "Montserrat";
    font-weight: 600;
  }
  #PageServiceTemplates .page-sub-tile {
    font-size: 16px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-top: 12px;
  }
  #PageServiceTemplates .page-title:first-child {
    max-width: 203px;
  }
  #PageServiceTemplates .page-company-content {
    display: block;
  }
  #PageServiceTemplates .page-company-content .col-left {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  #PageServiceTemplates .page-company-content .col-left .col-title {
    width: 38.7%;
  }
  #PageServiceTemplates .page-company-content .col-left .col-title .item {
    font-size: 14px;
    padding-left: 0px;
    white-space: nowrap;
  }
  #PageServiceTemplates .page-company-content .col-left .col-content {
    width: 59%;
    margin-left: 0;
  }
  #PageServiceTemplates .page-company-content .col-left .col-content .item {
    padding-left: 0px;
    font-size: 14px;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
    color: #1A1B35;
  }
  #PageServiceTemplates .page-company-content .col-right {
    margin: 20px 0px !important;
    width: 100%;
  }
  #PageServiceTemplates .page-company-content .col-right .item {
    line-height: 10px;
    line-height: 1.5;
    margin-bottom: 7px;
    font-size: 14px;
    font-weight: bold;
    color: #1A1B35;
  }
  #PageServiceTemplates .page-company-content .col-right .col-right-content {
    justify-content: space-between;
  }
  #PageServiceTemplates .page-company-content .col-right .col-right-content .col-title {
    width: 38.7%;
    font-size: 14px;
  }
  #PageServiceTemplates .page-company-content .col-right .col-right-content .col-content {
    width: 59%;
  }
  #PageServiceTemplates .executiveTeam {
    margin-top: 80px;
  }
  #PageServiceTemplates .executiveTeam .body {
    margin-top: 40px;
  }
  #PageServiceTemplates .executiveTeam .body .title {
    font-size: 16px;
    line-height: 2;
  }
  #PageServiceTemplates .executiveTeam .body .detail {
    font-size: 14px;
    font-family: "Source Han Sans JP";
    font-weight: 500;
  }
  #PageServiceTemplates .executiveTeam .header-exec .page-title {
    font-size: 40px;
    max-width: max-content;
  }
  #PageServiceTemplates .executiveTeam .executiveTeam-items {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 20px;
    margin-bottom: 60px;
  }
  #PageServiceTemplates .executiveTeam .executiveTeam-items .content {
    width: 100% !important;
    margin-top: 20px;
  }
  #PageServiceTemplates .executiveTeam .executiveTeam-items .content .header .position {
    font-size: 20px;
    margin-left: 16px;
  }
  #PageServiceTemplates .executiveTeam .executiveTeam-items .content .header .name {
    font-size: 12px;
  }
  #PageServiceTemplates .executiveTeam .executiveTeam-items .images {
    width: 100% !important;
    height: 245px !important;
    margin-top: 10px;
    margin-left: 0px;
  }
  .CompanyTemplates .company-mission {
    margin-top: 0;
  }
  .CompanyTemplates .company-mission .company-mission-content {
    margin-bottom: 100px !important;
    margin-top: 40px;
  }
  .CompanyTemplates .company-mission .company-mission-content .content {
    font-size: 14px !important;
  }
  .CompanyTemplates .company-mission .company-mission-content .content h2 {
    font-size: 16px;
  }
  .CompanyTemplates .company-mission .company-mission-content .content p {
    font-size: 14px;
  }
  .CompanyTemplates .company-mission .company-mission-content .content p:first-child {
    margin-bottom: 20px;
  }
  .CompanyTemplates .company-mission .company-mission-content .content .mission-title {
    font-size: 16px !important;
  }
  .CompanyTemplates .company-mission .company-mission-content .content .mission-title span {
    font-size: 16px !important;
  }
  .CompanyTemplates .company-mission .company-mission-content .content .mission-desc {
    font-size: 14px !important;
    letter-spacing: 0.56px;
  }
}
.conference-modal .service-mordal-contact {
  display: flex;
  position: fixed;
  bottom: 100px;
  left: 35%;
  z-index: 99;
  /* モーダルCSS */
  /* 以下ボタンスタイル */
}
.conference-modal .service-mordal-contact a {
  cursor: pointer;
  background-color: white;
  padding: 12px 40px;
  border-radius: 100px;
  font: normal normal bold 16px/30px "source-han-sans-japanese", sans-serif;
  color: #CE858F;
  border: 2px solid #CE858F;
}
.conference-modal .service-mordal-contact a svg {
  margin: 0px 0 -6px 5px;
}
.conference-modal .service-mordal-contact a:nth-child(2) {
  background-color: #CE858F;
  color: #FFFFFF;
  margin: 0 0 0 20px;
  border: 2px solid #FFFFFF;
}
.conference-modal .service-mordal-contact a:hover {
  opacity: 0.9;
}
.conference-modal .service-mordal-contact .modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.conference-modal .service-mordal-contact .modalArea #PageService {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.conference-modal .service-mordal-contact .modalArea .page-contact-content {
  width: 100%;
}
.conference-modal .service-mordal-contact .modalArea .page-contact-content .page-contact .contact-info {
  box-sizing: border-box;
}
.conference-modal .service-mordal-contact .modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.52);
}
.conference-modal .service-mordal-contact .modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  padding: 24px;
  max-width: 400px;
  background-color: #FFFFFF;
  overflow: unset;
  max-height: unset;
}
.conference-modal .service-mordal-contact .modalWrapper .modalContents img {
  width: 100%;
  height: auto;
}
.conference-modal .service-mordal-contact .modalWrapper .modalContents .page-btn {
  border-radius: 4px;
  display: block;
  background-color: #CE858F;
  color: white;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
  margin: 24px 0 0;
  border: unset;
}
.conference-modal .service-mordal-contact .modalWrapper .modalContents p {
  font-size: 16px;
  color: #8F8F9F;
  font-weight: normal;
  line-height: 24px;
  margin: 16px 0 0;
  text-align: center;
  cursor: pointer;
}
.conference-modal .service-mordal-contact .modalWrapper .modalContents h1 {
  font: normal normal bold 20px/32px "source-han-sans-japanese", sans-serif;
  text-align: center;
  color: #1A1B35;
  margin: 0 0 20px;
}
.conference-modal .service-mordal-contact .closeModal {
  position: fixed;
  top: 14.5%;
  right: 28.5%;
  cursor: pointer;
  color: #CE858F;
  font: normal normal normal 16px/32px "source-han-sans-japanese", sans-serif;
}
.conference-modal .service-mordal-contact .closeModal svg {
  margin: 0px 0px -6px -12px;
}
.conference-modal .service-mordal-contact button {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #282828;
  border-radius: 2px;
  cursor: pointer;
}

#PageServiceTemplates .service-mordal-contact {
  display: flex;
  position: fixed;
  bottom: 100px;
  left: 35%;
  z-index: 10;
  /* モーダルCSS */
  /* 以下ボタンスタイル */
}
#PageServiceTemplates .service-mordal-contact a {
  cursor: pointer;
  background-color: white;
  padding: 12px 40px;
  border-radius: 100px;
  font: normal normal bold 16px/30px "source-han-sans-japanese", sans-serif;
  color: #CE858F;
  border: 2px solid #CE858F;
}
#PageServiceTemplates .service-mordal-contact a svg {
  margin: 0px 0 -6px 5px;
}
#PageServiceTemplates .service-mordal-contact a:nth-child(2) {
  background-color: #CE858F;
  color: #FFFFFF;
  margin: 0 0 0 20px;
  border: 2px solid #FFFFFF;
}
#PageServiceTemplates .service-mordal-contact a:hover {
  opacity: 0.9;
}
#PageServiceTemplates .service-mordal-contact .modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#PageServiceTemplates .service-mordal-contact .modalArea #PageService {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#PageServiceTemplates .service-mordal-contact .modalArea .page-contact-content {
  width: 100%;
}
#PageServiceTemplates .service-mordal-contact .modalArea .page-contact-content .page-contact .contact-info {
  box-sizing: border-box;
}
#PageServiceTemplates .service-mordal-contact .modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.52);
}
#PageServiceTemplates .service-mordal-contact .modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 55.5%;
  padding: 40px;
  max-width: 800px;
  background-color: #FFFFFF;
  overflow: scroll;
  max-height: 630px;
}
#PageServiceTemplates .service-mordal-contact .modalWrapper .modalContents h1 {
  font: normal normal bold 20px/32px "source-han-sans-japanese", sans-serif;
  text-align: center;
  color: #1A1B35;
  margin: 0 0 20px;
}
#PageServiceTemplates .service-mordal-contact .closeModal {
  position: fixed;
  top: 14.5%;
  right: 28.5%;
  cursor: pointer;
  color: #CE858F;
  font: normal normal normal 16px/32px "source-han-sans-japanese", sans-serif;
}
#PageServiceTemplates .service-mordal-contact .closeModal svg {
  margin: 0px 0px -6px -12px;
}
#PageServiceTemplates .service-mordal-contact button {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #282828;
  border-radius: 2px;
  cursor: pointer;
}
#PageServiceTemplates .web-url {
  font-size: 12px;
}
#PageServiceTemplates .row-item .row-item-left .sub-title {
  font-size: 24px;
  font-weight: 600;
}
#PageServiceTemplates .row-item .row-item-left .sub-title-marketing {
  font-size: 24px !important;
  font-family: "source-han-sans-japanese";
}
#PageServiceTemplates .row-item .row-item-left .description {
  font-weight: 600;
}
#PageServiceTemplates .row-item .row-item-left .des-marketing {
  font-family: "source-han-sans-japanese";
  font-size: 16px !important;
  max-width: 580px;
  letter-spacing: 0.64px;
  line-height: 2;
}
#PageServiceTemplates .row-item .marketing-left {
  margin-right: 30px;
}
#PageServiceTemplates .row-item .service-marketing-img {
  width: 50%;
  aspect-ratio: 600/337;
}
#PageServiceTemplates .row-item .service-marketing-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#PageServiceTemplates .service-marketing {
  margin-top: 71px !important;
  align-items: center;
}

.ListServices-Marketing .ListServices-sub-title {
  text-align: center;
  color: #2e4e76;
  font-size: 16px;
  margin: 0 auto 80px;
  letter-spacing: 0.7px;
  line-height: 2;
  margin-top: 20px;
}

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

#MarketingServiceItems .MarketingServiceItems-body {
  margin: 0 auto;
}
#MarketingServiceItems .MarketingServiceItems-body .flex-items {
  flex-direction: row-reverse !important;
}
#MarketingServiceItems .MarketingServiceItems-body .flex-items .title {
  text-align: left !important;
}
#MarketingServiceItems .MarketingServiceItems-body .flex-items .sub-title {
  text-align: left !important;
}
#MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 120px;
  flex-wrap: wrap;
}
#MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .images {
  width: calc(50% - 50px);
  aspect-ratio: 16/9;
}
#MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .box-content {
  width: 50%;
}
#MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .box-content .title {
  font-size: 40px;
  font-weight: 600;
  text-align: right;
  font-family: "source-han-sans-japanese";
}
#MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .box-content .sub-title {
  color: #b7e1f1;
  margin-top: 12px;
  text-align: right;
  font: normal normal bold 20px/32px Montserrat;
  letter-spacing: 0px;
}
#MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .box-content .content {
  color: #2e4e76;
  font-size: 16px;
  margin-top: 40px;
  width: 600px;
  letter-spacing: 0.64px;
  line-height: 2;
}
#MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .float-right {
  text-align: right !important;
}
#MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item:nth-child(2) .box-content .title, #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item:nth-child(2) .box-content .sub-title {
  text-align: left !important;
}
#MarketingServiceItems .service-page-item-btn {
  text-align: left;
  padding-left: 30px !important;
  margin-top: 0px !important;
}
#MarketingServiceItems .service-page-item-btn a {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 20px;
}
#MarketingServiceItems .service-page-item-btn a .icon {
  margin-left: 20px;
}
#MarketingServiceItems .service-page-item-btn-marketing {
  text-align: left;
  padding: 5px 5px 5px 25px !important;
  margin-top: 0px !important;
  border-radius: 24px !important;
}
#MarketingServiceItems .service-btn {
  justify-content: end;
  margin-top: 10px;
}
#MarketingServiceItems .service-btn-marketing {
  margin-top: 40px;
}

.service-price {
  position: relative;
}

.service-price-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50vh);
}

#ServiceQA {
  margin-top: 120px;
}
#ServiceQA .title {
  text-align: center;
  color: #2E4E76;
  font-size: 20px;
  font-weight: 600;
  font-family: "source-han-sans-japanese", sans-serif;
}
#ServiceQA .body {
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 8px;
  width: 720px;
  margin: 0 auto;
  margin-top: 28px;
}
#ServiceQA .ServiceQA-item {
  padding: 20px 40px;
  position: relative;
  align-items: center;
  background-color: #F2F2F5;
  cursor: pointer;
}
#ServiceQA .ServiceQA-item .text {
  color: #2E4E76;
  font-size: 18px;
  font-weight: 600;
  font-family: "source-han-sans-japanese", sans-serif;
}
#ServiceQA .ServiceQA-item .price {
  color: #3f7eae;
  font-size: 14px;
  font-weight: 600;
  margin-right: 20px;
  letter-spacing: 0.56px;
  font-family: "source-han-sans-japanese", sans-serif;
}
#ServiceQA .ServiceQA-item .button-open {
  position: absolute;
  right: 20px;
  cursor: pointer;
  color: #97cbe2;
}
#ServiceQA .ServiceQA-item .button-open .up {
  margin-top: -3px;
}
#ServiceQA .ServiceQA-item .button-open .down {
  margin-top: 3px;
}
#ServiceQA .ServiceQA-item .ServiceA-item-Q {
  display: flex;
  justify-content: space-between;
}
#ServiceQA .ServiceQA-item .ServiceA-item-A {
  margin-top: 20px;
}
#ServiceQA .ServiceQA-item .ServiceA-item-A .item {
  background-color: #FAFAFA;
  padding: 24px;
}
#ServiceQA .ServiceQA-item .ServiceA-item-A .item .header-A {
  font-size: 16px !important;
  letter-spacing: 0.64px;
  color: #2E4E76;
}
#ServiceQA .ServiceQA-item .ServiceA-item-A .item .content {
  margin-top: 12px;
  font-size: 14px !important;
  line-height: 2;
  color: #2E4E76;
}
#ServiceQA .ServiceQA-item .ServiceA-item-A .item .price-A {
  margin-top: 20px;
  text-align: right;
  color: #2E4E76;
  font-size: 14px;
  font-weight: 600;
  color: #3f7eae;
  letter-spacing: 0.56px;
  font-family: "source-han-sans-japanese", sans-serif;
}
#ServiceQA .ServiceQA-item:nth-child(odd) {
  background-color: white;
}

.QA-active {
  display: block !important;
}

.QA-inactive {
  display: none !important;
}

.QA-active-icon .button-open {
  color: #DEF2B3 !important;
}
.QA-active-icon .button-open .up, .QA-active-icon .button-open .down {
  transform: rotateX(180deg);
}

.service-logo-img {
  width: 23%;
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
  #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item {
    flex-direction: column !important;
  }
  #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .images {
    margin-top: 20px;
  }
  #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .service-btn {
    justify-content: center;
  }
  #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .box-content .title, #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .box-content .sub-title {
    text-align: left !important;
  }
  #PageServiceTemplates {
    margin-left: 120px !important;
  }
  #PageServiceTemplates .row-item .service-marketing-img {
    margin-top: 20px !important;
  }
  #PageServiceTemplates .service-marketing {
    flex-direction: column;
  }
  #PageServiceTemplates .row-item .service-marketing-img {
    min-height: 0px;
  }
}
@media screen and (max-width: 768px) {
  .conference-modal .service-mordal-contact .modalWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 86%;
    padding: 12px;
    max-width: 400px;
    background-color: #FFFFFF;
    overflow: unset;
    max-height: unset;
  }
  #PageServiceTemplates .service-mordal-contact {
    display: flex;
    position: fixed;
    bottom: 35px;
    left: 8%;
    z-index: 999;
    /* 以下ボタンスタイル */
  }
  #PageServiceTemplates .service-mordal-contact a {
    cursor: pointer;
    background-color: white;
    padding: 8px 35px;
    border-radius: 100px;
    font: normal normal bold 14px/30px "source-han-sans-japanese", sans-serif;
    color: #CE858F;
    border: 2px solid #CE858F;
  }
  #PageServiceTemplates .service-mordal-contact a svg {
    margin: 0px 0 -6px 5px;
  }
  #PageServiceTemplates .service-mordal-contact a:nth-child(2) {
    background-color: #CE858F;
    color: #FFFFFF;
    margin: 0px;
    border: 2px solid #FFFFFF;
  }
  #PageServiceTemplates .service-mordal-contact .modalArea {
    display: none;
    position: fixed;
    z-index: 10; /*サイトによってここの数値は調整 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #PageServiceTemplates .service-mordal-contact .modalArea #PageService {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  #PageServiceTemplates .service-mordal-contact .modalArea .page-contact-content {
    width: 100%;
  }
  #PageServiceTemplates .service-mordal-contact .modalArea .page-contact-content .page-contact .contact-info {
    box-sizing: border-box;
  }
  #PageServiceTemplates .service-mordal-contact .modalBg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.52);
  }
  #PageServiceTemplates .service-mordal-contact .modalWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 88%;
    padding: 6px;
    max-width: 800px;
    background-color: #FFFFFF;
    overflow: scroll;
    max-height: 643px;
    border-radius: 4px;
  }
  #PageServiceTemplates .service-mordal-contact .modalWrapper .modalContents h1 {
    font: normal normal bold 16px/32px "source-han-sans-japanese", sans-serif;
    text-align: center;
    color: #1A1B35;
    margin: 28px 0 20px;
  }
  #PageServiceTemplates .service-mordal-contact .closeModal {
    position: absolute;
    top: 4rem;
    right: 3rem;
    cursor: pointer;
    color: #CE858F;
    font: normal normal normal 16px/32px "source-han-sans-japanese", sans-serif;
  }
  #PageServiceTemplates .service-mordal-contact .closeModal svg {
    margin: 0px 0px -6px -12px;
  }
  #PageServiceTemplates .service-mordal-contact button {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #282828;
    border-radius: 2px;
    cursor: pointer;
  }
  #PageServiceTemplates, #ListServices, #MarketingServiceItems, #methodAnaList-serviceMarketing, #page-service-case-study {
    margin: auto;
  }
  #ServiceQA {
    width: 100%;
    margin-top: 80px;
  }
  #PageServiceTemplates .row-item .row-item-left .sub-title-marketing {
    font-size: 16px !important;
  }
  #PageServiceTemplates .row-item .row-item-left .des-marketing {
    font-size: 14px !important;
    font-weight: 500;
    font-family: "Source Han Sans JP" !important;
  }
  #ListServices {
    margin: auto;
    margin: 0 auto 80px;
  }
  .photo-title {
    display: block !important;
  }
  #ListServices .ListServices-content .ListServices-body .ListServices-item {
    margin-right: 0px;
    width: 100% !important;
  }
  #ListServices .ListServices-content .ListServices-title {
    justify-content: flex-start;
    color: #2e4e76;
    font-size: 16px !important;
    width: 100%;
  }
  #ListServices .ListServices-content .ListServices-sub-title {
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: 0.56px;
    margin: 20px 0 0 0;
  }
  #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .box-content .title {
    text-align: left !important;
  }
  #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .box-content .sub-title {
    text-align: left !important;
    margin-top: 0px;
  }
  #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .box-content .content {
    margin-top: 5px;
  }
  #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item .box-content {
    width: 100%;
  }
  #MarketingServiceItems .service-page-item-btn {
    padding-left: 25px !important;
  }
  #MarketingServiceItems .service-page-item-btn a {
    font-size: 14px !important;
  }
  #MarketingServiceItems .service-page-item-btn a .icon {
    margin-left: 10px;
  }
  #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item {
    margin-top: 0px;
    margin-bottom: 80px;
  }
  #MarketingServiceItems .service-btn-marketing {
    margin-top: 20px;
  }
  #methodAnaList-serviceMarketing {
    width: 87% !important;
  }
  #methodAnaList-serviceMarketing .methodAnaList-body {
    display: block !important;
  }
  #methodAnaList-serviceMarketing .methodAnaList-body .methodAnaList-item {
    margin: 40px auto;
    width: 72.5%;
  }
  #methodAnaList-serviceMarketing .methodAnaList-body .methodAnaList-item:nth-of-type(odd) {
    margin-right: 0;
  }
  #methodAnaList-serviceMarketing .methodAnaList-body .methodAnaList-item:nth-of-type(even) {
    margin-left: 0;
  }
  #ServiceQA .ServiceA-item-Q .price {
    margin-top: 0px !important;
  }
}
@media screen and (min-width: 1440px) {
  #methodAnaList-serviceMarketing .methodAnaList-body {
    justify-content: center;
  }
}
#PageService {
  width: 83%;
  max-width: 1200px;
  margin: 0 auto;
}

#PageServiceTemplates {
  width: 83%;
  max-width: 1200px;
  margin: 0 auto;
}

#PageService .line-phone,
#PageServiceTemplates .line-phone {
  display: none;
}
#PageService .row-item,
#PageServiceTemplates .row-item {
  display: flex;
  justify-content: flex-end;
  margin-top: 200px;
  width: 100%;
  position: relative;
}
#PageService .row-item .s3_bg,
#PageServiceTemplates .row-item .s3_bg {
  background-image: url(/wp-content/themes/micado/img/new-homepage/top-page/s4_bg.svg);
  content: "";
  width: 600px;
  height: 600px;
  position: absolute;
  background-repeat: no-repeat;
  left: -10%;
  top: -70%;
}
#PageService .row-item .row-item-left,
#PageServiceTemplates .row-item .row-item-left {
  width: calc(50% - 20px);
  margin-right: 20px;
}
#PageService .row-item .row-item-left .title,
#PageServiceTemplates .row-item .row-item-left .title {
  font-size: 68px;
  font-weight: 600;
  letter-spacing: 2.72px;
  color: #3f7eae;
  font-family: "Montserrat", sans-serif;
}
#PageService .row-item .row-item-left .sub-title,
#PageServiceTemplates .row-item .row-item-left .sub-title {
  font-size: 20px;
  margin-top: 40px;
  opacity: 1;
  color: #2e4e76;
  font-weight: 600;
}
#PageService .row-item .row-item-left .description,
#PageServiceTemplates .row-item .row-item-left .description {
  font-size: 16px;
  margin-top: 24px;
  letter-spacing: 0.64px;
  color: #2e4e76;
  text-align: justify;
  line-height: 2;
  max-width: 600px;
}
#PageService .row-item .test,
#PageServiceTemplates .row-item .test {
  margin-left: 50px;
  z-index: 1;
}
#PageService .item-consulting,
#PageServiceTemplates .item-consulting {
  justify-content: flex-start !important;
  margin-top: 71px !important;
}
#PageService .item-consulting .row-item-test-1, #PageService .item-consulting .row-item-test-2,
#PageServiceTemplates .item-consulting .row-item-test-1,
#PageServiceTemplates .item-consulting .row-item-test-2 {
  background-image: none;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
  margin-left: auto;
  margin-right: auto;
}
#PageService .item-consulting .s1_bg,
#PageServiceTemplates .item-consulting .s1_bg {
  background-image: url(/wp-content/themes/micado/img/new-homepage/top-page/s3_bg.svg);
  content: "";
  width: 470px;
  height: 427px;
  position: absolute;
  background-repeat: no-repeat;
  right: 5%;
  z-index: -1;
}
#PageService .item-web,
#PageServiceTemplates .item-web {
  margin-top: 200px;
  width: 100%;
  position: relative;
}
#PageService .item-web .s3_bg,
#PageServiceTemplates .item-web .s3_bg {
  background-image: url(/wp-content/themes/micado/img/new-homepage/top-page/s4_bg.svg);
  content: "";
  width: 600px;
  height: 600px;
  position: absolute;
  background-repeat: no-repeat;
  left: -10%;
  top: -70%;
}
#PageService .item-web .row-item-left,
#PageServiceTemplates .item-web .row-item-left {
  width: 100%;
}
#PageService .item-web .row-item-left .title,
#PageServiceTemplates .item-web .row-item-left .title {
  font-size: 68px;
  font-weight: 600;
  letter-spacing: 2.72px;
  color: #3f7eae;
}
#PageService .item-web .row-item-left .sub-title,
#PageServiceTemplates .item-web .row-item-left .sub-title {
  font-size: 20px;
  margin-top: 40px;
  opacity: 1;
  color: #2e4e76;
  font-weight: 600;
}
#PageService .item-web .row-item-left .description,
#PageServiceTemplates .item-web .row-item-left .description {
  font-size: 16px;
  margin-top: 24px;
  letter-spacing: 0.64px;
  color: #2e4e76;
  text-align: justify;
  line-height: 1.5;
  width: 600px;
}
#PageService .item-web .test,
#PageServiceTemplates .item-web .test {
  margin-left: 45%;
}

.web-url {
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: "source-han-sans-japanese", sans-serif;
}
.web-url .url-home {
  color: #ce858f !important;
}
.web-url .home-url {
  color: #ce858f !important;
}
.web-url a {
  color: black;
}

.PageServiceItems {
  width: calc(100% - 50px);
  margin-left: 50px;
  margin-top: 120px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 8px;
}
.PageServiceItems .PageServiceItems-Item {
  width: 100% !important;
}
.PageServiceItems .PageServiceItems-Item .header {
  width: 100%;
  height: 101px;
  display: flex;
  align-items: center;
  background-color: #f2f2f5;
  position: relative;
}
.PageServiceItems .PageServiceItems-Item .header .group {
  position: absolute;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -56px;
}
.PageServiceItems .PageServiceItems-Item .header .logo {
  border: 2px solid #2e4e76;
  border-radius: 50%;
  padding: 26px;
}
.PageServiceItems .PageServiceItems-Item .header .logo img {
  width: 48px;
  height: 48px;
}
.PageServiceItems .PageServiceItems-Item .header .name {
  color: #3f7eae;
  font-size: 30px;
  font-weight: 600;
  margin-left: 100px;
  display: flex;
  align-items: center;
  line-height: 1.3;
  font-family: "Montserrat", sans-serif;
}
.PageServiceItems .PageServiceItems-Item .header .name .span {
  font-size: 20px;
  margin-left: 40px;
  color: #2e4e76;
  font-family: "Source Han Sans JP", sans-serif;
}
.PageServiceItems .PageServiceItems-Item .body {
  height: 420px;
}
.PageServiceItems .PageServiceItems-Item .body .body-content {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  margin-right: -25px;
}
.PageServiceItems .PageServiceItems-Item .body .body-content .img {
  max-width: 540px !important;
  height: 303px;
}
.PageServiceItems .PageServiceItems-Item .body .body-content .content {
  margin-right: 100px;
  margin-left: 20px;
}
.PageServiceItems .PageServiceItems-Item .body .body-content .content .content-text {
  max-width: 460px;
  font-size: 16px;
  font-weight: 500;
  color: #2e4e76;
  letter-spacing: 0.64px;
  line-height: 1.5;
}
.PageServiceItems .PageServiceItems-Item .body .body-content .img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.PageServiceItems .PageServiceItems-Item .body .body-content .img .img-web {
  position: relative;
}
.PageServiceItems .PageServiceItems-Item .body .body-content .img .img-web .img-web-app {
  width: 540px;
  height: 303px;
  object-fit: cover;
}
.PageServiceItems .PageServiceItems-Item .body .body-content .img-web {
  position: relative;
  margin-right: 25px;
}
.PageServiceItems .PageServiceItems-Item .body .body-content .img-web .img-web-app {
  width: 540px;
  height: 303px;
  object-fit: cover;
}
.PageServiceItems .PageServiceItems-Item .body .body-content .content-web-app {
  justify-content: flex-end;
  margin-right: 0;
}
.PageServiceItems .PageServiceItems-Item .body .body-content .content-web-app .content {
  margin-right: 100px;
  margin-left: 40px;
}
.PageServiceItems .PageServiceItems-Item .body .service-btn {
  justify-content: flex-end;
  margin-top: 0 !important;
}
.PageServiceItems .PageServiceItems-Item .body .service-page-item-btn {
  text-align: left;
  margin-top: 30px !important;
  padding: 5px 5px 5px 30px;
}

.page-service-case-study {
  margin-top: 100px;
}
.page-service-case-study #ServiceImage {
  padding-top: 0px;
}
.page-service-case-study #caseStudy {
  background-color: #f2f2f5 !important;
}
.page-service-case-study #mint-list-content {
  background-color: white;
}
.page-service-case-study #mint-list-content .icon {
  right: 0 !important;
}
.page-service-case-study #mint-list-content #paginationPage {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .page-contact .contact-info {
    padding: 16px 24px !important;
  }
  .body .body-content .img {
    width: 88% !important;
    height: 185px !important;
  }
  .body .body-content .img .video {
    width: 100% !important;
    height: 100% !important;
  }
  #PageService {
    width: 93% !important;
    padding-left: 0 !important;
  }
  #PageService .PageServiceItems-Item .header .name {
    font-size: 20px;
  }
  #PageService .PageServiceItems-Item .header .name .span {
    margin-right: 8px;
    font-size: 16px;
    font-family: "source-han-sans-japanese", sans-serif;
    margin-left: 0;
  }
  #PageService .PageServiceItems-Item .body {
    height: auto;
  }
  #PageService .line-phone {
    width: 20%;
    margin: 0 auto;
    height: 3px;
    background-color: #ccc;
    border-radius: 5px;
    display: block !important;
    margin-top: 20px;
  }
  #PageService .contact-content #btn-contact-form-1 {
    width: 45%;
  }
  #PageService .contact-content #btn-contact-form-2 {
    width: 45%;
  }
  #PageService .contact-content .description {
    font-size: 14px;
    line-height: 1.6;
  }
  #PageService .contact-content .contact-info {
    display: block;
  }
  #PageService .contact-content .contact-info .title {
    width: 100%;
    border-right: none;
  }
  #PageService .contact-content .contact-info .info {
    display: block;
  }
  #PageService .contact-content .contact-info .info .phone {
    margin-top: 10px;
    font: normal normal bold 20px/32px "source-han-sans-japanese", sans-serif;
  }
  #PageService .contact-content .contact-info .info .time-line {
    margin-top: 10px;
    margin-left: 0;
  }
  #PageService .contact-content .noti {
    text-align: left;
  }
  #PageService .contact-content .form-col-2 {
    display: block !important;
  }
  #PageService .contact-content .form-col-1 {
    display: block;
  }
  #PageService .contact-content .form-col-1 .col-content {
    margin-top: 10px;
    width: 100%;
    flex-wrap: wrap;
  }
  #PageService .contact-content .form-col-1 .col-content .form-page-contact-1 {
    display: flex;
    flex-wrap: wrap;
  }
  #PageService .contact-content .form-col-1 .col-content .form-page-contact-1 .wpcf7-list-item {
    width: fit-content !important;
    margin-top: 5px;
  }
  #PageService .contact-content .form-col-1 .col-content-select .wpcf7-list-item {
    width: auto !important;
    padding: 0 20px !important;
  }
  #PageService .contact-content .form-col-1 .col-content-name {
    display: flex !important;
    margin-left: 0 !important;
    flex-wrap: nowrap;
  }
  #PageService .contact-content .form-col-1 .col-content-name .last-name {
    width: 80%;
  }
  #PageService .contact-content .form-col-1 .col-content-name .first-name {
    width: 80%;
  }
  #PageService .contact-content .form-col-1 .col-content-hotel {
    margin-left: 0;
    width: 100% !important;
  }
  #PageService .contact-content .form-col-1 .col-content-hotel .hottel {
    width: 100% !important;
  }
  #PageService .contact-content .form-col-1 .col-content-hotel .email {
    width: 100% !important;
  }
  #PageService .contact-content .form-col-1 .col-content-hotel .content {
    width: 100% !important;
  }
  #PageService .contact-content .form-col-1 .col-content-hotel .submit-contact {
    width: 102% !important;
    margin-top: 20px;
  }
  #PageService .contact-content .col-content-checking .wpcf7-list-item {
    margin-left: 0 !important;
    padding: 0 !important;
    margin-top: 20px;
    padding-bottom: 20px;
    border: none !important;
  }
  #PageService .row-item {
    display: block !important;
    margin-top: 80px;
  }
  #PageService .row-item .s1_bg, #PageService .row-item .s3_bg {
    background-image: none;
    width: 0px;
    height: 0px;
  }
  #PageService .row-item .row-item-left {
    width: 100%;
    font-family: "Montserrat", sans-serif;
  }
  #PageService .row-item .row-item-left .row-item-test-1 {
    background-image: url(/wp-content/themes/micado/img/new-homepage/top-page/s3_bg.svg);
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: right center;
    padding-bottom: 80px;
    padding-top: 10px;
    margin-top: -30px;
    margin-right: -100px;
    padding-right: 100px;
  }
  #PageService .row-item .row-item-left .first {
    margin-right: -95px;
    padding-right: 120px;
    background-position: center;
  }
  #PageService .row-item .row-item-left .row-item-test-2 {
    background-image: url(/wp-content/themes/micado/img/new-homepage/top-page/s4_bg.svg);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: left calc(100% - 20px);
    padding-bottom: 100px;
    padding-top: 10px;
    margin-left: -100px;
    padding-left: 100px;
    margin-top: -30px;
    margin-right: 30px;
  }
  #PageService .row-item .row-item-left .title {
    font-size: 32px !important;
  }
  #PageService .row-item .row-item-left .sub-title {
    font-size: 16px !important;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    line-height: 1.5;
  }
  #PageService .row-item .row-item-left .description {
    font-size: 14px !important;
    width: 95% !important;
    width: 100% !important;
    margin-top: 16px;
  }
  .on-col {
    width: 100% !important;
  }
  .PageServiceItems {
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: -20px;
  }
  .PageServiceItems .header .group {
    margin-left: 15px !important;
    width: 72px !important;
    height: 72px !important;
    margin-left: 0;
  }
  .PageServiceItems .header .group .logo {
    padding: 15px;
  }
  .PageServiceItems .header .group .logo img {
    height: 32px;
    width: 32px;
  }
  .PageServiceItems .header .name {
    color: #3f7eae;
    font-size: 20px;
    font-weight: 600;
    margin-left: 100px;
    display: block !important;
    padding-top: 8px !important;
    font-family: "Montserrat", sans-serif;
  }
  .PageServiceItems .header .name .span {
    font-size: 16px;
    margin-top: 8px;
    margin-left: 0;
    line-height: 1.5;
    font-family: "Source Han Sans JP", sans-serif;
  }
  .PageServiceItems .body {
    padding-bottom: 60px !important;
    height: auto;
  }
  .PageServiceItems .body .body-content {
    width: 95%;
    margin: auto;
    display: block !important;
    align-items: center;
    height: 100%;
  }
  .PageServiceItems .body .body-content video {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .PageServiceItems .body .body-content .content {
    width: 93% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .PageServiceItems .body .body-content .content .content-text {
    width: 100%;
    font-size: 14px !important;
    font-weight: 500;
    margin-top: 20px;
    line-height: 2;
  }
  .PageServiceItems .body .body-content .img-web {
    position: relative !important;
    margin-left: 0 !important;
    margin-top: 20px !important;
  }
  .PageServiceItems .body .body-content .img-web img-web-app {
    margin-left: 0 !important;
    width: 540px !important;
    height: 303px !important;
    object-fit: cover;
  }
  .PageServiceItems .body .service-btn {
    justify-content: flex-end;
    margin-top: 0 !important;
    margin-bottom: 28px;
  }
  .PageServiceItems .body .service-page-item-btn {
    text-align: left;
    padding-left: 28px !important;
    margin-top: 20px !important;
  }
  .pt-0 {
    padding-top: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  #ServiceImage {
    margin-left: 0px;
  }
  .page-service-case-study #mint-list-content .icon {
    right: 20px !important;
  }
  #mint-list-content .mint-blog-slider .mint-list__prev, #mint-list-content .mint-blog-slider .mint-list__next {
    width: 1px;
    height: 0px;
    background-color: #2774a9;
    z-index: 0;
    opacity: 0;
  }
  #mint-list-content .mint-blog-slider .mint-list__prev {
    position: absolute !important;
  }
  #mint-list-content .mint-blog-slider .mint-list__next {
    position: absolute !important;
  }
  #mint-list-content .icon {
    right: 20px !important;
  }
  #mint-list-content .slick-track {
    margin-left: 0 !important;
  }
  #mint-list-content .header-mint {
    width: 93%;
    display: block;
    margin: 0 auto !important;
  }
  #mint-list-content .header-mint .title {
    display: block !important;
    font-size: 14px;
  }
  #mint-list-content .header-mint .title .span-mint {
    color: #2774a9;
    width: 200px;
    height: 0px;
    margin-left: -40px;
  }
  #mint-list-content .header-mint .title .logo-min {
    width: 56%;
    margin-left: 42px;
  }
  #mint-list-content .header-mint .title .logo-title {
    font-size: 14px;
    margin-top: 50px;
  }
  #mint-list-content .mint-link-btn-pc {
    display: none;
  }
  #mint-list-content .mint-link-btn-mb {
    display: block;
    padding-left: 20px !important;
  }
  #mint-list-content .mint-link-btn-mb .icon {
    right: 0px !important;
    top: 7% !important;
  }
  #mint-list-content .service-btn {
    justify-content: end;
    margin-top: -10px;
    margin-right: 20px;
    margin-bottom: 60px;
  }
  #mint-list-content .service-btn button {
    font-size: 14px;
    padding: 5px 5px 5px 20px;
    text-align: left;
    margin-top: 0;
    font-family: "Montserrat", sans-serif;
  }
  #PageService {
    margin: auto;
  }
  #PageService .row-item {
    margin-left: 0px;
  }
  #PageService .row-item .test {
    margin-left: 0px;
  }
  #PageService .item-consulting {
    overflow: hidden;
  }
  .web-url {
    font-size: 10px !important;
    margin-bottom: -30px;
  }
  #PageServiceTemplates {
    width: calc(100% - 32px);
    margin: 0 auto;
  }
  #PageServiceTemplates .row-item {
    display: block !important;
  }
  #PageServiceTemplates .row-item .row-item-left {
    width: 100%;
  }
  #PageServiceTemplates .row-item .row-item-left .description {
    width: 95%;
    line-height: 1.7;
  }
  #PageServiceTemplates .row-item .service-marketing-img {
    margin-top: 40px;
    width: 100%;
    min-height: 0 !important;
  }
  #ListServices .ListServices-title {
    width: 95%;
    margin: 0 auto;
    margin-top: 50px !important;
    text-align: left !important;
    font-size: 16px !important;
  }
  #ListServices .ListServices-sub-title {
    width: 95%;
    text-align: left;
    font-size: 14px;
  }
  #ServiceQA .body {
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
  }
  #ServiceQA .ServiceA-item-Q {
    flex-wrap: wrap;
  }
  #ServiceQA .ServiceA-item-Q .text {
    font-size: 16px;
  }
  #ServiceQA .ServiceA-item-Q .price {
    margin-top: 30px;
  }
  .ListServices-Marketing {
    display: none !important;
  }
  .MarketingServiceItems-body {
    width: 100%;
    margin: 0 auto;
  }
  .MarketingServiceItems-item {
    display: block !important;
  }
  .MarketingServiceItems-item .box-content {
    margin: 0 !important;
    margin: 0 auto !important;
  }
  .MarketingServiceItems-item .box-content .title {
    text-align: left !important;
    font-size: 20px !important;
  }
  .MarketingServiceItems-item .box-content .sub-title {
    text-align: left !important;
    font-size: 12px !important;
  }
  .MarketingServiceItems-item .box-content .content {
    font-size: 14px !important;
    width: 100% !important;
  }
  .MarketingServiceItems-item .images {
    width: 100% !important;
    margin-top: 50px;
    height: 210px !important;
  }
  .MarketingServiceItems-item .images img {
    width: 100%;
    height: 210px !important;
  }
  .MarketingServiceItems-item .service-btn {
    display: none !important;
  }
  .MarketingServiceItems-item .service-btn-mobie {
    display: flex !important;
    justify-content: center;
    margin-top: 20px;
  }
  #methodAnaList-serviceMarketing {
    width: 95% !important;
    margin-top: 40px !important;
    margin-bottom: 100px;
  }
  .service-page-item-btn {
    background-color: white !important;
    color: #ce858f !important;
    font-size: 14px !important;
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.1607843137) !important;
    border-radius: 24px !important;
    padding: 5px 0 !important;
  }
  .service-page-item-btn .icon {
    width: 32px;
    height: 32px;
    margin-right: 5px;
    margin-left: 15px;
  }
  .PageServiceItems .PageServiceItems-Item .body .body-content {
    width: 93%;
    margin: 0 auto;
    margin-right: 0 !important;
  }
  .PageServiceItems .PageServiceItems-Item .body .body-content .img-web .img-web-app {
    width: 345px !important;
    height: 203px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  #MarketingServiceItems .MarketingServiceItems-body .MarketingServiceItems-item {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  #ListServices .ListServices-content .ListServices-body .ListServices-item .item-image {
    width: 77%;
    margin: 20px auto 0;
  }
  .web-url {
    margin-left: 0px !important;
  }
  .web-url-case {
    width: 93%;
    margin: 10px auto !important;
  }
}
.web-url {
  font-size: 12px;
}

.news-pagination {
  width: 960px;
  margin: 90px 0 100px auto;
}
.news-pagination .news-page-point {
  font: normal normal bold 20px/24px Montserrat;
  color: #CE858F;
}
.news-pagination .news-page-point .page-numbers:nth-child(1) {
  margin: 0 0 0 225px;
}
.news-pagination .news-page-point .prev {
  margin: 0 225px 0 0 !important;
}
.news-pagination .news-page-point .next {
  margin: 0 0 0 225px;
}
.news-pagination .news-page-point .dots {
  color: #1A1B35;
}

#listNews {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 93px auto 100px auto;
}
#listNews .listNew_body {
  width: 960px;
}
#listNews .listNew_body .new-item {
  margin-top: 4%;
}
#listNews .listNew_body .new-item .new-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #97cbe2;
  padding-bottom: 12px;
  font-size: 16px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
}
#listNews .listNew_body .new-item .new-header .title {
  width: 90px;
  font-size: 16px;
  font-weight: 600;
}
#listNews .listNew_body .new-item .new-header .time {
  margin-left: 20px;
  font-size: 16px;
}
#listNews .listNew_body .new-item .new-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
#listNews .listNew_body .new-item .new-body .name {
  font-size: 24px;
  font-weight: 700;
  font-size: 24px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
  width: 85%;
}
#listNews .listNew_body .new-item .new-body .redirect-btn {
  width: 60px;
  height: 60px;
}

.clear {
  clear: both;
}

#n_5 {
  opacity: 0.8;
  fill: rgb(46, 78, 118);
}

.n_5 {
  overflow: visible;
  position: absolute;
  width: 48px;
  height: 48px;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

#n_4_dh {
  opacity: 0.8;
  fill: rgb(222, 242, 179);
}

.n_4_dh {
  position: absolute;
  overflow: visible;
  width: 48px;
  height: 48px;
  margin-top: 15px;
  margin-left: -10px;
}

#NewDetail .NewDetail_body {
  width: 720px;
  margin: 0 auto;
  margin-top: 50px;
  line-height: 2;
  margin-bottom: 130px;
  word-wrap: break-word;
}
#NewDetail .NewDetail_body p {
  font-size: 16px;
}
#NewDetail .NewDetail_body p span {
  font-family: "Source Han Sans JP", sans-serif !important;
}
#NewDetail .NewDetail_body p a {
  color: var(--wp--preset--color--vivid-cyan-blue);
}
#NewDetail .NewDetail_body h3 {
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  position: relative;
  font-size: 24px;
  margin: 24px auto 4px;
  padding: 20px 0 0 13px;
  border-top: 1px solid #dddddd;
}
#NewDetail .NewDetail_body h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 2px;
  height: 28px;
  background: #2170A6;
}
#NewDetail .NewDetail_body h2 {
  font-size: 24px;
  padding: 0 0 12px;
  line-height: 1.5;
  margin: 40px 0 20px;
  border-bottom: 2px solid #2E4E76;
}
#NewDetail .NewDetail_body .is-style-dots {
  border-bottom: 2px dashed #2E4E76;
  margin: 20px 0;
}
#NewDetail .NewDetail_body .is-style-dots::before {
  display: none;
}

@media screen and (max-width: 768px) {
  #listNews {
    width: 95% !important;
    margin: 60px auto 68px auto;
  }
  #listNews .listNew_body .new-item {
    margin-top: 36px;
  }
  #listNews .listNew_body .new-item .new-header .title, #listNews .listNew_body .new-item .new-header .time {
    font-size: 12px;
  }
  #listNews .listNew_body .new-item .new-body {
    margin-top: 6px;
  }
  #listNews .listNew_body .new-item .new-body .name {
    font-size: 16px;
    margin-top: 6px;
  }
  #listNews .listNew_body .new-item .new-body .redirect-btn {
    width: 30px;
    height: 30px;
  }
  .news-pagination {
    width: 100%;
  }
  .news-pagination .news-page-point {
    width: 100%;
  }
  .news-pagination .news-page-point .page-numbers:nth-child(1) {
    margin: 0 0 0 150px;
  }
  .news-pagination .news-page-point .prev {
    margin: 0 100px 0 0 !important;
  }
  .news-pagination .news-page-point .next {
    margin: 0 0 0 100px;
  }
  .news-pagination .news-page-point .dots {
    color: #1A1B35;
  }
  #NewDetail .NewDetail_body {
    width: 93%;
  }
  #NewDetail .NewDetail_body p {
    font-size: 14px;
  }
  #NewDetail .NewDetail_body h2 {
    font-size: 20px;
  }
  .n_5 {
    overflow: visible;
    position: absolute;
    width: 32px;
    height: 32px;
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  #n_4_dh {
    rx: 18;
    ry: 18;
    cx: 18;
    cy: 18;
  }
  .n_4_dh {
    position: absolute;
    overflow: visible;
    width: 32px;
    height: 32px;
    margin-top: 5px;
    margin-left: -10px;
  }
}
ol {
  counter-reset: listnum;
  list-style: none;
}

ol li {
  font-size: 16px;
}

ol li::before {
  counter-increment: listnum;
  content: counter(listnum) ".";
  padding-right: 15px;
  vertical-align: middle;
  font-size: 16px;
}

#pageCase {
  width: 83%;
  max-width: 1200px;
  margin: auto;
}
#pageCase .draggable {
  margin-left: 20%;
}
#pageCase .example-inner__flex {
  margin-top: 30px;
}
#pageCase .example-slider-item {
  width: 320px !important;
  height: 234px !important;
}

@media screen and (max-width: 768px) {
  #pageCase .example-inner__flex {
    margin-top: 60px;
  }
  #pageCase .example-inner__flex ul {
    margin-top: 0px;
  }
  #pageCase .example-inner__flex ul li p {
    font-size: 12px;
  }
  #pageCase .web-url {
    margin-left: 10px !important;
    margin-top: 12px;
    font-size: 10px !important;
  }
}
.page-contact-content {
  width: 720px;
  margin: auto;
}

.service-mordal-contact1 .contact-form {
  margin-top: 30px;
}
.service-mordal-contact1 .contact-form .clicked-item {
  background-color: #3F7EAE;
}
.service-mordal-contact1 .contact-form .clicked-item .wpcf7-list-item-label::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
.service-mordal-contact1 .contact-form .wpcf7-list-item:first-child {
  background-color: white !important;
}
.service-mordal-contact1 .contact-form .wpcf7-list-item:first-child span {
  color: #1A1B35 !important;
}
.service-mordal-contact1 .contact-form .clicked-item:first-child {
  background-color: #3F7EAE !important;
}
.service-mordal-contact1 .contact-form .clicked-item:first-child span {
  color: white !important;
}
.service-mordal-contact1 .contact-form .clicked-item:first-child span::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
.service-mordal-contact1 .contact-form .wpcf7-list-item label {
  pointer-events: none;
}

.service-mordal-contact2 .contact-form {
  margin-top: 30px;
}
.service-mordal-contact2 .contact-form .clicked-item {
  background-color: #3F7EAE;
}
.service-mordal-contact2 .contact-form .clicked-item .wpcf7-list-item-label::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
.service-mordal-contact2 .contact-form .wpcf7-list-item:nth-child(2) {
  background-color: white !important;
}
.service-mordal-contact2 .contact-form .wpcf7-list-item:nth-child(2) span {
  color: #1A1B35 !important;
}
.service-mordal-contact2 .contact-form .clicked-item:nth-child(2) {
  background-color: #3F7EAE !important;
}
.service-mordal-contact2 .contact-form .clicked-item:nth-child(2) span {
  color: white !important;
}
.service-mordal-contact2 .contact-form .clicked-item:nth-child(2) span::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
.service-mordal-contact2 .contact-form .wpcf7-list-item label {
  pointer-events: none;
}

.service-mordal-contact3 .contact-form {
  margin-top: 30px;
}
.service-mordal-contact3 .contact-form .clicked-item {
  background-color: #3F7EAE;
}
.service-mordal-contact3 .contact-form .clicked-item .wpcf7-list-item-label::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
.service-mordal-contact3 .contact-form .wpcf7-list-item:nth-child(3) {
  background-color: white !important;
}
.service-mordal-contact3 .contact-form .wpcf7-list-item:nth-child(3) span {
  color: #1A1B35 !important;
}
.service-mordal-contact3 .contact-form .clicked-item:nth-child(3) {
  background-color: #3F7EAE !important;
}
.service-mordal-contact3 .contact-form .clicked-item:nth-child(3) span {
  color: white !important;
}
.service-mordal-contact3 .contact-form .clicked-item:nth-child(3) span::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
.service-mordal-contact3 .contact-form .wpcf7-list-item label {
  pointer-events: none;
}

.service-mordal-contact4 .contact-form {
  margin-top: 30px;
}
.service-mordal-contact4 .contact-form .clicked-item {
  background-color: #3F7EAE;
}
.service-mordal-contact4 .contact-form .clicked-item .wpcf7-list-item-label::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
.service-mordal-contact4 .contact-form .wpcf7-list-item:nth-child(4) {
  background-color: white !important;
}
.service-mordal-contact4 .contact-form .wpcf7-list-item:nth-child(4) span {
  color: #1A1B35 !important;
}
.service-mordal-contact4 .contact-form .clicked-item:nth-child(4) {
  background-color: #3F7EAE !important;
}
.service-mordal-contact4 .contact-form .clicked-item:nth-child(4) span {
  color: white !important;
}
.service-mordal-contact4 .contact-form .clicked-item:nth-child(4) span::after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
.service-mordal-contact4 .contact-form .wpcf7-list-item label {
  pointer-events: none;
}

.page-contact .contact-content {
  margin: 0 auto;
  margin-top: 50px;
  width: 100%;
}
.page-contact .contact-content .policy-link {
  color: #ce858f;
}
.page-contact .contact-content .description {
  text-align: center;
  font: normal normal bold 16px/32px "source-han-sans-japanese", sans-serif;
}
.page-contact .contact-service {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
}
.page-contact .contact-service .contact-btn {
  width: 49%;
  height: 64px;
  border-radius: 8px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  border: none;
  cursor: pointer;
  color: #3F7EAE;
  background-color: white;
  font: normal normal bold 16px/32px "source-han-sans-japanese", sans-serif;
}
.page-contact .contact-info {
  display: flex;
  margin-top: 40px;
  align-items: center;
  background-color: #2E4E76;
  border-radius: 4px;
  padding: 25px 40px;
}
.page-contact .contact-info .title {
  width: 160px;
  color: #FFFFFF;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  border-right: 1px solid #FFFFFF;
  padding-right: 40px;
}
.page-contact .contact-info .info {
  display: flex;
  align-items: baseline;
  margin-left: 40px;
}
.page-contact .contact-info .info .contact-action {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}
.page-contact .contact-info .info .contact-action .icon {
  width: 16px;
  height: 16px;
}
.page-contact .contact-info .info .phone {
  font: normal normal bold 24px/32px "source-han-sans-japanese", sans-serif;
  letter-spacing: 1.92px;
  color: #fff;
}
.page-contact .contact-info .info .time-line {
  color: #fff;
  margin-left: 10px;
  font: normal normal bold 12px/32px "source-han-sans-japanese", sans-serif;
}
.page-contact .contact-info .info .icon {
  padding: 6px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  margin-right: 12px;
}
.page-contact .contact-info .info .icon .cover {
  width: 16px;
  height: 16px;
}
.page-contact .noti {
  margin-top: 10px;
  text-align: right;
  font-size: 12px;
  line-height: 1.5;
}
.page-contact .contact-form {
  margin-top: 30px;
}
.page-contact .contact-form .form-col-1 {
  display: flex;
  align-items: center;
}
.page-contact .contact-form .form-col-1 .col-title {
  width: 180px;
  font-size: 16px;
  font-family: "source-han-sans-japanese", sans-serif;
  color: #2E4E76;
}
.page-contact .contact-form .form-col-1 {
  justify-content: space-between;
}
.page-contact .contact-form .form-col-1 .col-content {
  width: calc(100% - 180px);
  display: flex;
  justify-content: space-between;
  margin: 0 0 6px;
}
.page-contact .contact-form .form-col-1 .col-content-name .wpcf7-form-control-wrap {
  width: 49%;
}
.page-contact .contact-form .form-col-1 .col-content-hotel .wpcf7-form-control-wrap,
.page-contact .contact-form .form-col-1 .col-content-email .wpcf7-form-control-wrap,
.page-contact .contact-form .form-col-1 .col-content-checking .wpcf7-form-control-wrap,
.page-contact .contact-form .form-col-1 .col-content-submit .wpcf7-form-control-wrap {
  width: 100%;
}
.page-contact .contact-form .form-col-1 .col-content-textarea .wpcf7-form-control-wrap {
  width: 100%;
}
.page-contact .contact-form .form-col-1 .col-content-checking .wpcf7-list-item {
  box-shadow: none;
  height: auto;
  padding-left: 0;
}
.page-contact .contact-form .form-col-1 .col-content-checking .wpcf7-list-item-label {
  font-size: 14px;
  font-family: "source-han-sans-japanese", sans-serif;
  color: #2E4E76;
}
.page-contact .contact-form .form-col-1 .form-page-contact-1 {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}
.page-contact .contact-form .form-col-1 .submit-contact {
  height: 52px;
  color: white;
  background-color: #CE858F;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
}
.page-contact .contact-form .mt-40 {
  margin-top: 40px;
}
.page-contact .btn-contact-form-1-active {
  background-color: #3F7EAE !important;
  color: white !important;
}

/** Contact form 7 - Custom Radio button and checkbox for contact us page  **/
.wpcf-contact-hotel .wpcf7-list-item,
.wpcf-contact-hotel label,
.wpcf-contact-other .wpcf7-list-item,
.wpcf-contact-other label {
  display: flex;
  margin-right: 15px;
  cursor: pointer;
}
.wpcf-contact-hotel input[type=radio],
.wpcf-contact-hotel input[type=checkbox],
.wpcf-contact-other input[type=radio],
.wpcf-contact-other input[type=checkbox] {
  position: absolute;
  left: -9999px;
}
.wpcf-contact-hotel .wpcf7-list-item,
.wpcf-contact-other .wpcf7-list-item {
  background-color: white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  height: 44px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  font: normal normal bold 14px/24px "source-han-sans-japanese", sans-serif;
  padding-left: 15px;
  margin: 0 10px 10px 0;
  padding: 0 0 0 15px !important;
}
.wpcf-contact-hotel input[type=radio] + .wpcf7-list-item-label,
.wpcf-contact-hotel input[type=checkbox] + .wpcf7-list-item-label,
.wpcf-contact-other input[type=radio] + .wpcf7-list-item-label,
.wpcf-contact-other input[type=checkbox] + .wpcf7-list-item-label {
  position: relative;
  padding-left: 25px;
  color: #1a1b35;
  text-align: left;
  font: normal normal bold 14px/20px "source-han-sans-japanese", sans-serif;
}
.wpcf-contact-hotel input[type=radio] + .wpcf7-list-item-label::before,
.wpcf-contact-hotel input[type=radio] + .wpcf7-list-item-label::after,
.wpcf-contact-hotel input[type=checkbox] + .wpcf7-list-item-label::before,
.wpcf-contact-hotel input[type=checkbox] + .wpcf7-list-item-label::after,
.wpcf-contact-other input[type=radio] + .wpcf7-list-item-label::before,
.wpcf-contact-other input[type=radio] + .wpcf7-list-item-label::after,
.wpcf-contact-other input[type=checkbox] + .wpcf7-list-item-label::before,
.wpcf-contact-other input[type=checkbox] + .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}
.wpcf-contact-hotel input[type=radio] + .wpcf7-list-item-label::before,
.wpcf-contact-hotel input[type=radio] + .wpcf7-list-item-label::after,
.wpcf-contact-other input[type=radio] + .wpcf7-list-item-label::before,
.wpcf-contact-other input[type=radio] + .wpcf7-list-item-label::after {
  border-radius: 50%;
}
.wpcf-contact-hotel input[type=radio] + .wpcf7-list-item-label::before,
.wpcf-contact-other input[type=radio] + .wpcf7-list-item-label::before {
  top: 5px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #2e4e76;
}
.wpcf-contact-hotel input[type=radio] + .wpcf7-list-item-label::after,
.wpcf-contact-other input[type=radio] + .wpcf7-list-item-label::after {
  top: 8px;
  left: 3px;
  width: 6px;
  height: 6px;
  background: #2e4e76;
  transition: all 0.2s;
}
.wpcf-contact-hotel input[type=radio]:not(:checked) + .wpcf7-list-item-label::after,
.wpcf-contact-hotel input[type=checkbox]:not(:checked) + .wpcf7-list-item-label::after,
.wpcf-contact-other input[type=radio]:not(:checked) + .wpcf7-list-item-label::after,
.wpcf-contact-other input[type=checkbox]:not(:checked) + .wpcf7-list-item-label::after {
  opacity: 0;
  transform: scale(0.01);
}
.wpcf-contact-hotel input[type=checkbox] + .wpcf7-list-item-label::before,
.wpcf-contact-other input[type=checkbox] + .wpcf7-list-item-label::before {
  top: 5px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 1px solid #2e4e76;
}
.wpcf-contact-hotel input[type=checkbox] + .wpcf7-list-item-label::after,
.wpcf-contact-other input[type=checkbox] + .wpcf7-list-item-label::after {
  top: 5px;
  left: 3px;
  width: 6px;
  height: 9px;
  transition: all 0.2s;
  border: solid #2e4e76;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.wpcf7-form-control {
  margin: 0 !important;
}

.wpcf7-form-control.wpcf7-textarea {
  text-align: left;
  font-family: "Source Han Sans JP", sans-serif;
  letter-spacing: 1.12px;
  color: black;
  padding: 12px 16px;
  box-sizing: border-box;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275) !important;
  border-radius: 4px;
}

.form-contact-checkbox {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .page-contact-content {
    width: 100%;
  }
  .page-contact-content .contact-content {
    width: 100%;
    margin-top: 60px;
  }
  .page-contact-content .contact-content .form-col-1 .col-content .form-page-contact-1 .wpcf7-list-item {
    width: auto !important;
  }
  .page-contact-content .contact-content .contact-service {
    margin-top: 60px;
  }
  .page-contact-content .contact-content .contact-btn {
    width: calc((100% - 12px) / 2) !important;
  }
  .page-contact-content .contact-content .contact-info .title {
    width: 100%;
    text-align: center;
  }
  .page-contact-content .contact-content .contact-info .info {
    margin-left: 0;
    text-align: center;
  }
  .page-contact-content .contact-content .contact-info .info .contact-action {
    justify-content: center;
  }
  .page-contact-content .contact-content .PageService-body .contact-form {
    margin-top: 50px;
  }
}
.seminar-form-p {
  margin: 12px 0 28px;
}

.seminar-form-needs::after {
  content: url(/wp-content/themes/micado/img/expand-arrow.png);
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 14px;
  pointer-events: none;
}

select {
  appearance: none;
}

textarea {
  resize: none;
}

.name-flex {
  display: flex;
  justify-content: space-between;
}
.name-flex div {
  width: calc(50% - 10px);
}

.seminar-form-p2 {
  margin: 16px 0 28px;
}

.form-center {
  margin-top: 48px;
}

body {
  min-width: auto;
  max-width: none;
}

@-webkit-keyframes fuwanfuwan {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
  40% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }
}
@keyframes fuwanfuwan {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
  40% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }
}
@-webkit-keyframes fuwan {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fuwan {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fuwan-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fuwan-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ebook-place-1 {
  0% {
    transform: translate(0%, -3%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
@keyframes ebook-place-2 {
  0% {
    transform: translate(0%, -8%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
.free-service-main-container {
  display: flex;
  box-sizing: border-box;
}
.free-service-main-container * {
  -webkit-user-drag: none;
  user-drag: none;
}
.free-service-main-container .left-col {
  width: 0;
  flex-shrink: 0;
}
.free-service-main-container .left-col.has-left-menu {
  width: 80px;
}

.free-service-ebook-wrap {
  width: 100%;
  flex: 1;
  position: relative;
  cursor: grab;
  overflow-x: hidden;
}
.free-service-ebook-wrap .free-service-ebook-drag {
  position: relative;
}
.free-service-ebook-wrap .drag-guide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background: #fff;
}
.free-service-ebook-wrap .drag-guide.trans-bg {
  background: transparent;
}
.free-service-ebook-wrap .drag-guide .guide-cnt {
  width: 103px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  -webkit-animation: fuwan 0.5s both;
  animation: fuwan 0.5s both;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  pointer-events: none;
}
.free-service-ebook-wrap .drag-guide .guide-cnt img {
  filter: drop-shadow(0px 0px 10px black);
  display: block;
}
.free-service-ebook-wrap .drag-guide .guide-cnt .drag-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}
.free-service-ebook-wrap .drag-guide .guide-cnt .drag-bg:before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: fuwanfuwan 1.8s infinite both;
  animation: fuwanfuwan 1.8s infinite both;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.free-service-ebook-wrap .drag-guide .guide-cnt .drag-bg:after {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  width: 240px;
  height: 240px;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: fuwanfuwan 1.8s infinite both;
  animation: fuwanfuwan 1.8s infinite both;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.free-service-ebook-wrap .drag-guide .guide-cnt .drag-bg span {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: fuwanfuwan 1.8s infinite both;
  animation: fuwanfuwan 1.8s infinite both;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.free-service-ebook-wrap .drag-guide.off .guide-cnt {
  -webkit-animation: fuwan-out 0.6s both;
  animation: fuwan-out 0.6s both;
}

.new-free-service-ebook {
  padding-top: 60px;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #FDFDFD 34%, #E6E6E6 65%, #E6E6E6 100%) 0% 0% no-repeat padding-box;
  padding-bottom: 20px;
}
.new-free-service-ebook:first-of-type {
  padding-top: 120px;
}
.new-free-service-ebook .ebook-item__slider-newpage {
  display: flex;
  justify-content: center;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items {
  display: inline-block;
  width: 234px !important;
  height: 360px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.3215686275);
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.3215686275);
  margin: 0 30px;
  flex: 0 1 auto;
  transition: 0.3s;
  position: relative;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items:hover .dl_link {
  opacity: 1;
  transition: opacity 0.3s;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items:hover .ebook-item__link .name {
  opacity: 0;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items .ebook-item__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px 12px 0 12px;
  box-sizing: border-box;
  transition: opacity 0.3s;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items .ebook-item__link img:hover {
  opacity: 1;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items .dl_link {
  opacity: 0;
  transition: 0.3s;
  position: absolute;
  left: 50%;
  bottom: 12px;
  transform: translateX(-50%);
  text-align: center;
  width: calc(100% - 16px);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  padding: 8px 0;
  background-color: #CE858F;
  border-radius: 20px;
  display: block;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items .lock-icon {
  top: 40px;
  right: 32px;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items.ebook-place-1 {
  -webkit-animation: ebook-place-1 1.5s both;
  animation: ebook-place-1 1.5s both;
  animation-delay: 0.8s;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items.ebook-place-2 {
  -webkit-animation: ebook-place-2 1.5s both;
  animation: ebook-place-2 1.5s both;
  animation-delay: 0.8s;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items img {
  width: 210px;
  height: 280px;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items .name {
  text-align: center;
  padding-top: 20px;
  font-size: 12px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.3215686275);
  width: 90%;
  margin: 0 auto;
  margin-top: 10px;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items img, .new-free-service-ebook .ebook-item__slider-newpage .card-items .name {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.new-free-service-ebook .ebook-item__slider-newpage .card-items.can-hover:hover {
  transform: scale(1.1) !important;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3215686275);
}

.new-free-service-ebook-bottom {
  background: #fff !important;
  padding-top: 50px !important;
}

@media screen and (max-width: 768px) {
  .free-service-main-container .left-col.has-left-menu {
    width: 0;
  }
}
.form-register {
  background-color: #F2F2F5;
}
.form-register #form-register-confirm {
  width: 50%;
  margin: 0 auto;
  padding: 120px 0 60px;
}
.form-register #form-register-confirm .header-form {
  text-align: center;
  font-size: 20px;
  font-family: "source-han-sans-japanese", sans-serif;
  letter-spacing: 0.8px;
  color: #1A1B35;
  margin-bottom: 20px;
}
.form-register #form-register-confirm .des {
  text-align: center;
  width: 76%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.56px;
}
.form-register #form-register-confirm .body {
  margin-top: 50px;
}
.form-register #form-register-confirm .body .form-col {
  width: 100%;
  display: flex;
  margin-top: 30px;
  align-items: center;
}
.form-register #form-register-confirm .body .form-col .title {
  width: 20%;
  font-size: 16px;
  color: #2E4E76;
  font-family: "source-han-sans-japanese", sans-serif;
}
.form-register #form-register-confirm .body .form-col .name {
  display: flex;
  width: 80%;
  font-size: 14px;
}
.form-register #form-register-confirm .body .form-col .name .last-name {
  margin-left: 20px;
}
.form-register #form-register-confirm .body .um-header, .form-register #form-register-confirm .body .um-profile-navbar, .form-register #form-register-confirm .body .um-profile-nav {
  display: none;
}
.form-register #form-register-confirm .body .um-col-1 .um-field {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.form-register #form-register-confirm .body .um-col-1 .um-field .um-field-label {
  margin: 0;
  color: #2E4E76;
  font-weight: bold;
  font-size: 16px;
  width: 180px;
}
.form-register #form-register-confirm .body .um-col-1 .um-field .um-field-area {
  width: calc(100% - 180px);
}
.form-register #form-register-confirm .body .um-col-1 .um-field .um-field-area .um-form-field {
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3215686275) !important;
  border: none !important;
}
.form-register #form-register-confirm .body .um-col-alt .um-center {
  text-align: right;
}
.form-register #form-register-confirm .body .um-col-alt .um-center .um-button {
  background: #CE858F;
  border-radius: 8px !important;
  padding: 16px 0 !important;
  width: calc(100% - 180px) !important;
}
.form-register #form-register-confirm .body .um-register {
  line-height: 1.5;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .form-register {
    padding: 10px 0 0 0;
  }
  .form-register #form-register-confirm .body .um-col-alt .um-center .um-button {
    width: 100% !important;
    margin: 30px 0 0 0;
  }
  .form-register #form-register-confirm .body .um-col-1 .um-field {
    display: block;
  }
  .form-register #form-register-confirm .body .um-col-1 .um-field .um-field-label {
    width: 100%;
    text-align: left;
    margin: 30px 0 10px 0;
  }
  .form-register #form-register-confirm .body .um-col-1 .um-field .um-field-area {
    width: 100%;
  }
  #form-register-confirm {
    margin-top: 100px !important;
    width: 93% !important;
    padding-top: 0px !important;
  }
  #form-register-confirm .des {
    width: 100% !important;
    font-size: 12px;
  }
  #form-register-confirm .form-col .title {
    font-size: 14px !important;
    width: 35% !important;
  }
  #form-register-confirm .form-col .name {
    width: 60%;
  }
  #form-register-confirm .radio-box {
    flex-wrap: wrap;
  }
  #form-register-confirm .radio-box .radio-item {
    width: 45%;
    margin-top: 20px;
  }
  #form-register-confirm .radio-box .radio-item input {
    margin: 0 !important;
    margin-left: 10px !important;
  }
  #form-register-confirm .form-col-change {
    display: block !important;
  }
  #form-register-confirm .form-col-change .name {
    width: 100% !important;
  }
  #form-register-confirm .form-col-change input {
    margin-top: 20px;
  }
  #form-register-confirm .btn-col-change {
    display: block !important;
  }
  #form-register-confirm .btn-col-change .submit-btn {
    width: 100% !important;
    margin-top: 0 !important;
  }
  .paragraph-left_comment {
    display: block !important;
    margin-left: 0 !important;
    margin-top: 40px;
  }
  .header-box {
    display: block !important;
  }
  .header-box .header-box-img {
    display: flex;
    justify-content: center;
  }
  .header-box img {
    width: 210px !important;
    height: 280px !important;
  }
}
#top_menu {
  z-index: 12;
}

#left_menu {
  z-index: 12;
}

#left_menu, #top_menu {
  position: fixed;
  width: 80px;
  left: 0px;
  top: 0px;
  height: 100%;
  overflow: visible;
  background-color: rgb(53, 78, 115);
}
#left_menu.menu-blog-type, #top_menu.menu-blog-type {
  background-color: #3f7eae;
}
#left_menu.menu-blog-type .menu-item.last-item, #top_menu.menu-blog-type .menu-item.last-item {
  height: 260px;
}
#left_menu .menu-item, #top_menu .menu-item {
  cursor: pointer;
}
#left_menu .menu-item.last-item, #top_menu .menu-item.last-item {
  height: 180px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
#left_menu .menu-item .bar1,
#left_menu .menu-item .bar2,
#left_menu .menu-item .bar3, #top_menu .menu-item .bar1,
#top_menu .menu-item .bar2,
#top_menu .menu-item .bar3 {
  width: 33px;
  height: 2px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}
#left_menu .menu-item .menu, #top_menu .menu-item .menu {
  font-family: Montserrat;
  font-style: normal;
  font-size: 10px;
  color: white;
  margin-top: 15px;
  background-color: transparent;
  height: auto;
}
#left_menu .menu-item .service-box, #top_menu .menu-item .service-box {
  text-align: center;
  cursor: pointer;
  padding-bottom: 25px;
}
#left_menu .menu-item .service-box .service-box-image, #top_menu .menu-item .service-box .service-box-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
#left_menu .menu-item .service-box .service-box-image .cover, #top_menu .menu-item .service-box .service-box-image .cover {
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  padding: 6px;
}
#left_menu .menu-item .service-box .text, #top_menu .menu-item .service-box .text {
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
}
#left_menu .menu-item .service-box.login-user .service-box-image .cover, #top_menu .menu-item .service-box.login-user .service-box-image .cover {
  width: 35px;
  padding: 0;
}
#left_menu .contact-icon:hover, #top_menu .contact-icon:hover {
  animation: bounce 1s;
}

.change .bar1 {
  transform: translate(0, 8px) rotate(-45deg);
}
.change .bar2 {
  opacity: 0;
}
.change .bar3 {
  transform: translate(0, -8px) rotate(45deg);
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-10px);
  }
}
#top_menu {
  width: 100% !important;
  height: 64px !important;
  align-items: center;
  background-color: white;
}
#top_menu .top-menu-content {
  width: 90%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#top_menu .top-menu-content .logo {
  width: 180px;
  height: 40px;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  #top_menu .menu-item .bar1, #top_menu .menu-item .bar2, #top_menu .menu-item .bar3 {
    width: 33px;
    height: 2px;
    background-color: #354E73;
    margin: 6px 0;
    transition: 0.4s;
  }
  #left_menu .menu-item .menu, #top_menu .menu-item .menu {
    font-family: Montserrat;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    color: #354E73;
    margin-top: 6px;
    background-color: transparent;
    height: auto;
  }
}
.login-box-content {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.7019607843) 0% 0% no-repeat padding-box;
  text-align: center;
  font-size: 20px;
  z-index: 100;
  align-items: center;
  display: none;
}
.login-box-content.active {
  display: flex;
  top: 0;
}
.login-box-content .login-box {
  width: 360px;
  min-height: 302px;
  margin: 0 auto;
  background-color: white;
  position: relative;
  border-radius: 8px;
}
.login-box-content .login-box .content {
  width: 288px;
  margin: 0 auto;
  margin-top: 28px;
}
.login-box-content .login-box .content .freeservice-last-name {
  width: 80%;
}
.login-box-content .login-box .content .freeservice-first-name {
  width: 80%;
}
.login-box-content .login-box .content .name-gruop {
  display: flex;
}

.top-login-form-scss legend {
  display: none !important;
}
.top-login-form-scss label {
  display: none !important;
}
.top-login-form-scss #rememberme {
  display: none;
}
.top-login-form-scss .link-text {
  display: none;
}
.top-login-form-scss .link-text {
  display: none;
}
.top-login-form-scss #wpmem_login {
  width: 100%;
}
.top-login-form-scss fieldset {
  margin: 0 !important;
}
.top-login-form-scss .username {
  background-color: #F2F2F5 !important;
  width: 91% !important;
  font-size: 14px !important;
  color: #8F8F9F !important;
  padding: 10px !important;
}
.top-login-form-scss .password {
  background-color: #F2F2F5 !important;
  width: 91% !important;
  font-size: 14px !important;
  color: #8F8F9F !important;
  padding: 10px !important;
}
.top-login-form-scss .button_div {
  line-height: 0 !important;
  padding: 0 !important;
  color: #8F8F9F !important;
}
.top-login-form-scss .button_div input {
  width: 100%;
  background-color: white !important;
  border: 1px solid #CE858F !important;
  border-radius: 4px !important;
  color: #CE858F !important;
  font-size: 14px !important;
  font-weight: bold !important;
  padding: 10px !important;
}
.top-login-form-scss .wpmem_msg {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
}

.close-login-form {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  margin-top: -50px;
  margin-right: -50px;
}
.close-login-form .source-1 {
  width: 33px;
  height: 2px;
  background-color: white;
  margin: 13px 0;
  transition: 0.4s;
  transform: translate(0, 8px) rotate(-45deg);
}
.close-login-form .source-2 {
  width: 33px;
  height: 2px;
  background-color: white;
  margin: 13px 0;
  transition: 0.4s;
  transform: translate(0, -8px) rotate(45deg);
}

.login-box-content .login-box .content #main {
  margin-top: 32px !important;
}
.login-box-content .login-box .content #main .entry-header .entry-title {
  font-size: 20px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.login-box-content .login-box .content #main .entry-content .form-box {
  margin-top: 20px;
}
.login-box-content .login-box .content #main .entry-content .form-box .input-form {
  width: 100%;
  height: 40px;
  margin-top: 16px;
  border: 1px solid #BBBBC7;
  border-radius: 4px;
  padding-left: 22px;
  background-color: #F2F2F5;
}
.login-box-content .login-box .content #main .entry-content .form-box .btn-submit {
  border: 1px solid var(--unnamed-color-ce858f);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #CE858F;
  border-radius: 4px;
  color: #CE858F;
  width: 288px;
  padding: 0;
}
.login-box-content .login-box .content #main .entry-content .form-box p {
  color: #1A1B35;
  font-size: 12px;
  text-align: center;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 17px;
  margin-bottom: 27px;
}
.login-box-content .login-box .content #main .entry-content .form-box p a {
  color: #3F7EAE;
}

@media screen and (max-width: 768px) {
  .login-box .content #main .entry-content .form-box .btn-submit {
    margin-bottom: 12px;
  }
  .login-box .close-login-form {
    margin-right: 0px;
  }
}
.login-register-form {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
}
.login-register-form .login-box {
  width: 300px;
  margin: 0 auto;
  background-color: white;
  position: relative;
  border-radius: 8px;
  z-index: 0;
}
.login-register-form .login-box form .name {
  display: flex;
  justify-content: space-between;
}
.login-register-form .login-box form .name input {
  width: 48%;
}
.login-register-form .login-box form .input-form {
  width: 100%;
  height: 40px;
  margin-top: 16px;
  border: 1px solid #BBBBC7;
  border-radius: 4px;
  padding-left: 22px;
  background-color: #F2F2F5;
}
.login-register-form .login-box form .btn-submit {
  border: 1px solid var(--unnamed-color-ce858f);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #CE858F;
  border-radius: 4px;
  color: #CE858F;
  width: 100%;
  margin: 16px 0;
  cursor: pointer;
  transition: 0.3s;
  font-family: "Source Han Sans JP";
  padding: 16px 0;
}
.login-register-form .login-box form .btn-submit:hover {
  background: #CE858F 0% 0% no-repeat padding-box;
  color: #fff;
}
.login-register-form .login-box form p {
  color: #1A1B35;
  font-size: 12px;
  text-align: center;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 12px;
  margin-bottom: 32px;
}
.login-register-form .login-box form p a {
  color: #3F7EAE;
}
.login-register-form .login-box .title {
  font-size: 20px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0 0 12px 0;
}
.login-register-form .login-box .content .um-register .um-postmessage {
  text-align: center;
  line-height: 1.5;
  font-size: 16px;
  color: #000;
}
.login-register-form .login-box .content .um-form .um-row {
  margin: 0 !important;
}
.login-register-form .login-box .content .um-form .um-row .um-field {
  padding: 0;
  margin: 0 0 16px 0 !important;
}
.login-register-form .login-box .content .um-form ._um_row_2 {
  display: flex;
  justify-content: space-between;
}
.login-register-form .login-box .content .um-form ._um_row_2 > div:first-of-type, .login-register-form .login-box .content .um-form ._um_row_2 > div:nth-of-type(2) {
  width: 48%;
}
.login-register-form .login-box .content .um-form .um-field-area input {
  width: 100%;
  height: 40px;
  margin-top: 16px;
  border: 1px solid #BBBBC7;
  border-radius: 4px;
  padding-left: 22px;
  background-color: #F2F2F5;
}
.login-register-form .login-box .content .um-form .um-col-alt {
  margin: 0;
}
.login-register-form .login-box .content .um-form .um-col-alt .um-button {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #CE858F !important;
  border-radius: 4px !important;
  color: #CE858F;
  width: 288px !important;
  transition: 0.2s;
}
.login-register-form .login-box .content .um-form .um-col-alt .um-button:hover {
  background: #CE858F;
  color: #fff;
}
.login-register-form .login-box .register, .login-register-form .login-box p {
  color: #1A1B35;
  font-size: 12px;
  text-align: center;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 16px;
  margin-bottom: 20px;
}
.login-register-form .login-box .register a, .login-register-form .login-box p a {
  color: #3F7EAE;
}
.login-register-form .login-box .policy {
  font-size: 10px;
  color: #BBBBC7;
  text-align: left;
  line-height: 1.5;
}
.login-register-form .login-box .policy a {
  color: #3F7EAE;
}

.form-register #wpmem_reg {
  width: 100%;
}
.form-register #wpmem_reg .button_div {
  padding: 6px 0;
  width: 70%;
  text-align: center;
  margin-left: auto;
  background-color: #ce858f;
  border-radius: 8px;
}
.form-register #wpmem_reg .button_div input {
  background-color: #ce858f;
  color: white;
  font: normal normal bold 14px/32px "source-han-sans-japanese", sans-serif;
}
.form-register #wpmem_reg .req-text {
  display: none;
}
.form-register #wpmem_reg .req {
  display: none;
}
.form-register #wpmem_reg fieldset {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.form-register #wpmem_reg fieldset legend {
  display: none;
}
.form-register #wpmem_reg fieldset label {
  width: 30%;
  height: 44px;
  font: normal normal bold 16px/32px "source-han-sans-japanese", sans-serif;
  color: #2E4E76;
}
.form-register #wpmem_reg fieldset .div_text {
  width: 70%;
  height: 44px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 4px;
  margin: 0 0 32px 0;
}
.form-register #wpmem_reg fieldset .div_text input {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-sizing: border-box;
}
.form-register #wpmem_reg fieldset .div_radio {
  width: 70%;
}

.register-box-content {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.7019607843) 0% 0% no-repeat padding-box;
  text-align: center;
  font-size: 20px;
  z-index: 1000;
  align-items: center;
  display: none;
}
.register-box-content.active {
  display: flex;
}
.register-box-content .login-box {
  width: 360px;
  margin: 0 auto;
  background-color: white;
  position: relative;
  border-radius: 8px;
}
.register-box-content .login-box .content {
  width: 288px;
  margin: 28px auto;
}
.register-box-content .login-box .content .freeservice-last-name {
  width: 80%;
}
.register-box-content .login-box .content .freeservice-first-name {
  width: 80%;
}
.register-box-content .login-box .content .name-gruop {
  display: flex;
}
.register-box-content .login-box .content input {
  height: 40px;
  background: #F2F2F5 0% 0% no-repeat padding-box;
  border-radius: 4px;
}
.register-box-content .login-box .content .um-postmessage {
  line-height: 1.5;
}
.register-box-content .login-box .entry-content {
  margin: 0;
  text-align: left;
}
.register-box-content .login-box .entry-content form .name {
  display: flex;
  justify-content: space-between;
}
.register-box-content .login-box .entry-content form .name input {
  width: 40%;
}
.register-box-content .login-box .entry-content form .input-form {
  width: 100%;
  height: 40px;
  margin-top: 16px;
  border: 1px solid #BBBBC7;
  border-radius: 4px;
  padding-left: 22px;
  background-color: #F2F2F5;
}
.register-box-content .login-box .entry-content form .btn-submit {
  border: 1px solid var(--unnamed-color-ce858f);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #CE858F;
  border-radius: 4px;
  color: #CE858F;
  width: 100%;
  margin: 16px 0;
  cursor: pointer;
  transition: 0.3s;
  font-family: "Source Han Sans JP";
}
.register-box-content .login-box .entry-content form .btn-submit:hover {
  background: #CE858F 0% 0% no-repeat padding-box;
  color: #fff;
}
.register-box-content .login-box .entry-content form p {
  color: #1A1B35;
  font-size: 12px;
  text-align: center;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 12px;
  margin-bottom: 32px;
}
.register-box-content .login-box .entry-content form p a {
  color: #3F7EAE;
}
.register-box-content .login-box .entry-content .link-login {
  text-align: center;
  display: block;
  margin: 0;
}

.login-box {
  width: 100vw;
  position: fixed;
  background: rgba(0, 0, 0, 0.7019607843) 0% 0% no-repeat padding-box;
  text-align: center;
  font-size: 20px;
  z-index: 10;
  align-items: center;
}
.login-box.active {
  display: flex;
}

#Login {
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: rgba(0, 0, 0, 0.7019607843) 0% 0% no-repeat padding-box;
  text-align: center;
  font-size: 200px;
  z-index: 10;
  display: flex;
  align-items: center;
}
#Login .login-box {
  width: 360px;
  min-height: 302px;
  margin: 0 auto;
  background-color: white;
  position: relative;
  border-radius: 8px;
}
#Login .login-box .title {
  text-align: center;
  font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
  margin-top: 32px;
}
#Login .login-box .content {
  width: 288px;
  margin: 0 auto;
  margin-top: 28px;
}
#Login .login-box .content input {
  width: 100%;
  height: 48px;
  background: #F2F2F5 0% 0% no-repeat padding-box;
  border-radius: 4px;
}
#Login .login-box .content .um-button {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #CE858F !important;
  border-radius: 4px !important;
  opacity: 1;
  color: #CE858F !important;
  font: normal normal bold 14px/20px "Source Han Sans JP";
}
#Login .login-box .register {
  text-align: center;
  font: normal normal bold 12px/17px "Source Han Sans JP";
  padding-bottom: 10px;
}
#Login .login-box .register a {
  color: #3F7EAE;
}

.close-login-form {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  margin-top: -50px;
  margin-right: -50px;
}
.close-login-form .source-1 {
  width: 33px;
  height: 2px;
  background-color: white;
  margin: 13px 0;
  transition: 0.4s;
  transform: translate(0, 8px) rotate(-45deg);
}
.close-login-form .source-2 {
  width: 33px;
  height: 2px;
  background-color: white;
  margin: 13px 0;
  transition: 0.4s;
  transform: translate(0, -8px) rotate(45deg);
}

@media screen and (max-width: 768px) {
  .form-register #wpmem_reg {
    width: 100%;
  }
  .form-register #wpmem_reg .button_div {
    padding: 0;
    width: 100%;
    text-align: unset;
    margin-left: 0;
    background-color: #ce858f;
    border-radius: 8px;
  }
  .form-register #wpmem_reg .button_div input {
    background-color: #ce858f;
    color: white;
    font: normal normal bold 14px/32px "source-han-sans-japanese", sans-serif;
    width: 100%;
    height: 44px;
    border-radius: 8px;
  }
  .form-register #wpmem_reg .req-text {
    display: none;
  }
  .form-register #wpmem_reg .req {
    display: none;
  }
  .form-register #wpmem_reg fieldset {
    display: block;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .form-register #wpmem_reg fieldset legend {
    display: none;
  }
  .form-register #wpmem_reg fieldset label {
    width: 30%;
    height: 44px;
    font: normal normal bold 16px/32px "source-han-sans-japanese", sans-serif;
    color: #2E4E76;
  }
  .form-register #wpmem_reg fieldset .div_text {
    width: 100%;
    height: 44px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
    border-radius: 4px;
    margin: 0 0 32px 0;
  }
  .form-register #wpmem_reg fieldset .div_text input {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .form-register #wpmem_reg fieldset .div_radio {
    width: 70%;
  }
  .register-box-content .login-box {
    height: 353px;
  }
  .register-box-content .login-box .content {
    margin: 70px auto;
  }
  .register-box-content .login-box .content .entry-content form {
    display: flex;
    flex-wrap: wrap;
  }
  .register-box-content .login-box .content .entry-content form .name {
    display: flex;
  }
  .register-box-content .login-box .close-login-form {
    margin-right: 0px;
  }
}
#seminarv .seminarv-main-item {
  margin-top: 40px;
  display: flex;
  margin-left: 80px;
  align-items: center;
  max-width: 1360px;
  margin: 40px auto 0;
}
#seminarv .seminarv-main-item .img {
  width: 56.4%;
  max-width: 767px;
  aspect-ratio: 767/565;
}
#seminarv .seminarv-main-item .img img {
  width: 100%;
  height: 100%;
}
#seminarv .seminarv-main-item .seminarv-item-content {
  width: 30%;
  margin: 0 60px;
  color: #fff;
  line-height: 1.7;
}
#seminarv .seminarv-main-item .seminarv-item-content .title {
  font-size: 24px;
  font-weight: 600;
}
#seminarv .seminarv-main-item .seminarv-item-content .description {
  font-size: 20px;
  font-weight: 600;
  margin-top: 32px;
}
#seminarv .seminarv-main-item .seminarv-item-content .body {
  margin-top: 20px;
  font-size: 16px;
}
#seminarv .seminarv-main-item .seminarv-item-content .button-link {
  width: 100%;
  height: 56px;
  margin-top: 40px;
}
#seminarv .seminarv-main-item .seminarv-item-content .button-link a {
  width: 100%;
}
#seminarv .seminarv-main-item .seminarv-item-content .button-link a button {
  width: 100%;
  height: 56px;
  background-color: #ce858f;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
#seminarv .seminar-video-list-swapper .slick-slide {
  width: 320px;
}
#seminarv .seminar-videos-area__next {
  position: absolute;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
  width: 170px;
  height: 225px;
  margin-top: -240px;
  right: 0;
}
#seminarv .seminar-videos-area__next .icon {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 40px;
  margin-top: 110px;
  border: 0;
  border-bottom: solid 3px white;
  border-left: solid 3px white;
  transform: rotate(-135deg) translateY(50%);
  cursor: pointer;
}
#seminarv .seminarv-body .row-list-video .title {
  font-size: 20px;
  color: white;
  font-weight: 600;
  transform: translateY(50px);
  width: 83%;
  margin: 20px auto 0;
  max-width: 1200px;
}
#seminarv .seminarv-body .row-list-video .body {
  margin-top: 20px;
}
#seminarv .seminarv-body .row-list-video .body .slick-list {
  padding: 0 21% 0 8.5%;
}
#seminarv .seminarv-body .row-list-video .body .slick-list .seminarv-video-item {
  border-radius: 20px;
  cursor: pointer;
  aspect-ratio: 4/3;
  margin-top: 70px;
  padding: 0 20px 0 0;
  box-sizing: border-box;
}
#seminarv .seminarv-body .row-list-video .body .slick-list .seminarv-video-item:hover .img {
  margin: -97% 0 0;
}
#seminarv .seminarv-body .row-list-video .body .slick-list .seminarv-video-item .img {
  aspect-ratio: 4/3;
  margin: -75% 0 0;
  transition: margin-top 0.5s ease;
}
#seminarv .seminarv-body .row-list-video .body .slick-list .seminarv-video-item img {
  aspect-ratio: 4/3;
  width: 100%;
  border-radius: 20px;
  object-fit: cover;
}
#seminarv .seminarv-body .row-list-video .body .slick-list .seminarv-item-content {
  width: 100% !important;
  background-color: #2E4E76;
  aspect-ratio: 4/3;
  border-radius: 20px;
  display: flex;
  flex-direction: column-reverse;
}
#seminarv .seminarv-body .row-list-video .body .slick-list .seminarv-item-content .content {
  width: 90%;
  margin: 12px auto;
  display: flex;
  justify-content: space-between;
}
#seminarv .seminarv-body .row-list-video .body .slick-list .seminarv-item-content .content .title-seminarv-video {
  color: #fff;
  font-size: 12px;
  text-align: left;
  line-height: 2;
}
#seminarv .seminarv-body .row-list-video .body .slick-list .seminarv-item-content .btn {
  margin-top: 10px;
}
#seminarv .seminarv-body .row-list-video .body .slick-list .seminarv-item-content .btn button {
  width: 112px;
  height: 40px;
  background-color: #CE858F;
  border-radius: 20px;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

@media screen and (max-width: 1536px) {
  #seminarv .seminarv-main-item {
    margin: 40px 0 0 80px;
  }
}
@media screen and (max-width: 768px) {
  #seminarv .seminarv-video-item:hover .img {
    margin: -92% 0 0 !important;
  }
  #seminarv .seminarv-main-item {
    margin-left: 0;
    display: block;
  }
  #seminarv .seminarv-main-item .img {
    width: 100%;
    height: 295px;
  }
  #seminarv .seminar-video-list-swapper .slick-slide {
    width: 360px;
  }
  #seminarv .seminarv-item-content-2 {
    width: 100% !important;
  }
  #seminarv .seminarv-item-content {
    width: 93% !important;
    margin: 0 auto !important;
  }
  #seminarv .seminarv-item-content .title {
    display: none;
  }
  #seminarv .seminarv-item-content .content {
    margin: 8px auto !important;
  }
  #seminarv .seminarv-item-content .content .title-seminarv-video {
    line-height: 1.4 !important;
    margin-top: 16px;
  }
  #seminarv .seminarv-body {
    margin-left: 10px !important;
  }
  #seminarv .seminar-videos-area__next {
    display: none !important;
  }
  #seminarv .seminarv-body .row-list-video .body .slick-list .seminarv-item-content .btn {
    margin-top: 10px;
  }
  #seminarv .seminarv-body .row-list-video .body .slick-list .seminarv-item-content .btn button {
    width: 112px;
    height: 40px;
    background-color: #CE858F;
    border-radius: 20px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
  }
}
.seminar-top-seminar {
  display: flex;
  margin: 40px auto 0;
  align-items: center;
  max-width: 1360px;
}
.seminar-top-seminar .img {
  width: 56.4%;
  max-width: 767px;
  aspect-ratio: 767/565;
}
.seminar-top-seminar .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.seminar-top-seminar .seminarv-item-content {
  width: 30%;
  margin: 60px;
}
.seminar-top-seminar .seminarv-item-content .title {
  color: #2E4E76;
  font: normal normal bold 24px/35px "source-han-sans-japanese", sans-serif;
}
.seminar-top-seminar .seminarv-item-content .description {
  color: #1A1B35;
  font: normal normal bold 20px/30px "source-han-sans-japanese", sans-serif;
  margin: 20px 0 20px 0;
}
.seminar-top-seminar .seminarv-item-content .body {
  font-size: 16px;
}
.seminar-top-seminar .seminarv-item-content .button-link {
  width: 100%;
  height: 56px;
  margin-top: 40px;
}
.seminar-top-seminar .seminarv-item-content .button-link a {
  width: 100%;
}
.seminar-top-seminar .seminarv-item-content .button-link a button {
  width: 100%;
  height: 56px;
  background-color: #ce858f;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.seminar-sub-seminars {
  width: 83%;
  max-width: 1200px;
  margin: 60px auto 40px;
}
.seminar-sub-seminars .title {
  font: normal normal bold 20px/30px "source-han-sans-japanese", sans-serif;
  color: #1A1B35;
  margin-bottom: 40px;
}
.seminar-sub-seminars .seminar-sub-seminars-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.seminar-sub-seminars .img {
  width: calc(25% - 12px);
}
.seminar-sub-seminars .img img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1536px) {
  .seminar-top-seminar {
    margin: 40px 0 0 80px;
  }
}
@media screen and (max-width: 768px) {
  .freeservice-seminar-body .seminar-top-seminar {
    margin-left: 0;
    display: block;
  }
  .freeservice-seminar-body .seminar-top-seminar .img {
    margin-top: 40px;
    width: 100%;
    height: 295px;
  }
  .freeservice-seminar-body .seminar-sub-seminars {
    width: 93%;
  }
  .freeservice-seminar-body .seminar-sub-seminars .title {
    font: normal normal bold 16px/30px "source-han-sans-japanese", sans-serif;
  }
  .freeservice-seminar-body .seminar-sub-seminars .img {
    width: 100%;
    height: 271px;
    margin: 0;
    margin-bottom: 20px;
    border-radius: 8px;
  }
  .freeservice-seminar-body .seminar-sub-seminars .img img {
    height: 271px;
    border-radius: 8px;
  }
  .freeservice-seminar-body .seminarv-item-content {
    width: 93% !important;
    margin: 0 auto !important;
    padding: 10px 0;
  }
  .freeservice-seminar-body .seminarv-item-content .title {
    display: none;
  }
  .freeservice-seminar-body .seminarv-item-content .button-link {
    margin-top: 27px;
  }
  .freeservice-seminar-body .seminarv-body {
    margin-left: 10px !important;
  }
}
.service-image2 {
  margin: 70px 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: 80px;
}
.service-image2 .service-image2-item1 {
  width: 100%;
  aspect-ratio: 34/7;
  position: relative;
  background: linear-gradient(rgba(26, 27, 53, 0.5), rgba(26, 27, 53, 0.5)), url(/wp-content/themes/micado/img/new-homepage/top-page/home_contact.png);
  background-size: cover;
}
.service-image2 .service-image2-item1 .content-body1 {
  width: 100%;
  aspect-ratio: 34/7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-image2 .service-image2-item1 .color {
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
}
.service-image2 .service-image2-item1 .color .title {
  opacity: 0.8;
}
.service-image2 .service-image2-item1 .color .sub-title {
  font-size: 32px;
  opacity: 1;
  margin: 13px 0;
}
.service-image2 .service-image2-item1 .color .url {
  opacity: 0.8;
}
.service-image2 .service-image2-item2 {
  background: linear-gradient(rgba(26, 27, 53, 0.5), rgba(26, 27, 53, 0.5)), url(/wp-content/themes/micado/img/new-homepage/top-page/office.png);
  background-size: cover;
}
.service-image2 .service-image2-item3 {
  background: linear-gradient(rgba(26, 27, 53, 0.5), rgba(26, 27, 53, 0.5)), url(/wp-content/themes/micado/img/new-homepage/top-page/recruit_allmember.png);
  background-size: cover;
}
.service-image2 .service-image2-item2, .service-image2 .service-image2-item3 {
  width: 50%;
  aspect-ratio: 17/7;
  position: relative;
}
.service-image2 .service-image2-item2 .content-body, .service-image2 .service-image2-item3 .content-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 17/7;
}
.service-image2 .service-image2-item2 .color, .service-image2 .service-image2-item3 .color {
  position: absolute;
  top: 50%;
  left: 15%;
  transform: translateY(-30%);
  color: #FFFFFF;
  font-size: 16px;
}
.service-image2 .service-image2-item2 .color .title, .service-image2 .service-image2-item3 .color .title {
  opacity: 0.8;
}
.service-image2 .service-image2-item2 .color .sub-title, .service-image2 .service-image2-item3 .color .sub-title {
  font-size: 32px;
  margin-bottom: 60px;
  margin-top: 15px;
}
.service-image2 .service-image2-item2 .color .url, .service-image2 .service-image2-item3 .color .url {
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  .br-sp-none {
    display: none;
  }
  .service-image2 {
    margin: 70px 0;
  }
  .service-image2 .service-image2-item1, .service-image2 .service-image2-item2, .service-image2 .service-image2-item3 {
    width: 95%;
    margin-bottom: 12px;
    aspect-ratio: 2/1;
  }
  .service-image2 .service-image2-item1 img, .service-image2 .service-image2-item2 img, .service-image2 .service-image2-item3 img {
    height: 100%;
    object-fit: cover;
  }
  .service-image2 .service-image2-item1 .content-body, .service-image2 .service-image2-item1 .content-body1, .service-image2 .service-image2-item2 .content-body, .service-image2 .service-image2-item2 .content-body1, .service-image2 .service-image2-item3 .content-body, .service-image2 .service-image2-item3 .content-body1 {
    aspect-ratio: 2/1;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .service-image2 .service-image2-item1 .color, .service-image2 .service-image2-item2 .color, .service-image2 .service-image2-item3 .color {
    font-size: 14px;
    text-align: right;
    margin: inherit;
    transform: inherit;
    position: static;
  }
  .service-image2 .service-image2-item1 .color .sub-title, .service-image2 .service-image2-item2 .color .sub-title, .service-image2 .service-image2-item3 .color .sub-title {
    font-size: 20px;
    margin: 13px 0 25px;
  }
  .service-image2 .service-image2-item1 .content-body1 {
    justify-content: flex-end;
  }
  .service-image2 .service-image2-item2 {
    margin-left: auto;
  }
  .service-image2 .service-image2-item2 .color {
    text-align: left;
    left: 0;
  }
  .service-image2 .service-image2-item3 .content-body {
    justify-content: flex-end;
  }
}
.contact-form-item {
  display: flex;
  align-items: center;
}
.contact-form-item p {
  width: 75%;
}
.contact-form-item .contact-form-p {
  width: 25%;
  font: normal normal bold 16px/32px "source-han-sans-japanese", sans-serif;
  color: #2E4E76;
}
.contact-form-item .compapny-form-box {
  display: flex;
  justify-content: space-between;
  font: normal normal bold 14px/24px "source-han-sans-japanese", sans-serif;
  color: #1A1B35;
  margin: 10px 0 0 !important;
}
.contact-form-item .compapny-form-box .wpcf7-list-item {
  padding: 0 0 0 15px !important;
}
.contact-form-item .compapny-form-checkbox {
  display: flex;
  flex-wrap: wrap;
  font: normal normal bold 14px/24px "source-han-sans-japanese", sans-serif;
  color: #1A1B35;
  margin: 13px 0 0 68px !important;
}
.contact-form-item .compapny-form-checkbox .wpcf7-list-item {
  padding: 0 0 0 15px !important;
}
.contact-form-item .contact-name-flex {
  width: 75%;
  display: flex;
  justify-content: space-between;
}
.contact-form-item .contact-name-flex .contact-name-first, .contact-form-item .contact-name-flex .contact-name-last {
  width: 46.2%;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 4px;
}
.contact-form-item .contact-name-flex .contact-name-first input, .contact-form-item .contact-name-flex .contact-name-last input {
  border-radius: 4px;
}
.contact-form-item .contact-form-content {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  border-radius: 4px;
}
.contact-form-item .contact-form-content input {
  border-radius: 4px;
}

.contact-form-start {
  align-items: start !important;
}

.contact-form-textarea {
  align-items: start !important;
}
.contact-form-textarea p {
  margin: 28px 0 0;
}

.contact-form-submit {
  background: #CE858F !important;
  font: normal normal bold 14px/32px Source Han Sans JP !important;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275) !important;
  border-radius: 8px !important;
}

@media screen and (max-width: 768px) {
  .contact-form-item {
    display: block;
  }
  .contact-form-item p {
    width: 100%;
  }
  .contact-form-item .contact-form-p {
    width: 100%;
    font: normal normal bold 16px/32px "source-han-sans-japanese", sans-serif;
    color: #2E4E76;
    margin: 30px 0 5px !important;
  }
  .contact-form-item .compapny-form-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 !important;
    justify-content: unset;
  }
  .contact-form-item .compapny-form-box .wpcf7-list-item {
    width: 34.6% !important;
    padding: 0 0 0 15px !important;
  }
  .contact-form-item .compapny-form-checkbox {
    margin: 0 !important;
  }
  .contact-form-item .compapny-form-checkbox .wpcf7-list-item {
    width: auto !important;
    padding: 0 0 0 22px !important;
  }
  .contact-form-item .contact-name-flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .contact-form-item .contact-name-flex .contact-name-first, .contact-form-item .contact-name-flex .contact-name-last {
    width: 46.2%;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
    border-radius: 4px;
  }
  .contact-form-item .contact-name-flex .contact-name-first input, .contact-form-item .contact-name-flex .contact-name-last input {
    border-radius: 4px;
    margin: 0 !important;
  }
  .contact-form-item .contact-form-content {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
    border-radius: 4px;
    margin: 0 0 20px !important;
  }
  .contact-form-item .contact-form-content input {
    border-radius: 4px;
  }
  .contact-form-start {
    align-items: start !important;
  }
  .contact-form-textarea {
    align-items: start !important;
  }
  .contact-form-textarea p {
    margin: 0;
  }
  .contact-form-submit {
    background: #CE858F !important;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275) !important;
    border-radius: 8px !important;
  }
}
.diagnosis-right-body .ebook-form-margin {
  font: normal normal medium 14px/32px "source-han-sans-japanese", sans-serif;
}
.diagnosis-right-body .ebook-form-margin h4 {
  margin: 20px 0 5px;
}
.diagnosis-right-body .ebook-form-drop .wpcf7-form-control {
  border-radius: 4px;
  border-color: #BBBBC7;
}
.diagnosis-right-body .ebook-form-drop .wpcf7-form-control-wrap::after {
  content: url("/wp-content/themes/micado/img/expand-arrow.png");
  position: absolute;
  top: 13px;
  right: 13px;
  transform: translateY(-50%);
  pointer-events: none;
}
.diagnosis-right-body .ebook-form-textarea .wpcf7-form-control {
  border-radius: 4px;
  box-shadow: none !important;
  border: 1px solid #BBBBC7;
  padding-left: 16px;
  box-sizing: border-box;
}
.diagnosis-right-body .ebook-form-name-flex {
  display: flex;
  justify-content: space-between;
}
.diagnosis-right-body .ebook-form-name-flex .ebook-name {
  width: calc(50% - 10px);
}
.diagnosis-right-body .ebook-form-name-flex .ebook-name .wpcf7-form-control {
  border-radius: 4px;
  box-shadow: none !important;
  border: 1px solid #BBBBC7;
  padding-left: 16px;
  box-sizing: border-box;
}
.diagnosis-right-body .ebook-form-item .wpcf7-form-control {
  border-radius: 4px;
  box-shadow: none !important;
  border: 1px solid #BBBBC7;
  padding-left: 16px;
  box-sizing: border-box;
}
.diagnosis-right-body .ebook-form-check .wpcf7-form-control-wrap span {
  margin: 0 10px 0 0;
}
.diagnosis-right-body .ebook-form-submit .wpcf7-form-control {
  background-color: #ce858f;
  margin: 30px 0 0 0 !important;
}
.diagnosis-right-body .form_privacy {
  font: normal normal normal 12px/18px "source-han-sans-japanese", sans-serif;
}

@media screen and (max-width: 768px) {
  .diagnosis-right-body .diagnosis-right__form {
    padding: 0 !important;
  }
  .diagnosis-right-body .diagnosis-right__form .wpcf7 .wpcf7-form {
    display: flex;
    flex-wrap: wrap;
  }
  .diagnosis-right-body .diagnosis-right__form p:first-child {
    display: none;
  }
  .diagnosis-right-body .ebook-form-margin {
    width: 100%;
    margin: 10px 0 1px;
  }
  .diagnosis-right-body .ebook-form-margin h4 {
    font-size: 14px;
  }
  .diagnosis-right-body .ebook-form-drop .wpcf7-form-control-wrap::after {
    top: 20px;
  }
  .diagnosis-right-body .ebook-form-textarea .wpcf7-form-control {
    border-radius: 4px;
    box-shadow: none !important;
    border: 1px solid #BBBBC7;
    padding-left: 16px;
    box-sizing: border-box;
  }
  .diagnosis-right-body .ebook-form-name-flex {
    display: flex;
    justify-content: space-between;
  }
  .diagnosis-right-body .ebook-form-name-flex .ebook-name {
    width: calc(50% - 10px);
  }
  .diagnosis-right-body .ebook-form-name-flex .ebook-name .wpcf7-form-control {
    border-radius: 4px;
    box-shadow: none !important;
    border: 1px solid #BBBBC7;
    padding-left: 16px;
    box-sizing: border-box;
  }
  .diagnosis-right-body .ebook-form-item .wpcf7-form-control {
    border-radius: 4px;
    box-shadow: none !important;
    border: 1px solid #BBBBC7;
  }
  .diagnosis-right-body .ebook-form-check .wpcf7-form-control-wrap span {
    margin: 0;
    border-bottom: none !important;
  }
  .diagnosis-right-body .ebook-form-submit {
    width: 100%;
  }
  .diagnosis-right-body .ebook-form-submit .wpcf7-form-control {
    background-color: #ce858f;
    margin: 30px 0 0 0 !important;
  }
  .diagnosis-right-body .form_privacy {
    font: normal normal normal 12px/18px "source-han-sans-japanese", sans-serif;
  }
}
.body-fixed {
  overflow: hidden;
}

.com-btn-form a {
  z-index: 99;
  position: fixed;
  background-color: #CE858F;
  border-radius: 50px;
  color: #FFFFFF;
  padding: 16px 27px;
  top: 700px;
  right: 100px;
  font: normal normal bold 20px/24px Montserrat;
  border: 2px solid;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
}

.sp-fixed-form {
  display: none;
}

.com-con-btn a {
  z-index: 9;
  position: fixed;
  background-color: #CE858F;
  border-radius: 50px;
  color: #FFFFFF;
  padding: 13px 23px;
  bottom: 80px;
  right: 100px;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  border: 2px solid;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
  width: 211px;
  text-align: center;
}
.com-con-btn a img {
  width: 24px;
  position: absolute;
  top: 15px;
  right: 9px;
}

.sp-only {
  display: none !important;
}

.top-con-back {
  background-image: url("/wp-content/themes/micado/img/com-img/con-top-bg.jpg");
  background-position: center;
  background-size: cover;
  height: 100vh;
  position: relative;
}
.top-con-back #companySwiper .companySwiper-content li {
  margin: 0 20px;
}

#confSwiper .confSwiper-content li {
  margin: 0 20px;
}

#companySwiper {
  padding: 0 0 40px;
}

#confSwiper {
  padding: 25px 0 40px;
}

.can-top {
  width: 83%;
  margin: 0px auto 25px;
  padding: 40px 0 0;
  max-width: 1200px;
}
.can-top .con-first-con .con-title {
  font: normal normal bold 80px/97px Montserrat;
  color: #1A1B35;
  margin: 60px 0 30px 0;
}
.can-top .con-first-con .con-dis h2 {
  color: #1A1B35;
  font: normal normal bold 60px/87px "source-han-sans-japanese", sans-serif;
  margin: 0 0 43px 0;
}
.can-top .con-first-con .con-kikan {
  color: #1A1B35;
  font: normal normal 600 32px/39px Montserrat;
  letter-spacing: 2px;
  margin: 0 0 54px 0;
}
.can-top .con-first-con .con-kikan .con-3m {
  font: normal normal 600 60px/73px Montserrat;
  color: #1A1B35;
  letter-spacing: 2px;
}
.can-top .con-first-con .con-kikan .haifun {
  font: normal normal 600 60px/73px Montserrat;
  color: #1A1B35;
  letter-spacing: 6px;
}

.con-second-content {
  width: 100%;
  padding: 75px 0 80px;
  background-image: url("/wp-content/themes/micado/img/com-img/con-bg.jpg");
}
.con-second-content .con-sec-title {
  width: 50%;
  margin: 0 auto 120px;
  max-width: 500px;
  text-align: center;
}
.con-second-content .con-sec-title .con-sec-dis {
  font: normal normal 600 16px/24px "source-han-sans-japanese", sans-serif;
  color: #FFFFFF;
  margin: 12px 0 10px;
}
.con-second-content .con-sec-title .con-sec-main {
  color: #FFFFFF;
  font: normal normal bold 24px/35px "source-han-sans-japanese", sans-serif;
  margin: 2px 0px 30px;
}
.con-second-content .con-kare {
  width: 50%;
  margin: 0 auto;
  max-width: 720px;
  background-color: white;
  border-radius: 8px;
  padding: 0 0 1px;
}
.con-second-content .con-kare .kare-header {
  display: flex;
  text-align: center;
  background-color: white;
  border-radius: 5px;
}
.con-second-content .con-kare .kare-header .kare-d1 {
  width: 50%;
  border-radius: 4px 0px 0px 0px;
  font: normal normal 600 20px/24px Montserrat;
  color: black;
  padding: 24px;
}
.con-second-content .con-kare .kare-header .kare-d2 {
  width: 50%;
  border-radius: 0px 4px 0px 0px;
  font: normal normal 600 20px/24px Montserrat;
  color: black;
  padding: 24px;
  background-color: #1A1B35;
}
.con-second-content .con-kare .kare-items {
  width: 91.6%;
  margin: 20px auto;
  max-width: 660px;
  height: 440px;
  overflow-y: scroll;
}
.con-second-content .con-kare .kare-items .kare-item {
  padding: 20px 12px;
  color: #1A1B35;
  text-align: left;
  margin: 0 auto 50px;
  background-color: #B7E1F1;
  border-radius: 8px;
}
.con-second-content .con-kare .kare-items .kare-item .kare-item-t {
  font: normal normal bold 15px/19px Montserrat;
  margin: 0 0 12px;
}
.con-second-content .con-kare .kare-items .kare-item .kare-item-title {
  font: normal normal bold 19px/29px "source-han-sans-japanese", sans-serif;
  margin: 0 0 12px;
}
.con-second-content .con-kare .kare-items .kare-item .kare-item-dis {
  font: normal normal bold 15px/24px "source-han-sans-japanese", sans-serif;
  margin: 0 0 16px;
}
.con-second-content .con-kare .kare-items .kare-item .kare-item-name {
  font: normal normal normal 12px/17px "source-han-sans-japanese", sans-serif;
}
.con-second-content .con-kare .kare-d2-con {
  display: none;
}
.con-second-content .con-kare .kare-d1-con {
  display: block;
}
.con-second-content .con-kare .kare-items::-webkit-scrollbar {
  width: 7px;
}
.con-second-content .con-kare .kare-items::-webkit-scrollbar-track {
  background-color: #b9bacb;
}
.con-second-content .con-kare .kare-items::-webkit-scrollbar-thumb {
  background-color: #636477;
  border-radius: 10px;
}
.con-second-content .kare-info {
  max-width: 1200px;
  margin: 20px auto;
  text-align: right;
  color: #fff;
}

.pink-label {
  width: 100%;
  background-color: #CE858F;
  margin: 0;
}
.pink-label p {
  width: 85%;
  font: normal normal bold 80px/97px Montserrat;
  opacity: 0.1;
  color: #1A1B35;
  text-align: center;
  margin: 0;
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
  line-height: 1.2em;
  animation: scrollAnime 9s linear infinite;
}
@keyframes scrollAnime {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.con-member {
  background-color: #DEF2B3;
  width: 100%;
  padding: 60px 0;
}
.con-member .con-speaker .con-mem-title {
  width: 83%;
  margin: 0 auto 10px;
  font: normal normal bold 60px/73px Montserrat;
  color: #1A1B35;
  display: flex;
}
.con-member .con-speaker .con-mem-title span {
  padding: 24px 32px;
  font: normal normal bold 16px/19px "source-han-sans-japanese", sans-serif;
  line-height: 2;
}
.con-member .con-speaker .con-mem-line {
  background-color: white;
  width: 100%;
  height: 7px;
  border: 1px solid black;
  margin: 0 0 50px;
}
.con-member .con-speaker .flex-left {
  justify-content: unset !important;
  gap: 62px;
}
.con-member .con-speaker .members {
  width: 83%;
  max-width: 1200px;
  margin: 0px auto 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.con-member .con-speaker .members .con-mem-item {
  width: 16%;
  margin: 0px 0 0;
  color: #1A1B35;
}
.con-member .con-speaker .members .con-mem-item img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  margin: 0 0 10px;
}
.con-member .con-speaker .members .con-mem-item .name {
  text-align: center;
  font: normal normal bold 24px/35px "source-han-sans-japanese", sans-serif;
}
.con-member .con-speaker .members .con-mem-item .name-d {
  text-align: center;
  font: normal normal 600 14px/18px Montserrat;
}
.con-member .con-speaker .members .con-mem-item .dis {
  text-align: center;
  font: normal normal 600 14px/18px Montserrat;
  margin: 10px 0 0;
}

.con-deta-content {
  background-image: url("/wp-content/themes/micado/img/com-img/con-top-bg.jpg");
  display: flex;
  justify-content: center;
  background-position: center;
  background-size: cover;
}
.con-deta-content .deta-left-content {
  width: 70%;
  max-width: 720px;
  padding-left: 120px;
  background-color: rgba(26, 27, 53, 0.3803921569);
}
.con-deta-content .deta-left-content .left-text img {
  width: 160px;
  margin: 175px 0 0;
}
.con-deta-content .deta-left-content .left-text h1 {
  font: normal normal bold 80px/97px Montserrat;
  color: #1A1B35;
  margin: 25px 0 170px;
}
.con-deta-content .deta-right-content {
  width: 50%;
  max-width: 720px;
  padding: 60px 160px;
}
.con-deta-content .deta-right-content h2 {
  font: normal normal bold 24px/46px "source-han-sans-japanese", sans-serif;
  color: #2E4E76;
  text-align: center;
  margin: 5px 0 -8%;
}
.con-deta-content .deta-right-content #doughnut_chart {
  margin: 10%;
}
.con-deta-content .deta-right-content #legend-container ul {
  text-align: center;
  margin: -10% 0 0;
}
.con-deta-content .deta-right-content #legend-container li {
  font: normal normal bold 20px/46px "source-han-sans-japanese", sans-serif;
  white-space: nowrap;
  color: #2E4E76;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 72%;
  margin: 0 auto;
  min-width: 351px;
}
.con-deta-content .deta-right-content #legend-container li span {
  width: 18px !important;
  height: 18px !important;
}
.con-deta-content .deta-right-content #legend-container li div {
  display: flex;
  align-items: center;
}
.con-deta-content .deta-right-content #legend-container li span:nth-child(2) {
  margin-left: 100px !important;
  display: inline-block;
  width: 100px !important;
  height: 100% !important;
}

.con-partners {
  width: 83%;
  max-width: 1200px;
  margin: 120px auto 120px;
  position: relative;
}
.con-partners .con-partners-p {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  letter-spacing: 0px;
  color: #1A1B35;
}
.con-partners .con-part-title {
  font: normal normal bold 60px/73px Montserrat;
  color: #1A1B35;
  margin: 0 0 12px;
}
.con-partners .con-part-sub-title .part-sub-title {
  font: normal normal bold 32px/39px Montserrat;
  color: #CE858F;
  margin: 40px 0 32px;
}
.con-partners .con-part-sub-title img {
  width: 240px;
  margin: 0 40px 40px 0;
}
.con-partners .con-part-btn {
  position: absolute;
  bottom: 53px;
  left: 30%;
}
.con-partners .con-part-btn a {
  padding: 24px 36px 20px;
  border: 4px solid #CE858F;
  border-radius: 34px;
}
.con-partners .con-part-btn a span {
  background-color: #CE858F;
  border-radius: 50px;
  color: white;
  margin: 0 12px 0 0;
  font: normal normal normal 20px/24px Montserrat;
  padding: 1px 7px;
}
.con-partners .con-part-btn a p {
  font: normal normal bold 20px/24px Montserrat;
  color: #CE858F;
  display: inline;
}

.con-info-contents {
  color: #FFFFFF;
  background-color: #2E4E76;
  padding: 80px 0;
}
.con-info-contents .con-info-title {
  font: normal normal bold 60px/73px Montserrat;
  width: 83%;
  max-width: 1200px;
  margin: 0 auto 0;
}
.con-info-contents .con-info-dis {
  width: 50%;
  max-width: 720px;
  margin: 15px auto;
}
.con-info-contents .con-info-dis .info-dis {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  display: flex;
  border-bottom: 2px solid;
  line-height: 3.5;
}
.con-info-contents .con-info-dis .info-dis .dis-title {
  width: 25%;
}
.con-info-contents .con-info-dis .info-dis .dis-dis {
  width: 75%;
}
.con-info-contents .con-info-dis .info-dis .dis-dis-line {
  line-height: 1.5;
  margin: 15px 0 15px;
}
.con-info-contents .con-info-dis .info-dis .dis-dis-line a {
  border-bottom: 1px solid rgba(201, 199, 199, 0.6901960784);
}

.com-main-body {
  background-color: #F2F2F5;
  padding: 1px 0 1px;
}
.com-main-body .con-hmc-content {
  width: 25%;
  max-width: 360px;
  min-width: 360px;
  margin: 100px auto;
}
.com-main-body .con-hmc-content .com-hmc-title {
  display: flex;
}
.com-main-body .con-hmc-content .com-hmc-title img {
  width: 92px;
  margin: 0 20px 0 0;
}
.com-main-body .con-hmc-content .com-hmc-title .hmc-title {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  color: #1A1B35;
}
.com-main-body .con-hmc-content .hmc-sub-title {
  color: #1A1B35;
  text-align: center;
  font: normal normal bold 20px/24px "source-han-sans-japanese", sans-serif;
  margin: 30px 0;
}
.com-main-body .con-hmc-content .level .wpcf7-radio {
  display: flex;
  justify-content: space-between;
}
.com-main-body .con-hmc-content .wpcf7-list-item {
  display: inline-block;
  margin: 0;
}
.com-main-body .con-hmc-content .wpcf7-checkbox {
  display: flex;
  justify-content: space-between;
}
.com-main-body .con-hmc-content .wpcf7-response-output {
  display: none !important;
  border: 2px solid #272727;
}
.com-main-body .con-hmc-content .acceptance-143 span span {
  margin-top: 25px;
  font-size: 14px;
}
.com-main-body .con-hmc-content .acceptance-144 span span {
  margin-top: 25px;
  font-size: 14px;
}
.com-main-body .con-hmc-content .acceptance-144 {
  display: block;
}
.com-main-body .con-hmc-content span.wpcf7-list-item-label {
  font-size: 15px;
  color: #2E4E76;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
}
.com-main-body .con-hmc-content h4 {
  color: #2E4E76;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  margin: 18px 0 6px;
}
.com-main-body .con-hmc-content .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 100%;
  box-shadow: 1px 1px 5px #d9d9d9;
  height: 56px;
  border: 1px solid #2E4E76;
  border-radius: 3px;
}
.com-main-body .con-hmc-content .wpcf7 input[type=url], .com-main-body .con-hmc-content .wpcf7 input[type=email], .com-main-body .con-hmc-content .wpcf7 input[type=tel] {
  direction: ltr;
  width: 100%;
  box-shadow: 1px 1px 5px #d9d9d9;
  height: 56px;
  border: 1px solid #2E4E76;
  border-radius: 3px;
}
.com-main-body .con-hmc-content .wpcf7-form-control.wpcf7-select {
  height: 56px !important;
  margin: 8px auto 16px;
  width: 100%;
  padding-left: 15px;
  direction: ltr;
  width: 100%;
  box-shadow: 1px 1px 5px #d9d9d9;
  height: 40px;
  border: 1px solid #2E4E76;
  border-radius: 3px;
}
.com-main-body .con-hmc-content .ebook-form-submit {
  border-radius: 4px;
  margin: 28px 0 0;
}
.com-main-body .con-hmc-content .ebook-submit {
  background-color: #CE858F;
  width: 100%;
  color: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1607843137);
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  padding: 16px 18px;
  border-radius: 4px;
  cursor: pointer;
}
.com-main-body .con-hmc-content .hmc-contact-btns {
  display: flex;
  justify-content: space-between;
}
.com-main-body .con-hmc-content .hmc-contact-btns a {
  background-color: #3F7EAE;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  padding: 12px 28px;
  font: normal normal bold 16px/1.6 "source-han-sans-japanese", sans-serif;
  color: white;
  border-radius: 8px;
  margin: 44px 0;
  cursor: pointer;
}
.com-main-body .con-hmc-content .hmc-contact-btns a:nth-child(2) {
  background-color: white;
  color: #3F7EAE;
}
.com-main-body .con-hmc-content .hmc-contact-form1 {
  display: block;
}
.com-main-body .con-hmc-content .hmc-contact-form1 .acceptance-1500yen {
  display: none;
}
.com-main-body .con-hmc-content .hmc-contact-form1 .wpcf7-list-item {
  margin: 20px 0 0;
}
.com-main-body .con-hmc-content .hmc-contact-form1 .ebook-form-check {
  display: none;
}
.com-main-body .con-hmc-content .hmc-contact-form2 {
  display: none;
}
.com-main-body .con-hmc-content .hmc-contact-form2 .wpcf7-list-item {
  margin: 20px 0 0;
}

.con-kare-pc {
  width: 83%;
  max-width: 1200px;
  margin: 20px auto 20px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
}
.con-kare-pc .kare-pc-left {
  width: calc(50% - 60px);
  margin: 0px 15px 35px;
}
.con-kare-pc .kare-pc-left .kare-pc-title {
  color: #1A1B35;
  font: normal normal bold 24px/29px Montserrat;
  text-align: center;
  margin: 32px 0;
}
.con-kare-pc .kare-pc-left .kare-pc-items {
  color: #1A1B35;
}
.con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item {
  background-color: #B7E1F1;
  padding: 20px;
  width: 90%;
  margin: 20px auto;
  border-radius: 8px;
}
.con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-t {
  font: normal normal bold 16px/19px Montserrat;
}
.con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-text {
  font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
  margin: 10px 0;
}
.con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-dis p {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
}
.con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-dis.undecided p {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  color: #1A1B35;
}
.con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-mem {
  font: normal normal bold 12px/17px "source-han-sans-japanese", sans-serif;
  margin: 10px 0 5px;
}
.con-kare-pc .kare-pc-border {
  background-color: #2E4E76;
  width: 2px;
  height: auto;
  margin: 26px 0;
}

.con-faq-content {
  color: #1A1B35;
  width: 83%;
  max-width: 1200px;
  margin: 30px auto;
}
.con-faq-content .con-faq-title {
  font: normal normal bold 60px/73px Montserrat;
  margin: 0 0 20px;
}
.con-faq-content .con-faq-text {
  width: 93%;
  margin: 30px auto;
}
.con-faq-content .con-faq-text .faq-item {
  border-bottom: 2px solid;
  height: 88px;
  overflow: hidden;
}
.con-faq-content .con-faq-text .faq-item .faq-flex {
  display: flex;
  align-items: center;
  margin: 30px;
}
.con-faq-content .con-faq-text .faq-item .faq-flex .faq-q {
  font: normal normal bold 24px/29px Montserrat;
  width: 4%;
  height: 100%;
  margin-top: 0;
  margin-bottom: auto;
}
.con-faq-content .con-faq-text .faq-item .faq-flex .faq-title {
  font: normal normal bold 24px/29px Montserrat;
  width: 92%;
}
.con-faq-content .con-faq-text .faq-item .faq-flex .faq-dis {
  font: italic normal 600 16px/19px Montserrat;
  line-height: 1.7;
}
.con-faq-content .con-faq-text .faq-item .faq-flex .faq-right {
  font: normal normal normal 42px/29px Montserrat;
  width: 4%;
  cursor: pointer;
}
.con-faq-content .con-faq-text .faq-item .faq-flex .faq-right2 {
  font: normal normal normal 34px/29px Montserrat;
  width: 4%;
  display: none;
  cursor: pointer;
  margin-top: 5px;
}
.con-faq-content .con-faq-text .faq-item:nth-child(1) {
  border-top: 2px solid;
}

.con-thank-op {
  width: 100vw;
  height: 100vh;
  background-image: url("/wp-content/themes/micado/img/com-img/con-bg.jpg");
  opacity: 0.2;
}

.con-thank-body {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 680px;
}
.con-thank-body h1 {
  font-size: 80px;
  font-weight: bold;
  line-height: 97px;
  font-family: Montserrat;
  text-align: center;
  color: #1A1B35;
}
.con-thank-body p {
  font-size: 16px;
  font-weight: bold;
  line-height: 28.8px;
  font-family: Montserrat;
  text-align: center;
  color: #1A1B35;
}
.con-thank-body a {
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  font-family: Montserrat;
  color: white;
  padding: 16px 40px;
  background-color: #CE858F;
  border-radius: 34px;
  border: 2px solid white;
  margin: 20px 0 0 33%;
  display: inline-block;
}

.hidden {
  background-color: rgba(250, 250, 252, 0) !important;
}

.new-conf {
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #FAFAFC;
  transition: 1.5s ease; /* スムーズな透明度の変更 */
}
.new-conf .new-conference-top-img {
  width: 50%;
  z-index: 0;
  position: absolute;
  bottom: 4%;
  right: 7%;
}
.new-conf .service-image2 {
  margin: 70px 0 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: 80px;
  padding: 0 0 80px;
}
.new-conf .background-img-fixed {
  z-index: -1;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-image: url(/wp-content/themes/micado/img/com-img/conference-fixed-img.png);
}
.new-conf .conference-fixd-form {
  transition: right 0.5s ease;
  box-shadow: rgba(0, 0, 0, 0.1607843137) -2px 0 8px;
  background-color: white;
  z-index: 9;
  width: 22%;
  max-width: 317px;
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  height: 100vh;
  display: table;
}
.new-conf .conference-fixd-form .top-chart {
  padding: 15px 0;
  aspect-ratio: 320/95;
  box-sizing: border-box;
  background-image: linear-gradient(129deg, rgb(207, 196, 49), rgb(94, 186, 200));
  box-shadow: rgba(0, 0, 0, 0.1411764706) 4px 3px 6px;
}
.new-conf .conference-fixd-form .top-chart h1 {
  font-size: 16px;
  line-height: 24px;
  color: white;
  text-align: center;
  margin: 0;
}
.new-conf .conference-fixd-form .top-chart #total-applicants {
  color: white;
  font-size: 36px;
  line-height: 40px;
  text-align: center;
}
.new-conf .conference-fixd-form .top-chart p {
  font-size: 20px;
  line-height: 29px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  color: white;
}
.new-conf .conference-fixd-form .top-chart p span {
  font-size: 36px;
  line-height: 52px;
  color: white;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.new-conf .conference-fixd-form h1 {
  font-size: 16px;
  line-height: 21px;
  color: #003378;
  text-align: center;
  margin: 35px 0 18px;
}
.new-conf .conference-fixd-form p {
  font-size: 14px;
  line-height: 21px;
  font-family: "Source Han Sans JP medium";
  text-align: center;
  color: #003378;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1, .new-conf .conference-fixd-form #wpcf7-f21838-o2, .new-conf .conference-fixd-form .wpcf7 {
  padding: 30px 20px;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1 .ebook-form-item h4, .new-conf .conference-fixd-form #wpcf7-f21838-o2 .ebook-form-item h4, .new-conf .conference-fixd-form .wpcf7 .ebook-form-item h4 {
  font-size: 14px;
  line-height: 24px;
  font-family: "Source Han Sans JP medium";
  color: #2E4E76;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1 .ebook-form-item input, .new-conf .conference-fixd-form #wpcf7-f21838-o2 .ebook-form-item input, .new-conf .conference-fixd-form .wpcf7 .ebook-form-item input {
  border: 1px solid #2E4E76;
  border-radius: 4px;
  padding: 23px 28px;
  font-size: 16px;
  line-height: 24px;
  font-family: "Source Han Sans JP medium";
  box-shadow: unset;
  outline: unset;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1 .wpcf7-list-item, .new-conf .conference-fixd-form #wpcf7-f21838-o2 .wpcf7-list-item, .new-conf .conference-fixd-form .wpcf7 .wpcf7-list-item {
  margin: 28px 0 28px;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1 .wpcf7-form-control.wpcf7-select, .new-conf .conference-fixd-form #wpcf7-f21838-o2 .wpcf7-form-control.wpcf7-select, .new-conf .conference-fixd-form .wpcf7 .wpcf7-form-control.wpcf7-select {
  padding: 15px;
  border-radius: 4px;
  height: unset;
  border: 1px solid #2E4E76;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1 .wpcf7-form-control.wpcf7-radio, .new-conf .conference-fixd-form #wpcf7-f21838-o2 .wpcf7-form-control.wpcf7-radio, .new-conf .conference-fixd-form .wpcf7 .wpcf7-form-control.wpcf7-radio {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item, .new-conf .conference-fixd-form #wpcf7-f21838-o2 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item, .new-conf .conference-fixd-form .wpcf7 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
  margin: 0;
  width: 50%;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label, .new-conf .conference-fixd-form #wpcf7-f21838-o2 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label, .new-conf .conference-fixd-form .wpcf7 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label input, .new-conf .conference-fixd-form #wpcf7-f21838-o2 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label input, .new-conf .conference-fixd-form .wpcf7 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label input {
  margin: 0;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label, .new-conf .conference-fixd-form #wpcf7-f21838-o2 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label, .new-conf .conference-fixd-form .wpcf7 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label {
  margin: 0;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1 .con-pri-margin, .new-conf .conference-fixd-form #wpcf7-f21838-o2 .con-pri-margin, .new-conf .conference-fixd-form .wpcf7 .con-pri-margin {
  display: block;
  margin: 0px;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1 .wpcf7-list-item-label, .new-conf .conference-fixd-form #wpcf7-f21838-o2 .wpcf7-list-item-label, .new-conf .conference-fixd-form .wpcf7 .wpcf7-list-item-label {
  color: #2E4E76;
  font-size: 12px;
  font-family: "Source Han Sans JP Medium";
  margin: 10px 0 0;
  display: block;
}
.new-conf .conference-fixd-form #wpcf7-f21838-o1 .ebook-submit, .new-conf .conference-fixd-form #wpcf7-f21838-o2 .ebook-submit, .new-conf .conference-fixd-form .wpcf7 .ebook-submit {
  background-color: #CE858F;
}
.new-conf .left-content-d {
  width: 78%;
  margin: 0 auto 0 0;
}
.new-conf .com-btn-form a {
  z-index: 99;
  position: fixed;
  background-color: #CE858F;
  border-radius: 50px;
  color: #FFFFFF;
  padding: 16px 27px;
  top: 700px;
  right: 100px;
  font: normal normal bold 20px/24px Montserrat;
  border: 2px solid;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
}
.new-conf .com-con-btn a {
  z-index: 9;
  position: fixed;
  background-color: #CE858F;
  border-radius: 50px;
  color: #FFFFFF;
  padding: 13px 23px;
  bottom: 80px;
  right: 100px;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  border: 2px solid;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
  width: 211px;
  text-align: center;
}
.new-conf .com-con-btn a img {
  width: 24px;
  position: absolute;
  top: 15px;
  right: 9px;
}
.new-conf .sp-only {
  display: none !important;
}
.new-conf .top-con-back {
  background-image: unset;
  background-color: #FAFAFC;
  background-position: center;
  background-size: cover;
  height: 100vh;
}
.new-conf .top-con-back #companySwiper .companySwiper-content li {
  margin: 0 20px;
}
.new-conf #confSwiper .confSwiper-content li {
  margin: 0 20px;
}
.new-conf #companySwiper {
  padding: 0 0 40px;
}
.new-conf #confSwiper {
  padding: 0;
  margin: 0;
  background-color: #FAFAFC;
}
.new-conf .can-top {
  width: 94.4%;
  margin: 0px auto 25px;
  padding: 40px 0 0;
  max-width: 1360px;
  height: 100vh;
}
.new-conf .can-top .con-first-con {
  display: flex;
  flex-wrap: wrap;
  height: calc(100vh - 40px);
}
.new-conf .can-top .con-first-con .hmc-logo {
  display: flex;
  gap: 60px;
  height: 58px;
  width: 100%;
}
.new-conf .can-top .con-first-con .hmc-logo a img {
  width: 112px;
}
.new-conf .can-top .con-first-con .hmc-logo .header-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  width: 440px;
}
.new-conf .can-top .con-first-con .hmc-logo .header-list a {
  font-size: 16px;
  color: #003378;
  line-height: 24px;
  font-family: "source-han-sans-japanese";
}
.new-conf .can-top .con-first-con .con-top-text {
  margin: auto 0 20px;
  z-index: 2;
}
.new-conf .can-top .con-first-con .con-top-text a {
  color: #003378;
  font-size: 20px;
  line-height: 24px;
  font-family: "Montserrat";
  font-weight: bold;
  border: 2px solid #003378;
  padding: 8px 25px;
  border-radius: 8px;
}
.new-conf .can-top .con-first-con .con-title {
  color: #003378;
  font-size: 80px;
  margin: 12px 0px 16px 0;
  font-family: "Montserrat";
  line-height: 97px;
}
.new-conf .can-top .con-first-con .con-dis h2 {
  color: #003378;
  font-size: 40px;
  line-height: 58px;
  margin: 0;
  font-family: "source-han-sans-japanese";
}
.new-conf .can-top .con-first-con .con-kikan {
  color: #003378;
  margin: 20px 0 0;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
}
.new-conf .can-top .con-first-con .con-kikan .con-3m {
  color: #003378;
  font-family: "source-han-sans-japanese";
  font-size: 45px;
}
.new-conf .join-contents {
  background-image: linear-gradient(129deg, rgb(207, 196, 49), rgb(94, 186, 200));
  padding: 12px 12px 5px 12px;
  width: 720px;
  margin: 100px auto;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.2705882353) 0 0 12px;
}
.new-conf .join-contents h1 {
  font-size: 24px;
  line-height: 35px;
  color: white;
  margin: 0 0 24px;
}
.new-conf .join-contents .join-items {
  display: flex;
  justify-content: space-between;
}
.new-conf .join-contents .join-items .item {
  background-color: white;
  border-radius: 4px;
  width: calc(33% - 10px);
  padding: 8px 8px 60px 8px;
  position: relative;
  box-sizing: border-box;
  position: relative;
}
.new-conf .join-contents .join-items .item .item-numver {
  position: absolute;
  top: 8px;
  left: 4px;
  margin: 0;
  padding: 0px;
  border-radius: 50px;
  background-color: #5EBAC8;
  width: 36px;
  height: 36px;
  text-align: center;
}
.new-conf .join-contents .join-items .item .item-numver h1 {
  font-size: 28px;
  line-height: 34px;
  color: white;
  font-family: "Montserrat";
  font-weight: bold;
}
.new-conf .join-contents .join-items .item img {
  position: absolute;
  top: 83%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
}
.new-conf .join-contents .join-items .item p {
  font-size: 14px;
  line-height: 21px;
  color: #003378;
  margin: 0px 0 0 40px;
  font-family: "Montserrat";
  font-weight: bold;
}
.new-conf .join-contents .border {
  width: 100%;
  height: 1px;
  background-color: white;
  margin: 20px 0px 6px;
}
.new-conf .join-contents .join-click {
  font-size: 16px;
  line-height: 24px;
  color: white;
  text-align: right;
  display: block;
  cursor: pointer;
}
.new-conf .join-contents .join-click svg {
  width: 12px;
  height: 12px;
}
.new-conf .con-messages {
  width: 92.8%;
  height: 500px;
  margin: 100px auto 0;
  max-width: 1040px;
  position: relative;
}
.new-conf .con-messages .message-1, .new-conf .con-messages .message-2, .new-conf .con-messages .message-3, .new-conf .con-messages .message-4, .new-conf .con-messages .message-5 {
  width: fit-content;
  position: absolute;
  opacity: 0;
  transition: opacity 1s ease;
}
.new-conf .con-messages .message-1 .mess-cover, .new-conf .con-messages .message-2 .mess-cover, .new-conf .con-messages .message-3 .mess-cover, .new-conf .con-messages .message-4 .mess-cover, .new-conf .con-messages .message-5 .mess-cover {
  position: relative;
  width: fit-content;
}
.new-conf .con-messages .message-1 .message, .new-conf .con-messages .message-2 .message, .new-conf .con-messages .message-3 .message, .new-conf .con-messages .message-4 .message, .new-conf .con-messages .message-5 .message {
  padding: 28px 20px;
  box-shadow: rgba(23, 56, 129, 0.2) 0 0 16px;
  background-color: white;
  border-radius: 8px;
  width: fit-content;
}
.new-conf .con-messages .message-1 .message p, .new-conf .con-messages .message-2 .message p, .new-conf .con-messages .message-3 .message p, .new-conf .con-messages .message-4 .message p, .new-conf .con-messages .message-5 .message p {
  font-size: 16px;
  line-height: 24px;
}
.new-conf .con-messages .message-1 .fukidasi, .new-conf .con-messages .message-2 .fukidasi, .new-conf .con-messages .message-3 .fukidasi, .new-conf .con-messages .message-4 .fukidasi, .new-conf .con-messages .message-5 .fukidasi {
  position: absolute;
  bottom: -26%;
  right: 7%;
  background: white;
  height: 30px;
  width: 30px;
  box-shadow: rgba(23, 56, 129, 0.2117647059) 1px 1px 4px;
  clip-path: polygon(100% 0%, 40% 0%, 100% 100%);
}
.new-conf .con-messages .message-1 {
  top: 45%;
  left: 51%;
}
.new-conf .con-messages .message-2 {
  top: 10%;
  left: 33%;
}
.new-conf .con-messages .message-3 {
  top: 48%;
  left: 20%;
}
.new-conf .con-messages .message-4 {
  top: 20%;
  left: 1%;
}
.new-conf .con-messages .message-5 {
  top: 19%;
  left: 64%;
}
.new-conf .hmc-3content {
  width: 90%;
  margin: 0 auto;
}
.new-conf .hmc-3content img {
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
  display: block;
}
.new-conf .hmc-3content h1 {
  font-size: 32px;
  line-height: 46px;
  color: #003378;
  text-align: center;
  margin: 0 0 16px;
}
.new-conf .hmc-3content p {
  font-size: 16px;
  line-height: 24px;
  color: #003378;
  text-align: center;
  margin: 0 0 40px;
  font-family: "Source Han Sans JP medium";
}
.new-conf .con-second-content {
  width: 100%;
  margin: 100px auto 25px;
  padding: 0;
  max-width: 1360px;
  background-image: unset;
}
.new-conf .con-second-content .kare-title-h1 {
  font-size: 32px;
  line-height: 39px;
  color: #003378;
  text-align: center;
  font-family: "Montserrat";
}
.new-conf .con-second-content .con-kare {
  margin: 0 auto;
  background-color: white;
  border-radius: 20px;
  padding: 40px;
  width: 94.4%;
  max-width: 1040px;
  box-sizing: border-box;
  box-shadow: rgba(23, 56, 129, 0.2) 0 0 20px;
}
.new-conf .con-second-content .con-kare .kare-header {
  display: flex;
  text-align: center;
  background-color: white;
  border-radius: 5px;
}
.new-conf .con-second-content .con-kare .kare-header .kare-d1 {
  cursor: pointer;
  width: 50%;
  border-radius: 80px;
  font-size: 24px;
  line-height: 29px;
  font-family: "Montserrat";
  color: white;
  padding: 16px 0;
  background-image: linear-gradient(129deg, rgb(207, 196, 49), rgb(94, 186, 200));
  font-weight: bold;
  background-color: unset;
}
.new-conf .con-second-content .con-kare .kare-header .kare-d2 {
  cursor: pointer;
  width: 50%;
  border-radius: 80px;
  font-size: 24px;
  line-height: 29px;
  font-family: "Montserrat";
  color: #1A1B35;
  padding: 16px 0;
  background-image: white;
  background-color: unset;
  font-weight: bold;
}
.new-conf .con-second-content .con-kare .kare-items {
  width: 100%;
  margin: 36px auto;
  max-width: unset;
  height: unset;
  overflow-y: unset;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item {
  cursor: pointer;
  padding: 20px 12px;
  color: #1A1B35;
  text-align: left;
  margin: 0 auto 30px;
  background-color: #FAFAFC;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.1490196078) 0 4px 8px;
  position: relative;
  /* モーダルCSS */
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-item-t {
  font: normal normal normal 16px/19px Montserrat;
  margin: 0;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-item-t span {
  display: inline-block;
  margin: 0 18px 0 0;
  color: white;
  background-color: black;
  padding: 2px 8px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 18px;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-item-title {
  font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
  margin: 8px 0;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-item-title h3 {
  margin: 0;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-item-dis {
  font: normal normal bold 15px/24px "source-han-sans-japanese", sans-serif;
  margin: 0 0 16px;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-item-name {
  font: normal normal normal 12px/17px "source-han-sans-japanese", sans-serif;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-click {
  position: absolute;
  bottom: 11%;
  right: 2%;
  cursor: pointer;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-click svg {
  width: 18px;
  height: 18px;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .speakers-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0 20px;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .speakers-content p {
  font-size: 16px;
  line-height: 24px;
  color: #1A1B35;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .speakers-content div {
  width: 92%;
  height: 2px;
  background-color: #1A1B35;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item {
  width: calc(50% - 10px);
  margin: 0px 0 0;
  color: #1A1B35;
  display: flex;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item .padding12 {
  padding: 12px;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item img {
  width: 22.6%;
  aspect-ratio: 9/13;
  object-fit: cover;
  margin: 0 0 10px;
  border-radius: 20px;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item .name {
  text-align: left;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item .name-d {
  text-align: left;
  font: normal normal 600 14px/18px Montserrat;
  display: none;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item .dis {
  text-align: left;
  font: normal normal normal 12px/17px Source Han Sans JP medium;
  margin: 5px 0;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item .prof {
  text-align: left;
  font: normal normal normal 12px/18px Source Han Sans JP medium;
  margin: 0;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.9);
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65.5%;
  max-width: 990px;
  padding: 40px 40px;
  border-radius: 8px;
  background-color: #fff;
}
.new-conf .con-second-content .con-kare .kare-items .kare-item .closeModal {
  position: absolute;
  top: 2.5rem;
  right: 3rem;
  cursor: pointer;
  color: white;
  background-color: black;
  padding: 8px;
  border-radius: 16px;
}
.new-conf .con-second-content .con-kare .kare-d2-con {
  display: none;
}
.new-conf .con-second-content .con-kare .kare-d1-con {
  display: block;
}
.new-conf .con-second-content .con-kare .kare-items::-webkit-scrollbar {
  width: 7px;
}
.new-conf .con-second-content .con-kare .kare-items::-webkit-scrollbar-track {
  background-color: #b9bacb;
}
.new-conf .con-second-content .con-kare .kare-items::-webkit-scrollbar-thumb {
  background-color: #636477;
  border-radius: 10px;
}
.new-conf .con-second-content .kare-info {
  max-width: 1200px;
  margin: 20px auto;
  text-align: right;
  color: #fff;
}
.new-conf .every-q {
  max-width: 1097px;
  margin: 0 auto;
  padding: 13px;
}
.new-conf .every-q h1 {
  font-size: 32px;
  line-height: 21px;
  color: #003378;
  text-align: center;
}
.new-conf .every-q h3 {
  font-size: 16px;
  line-height: 24px;
  color: #003378;
  text-align: center;
  font-family: "source-han-sans-japanese medium";
}
.new-conf .every-q .q-comments {
  position: relative;
  margin: 30px 0 0;
}
.new-conf .every-q .q-comments .comment-respond {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.new-conf .every-q .q-comments #comments {
  display: none;
}
.new-conf .every-q .q-comments .commentlist {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  justify-content: center;
  gap: 13px;
}
.new-conf .every-q .q-comments .commentlist .opacity-li {
  opacity: 1; /* 透明度を50%に設定 */
}
.new-conf .every-q .q-comments .commentlist li {
  transition: opacity 0.5s ease;
  opacity: 0.2;
  width: calc(11.1% - 12px);
  min-width: 110px;
  aspect-ratio: 110/99;
  background-color: #BFDDA7;
  margin: 0 0 2px;
  overflow: scroll;
  padding: 16px 4px 8px;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.0784313725) 5px 5px 5px;
  position: relative;
}
.new-conf .every-q .q-comments .commentlist li .comment-author {
  display: none;
}
.new-conf .every-q .q-comments .commentlist li .comment-meta {
  display: none;
}
.new-conf .every-q .q-comments .commentlist li .reply {
  display: none;
}
.new-conf .every-q .q-comments .commentlist li p {
  font-size: 10px;
  line-height: 15px;
  font-family: "Source Han Sans JP medium";
  color: #003378;
}
.new-conf .every-q .q-comments .commentlist li:nth-child(n+46) {
  display: none;
}
.new-conf .every-q .q-comments .commentlist li:nth-child(6n) {
  background-color: #A6CD50;
}
.new-conf .every-q .q-comments .commentlist li:nth-child(10n) {
  background-color: #A6CD50;
}
.new-conf .every-q .q-comments .commentlist li:nth-child(7n) {
  background-color: #3AB133;
}
.new-conf .every-q .q-comments .commentlist li:nth-child(7n) p {
  color: white;
}
.new-conf .every-q .q-comments .commentlist li:nth-child(3) {
  background-color: #3AB133;
}
.new-conf .every-q .q-comments .commentlist li:nth-child(3) p {
  color: white;
}
.new-conf .every-q .q-comments .commentlist li::before {
  content: "";
  background-color: #fafafc;
  clip-path: polygon(100% 0%, 0% 0%, 0% 100%);
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 0;
}
.new-conf .every-q .q-comments .comment-reply-title {
  display: none;
}
.new-conf .every-q .q-comments form {
  display: flex;
  align-items: center;
  background-color: #003378;
  height: 66px;
  width: 440px;
  padding: 2px;
  border-radius: 12px;
}
.new-conf .every-q .q-comments form .comment-notes {
  display: none;
}
.new-conf .every-q .q-comments form .logged-in-as {
  display: none;
}
.new-conf .every-q .q-comments form label {
  display: none;
}
.new-conf .every-q .q-comments form .comment-form-comment {
  height: 100%;
  width: 100%;
}
.new-conf .every-q .q-comments form .comment-form-comment textarea {
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 10px 0 0 10px;
  padding: 10px;
  box-sizing: border-box;
  outline: none;
}
.new-conf .every-q .q-comments form .comment-form-comment ::placeholder {
  color: rgba(0, 50, 120, 0.4980392157);
  font-size: 16px;
  line-height: 24px;
  font-family: "Source Han Sans JP normal";
}
.new-conf .every-q .q-comments form .form-submit {
  width: 15%;
  position: relative;
}
.new-conf .every-q .q-comments form .form-submit .submit {
  width: 65px;
  height: 65px;
  cursor: pointer;
  opacity: 0;
}
.new-conf .every-q .q-comments form .form-submit .submit:focus {
  outline: none;
}
.new-conf .every-q .q-comments form .form-submit::before {
  content: "";
  position: absolute;
  width: 31px;
  top: 16px;
  right: 18px;
  aspect-ratio: 1/1;
  background-image: url(/wp-content/themes/micado/img/com-img/conference-send.svg);
  background-size: contain;
}
.new-conf .every-q .q-comments form .comment-form-author, .new-conf .every-q .q-comments form .comment-form-email, .new-conf .every-q .q-comments form .comment-form-url, .new-conf .every-q .q-comments form .comment-form-cookies-consent {
  display: none;
}
.new-conf .con-deta-contents h2 {
  font-size: 32px;
  line-height: 21px;
  color: #003378;
  text-align: center;
  margin: 120px 0 50px;
}
.new-conf .con-deta-contents .deta-right-content {
  width: 68%;
  max-width: 700px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
.new-conf .con-deta-contents .deta-right-content h2 {
  font: normal normal bold 24px/46px "source-han-sans-japanese", sans-serif;
  color: #2E4E76;
  text-align: center;
  margin: 5px 0 -8%;
}
.new-conf .con-deta-contents .deta-right-content #doughnut_chart {
  width: 45.7% !important;
  height: auto !important;
}
.new-conf .con-deta-contents .deta-right-content #legend-container {
  width: 41%;
  max-width: 287px;
}
.new-conf .con-deta-contents .deta-right-content #legend-container ul {
  text-align: center;
}
.new-conf .con-deta-contents .deta-right-content #legend-container li {
  font: normal normal bold 20px/46px "source-han-sans-japanese", sans-serif;
  white-space: nowrap;
  color: #2E4E76;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-conf .con-deta-contents .deta-right-content #legend-container li span {
  width: 18px !important;
  height: 18px !important;
}
.new-conf .con-deta-contents .deta-right-content #legend-container li div {
  display: flex;
  align-items: center;
}
.new-conf .con-deta-contents .deta-right-content #legend-container li span:nth-child(2) {
  margin-left: 30px !important;
  display: inline-block;
  width: 100px !important;
  height: 100% !important;
  text-align: right;
}
.new-conf .con-partners {
  width: 83%;
  max-width: 1200px;
  margin: 80px auto 50px;
  position: relative;
}
.new-conf .con-partners .con-partners-p {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  letter-spacing: 0px;
  color: #1A1B35;
}
.new-conf .con-partners .con-part-title {
  font: normal normal bold 60px/73px Montserrat;
  color: #CFC431;
  margin: 0 0 12px;
}
.new-conf .con-partners .con-part-sub-title .part-sub-title {
  font: normal normal bold 32px/39px Montserrat;
  color: #CE858F;
  margin: 40px 0 32px;
}
.new-conf .con-partners .con-part-sub-title img {
  width: 240px;
  margin: 0 40px 40px 0;
}
.new-conf .con-partners .con-part-btn {
  position: absolute;
  bottom: 53px;
  left: 30%;
}
.new-conf .con-partners .con-part-btn a {
  padding: 24px 36px 20px;
  border: 4px solid #CE858F;
  border-radius: 34px;
}
.new-conf .con-partners .con-part-btn a span {
  background-color: #CE858F;
  border-radius: 50px;
  color: white;
  margin: 0 12px 0 0;
  font: normal normal normal 20px/24px Montserrat;
  padding: 1px 7px;
}
.new-conf .con-partners .con-part-btn a p {
  font: normal normal bold 20px/24px Montserrat;
  color: #CE858F;
  display: inline;
}
.new-conf .con-info-contents {
  color: #FFFFFF;
  background-color: unset;
  background-image: linear-gradient(180deg, rgb(207, 196, 49), rgb(94, 186, 200));
  padding: 0.1px 0 80px;
}
.new-conf .con-info-contents .con-info-title {
  font: normal normal bold 60px/73px Montserrat;
  width: 83%;
  max-width: 1200px;
  margin: 80px auto 0;
}
.new-conf .con-info-contents .con-info-dis {
  width: 50%;
  max-width: 720px;
  margin: 15px auto;
}
.new-conf .con-info-contents .con-info-dis .info-dis {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  display: flex;
  border-bottom: 2px solid;
  line-height: 3.5;
}
.new-conf .con-info-contents .con-info-dis .info-dis .dis-title {
  width: 25%;
}
.new-conf .con-info-contents .con-info-dis .info-dis .dis-dis {
  width: 75%;
}
.new-conf .con-info-contents .con-info-dis .info-dis .dis-dis-line {
  line-height: 1.5;
  margin: 15px 0 15px;
}
.new-conf .con-info-contents .con-info-dis .info-dis .dis-dis-line a {
  border-bottom: 1px solid rgba(201, 199, 199, 0.6901960784);
}
.new-conf .conference-form-new {
  width: 100%;
  padding: 40px 0 80px;
  margin: 120px 0 0;
  position: relative;
  z-index: 10;
}
.new-conf .conference-form-new .color-join-ch {
  opacity: 0 !important;
  transition: opacity 0.5s ease;
}
.new-conf .conference-form-new .present-join {
  opacity: 1;
  transition: opacity 0.5s ease;
}
.new-conf .conference-form-new h1 {
  font-size: 24px;
  line-height: 35px;
  color: white;
  margin: 0 0 24px;
  text-align: center;
}
.new-conf .conference-form-new .dis {
  font-size: 10px;
  line-height: 17px;
  color: #FFFFFF;
  font-family: "Source Han Sans JP normal";
  text-align: right;
  margin: 0 auto 0 auto;
  width: 83.3%;
  max-width: 1200px;
}
.new-conf .conference-form-new .join-items {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 706px;
  margin: 0px auto 32px;
}
.new-conf .conference-form-new .join-items .item {
  background-color: white;
  border-radius: 4px;
  width: 222px;
  padding: 8px 8px 60px 8px;
  position: relative;
  box-sizing: border-box;
  aspect-ratio: 222/140;
  position: relative;
}
.new-conf .conference-form-new .join-items .item .item-numver {
  position: absolute;
  top: 8px;
  left: 4px;
  margin: 0;
  padding: 0px;
  border-radius: 50px;
  background-color: #5EBAC8;
  width: 36px;
  height: 36px;
  text-align: center;
}
.new-conf .conference-form-new .join-items .item .item-numver h1 {
  font-size: 28px;
  line-height: 34px;
  color: white;
  font-family: "Montserrat";
  font-weight: bold;
}
.new-conf .conference-form-new .join-items .item p {
  font-size: 14px;
  line-height: 21px;
  color: #003378;
  margin: 0px 0 0 40px;
  font-family: "Montserrat";
  font-weight: bold;
}
.new-conf .conference-form-new .join-items .item img {
  position: absolute;
  top: 76%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.new-conf .conference-form-new .form-content {
  width: 83.3%;
  max-width: 1200px;
  margin: 120px auto 0;
  background-color: white;
  padding: 60px 0 40px;
  border-radius: 20px;
  box-shadow: rgba(23, 56, 129, 0.2) 0 0 20px;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 {
  margin: 0px auto;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .hmc-title-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 25%;
  max-width: 360px;
  min-width: 360px;
  margin: 0 auto;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .hmc-title-flex img {
  width: 100px;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .hmc-title-flex h3 {
  font-size: 16px;
  line-height: 24px;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 h1 {
  color: #003378;
  font-size: 24px;
  line-height: 21px;
  text-align: center;
  margin: 40px 0;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 h5 {
  font-size: 16px;
  line-height: 21px;
  color: #003378;
  font-family: "Source Han Sans JP medium";
  text-align: center;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 p {
  font-size: 16px;
  line-height: 24px;
  color: #5DBAC8;
  text-align: center;
  margin: 12px 0;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 #wpcf7-f21838-o2, .new-conf .conference-form-new .form-content .hmc-contact-form1 #wpcf7-f21838-o3, .new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7 {
  width: 25%;
  max-width: 360px;
  min-width: 360px;
  margin: 0 auto;
  margin: 40px auto 0;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .com-hmc-title {
  display: flex;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .com-hmc-title img {
  width: 92px;
  margin: 0 20px 0 0;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .com-hmc-title .hmc-title {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  color: #1A1B35;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .hmc-sub-title {
  color: #1A1B35;
  text-align: center;
  font: normal normal bold 20px/24px "source-han-sans-japanese", sans-serif;
  margin: 30px 0;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .level .wpcf7-radio {
  display: flex;
  justify-content: space-between;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7-list-item {
  display: inline-block;
  margin: 40px 0 5px;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7-checkbox {
  display: flex;
  justify-content: space-between;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7-response-output {
  display: none !important;
  border: 2px solid #272727;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .acceptance-143 span span {
  margin-top: 25px;
  font-size: 14px;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .acceptance-144 span span {
  margin-top: 25px;
  font-size: 14px;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .acceptance-144 {
  display: block;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 span.wpcf7-list-item-label {
  font-size: 15px;
  color: #2E4E76;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 h4 {
  color: #2E4E76;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  margin: 18px 0 6px;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 100%;
  box-shadow: 1px 1px 5px #d9d9d9;
  height: 56px;
  border: 1px solid #2E4E76;
  border-radius: 3px;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7 input[type=url], .new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7 input[type=email], .new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7 input[type=tel] {
  direction: ltr;
  width: 100%;
  box-shadow: 1px 1px 5px #d9d9d9;
  height: 56px;
  border: 1px solid #2E4E76;
  border-radius: 3px;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7-form-control.wpcf7-select {
  height: 56px !important;
  margin: 8px auto 16px;
  width: 100%;
  padding-left: 15px;
  direction: ltr;
  width: 100%;
  box-shadow: 1px 1px 5px #d9d9d9;
  height: 40px;
  border: 1px solid #2E4E76;
  border-radius: 3px;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .ebook-form-submit {
  border-radius: 4px;
  margin: 28px 0 0;
}
.new-conf .conference-form-new .form-content .hmc-contact-form1 .ebook-submit {
  background-color: #CE858F;
  width: 100%;
  color: #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1607843137);
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  padding: 16px 18px;
  border-radius: 4px;
  cursor: pointer;
}
.new-conf .con-thank-op {
  width: 100vw;
  height: 100vh;
  background-image: url("/wp-content/themes/micado/img/com-img/con-bg.jpg");
  opacity: 0.2;
}
.new-conf .con-thank-body {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 680px;
}
.new-conf .con-thank-body h1 {
  font-size: 80px;
  font-weight: bold;
  line-height: 97px;
  font-family: Montserrat;
  text-align: center;
  color: #1A1B35;
}
.new-conf .con-thank-body p {
  font-size: 16px;
  font-weight: bold;
  line-height: 28.8px;
  font-family: Montserrat;
  text-align: center;
  color: #1A1B35;
}
.new-conf .con-thank-body a {
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  font-family: Montserrat;
  color: white;
  padding: 16px 40px;
  background-color: #CE858F;
  border-radius: 34px;
  border: 2px solid white;
  margin: 20px 0 0 33%;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .com-con-btn a {
    left: 60px;
  }
  .com-btn-form a {
    position: fixed;
    background-color: #CE858F;
    border-radius: 50px;
    color: #FFFFFF;
    padding: 16px 27px;
    top: 745px;
    right: 74px;
    font: normal normal bold 20px/24px Montserrat;
    border: 2px solid;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
    z-index: 99;
  }
  .sp-only {
    display: block !important;
  }
  .pc-only {
    display: none !important;
  }
  .can-top {
    margin: 0px auto 25px;
    width: 93%;
  }
  .can-top .con-first-con .con-title {
    font: normal normal bold 40px/49px Montserrat;
    color: #1A1B35;
    margin: 0 0 20px 0;
  }
  .can-top .con-first-con .con-dis h2 {
    color: #1A1B35;
    font: normal normal bold 32px/46px "source-han-sans-japanese", sans-serif;
    margin: 0 0 43px 0;
    margin: 0 0 43px 0;
  }
  .can-top .con-first-con .con-kikan {
    color: #1A1B35;
    font: normal normal 600 32px/39px Montserrat;
    letter-spacing: 2px;
    margin: 0 0 54px 0;
  }
  .can-top .con-first-con .con-kikan .con-3m {
    font: normal normal 600 60px/73px Montserrat;
    color: #1A1B35;
    letter-spacing: 2px;
  }
  .can-top .con-first-con .con-kikan .haifun {
    margin: 0 0 0 86px;
  }
  .con-second-content {
    width: 100%;
    padding: 75px 0 80px;
    background-image: url("/wp-content/themes/micado/img/com-img/con-bg.jpg");
    margin: 0;
  }
  .con-second-content .con-sec-title {
    width: 93%;
    margin: 0 auto 80px;
  }
  .con-second-content .con-sec-title .con-sec-dis {
    font: normal normal 600 12px/15px Source Han Sans JP normal;
    color: #FFFFFF;
    line-height: 17px;
    letter-spacing: 1px;
  }
  .con-second-content .con-sec-title .con-sec-main {
    color: #FFFFFF;
    font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
    margin: 2px 0px 17px;
  }
  .con-second-content .con-kare {
    width: 93%;
    margin: 0 auto;
    max-width: 720px;
    background-color: white;
    border-radius: 8px;
    padding: 0 0 1px;
  }
  .con-second-content .con-kare .kare-header {
    display: flex;
    text-align: center;
    background-color: white;
    border-radius: 5px;
  }
  .con-second-content .con-kare .kare-header .kare-d1 {
    width: 50%;
    border-radius: 4px 0px 0px 0px;
    font: normal normal 600 16px/19px Montserrat;
    color: black;
    padding: 24px;
  }
  .con-second-content .con-kare .kare-header .kare-d2 {
    width: 50%;
    border-radius: 0px 4px 0px 0px;
    font: normal normal 600 16px/19px Montserrat;
    color: black;
    padding: 24px;
    background-color: #1A1B35;
  }
  .con-second-content .con-kare .kare-items {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    margin: 0;
    height: 600px;
  }
  .con-second-content .con-kare .kare-items .kare-item {
    padding: 20px 12px;
    color: #1A1B35;
    text-align: left;
    margin: 0 auto 50px;
    background-color: #B7E1F1;
    border-radius: 8px;
  }
  .con-second-content .con-kare .kare-items .kare-item .kare-item-t {
    font: normal normal bold 15px/19px Montserrat;
    margin: 0 0 12px;
    font-weight: normal;
  }
  .con-second-content .con-kare .kare-items .kare-item .kare-item-title {
    font: normal normal bold 16px/28.8px Source Han Sans JP　bold;
    margin: 0 0 12px;
  }
  .con-second-content .con-kare .kare-items .kare-item .kare-item-title h3 {
    font: normal normal bold 18px/26px Source Han Sans JP　bold;
    margin: -4px 0;
  }
  .con-second-content .con-kare .kare-items .kare-item .kare-item-dis {
    font: normal normal bold 14px/20px "source-han-sans-japanese", sans-serif;
    margin: 0 0 16px;
  }
  .con-second-content .con-kare .kare-items .kare-item .kare-item-name {
    font: normal normal normal 12px/17px "source-han-sans-japanese", sans-serif;
  }
  .con-second-content .con-kare .kare-d2-con {
    display: none;
  }
  .con-second-content .con-kare .kare-d1-con {
    display: block;
  }
  .con-second-content .con-kare .kare-items::-webkit-scrollbar {
    width: 4px;
  }
  .con-second-content .con-kare .kare-items::-webkit-scrollbar-track {
    background-color: #b9bacb;
  }
  .con-second-content .con-kare .kare-items::-webkit-scrollbar-thumb {
    background-color: #636477;
    border-radius: 10px;
  }
  .pink-label {
    overflow: hidden;
  }
  .pink-label p {
    font: normal normal bold 40px/49px Montserrat;
    width: 160%;
    padding: 10px 0 10px 100%;
  }
  .con-member {
    background-color: #DEF2B3;
    width: 100%;
    padding: 60px 0;
  }
  .con-member .con-speaker .con-mem-title {
    width: 93%;
    margin: 0 auto 10px;
    font: normal normal bold 32px/49px Montserrat;
    color: #1A1B35;
    display: flex;
  }
  .con-member .con-speaker .con-mem-title span {
    padding: 12px 18px;
    font: normal normal bold 16px/19px "source-han-sans-japanese", sans-serif;
    line-height: 2;
  }
  .con-member .con-speaker .con-mem-line {
    background-color: white;
    width: 100%;
    height: 7px;
    border-right: unset;
    border-left: unset;
    margin: 0 0 20px;
  }
  .con-member .con-speaker .flex-left {
    justify-content: unset !important;
    gap: 62px;
  }
  .con-member .con-speaker .members {
    width: 93%;
    max-width: 1200px;
    margin: 0px auto 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
  }
  .con-member .con-speaker .members .con-mem-item {
    width: 42%;
    margin: 0px 0 0;
    color: #1A1B35;
  }
  .con-member .con-speaker .members .con-mem-item img {
    width: 100%;
    aspect-ratio: 1/1;
    margin: 0 0 10px;
  }
  .con-member .con-speaker .members .con-mem-item .name {
    font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
  }
  .con-member .con-speaker .members .con-mem-item .name-d {
    font: normal normal 600 12px/15px Montserrat;
    margin: 7px 0 0;
  }
  .con-member .con-speaker .members .con-mem-item .dis {
    margin: 7px 0 0;
    font: normal normal bold 12px/17px "source-han-sans-japanese", sans-serif;
  }
  .con-deta-content {
    background-image: url("/wp-content/themes/micado/img/com-img/con-top-bg.jpg");
    display: block;
    justify-content: center;
  }
  .con-deta-content .deta-left-content {
    display: none;
  }
  .con-deta-content .deta-left-content .left-text img {
    width: 160px;
    margin: 175px 0 0;
  }
  .con-deta-content .deta-left-content .left-text h1 {
    font: normal normal bold 80px/97px Montserrat;
    color: #1A1B35;
    margin: 25px 0 170px;
  }
  .con-deta-content .deta-right-content {
    width: 100%;
    max-width: 600px;
    padding: 60px 0;
  }
  .con-deta-content .deta-right-content h2 {
    font: normal normal bold 24px/46px "source-han-sans-japanese", sans-serif;
    color: #2E4E76;
    text-align: center;
    margin: 5px 0 -8%;
  }
  .con-deta-content .deta-right-content #doughnut_chart {
    margin: 10%;
  }
  .con-deta-content .deta-right-content #legend-container ul {
    text-align: center;
    margin: -10% 0 0;
    padding: 0 0 30px;
  }
  .con-deta-content .deta-right-content #legend-container li {
    font: normal normal bold 16px/46px "source-han-sans-japanese", sans-serif;
    white-space: nowrap;
    color: #2E4E76;
    width: 84%;
  }
  .con-deta-content .deta-right-content #legend-container li span {
    width: 18px !important;
    height: 18px !important;
  }
  .con-deta-content .deta-right-content #legend-container li .span:nth-child(2) {
    margin-left: 100px !important;
    display: inline-block;
    width: 100px !important;
    height: unset !important;
  }
  .con-partners {
    width: 93%;
    max-width: 1200px;
    margin: 93px auto 57px;
  }
  .con-partners .con-partners-p {
    font: normal normal bold 12px/22px Montserrat;
    letter-spacing: 0px;
    color: #1A1B35;
  }
  .con-partners .con-part-title {
    font: normal normal bold 40px/49px Montserrat;
    margin: 0 0 0;
  }
  .con-partners .con-part-sub-title .part-sub-title {
    font: normal normal bold 32px/39px Montserrat;
    color: #CE858F;
    margin: 25px 0 18px;
  }
  .con-partners .con-part-sub-title img {
    width: 160px;
    margin: 0px 10px 13px;
  }
  .con-partners .con-part-btn {
    position: unset;
    margin: 40px 0 0 0;
  }
  .con-partners .con-part-btn a {
    padding: 22px 22px 20px;
    border: 4px solid #CE858F;
    border-radius: 34px;
  }
  .con-partners .con-part-btn a span {
    background-color: #CE858F;
    border-radius: 50px;
    color: white;
    margin: 0 12px 0 0;
    font: normal normal normal 16px/19px Montserrat;
    padding: 1px 6px;
  }
  .con-partners .con-part-btn a p {
    font: normal normal bold 16px/19px Montserrat;
    color: #CE858F;
    display: inline;
  }
  .con-info-contents {
    padding: 52px 0;
  }
  .con-info-contents .con-info-title {
    font: normal normal bold 40px/49px Montserrat;
    width: 93%;
    max-width: 1200px;
    margin: 0 auto 0;
  }
  .con-info-contents .con-info-dis {
    width: 93%;
    max-width: 720px;
    margin: 19px auto 0;
  }
  .con-info-contents .con-info-dis .info-dis {
    font: normal normal normal 14px/20px "source-han-sans-japanese", sans-serif;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid;
    line-height: 3.5;
  }
  .con-info-contents .con-info-dis .info-dis .dis-title {
    width: 35%;
  }
  .con-info-contents .con-info-dis .info-dis .dis-dis {
    width: 65%;
  }
  .con-info-contents .con-info-dis .info-dis .dis-dis-line {
    line-height: 1.5;
    margin: 15px 0 15px;
  }
  .com-main-body {
    background-color: #F2F2F5;
    padding: 1px 0 1px;
    overflow: hidden;
  }
  .com-main-body .con-hmc-content {
    width: 93%;
    max-width: unset;
    margin: 54px auto 129px;
  }
  .com-main-body .con-hmc-content .con-pri-margin {
    margin-top: 7px;
  }
  .com-main-body .con-hmc-content .com-hmc-title {
    display: flex;
  }
  .com-main-body .con-hmc-content .com-hmc-title img {
    width: 92px;
    margin: 0 20px 0 0;
  }
  .com-main-body .con-hmc-content .com-hmc-title .hmc-title {
    font: normal normal bold 14px/20px "source-han-sans-japanese", sans-serif;
    color: #1A1B35;
  }
  .com-main-body .con-hmc-content .hmc-sub-title {
    color: #1A1B35;
    text-align: center;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    margin: 30px 0;
  }
  .com-main-body .con-hmc-content .level .wpcf7-radio {
    display: flex;
    justify-content: space-between;
  }
  .com-main-body .con-hmc-content .wpcf7-list-item {
    width: 50% !important;
    display: inline-block;
    margin: 0;
    padding: 0 !important;
  }
  .com-main-body .con-hmc-content span.wpcf7-list-item-label {
    font-size: 15px;
    color: #2E4E76;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  }
  .com-main-body .con-hmc-content h4 {
    color: #2E4E76;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    margin: 26px 0 5px;
  }
  .com-main-body .con-hmc-content .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 47px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .com-main-body .con-hmc-content .wpcf7 input[type=url], .com-main-body .con-hmc-content .wpcf7 input[type=email], .com-main-body .con-hmc-content .wpcf7 input[type=tel] {
    direction: ltr;
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 47px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .com-main-body .con-hmc-content .wpcf7-form-control.wpcf7-select {
    height: 47px !important;
    margin: 8px auto 16px;
    width: 100%;
    padding-left: 15px;
    direction: ltr;
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 40px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .com-main-body .con-hmc-content .ebook-form-submit {
    border-radius: 4px;
    margin: 28px 0 0;
  }
  .com-main-body .con-hmc-content .ebook-submit {
    background-color: #CE858F;
    width: 100%;
    color: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1607843137);
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    padding: 16px 18px;
    border-radius: 4px;
    cursor: pointer;
  }
  .com-main-body .con-hmc-content {
    width: 93%;
    max-width: unset;
    margin: 54px auto 129px;
  }
  .com-main-body .con-hmc-content .con-pri-margin {
    margin-top: 7px;
  }
  .com-main-body .con-hmc-content .com-hmc-title {
    display: flex;
  }
  .com-main-body .con-hmc-content .com-hmc-title img {
    width: 92px;
    margin: 0 20px 0 0;
  }
  .com-main-body .con-hmc-content .com-hmc-title .hmc-title {
    font: normal normal bold 14px/20px "source-han-sans-japanese", sans-serif;
    color: #1A1B35;
  }
  .com-main-body .con-hmc-content .hmc-sub-title {
    color: #1A1B35;
    text-align: center;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    margin: 30px 0;
  }
  .com-main-body .con-hmc-content .level .wpcf7-radio {
    display: flex;
    justify-content: space-between;
  }
  .com-main-body .con-hmc-content .wpcf7-list-item {
    width: 50% !important;
    display: inline-block;
    margin: 0;
    padding: 0 !important;
  }
  .com-main-body .con-hmc-content span.wpcf7-list-item-label {
    font-size: 15px;
    color: #2E4E76;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  }
  .com-main-body .con-hmc-content h4 {
    color: #2E4E76;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    margin: 26px 0 5px;
  }
  .com-main-body .con-hmc-content .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 47px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .com-main-body .con-hmc-content .wpcf7 input[type=url], .com-main-body .con-hmc-content .wpcf7 input[type=email], .com-main-body .con-hmc-content .wpcf7 input[type=tel] {
    direction: ltr;
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 47px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .com-main-body .con-hmc-content .wpcf7-form-control.wpcf7-select {
    height: 56px !important;
    margin: 8px auto 16px;
    width: 100%;
    padding-left: 15px;
    direction: ltr;
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 40px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .com-main-body .con-hmc-content .ebook-form-submit {
    border-radius: 4px;
    margin: 28px 0 0;
  }
  .com-main-body .con-hmc-content .ebook-submit {
    background-color: #CE858F;
    width: 100%;
    color: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1607843137);
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    padding: 16px 18px;
    border-radius: 4px;
    cursor: pointer;
  }
  .com-main-body2 .con-hmc-content .wpcf7-list-item {
    width: 39% !important;
    display: inline-block;
    margin: 0;
    padding: 0 !important;
    white-space: nowrap;
  }
  .com-main-body2 .con-hmc-content .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    margin-bottom: 20px !important;
    font-size: 16px;
  }
  .com-main-body2 .con-hmc-content .wpcf7 input[type=url], .com-main-body .con-hmc-content .wpcf7 input[type=email], .com-main-body .con-hmc-content .wpcf7 input[type=tel] {
    margin-bottom: 20px !important;
  }
  .con-kare-pc {
    width: 83%;
    max-width: 1200px;
    margin: 20px auto 20px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
  }
  .con-kare-pc .kare-pc-left {
    width: calc(50% - 60px);
    margin: 0px 15px 35px;
  }
  .con-kare-pc .kare-pc-left .kare-pc-title {
    color: #1A1B35;
    font: normal normal bold 24px/29px Montserrat;
    text-align: center;
    margin: 32px 0;
  }
  .con-kare-pc .kare-pc-left .kare-pc-items {
    color: #1A1B35;
  }
  .con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item {
    background-color: #B7E1F1;
    padding: 20px;
    width: 90%;
    margin: 20px auto;
    border-radius: 8px;
  }
  .con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-t {
    font: normal normal bold 16px/19px Montserrat;
  }
  .con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-text {
    font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
    margin: 10px 0;
  }
  .con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-dis {
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  }
  .con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-mem {
    font: normal normal bold 12px/17px "source-han-sans-japanese", sans-serif;
    margin: 10px 0 5px;
  }
  .con-kare-pc .kare-pc-border {
    background-color: #2E4E76;
    width: 2px;
    height: auto;
    margin: 26px 0;
  }
  .con-faq-content {
    color: #1A1B35;
    width: 93%;
    max-width: 1200px;
    margin: 60px auto;
  }
  .con-faq-content .con-faq-title {
    font: normal normal bold 40px/49px Montserrat;
    margin: 0 0 20px;
  }
  .con-faq-content .con-faq-text {
    width: 100%;
    margin: 30px auto;
  }
  .con-faq-content .con-faq-text .faq-item {
    border-bottom: 2px solid;
    height: 88px;
    overflow: hidden;
  }
  .con-faq-content .con-faq-text .faq-item .faq-flex {
    display: flex;
    align-items: center;
    margin: 30px 30px 30px 0px;
    gap: 15px;
  }
  .con-faq-content .con-faq-text .faq-item .faq-flex .faq-q {
    font: normal normal bold 20px/24px Montserrat;
    width: 4%;
    height: 100%;
    margin-top: 0;
    margin-bottom: auto;
  }
  .con-faq-content .con-faq-text .faq-item .faq-flex .faq-title {
    font: normal normal bold 16px/19px Montserrat;
    width: 92%;
  }
  .con-faq-content .con-faq-text .faq-item .faq-flex .faq-dis {
    font: italic normal 600 14px/18px Montserrat;
    line-height: 1.7;
  }
  .con-faq-content .con-faq-text .faq-item .faq-flex .faq-right {
    font: normal normal normal 30px/29px Montserrat;
    width: 4%;
    cursor: pointer;
  }
  .con-faq-content .con-faq-text .faq-item .faq-flex .faq-right2 {
    font: normal normal normal 21px/29px Montserrat;
    width: 4%;
    display: none;
    cursor: pointer;
  }
  .con-faq-content .con-faq-text .faq-item:nth-child(1) {
    border-top: 2px solid;
  }
  .con-thank-op {
    width: 100vw;
    height: 100vh;
    background-image: url("/wp-content/themes/micado/img/com-img/con-bg.jpg");
    opacity: 0.2;
  }
  .con-thank-body {
    width: 93%;
    top: 23%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 362px;
    max-width: 362px;
  }
  .con-thank-body h1 {
    font-size: 35px;
    line-height: 63px;
  }
  .con-thank-body p {
    font-size: 14px;
    line-height: 25.2px;
  }
  .con-thank-body a {
    font-size: 14px;
    line-height: 25.2px;
    padding: 10px 30px;
    margin: 20px 0 0 24%;
  }
  .new-con .com-con-btn a {
    left: 60px;
  }
  .new-con .com-btn-form a {
    position: fixed;
    background-color: #CE858F;
    border-radius: 50px;
    color: #FFFFFF;
    padding: 16px 27px;
    top: 745px;
    right: 74px;
    font: normal normal bold 20px/24px Montserrat;
    border: 2px solid;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
    z-index: 99;
  }
  .new-con .sp-only {
    display: block !important;
  }
  .new-con .pc-only {
    display: none !important;
  }
  .new-con .can-top {
    margin: 0px auto 25px;
    width: 93%;
  }
  .new-con .can-top .con-first-con .con-title {
    font: normal normal bold 40px/49px Montserrat;
    color: #1A1B35;
    margin: 0 0 20px 0;
  }
  .new-con .can-top .con-first-con .con-dis h2 {
    color: #1A1B35;
    font: normal normal bold 32px/46px "source-han-sans-japanese", sans-serif;
    margin: 0 0 43px 0;
    margin: 0 0 43px 0;
  }
  .new-con .can-top .con-first-con .con-kikan {
    color: #1A1B35;
    font: normal normal 600 32px/39px Montserrat;
    letter-spacing: 2px;
    margin: 0 0 54px 0;
  }
  .new-con .can-top .con-first-con .con-kikan .con-3m {
    font: normal normal 600 60px/73px Montserrat;
    color: #1A1B35;
    letter-spacing: 2px;
  }
  .new-con .can-top .con-first-con .con-kikan .haifun {
    margin: 0 0 0 86px;
  }
  .new-con .con-second-content {
    width: 100%;
    padding: 75px 0 80px;
    background-image: url("/wp-content/themes/micado/img/com-img/con-bg.jpg");
    margin: 0;
  }
  .new-con .con-second-content .con-sec-title {
    width: 93%;
    margin: 0 auto 80px;
  }
  .new-con .con-second-content .con-sec-title .con-sec-dis {
    font: normal normal 600 12px/15px Source Han Sans JP normal;
    color: #FFFFFF;
    line-height: 17px;
    letter-spacing: 1px;
  }
  .new-con .con-second-content .con-sec-title .con-sec-main {
    color: #FFFFFF;
    font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
    margin: 2px 0px 17px;
  }
  .new-con .con-second-content .con-kare {
    width: 93%;
    margin: 0 auto;
    max-width: 720px;
    background-color: white;
    border-radius: 8px;
    padding: 0 0 1px;
  }
  .new-con .con-second-content .con-kare .kare-header {
    display: flex;
    text-align: center;
    background-color: white;
    border-radius: 5px;
  }
  .new-con .con-second-content .con-kare .kare-header .kare-d1 {
    width: 50%;
    border-radius: 4px 0px 0px 0px;
    font: normal normal 600 16px/19px Montserrat;
    color: black;
    padding: 24px;
  }
  .new-con .con-second-content .con-kare .kare-header .kare-d2 {
    width: 50%;
    border-radius: 0px 4px 0px 0px;
    font: normal normal 600 16px/19px Montserrat;
    color: black;
    padding: 24px;
    background-color: #1A1B35;
  }
  .new-con .con-second-content .con-kare .kare-items {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    margin: 0;
    height: 600px;
  }
  .new-con .con-second-content .con-kare .kare-items .kare-item {
    padding: 20px 12px;
    color: #1A1B35;
    text-align: left;
    margin: 0 auto 50px;
    background-color: #B7E1F1;
    border-radius: 8px;
  }
  .new-con .con-second-content .con-kare .kare-items .kare-item .kare-item-t {
    font: normal normal bold 15px/19px Montserrat;
    margin: 0 0 12px;
    font-weight: normal;
  }
  .new-con .con-second-content .con-kare .kare-items .kare-item .kare-item-title {
    font: normal normal bold 16px/28.8px Source Han Sans JP　bold;
    margin: 0 0 12px;
  }
  .new-con .con-second-content .con-kare .kare-items .kare-item .kare-item-title h3 {
    font: normal normal bold 18px/26px Source Han Sans JP　bold;
    margin: -4px 0;
  }
  .new-con .con-second-content .con-kare .kare-items .kare-item .kare-item-dis {
    font: normal normal bold 14px/20px "source-han-sans-japanese", sans-serif;
    margin: 0 0 16px;
  }
  .new-con .con-second-content .con-kare .kare-items .kare-item .kare-item-name {
    font: normal normal normal 12px/17px "source-han-sans-japanese", sans-serif;
  }
  .new-con .con-second-content .con-kare .kare-d2-con {
    display: none;
  }
  .new-con .con-second-content .con-kare .kare-d1-con {
    display: block;
  }
  .new-con .con-second-content .con-kare .kare-items::-webkit-scrollbar {
    width: 4px;
  }
  .new-con .con-second-content .con-kare .kare-items::-webkit-scrollbar-track {
    background-color: #b9bacb;
  }
  .new-con .con-second-content .con-kare .kare-items::-webkit-scrollbar-thumb {
    background-color: #636477;
    border-radius: 10px;
  }
  .new-con .pink-label {
    overflow: hidden;
  }
  .new-con .pink-label p {
    font: normal normal bold 40px/49px Montserrat;
    width: 160%;
    padding: 10px 0 10px 100%;
  }
  .new-con .con-member {
    background-color: #DEF2B3;
    width: 100%;
    padding: 60px 0;
  }
  .new-con .con-member .con-speaker .con-mem-title {
    width: 93%;
    margin: 0 auto 10px;
    font: normal normal bold 32px/49px Montserrat;
    color: #1A1B35;
    display: flex;
  }
  .new-con .con-member .con-speaker .con-mem-title span {
    padding: 12px 18px;
    font: normal normal bold 16px/19px "source-han-sans-japanese", sans-serif;
    line-height: 2;
  }
  .new-con .con-member .con-speaker .con-mem-line {
    background-color: white;
    width: 100%;
    height: 7px;
    border-right: unset;
    border-left: unset;
    margin: 0 0 20px;
  }
  .new-con .con-member .con-speaker .flex-left {
    justify-content: unset !important;
    gap: 62px;
  }
  .new-con .con-member .con-speaker .members {
    width: 93%;
    max-width: 1200px;
    margin: 0px auto 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
  }
  .new-con .con-member .con-speaker .members .con-mem-item {
    width: 42%;
    margin: 0px 0 0;
    color: #1A1B35;
  }
  .new-con .con-member .con-speaker .members .con-mem-item img {
    width: 100%;
    aspect-ratio: 1/1;
    margin: 0 0 10px;
  }
  .new-con .con-member .con-speaker .members .con-mem-item .name {
    font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
  }
  .new-con .con-member .con-speaker .members .con-mem-item .name-d {
    font: normal normal 600 12px/15px Montserrat;
    margin: 7px 0 0;
  }
  .new-con .con-member .con-speaker .members .con-mem-item .dis {
    margin: 7px 0 0;
    font: normal normal bold 12px/17px "source-han-sans-japanese", sans-serif;
  }
  .new-con .con-deta-content {
    background-image: url("/wp-content/themes/micado/img/com-img/con-top-bg.jpg");
    display: block;
    justify-content: center;
  }
  .new-con .con-deta-content .deta-left-content {
    display: none;
  }
  .new-con .con-deta-content .deta-left-content .left-text img {
    width: 160px;
    margin: 175px 0 0;
  }
  .new-con .con-deta-content .deta-left-content .left-text h1 {
    font: normal normal bold 80px/97px Montserrat;
    color: #1A1B35;
    margin: 25px 0 170px;
  }
  .new-con .con-partners {
    width: 93%;
    max-width: 1200px;
    margin: 93px auto 57px;
  }
  .new-con .con-partners .con-partners-p {
    font: normal normal bold 12px/22px Montserrat;
    letter-spacing: 0px;
    color: #1A1B35;
  }
  .new-con .con-partners .con-part-title {
    font: normal normal bold 40px/49px Montserrat;
    margin: 0 0 0;
  }
  .new-con .con-partners .con-part-sub-title .part-sub-title {
    font: normal normal bold 32px/39px Montserrat;
    color: #CE858F;
    margin: 25px 0 18px;
  }
  .new-con .con-partners .con-part-sub-title img {
    width: 160px;
    margin: 0px 10px 13px;
  }
  .new-con .con-partners .con-part-btn {
    position: unset;
    margin: 40px 0 0 0;
  }
  .new-con .con-partners .con-part-btn a {
    padding: 22px 22px 20px;
    border: 4px solid #CE858F;
    border-radius: 34px;
  }
  .new-con .con-partners .con-part-btn a span {
    background-color: #CE858F;
    border-radius: 50px;
    color: white;
    margin: 0 12px 0 0;
    font: normal normal normal 16px/19px Montserrat;
    padding: 1px 6px;
  }
  .new-con .con-partners .con-part-btn a p {
    font: normal normal bold 16px/19px Montserrat;
    color: #CE858F;
    display: inline;
  }
  .new-con .con-info-contents {
    padding: 52px 0;
  }
  .new-con .con-info-contents .con-info-title {
    font: normal normal bold 40px/49px Montserrat;
    width: 93%;
    max-width: 1200px;
    margin: 0 auto 0;
  }
  .new-con .con-info-contents .con-info-dis {
    width: 93%;
    max-width: 720px;
    margin: 19px auto 0;
  }
  .new-con .con-info-contents .con-info-dis .info-dis {
    font: normal normal normal 14px/20px "source-han-sans-japanese", sans-serif;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid;
    line-height: 3.5;
  }
  .new-con .con-info-contents .con-info-dis .info-dis .dis-title {
    width: 35%;
  }
  .new-con .con-info-contents .con-info-dis .info-dis .dis-dis {
    width: 65%;
  }
  .new-con .con-info-contents .con-info-dis .info-dis .dis-dis-line {
    line-height: 1.5;
    margin: 15px 0 15px;
  }
  .new-con .com-main-body {
    background-color: #F2F2F5;
    padding: 1px 0 1px;
    overflow: hidden;
  }
  .new-con .com-main-body .con-hmc-content {
    width: 93%;
    max-width: unset;
    margin: 54px auto 129px;
  }
  .new-con .com-main-body .con-hmc-content .con-pri-margin {
    margin-top: 7px;
  }
  .new-con .com-main-body .con-hmc-content .com-hmc-title {
    display: flex;
  }
  .new-con .com-main-body .con-hmc-content .com-hmc-title img {
    width: 92px;
    margin: 0 20px 0 0;
  }
  .new-con .com-main-body .con-hmc-content .com-hmc-title .hmc-title {
    font: normal normal bold 14px/20px "source-han-sans-japanese", sans-serif;
    color: #1A1B35;
  }
  .new-con .com-main-body .con-hmc-content .hmc-sub-title {
    color: #1A1B35;
    text-align: center;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    margin: 30px 0;
  }
  .new-con .com-main-body .con-hmc-content .level .wpcf7-radio {
    display: flex;
    justify-content: space-between;
  }
  .new-con .com-main-body .con-hmc-content .wpcf7-list-item {
    width: 50% !important;
    display: inline-block;
    margin: 0;
    padding: 0 !important;
  }
  .new-con .com-main-body .con-hmc-content span.wpcf7-list-item-label {
    font-size: 15px;
    color: #2E4E76;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  }
  .new-con .com-main-body .con-hmc-content h4 {
    color: #2E4E76;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    margin: 26px 0 5px;
  }
  .new-con .com-main-body .con-hmc-content .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 47px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .new-con .com-main-body .con-hmc-content .wpcf7 input[type=url], .new-con .com-main-body .con-hmc-content .wpcf7 input[type=email], .new-con .com-main-body .con-hmc-content .wpcf7 input[type=tel] {
    direction: ltr;
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 47px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .new-con .com-main-body .con-hmc-content .wpcf7-form-control.wpcf7-select {
    height: 56px !important;
    margin: 8px auto 16px;
    width: 100%;
    padding-left: 15px;
    direction: ltr;
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 40px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .new-con .com-main-body .con-hmc-content .ebook-form-submit {
    border-radius: 4px;
    margin: 28px 0 0;
  }
  .new-con .com-main-body .con-hmc-content .ebook-submit {
    background-color: #CE858F;
    width: 100%;
    color: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1607843137);
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    padding: 16px 18px;
    border-radius: 4px;
    cursor: pointer;
  }
  .new-con .com-main-body .con-hmc-content {
    width: 93%;
    max-width: unset;
    margin: 54px auto 129px;
  }
  .new-con .com-main-body .con-hmc-content .con-pri-margin {
    margin-top: 7px;
  }
  .new-con .com-main-body .con-hmc-content .com-hmc-title {
    display: flex;
  }
  .new-con .com-main-body .con-hmc-content .com-hmc-title img {
    width: 92px;
    margin: 0 20px 0 0;
  }
  .new-con .com-main-body .con-hmc-content .com-hmc-title .hmc-title {
    font: normal normal bold 14px/20px "source-han-sans-japanese", sans-serif;
    color: #1A1B35;
  }
  .new-con .com-main-body .con-hmc-content .hmc-sub-title {
    color: #1A1B35;
    text-align: center;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    margin: 30px 0;
  }
  .new-con .com-main-body .con-hmc-content .level .wpcf7-radio {
    display: flex;
    justify-content: space-between;
  }
  .new-con .com-main-body .con-hmc-content .wpcf7-list-item {
    width: 50% !important;
    display: inline-block;
    margin: 0;
    padding: 0 !important;
  }
  .new-con .com-main-body .con-hmc-content span.wpcf7-list-item-label {
    font-size: 15px;
    color: #2E4E76;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  }
  .new-con .com-main-body .con-hmc-content h4 {
    color: #2E4E76;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    margin: 26px 0 5px;
  }
  .new-con .com-main-body .con-hmc-content .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 47px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .new-con .com-main-body .con-hmc-content .wpcf7 input[type=url], .new-con .com-main-body .con-hmc-content .wpcf7 input[type=email], .new-con .com-main-body .con-hmc-content .wpcf7 input[type=tel] {
    direction: ltr;
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 47px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .new-con .com-main-body .con-hmc-content .wpcf7-form-control.wpcf7-select {
    height: 56px !important;
    margin: 8px auto 16px;
    width: 100%;
    padding-left: 15px;
    direction: ltr;
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 40px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .new-con .com-main-body .con-hmc-content .ebook-form-submit {
    border-radius: 4px;
    margin: 28px 0 0;
  }
  .new-con .com-main-body .con-hmc-content .ebook-submit {
    background-color: #CE858F;
    width: 100%;
    color: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1607843137);
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    padding: 16px 18px;
    border-radius: 4px;
    cursor: pointer;
  }
  .new-con .com-main-body2 .con-hmc-content .wpcf7-list-item {
    width: 39% !important;
    display: inline-block;
    margin: 0;
    padding: 0 !important;
    white-space: nowrap;
  }
  .new-con .com-main-body2 .con-hmc-content .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    margin-bottom: 20px !important;
    font-size: 16px;
  }
  .new-con .com-main-body2 .con-hmc-content .wpcf7 input[type=url], .new-con .com-main-body .con-hmc-content .wpcf7 input[type=email], .new-con .com-main-body .con-hmc-content .wpcf7 input[type=tel] {
    margin-bottom: 20px !important;
  }
  .new-con .con-kare-pc {
    width: 83%;
    max-width: 1200px;
    margin: 20px auto 20px;
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
  }
  .new-con .con-kare-pc .kare-pc-left {
    width: calc(50% - 60px);
    margin: 0px 15px 35px;
  }
  .new-con .con-kare-pc .kare-pc-left .kare-pc-title {
    color: #1A1B35;
    font: normal normal bold 24px/29px Montserrat;
    text-align: center;
    margin: 32px 0;
  }
  .new-con .con-kare-pc .kare-pc-left .kare-pc-items {
    color: #1A1B35;
  }
  .new-con .con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item {
    background-color: #B7E1F1;
    padding: 20px;
    width: 90%;
    margin: 20px auto;
    border-radius: 8px;
  }
  .new-con .con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-t {
    font: normal normal bold 16px/19px Montserrat;
  }
  .new-con .con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-text {
    font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
    margin: 10px 0;
  }
  .new-con .con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-dis {
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  }
  .new-con .con-kare-pc .kare-pc-left .kare-pc-items .kare-pc-item .kare-pc-mem {
    font: normal normal bold 12px/17px "source-han-sans-japanese", sans-serif;
    margin: 10px 0 5px;
  }
  .new-con .con-kare-pc .kare-pc-border {
    background-color: #2E4E76;
    width: 2px;
    height: auto;
    margin: 26px 0;
  }
  .new-con .con-faq-content {
    color: #1A1B35;
    width: 93%;
    max-width: 1200px;
    margin: 60px auto;
  }
  .new-con .con-faq-content .con-faq-title {
    font: normal normal bold 40px/49px Montserrat;
    margin: 0 0 20px;
  }
  .new-con .con-faq-content .con-faq-text {
    width: 100%;
    margin: 30px auto;
  }
  .new-con .con-faq-content .con-faq-text .faq-item {
    border-bottom: 2px solid;
    height: 88px;
    overflow: hidden;
  }
  .new-con .con-faq-content .con-faq-text .faq-item .faq-flex {
    display: flex;
    align-items: center;
    margin: 30px 30px 30px 0px;
    gap: 15px;
  }
  .new-con .con-faq-content .con-faq-text .faq-item .faq-flex .faq-q {
    font: normal normal bold 20px/24px Montserrat;
    width: 4%;
    height: 100%;
    margin-top: 0;
    margin-bottom: auto;
  }
  .new-con .con-faq-content .con-faq-text .faq-item .faq-flex .faq-title {
    font: normal normal bold 16px/19px Montserrat;
    width: 92%;
  }
  .new-con .con-faq-content .con-faq-text .faq-item .faq-flex .faq-dis {
    font: italic normal 600 14px/18px Montserrat;
    line-height: 1.7;
  }
  .new-con .con-faq-content .con-faq-text .faq-item .faq-flex .faq-right {
    font: normal normal normal 30px/29px Montserrat;
    width: 4%;
    cursor: pointer;
  }
  .new-con .con-faq-content .con-faq-text .faq-item .faq-flex .faq-right2 {
    font: normal normal normal 21px/29px Montserrat;
    width: 4%;
    display: none;
    cursor: pointer;
  }
  .new-con .con-faq-content .con-faq-text .faq-item:nth-child(1) {
    border-top: 2px solid;
  }
  .new-con .con-thank-op {
    width: 100vw;
    height: 100vh;
    background-image: url("/wp-content/themes/micado/img/com-img/con-bg.jpg");
    opacity: 0.2;
  }
  .new-con .con-thank-body {
    width: 93%;
    top: 23%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 362px;
    max-width: 362px;
  }
  .new-con .con-thank-body h1 {
    font-size: 35px;
    line-height: 63px;
  }
  .new-con .con-thank-body p {
    font-size: 14px;
    line-height: 25.2px;
  }
  .new-con .con-thank-body a {
    font-size: 14px;
    line-height: 25.2px;
    padding: 10px 30px;
    margin: 20px 0 0 24%;
  }
  .new-conf .top-con-back {
    overflow: hidden;
  }
  .new-conf .sp-only {
    display: block !important;
  }
  .new-conf .left-content-d {
    width: unset;
    margin: unset;
  }
  .new-conf .join-contents {
    padding: 12px 12px 5px 12px;
    width: 94.4%;
    margin: 100px auto 60px;
    box-sizing: border-box;
  }
  .new-conf .join-contents h1 {
    font-size: 24px;
    line-height: 35px;
    color: white;
    margin: 0 0 24px;
    text-align: center;
  }
  .new-conf .join-contents .join-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .new-conf .join-contents .join-items .item {
    width: 100%;
    padding: 8px 8px 130px 8px;
    margin: 0 0 20px;
  }
  .new-conf .join-contents .join-items .item .item-numver {
    width: 45px;
    height: 45px;
    left: 12px;
  }
  .new-conf .join-contents .join-items .item .item-numver h1 {
    line-height: 43px;
    font-size: 32px;
  }
  .new-conf .join-contents .join-items .item img {
    top: 67%;
    width: 92%;
  }
  .new-conf .join-contents .join-items .item p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 0 80px;
    width: 221px;
  }
  .new-conf .join-contents .join-click {
    margin: 20px 0;
  }
  .new-conf .new-conference-top-img {
    position: absolute;
    width: 93%;
    top: 65px;
    right: -12%;
  }
  .new-conf .con-first-con {
    margin: 40vh 0 0;
  }
  .new-conf .form-modal {
    background-image: linear-gradient(129deg, rgb(207, 196, 49), rgb(94, 186, 200));
    width: 100%;
    padding: 12px;
    color: white;
    bottom: 0;
    box-sizing: border-box;
    position: fixed;
    z-index: 99;
  }
  .new-conf .form-modal p {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
  }
  .new-conf .form-modal p span {
    font-size: 20px;
  }
  .new-conf .form-modal h1 {
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    margin: 10px 0 0px;
  }
  .new-conf .form-modal h1 svg {
    margin: 0px 0px -4px 0px;
  }
  .new-conf .form-modal .h1-2 {
    display: none;
  }
  .new-conf .form-modal .h1-1 {
    display: block;
  }
  .new-conf .form-modal-close {
    background-color: #003378;
    background-image: unset;
  }
  .new-conf .form-modal-close .h1-1 {
    display: none;
  }
  .new-conf .form-modal-close .h1-2 {
    display: block;
  }
  .new-conf .can-top {
    width: 94.4%;
    margin: 0px auto 25px;
    padding: 40px 0 0;
    max-width: 1360px;
    height: unset;
  }
  .new-conf .can-top .con-first-con {
    display: flex;
    flex-wrap: wrap;
    height: unset;
  }
  .new-conf .can-top .con-first-con .con-top-text {
    margin: auto 0 20px;
    z-index: 2;
  }
  .new-conf .can-top .con-first-con .con-top-text a {
    color: #003378;
    font-size: 16px;
    line-height: 19px;
    padding: 8px 25px;
    border-radius: 8px;
  }
  .new-conf .can-top .con-first-con .con-title {
    font-size: 40px;
    line-height: 49px;
  }
  .new-conf .can-top .con-first-con .con-dis h2 {
    font-size: 20px;
    line-height: 29px;
  }
  .new-conf .can-top .con-first-con .con-kikan {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.5px;
  }
  .new-conf .can-top .con-first-con .con-kikan .con-3m {
    font-size: 23px;
  }
  .new-conf .con-deta-contents {
    background-color: white;
    width: 94.4%;
    margin: 100px auto;
    border-radius: 0px;
    padding: 0.1px 0;
  }
  .new-conf .con-deta-contents h2 {
    font-size: 24px;
    line-height: 46px;
    color: #003378;
    text-align: center;
    margin: 30px 0 20px;
  }
  .new-conf .con-deta-contents .deta-right-content {
    width: 73%;
    max-width: 700px;
    display: block;
    margin: 0 auto;
  }
  .new-conf .con-deta-contents .deta-right-content h2 {
    font: normal normal bold 24px/46px "source-han-sans-japanese", sans-serif;
    color: #2E4E76;
    text-align: center;
    margin: 5px 0 -8%;
  }
  .new-conf .con-deta-contents .deta-right-content #doughnut_chart {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
  }
  .new-conf .con-deta-contents .deta-right-content #legend-container {
    width: 100%;
    max-width: unset;
    margin: 30px auto;
  }
  .new-conf .con-deta-contents .deta-right-content #legend-container ul {
    text-align: center;
  }
  .new-conf .con-deta-contents .deta-right-content #legend-container li {
    font: normal normal bold 16px/46px "source-han-sans-japanese", sans-serif;
    white-space: nowrap;
    color: #2E4E76;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .new-conf .con-deta-contents .deta-right-content #legend-container li span {
    width: 18px !important;
    height: 18px !important;
  }
  .new-conf .con-deta-contents .deta-right-content #legend-container li div {
    display: flex;
    align-items: center;
  }
  .new-conf .con-deta-contents .deta-right-content #legend-container li span:nth-child(2) {
    margin-left: 30px !important;
    display: inline-block;
    width: 100px !important;
    height: 100% !important;
    text-align: right;
  }
  .new-conf .conference-form-new {
    width: 100%;
    padding: 40px 0 80px;
    margin: 120px 0 0;
    position: relative;
    z-index: 9;
  }
  .new-conf .conference-form-new h1 {
    font-size: 24px;
    line-height: 35px;
    color: white;
    margin: 0 0 24px;
    text-align: center;
  }
  .new-conf .conference-form-new .dis {
    font-size: 8px;
    line-height: 17px;
    margin: 0 auto;
    width: 89.4%;
  }
  .new-conf .conference-form-new .join-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .new-conf .conference-form-new .join-items .item {
    width: 88.7%;
    padding: 8px 8px 40px 8px;
    margin: 0 auto 20px;
    aspect-ratio: 173/93;
  }
  .new-conf .conference-form-new .join-items .item .item-numver {
    width: 45px;
    height: 45px;
    left: 12px;
  }
  .new-conf .conference-form-new .join-items .item .item-numver h1 {
    line-height: 43px;
    font-size: 32px;
  }
  .new-conf .conference-form-new .join-items .item img {
    top: 67%;
    width: 92%;
  }
  .new-conf .conference-form-new .join-items .item p {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 0 80px;
    width: 221px;
  }
  .new-conf .conference-form-new .form-content {
    width: 94.4%;
    max-width: 1200px;
    margin: 75px auto 0;
    background-color: white;
    padding: 25px 0 40px;
  }
  .new-conf .conference-form-new .form-content .wpcf7-form {
    width: 90%;
    margin: -50px auto 0;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 {
    margin: 0px auto;
    font-size: 16px;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .hmc-title-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 25%;
    max-width: 360px;
    min-width: 360px;
    margin: 0 auto;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .hmc-title-flex svg {
    margin: 0 auto;
    display: block;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .hmc-title-flex img {
    width: 70px;
    margin: 0 auto;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .hmc-title-flex h3 {
    display: none;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 h1 {
    font-size: 16px;
    line-height: 21px;
    margin: 20px 0;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 h5 {
    font-size: 14px;
    margin: 0;
    font-family: "Source Han Sans JP";
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 p {
    display: none;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 #wpcf7-f21838-o3, .new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf {
    width: 25%;
    max-width: 360px;
    min-width: 360px;
    margin: 0 auto;
    margin: 40px auto 0;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .com-hmc-title {
    display: flex;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .com-hmc-title img {
    width: 92px;
    margin: 0 20px 0 0;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .com-hmc-title .hmc-title {
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    color: #1A1B35;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .hmc-sub-title {
    color: #1A1B35;
    text-align: center;
    font: normal normal bold 20px/24px "source-han-sans-japanese", sans-serif;
    margin: 30px 0;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .level .wpcf7-radio {
    display: flex;
    justify-content: space-between;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7-list-item {
    display: inline-block;
    margin: 40px 0 5px;
    padding: 0 !important;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7-checkbox {
    display: flex;
    justify-content: space-between;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7-response-output {
    display: none !important;
    border: 2px solid #272727;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .acceptance-143 span span {
    margin-top: 25px;
    font-size: 14px;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .acceptance-144 span span {
    margin-top: 25px;
    font-size: 14px;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .acceptance-144 {
    display: block;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 span.wpcf7-list-item-label {
    font: normal normal bold 12px/16px "source-han-sans-japanese", sans-serif;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 h4 {
    margin: 75px 0 10px;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    height: 48px;
    outline: none;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 ::placeholder {
    color: rgba(0, 50, 120, 0.4980392157);
    font-size: 17px;
    line-height: 24px;
    font-family: "Source Han Sans JP normal";
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7 input[type=url], .new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7 input[type=email], .new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7 input[type=tel] {
    direction: ltr;
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 56px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .wpcf7-form-control.wpcf7-select {
    height: 56px !important;
    margin: 8px auto 16px;
    width: 100%;
    padding-left: 15px;
    direction: ltr;
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 40px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
    outline: none;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .ebook-form-submit {
    border-radius: 4px;
    margin: 28px 0 0;
  }
  .new-conf .conference-form-new .form-content .hmc-contact-form1 .ebook-submit {
    background-color: #CE858F;
    width: 100%;
    color: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1607843137);
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    padding: 16px 18px;
    border-radius: 4px;
    cursor: pointer;
  }
  .new-conf .con-info-contents {
    color: #FFFFFF;
    background-color: unset;
    background-image: linear-gradient(180deg, rgb(207, 196, 49), rgb(94, 186, 200));
    padding: 0.1px 0 80px;
  }
  .new-conf .con-info-contents .con-info-title {
    font: normal normal bold 40px/49px Montserrat;
    width: 83%;
    max-width: 1200px;
    margin: 80px auto 0;
  }
  .new-conf .con-messages {
    width: 94.4%;
    height: 690px;
    margin: 0px auto 0;
  }
  .new-conf .con-messages .message-1 {
    top: 75%;
    left: 1%;
  }
  .new-conf .con-messages .message-2 {
    top: 6%;
    left: 2%;
  }
  .new-conf .con-messages .message-3 {
    top: 56%;
    left: 20%;
  }
  .new-conf .con-messages .message-4 {
    top: 38%;
    left: 1%;
  }
  .new-conf .con-messages .message-5 {
    top: 22%;
    left: 9%;
  }
  .new-conf .hmc-3content {
    width: 94.4%;
    margin: 0 auto;
  }
  .new-conf .hmc-3content h1 {
    font-size: 24px;
    line-height: 35px;
    margin: 0 0 28px;
  }
  .new-conf .hmc-3content p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 40px;
    font-family: "Source Han Sans JP";
  }
  .new-conf .hmc-3content img {
    width: 70%;
    margin: 0 auto;
  }
  .new-conf .con-second-content .kare-title-h1 {
    font-size: 24px;
    line-height: 34px;
    margin: 100px 0 30px;
  }
  .new-conf .con-second-content .con-kare {
    padding: 25px 12px;
  }
  .new-conf .con-second-content .con-kare .kare-header .kare-d1 {
    font-size: 16px;
    line-height: 19px;
    padding: 12px 0;
    height: 43px;
    box-sizing: border-box;
  }
  .new-conf .con-second-content .con-kare .kare-header .kare-d2 {
    font-size: 16px;
    line-height: 19px;
    padding: 12px 0;
    height: 43px;
    box-sizing: border-box;
  }
  .new-conf .con-second-content .con-kare .kare-items {
    padding: 0;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item {
    padding: 24px 16px;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-item-t {
    font: normal normal normal 14px/18px Montserrat;
    margin: 0;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-item-title {
    margin: 8px 0;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-item-title h3 {
    margin: 0;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-item-dis {
    font: normal normal bold 15px/24px "source-han-sans-japanese", sans-serif;
    margin: 0 0 16px;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-item-name {
    font: normal normal normal 10px/15px "source-han-sans-japanese", sans-serif;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-click {
    position: absolute;
    bottom: 11%;
    right: 2%;
    cursor: pointer;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-click svg {
    width: 16px;
    height: 16px;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea {
    display: none;
    position: fixed;
    z-index: 10; /*サイトによってここの数値は調整 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .speakers-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 20px;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .speakers-content p {
    font-size: 16px;
    line-height: 24px;
    color: #1A1B35;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .speakers-content div {
    width: 80%;
    height: 1px;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item {
    width: 100%;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item .padding12 {
    padding: 12px;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item img {
    width: 30%;
    aspect-ratio: 9/13;
    object-fit: cover;
    margin: 0 0 10px;
    border-radius: 20px;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item .name {
    text-align: left;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item .name-d {
    text-align: left;
    font: normal normal 600 14px/18px Montserrat;
    display: none;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item .dis {
    text-align: left;
    font: normal normal normal 12px/17px "source-han-sans-japanese", sans-serif;
    margin: 10px 0 0;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .kare-modalArea .mem-icons .con-mem-item .prof {
    text-align: left;
    font: normal normal normal 12px/18px "source-han-sans-japanese", sans-serif;
    margin: 10px 0 0;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .modalBg {
    width: 100%;
    height: 100%;
    background-color: rgba(30, 30, 30, 0.9);
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .modalWrapper {
    padding: 20px 12px;
    width: 94.4%;
    box-sizing: border-box;
    max-height: 80vh;
    overflow: scroll;
  }
  .new-conf .con-second-content .con-kare .kare-items .kare-item .closeModal {
    position: absolute;
    top: 1.5rem;
    right: 2rem;
    cursor: pointer;
    color: white;
    background-color: black;
    padding: 8px;
    border-radius: 16px;
  }
  .new-conf .con-second-content .con-kare .kare-d2-con {
    display: none;
  }
  .new-conf .con-second-content .con-kare .kare-d1-con {
    display: block;
  }
  .new-conf .con-second-content .con-kare .kare-items::-webkit-scrollbar {
    width: 7px;
  }
  .new-conf .con-second-content .con-kare .kare-items::-webkit-scrollbar-track {
    background-color: #b9bacb;
  }
  .new-conf .con-second-content .con-kare .kare-items::-webkit-scrollbar-thumb {
    background-color: #636477;
    border-radius: 10px;
  }
  .new-conf .con-second-content .kare-info {
    max-width: 1200px;
    margin: 20px auto;
    text-align: right;
    color: #fff;
  }
  .new-conf .con-partners {
    width: 93%;
    max-width: 1200px;
    margin: 93px auto 57px;
  }
  .new-conf .con-partners .con-partners-p {
    font: normal normal bold 12px/22px Montserrat;
    letter-spacing: 0px;
    color: #1A1B35;
  }
  .new-conf .con-partners .con-part-title {
    font: normal normal bold 40px/49px Montserrat;
    margin: 0 0 0;
  }
  .new-conf .con-partners .con-part-sub-title .part-sub-title {
    font: normal normal bold 32px/39px Montserrat;
    color: #CE858F;
    margin: 25px 0 18px;
  }
  .new-conf .con-partners .con-part-sub-title img {
    width: 160px;
    margin: 0px 10px 13px;
  }
  .new-conf .con-partners .con-part-btn {
    position: unset;
    margin: 40px 0 0 0;
  }
  .new-conf .con-partners .con-part-btn a {
    padding: 22px 22px 20px;
    border: 4px solid #CE858F;
    border-radius: 34px;
  }
  .new-conf .con-partners .con-part-btn a span {
    background-color: #CE858F;
    border-radius: 50px;
    color: white;
    margin: 0 12px 0 0;
    font: normal normal normal 16px/19px Montserrat;
    padding: 1px 6px;
  }
  .new-conf .con-partners .con-part-btn a p {
    font: normal normal bold 16px/19px Montserrat;
    color: #CE858F;
    display: inline;
  }
  .new-conf .con-info-contents {
    padding: 52px 0;
  }
  .new-conf .con-info-contents .con-info-title {
    font: normal normal bold 40px/49px Montserrat;
    width: 93%;
    max-width: 1200px;
    margin: 0 auto 0;
  }
  .new-conf .con-info-contents .con-info-dis {
    width: 93%;
    max-width: 720px;
    margin: 19px auto 0;
  }
  .new-conf .con-info-contents .con-info-dis .info-dis {
    font: normal normal normal 14px/20px "source-han-sans-japanese", sans-serif;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid;
    line-height: 3.5;
  }
  .new-conf .con-info-contents .con-info-dis .info-dis .dis-title {
    width: 35%;
  }
  .new-conf .con-info-contents .con-info-dis .info-dis .dis-dis {
    width: 65%;
  }
  .new-conf .con-info-contents .con-info-dis .info-dis .dis-dis-line {
    line-height: 1.5;
    margin: 15px 0 15px;
  }
  .new-conf .service-image2 {
    margin-left: 0;
  }
  .new-conf #top_menu {
    z-index: 12;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1215686275) 0 3px 6px;
    height: 56px !important;
    padding: 10px;
    box-sizing: border-box;
  }
  .new-conf #top_menu .top-menu-content {
    width: 100%;
  }
  .new-conf #top_menu .top-menu-content .logo svg {
    width: 79px;
    height: 40px;
  }
  .new-conf #top_menu .top-menu-content .bar1, .new-conf #top_menu .top-menu-content .bar2, .new-conf #top_menu .top-menu-content .bar3 {
    background-color: #CFC431;
  }
  .new-conf #menu-open {
    background-color: rgba(0, 0, 0, 0.3294117647);
  }
  .new-conf #menu-open .body {
    position: relative;
    width: 100%;
  }
  .new-conf #menu-open .con-menu-list {
    position: absolute;
    top: 40px;
    right: 0px;
    background-color: white;
    border-radius: 0 0 0 16px;
    padding: 40px 24px 32px;
  }
  .new-conf #menu-open .con-menu-list li {
    padding: 9px 0px;
    list-style: none;
    color: #003378;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #5EBAC8;
  }
  .new-conf #menu-open .con-menu-list li a {
    margin: 0 0 0 14px;
  }
  .new-conf .sp-fixed-form {
    display: none;
    position: fixed;
    bottom: 0px;
    left: 0%;
    z-index: 13;
    height: 100vh;
    padding: 120px 35px;
    box-sizing: border-box;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.3019607843);
  }
  .new-conf .sp-fixed-form .con-fix-form {
    background-color: white;
    padding: 40px 20px;
    border-radius: 4px;
    overflow: scroll;
    height: 60vh;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .new-conf .sp-fixed-form .con-fix-form h2 {
    font-size: 16px;
    line-height: 21px;
    color: #003378;
    margin: 0 0 0;
    text-align: center;
  }
  .new-conf .sp-fixed-form .con-fix-form p {
    font-size: 14px;
    line-height: 21px;
    color: #003378;
    margin: 10px 0 20px;
    font-family: "Source Han Sans JP medium";
    text-align: center;
  }
  .new-conf .sp-fixed-form #wpcf7-f21838-o1 {
    padding: 0px;
  }
  .new-conf .sp-fixed-form #wpcf7-f21838-o1 .ebook-form-item h4 {
    font-size: 14px;
    line-height: 24px;
    font-family: "Source Han Sans JP medium";
    color: #2E4E76;
    margin: 0px 0 8px;
  }
  .new-conf .sp-fixed-form #wpcf7-f21838-o1 .ebook-form-item input {
    border: 1px solid #2E4E76;
    border-radius: 4px;
    padding: 23px 28px;
    font-size: 16px;
    line-height: 24px;
    font-family: "Source Han Sans JP medium";
    box-shadow: unset;
    outline: unset;
    margin: 0px 0 20px !important;
  }
  .new-conf .sp-fixed-form #wpcf7-f21838-o1 .wpcf7-list-item {
    margin: 10px 0 12px;
    border-bottom: unset !important;
    box-sizing: border-box;
  }
  .new-conf .sp-fixed-form #wpcf7-f21838-o1 .wpcf7-form-control.wpcf7-select {
    padding: 15px;
    border-radius: 4px;
    height: unset;
    border: 1px solid #2E4E76;
  }
  .new-conf .sp-fixed-form #wpcf7-f21838-o1 .con-pri-margin {
    display: block;
    margin: 0px;
  }
  .new-conf .sp-fixed-form #wpcf7-f21838-o1 .wpcf7-list-item-label {
    color: #2E4E76;
    font-size: 12px;
    font-family: "Source Han Sans JP Medium";
    margin: 19px 0 0;
    display: block;
  }
  .new-conf .sp-fixed-form #wpcf7-f21838-o1 .ebook-submit {
    background-color: #CE858F;
  }
  .new-conf .inv-recaptcha-holder {
    display: none;
  }
}
.con-archive-first {
  position: relative;
  background-image: url("/wp-content/themes/micado/img/com-img/con-bg.jpg");
  height: 100vh;
}
.con-archive-first .archive-content {
  width: 83%;
  max-width: 1200px;
  margin: 0px auto -26px;
  padding: 0 0 1px;
  display: flex;
  align-items: center;
}
.con-archive-first .archive-content .left-text {
  color: white;
}
.con-archive-first .archive-content .left-text img {
  width: 180px;
  margin: 40px 0;
}
.con-archive-first .archive-content .left-text h1 {
  font: normal normal bold 120px/146px Montserrat;
  margin: 0;
  line-height: 1.3;
}
.con-archive-first .archive-content .left-text .h1-fukuro {
  -webkit-text-stroke: 5px white;
  color: transparent;
  font-family: unset;
}
.con-archive-first .archive-content .left-text p {
  font: normal normal bold 32px/48px "source-han-sans-japanese", sans-serif;
  margin: 0;
}
.con-archive-first .archive-black-con {
  position: absolute;
  background-color: #000000;
  color: white;
  font: normal normal bold 32px/48px "source-han-sans-japanese", sans-serif;
  top: 181px;
  right: 0;
  padding: 24px 120px 24px 60px;
  box-sizing: border-box;
}

.com-archive-btn a {
  z-index: 9;
  position: fixed;
  background-color: #CE858F;
  border-radius: 50px;
  color: #FFFFFF;
  padding: 13px 27px;
  bottom: 220px;
  right: 100px;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  border: 2px solid;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
  width: 311px;
  text-align: center;
}
.com-archive-btn a img {
  width: 24px;
  position: absolute;
  top: 15px;
  right: 9px;
}

.com-archive-btn9 a {
  z-index: 9;
  position: fixed;
  background-color: white;
  border-radius: 50px;
  color: #CE858F;
  padding: 13px 27px;
  bottom: 150px;
  right: 100px;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  border: 2px solid #CE858F;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
  width: 311px;
  text-align: center;
}
.com-archive-btn9 a img {
  width: 24px;
  position: absolute;
  top: 15px;
  right: 9px;
}

.com-archive-p {
  z-index: 9;
  position: fixed;
  bottom: 87px;
  right: 71px;
  color: white;
  font: normal normal normal 16px/23px "source-han-sans-japanese", sans-serif;
}

.com-archive-login {
  width: 300px;
  z-index: 9;
  position: fixed;
  background-color: white;
  border-radius: 50px;
  color: #FFFFFF;
  padding: 4px 34px;
  bottom: 140px;
  right: 100px;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  border: 2px solid black;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
}
.com-archive-login .link-text {
  display: none;
}
.com-archive-login legend {
  display: none;
}
.com-archive-login label {
  display: none !important;
}
.com-archive-login .username {
  display: none;
}
.com-archive-login #rememberme {
  display: none;
}
.com-archive-login .buttons {
  position: absolute;
  top: 7px;
  right: -98px;
  width: 26px;
  z-index: 999;
  opacity: 0;
  cursor: pointer;
}
.com-archive-login .buttons2 {
  position: absolute;
  top: 6px;
  right: 5px;
  width: 20px;
  background-color: #CE858F;
  border-radius: 50px;
  padding: 8px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
}
.com-archive-login .form {
  position: relative;
}
.com-archive-login fieldset {
  height: 40px;
  margin: 0 !important;
}
.com-archive-login .password {
  border: unset !important;
  padding: 13px 0px 4px !important;
}
.com-archive-login .password::placeholder {
  color: #BBBBC7;
  font: normal normal normal 16px/24px "source-han-sans-japanese", sans-serif;
}
.com-archive-login .div_text {
  margin: 0 !important;
}
.com-archive-login .wpmem_msg {
  display: none;
}

.con-sale-sale {
  width: 75%;
  height: 268px;
  max-width: 1080px;
  margin: 67px auto;
  background-image: linear-gradient(127deg, rgb(222, 242, 179) 5%, rgb(206, 133, 143) 23% 45%, rgb(63, 126, 174) 65%, rgb(46, 78, 118) 91%);
  border-radius: 12px;
  padding: 20px 60px;
  box-sizing: border-box;
  cursor: pointer;
}
.con-sale-sale .sale-top-flex {
  display: flex;
}
.con-sale-sale .sale-top-flex .sale-main-text {
  width: 45%;
}
.con-sale-sale .sale-top-flex .sale-main-text .sale-img-top {
  width: 100%;
  aspect-ratio: 64/33;
  position: relative;
}
.con-sale-sale .sale-top-flex .sale-main-text .sale-img-top img {
  width: 100%;
  height: auto;
  object-fit: cover;
  opacity: 0.3;
}
.con-sale-sale .sale-top-flex .sale-main-text .sale-ab {
  position: absolute;
  top: 31%;
  left: 15%;
}
.con-sale-sale .sale-top-flex .sale-main-text .sale-ab h2 {
  font: normal normal bold 36px/46px "source-han-sans-japanese", sans-serif;
  color: white;
  margin: 0;
}
.con-sale-sale .sale-top-flex .sale-main-text .sale-ab p {
  font: normal normal normal 30px/46px Futura Std;
  color: white;
}
.con-sale-sale .sale-top-flex .sale-top-right {
  color: white;
  width: 55%;
  position: relative;
}
.con-sale-sale .sale-top-flex .sale-top-right p {
  text-align: right;
  font: normal normal bold 24px/46px "source-han-sans-japanese", sans-serif;
}
.con-sale-sale .sale-top-flex .sale-top-right .sale-sub-text {
  display: flex;
  justify-content: right;
}
.con-sale-sale .sale-top-flex .sale-top-right .sale-sub-text p {
  line-height: 1 !important;
  writing-mode: vertical-rl;
  text-orientation: upright;
  margin: 10px 0 0;
  text-align: left;
  font: normal normal normal 40px/46px Futura Std;
  letter-spacing: -3px;
}
.con-sale-sale .sale-top-flex .sale-top-right .sale-sub-text .off-flex {
  display: flex;
  width: 94%;
}
.con-sale-sale .sale-top-flex .sale-top-right .sale-sub-text .off-flex h5 {
  line-height: 1.2 !important;
  margin: 0;
  font: normal normal normal 125px/280px Futura Std;
  white-space: nowrap;
}
.con-sale-sale .sale-top-flex .sale-top-right .sale-sub-text .off-flex h7 {
  font: normal normal normal 100px/168px Futura Std;
}
.con-sale-sale .sale-top-flex .sale-top-right .con-sale-page {
  position: absolute;
  top: 180px;
  right: 84px;
  display: flex;
  gap: 20px;
  width: 55%;
}
.con-sale-sale .sale-top-flex .sale-top-right .con-sale-page .sale-page {
  font: normal normal bold 24px/46px "source-han-sans-japanese", sans-serif;
  color: #FFFFFF;
  white-space: nowrap;
}
.con-sale-sale .sale-top-flex .sale-top-right .con-sale-page img {
  width: 24%;
}

.con-arc-items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: right;
  box-sizing: border-box;
  padding: 0 0 0 80px;
  position: relative;
  margin: -20px 0 0;
  /* Initially hidden elements */
  /* Show elements when hovering over .con-arc-item */
  /* Styles for click-y-icon */
  /* Styles for con-ar-play */
}
.con-arc-items .click-y-icon,
.con-arc-items .con-ar-play {
  display: none;
}
.con-arc-items .con-arc-item:hover .click-y-icon,
.con-arc-items .con-arc-item:hover .con-ar-play {
  display: block;
}
.con-arc-items .con-arc-item:hover .click-y-icon,
.con-arc-items .con-arc-item:hover .con-arc-item-icon-p {
  display: block;
}
.con-arc-items .click-y-icon {
  position: absolute;
  background-color: white;
  border-radius: 50px;
  width: 100px;
  aspect-ratio: 1/1;
  top: 40%;
  left: 42%;
  opacity: 0.4;
}
.con-arc-items .con-arc-item-icon-p {
  position: absolute;
  top: 70%;
  left: 41%;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  color: white;
  display: none;
}
.con-arc-items .con-ar-play {
  position: absolute;
  top: 40%;
  left: 42%;
  width: 100px;
}
.con-arc-items .con-arc-item {
  position: relative;
  color: black;
  width: 50%;
  height: auto;
  aspect-ratio: 16/9;
  box-sizing: border-box;
  z-index: 2;
  cursor: pointer;
}
.con-arc-items .con-arc-item .con-arc-op {
  padding: 70px;
  aspect-ratio: 16/9;
  box-sizing: border-box;
}
.con-arc-items .con-arc-item:nth-child(2n) .con-arc-op::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  right: 0;
  background-color: white;
  transform: skewY(-1deg);
  transform-origin: top left;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.con-arc-items .con-arc-item:nth-child(2n+1) .con-arc-op::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -1px;
  left: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  transform: skewY(-1deg);
  transform-origin: top right;
  z-index: -1;
}
.con-arc-items .con-arc-item:hover .con-arc-op {
  filter: brightness(0.7);
}
.con-arc-items .icons:hover .con-arc-op {
  filter: brightness(0.7);
}
.con-arc-items .con-arc-item:nth-child(1) .con-arc-op::before {
  background-image: url(/wp-content/themes/micado/img/com-img/sale/オープニングセッション.png);
}
.con-arc-items .con-arc-item:nth-child(2) .con-arc-op::before {
  background-image: url(/wp-content/themes/micado/img/com-img/sale/ダイナテック株式会社.png);
}
.con-arc-items .con-arc-item:nth-child(3) .con-arc-op::before {
  background-image: url(/wp-content/themes/micado/img/com-img/sale/コニカミノルタジャパン株式会社.png);
}
.con-arc-items .con-arc-item:nth-child(4) .con-arc-op::before {
  background-image: url(/wp-content/themes/micado/img/com-img/sale/Micado渡邉.png);
}
.con-arc-items .con-arc-item:nth-child(5) .con-arc-op::before {
  background-image: url(/wp-content/themes/micado/img/com-img/sale/株式会社アドインテ.png);
}
.con-arc-items .con-arc-item:nth-child(6) .con-arc-op::before {
  background-image: url(/wp-content/themes/micado/img/com-img/sale/GMOTECH株式会社.png);
}
.con-arc-items .con-arc-item:nth-child(7) .con-arc-op::before {
  background-image: url(/wp-content/themes/micado/img/com-img/sale/Makuake.png);
}
.con-arc-items .con-arc-item:nth-child(8) .con-arc-op::before {
  background-image: url(/wp-content/themes/micado/img/com-img/sale/株式会社PLAN-B.png);
}
.con-arc-items .con-arc-item:nth-child(9) .con-arc-op::before {
  background-image: url(/wp-content/themes/micado/img/com-img/sale/株式会社データX.png);
}
.con-arc-items .con-arc-item:nth-child(10) .con-arc-op::before {
  background-image: url(/wp-content/themes/micado/img/com-img/sale/tripla株式会社.png);
}
.con-arc-items .con-arc-item:nth-child(11) .con-arc-op::before {
  background-image: url(/wp-content/themes/micado/img/com-img/sale/tirplamicado.png);
}
.con-arc-items .con-arc-item:nth-child(12) .con-arc-op::before {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .com-archive-btn9 a {
    z-index: 9;
    position: fixed;
    background-color: white;
    border-radius: 50px;
    color: #CE858F;
    padding: 12px 0px;
    bottom: 20px;
    right: 10%;
    font: normal normal bold 14px/20px "source-han-sans-japanese", sans-serif;
    border: 2px solid #CE858F;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
    width: 311px;
    text-align: center;
  }
  .com-archive-btn9 a img {
    width: 24px;
    position: absolute;
    top: 15px;
    right: 9px;
  }
  .con-archive-first {
    position: relative;
    background-image: url("/wp-content/themes/micado/img/com-img/con-bg.jpg");
  }
  .con-archive-first .archive-content {
    width: 93%;
    max-width: 1200px;
    margin: 0px auto -26px;
    padding: 0 0 1px;
    display: block;
  }
  .con-archive-first .archive-content .left-text {
    color: white;
  }
  .con-archive-first .archive-content .left-text img {
    width: 146px;
    margin: 25px 0 15px;
  }
  .con-archive-first .archive-content .left-text h1 {
    font: normal normal bold 60px/146px Montserrat;
    margin: 0;
    line-height: 1.3;
  }
  .con-archive-first .archive-content .left-text .h1-fukuro {
    -webkit-text-stroke: 3px white;
    color: transparent;
  }
  .con-archive-first .archive-content .left-text p {
    font: normal normal bold 23px/48px "source-han-sans-japanese", sans-serif;
    margin: 0 0 270px;
  }
  .con-archive-first .archive-black-con {
    position: absolute;
    background-color: #000000;
    color: white;
    font: normal normal bold 20px/48px "source-han-sans-japanese", sans-serif;
    top: 484px;
    right: 0;
    padding: 16px;
    box-sizing: border-box;
  }
  .com-archive-btn a {
    z-index: 9;
    position: fixed;
    background-color: #CE858F;
    border-radius: 50px;
    color: #FFFFFF;
    padding: 13px 0px;
    bottom: 110px;
    right: 35px;
    font: normal normal bold 14px/20px "source-han-sans-japanese", sans-serif;
    border: 2px solid;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
    width: 311px;
    text-align: center;
  }
  .com-archive-btn a img {
    width: 24px;
    position: absolute;
    top: 15px;
    right: 9px;
  }
  .com-archive-p {
    z-index: 9;
    position: fixed;
    top: 817px;
    right: 71px;
    color: white;
    font: normal normal normal 16px/48px "source-han-sans-japanese", sans-serif;
    display: none;
  }
  .com-archive-login {
    width: 246px;
    z-index: 9;
    position: fixed;
    background-color: white;
    border-radius: 50px;
    color: #FFFFFF;
    padding: 4px 34px;
    bottom: 45px;
    right: 35px;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    border: 2px solid black;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
  }
  .com-archive-login .link-text {
    display: none;
  }
  .com-archive-login legend {
    display: none;
  }
  .com-archive-login label {
    display: none !important;
  }
  .com-archive-login .username {
    display: none;
  }
  .com-archive-login #rememberme {
    display: none;
  }
  .com-archive-login .buttons {
    position: absolute;
    top: 7px;
    right: -98px;
    width: 26px;
    z-index: 999;
    opacity: 0;
    cursor: pointer;
  }
  .com-archive-login .buttons2 {
    position: absolute;
    top: 6px;
    right: 5px;
    width: 20px;
    background-color: #CE858F;
    border-radius: 50px;
    padding: 8px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3215686275);
  }
  .com-archive-login .form {
    position: relative;
  }
  .com-archive-login fieldset {
    height: 40px;
    margin: 0 !important;
  }
  .com-archive-login .password {
    border: unset !important;
    padding: 13px 0px 4px !important;
  }
  .com-archive-login .password::placeholder {
    color: #BBBBC7;
    font: normal normal normal 16px/24px "source-han-sans-japanese", sans-serif;
  }
  .com-archive-login .div_text {
    margin: 0 !important;
  }
  .com-archive-login .wpmem_msg {
    display: none;
  }
  .con-sale-sale {
    width: 93%;
    height: 339px;
    max-width: 1080px;
    margin: 67px auto;
    background-image: linear-gradient(127deg, rgb(222, 242, 179) 5%, rgb(206, 133, 143) 23% 45%, rgb(63, 126, 174) 65%, rgb(46, 78, 118) 91%);
    border-radius: 12px;
    padding: 20px 20px;
    box-sizing: border-box;
  }
  .con-sale-sale .sale-top-flex {
    display: unset;
  }
  .con-sale-sale .sale-top-flex .sale-main-text {
    width: 100%;
  }
  .con-sale-sale .sale-top-flex .sale-main-text .sale-img-top {
    width: 100%;
    aspect-ratio: 64/33;
    position: relative;
  }
  .con-sale-sale .sale-top-flex .sale-main-text .sale-img-top img {
    width: 100%;
    height: auto;
    object-fit: cover;
    opacity: 0.3;
  }
  .con-sale-sale .sale-top-flex .sale-main-text .sale-ab {
    position: absolute;
    top: 19%;
    left: 13%;
  }
  .con-sale-sale .sale-top-flex .sale-main-text .sale-ab h2 {
    font: normal normal bold 30px/46px "source-han-sans-japanese", sans-serif;
    color: white;
    margin: 0;
  }
  .con-sale-sale .sale-top-flex .sale-main-text .sale-ab p {
    font: normal normal normal 27px/46px Futura Std;
    color: white;
    text-align: center;
  }
  .con-sale-sale .sale-top-flex .sale-top-right {
    color: white;
    width: 100%;
  }
  .con-sale-sale .sale-top-flex .sale-top-right p {
    text-align: right;
    font: normal normal bold 22px/46px "source-han-sans-japanese", sans-serif;
  }
  .con-sale-sale .sale-top-flex .sale-top-right .sale-sub-text {
    display: flex;
    justify-content: left;
  }
  .con-sale-sale .sale-top-flex .sale-top-right .sale-sub-text p {
    line-height: 1 !important;
    writing-mode: vertical-rl;
    text-orientation: upright;
    margin: 6px 0 0;
    text-align: left;
    font: normal normal normal 32px/46px Futura Std;
    letter-spacing: -3px;
  }
  .con-sale-sale .sale-top-flex .sale-top-right .sale-sub-text .off-flex {
    display: flex;
    width: unset;
  }
  .con-sale-sale .sale-top-flex .sale-top-right .sale-sub-text .off-flex h5 {
    line-height: 1.2 !important;
    margin: 0;
    font: normal normal normal 101px/280px Futura Std;
    white-space: nowrap;
  }
  .con-sale-sale .sale-top-flex .sale-top-right .sale-sub-text .off-flex h7 {
    margin-top: -10px;
    font: normal normal normal 55px/168px Futura Std;
  }
  .con-arc-item:nth-child(2n) .con-arc-op::before {
    display: none;
  }
  .con-arc-item:nth-child(2n+1) .con-arc-op::before {
    display: none;
  }
  .con-arc-items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: right;
    box-sizing: border-box;
    padding: 0px;
    position: relative;
    /* Initially hidden elements */
    /* Show elements when hovering over .con-arc-item */
    /* Styles for click-y-icon */
    /* Styles for con-ar-play */
  }
  .con-arc-items .click-y-icon,
  .con-arc-items .con-ar-play {
    display: none;
  }
  .con-arc-items .con-arc-item:hover .click-y-icon,
  .con-arc-items .con-arc-item:hover .con-ar-play {
    display: block;
  }
  .con-arc-items .click-y-icon {
    position: absolute;
    background-color: white;
    border-radius: 50px;
    width: 100px;
    aspect-ratio: 1/1;
    top: 40%;
    left: 42%;
    opacity: 0.4;
  }
  .con-arc-items .con-ar-play {
    position: absolute;
    top: 40%;
    left: 42%;
    width: 100px;
  }
  .con-arc-items .con-arc-item {
    position: relative;
    color: white;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    box-sizing: border-box;
    z-index: 2;
    cursor: pointer;
  }
  .con-arc-items .con-arc-item .con-arc-op {
    padding: 0px;
  }
  .con-arc-items .con-arc-item .con-arc-item-text h5 {
    font: normal normal bold 20px/48px "source-han-sans-japanese", sans-serif;
    margin: 0;
  }
  .con-arc-items .con-arc-item .con-arc-item-text p {
    font: normal normal bold 20px/36px "source-han-sans-japanese", sans-serif;
    margin: 12px 0 52px;
  }
  .con-arc-items .con-arc-item .con-arc-item-text .arc-itme-mems {
    display: flex;
  }
  .con-arc-items .con-arc-item .con-arc-item-text .arc-itme-mems .item-mem {
    margin: 0 16px 0;
  }
  .con-arc-items .con-arc-item .con-arc-item-text .arc-itme-mems .item-mem img {
    width: 120px;
  }
  .con-arc-items .con-arc-item .con-arc-item-text .arc-itme-mems .item-mem p {
    margin: 7px 0 2px;
    font: normal normal bold 14px/20px "source-han-sans-japanese", sans-serif;
  }
  .con-arc-items .con-arc-item:hover {
    opacity: 0.6;
  }
  .con-arc-items .con-arc-item::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    right: 0;
    transform: skewY(-4deg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
  }
  .con-arc-items .con-arc-item:nth-child(2n):before {
    content: "";
    position: absolute;
    top: 7px;
    bottom: -8px;
    left: 0;
    right: 0;
    transform: skewY(-1deg);
    transform-origin: top left;
    z-index: -1;
  }
  .con-arc-items .con-arc-item:nth-child(2n+1):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -1px;
    left: 0;
    right: 0;
    transform: skewY(-1deg);
    transform-origin: top right;
    z-index: -1;
  }
  .con-arc-items .con-arc-item:nth-child(1)::before {
    background-image: url(/wp-content/themes/micado/img/com-img/sale/オープニングセッション.png);
  }
  .con-arc-items .con-arc-item:nth-child(2)::before {
    background-image: url(/wp-content/themes/micado/img/com-img/sale/ダイナテック株式会社.png);
  }
  .con-arc-items .con-arc-item:nth-child(3)::before {
    background-image: url(/wp-content/themes/micado/img/com-img/sale/コニカミノルタジャパン株式会社.png);
  }
  .con-arc-items .con-arc-item:nth-child(4)::before {
    background-image: url(/wp-content/themes/micado/img/com-img/sale/Micado渡邉.png);
  }
  .con-arc-items .con-arc-item:nth-child(5)::before {
    background-image: url(/wp-content/themes/micado/img/com-img/sale/株式会社アドインテ.png);
  }
  .con-arc-items .con-arc-item:nth-child(6)::before {
    background-image: url(/wp-content/themes/micado/img/com-img/sale/GMOTECH株式会社.png);
  }
  .con-arc-items .con-arc-item:nth-child(7)::before {
    background-image: url(/wp-content/themes/micado/img/com-img/sale/Makuake.png);
  }
  .con-arc-items .con-arc-item:nth-child(8)::before {
    background-image: url(/wp-content/themes/micado/img/com-img/sale/株式会社PLAN-B.png);
  }
  .con-arc-items .con-arc-item:nth-child(9)::before {
    background-image: url(/wp-content/themes/micado/img/com-img/sale/株式会社データX.png);
  }
  .con-arc-items .con-arc-item:nth-child(10)::before {
    background-image: url(/wp-content/themes/micado/img/com-img/sale/tripla株式会社.png);
  }
  .con-arc-items .con-arc-item:nth-child(11)::before {
    background-image: url(/wp-content/themes/micado/img/com-img/sale/tirplamicado.png);
  }
  .con-arc-items .con-arc-item:nth-child(12)::before {
    pointer-events: none;
  }
  .con-arc-items .con-sale-page {
    display: none;
  }
}
.con-sale-first {
  position: relative;
  background-image: linear-gradient(127deg, rgb(222, 242, 179) 5%, rgb(206, 133, 143) 23% 45%, rgb(63, 126, 174) 65%, rgb(46, 78, 118) 91%);
}
.con-sale-first .sale-con {
  width: 83%;
  max-width: 1200px;
  margin: 0px auto 100px;
  padding: 40px 0 0;
}
.con-sale-first .sale-con .sale-logo img {
  width: 180px;
  height: 93px;
}
.con-sale-first .sale-con .sale-top-flex {
  display: flex;
}
.con-sale-first .sale-con .sale-top-flex .sale-main-text {
  width: 50%;
}
.con-sale-first .sale-con .sale-top-flex .sale-main-text .sale-img-top {
  width: 100%;
  aspect-ratio: 64/33;
  position: relative;
  margin: 50px 0 0;
}
.con-sale-first .sale-con .sale-top-flex .sale-main-text .sale-img-top img {
  width: 100%;
  height: auto;
  object-fit: cover;
  opacity: 0.3;
}
.con-sale-first .sale-con .sale-top-flex .sale-main-text .sale-ab {
  width: 100%;
  position: absolute;
  top: 20%;
  left: 26%;
}
.con-sale-first .sale-con .sale-top-flex .sale-main-text .sale-ab h2 {
  font: normal normal bold 36px/46px "source-han-sans-japanese", sans-serif;
  color: white;
}
.con-sale-first .sale-con .sale-top-flex .sale-main-text .sale-ab p {
  font: normal normal normal 30px/46px Futura Std;
  color: white;
}
.con-sale-first .sale-con .sale-top-flex .sale-top-right {
  color: white;
  width: 50%;
  margin: 226px 0 0;
}
.con-sale-first .sale-con .sale-top-flex .sale-top-right p {
  font: normal normal bold 32px/46px "source-han-sans-japanese", sans-serif;
  text-align: right;
}
.con-sale-first .sale-con .sale-top-flex .sale-top-right .sale-sub-text {
  display: flex;
  justify-content: right;
  margin: 0 0 68px;
}
.con-sale-first .sale-con .sale-top-flex .sale-top-right .sale-sub-text p {
  line-height: 1 !important;
  font: normal normal normal 45px/60px Futura Std;
  writing-mode: vertical-rl;
  text-orientation: upright;
  margin: 10px 0 0;
  text-align: left;
}
.con-sale-first .sale-con .sale-top-flex .sale-top-right .sale-sub-text h1 {
  line-height: 1 !important;
  margin: 0;
  font: normal normal normal 130px/280px Futura Std;
}
.con-sale-first .sale-con .sale-top-flex .sale-top-right .sale-sub-text h1 span {
  font: normal normal normal 85px/197px Futura Std;
}
.con-sale-first .archive-black-con {
  position: absolute;
  background-color: #000000;
  color: white;
  font: normal normal bold 32px/48px "source-han-sans-japanese", sans-serif;
  top: 133px;
  right: 0;
  padding: 24px 120px 24px 60px;
  box-sizing: border-box;
}

.com-sale-btn a {
  z-index: 9;
  position: fixed;
  background-color: white;
  border-radius: 50px;
  color: #CE858F;
  padding: 13px 27px;
  bottom: 100px;
  right: 100px;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  border: 2px solid #CE858F;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
  width: 311px;
  text-align: center;
}
.com-sale-btn a img {
  width: 27px;
  position: absolute;
  top: 13px;
  right: 18px;
}

.sale-items {
  width: 83%;
  max-width: 1200px;
  margin: 40px auto 40px;
}
.sale-items p {
  font: normal normal bold 24px/35px "source-han-sans-japanese", sans-serif;
  text-align: center;
  margin: -45px 0 40px;
}
.sale-items .items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.sale-items .items .sale-item {
  width: calc(50% - 26px);
  max-width: 585px;
  border: 8px solid #CE858F;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
}
.sale-items .items .sale-item .item-check {
  width: 48px;
  height: 48px;
  border: 4px solid #636477;
  border-radius: 8px;
  background-color: white;
  position: absolute;
  top: 11px;
  left: 11px;
}
.sale-items .items .sale-item .item-check img {
  scale: 1.5;
  display: none;
}
.sale-items .items .sale-item .item-text-contents {
  padding: 0 28px 28px;
}
.sale-items .items .sale-item p {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  text-align: left;
  margin: 0;
}
.sale-items .items .sale-item h1 {
  font: normal normal bold 32px/46px "source-han-sans-japanese", sans-serif;
  margin: 0;
}
.sale-items .items .sale-item .dis-flex {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.sale-items .items .sale-item .dis-flex h5 {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  margin: 0;
  color: #636477;
}
.sale-items .items .sale-item .dis-flex p {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  color: #2E4E76;
}
.sale-items .items .sale-item .dis {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
}
.sale-items .items .sale-item .btn-flex {
  display: flex;
  justify-content: space-between;
  margin: 17px 0px 0;
  width: 100%;
  gap: 3%;
}
.sale-items .items .sale-item .btn-flex a {
  background-color: white;
  padding: 2% 11%;
  border: 2px solid #CE858F;
  border-radius: 50px;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  color: #CE858F;
  white-space: nowrap;
  width: 50%;
  box-sizing: border-box;
}
.sale-items .items .sale-item .btn-flex a:nth-child(2) {
  background-color: #CE858F;
  color: white;
  border: unset;
}
.sale-items .items .sale-item .sale-item-img {
  width: 100%;
  aspect-ratio: 585/400;
}
.sale-items .items .sale-item .sale-item-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px 12px 0 0;
}
.sale-items .items .sale-item2 {
  width: calc(50% - 26px);
  max-width: 585px;
  border: 8px solid #CE858F;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
}
.sale-items .items .sale-item2 .item-check {
  width: 48px;
  height: 48px;
  border: 4px solid #636477;
  border-radius: 8px;
  background-color: white;
  position: absolute;
  top: 11px;
  left: 11px;
}
.sale-items .items .sale-item2 .item-check img {
  scale: 1.5;
  display: none;
}
.sale-items .items .sale-item2 .item-text-contents {
  padding: 0 28px 28px;
}
.sale-items .items .sale-item2 p {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  text-align: left;
  margin: 0;
}
.sale-items .items .sale-item2 h1 {
  font: normal normal bold 32px/46px "source-han-sans-japanese", sans-serif;
  margin: 0;
}
.sale-items .items .sale-item2 .dis-flex {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.sale-items .items .sale-item2 .dis-flex h5 {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  margin: 0;
  color: #636477;
}
.sale-items .items .sale-item2 .dis-flex p {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  color: #2E4E76;
}
.sale-items .items .sale-item2 .dis {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
}
.sale-items .items .sale-item2 .btn-flex {
  display: flex;
  justify-content: space-between;
  margin: 17px 0px 0;
  width: 100%;
  gap: 3%;
}
.sale-items .items .sale-item2 .btn-flex a {
  background-color: white;
  padding: 2% 11%;
  border: 2px solid #CE858F;
  border-radius: 50px;
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  color: #CE858F;
  white-space: nowrap;
  width: 50%;
  box-sizing: border-box;
}
.sale-items .items .sale-item2 .btn-flex a:nth-child(2) {
  background-color: #CE858F;
  color: white;
  border: unset;
}
.sale-items .items .sale-item2 .sale-item-img {
  width: 100%;
  aspect-ratio: 585/400;
}
.sale-items .items .sale-item2 .sale-item-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px 12px 0 0;
}

.con-sale-form-span .wpcf7-list-item {
  margin: 8px 24px 0px 0 !important;
}
.con-sale-form-span .con-sale-form .wpcf7-checkbox {
  display: block;
}

.com-sale-thank {
  background-color: #F2F2F5;
  height: 100vh;
}
.com-sale-thank .com-hmc-title {
  display: flex;
  margin: 0px auto 0;
  width: fit-content;
  padding: 20% 0 0 0;
}
.com-sale-thank .com-hmc-title img {
  width: 92px;
  margin: 0 20px 0 0;
}
.com-sale-thank .com-hmc-title .hmc-title {
  font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
  color: #1A1B35;
}
.com-sale-thank p {
  color: #1A1B35;
  text-align: center;
  font: normal normal bold 20px/24px "source-han-sans-japanese", sans-serif;
  margin: 30px 0;
}
.com-sale-thank a {
  font-size: 20px;
  padding: 24px 0;
  border-radius: 50px;
  width: 320px;
  text-align: center;
  color: white;
  background-color: #6C84A7;
  display: block;
  margin: 42px auto 0;
}

@media screen and (max-width: 768px) {
  .com-main-body3 .con-hmc-content .wpcf7-list-item input {
    margin-top: 6px;
  }
  .com-main-body3 .con-hmc-content .ebook-submit {
    padding: 16px 18px 16px 29%;
  }
  .com-main-body3 .con-hmc-content .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    box-shadow: 1px 1px 5px #d9d9d9;
    height: 47px;
    border: 1px solid #2E4E76;
    border-radius: 3px;
    margin-bottom: 14px !important;
  }
  .con-sale-first {
    position: relative;
    background-image: linear-gradient(127deg, rgb(222, 242, 179) 5%, rgb(206, 133, 143) 23% 45%, rgb(63, 126, 174) 65%, rgb(46, 78, 118) 91%);
    padding-bottom: 50px;
  }
  .con-sale-first .sale-con {
    width: 93%;
    max-width: 1200px;
    margin: 0px auto 100px;
    padding: 0;
  }
  .con-sale-first .sale-con .sale-logo img {
    width: 146px;
    margin: 25px 0 15px;
  }
  .con-sale-first .sale-con .sale-top-flex {
    display: unset;
  }
  .con-sale-first .sale-con .sale-top-flex .sale-main-text {
    width: 100%;
  }
  .con-sale-first .sale-con .sale-top-flex .sale-main-text .sale-img-top {
    width: 100%;
    aspect-ratio: 64/33;
    position: relative;
    margin: 17px 0 0;
  }
  .con-sale-first .sale-con .sale-top-flex .sale-main-text .sale-img-top img {
    width: 100%;
    height: auto;
    object-fit: cover;
    opacity: 0.3;
  }
  .con-sale-first .sale-con .sale-top-flex .sale-main-text .sale-ab {
    width: unset;
    position: absolute;
    top: 23%;
    left: 17%;
  }
  .con-sale-first .sale-con .sale-top-flex .sale-main-text .sale-ab h2 {
    font: normal normal bold 30px/46px "source-han-sans-japanese", sans-serif;
    color: white;
    margin: 0;
  }
  .con-sale-first .sale-con .sale-top-flex .sale-main-text .sale-ab p {
    font: normal normal normal 25px/46px Futura Std;
    color: white;
  }
  .con-sale-first .sale-con .sale-top-flex .sale-top-right {
    color: white;
    width: 100%;
    margin: 0;
  }
  .con-sale-first .sale-con .sale-top-flex .sale-top-right p {
    font: normal normal bold 20px/46px "source-han-sans-japanese", sans-serif;
    text-align: right;
    margin: 0 0 -23px;
  }
  .con-sale-first .sale-con .sale-top-flex .sale-top-right .sale-sub-text {
    display: flex;
    justify-content: right;
    margin: 0 0 68px;
  }
  .con-sale-first .sale-con .sale-top-flex .sale-top-right .sale-sub-text p {
    line-height: 1 !important;
    font: normal normal normal 26px/60px Futura Std;
    writing-mode: vertical-rl;
    text-orientation: upright;
    margin: 41px 8px 0 0;
    text-align: left;
  }
  .con-sale-first .sale-con .sale-top-flex .sale-top-right .sale-sub-text h1 {
    line-height: 1 !important;
    margin: 0;
    font: normal normal normal 106px/280px Futura Std;
  }
  .con-sale-first .sale-con .sale-top-flex .sale-top-right .sale-sub-text h1 span {
    font: normal normal normal 50px/197px Futura Std;
  }
  .con-sale-first .archive-black-con {
    position: absolute;
    background-color: #000000;
    color: white;
    font: normal normal bold 20px/48px "source-han-sans-japanese", sans-serif;
    top: 523px;
    right: 0;
    padding: 16px;
    box-sizing: border-box;
  }
  .com-sale-btn a {
    z-index: 9;
    position: fixed;
    background-color: white;
    border-radius: 50px;
    color: #CE858F;
    padding: 13px 0px 37px 1px;
    top: 728px;
    right: 39px;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    border: 2px solid #CE858F;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1607843137);
    width: 311px;
    text-align: center;
  }
  .com-sale-btn a img {
    width: 24px;
    position: absolute;
    top: 15px;
    right: 9px;
  }
  .sale-items {
    width: 93%;
    max-width: 1200px;
    margin: 40px auto 40px;
  }
  .sale-items p {
    font: normal normal bold 16px/28.8px "source-han-sans-japanese", sans-serif;
    text-align: center;
    margin: 8px 0 40px;
  }
  .sale-items .items {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
  }
  .sale-items .items .sale-item {
    width: 100%;
    max-width: 585px;
    border: 6px solid #CE858F;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
  }
  .sale-items .items .sale-item .item-check {
    width: 48px;
    height: 48px;
    border: 4px solid #636477;
    border-radius: 8px;
    background-color: white;
    position: absolute;
    top: 11px;
    left: 11px;
  }
  .sale-items .items .sale-item .item-check img {
    scale: 1.5;
    display: none;
  }
  .sale-items .items .sale-item .item-text-contents {
    padding: 9px;
  }
  .sale-items .items .sale-item p {
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    text-align: left;
    margin: 0;
  }
  .sale-items .items .sale-item h1 {
    font: normal normal bold 24px/43.3px "source-han-sans-japanese", sans-serif;
    margin: 0;
  }
  .sale-items .items .sale-item .dis-flex {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
  }
  .sale-items .items .sale-item .dis-flex h5 {
    font: normal normal bold 14px/25.2px "source-han-sans-japanese", sans-serif;
    margin: 0;
    color: #636477;
  }
  .sale-items .items .sale-item .dis-flex p {
    font: normal normal bold 14px/25.2px "source-han-sans-japanese", sans-serif;
    color: #2E4E76;
  }
  .sale-items .items .sale-item .dis {
    font: normal normal bold 14px/25.2px "source-han-sans-japanese", sans-serif;
  }
  .sale-items .items .sale-item .btn-flex {
    display: flex;
    justify-content: space-between;
    margin: 17px 0px 0;
    width: 100%;
    gap: 3%;
  }
  .sale-items .items .sale-item .btn-flex a {
    background-color: white;
    padding: 6px;
    border: 2px solid #CE858F;
    border-radius: 50px;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    color: #CE858F;
    white-space: nowrap;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
  }
  .sale-items .items .sale-item .btn-flex a:nth-child(2) {
    background-color: #CE858F;
    color: white;
    border: unset;
  }
  .sale-items .items .sale-item .sale-item-img {
    width: 100%;
    aspect-ratio: 585/400;
  }
  .sale-items .items .sale-item .sale-item-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
  }
  .sale-items .items .sale-item2 {
    width: 100%;
    max-width: 585px;
    border: 6px solid #CE858F;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
  }
  .sale-items .items .sale-item2 .item-check {
    width: 48px;
    height: 48px;
    border: 4px solid #636477;
    border-radius: 8px;
    background-color: white;
    position: absolute;
    top: 11px;
    left: 11px;
  }
  .sale-items .items .sale-item2 .item-check img {
    scale: 1.5;
    display: none;
  }
  .sale-items .items .sale-item2 .item-text-contents {
    padding: 9px;
  }
  .sale-items .items .sale-item2 p {
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    text-align: left;
    margin: 0;
  }
  .sale-items .items .sale-item2 h1 {
    font: normal normal bold 24px/43.3px "source-han-sans-japanese", sans-serif;
    margin: 0;
  }
  .sale-items .items .sale-item2 .dis-flex {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
  }
  .sale-items .items .sale-item2 .dis-flex h5 {
    font: normal normal bold 14px/25.2px "source-han-sans-japanese", sans-serif;
    margin: 0;
    color: #636477;
  }
  .sale-items .items .sale-item2 .dis-flex p {
    font: normal normal bold 14px/25.2px "source-han-sans-japanese", sans-serif;
    color: #2E4E76;
  }
  .sale-items .items .sale-item2 .dis {
    font: normal normal bold 14px/25.2px "source-han-sans-japanese", sans-serif;
  }
  .sale-items .items .sale-item2 .btn-flex {
    display: flex;
    justify-content: space-between;
    margin: 17px 0px 0;
    width: 100%;
    gap: 3%;
  }
  .sale-items .items .sale-item2 .btn-flex a {
    background-color: white;
    padding: 6px;
    border: 2px solid #CE858F;
    border-radius: 50px;
    font: normal normal bold 16px/24px "source-han-sans-japanese", sans-serif;
    color: #CE858F;
    white-space: nowrap;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
  }
  .sale-items .items .sale-item2 .btn-flex a:nth-child(2) {
    background-color: #CE858F;
    color: white;
    border: unset;
  }
  .sale-items .items .sale-item2 .sale-item-img {
    width: 100%;
    aspect-ratio: 585/400;
  }
  .sale-items .items .sale-item2 .sale-item-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 12px 12px 0 0;
  }
  .con-sale-form-span .wpcf7-list-item {
    margin: 25px 0px 0 !important;
  }
  .con-sale-form-span .wpcf7-form-control {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -6px !important;
  }
  .com-main-body .con-sale-form-span .acceptance-143 .wpcf7-list-item {
    width: 100% !important;
  }
}
.con-partner-text {
  margin: 100px auto;
  width: 83%;
  max-width: 1200px;
}
.con-partner-text p {
  font: normal normal bold 16px/29px "source-han-sans-japanese", sans-serif;
  color: #333333;
  text-align: center;
}

.con-partner-part {
  display: flex;
  justify-content: center;
  gap: 80px;
  width: 83%;
  max-width: 1200px;
  margin: 0 auto 80px;
}
.con-partner-part .con-partner-part {
  width: 43.3%;
}
.con-partner-part .con-partner-part img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.con-partner-part .con-part-dis {
  margin: 0 0 80px;
  padding: 100px 0;
  width: 56.7%;
}
.con-partner-part .con-part-dis h1 {
  font: normal normal bold 24px/35px "source-han-sans-japanese", sans-serif;
  color: #1A1B35;
  margin: 0 0 20px;
}
.con-partner-part .con-part-dis p {
  color: #1A1B35;
  font: normal normal bold 16px/29px "source-han-sans-japanese", sans-serif;
}

.con-part-items {
  display: flex;
  width: 83%;
  margin: 0 auto;
  max-width: 1200px;
  gap: 30px;
  color: #1A1B35;
}
.con-part-items .con-part-item {
  width: 30%;
  padding: 28px 20px;
  border-radius: 20px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1607843137);
}
.con-part-items .con-part-item h1 {
  margin: 0 0 20px;
  font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
  text-align: center;
}
.con-part-items .con-part-item .con-part-item-img {
  width: 100%;
  aspect-ratio: 17/14;
  margin: 0 0 16px;
}
.con-part-items .con-part-item .con-part-item-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.con-part-items .con-part-item p {
  font: normal normal normal 16px/28px "source-han-sans-japanese", sans-serif;
}

@media screen and (max-width: 768px) {
  .con-partner-text {
    margin: 100px auto;
    width: 93%;
    max-width: 1200px;
  }
  .con-partner-text p {
    font: normal normal normal 14px/20px "source-han-sans-japanese", sans-serif;
    color: #333333;
    text-align: center;
  }
  .con-partner-part {
    display: block;
    justify-content: center;
    gap: 80px;
    width: 93%;
    max-width: 1200px;
    margin: 0 auto 80px;
  }
  .con-partner-part .con-partner-part {
    width: 100%;
    margin: 0 auto 50px;
  }
  .con-partner-part .con-partner-part img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .con-partner-part .con-part-dis {
    margin: 0 0 80px;
    padding: 0;
    width: 100%;
  }
  .con-partner-part .con-part-dis h1 {
    font: normal normal bold 20px/29px "source-han-sans-japanese", sans-serif;
    color: #1A1B35;
    margin: 0 0 20px;
  }
  .con-partner-part .con-part-dis p {
    color: #1A1B35;
    font: normal normal medium 14px/20px "source-han-sans-japanese", sans-serif;
  }
  .con-part-items {
    display: block;
    width: 93%;
    margin: 0 auto;
    max-width: 1200px;
    gap: 30px;
    color: #1A1B35;
  }
  .con-part-items .con-part-item {
    width: 100%;
    padding: 28px 20px;
    margin: 0 auto 24px;
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1607843137);
  }
  .con-part-items .con-part-item h1 {
    margin: 0 0 20px;
    font: normal normal bold 20px/18px "source-han-sans-japanese", sans-serif;
    text-align: center;
  }
  .con-part-items .con-part-item .con-part-item-img {
    width: 100%;
    aspect-ratio: 17/14;
    margin: 0 0 16px;
  }
  .con-part-items .con-part-item .con-part-item-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .con-part-items .con-part-item p {
    font: normal normal normal 14px/24px "source-han-sans-japanese", sans-serif;
  }
}
.mintp-body {
  background-color: #F1F1F6;
  padding-top: 0.1px;
  font-weight: bold;
  color: #575F6B;
  font-family: “source-han-sans-japanese”, sans-serif;
  transition: 0.5s ease-in-out;
  padding-bottom: 100px;
  min-height: 100vh;
  width: 100vw;
}

.mintp-body.scrolled {
  background-color: rgba(241, 241, 246, 0);
}

.mp-hotel-single {
  height: 100vh;
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .mp-hotel-single {
    height: auto;
    padding-bottom: 100px;
  }
}
.mintp-top-fixed-img {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-image: url(/wp-content/themes/micado/img/mintp/mintp-top-fixed-img.png);
}

.mintp-top-fixed-img2 {
  z-index: -1;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-color: black;
}

.mintp-top-end-loop {
  position: absolute;
  top: 0;
  height: 92vh;
  width: 100%;
  pointer-events: none;
  z-index: 0;
}
.mintp-top-end-loop .seminar-loop {
  display: flex;
  overflow: hidden;
}
.mintp-top-end-loop .seminar-loop .seminar {
  display: flex;
  animation: loop-list 2000s linear infinite;
  padding: 0;
}
.mintp-top-end-loop .seminar-loop .seminar .mintp-seminar {
  width: 22.2222222222vw;
  aspect-ratio: 39/29;
  filter: grayscale(100%);
  padding: 0;
}
.mintp-top-end-loop .seminar-loop .ebook {
  display: flex;
  animation: loop-list 750s linear infinite;
  padding: 0;
}
.mintp-top-end-loop .seminar-loop .ebook .mintp-ebook {
  width: 16.6666666667vw;
  aspect-ratio: 117/156;
}
.mintp-top-end-loop .seminar-loop .hotel-v {
  display: flex;
  animation: loop-list-left 400s linear infinite;
  padding: 0;
}
.mintp-top-end-loop .seminar-loop .hotel-v .mintp-seminar {
  width: 18.1818181818vw;
  aspect-ratio: 312/175.5;
}
@keyframes loop-list-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes loop-list {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.mintp-home-header {
  display: flex;
  justify-content: space-between;
  width: 91.6%;
  margin: 16px auto 0;
  position: relative;
  z-index: 4;
}
.mintp-home-header .right .flex {
  display: flex;
  gap: 60px;
}
.mintp-home-header .right .flex a {
  font-size: 20px;
  line-height: 29px;
  color: white;
}

.home-top-text {
  z-index: 4;
  position: absolute;
  font-family: "Merriweather", serif;
  top: 30vh;
  left: 50%;
  width: unset;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.home-top-text h1 {
  display: none; /* 最初は全てのh1を非表示にします */
  opacity: 0; /* 透明度を0に設定 */
  transition: opacity 1.5s ease; /* opacityの変化をスムーズに */
  font-size: 32px;
  font-weight: normal;
  line-height: 57.6px;
  color: white;
  text-align: center;
  position: relative;
  margin: 35vh auto 0;
  width: unset;
  min-width: 827px;
}
.home-top-text h1 p {
  font-size: 16px;
  line-height: 21px;
  position: absolute;
  bottom: 20px;
  right: 0;
}

.minp-home-scroll {
  z-index: 9;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.minp-home-scroll p {
  font-size: 16px;
  line-height: 57.6px;
  color: #FFFFFF;
  margin: 0 0 60px;
}
.minp-home-scroll .scroll {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
}
.minp-home-scroll .scroll::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 30px;
  width: 2px;
  height: 40px;
  background: linear-gradient(0deg, #E8E8E8, #000000);
  animation: verticalMaskAnim 2s cubic-bezier(0.19, 1, 0.22, 1) 0s infinite;
}
@keyframes verticalMaskAnim {
  0% {
    -webkit-clip-path: inset(0 0 100% 0);
    clip-path: inset(0 0 100% 0);
  }
  25% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
  75% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(100% 0 0 0);
    clip-path: inset(100% 0 0 0);
  }
}

.mintp-home-fit {
  opacity: 0;
  margin: 104vh auto 0;
  max-width: 1100px;
  transition: opacity 0.5s ease-in-out;
}
.mintp-home-fit h1 {
  text-align: center;
  font-size: 20px;
  line-height: 57.6px;
  color: #575F6B;
  margin: 0px 0 16px;
}
.mintp-home-fit .btn-flex {
  display: flex;
  gap: 40px;
  justify-content: center;
  margin: 0 auto;
}
.mintp-home-fit .btn-flex a {
  background: linear-gradient(117deg, #EAEBF0 100%, #F0F1F5 100%);
  font-size: 16px;
  line-height: 21px;
  color: #575F6B;
  padding: 20px 40px;
  border-radius: 50px;
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px rgba(255, 255, 255, 0);
}

.mintp-home-dis {
  width: 83.3%;
  max-width: 1320px;
  margin: 100px auto 0;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.mintp-home-dis .dis-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}
.mintp-home-dis .dis-flex .left {
  display: flex;
  align-items: center;
}
.mintp-home-dis .dis-flex .left h1 {
  font-size: 48px;
  line-height: 57.6px;
  color: #575F6B;
}
.mintp-home-dis .dis-flex .left .border {
  margin: 0 28px 0 20px;
  width: 100px;
  height: 2px;
  background-color: #C7CBD4;
}
.mintp-home-dis .dis-flex .left p {
  color: #C7CBD4;
  font-size: 16px;
  line-height: 21px;
}
.mintp-home-dis .dis-flex .right a {
  font-size: 20px;
  line-height: 29px;
  color: white;
  padding: 20px 0;
  background: linear-gradient(44deg, #eb22af 0%, rgba(53, 1, 36, 0.9294117647) 100%);
  width: 360px;
  display: block;
  text-align: center;
  border-radius: 40px;
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
}
.mintp-home-dis .dis-dis {
  font-size: 16px;
  line-height: 28.8px;
  color: #575F6B;
}
.mintp-home-dis .mintp-hotelv, .mintp-home-dis .mintp-top-seminar, .mintp-home-dis .mintp-top-ebook, .mintp-home-dis .mintp-top-blog {
  position: relative;
}
.mintp-home-dis .mintp-hotelv .swiper-button-next, .mintp-home-dis .mintp-top-seminar .swiper-button-next, .mintp-home-dis .mintp-top-ebook .swiper-button-next, .mintp-home-dis .mintp-top-blog .swiper-button-next {
  position: absolute;
  top: -65px;
  right: 0;
  left: unset;
  width: unset;
  height: unset;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  color: #575F6B;
  display: block;
  padding: 5.3px 21.4px;
  background-color: #EDEEF2;
  border-radius: 0 8px 8px 0;
  box-shadow: 6px 8px 8px rgba(0, 0, 0, 0.0705882353);
}
.mintp-home-dis .mintp-hotelv .swiper-button-prev, .mintp-home-dis .mintp-top-seminar .swiper-button-prev, .mintp-home-dis .mintp-top-ebook .swiper-button-prev, .mintp-home-dis .mintp-top-blog .swiper-button-prev {
  position: absolute;
  top: -65px;
  right: 60px;
  left: unset;
  width: unset;
  height: unset;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  color: #575F6B;
  display: block;
  padding: 5.3px 21.4px;
  background-color: #EDEEF2;
  border-radius: 8px 0 0 8px;
  box-shadow: -1px 5px 3px rgba(0, 0, 0, 0.0392156863);
}
.mintp-home-dis .mintp-hotelv .swiper-button-next:after, .mintp-home-dis .mintp-hotelv .swiper-rtl .swiper-button-prev:after, .mintp-home-dis .mintp-top-seminar .swiper-button-next:after, .mintp-home-dis .mintp-top-seminar .swiper-rtl .swiper-button-prev:after, .mintp-home-dis .mintp-top-ebook .swiper-button-next:after, .mintp-home-dis .mintp-top-ebook .swiper-rtl .swiper-button-prev:after, .mintp-home-dis .mintp-top-blog .swiper-button-next:after, .mintp-home-dis .mintp-top-blog .swiper-rtl .swiper-button-prev:after {
  content: ">";
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 33px;
}
.mintp-home-dis .mintp-hotelv .swiper-button-prev:after, .mintp-home-dis .mintp-hotelv .swiper-rtl .swiper-button-next:after, .mintp-home-dis .mintp-top-seminar .swiper-button-prev:after, .mintp-home-dis .mintp-top-seminar .swiper-rtl .swiper-button-next:after, .mintp-home-dis .mintp-top-ebook .swiper-button-prev:after, .mintp-home-dis .mintp-top-ebook .swiper-rtl .swiper-button-next:after, .mintp-home-dis .mintp-top-blog .swiper-button-prev:after, .mintp-home-dis .mintp-top-blog .swiper-rtl .swiper-button-next:after {
  content: "<";
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 33px;
}
.mintp-home-dis .mintp-hotelv .swiper-button-next.swiper-button-disabled, .mintp-home-dis .mintp-hotelv .swiper-button-prev.swiper-button-disabled, .mintp-home-dis .mintp-top-seminar .swiper-button-next.swiper-button-disabled, .mintp-home-dis .mintp-top-seminar .swiper-button-prev.swiper-button-disabled, .mintp-home-dis .mintp-top-ebook .swiper-button-next.swiper-button-disabled, .mintp-home-dis .mintp-top-ebook .swiper-button-prev.swiper-button-disabled, .mintp-home-dis .mintp-top-blog .swiper-button-next.swiper-button-disabled, .mintp-home-dis .mintp-top-blog .swiper-button-prev.swiper-button-disabled {
  opacity: 0.6;
  cursor: auto;
  pointer-events: none;
  box-shadow: rgba(0, 0, 0, 0.07) 5px 5px 7px inset, rgba(255, 255, 255, 0.58) -7px -8px 9px inset;
}
.mintp-home-dis .mintp-hotelv .swiper-button-prev.swiper-button-disabled, .mintp-home-dis .mintp-top-seminar .swiper-button-prev.swiper-button-disabled, .mintp-home-dis .mintp-top-ebook .swiper-button-prev.swiper-button-disabled, .mintp-home-dis .mintp-top-blog .swiper-button-prev.swiper-button-disabled {
  opacity: 0.6;
  cursor: auto;
  pointer-events: none;
  box-shadow: rgba(0, 0, 0, 0.07) 5px 5px 7px inset, rgba(255, 255, 255, 0.58) -7px -8px 9px inset;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar {
  cursor: pointer;
  position: relative;
  border-radius: 16px;
  z-index: 9;
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
  transition: margin 0.5s ease, transform 0.3s ease !important; /* ここで変化の速度と形式を設定 */
  aspect-ratio: 312/291;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar img {
  transition: opacity 1s ease;
  border-radius: 16px 16px 0 0;
  aspect-ratio: 312/180;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle {
  padding: 12px;
  position: relative;
  height: 33%;
  transition: height 0.3s ease;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle h2 {
  font-size: 15px;
  line-height: 25px;
  margin: 8px 0px 0;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .cate-time {
  display: flex;
  justify-content: space-between;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .cate-time h3 {
  margin: 0;
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .cate-time p {
  font-size: 12px;
  font-weight: normal;
  line-height: 17px;
  color: #C7CBD4;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription {
  transition: opacity 0.2s ease;
  opacity: 0;
  width: 100%;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription h2 {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  margin: 0;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription .read-btn {
  width: 45%;
  text-align: center;
  padding: 12px 0;
  background: linear-gradient(325deg, #ff0ab6 0%, rgba(87, 41, 72, 0.88) 100%) !important;
  color: white;
  font-size: 12px;
  line-height: 17px;
  border-radius: 21px;
  margin: 11px 0 0 auto;
  display: none;
  position: relative;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription .read-btn svg {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 13px;
  right: 8%;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription .seminar-icon {
  width: 50%;
  margin: 16px 0 0;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription .seminar-icon a:nth-child(1) {
  cursor: pointer;
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9px 10px 10px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription .seminar-icon a:nth-child(1) svg {
  width: 16px;
  height: 16px;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription .seminar-icon a:nth-child(2) {
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9.5px 8px 9.5px 12px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription .seminar-icon a:nth-child(2) svg {
  width: 16px;
  height: 16px;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription .seminar-icon .left {
  display: flex;
  width: 100%;
  max-width: 186px;
  text-align: center;
  align-items: center;
  margin: 0;
  position: relative;
  gap: 20px;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription .seminar-icon .left .favorite {
  background-color: #F2F3F6;
  box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
  padding: 6px 8.5px;
  border-radius: 8px;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription .seminar-icon .left .favorite h5 {
  margin: 0;
  font-size: 17px;
  font-family: Sofia Pro;
  font-weight: bold;
  line-height: 15px;
  color: #575F6B;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription .seminar-icon .left .favorite p {
  margin: 0;
  font-family: Sofia Pro;
  font-size: 9.5px;
  font-weight: bold;
  line-height: 12px;
  color: #575F6B;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .tiltle .discription .seminar-icon .left .wpfp-span {
  position: absolute;
  top: 5px;
  left: 0;
  width: 35px;
  height: 35px;
  opacity: 0;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .memv {
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 16px;
  z-index: 2;
  transition-property: opacity, 1;
  transition-delay: 0.6s; /*--1秒後に効果が開始されます--*/
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .mintp-seminar-dis {
  transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease; /* ここで変化の速度と形式を設定 */
  position: absolute;
  display: block;
  z-index: -1;
  overflow: hidden;
  top: 0px;
  background-color: #F2F3F6;
  border-radius: 8px;
  height: 100%;
  overflow: scroll;
  box-shadow: 5px 5px 20px #c8c9cc;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .mintp-seminar-dis img {
  transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease; /* ここで変化の速度と形式を設定 */
  border-radius: 8px 8px 0 0;
  border-radius: 8px;
  filter: grayscale(0%);
  opacity: unset;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .mintp-seminar-dis h2 {
  opacity: 0;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar .mintp-seminar-dis p {
  opacity: 0;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar:hover {
  z-index: unset;
  transform: scale(1.12); /* ホバー時のスケール */
  margin: -40px 0 0;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar:hover .tiltle {
  height: 65%;
  overflow: scroll;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar:hover .tiltle .discription {
  opacity: 1;
  display: flex;
  flex-wrap: wrap;
  margin: auto 0 0;
  align-items: center;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar:hover .tiltle .discription .read-btn {
  display: block;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar:hover .mintp-seminar-dis {
  z-index: 195;
  transform: scale(1.12); /* ホバー時のスケール */
  height: 200%;
  top: -55%;
  display: flex;
  flex-direction: column;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar:hover .mintp-seminar-dis img {
  display: block;
  border-radius: 8px 8px 0 0;
  opacity: unset;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar:hover .mintp-seminar-dis h2 {
  font-size: 12px;
  font-weight: bold;
  font-family: Source Han Sans;
  line-height: 21px;
  margin: 15px 12px 4px;
  opacity: 1;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar:hover .mintp-seminar-dis p {
  font-size: 8px;
  margin: 0 12px 10px;
  color: #C7CBD4;
  line-height: 16px;
  opacity: 1;
}
.mintp-home-dis .mintp-top-blog .mintp-seminar:hover .mintp-seminar-dis .seminar-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mintp-home-dis .top-seminars .mintp-seminarv {
  position: relative;
  width: calc(25% - 18.75px);
  border-radius: 8px;
  z-index: 9;
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
  cursor: pointer;
  aspect-ratio: 4/3;
}
.mintp-home-dis .top-seminars .mintp-seminarv .memv {
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 8px;
  z-index: 2;
  transition-property: opacity, 1;
  transition-delay: 0.6s; /*--1秒後に効果が開始されます--*/
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis {
  transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease; /* ここで変化の速度と形式を設定 */
  position: absolute;
  display: block;
  z-index: -1;
  overflow: hidden;
  top: 0px;
  background-color: #F8F8FC;
  border-radius: 8px;
  height: 100%;
  overflow: scroll;
  box-shadow: 5px 5px 20px #c8c9cc;
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis img {
  border-radius: 8px 8px 0 0;
  border-radius: 8px;
  filter: grayscale(100%);
  opacity: unset;
  aspect-ratio: 4/3;
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis h2 {
  opacity: 0;
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis p {
  opacity: 0;
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis .seminar-icon {
  display: none;
  width: 93%;
  margin: auto auto 20px;
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis .seminar-icon a:nth-child(1) {
  cursor: pointer;
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9px 10px 10px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis .seminar-icon a:nth-child(1) svg {
  width: 16px;
  height: 16px;
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis .seminar-icon a:nth-child(2) {
  background-image: linear-gradient(141deg, rgba(46, 0, 31, 0.7), rgb(255, 38, 190));
  border-radius: 50px;
  padding: 9.5px 8px 9.5px 12px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis .seminar-icon a:nth-child(2) svg {
  width: 16px;
  height: 16px;
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis .seminar-icon .left {
  display: flex;
  justify-content: space-between;
  width: 40%;
  max-width: 186px;
  text-align: center;
  align-items: center;
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis .seminar-icon .left .favorite {
  background-color: #F2F3F6;
  box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
  padding: 6px 8.5px;
  border-radius: 8px;
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis .seminar-icon .left .favorite h5 {
  margin: 0;
  font-size: 17px;
  font-family: Sofia Pro;
  font-weight: bold;
  line-height: 15px;
  color: #575F6B;
}
.mintp-home-dis .top-seminars .mintp-seminarv .mintp-seminar-dis .seminar-icon .left .favorite p {
  margin: 0;
  font-family: Sofia Pro;
  font-size: 9.5px;
  font-weight: bold;
  line-height: 12px;
  color: #575F6B;
}
.mintp-home-dis .top-seminars .mintp-seminarv:hover {
  z-index: unset;
}
.mintp-home-dis .top-seminars .mintp-seminarv:hover img {
  opacity: 0;
}
.mintp-home-dis .top-seminars .mintp-seminarv:hover .mintp-seminar-dis {
  z-index: 10;
  transform: scale(1.12); /* ホバー時のスケール */
  height: 175%;
  top: -37%;
  display: flex;
  flex-wrap: wrap;
}
.mintp-home-dis .top-seminars .mintp-seminarv:hover .mintp-seminar-dis img {
  display: block;
  border-radius: 8px 8px 0 0;
  opacity: unset;
  filter: grayscale(0%);
}
.mintp-home-dis .top-seminars .mintp-seminarv:hover .mintp-seminar-dis h2 {
  font-size: 12px;
  font-weight: bold;
  font-family: Source Han Sans;
  line-height: 21px;
  margin: 15px 12px 4px;
  opacity: 1;
}
.mintp-home-dis .top-seminars .mintp-seminarv:hover .mintp-seminar-dis p {
  font-size: 8px;
  margin: 0 12px 10px;
  color: #C7CBD4;
  line-height: 16px;
  opacity: 1;
  width: 100%;
}
.mintp-home-dis .top-seminars .mintp-seminarv:hover .mintp-seminar-dis .seminar-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook {
  z-index: 1;
  position: relative;
  transition: scale 0.5s ease;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook img {
  border-radius: 8px;
  background: linear-gradient(158deg, rgba(229, 230, 236, 0.27) 0%, rgb(242, 243, 246) 100%);
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
  z-index: 10;
  position: relative;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis {
  overflow: hidden;
  transition: left 0.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F2F3F6;
  height: 100%;
  width: 100%;
  z-index: 9;
  padding: 12px 12px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis h2 {
  font-size: 13px;
  line-height: 17px;
  margin: 0;
  width: 100%;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis p {
  width: 100%;
  font-size: 10px;
  font-weight: normal;
  line-height: 17px;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon {
  display: block;
  width: 100%;
  margin: auto 0 0;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon a:nth-child(1) {
  cursor: pointer;
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 8px 9px 9px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon a:nth-child(1) svg {
  width: 14px;
  height: 14px;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon a:nth-child(2) {
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9.5px 8px 9.5px 12px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon a:nth-child(2) svg {
  width: 14px;
  height: 14px;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon .left {
  display: flex;
  text-align: center;
  gap: 12px;
  align-items: center;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon .left .favorite {
  background-color: #F2F3F6;
  box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
  padding: 4px 7.5px 3px;
  border-radius: 8px;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon .left .favorite h5 {
  margin: 0;
  font-size: 16px;
  font-family: Sofia Pro;
  font-weight: bold;
  line-height: 14px;
  color: #575F6B;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon .left .favorite p {
  margin: 0;
  font-family: Sofia Pro;
  font-size: 8.5px;
  font-weight: bold;
  line-height: 11px;
  color: #575F6B;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon .download-btn {
  background: linear-gradient(338deg, #eb22af 0%, rgba(53, 1, 36, 0.79) 100%) !important;
  border-radius: 50px;
  padding: 8px 0 !important;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  margin: 13px 0 0px;
  font-size: 14px;
  line-height: 20px;
  color: white;
  width: 100%;
  display: block;
  box-shadow: unset !important;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon .download-btn svg {
  position: absolute;
  top: 25%;
  right: 7%;
}
.mintp-home-dis .mintp-ebooks .hover-effect {
  z-index: 8;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook:hover {
  z-index: 9;
  scale: 1.25;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook:hover img {
  border-radius: 8px 0 0 8px;
  background: linear-gradient(158deg, rgba(229, 230, 236, 0.27) 0%, rgb(242, 243, 246) 100%);
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
}
.mintp-home-dis .mintp-ebooks .mintp-ebook:hover .mintp-ebook-dis {
  overflow: unset;
  left: 100%;
  border-radius: 0 8px 8px 0;
  box-shadow: 5px 5px 20px rgba(200, 201, 204, 0.5490196078), -8px -8px 20px #ffffff;
}
.mintp-home-dis .hotel-v .mintp-seminar {
  cursor: pointer;
  position: relative;
  width: calc(25% - 18.75px);
  border-radius: 8px;
  z-index: 9;
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
}
.mintp-home-dis .hotel-v .mintp-seminar .memv {
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 8px;
  z-index: 2;
  transition-property: opacity, 1;
  transition-delay: 0.6s; /*--1秒後に効果が開始されます--*/
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis {
  transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease; /* ここで変化の速度と形式を設定 */
  position: absolute;
  display: block;
  z-index: -1;
  overflow: hidden;
  top: 0px;
  background-color: #F2F3F6;
  border-radius: 8px;
  height: 100%;
  overflow: scroll;
  box-shadow: 5px 5px 20px #c8c9cc;
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis img {
  transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease; /* ここで変化の速度と形式を設定 */
  border-radius: 8px 8px 0 0;
  border-radius: 8px;
  filter: grayscale(0%);
  opacity: unset;
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis h2 {
  opacity: 0;
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis p {
  opacity: 0;
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis .seminar-icon {
  display: none;
  width: 93%;
  margin: auto auto 20px;
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis .seminar-icon a:nth-child(1) {
  cursor: pointer;
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9px 10px 10px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis .seminar-icon a:nth-child(1) svg {
  width: 16px;
  height: 16px;
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis .seminar-icon a:nth-child(2) {
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9.5px 8px 9.5px 12px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis .seminar-icon a:nth-child(2) svg {
  width: 16px;
  height: 16px;
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis .seminar-icon .left {
  display: flex;
  justify-content: space-between;
  width: 60%;
  max-width: 186px;
  text-align: center;
  align-items: center;
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis .seminar-icon .left .favorite {
  background-color: #F2F3F6;
  box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
  padding: 6px 8.5px;
  border-radius: 8px;
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis .seminar-icon .left .favorite h5 {
  margin: 0;
  font-size: 17px;
  font-family: Sofia Pro;
  font-weight: bold;
  line-height: 15px;
  color: #575F6B;
}
.mintp-home-dis .hotel-v .mintp-seminar .mintp-seminar-dis .seminar-icon .left .favorite p {
  margin: 0;
  font-family: Sofia Pro;
  font-size: 9.5px;
  font-weight: bold;
  line-height: 12px;
  color: #575F6B;
}
.mintp-home-dis .hotel-v .mintp-seminar:hover {
  z-index: unset;
}
.mintp-home-dis .hotel-v .mintp-seminar:hover img {
  opacity: 0;
}
.mintp-home-dis .hotel-v .mintp-seminar:hover .mintp-seminar-dis {
  z-index: 195;
  transform: scale(1.12); /* ホバー時のスケール */
  height: 200%;
  top: -55%;
  display: flex;
  flex-direction: column;
}
.mintp-home-dis .hotel-v .mintp-seminar:hover .mintp-seminar-dis img {
  display: block;
  border-radius: 8px 8px 0 0;
  opacity: unset;
}
.mintp-home-dis .hotel-v .mintp-seminar:hover .mintp-seminar-dis h2 {
  font-size: 12px;
  font-weight: bold;
  font-family: Source Han Sans;
  line-height: 21px;
  margin: 15px 12px 4px;
  opacity: 1;
}
.mintp-home-dis .hotel-v .mintp-seminar:hover .mintp-seminar-dis p {
  font-size: 8px;
  margin: 0 12px 10px;
  color: #C7CBD4;
  line-height: 16px;
  opacity: 1;
}
.mintp-home-dis .hotel-v .mintp-seminar:hover .mintp-seminar-dis .seminar-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mint-plus-footer {
  background-color: #F1F1F6;
  text-align: center;
  font-family: "Source Han Sans JP";
  width: 100%;
  top: 660px;
}
.mint-plus-footer .footer-flex {
  gap: 18px;
  display: flex;
  margin: 0 0 20px;
  justify-content: center;
}
.mint-plus-footer .footer-flex a {
  font-size: 12px;
  line-height: 17px;
  color: #575F6B;
}
.mint-plus-footer h4 {
  font-size: 12px;
  line-height: 17px;
  color: #575F6B;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .minp-home-scroll {
    z-index: 9;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .minp-home-scroll p {
    font-size: 14px;
    line-height: 57.6px;
    color: #FFFFFF;
    margin: 0 0 60px;
    white-space: nowrap;
  }
  .minp-home-scroll .scroll {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
  }
  .minp-home-scroll .scroll::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 30px;
    width: 2px;
    height: 40px;
    background: linear-gradient(0deg, #E8E8E8, #000000);
    animation: verticalMaskAnim 2s cubic-bezier(0.19, 1, 0.22, 1) 0s infinite;
  }
  @keyframes verticalMaskAnim {
    0% {
      -webkit-clip-path: inset(0 0 100% 0);
      clip-path: inset(0 0 100% 0);
    }
    25% {
      -webkit-clip-path: inset(0 0 0 0);
      clip-path: inset(0 0 0 0);
    }
    75% {
      -webkit-clip-path: inset(0 0 0 0);
      clip-path: inset(0 0 0 0);
    }
    100% {
      -webkit-clip-path: inset(100% 0 0 0);
      clip-path: inset(100% 0 0 0);
    }
  }
  .mintp-home-header svg {
    width: 62px;
  }
  .home-top-text h1 {
    min-width: unset;
    font-size: 16px;
    line-height: 28.8px;
    width: 93vw;
  }
  .home-top-text h1 p {
    bottom: -6px;
  }
  .mintp-home-header .right .flex {
    display: flex;
    gap: 20px;
  }
  .mintp-home-header .right .flex a {
    font-size: 14px;
    line-height: 20px;
    color: white;
  }
  .mintp-top-end-loop .seminar-loop .seminar .mintp-seminar {
    width: 60vw;
  }
  .mintp-top-end-loop .seminar-loop .hotel-v .mintp-seminar {
    width: 60vw;
  }
  .mintp-top-end-loop .seminar-loop .ebook .mintp-ebook {
    width: 45vw;
  }
  .mintp-home-fit {
    margin: 100vh auto 0;
  }
  .mintp-home-fit h1 {
    font-size: 16px;
    margin: 0px;
  }
  .mintp-home-fit .btn-flex a {
    background: linear-gradient(117deg, #EAEBF0 100%, #F0F1F5 100%);
    font-size: 14px;
    line-height: 20px;
    color: #575F6B;
    padding: 20px 0px;
    text-align: center;
    border-radius: 50px;
    box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px rgba(255, 255, 255, 0);
    width: 93%;
  }
  .mintp-home-dis {
    width: 93%;
  }
  .mintp-home-dis .sp-btn {
    font-size: 20px;
    line-height: 29px;
    color: white;
    padding: 20px 0;
    background: linear-gradient(44deg, #eb22af 0%, rgba(53, 1, 36, 0.9294117647) 100%);
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 40px;
    box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
  }
  .mintp-home-dis .dis-dis {
    font-size: 14px;
    line-height: 28.8px;
  }
  .mintp-home-dis .dis-flex .left h1 {
    font-size: 40px;
    line-height: 57.6px;
    margin: 16px 0;
  }
  .mintp-home-fit .btn-flex {
    flex-wrap: wrap;
  }
  .mintp-seminarssp2 {
    margin: 25px auto;
    width: 100%;
    display: flex;
    overflow: scroll;
    padding: 0 16px 10px 0;
  }
  .mintp-seminarssp2 .mintp-seminar {
    width: 70%;
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1803921569);
    margin: 0 16px 0 0px;
    border-radius: 8px;
  }
  .mintp-seminarssp2 .mintp-seminar img {
    border-radius: 10px;
  }
  .mintp-seminarssp2 .mintp-seminar:nth-child(1) {
    margin-left: 16px;
  }
  .mintp-seminarssp2::-webkit-scrollbar {
    display: none;
  }
}
.mintp-header {
  position: fixed;
  z-index: 40;
  width: 308px;
  height: 100vh;
  padding: 17.5px 0 0;
  font-weight: bold;
  color: #575F6B;
  background-color: #F2F3F6;
  box-shadow: -4px -4px 21px rgba(0, 0, 0, 0.3803921569);
  left: -420px;
  transition: left 0.5s; /* トランジションを追加 */
}
.mintp-header .mintp-logo {
  width: 26%;
  height: auto;
  margin: 0 0 100px 40px;
  cursor: pointer;
}
.mintp-header .minp-header-list {
  font-size: 16px;
  line-height: 29px;
}
.mintp-header .minp-header-list a {
  display: block;
  padding: 20px 35px;
}

.mintp-header-sub {
  position: fixed;
  transition: left 1s ease; /* 徐々に変化させる */
  width: 40px;
  height: 100vh;
  background: linear-gradient(158deg, rgb(229, 230, 236) 0%, #F2F3F6 100%);
  margin: 0;
  box-shadow: -4px -4px 21px rgba(0, 0, 0, 0.22);
  left: 0px;
  z-index: 2;
}
.mintp-header-sub .header-sub-list {
  margin: 166px 0 0;
}
.mintp-header-sub .header-sub-list a {
  display: block;
  width: 16px;
  cursor: pointer;
  margin: 52px auto 0;
}
.mintp-header-sub .header-sub-list a li {
  width: 100%;
  aspect-ratio: 1/1;
}
.mintp-header-sub .header-sub-list a li svg {
  object-fit: cover;
  width: 16px;
  height: 16px;
}

.mp-mypage a:nth-child(5) {
  color: rgb(251, 127, 13);
  background-color: rgb(242, 243, 246);
  box-shadow: rgba(204, 206, 218, 0.4) 11px 11px 9px inset, rgba(255, 255, 255, 0.58) -7px -8px 9px inset;
}
.mp-mypage a:nth-child(5) li {
  background: linear-gradient(179deg, rgb(219, 119, 27), rgb(251, 127, 13) 30%, rgba(251, 127, 13, 0.38)) text;
  -webkit-text-fill-color: transparent;
}

.mp-hotel a:nth-child(1) {
  color: rgb(251, 127, 13);
  background-color: rgb(242, 243, 246);
  box-shadow: rgba(204, 206, 218, 0.4) 11px 11px 9px inset, rgba(255, 255, 255, 0.58) -7px -8px 9px inset;
}
.mp-hotel a:nth-child(1) li {
  background: linear-gradient(179deg, rgb(219, 119, 27), rgb(251, 127, 13) 30%, rgba(251, 127, 13, 0.38)) text;
  -webkit-text-fill-color: transparent;
}

.mp-members a:nth-child(4) {
  color: rgb(251, 127, 13);
  background-color: rgb(242, 243, 246);
  box-shadow: rgba(204, 206, 218, 0.4) 11px 11px 9px inset, rgba(255, 255, 255, 0.58) -7px -8px 9px inset;
}
.mp-members a:nth-child(4) li {
  background: linear-gradient(179deg, rgb(219, 119, 27), rgb(251, 127, 13) 30%, rgba(251, 127, 13, 0.38)) text;
  -webkit-text-fill-color: transparent;
}

.mp-ebook a:nth-child(3) {
  color: rgb(251, 127, 13);
  background-color: rgb(242, 243, 246);
  box-shadow: rgba(204, 206, 218, 0.4) 11px 11px 9px inset, rgba(255, 255, 255, 0.58) -7px -8px 9px inset;
}
.mp-ebook a:nth-child(3) li {
  background: linear-gradient(179deg, rgb(219, 119, 27), rgb(251, 127, 13) 30%, rgba(251, 127, 13, 0.38)) text;
  -webkit-text-fill-color: transparent;
}

.mp-seminer a:nth-child(2) {
  color: rgb(251, 127, 13);
  background-color: rgb(242, 243, 246);
  box-shadow: rgba(204, 206, 218, 0.4) 11px 11px 9px inset, rgba(255, 255, 255, 0.58) -7px -8px 9px inset;
}
.mp-seminer a:nth-child(2) li {
  background: linear-gradient(179deg, rgb(219, 119, 27), rgb(251, 127, 13) 30%, rgba(251, 127, 13, 0.38)) text;
  -webkit-text-fill-color: transparent;
}

.mintp-top-header {
  position: absolute;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  background-color: #F2F3F6;
  text-align: center;
  padding: 17.5px 60px;
  box-sizing: border-box;
  cursor: pointer;
}
.mintp-top-header .header-right-items {
  display: flex;
  justify-content: space-between;
  width: 183px;
}
.mintp-top-header .mintp-header-a {
  font-size: 16px;
  font-family: Source Han Sans;
  font-weight: normal;
  line-height: 24px;
  color: #575F6B;
}

.mintp-header-none {
  width: 6px;
  height: 100px;
  background: linear-gradient(158deg, #FF26BE 0%, #2E001F 100%);
  position: fixed;
  left: 0;
  top: 200px;
}

@media screen and (max-width: 768px) {
  .mintp-top-header {
    padding: 16px;
  }
  .mintp-top-header .mintp-header-a {
    font-size: 14px;
    font-family: "Source Han Sans JP";
    line-height: 20px;
  }
  .mintp-top-header .header-right-items {
    width: 143px;
  }
  .mintp-side-icon {
    transition: left 0.5s;
    z-index: 99;
    position: fixed;
    bottom: 16%;
    left: 16px;
    width: 72px;
    height: 72px;
    background-color: #F2F3F6;
    padding: 14px;
    border-radius: 20px;
    box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.1294117647), -8px -8px 20px rgba(255, 255, 255, 0);
    box-sizing: border-box;
  }
  .mintp-side-icon svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
  }
  .mintp-header .minp-header-list a {
    display: block;
    padding: 20px 16px;
  }
  .mintp-header .mintp-logo {
    width: 26%;
    height: auto;
    margin: 0 0 40px 16px;
    cursor: pointer;
  }
  .mintp-side-close {
    z-index: 99;
    position: absolute;
    bottom: 10%;
    left: 100px;
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .mintp-side-close p {
    font-size: 14px;
    line-height: 25.2px;
  }
  .mintp-side-close .close-btn {
    box-sizing: border-box;
    width: 52px;
    height: 52px;
    background-color: #F2F3F6;
    padding: 11px;
    border-radius: 9px;
    box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.1294117647), -8px -8px 20px rgba(255, 255, 255, 0);
  }
  .mintp-side-close .close-btn svg {
    width: 30px;
    height: 30px;
  }
}
.mintp-body .mintp-registar-message {
  font-size: 14px !important;
  line-height: 18px !important;
  text-decoration: unset !important;
}
.mintp-body .registar-comp-p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin: 30% 0 0;
}
.mintp-body .registar-comp-p a {
  display: inline;
  text-decoration: underline;
}
.mintp-body .mintp-login-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 60px 0;
}
.mintp-body .mintp-login-head .mintp-logo_body {
  cursor: pointer;
}
.mintp-body .mintp-login-head .login-btns_login {
  display: flex;
  justify-content: space-between;
  width: 390px;
}
.mintp-body .mintp-login-head .login-btns_login a {
  color: #575F6B;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  font-family: Source Han Sans;
  box-shadow: rgba(204, 206, 218, 0.4) 11px 11px 9px inset, rgba(255, 255, 255, 0.58) -7px -8px 9px inset;
  border-radius: 50px;
  padding: 12px 60px;
  background-color: #F8F8FC;
}
.mintp-body .mintp-login-head .login-btns_login a:nth-child(2) {
  color: #575F6B;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  font-family: Source Han Sans;
  border-radius: 50px;
  padding: 12px 60px;
  background: linear-gradient(158deg, rgba(229, 230, 236, 0.79) 0%, rgb(242, 243, 246) 100%);
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
}
.mintp-body .mintp-registar-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px 60px 0;
}
.mintp-body .mintp-registar-head .mintp-logo_body {
  cursor: pointer;
}
.mintp-body .mintp-registar-head .login-btns_login {
  display: flex;
  justify-content: space-between;
  width: 390px;
}
.mintp-body .mintp-registar-head .login-btns_login a {
  color: #575F6B;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  font-family: Source Han Sans;
  border-radius: 50px;
  padding: 12px 60px;
  background: linear-gradient(158deg, rgba(229, 230, 236, 0.79) 0%, rgb(242, 243, 246) 100%);
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
}
.mintp-body .mintp-registar-head .login-btns_login a:nth-child(2) {
  color: #575F6B;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  font-family: Source Han Sans;
  box-shadow: rgba(204, 206, 218, 0.4) 11px 11px 9px inset, rgba(255, 255, 255, 0.58) -7px -8px 9px inset;
  border-radius: 50px;
  padding: 12px 60px;
  background-color: #F8F8FC;
}
.mintp-body .mintp-login-form {
  width: 420px;
  box-sizing: border-box;
  margin: 120px auto 0;
  padding: 40px 30px 24px;
  border-radius: 16px;
  background: linear-gradient(158deg, rgba(229, 230, 236, 0.27) 0%, rgb(242, 243, 246) 100%);
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
}
.mintp-body .mintp-login-form h1 {
  font-size: 32px;
  font-family: Sofia Pro;
  line-height: 36px;
  font-weight: normal;
  text-align: center;
  margin: 0 0 0;
}
.mintp-body .mintp-login-form p {
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
  text-align: center;
  margin: 0 0 16px;
}
.mintp-body .mintp-login-form #wpmem_login {
  margin: 0 auto;
  width: 360px;
}
.mintp-body .mintp-login-form #wpmem_login legend {
  display: none;
}
.mintp-body .mintp-login-form #wpmem_login label {
  display: none;
}
.mintp-body .mintp-login-form #wpmem_login .link-text {
  display: none;
}
.mintp-body .mintp-login-form #wpmem_login fieldset {
  margin: 40px 0 24px;
}
.mintp-body .mintp-login-form #wpmem_login .button_div {
  padding: 0;
  line-height: 0px;
}
.mintp-body .mintp-login-form #wpmem_login .button_div .buttons {
  width: 100%;
  background: linear-gradient(150deg, #eb22af 0%, rgba(53, 1, 36, 0.9294117647) 100%);
  border-radius: 40px;
  padding: 20px 126px;
  font-size: 20px;
  line-height: 29px;
  font-family: Source Han Sans;
  font-weight: bold;
  color: white;
}
.mintp-body .mintp-login-form #wpmem_login .button_div #rememberme {
  display: none;
}
.mintp-body .mintp-login-form #wpmem_login .div_text input {
  margin: 0 0 15px;
  border: none;
  box-sizing: border-box;
  background: linear-gradient(158deg, rgba(229, 230, 236, 0.17) 0%, rgb(242, 243, 246) 100%);
  border-radius: 40px;
  padding: 18px 32px;
  box-shadow: rgba(204, 206, 218, 0.4) 11px 11px 9px inset, rgba(255, 255, 255, 0.58) -7px -8px 9px inset;
}
.mintp-body .mintp-registar-form, .mintp-body .mintp-registar-form2 {
  width: 470px;
  box-sizing: border-box;
  margin: 120px auto 0;
  padding: 40px 30px 24px;
  border-radius: 16px;
  background: linear-gradient(158deg, rgba(229, 230, 236, 0.27) 0%, rgb(242, 243, 246) 100%);
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
}
.mintp-body .mintp-registar-form h1, .mintp-body .mintp-registar-form2 h1 {
  font-size: 32px;
  font-family: Sofia Pro;
  line-height: 36px;
  font-weight: normal;
  text-align: center;
  margin: 0 0 12px;
}
.mintp-body .mintp-registar-form .wpmem_msg, .mintp-body .mintp-registar-form2 .wpmem_msg {
  position: fixed;
  left: 50%;
  top: 20%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.mintp-body .mintp-registar-form p, .mintp-body .mintp-registar-form2 p {
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
  text-align: center;
  margin: 0 0 16px;
}
.mintp-body .mintp-registar-form input, .mintp-body .mintp-registar-form2 input {
  font-size: 16px;
  outline: unset;
  margin: 16px auto;
  box-sizing: border-box;
  width: 100%;
  background: linear-gradient(158deg, rgba(229, 230, 236, 0.17) 0%, rgb(242, 243, 246) 100%);
  border-radius: 40px;
  padding: 20px 32px 18px;
  box-shadow: rgba(204, 206, 218, 0.4) 11px 11px 9px inset, rgba(255, 255, 255, 0.58) -7px -8px 9px inset;
}
.mintp-body .mintp-registar-form ::placeholder, .mintp-body .mintp-registar-form2 ::placeholder {
  color: rgba(39, 56, 80, 0.1215686275);
  font-size: 14px;
  font-weight: bold;
  line-height: 0px;
  font-family: "source-han-sans-japanese", sans-serif;
}
.mintp-body .mintp-registar-form #checkbox, .mintp-body .mintp-registar-form2 #checkbox {
  padding: unset;
  border-radius: 5px;
  margin: 24px 6px 0;
  position: relative;
  width: 16px;
  height: 16px;
  vertical-align: -2px;
  background: linear-gradient(158deg, rgba(229, 230, 236, 0.17) 0%, rgb(242, 243, 246) 100%);
  box-shadow: rgba(204, 206, 218, 0.77) 3px 2px 4px inset, rgba(95, 98, 116, 0.09) -1px -1px 1px inset;
}
.mintp-body .mintp-registar-form #checkbox:checked:before, .mintp-body .mintp-registar-form2 #checkbox:checked:before {
  position: absolute;
  top: 1px;
  left: 5px;
  transform: rotate(50deg);
  width: 4px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  content: "";
}
.mintp-body .mintp-registar-form input[type=checkbox], .mintp-body .mintp-registar-form2 input[type=checkbox] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.mintp-body .mintp-registar-form label, .mintp-body .mintp-registar-form2 label {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  font-family: "source-han-sans-japanese", sans-serif;
  color: #273850;
}
.mintp-body .mintp-registar-form label span, .mintp-body .mintp-registar-form2 label span {
  text-decoration: underline;
}
.mintp-body .mintp-registar-form .step2, .mintp-body .mintp-registar-form2 .step2 {
  cursor: pointer;
  display: block;
  margin: 28px 0 28px;
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(150deg, #eb22af 0%, rgba(53, 1, 36, 0.9294117647) 100%);
  border-radius: 40px;
  padding: 18px;
  text-align: center;
  font-size: 20px;
  line-height: 29px;
  font-family: Source Han Sans;
  font-weight: bold;
  color: white;
}
.mintp-body .mintp-registar-form #step1, .mintp-body .mintp-registar-form2 #step1 {
  font-family: Source Han sans-serif;
  font-size: 14px;
  font-weight: normal;
  position: absolute;
  top: 53px;
  left: 36px;
  cursor: pointer;
}
.mintp-body .mintp-registar-form #wpmem_reg legend, .mintp-body .mintp-registar-form2 #wpmem_reg legend {
  display: none;
}
.mintp-body .mintp-registar-form #wpmem_reg label, .mintp-body .mintp-registar-form2 #wpmem_reg label {
  display: none !important;
}
.mintp-body .mintp-registar-form #wpmem_reg .div_text, .mintp-body .mintp-registar-form2 #wpmem_reg .div_text {
  display: none;
}
.mintp-body .mintp-registar-form #wpmem_reg .req-text, .mintp-body .mintp-registar-form2 #wpmem_reg .req-text {
  display: none;
}
.mintp-body .mintp-registar-form #wpmem_reg .buttons, .mintp-body .mintp-registar-form2 #wpmem_reg .buttons {
  box-shadow: unset;
  background: linear-gradient(150deg, #eb22af 0%, rgba(53, 1, 36, 0.9294117647) 100%);
  font-size: 20px;
  font-weight: bold;
  font-family: Source Han sans-serif;
  color: white;
  width: 360px;
  margin: -18px 0;
  outline: unset;
  cursor: pointer;
}
.mintp-body .mintp-registar-form {
  display: block;
}
.mintp-body .mintp-registar-form .name-flex {
  display: flex;
  justify-content: space-between;
}
.mintp-body .mintp-registar-form2 {
  position: relative;
  display: none;
}
.mintp-body.password .mintp-login-form .wpmem_msg {
  background-color: unset;
  border: unset;
  font-size: 1.4rem;
  width: 90%;
  line-height: 1.5;
}
.mintp-body.password .mintp-login-form .div_text {
  max-width: 360px;
}
.mintp-body.password .mintp-login-form #wpmem_login .button_div .buttons {
  padding: 20px 0;
  cursor: pointer;
}

.mintp-res-btn2 {
  cursor: pointer;
  display: block;
  margin: 28px 0 28px;
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(150deg, #eb22af 0%, rgba(53, 1, 36, 0.9294117647) 100%);
  border-radius: 40px;
  padding: 18px;
  text-align: center;
  font-size: 20px;
  line-height: 29px;
  font-family: Source Han Sans;
  font-weight: bold;
  color: white;
}

@media screen and (max-width: 768px) {
  .mintp-body {
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-body .registar-comp-p {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    margin: 30% 0 0;
  }
  .mintp-body .mintp-login-head {
    width: 92.8%;
    margin: 10px auto 0;
  }
  .mintp-body .mintp-login-head .login-btns_login {
    width: 230px;
  }
  .mintp-body .mintp-login-head .login-btns_login a {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 20px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-body .mintp-login-head .login-btns_login a:nth-child(2) {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 30px;
  }
  .mintp-body .mintp-registar-head {
    width: 92.8%;
    margin: 10px auto 0;
  }
  .mintp-body .mintp-registar-head .login-btns_login {
    width: 230px;
  }
  .mintp-body .mintp-registar-head .login-btns_login a {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 20px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-body .mintp-registar-head .login-btns_login a:nth-child(2) {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 30px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-body .mintp-login-form {
    width: 92.8%;
    margin: 120px auto 0;
    padding: 36px 16px;
  }
  .mintp-body .mintp-login-form h1 {
    font-size: 24px;
    line-height: 27px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-body .mintp-login-form p {
    font-size: 14px;
    line-height: 20px;
  }
  .mintp-body .mintp-login-form #wpmem_login {
    width: 100%;
  }
  .mintp-body .mintp-login-form #wpmem_login .button_div .buttons {
    padding: 18px 126px;
    font-size: 16px;
    line-height: 24px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-body .mintp-login-form #wpmem_login .div_text input {
    margin: 0 0 15px;
    padding: 18px 40px;
  }
  .mintp-body .mintp-registar-form, .mintp-body .mintp-registar-form2 {
    width: 92.8%;
    padding: 36px 16px;
  }
  .mintp-body .mintp-registar-form h1, .mintp-body .mintp-registar-form2 h1 {
    font-size: 24px;
    line-height: 27px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-body .mintp-registar-form p, .mintp-body .mintp-registar-form2 p {
    font-size: 14px;
    line-height: 20px;
  }
  .mintp-body .mintp-registar-form input, .mintp-body .mintp-registar-form2 input {
    margin: 12px auto 16px;
  }
  .mintp-body .mintp-registar-form #checkbox, .mintp-body .mintp-registar-form2 #checkbox {
    margin: 4px 6px 0;
  }
  .mintp-body .mintp-registar-form label, .mintp-body .mintp-registar-form2 label {
    font-size: 16px;
  }
  .mintp-body .mintp-registar-form .step2, .mintp-body .mintp-registar-form2 .step2 {
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
  }
  .mintp-body .mintp-registar-form #step1, .mintp-body .mintp-registar-form2 #step1 {
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
  }
  .mintp-body .mintp-registar-form #wpmem_reg, .mintp-body .mintp-registar-form2 #wpmem_reg {
    width: 100%;
  }
  .mintp-body .mintp-registar-form #wpmem_reg .buttons, .mintp-body .mintp-registar-form2 #wpmem_reg .buttons {
    width: 100%;
    margin: 10px 0;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
  }
  .mintp-body .mintp-registar-form {
    display: block;
  }
  .mintp-body .mintp-registar-form .name-flex {
    display: flex;
    justify-content: space-between;
  }
  .mintp-body .mintp-registar-form2 {
    position: relative;
    display: none;
  }
}
.mp-ebook .mintp-ebook-slider {
  width: 91%;
  margin: 100px auto 0;
  max-width: 1320px;
  position: relative;
}
.mp-ebook .mintp-ebook-slider h1 {
  font-size: 24px;
  line-height: 0px;
}
.mp-ebook .mintp-ebook-slider .hotelv-border {
  width: 100%;
  height: 1px;
  background-color: #575F6B;
  margin: 16px 0;
}
.mp-ebook .mintp-ebook-slider .swiper-button-next.swiper-button-disabled, .mp-ebook .mintp-ebook-slider .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.mp-ebook .mintp-ebook-slider .swiper-button-prev.swiper-button-disabled, .mp-ebook .mintp-ebook-slider .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.mp-ebook .mintp-ebook-slider .swiper-button-next {
  width: 40px;
  height: 89.5%;
  background-color: rgba(0, 0, 0, 0.7411764706);
  padding: 20px 10px;
  top: 17%;
  right: 0;
  color: white;
}
.mp-ebook .mintp-ebook-slider .swiper-button-next:after, .mp-ebook .mintp-ebook-slider .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 24px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.mp-ebook .mintp-ebook-slider .swiper-button-prev {
  width: 40px;
  height: 89.5%;
  background-color: rgba(0, 0, 0, 0.7411764706);
  padding: 20px 10px;
  top: 17%;
  left: 0;
  color: white;
}
.mp-ebook .mintp-ebook-slider .swiper-button-prev:after, .mp-ebook .mintp-ebook-slider .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 24px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.mp-ebook .mintp-ebook-slider .swiper-slide {
  transition: margin 0.5s ease, opacity 0.3s ease-in-out;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook {
  z-index: 1;
  position: relative;
  transition: scale 0.5s ease;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook img {
  border-radius: 8px;
  background: linear-gradient(158deg, rgba(229, 230, 236, 0.27) 0%, rgb(242, 243, 246) 100%);
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
  z-index: 10;
  position: relative;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis {
  transition: left 0.5s ease;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F2F3F6;
  height: 100%;
  width: 100%;
  z-index: 9;
  padding: 12px 12px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis h2 {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  width: 100%;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis p {
  width: 100%;
  font-size: 10px;
  font-weight: normal;
  line-height: 17px;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon {
  display: block;
  width: 100%;
  margin: auto 0 0;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon a:nth-child(1) {
  cursor: pointer;
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 8px 9px 9px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon a:nth-child(1) svg {
  width: 14px;
  height: 14px;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon a:nth-child(2) {
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9.5px 8px 9.5px 12px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon a:nth-child(2) svg {
  width: 14px;
  height: 14px;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon .left {
  display: flex;
  text-align: center;
  gap: 12px;
  align-items: center;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon .left .favorite {
  background-color: #F2F3F6;
  box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
  padding: 4px 7.5px 3px;
  border-radius: 8px;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon .left .favorite h5 {
  margin: 0;
  font-size: 16px;
  font-family: Sofia Pro;
  font-weight: bold;
  line-height: 14px;
  color: #575F6B;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon .left .favorite p {
  margin: 0;
  font-family: Sofia Pro;
  font-size: 8.5px;
  font-weight: bold;
  line-height: 11px;
  color: #575F6B;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon .download-btn {
  background: linear-gradient(338deg, #eb22af 0%, rgba(53, 1, 36, 0.79) 100%) !important;
  border-radius: 50px;
  padding: 8px 0 !important;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  margin: 13px 0 0px;
  font-size: 14px;
  line-height: 20px;
  color: white;
  width: 100%;
  display: block;
  box-shadow: unset !important;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook .mintp-ebook-dis .seminar-icon .download-btn svg {
  position: absolute;
  top: 25%;
  right: 7%;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .hover-effect {
  z-index: 8;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook:hover {
  z-index: 9;
  scale: 1.25;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook:hover img {
  border-radius: 8px 0 0 8px;
  background: linear-gradient(158deg, rgba(229, 230, 236, 0.27) 0%, rgb(242, 243, 246) 100%);
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
}
.mp-ebook .mintp-ebook-slider .mintp-ebooks .mintp-ebook:hover .mintp-ebook-dis {
  left: 100%;
  border-radius: 0 8px 8px 0;
  box-shadow: 5px 5px 20px rgba(200, 201, 204, 0.5490196078), -8px -8px 20px #ffffff;
}

@media screen and (max-width: 768px) {
  .mp-ebook .mintp-ebook-slider h1 {
    font-size: 20px;
    line-height: 29px;
  }
  .mintp-ebooks-sp {
    display: flex;
    overflow: scroll;
    padding: 0 16px 0 0;
  }
  .mintp-ebooks-sp .mintp-ebook {
    width: 60%;
    margin: 0 16px 30px 0px;
    border-radius: 8px;
    box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
  }
  .mintp-ebooks-sp .mintp-ebook img {
    border-radius: 8px;
  }
  .mintp-ebooks-sp .mintp-ebook:nth-child(1) {
    margin-left: 16px;
  }
  .mintp-ebooks-sp .mintp-ebook-dis {
    transition: left 0.5s ease;
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    background-color: #F2F3F6;
    width: 100%;
    z-index: 9;
    padding: 0px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: unset;
    overflow: scroll;
    height: auto;
    border-radius: 8px;
  }
  .mintp-ebooks-sp .mintp-ebook-dis .ebook-modal-flex {
    min-width: 300px;
    display: flex;
    flex-wrap: wrap;
    padding: 12px 28px 12px 12px;
  }
  .mintp-ebooks-sp .mintp-ebook-dis img {
    width: 76%;
  }
  .mintp-ebooks-sp .mintp-ebook-dis h2 {
    font-size: 16px;
    line-height: 29px;
    margin: 0;
    width: 100%;
    height: auto;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-ebooks-sp .mintp-ebook-dis p {
    width: 100%;
    margin: 0px 0 30px;
    font-size: 12px;
    line-height: 20px;
    font-family: "Source Han Sans JP";
  }
  .mintp-ebooks-sp .mintp-ebook-dis .seminar-icon {
    display: block;
    width: 100%;
    margin: auto 0 0;
  }
  .mintp-ebooks-sp .mintp-ebook-dis .seminar-icon a:nth-child(1) {
    cursor: pointer;
    background-color: #EDEEF2;
    border-radius: 50px;
    padding: 13px 14px 14px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .mintp-ebooks-sp .mintp-ebook-dis .seminar-icon a:nth-child(1) svg {
    width: 16px;
    height: 16px;
  }
  .mintp-ebooks-sp .mintp-ebook-dis .seminar-icon a:nth-child(2) {
    background-color: #EDEEF2;
    border-radius: 50px;
    padding: 9.5px 8px 9.5px 12px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .mintp-ebooks-sp .mintp-ebook-dis .seminar-icon a:nth-child(2) svg {
    width: 14px;
    height: 14px;
  }
  .mintp-ebooks-sp .mintp-ebook-dis .seminar-icon .left {
    display: flex;
    text-align: center;
    gap: 12px;
    align-items: center;
  }
  .mintp-ebooks-sp .mintp-ebook-dis .seminar-icon .left .favorite {
    background-color: #F2F3F6;
    box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
    padding: 6px 14.5px 6px;
    border-radius: 8px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-ebooks-sp .mintp-ebook-dis .seminar-icon .left .favorite h5 {
    margin: 0;
    font-size: 18px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-weight: bold;
    line-height: 20px;
    color: #575F6B;
  }
  .mintp-ebooks-sp .mintp-ebook-dis .seminar-icon .left .favorite p {
    margin: 0;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 8.5px;
    font-weight: bold;
    line-height: 11px;
    color: #575F6B;
  }
  .mintp-ebooks-sp .mintp-ebook-dis .seminar-icon .download-btn {
    background: linear-gradient(338deg, #eb22af 0%, rgba(53, 1, 36, 0.79) 100%) !important;
    border-radius: 50px;
    padding: 10px 0 !important;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    margin: 13px 0 0px;
    font-size: 16px;
    line-height: 24px;
    color: white;
    width: 100%;
    display: block;
    box-shadow: unset !important;
  }
  .mintp-ebooks-sp .mintp-ebook-dis .seminar-icon .download-btn svg {
    position: absolute;
    top: 25%;
    right: 7%;
  }
  .mintp-ebooks-sp::-webkit-scrollbar {
    display: none;
  }
}
.mintp-footer {
  display: none;
}

.mintp-seminars {
  width: 92%;
  max-width: 1323px;
  margin: 101px auto;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.mintp-seminars .mintp-seminar {
  position: relative;
  width: calc(25% - 18.75px);
  border-radius: 8px;
  z-index: 9;
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
  cursor: pointer;
  aspect-ratio: 4/3;
}
.mintp-seminars .mintp-seminar .memv {
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 8px;
  z-index: 2;
  transition-property: opacity, 1;
  transition-delay: 0.6s; /*--1秒後に効果が開始されます--*/
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis {
  transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease; /* ここで変化の速度と形式を設定 */
  position: absolute;
  display: block;
  z-index: -1;
  overflow: hidden;
  top: 0px;
  background-color: #F8F8FC;
  border-radius: 8px;
  height: 100%;
  overflow: scroll;
  box-shadow: 5px 5px 20px #c8c9cc;
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis img {
  border-radius: 8px 8px 0 0;
  border-radius: 8px;
  filter: grayscale(100%);
  opacity: unset;
  aspect-ratio: 4/3;
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis h2 {
  opacity: 0;
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis p {
  opacity: 0;
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis .seminar-icon {
  display: none;
  width: 93%;
  margin: auto auto 20px;
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis .seminar-icon a:nth-child(1) {
  cursor: pointer;
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9px 10px 10px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis .seminar-icon a:nth-child(1) svg {
  width: 16px;
  height: 16px;
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis .seminar-icon a:nth-child(2) {
  background-image: linear-gradient(141deg, rgba(46, 0, 31, 0.7), rgb(255, 38, 190));
  border-radius: 50px;
  padding: 9.5px 8px 9.5px 12px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis .seminar-icon a:nth-child(2) svg {
  width: 16px;
  height: 16px;
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis .seminar-icon .left {
  display: flex;
  justify-content: space-between;
  width: 40%;
  max-width: 186px;
  text-align: center;
  align-items: center;
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis .seminar-icon .left .favorite {
  background-color: #F2F3F6;
  box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
  padding: 6px 8.5px;
  border-radius: 8px;
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis .seminar-icon .left .favorite h5 {
  margin: 0;
  font-size: 17px;
  font-family: Sofia Pro;
  font-weight: bold;
  line-height: 15px;
  color: #575F6B;
}
.mintp-seminars .mintp-seminar .mintp-seminar-dis .seminar-icon .left .favorite p {
  margin: 0;
  font-family: Sofia Pro;
  font-size: 9.5px;
  font-weight: bold;
  line-height: 12px;
  color: #575F6B;
}
.mintp-seminars .mintp-seminar:hover {
  z-index: unset;
}
.mintp-seminars .mintp-seminar:hover img {
  opacity: 0;
}
.mintp-seminars .mintp-seminar:hover .mintp-seminar-dis {
  z-index: 10;
  transform: scale(1.12); /* ホバー時のスケール */
  height: 175%;
  top: -37%;
  display: flex;
  flex-wrap: wrap;
}
.mintp-seminars .mintp-seminar:hover .mintp-seminar-dis img {
  display: block;
  border-radius: 8px 8px 0 0;
  opacity: unset;
  filter: grayscale(0%);
}
.mintp-seminars .mintp-seminar:hover .mintp-seminar-dis h2 {
  font-size: 12px;
  font-weight: bold;
  font-family: Source Han Sans;
  line-height: 21px;
  margin: 15px 12px 4px;
  opacity: 1;
}
.mintp-seminars .mintp-seminar:hover .mintp-seminar-dis p {
  font-size: 8px;
  margin: 0 12px 10px;
  color: #C7CBD4;
  line-height: 16px;
  opacity: 1;
  width: 100%;
}
.mintp-seminars .mintp-seminar:hover .mintp-seminar-dis .seminar-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .mintp-seminarssp2 .mintp-seminar-dis {
    transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease; /* ここで変化の速度と形式を設定 */
    position: absolute;
    overflow: hidden;
    background-color: #F8F8FC;
    border-radius: 8px;
    overflow: scroll;
    z-index: 10;
    height: auto;
    top: 50%;
    display: flex;
    flex-wrap: wrap;
  }
  .mintp-seminarssp2 .mintp-seminar-dis img {
    display: block;
    border-radius: 8px 8px 0 0;
    opacity: unset;
  }
  .mintp-seminarssp2 .mintp-seminar-dis h2 {
    font-size: 16px;
    font-weight: bold;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    margin: 15px 12px 4px;
    opacity: 1;
  }
  .mintp-seminarssp2 .mintp-seminar-dis p {
    font-size: 14px;
    margin: 10px 12px 10px;
    color: #C7CBD4;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    opacity: 1;
  }
  .mintp-seminarssp2 .mintp-seminar-dis .seminar-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 93%;
    margin: auto auto 20px;
  }
  .mintp-seminarssp2 .mintp-seminar-dis .seminar-icon a:nth-child(1) {
    cursor: pointer;
    background-color: #EDEEF2;
    border-radius: 50px;
    padding: 11px 12px 12px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .mintp-seminarssp2 .mintp-seminar-dis .seminar-icon a:nth-child(1) svg {
    width: 16px;
    height: 16px;
  }
  .mintp-seminarssp2 .mintp-seminar-dis .seminar-icon a:nth-child(2) {
    background: linear-gradient(44deg, #eb22af 0%, rgba(53, 1, 36, 0.9294117647) 100%);
    border-radius: 50px;
    padding: 11.5px 10px 11.5px 14px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .mintp-seminarssp2 .mintp-seminar-dis .seminar-icon a:nth-child(2) svg {
    width: 16px;
    height: 16px;
  }
  .mintp-seminarssp2 .mintp-seminar-dis .seminar-icon .left {
    display: flex;
    justify-content: space-between;
    width: 70%;
    max-width: 130px;
    text-align: center;
    align-items: center;
  }
  .mintp-seminarssp2 .mintp-seminar-dis .seminar-icon .left .favorite {
    background-color: #F2F3F6;
    box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
    padding: 9px 12.5px;
    border-radius: 8px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-seminarssp2 .mintp-seminar-dis .seminar-icon .left .favorite h5 {
    margin: 0;
    font-size: 19px;
    font-family: Sofia Pro;
    font-weight: bold;
    line-height: 18px;
    color: #575F6B;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-seminarssp2 .mintp-seminar-dis .seminar-icon .left .favorite p {
    margin: 0;
    font-family: Sofia Pro;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    color: #575F6B;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-seminarssp {
    margin: 70px auto;
    width: 92.8%;
  }
  .mintp-seminarssp .mintp-seminar {
    margin: 30px auto 0;
    width: 100%;
    border-radius: 8px;
    box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
    cursor: pointer;
  }
  .mintp-seminarssp .mintp-seminar img {
    border-radius: 8px;
    filter: grayscale(100%);
  }
  .mintp-seminarssp .mintp-seminar-dis {
    transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease; /* ここで変化の速度と形式を設定 */
    position: absolute;
    overflow: hidden;
    background-color: #F8F8FC;
    border-radius: 8px;
    overflow: scroll;
    z-index: 10;
    height: auto;
    top: 50%;
    display: flex;
    flex-wrap: wrap;
  }
  .mintp-seminarssp .mintp-seminar-dis img {
    display: block;
    border-radius: 8px 8px 0 0;
    opacity: unset;
  }
  .mintp-seminarssp .mintp-seminar-dis h2 {
    font-size: 16px;
    font-weight: bold;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    margin: 15px 12px 4px;
    opacity: 1;
  }
  .mintp-seminarssp .mintp-seminar-dis p {
    font-size: 14px;
    margin: 10px 12px 10px;
    color: #C7CBD4;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    opacity: 1;
  }
  .mintp-seminarssp .mintp-seminar-dis .seminar-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 93%;
    margin: auto auto 20px;
  }
  .mintp-seminarssp .mintp-seminar-dis .seminar-icon a:nth-child(1) {
    cursor: pointer;
    background-color: #EDEEF2;
    border-radius: 50px;
    padding: 11px 12px 12px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .mintp-seminarssp .mintp-seminar-dis .seminar-icon a:nth-child(1) svg {
    width: 16px;
    height: 16px;
  }
  .mintp-seminarssp .mintp-seminar-dis .seminar-icon a:nth-child(2) {
    background: linear-gradient(44deg, #eb22af 0%, rgba(53, 1, 36, 0.9294117647) 100%);
    border-radius: 50px;
    padding: 11.5px 10px 11.5px 14px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .mintp-seminarssp .mintp-seminar-dis .seminar-icon a:nth-child(2) svg {
    width: 16px;
    height: 16px;
  }
  .mintp-seminarssp .mintp-seminar-dis .seminar-icon .left {
    display: flex;
    justify-content: space-between;
    width: 70%;
    max-width: 130px;
    text-align: center;
    align-items: center;
  }
  .mintp-seminarssp .mintp-seminar-dis .seminar-icon .left .favorite {
    background-color: #F2F3F6;
    box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
    padding: 9px 12.5px;
    border-radius: 8px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-seminarssp .mintp-seminar-dis .seminar-icon .left .favorite h5 {
    margin: 0;
    font-size: 19px;
    font-family: Sofia Pro;
    font-weight: bold;
    line-height: 18px;
    color: #575F6B;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-seminarssp .mintp-seminar-dis .seminar-icon .left .favorite p {
    margin: 0;
    font-family: Sofia Pro;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    color: #575F6B;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
}
.mintp-hotelv {
  position: relative;
}
.mintp-hotelv .mintp-seminar {
  cursor: pointer;
  position: relative;
  width: calc(25% - 18.75px);
  border-radius: 8px;
  z-index: 9;
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
}
.mintp-hotelv .mintp-seminar .memv {
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 8px;
  z-index: 2;
  transition-property: opacity, 1;
  transition-delay: 0.6s; /*--1秒後に効果が開始されます--*/
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis {
  transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease; /* ここで変化の速度と形式を設定 */
  position: absolute;
  display: block;
  z-index: -1;
  overflow: hidden;
  top: 0px;
  background-color: #F2F3F6;
  border-radius: 8px;
  height: 100%;
  overflow: scroll;
  box-shadow: 5px 5px 20px #c8c9cc;
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis img {
  transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease; /* ここで変化の速度と形式を設定 */
  border-radius: 8px 8px 0 0;
  border-radius: 8px;
  filter: grayscale(0%);
  opacity: unset;
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis h2 {
  opacity: 0;
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis p {
  opacity: 0;
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis .seminar-icon {
  display: none;
  width: 93%;
  margin: auto auto 20px;
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis .seminar-icon a:nth-child(1) {
  cursor: pointer;
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9px 10px 10px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis .seminar-icon a:nth-child(1) svg {
  width: 16px;
  height: 16px;
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis .seminar-icon a:nth-child(2) {
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9.5px 8px 9.5px 12px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis .seminar-icon a:nth-child(2) svg {
  width: 16px;
  height: 16px;
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis .seminar-icon .left {
  display: flex;
  justify-content: space-between;
  width: 60%;
  max-width: 186px;
  text-align: center;
  align-items: center;
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis .seminar-icon .left .favorite {
  background-color: #F2F3F6;
  box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
  padding: 6px 8.5px;
  border-radius: 8px;
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis .seminar-icon .left .favorite h5 {
  margin: 0;
  font-size: 17px;
  font-family: Sofia Pro;
  font-weight: bold;
  line-height: 15px;
  color: #575F6B;
}
.mintp-hotelv .mintp-seminar .mintp-seminar-dis .seminar-icon .left .favorite p {
  margin: 0;
  font-family: Sofia Pro;
  font-size: 9.5px;
  font-weight: bold;
  line-height: 12px;
  color: #575F6B;
}
.mintp-hotelv .mintp-seminar:hover {
  z-index: unset;
}
.mintp-hotelv .mintp-seminar:hover img {
  opacity: 0;
}
.mintp-hotelv .mintp-seminar:hover .mintp-seminar-dis {
  z-index: 195;
  transform: scale(1.12); /* ホバー時のスケール */
  height: 200%;
  top: -55%;
  display: flex;
  flex-direction: column;
}
.mintp-hotelv .mintp-seminar:hover .mintp-seminar-dis img {
  display: block;
  border-radius: 8px 8px 0 0;
  opacity: unset;
}
.mintp-hotelv .mintp-seminar:hover .mintp-seminar-dis h2 {
  font-size: 12px;
  font-weight: bold;
  font-family: Source Han Sans;
  line-height: 21px;
  margin: 15px 12px 4px;
  opacity: 1;
}
.mintp-hotelv .mintp-seminar:hover .mintp-seminar-dis p {
  font-size: 8px;
  margin: 0 12px 10px;
  color: #C7CBD4;
  line-height: 16px;
  opacity: 1;
}
.mintp-hotelv .mintp-seminar:hover .mintp-seminar-dis .seminar-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hotelv-vcontent h1 {
  font-size: 24px;
  line-height: 0px;
}
.hotelv-vcontent .hotelv-border {
  width: 100%;
  height: 1px;
  background-color: #575F6B;
  margin: 16px 0;
}

.mintp-hotelv-sp {
  display: flex !important;
  overflow: scroll;
  padding: 0 16px 0 0;
}
.mintp-hotelv-sp .mintp-seminar {
  width: 76%;
  margin: 0 16px 20px 0px;
  border-radius: 10px;
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1803921569);
}
.mintp-hotelv-sp .mintp-seminar img {
  border-radius: 10px;
}
.mintp-hotelv-sp .mintp-seminar:first-child {
  margin-left: 16px;
}

.mintp-hotelv-sp::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 768px) {
  .hotelv-vcontent h1 {
    font-size: 20px;
    line-height: 0px;
  }
  .mintp-hotelv-sp .mintp-seminar-dis {
    transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease;
    display: block;
    z-index: 99;
    top: 50%;
    border-radius: 8px;
    height: auto;
    overflow: scroll;
  }
  .mintp-hotelv-sp .mintp-seminar-dis img {
    display: block;
    border-radius: 8px 8px 0 0;
    opacity: unset;
  }
  .mintp-hotelv-sp .mintp-seminar-dis h2 {
    font-size: 16px;
    font-weight: bold;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 24px;
    margin: 15px 12px 4px;
    opacity: 1;
  }
  .mintp-hotelv-sp .mintp-seminar-dis p {
    font-size: 14px;
    margin: 10px 12px 10px;
    color: #C7CBD4;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    opacity: 1;
  }
  .mintp-hotelv-sp .mintp-seminar-dis .seminar-icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 93%;
    margin: auto auto 20px;
  }
  .mintp-hotelv-sp .mintp-seminar-dis .seminar-icon a:nth-child(1) {
    cursor: pointer;
    background-color: #EDEEF2;
    border-radius: 50px;
    padding: 11px 12px 12px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .mintp-hotelv-sp .mintp-seminar-dis .seminar-icon a:nth-child(1) svg {
    width: 16px;
    height: 16px;
  }
  .mintp-hotelv-sp .mintp-seminar-dis .seminar-icon a:nth-child(2) {
    background-color: #EDEEF2;
    border-radius: 50px;
    padding: 11.5px 10px 11.5px 14px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .mintp-hotelv-sp .mintp-seminar-dis .seminar-icon a:nth-child(2) svg {
    width: 16px;
    height: 16px;
  }
  .mintp-hotelv-sp .mintp-seminar-dis .seminar-icon .left {
    display: flex;
    justify-content: space-between;
    width: 70%;
    max-width: 212px;
    text-align: center;
    align-items: center;
  }
  .mintp-hotelv-sp .mintp-seminar-dis .seminar-icon .left .favorite {
    background-color: #F2F3F6;
    box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
    padding: 9px 12.5px;
    border-radius: 8px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-hotelv-sp .mintp-seminar-dis .seminar-icon .left .favorite h5 {
    margin: 0;
    font-size: 19px;
    font-family: Sofia Pro;
    font-weight: bold;
    line-height: 15px;
    color: #575F6B;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-hotelv-sp .mintp-seminar-dis .seminar-icon .left .favorite p {
    margin: 0;
    font-family: Sofia Pro;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    color: #575F6B;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
}
.mp-hotel .hotelv-vcontent, .mp-seminer .hotelv-vcontent {
  width: 92%;
  max-width: 1323px;
  margin: 60px auto;
}
.mp-hotel .hotelv-vcontent .swiper-button-next.swiper-button-disabled, .mp-hotel .hotelv-vcontent .swiper-button-prev.swiper-button-disabled, .mp-seminer .hotelv-vcontent .swiper-button-next.swiper-button-disabled, .mp-seminer .hotelv-vcontent .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.mp-hotel .hotelv-vcontent .swiper-button-prev.swiper-button-disabled, .mp-hotel .hotelv-vcontent .swiper-button-prev.swiper-button-disabled, .mp-seminer .hotelv-vcontent .swiper-button-prev.swiper-button-disabled, .mp-seminer .hotelv-vcontent .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.mp-hotel .hotelv-vcontent .swiper-button-next, .mp-seminer .hotelv-vcontent .swiper-button-next {
  width: 36px;
  height: 92%;
  background-color: rgba(0, 0, 0, 0.7411764706);
  padding: 21px 10px;
  top: 12%;
  right: 0;
  color: white;
}
.mp-hotel .hotelv-vcontent .swiper-button-next:after, .mp-hotel .hotelv-vcontent .swiper-button-prev:after, .mp-seminer .hotelv-vcontent .swiper-button-next:after, .mp-seminer .hotelv-vcontent .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 24px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.mp-hotel .hotelv-vcontent .swiper-button-prev, .mp-seminer .hotelv-vcontent .swiper-button-prev {
  width: 36px;
  height: 92%;
  background-color: rgba(0, 0, 0, 0.7411764706);
  padding: 20px 10px;
  top: 12%;
  left: 0;
  color: white;
}
.mp-hotel .hotelv-vcontent .swiper-button-prev:after, .mp-hotel .hotelv-vcontent .swiper-button-prev:after, .mp-seminer .hotelv-vcontent .swiper-button-prev:after, .mp-seminer .hotelv-vcontent .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 24px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.mp-hotel .hotelv-vcontent .swiper-slide, .mp-seminer .hotelv-vcontent .swiper-slide {
  transition: margin 0.5s ease, opacity 0.3s ease-in-out;
}
.mp-hotel .memv-re, .mp-seminer .memv-re {
  width: 91%;
  margin: 77px auto 0px;
  max-width: 1320px;
}
.mp-hotel .memv-re a, .mp-seminer .memv-re a {
  color: #273850;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  box-shadow: unset;
  background-color: unset;
}
.mp-hotel .memv-content, .mp-seminer .memv-content {
  width: 91%;
  max-width: 1320px;
  margin: 10px auto 0px;
  display: flex;
  justify-content: space-between;
}
.mp-hotel .memv-content .memv-left, .mp-seminer .memv-content .memv-left {
  width: 64%;
}
.mp-hotel .memv-content .memv-left .memv-v, .mp-seminer .memv-content .memv-left .memv-v {
  aspect-ratio: 16/9;
}
.mp-hotel .memv-content .memv-left .memv-v video, .mp-seminer .memv-content .memv-left .memv-v video {
  width: 100%;
  height: 100%;
  border: unset;
}
.mp-hotel .memv-content .memv-left h1, .mp-seminer .memv-content .memv-left h1 {
  line-height: 40px;
  font-size: 24px;
  margin: 28px 0 15px;
}
.mp-hotel .memv-content .memv-left p, .mp-seminer .memv-content .memv-left p {
  font-weight: normal;
  color: #C7CBD4;
  font-size: 16px;
  line-height: 24px;
}
.mp-hotel .memv-content .memv-left .wpfp-img, .mp-seminer .memv-content .memv-left .wpfp-img {
  width: 0;
  height: 0;
}
.mp-hotel .memv-content .memv-left .seminar-icon, .mp-seminer .memv-content .memv-left .seminar-icon {
  width: 100%;
}
.mp-hotel .memv-content .memv-left .seminar-icon a:nth-child(1), .mp-seminer .memv-content .memv-left .seminar-icon a:nth-child(1) {
  cursor: pointer;
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9px 10px 10px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mp-hotel .memv-content .memv-left .seminar-icon a:nth-child(1) svg, .mp-seminer .memv-content .memv-left .seminar-icon a:nth-child(1) svg {
  width: 16px;
  height: 16px;
}
.mp-hotel .memv-content .memv-left .seminar-icon a:nth-child(2), .mp-seminer .memv-content .memv-left .seminar-icon a:nth-child(2) {
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9.5px 8px 9.5px 12px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mp-hotel .memv-content .memv-left .seminar-icon a:nth-child(2) svg, .mp-seminer .memv-content .memv-left .seminar-icon a:nth-child(2) svg {
  width: 16px;
  height: 16px;
}
.mp-hotel .memv-content .memv-left .seminar-icon .left, .mp-seminer .memv-content .memv-left .seminar-icon .left {
  display: flex;
  justify-content: space-between;
  width: 60%;
  max-width: 186px;
  text-align: center;
  align-items: center;
  margin: 0 0 0px auto;
  position: relative;
}
.mp-hotel .memv-content .memv-left .seminar-icon .left .favorite, .mp-seminer .memv-content .memv-left .seminar-icon .left .favorite {
  background-color: #F2F3F6;
  box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
  padding: 6px 8.5px;
  border-radius: 8px;
}
.mp-hotel .memv-content .memv-left .seminar-icon .left .favorite h5, .mp-seminer .memv-content .memv-left .seminar-icon .left .favorite h5 {
  margin: 0;
  font-size: 17px;
  font-family: Sofia Pro;
  font-weight: bold;
  line-height: 15px;
  color: #575F6B;
}
.mp-hotel .memv-content .memv-left .seminar-icon .left .favorite p, .mp-seminer .memv-content .memv-left .seminar-icon .left .favorite p {
  margin: 0;
  font-family: Sofia Pro;
  font-size: 9.5px;
  font-weight: bold;
  line-height: 12px;
  color: #575F6B;
}
.mp-hotel .memv-content .memv-left .seminar-icon .left .wpfp-span, .mp-seminer .memv-content .memv-left .seminar-icon .left .wpfp-span {
  position: absolute;
  top: 5px;
  left: 0;
  width: 35px;
  height: 35px;
  opacity: 0;
}
.mp-hotel .memv-content .memv-right, .mp-seminer .memv-content .memv-right {
  width: 33%;
}
.mp-hotel .memv-content .memv-right h1, .mp-seminer .memv-content .memv-right h1 {
  font-size: 20px;
  line-height: 29px;
}
.mp-hotel .memv-content .memv-right h3, .mp-seminer .memv-content .memv-right h3 {
  display: none;
}
.mp-hotel .memv-content .memv-right .commentlist, .mp-seminer .memv-content .memv-right .commentlist {
  background-color: unset;
  box-shadow: rgba(204, 206, 218, 0.4) 8px 8px 8px inset, rgba(255, 255, 255, 0.58) -7px -7px 9px inset;
  padding: 60px 60px 20px 20px;
  border-radius: 16px;
  margin: 0;
  overflow: scroll;
  max-height: 48vh;
  min-height: 48vh;
}
.mp-hotel .memv-content .memv-right .commentlist li:first-child, .mp-seminer .memv-content .memv-right .commentlist li:first-child {
  display: none;
}
.mp-hotel .memv-content .memv-right .commentlist li, .mp-seminer .memv-content .memv-right .commentlist li {
  background-color: #F2F3F6;
  padding: 12px 18px;
  border-radius: 12px;
  box-shadow: 6px 6px 7px rgba(200, 201, 204, 0.5411764706), -8px -8px 20px #ffffff;
  margin: 0 0 70px;
  position: relative;
}
.mp-hotel .memv-content .memv-right .commentlist li .comment-meta, .mp-seminer .memv-content .memv-right .commentlist li .comment-meta {
  position: absolute;
  right: 0;
  bottom: -50px;
}
.mp-hotel .memv-content .memv-right .commentlist li .comment-meta a, .mp-seminer .memv-content .memv-right .commentlist li .comment-meta a {
  color: #C7CBD4;
  background-color: unset;
  box-shadow: unset;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  display: block;
  text-align: right;
  pointer-events: none;
}
.mp-hotel .memv-content .memv-right .commentlist li .comment-meta .comment-edit-link, .mp-seminer .memv-content .memv-right .commentlist li .comment-meta .comment-edit-link {
  display: none;
}
.mp-hotel .memv-content .memv-right .commentlist li .reply, .mp-seminer .memv-content .memv-right .commentlist li .reply {
  display: none;
}
.mp-hotel .memv-content .memv-right .commentlist li p, .mp-seminer .memv-content .memv-right .commentlist li p {
  font-size: 14px;
  font-weight: normal;
  font-family: Source Han Sans;
  line-height: 20px;
  color: #575F6B;
}
.mp-hotel .memv-content .memv-right .commentlist li::before, .mp-seminer .memv-content .memv-right .commentlist li::before {
  display: none;
}
.mp-hotel .memv-content .memv-right .commentlist .comment-body .comment-author, .mp-seminer .memv-content .memv-right .commentlist .comment-body .comment-author {
  display: none;
}
.mp-hotel .memv-content .memv-right .logged-in-as, .mp-seminer .memv-content .memv-right .logged-in-as {
  display: none;
}
.mp-hotel .memv-content .memv-right .form-submit input, .mp-seminer .memv-content .memv-right .form-submit input {
  padding: 0;
  background-color: #EDEEF2;
  cursor: pointer;
  color: #575F6B;
  font-family: Hina Mincho;
  font-weight: bold;
  position: absolute;
  top: 11%;
  right: 3.7%;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  font-size: 20px;
  box-shadow: 5px 5px 20px #b6b6b6, -1px -1px 2px rgba(255, 255, 255, 0.431372549);
}
.mp-hotel .memv-content .memv-right #commentform, .mp-seminer .memv-content .memv-right #commentform {
  position: relative;
}
.mp-hotel .memv-content .memv-right .must-log-in, .mp-seminer .memv-content .memv-right .must-log-in {
  display: none;
}
.mp-hotel .memv-content .memv-right .comment-form-comment, .mp-seminer .memv-content .memv-right .comment-form-comment {
  background-color: #C4C8D1;
  padding: 12px 50px 12px 12px;
  border-radius: 8px;
  margin: -15px 0 0;
}
.mp-hotel .memv-content .memv-right .comment-form-comment label, .mp-seminer .memv-content .memv-right .comment-form-comment label {
  display: none;
}
.mp-hotel .memv-content .memv-right .comment-form-comment textarea, .mp-seminer .memv-content .memv-right .comment-form-comment textarea {
  width: 95%;
  height: 80px;
  background-color: #EEEFF3;
  box-shadow: rgba(204, 206, 218, 0.4) 8px 8px 8px inset, rgba(255, 255, 255, 0.58) -7px -7px 9px inset;
  /* 枠線を消す */
  border: none;
  /* 右下の//(サイズ変更機能)を消す */
  resize: none;
  /* フォーカスした際の青い枠線を消す */
  outline: none;
}

@media screen and (max-width: 768px) {
  .mp-hotel .memv-re, .mp-seminer .memv-re {
    width: 92.8%;
    margin: 77px auto 0px;
    max-width: 1320px;
  }
  .mp-hotel .memv-re a, .mp-seminer .memv-re a {
    color: #273850;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    box-shadow: unset;
    background-color: unset;
  }
  .mp-hotel .memv-leftsp, .mp-seminer .memv-leftsp {
    width: 100%;
  }
  .mp-hotel .memv-leftsp .memv-v, .mp-seminer .memv-leftsp .memv-v {
    aspect-ratio: 16/9;
  }
  .mp-hotel .memv-leftsp .memv-v video, .mp-seminer .memv-leftsp .memv-v video {
    width: 100%;
    height: 100%;
    border: unset;
  }
  .mp-hotel .memv-leftsp .wpfp-img, .mp-seminer .memv-leftsp .wpfp-img {
    width: 0;
    height: 0;
  }
  .mp-hotel .memv-content, .mp-seminer .memv-content {
    width: 92.8%;
    display: block;
  }
  .mp-hotel .memv-content .memv-left, .mp-seminer .memv-content .memv-left {
    width: 100%;
  }
  .mp-hotel .memv-content .memv-left h1, .mp-seminer .memv-content .memv-left h1 {
    line-height: 28.8px;
    font-size: 16px;
    margin: 16px 0px 15px;
  }
  .mp-hotel .memv-content .memv-left p, .mp-seminer .memv-content .memv-left p {
    font-size: 12px;
    line-height: 17px;
  }
  .mp-hotel .memv-content .memv-left .seminar-icon a:nth-child(1), .mp-seminer .memv-content .memv-left .seminar-icon a:nth-child(1) {
    cursor: pointer;
    background-color: #EDEEF2;
    border-radius: 50px;
    padding: 9px 10px 10px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .mp-hotel .memv-content .memv-left .seminar-icon a:nth-child(1) svg, .mp-seminer .memv-content .memv-left .seminar-icon a:nth-child(1) svg {
    width: 16px;
    height: 16px;
  }
  .mp-hotel .memv-content .memv-left .seminar-icon a:nth-child(2), .mp-seminer .memv-content .memv-left .seminar-icon a:nth-child(2) {
    background-color: #EDEEF2;
    border-radius: 50px;
    padding: 9.5px 8px 9.5px 12px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .mp-hotel .memv-content .memv-left .seminar-icon a:nth-child(2) svg, .mp-seminer .memv-content .memv-left .seminar-icon a:nth-child(2) svg {
    width: 16px;
    height: 16px;
  }
  .mp-hotel .memv-content .memv-left .seminar-icon .left, .mp-seminer .memv-content .memv-left .seminar-icon .left {
    width: 100%;
    max-width: 180px;
    margin: 16px 0 0;
  }
  .mp-hotel .memv-content .memv-left .seminar-icon .left .favorite h5, .mp-seminer .memv-content .memv-left .seminar-icon .left .favorite h5 {
    font-size: 16px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mp-hotel .memv-content .memv-right, .mp-seminer .memv-content .memv-right {
    width: 100%;
  }
  .mp-hotel .memv-content .memv-right h1, .mp-seminer .memv-content .memv-right h1 {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin: 50px 0 16px;
  }
  .mp-hotel .memv-content .memv-right .commentlist li .comment-meta, .mp-seminer .memv-content .memv-right .commentlist li .comment-meta {
    bottom: -42px;
  }
  .mp-hotel .memv-content .memv-right .commentlist li .comment-meta a, .mp-seminer .memv-content .memv-right .commentlist li .comment-meta a {
    box-shadow: unset;
    font-size: 10px;
    line-height: 15px;
    font-family: "Source Han Sans JP";
  }
  .mp-hotel .memv-content .memv-right .commentlist li p, .mp-seminer .memv-content .memv-right .commentlist li p {
    font-size: 12px;
    font-family: "Source Han Sans JP";
    line-height: 20px;
  }
  .mp-hotel .memv-content .memv-right .comment-form-comment, .mp-seminer .memv-content .memv-right .comment-form-comment {
    padding: 12px 50px 96px 12px;
  }
}
.mp-members .hotelv-vcontent {
  width: 92%;
  max-width: 1323px;
  height: 330px;
  margin: 60px auto;
}
.mp-members .hotelv-vcontent .swiper-button-next.swiper-button-disabled, .mp-members .hotelv-vcontent .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.mp-members .hotelv-vcontent .swiper-button-prev.swiper-button-disabled, .mp-members .hotelv-vcontent .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.mp-members .hotelv-vcontent .swiper-button-next {
  width: 20px;
  height: 84%;
  background-color: rgba(0, 0, 0, 0.7411764706);
  padding: 20px 10px;
  top: 23px;
  right: 0;
  color: white;
  max-height: 260px;
}
.mp-members .hotelv-vcontent .swiper-button-next:after, .mp-members .hotelv-vcontent .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 24px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.mp-members .hotelv-vcontent .swiper-button-prev {
  width: 20px;
  height: 84%;
  background-color: rgba(0, 0, 0, 0.7411764706);
  padding: 20px 10px;
  top: 22px;
  left: 0;
  color: white;
  max-height: 260px;
}
.mp-members .hotelv-vcontent .swiper-button-prev:after, .mp-members .hotelv-vcontent .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 24px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.mp-members .hotelv-vcontent .swiper-slide {
  transition: margin 0.5s ease, opacity 0.3s ease-in-out;
}
.mp-members .memv-re {
  width: 91%;
  margin: 77px auto 0px;
  max-width: 1320px;
}
.mp-members .memv-re a {
  color: #273850;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  box-shadow: unset;
  background-color: unset;
}
.mp-members .memv-content {
  width: 91%;
  max-width: 1320px;
  margin: 10px auto 0px;
  display: flex;
  justify-content: space-between;
}
.mp-members .memv-content .memv-left {
  width: 64%;
}
.mp-members .memv-content .memv-left .memv-v {
  aspect-ratio: 16/9;
}
.mp-members .memv-content .memv-left .memv-v iframe {
  width: 100%;
  height: 100%;
  border: unset;
}
.mp-members .memv-content .memv-left h1 {
  line-height: 40px;
  font-size: 24px;
  margin: 28px 0 15px;
}
.mp-members .memv-content .memv-left p {
  font-weight: normal;
  color: #C7CBD4;
  font-size: 16px;
  line-height: 24px;
}
.mp-members .memv-content .memv-left .wpfp-img {
  width: 0;
  height: 0;
}
.mp-members .memv-content .memv-right {
  width: 33%;
}
.mp-members .memv-content .memv-right h1 {
  font-size: 20px;
  line-height: 29px;
}
.mp-members .memv-content .memv-right h3 {
  display: none;
}
.mp-members .memv-content .memv-right .commentlist {
  background-color: unset;
  box-shadow: rgba(204, 206, 218, 0.4) 8px 8px 8px inset, rgba(255, 255, 255, 0.58) -7px -7px 9px inset;
  padding: 60px 60px 20px 20px;
  border-radius: 16px;
  margin: 0;
  overflow: scroll;
  max-height: 48vh;
  min-height: 48vh;
}
.mp-members .memv-content .memv-right .commentlist li {
  background-color: #F2F3F6;
  padding: 12px 18px;
  border-radius: 12px;
  box-shadow: 6px 6px 7px rgba(200, 201, 204, 0.5411764706), -8px -8px 20px #ffffff;
  margin: 0 0 70px;
  position: relative;
}
.mp-members .memv-content .memv-right .commentlist li .comment-meta {
  position: absolute;
  right: 0;
  bottom: -50px;
}
.mp-members .memv-content .memv-right .commentlist li .comment-meta a {
  color: #C7CBD4;
  background-color: unset;
  box-shadow: unset;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  display: block;
  text-align: right;
  pointer-events: none;
}
.mp-members .memv-content .memv-right .commentlist li .comment-meta .comment-edit-link {
  display: none;
}
.mp-members .memv-content .memv-right .commentlist li .reply {
  display: none;
}
.mp-members .memv-content .memv-right .commentlist li p {
  font-size: 14px;
  font-weight: normal;
  font-family: Source Han Sans;
  line-height: 20px;
  color: #575F6B;
}
.mp-members .memv-content .memv-right .commentlist li::before {
  display: none;
}
.mp-members .memv-content .memv-right .commentlist .comment-body .comment-author {
  display: none;
}
.mp-members .memv-content .memv-right .logged-in-as {
  display: none;
}
.mp-members .memv-content .memv-right .form-submit input {
  cursor: pointer;
  color: #575F6B;
  font-family: Hina Mincho;
  font-weight: bold;
  position: absolute;
  top: 11%;
  right: 3.7%;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  font-size: 20px;
  box-shadow: 5px 5px 20px #b6b6b6, -1px -1px 2px rgba(255, 255, 255, 0.431372549);
}
.mp-members .memv-content .memv-right #commentform {
  position: relative;
}
.mp-members .memv-content .memv-right .must-log-in {
  display: none;
}
.mp-members .memv-content .memv-right .comment-form-comment {
  background-color: #C4C8D1;
  padding: 12px 50px 12px 12px;
  border-radius: 8px;
  margin: -15px 0 0;
}
.mp-members .memv-content .memv-right .comment-form-comment label {
  display: none;
}
.mp-members .memv-content .memv-right .comment-form-comment textarea {
  width: 95%;
  height: 80px;
  background-color: #EEEFF3;
  box-shadow: rgba(204, 206, 218, 0.4) 8px 8px 8px inset, rgba(255, 255, 255, 0.58) -7px -7px 9px inset;
  /* 枠線を消す */
  border: none;
  /* 右下の//(サイズ変更機能)を消す */
  resize: none;
  /* フォーカスした際の青い枠線を消す */
  outline: none;
}

.mintp-memint {
  position: relative;
}
.mintp-memint .mintp-seminar {
  cursor: pointer;
  position: relative;
  border-radius: 16px;
  z-index: 9;
  box-shadow: 5px 5px 20px #c8c9cc, -8px -8px 20px #ffffff;
  transition: margin 0.5s ease, transform 0.3s ease !important; /* ここで変化の速度と形式を設定 */
  aspect-ratio: 312/291;
}
.mintp-memint .mintp-seminar img {
  transition: opacity 1s ease;
  border-radius: 16px 16px 0 0;
  aspect-ratio: 312/180;
}
.mintp-memint .mintp-seminar .tiltle {
  padding: 12px;
  position: relative;
  height: 33%;
  transition: height 0.3s ease;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.mintp-memint .mintp-seminar .tiltle h2 {
  font-size: 15px;
  line-height: 25px;
  margin: 8px 0px 0;
}
.mintp-memint .mintp-seminar .tiltle .cate-time {
  display: flex;
  justify-content: space-between;
}
.mintp-memint .mintp-seminar .tiltle .cate-time h3 {
  margin: 0;
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
}
.mintp-memint .mintp-seminar .tiltle .cate-time p {
  font-size: 12px;
  font-weight: normal;
  line-height: 17px;
  color: #C7CBD4;
}
.mintp-memint .mintp-seminar .tiltle .discription {
  transition: opacity 0.2s ease;
  opacity: 0;
  width: 100%;
}
.mintp-memint .mintp-seminar .tiltle .discription h2 {
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  margin: 0;
}
.mintp-memint .mintp-seminar .tiltle .discription .read-btn {
  width: 45%;
  text-align: center;
  padding: 12px 0;
  background: linear-gradient(325deg, #ff0ab6 0%, rgba(87, 41, 72, 0.88) 100%) !important;
  color: white;
  font-size: 12px;
  line-height: 17px;
  border-radius: 21px;
  margin: 11px 0 0 auto;
  display: none;
  position: relative;
}
.mintp-memint .mintp-seminar .tiltle .discription .read-btn svg {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 13px;
  right: 8%;
}
.mintp-memint .mintp-seminar .tiltle .discription .seminar-icon {
  width: 50%;
  margin: 16px 0 0;
}
.mintp-memint .mintp-seminar .tiltle .discription .seminar-icon a:nth-child(1) {
  cursor: pointer;
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9px 10px 10px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-memint .mintp-seminar .tiltle .discription .seminar-icon a:nth-child(1) svg {
  width: 16px;
  height: 16px;
}
.mintp-memint .mintp-seminar .tiltle .discription .seminar-icon a:nth-child(2) {
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9.5px 8px 9.5px 12px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mintp-memint .mintp-seminar .tiltle .discription .seminar-icon a:nth-child(2) svg {
  width: 16px;
  height: 16px;
}
.mintp-memint .mintp-seminar .tiltle .discription .seminar-icon .left {
  display: flex;
  width: 100%;
  max-width: 186px;
  text-align: center;
  align-items: center;
  margin: 0;
  position: relative;
  gap: 20px;
}
.mintp-memint .mintp-seminar .tiltle .discription .seminar-icon .left .favorite {
  background-color: #F2F3F6;
  box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
  padding: 6px 8.5px;
  border-radius: 8px;
}
.mintp-memint .mintp-seminar .tiltle .discription .seminar-icon .left .favorite h5 {
  margin: 0;
  font-size: 17px;
  font-family: Sofia Pro;
  font-weight: bold;
  line-height: 15px;
  color: #575F6B;
}
.mintp-memint .mintp-seminar .tiltle .discription .seminar-icon .left .favorite p {
  margin: 0;
  font-family: Sofia Pro;
  font-size: 9.5px;
  font-weight: bold;
  line-height: 12px;
  color: #575F6B;
}
.mintp-memint .mintp-seminar .tiltle .discription .seminar-icon .left .wpfp-span {
  position: absolute;
  top: 5px;
  left: 0;
  width: 35px;
  height: 35px;
  opacity: 0;
}
.mintp-memint .mintp-seminar .memv {
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 16px;
  z-index: 2;
  transition-property: opacity, 1;
  transition-delay: 0.6s; /*--1秒後に効果が開始されます--*/
}
.mintp-memint .mintp-seminar .mintp-seminar-dis {
  transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease; /* ここで変化の速度と形式を設定 */
  position: absolute;
  display: block;
  z-index: -1;
  overflow: hidden;
  top: 0px;
  background-color: #F2F3F6;
  border-radius: 8px;
  height: 100%;
  overflow: scroll;
  box-shadow: 5px 5px 20px #c8c9cc;
}
.mintp-memint .mintp-seminar .mintp-seminar-dis img {
  transition: transform 0.3s ease, height 0.5s ease, top 0.5s ease; /* ここで変化の速度と形式を設定 */
  border-radius: 8px 8px 0 0;
  border-radius: 8px;
  filter: grayscale(0%);
  opacity: unset;
}
.mintp-memint .mintp-seminar .mintp-seminar-dis h2 {
  opacity: 0;
}
.mintp-memint .mintp-seminar .mintp-seminar-dis p {
  opacity: 0;
}
.mintp-memint .mintp-seminar:hover {
  z-index: unset;
  transform: scale(1.12); /* ホバー時のスケール */
  margin: -40px 0 0;
}
.mintp-memint .mintp-seminar:hover .tiltle {
  height: 65%;
  overflow: scroll;
}
.mintp-memint .mintp-seminar:hover .tiltle .discription {
  opacity: 1;
  display: flex;
  flex-wrap: wrap;
  margin: auto 0 0;
  align-items: center;
}
.mintp-memint .mintp-seminar:hover .tiltle .discription .read-btn {
  display: block;
}
.mintp-memint .mintp-seminar:hover .mintp-seminar-dis {
  z-index: 195;
  transform: scale(1.12); /* ホバー時のスケール */
  height: 200%;
  top: -55%;
  display: flex;
  flex-direction: column;
}
.mintp-memint .mintp-seminar:hover .mintp-seminar-dis img {
  display: block;
  border-radius: 8px 8px 0 0;
  opacity: unset;
}
.mintp-memint .mintp-seminar:hover .mintp-seminar-dis h2 {
  font-size: 12px;
  font-weight: bold;
  font-family: Source Han Sans;
  line-height: 21px;
  margin: 15px 12px 4px;
  opacity: 1;
}
.mintp-memint .mintp-seminar:hover .mintp-seminar-dis p {
  font-size: 8px;
  margin: 0 12px 10px;
  color: #C7CBD4;
  line-height: 16px;
  opacity: 1;
}
.mintp-memint .mintp-seminar:hover .mintp-seminar-dis .seminar-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .mp-members .hotelv-vcontent {
    height: 0px;
  }
  .mintp-memint .mintp-seminar:hover .tiltle {
    height: 80%;
    overflow: scroll;
  }
  .mintp-mem-blog-sp {
    display: flex;
    padding: 0 16px 0 0;
    overflow: scroll;
  }
  .mintp-mem-blog-sp .mintp-seminar:nth-child(1) {
    margin-left: 16px;
  }
  .mintp-mem-blog-sp .mintp-seminar {
    width: 320px;
    background-color: white;
    margin: 0 16px 0 0px;
    border-radius: 16px;
  }
  .mintp-mem-blog-sp .mintp-seminar img {
    border-radius: 16px 16px 0 0;
  }
  .mintp-mem-blog-sp .mintp-seminar .tiltle {
    padding: 0 12px 8px;
    height: 100px;
    overflow: scroll;
  }
  .mintp-mem-blog-sp .mintp-seminar .tiltle .cate-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
  }
  .mintp-mem-blog-sp .mintp-seminar .tiltle .cate-time h3 {
    font-size: 12px;
    line-height: 28.8px;
    font-family: "Source Han Sans JP";
  }
  .mintp-mem-blog-sp .mintp-seminar .tiltle .cate-time p {
    color: #C7CBD4;
    font-size: 12px;
    line-height: 17px;
    font-family: "Source Han Sans JP";
  }
  .mintp-mem-blog-sp .mintp-seminar .tiltle h2 {
    margin: 0;
    font-size: 16px;
    line-height: 28.8px;
    color: #575F6B;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal {
    width: 92.8%;
    background-color: white;
    border-radius: 16px;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal img {
    border-radius: 16px 16px 0 0;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle {
    padding: 0 12px 8px;
    height: auto;
    overflow: scroll;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .cate-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .cate-time h3 {
    font-size: 12px;
    line-height: 28.8px;
    font-family: "Source Han Sans JP";
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .cate-time p {
    color: #C7CBD4;
    font-size: 12px;
    line-height: 17px;
    font-family: "Source Han Sans JP";
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle h2 {
    font-size: 16px;
    line-height: 28.8px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .seminar-icon {
    width: 50%;
    margin: 16px 0 0;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .seminar-icon a:nth-child(1) {
    cursor: pointer;
    background-color: #EDEEF2;
    border-radius: 50px;
    padding: 13px 14px 14px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .seminar-icon a:nth-child(1) svg {
    width: 16px;
    height: 16px;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .seminar-icon a:nth-child(2) {
    background-color: #EDEEF2;
    border-radius: 50px;
    padding: 9.5px 8px 9.5px 12px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .seminar-icon a:nth-child(2) svg {
    width: 16px;
    height: 16px;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .seminar-icon .left {
    display: flex;
    width: 100%;
    max-width: 186px;
    text-align: center;
    align-items: center;
    margin: 0;
    position: relative;
    gap: 20px;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .seminar-icon .left .favorite {
    background-color: #F2F3F6;
    box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
    padding: 8px 11.5px;
    border-radius: 8px;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .seminar-icon .left .favorite h5 {
    margin: 0;
    font-size: 19px;
    font-weight: bold;
    line-height: 15px;
    color: #575F6B;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .seminar-icon .left .favorite p {
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    color: #575F6B;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .tiltle .seminar-icon .left .wpfp-span {
    position: absolute;
    top: 5px;
    left: 0;
    width: 35px;
    height: 35px;
    opacity: 0;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .btn-favorite-flex {
    display: flex;
    justify-content: space-between;
    margin: 0 0 12px;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal h4 {
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    color: #575F6B;
    font-family: "Source Han Sans JP";
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .read-btn {
    width: 45%;
    text-align: center;
    padding: 15px 0;
    background: linear-gradient(325deg, #ff0ab6 0%, rgba(87, 41, 72, 0.88) 100%) !important;
    color: white;
    font-size: 12px;
    line-height: 17px;
    border-radius: 50px;
    margin: 11px 0 0 auto;
    display: block;
    position: relative;
  }
  .mintp-mem-blog-sp .mintp-seminar-modal .read-btn svg {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 16.8px;
    right: 8%;
  }
  .mintp-mem-blog-sp::-webkit-scrollbar {
    display: none;
  }
}
.mypage-main {
  width: 92%;
  max-width: 1323px;
  margin: 120px auto;
  display: flex;
  justify-content: space-between;
}
.mypage-main .mypage-left {
  width: 23%;
}
.mypage-main .mypage-left .acount {
  border-radius: 10px;
  background-color: white;
  padding: 40px 20px 30px;
  box-sizing: border-box;
  box-shadow: rgb(200, 201, 204) 5px 5px 20px, rgb(255, 255, 255) -8px -8px 20px;
}
.mypage-main .mypage-left .acount #wpmem_reg fieldset {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.mypage-main .mypage-left .acount #wpmem_reg fieldset .req {
  display: none;
}
.mypage-main .mypage-left .acount legend {
  display: none;
}
.mypage-main .mypage-left .acount h1 {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 12px;
  text-align: center;
}
.mypage-main .mypage-left .acount #wpmem_reg {
  color: #575F6B;
  font-family: Source Han Sans;
  width: 100%;
}
.mypage-main .mypage-left .acount #wpmem_reg fieldset {
  align-items: center;
}
.mypage-main .mypage-left .acount #wpmem_reg fieldset .req-text {
  display: none;
}
.mypage-main .mypage-left .acount #wpmem_reg fieldset input {
  box-sizing: border-box;
  border: none;
  background-color: #EDEEF2;
  font-size: 12px;
  color: #575F6B;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  border-radius: 0 4px 4px 0;
}
.mypage-main .mypage-left .acount #wpmem_reg fieldset .text {
  width: 31%;
  font-size: 10px;
  height: 33px;
  margin: 0 0 14px;
  background-color: #EDEEF2;
  line-height: 33px;
  padding: 0 0 0 12px;
  box-sizing: border-box;
  border-radius: 4px 0 0 4px;
  height: 33px;
}
.mypage-main .mypage-left .acount #wpmem_reg fieldset .div_text {
  width: 69%;
  position: relative;
}
.mypage-main .mypage-left .acount #wpmem_reg fieldset .div_text:after {
  content: url("/wp-content/themes/micado/img/com-img/minp-mypage.svg");
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.mypage-main .mypage-left .acount #wpmem_reg .button_div {
  margin: 0 auto;
}
.mypage-main .mypage-left .acount #wpmem_reg .button_div .buttons {
  margin: 10px 0 0;
  color: white;
  padding: 15px 40px;
  font-size: 14px;
  border-radius: 50px;
  line-height: 20px;
  background: linear-gradient(150deg, #eb22af 0%, rgba(53, 1, 36, 0.9294117647) 100%);
}
.mypage-main .mypage-left .acount .wpmem_msg {
  width: 100%;
  border: none;
  border-radius: 4px;
  padding: 10px 0;
  margin: 14px 0;
}
.mypage-main .mypage-left .password-form {
  border-radius: 10px;
  background-color: white;
  padding: 40px 20px 30px;
  margin: 20px 0 0;
  box-sizing: border-box;
  box-shadow: rgb(200, 201, 204) 5px 5px 20px, rgb(255, 255, 255) -8px -8px 20px;
}
.mypage-main .mypage-left .password-form h1 {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 12px;
  text-align: center;
}
.mypage-main .mypage-left .password-form #wpmem_login {
  color: #575F6B;
  font-family: Source Han Sans;
  width: 100%;
}
.mypage-main .mypage-left .password-form #wpmem_login fieldset {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 0;
}
.mypage-main .mypage-left .password-form #wpmem_login fieldset .req-text {
  display: none;
}
.mypage-main .mypage-left .password-form #wpmem_login fieldset input {
  box-sizing: border-box;
  border: none;
  background-color: #EDEEF2;
  font-size: 12px;
  color: #575F6B;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  border-radius: 0 4px 4px 0;
}
.mypage-main .mypage-left .password-form #wpmem_login fieldset label {
  width: 50%;
  font-size: 10px;
  margin: 0 0 14px;
  background-color: #EDEEF2;
  line-height: 33px;
  padding: 0 0 0 12px;
  box-sizing: border-box;
  border-radius: 4px 0 0 4px;
  height: 33px;
}
.mypage-main .mypage-left .password-form #wpmem_login fieldset .div_text {
  width: 50%;
}
.mypage-main .mypage-left .password-form #wpmem_login .button_div {
  margin: 0 auto;
}
.mypage-main .mypage-left .password-form #wpmem_login .button_div .buttons {
  margin: 10px 0 0;
  color: white;
  padding: 15px 40px;
  font-size: 14px;
  border-radius: 50px;
  line-height: 20px;
  background: linear-gradient(150deg, #eb22af 0%, rgba(53, 1, 36, 0.9294117647) 100%);
}
.mypage-main .mypage-left .password-form .wpmem_msg {
  width: 100%;
  border: none;
  border-radius: 4px;
  padding: 10px 0;
  margin: 14px 0;
}
.mypage-main .mypage-left .password-form fieldset legend {
  display: none;
}
.mypage-main .mypage-right {
  width: 74%;
}
.mypage-main .mypage-right .p-border {
  width: 100%;
  margin: 0 auto 0 0;
}
.mypage-main .mypage-right .p-border p {
  font-size: 20px;
  line-height: 29px;
}
.mypage-main .mypage-right .p-border .border {
  width: 100%;
  height: 2px;
  background-color: #575F6B;
  margin: 6px 0 12px;
}
.mypage-main .mypage-right .flex-items {
  margin: 24px auto 0 0px;
  display: flex;
  gap: 20px;
}
.mypage-main .mypage-right .flex-items .flex-item {
  font-size: 16px;
  line-height: 24px;
  background-color: white;
  padding: 16px 30px;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.1607843137);
}
.mypage-main .mypage-right .favorite-items {
  border-radius: 8px;
  background-color: #EEEFF3;
  padding: 8px 16px;
  box-shadow: rgb(200, 201, 204) 5px 5px 20px, rgb(255, 255, 255) -8px -8px 20px;
  margin: 20px 0 0;
}
.mypage-main .mypage-right .favorite-items ul[data-posttypes=ebook] p {
  pointer-events: none;
}
.mypage-main .mypage-right .favorite-items ul[data-posttypes=ebook] li div div p a {
  display: none;
}
.mypage-main .mypage-right .favorite-items h2 {
  margin: 0;
  font-size: 16px;
  line-height: 28.8px;
  color: #575F6B;
}
.mypage-main .mypage-right .favorite-items svg {
  display: none;
}
.mypage-main .mypage-right .favorite-items img {
  display: none;
}
.mypage-main .mypage-right .favorite-items li {
  border: unset;
  background-color: white;
  border-radius: 4px;
  padding: 20px 18px;
  margin: 0 0 8px;
}
.mypage-main .mypage-right .favorite-items li .simplefavorite-button {
  cursor: pointer;
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 14px 12.5px 12px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.mypage-main .mypage-right .favorite-items li .simplefavorite-button svg {
  width: 17px;
  height: 17px;
  display: unset;
}
.mypage-main .mypage-right .favorite-items li .simplefavorite-button + p {
  display: none;
}
.mypage-main .mypage-right .favorite-items li div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mypage-main .mypage-right .favorite-items li div p {
  font-size: 16px;
  line-height: 28.8px;
  color: #575F6B;
  width: 75%;
}
.mypage-main .mypage-right .favorite-items li div p br {
  display: none;
}
.mypage-main .mypage-right .favorite-items li div div {
  width: 22%;
}
.mypage-main .mypage-right .favorite-items li div div .favorite {
  background-color: white;
  box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
  padding: 6px 8.5px;
  border-radius: 8px;
}
.mypage-main .mypage-right .favorite-items li div div .favorite h5 {
  margin: 0;
  font-size: 17px;
  font-family: Sofia Pro;
  font-weight: bold;
  line-height: 15px;
  color: #575F6B;
  text-align: center;
}
.mypage-main .mypage-right .favorite-items li div div .favorite h4 {
  margin: 0;
  font-family: Sofia Pro;
  font-size: 9.5px;
  font-weight: bold;
  line-height: 12px;
  color: #575F6B;
}
.mypage-main .mypage-right .favorite-items li div div p a {
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}
.mypage-main .mypage-right .favorite-items li div div p {
  width: 64px;
}

@media screen and (max-width: 768px) {
  .mypage-main {
    width: 92.8%;
    max-width: 1323px;
    margin: 90px auto;
    display: block;
  }
  .mypage-main .mypage-left {
    width: 100%;
  }
  .mypage-main .mypage-left .acount {
    border-radius: 10px;
    background-color: white;
    padding: 40px 20px 30px;
    box-sizing: border-box;
    box-shadow: rgb(200, 201, 204) 5px 5px 20px, rgb(255, 255, 255) -8px -8px 20px;
  }
  .mypage-main .mypage-left .acount #wpmem_reg fieldset {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .mypage-main .mypage-left .acount #wpmem_reg fieldset .req {
    display: none;
  }
  .mypage-main .mypage-left .acount legend {
    display: none;
  }
  .mypage-main .mypage-left .acount h1 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 12px;
    text-align: center;
  }
  .mypage-main .mypage-left .acount #wpmem_reg {
    color: #575F6B;
    font-family: Source Han Sans;
    width: 100%;
  }
  .mypage-main .mypage-left .acount #wpmem_reg fieldset {
    align-items: center;
  }
  .mypage-main .mypage-left .acount #wpmem_reg fieldset .req-text {
    display: none;
  }
  .mypage-main .mypage-left .acount #wpmem_reg fieldset input {
    padding: 15px;
  }
  .mypage-main .mypage-left .acount #wpmem_reg fieldset .text {
    width: 31%;
    font-size: 10px;
    margin: 0 0 14px;
    background-color: #EDEEF2;
    line-height: 48px;
    box-sizing: border-box;
    padding: 0 0 0 15px;
    border-radius: 4px 0 0 4px;
    height: 47px;
  }
  .mypage-main .mypage-left .acount #wpmem_reg fieldset .div_text {
    width: 69%;
    position: relative;
  }
  .mypage-main .mypage-left .acount #wpmem_reg fieldset .div_text:after {
    content: url("/wp-content/themes/micado/img/com-img/minp-mypage.svg");
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    bottom: 4px;
    right: 0;
    pointer-events: none;
  }
  .mypage-main .mypage-left .acount #wpmem_reg .button_div {
    margin: 0 auto;
    width: fit-content;
  }
  .mypage-main .mypage-left .acount #wpmem_reg .button_div .buttons {
    margin: 10px 0 0;
    color: white;
    padding: 15px 40px;
    font-size: 14px;
    border-radius: 50px;
    line-height: 20px;
    background: linear-gradient(150deg, #eb22af 0%, rgba(53, 1, 36, 0.9294117647) 100%);
  }
  .mypage-main .mypage-left .acount .wpmem_msg {
    width: 100%;
    border: none;
    border-radius: 4px;
    padding: 10px 0;
    margin: 14px 0;
  }
  .mypage-main .mypage-left .password-form {
    border-radius: 10px;
    background-color: white;
    padding: 40px 20px 30px;
    margin: 20px 0 0;
    box-sizing: border-box;
    box-shadow: rgb(200, 201, 204) 5px 5px 20px, rgb(255, 255, 255) -8px -8px 20px;
  }
  .mypage-main .mypage-left .password-form h1 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 12px;
    text-align: center;
  }
  .mypage-main .mypage-left .password-form #wpmem_login {
    color: #575F6B;
    font-family: Source Han Sans;
    width: 100%;
  }
  .mypage-main .mypage-left .password-form #wpmem_login fieldset {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 0;
  }
  .mypage-main .mypage-left .password-form #wpmem_login fieldset .req-text {
    display: none;
  }
  .mypage-main .mypage-left .password-form #wpmem_login fieldset input {
    box-sizing: border-box;
    border: none;
    background-color: #EDEEF2;
    padding: 15.3px;
    font-size: 12px;
    color: #575F6B;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    border-radius: 0 4px 4px 0;
  }
  .mypage-main .mypage-left .password-form #wpmem_login fieldset label {
    width: 50%;
    font-size: 10px;
    margin: 0 0 14px;
    background-color: #EDEEF2;
    line-height: 48px;
    padding: 0 0 0 12px;
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    height: 48px;
  }
  .mypage-main .mypage-left .password-form #wpmem_login fieldset .div_text {
    width: 50%;
  }
  .mypage-main .mypage-left .password-form #wpmem_login .button_div {
    margin: 0 auto;
    width: fit-content;
  }
  .mypage-main .mypage-left .password-form #wpmem_login .button_div .buttons {
    margin: 10px 0 0;
    color: white;
    padding: 15px 40px;
    font-size: 14px;
    border-radius: 50px;
    line-height: 20px;
    background: linear-gradient(150deg, #eb22af 0%, rgba(53, 1, 36, 0.9294117647) 100%);
  }
  .mypage-main .mypage-left .password-form .wpmem_msg {
    width: 100%;
    border: none;
    border-radius: 4px;
    padding: 10px 0;
    margin: 14px 0;
  }
  .mypage-main .mypage-left .password-form fieldset legend {
    display: none;
  }
  .mypage-main .mypage-right {
    width: 100%;
    margin: 60px 0 0;
  }
  .mypage-main .mypage-right .p-border {
    width: 100%;
    margin: 0 auto 0 0;
  }
  .mypage-main .mypage-right .p-border p {
    font-size: 20px;
    line-height: 29px;
  }
  .mypage-main .mypage-right .p-border .border {
    width: 100%;
    height: 2px;
    background-color: #575F6B;
    margin: 6px 0 12px;
  }
  .mypage-main .mypage-right .flex-items {
    margin: 24px auto 0 0px;
    display: flex;
    gap: 20px;
    overflow: scroll;
  }
  .mypage-main .mypage-right .flex-items .flex-item {
    background-color: white;
    font-size: 14px;
    min-width: 214px;
    line-height: 20px;
    text-align: center;
    padding: 16px 0;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.1607843137);
  }
  .mypage-main .mypage-right .favorite-items {
    border-radius: 8px;
    background-color: #EEEFF3;
    padding: 8px 16px;
    box-shadow: rgb(200, 201, 204) 5px 5px 20px, rgb(255, 255, 255) -8px -8px 20px;
    margin: 30px 0 0;
  }
  .mypage-main .mypage-right .favorite-items h2 {
    margin: 0;
    font-size: 16px;
    line-height: 28.8px;
    color: #575F6B;
  }
  .mypage-main .mypage-right .favorite-items svg {
    display: none;
  }
  .mypage-main .mypage-right .favorite-items img {
    display: none;
  }
  .mypage-main .mypage-right .favorite-items li {
    border: unset;
    background-color: white;
    border-radius: 4px;
    padding: 20px 16px;
    margin: 0 0 8px;
  }
  .mypage-main .mypage-right .favorite-items li div {
    display: block;
  }
  .mypage-main .mypage-right .favorite-items li div p {
    font-size: 16px;
    line-height: 28.8px;
    color: #575F6B;
    width: 100%;
  }
  .mypage-main .mypage-right .favorite-items li div p br {
    display: none;
  }
  .mypage-main .mypage-right .favorite-items li div div {
    width: 15%;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 15px 0 0;
  }
  .mypage-main .mypage-right .favorite-items li div div .favorite {
    background-color: white;
    box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
    padding: 6px 8.5px;
    border-radius: 8px;
  }
  .mypage-main .mypage-right .favorite-items li div div .favorite h5 {
    margin: 0;
    font-size: 17px;
    font-family: Sofia Pro;
    font-weight: bold;
    line-height: 15px;
    color: #575F6B;
    text-align: center;
  }
  .mypage-main .mypage-right .favorite-items li div div .favorite h4 {
    margin: 0;
    font-family: Sofia Pro;
    font-size: 9.5px;
    font-weight: bold;
    line-height: 12px;
    color: #575F6B;
  }
  .mypage-main .mypage-right .favorite-items li div div p a {
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
  }
  .mypage-main .mypage-right .favorite-items li div div p {
    width: 64px;
  }
}
.blog-content {
  width: 73.6%;
  max-width: 1323px;
  margin: 120px auto;
  display: flex;
  justify-content: space-between;
}
.blog-content .article {
  width: 68%;
  margin: 0;
  box-shadow: rgb(200, 201, 204) 5px 5px 20px, rgb(200, 201, 204) -3px -3px 31px;
  border-radius: 10px;
  background-color: white;
  padding: 0 0 40px;
}
.blog-content .article .cate-time {
  display: flex;
  justify-content: space-between;
  margin: 20px 20px 40px;
  align-items: center;
}
.blog-content .article .cate-time h3 {
  font-size: 14px;
  line-height: 28.8px;
  font-family: "Source Han Sans JP";
  margin: 0;
}
.blog-content .article .cate-time .flex-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 240px;
}
.blog-content .article .cate-time .flex-icon .post-date {
  font-size: 14px;
  font-family: "Source Han Sans JP";
  color: #C7CBD4;
}
.blog-content .article .cate-time .seminar-icon {
  display: block;
  width: auto;
  margin: 0;
}
.blog-content .article .cate-time .seminar-icon .left {
  width: 110px;
}
.blog-content .article #ez-toc-container {
  display: none;
}
.blog-content .article img {
  border-radius: 10px 10px 0 0;
}
.blog-content .article figure {
  display: none;
}
.blog-content .article h1 {
  font-size: 24px;
  line-height: 36px;
  margin: 40px 20px;
}
.blog-content .article p {
  font-size: 16px;
  line-height: 28.8px;
  font-weight: normal;
  margin: 0 20px;
}
.blog-content .article h2 {
  font-size: 20px;
  line-height: 28.8px;
  margin: 40px 20px 26px;
}
.blog-content .article h3 {
  font-size: 20px;
  line-height: 28.8px;
  margin: 40px 20px 26px;
}
.blog-content .article .seminar-icon {
  display: block;
  width: 93%;
  margin: auto auto 20px;
}
.blog-content .article .seminar-icon a:nth-child(1) {
  cursor: pointer;
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9px 10px 10px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.blog-content .article .seminar-icon a:nth-child(1) svg {
  width: 16px;
  height: 16px;
}
.blog-content .article .seminar-icon a:nth-child(2) {
  background-color: #EDEEF2;
  border-radius: 50px;
  padding: 9.5px 8px 9.5px 12px;
  box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
}
.blog-content .article .seminar-icon a:nth-child(2) svg {
  width: 16px;
  height: 16px;
}
.blog-content .article .seminar-icon .left {
  display: flex;
  justify-content: space-between;
  width: 60%;
  max-width: 110px;
  margin: 30px 0 0 auto;
  text-align: center;
  align-items: center;
}
.blog-content .article .seminar-icon .left .favorite {
  background-color: #F2F3F6;
  box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
  padding: 6px 8.5px;
  border-radius: 8px;
}
.blog-content .article .seminar-icon .left .favorite h5 {
  margin: 0;
  font-size: 17px;
  font-family: Sofia Pro;
  font-weight: bold;
  line-height: 15px;
  color: #575F6B;
}
.blog-content .article .seminar-icon .left .favorite p {
  margin: 0;
  font-family: Sofia Pro;
  font-size: 9.5px;
  font-weight: bold;
  line-height: 12px;
  color: #575F6B;
}
.blog-content .right-content {
  width: 26.4%;
  height: 410px;
  background-color: white;
  border-radius: 10px;
}
.blog-content .right-content h1 {
  margin: 20px 10px 10px;
}
.blog-content .right-content .post-item img {
  height: 100px;
  object-fit: cover;
}
.blog-content .right-content .post-item .cate-time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 10px 0;
}
.blog-content .right-content .post-item .cate-time h3 {
  font-size: 12px;
  font-family: "Source Han Sans JP";
  line-height: 28.8px;
  margin: 0;
}
.blog-content .right-content .post-item .cate-time .post-date {
  font-size: 12px;
  line-height: 17px;
  color: #C7CBD4;
  font-family: "Source Han Sans JP";
}
.blog-content .right-content .post-item h2 {
  font-size: 16px;
  line-height: 22.8px;
  margin: 0 10px;
  overflow: scroll;
  height: 47px;
}

@media screen and (max-width: 768px) {
  .blog-content {
    width: 100%;
    margin: 90px auto;
    display: block;
  }
  .blog-content .article {
    width: 100%;
    margin: 0;
    box-shadow: rgb(200, 201, 204) 5px 5px 20px, rgb(200, 201, 204) -3px -3px 31px;
    border-radius: 10px;
    background-color: white;
    padding: 0 0 40px;
  }
  .blog-content .article .cate-time {
    display: flex;
    justify-content: space-between;
    margin: 20px 20px 40px;
    align-items: start;
  }
  .blog-content .article .cate-time h3 {
    font-size: 14px;
    line-height: 28.8px;
    font-family: "Source Han Sans JP";
    margin: 0;
  }
  .blog-content .article .cate-time .flex-icon {
    display: block;
    width: auto;
  }
  .blog-content .article .cate-time .flex-icon .post-date {
    margin: 0 0 10px;
    font-size: 14px;
    font-family: "Source Han Sans JP";
    color: #C7CBD4;
    text-align: right;
  }
  .blog-content .article .cate-time .seminar-icon {
    display: block;
    width: auto;
    margin: 0;
  }
  .blog-content .article .cate-time .seminar-icon .left {
    width: 110px;
  }
  .blog-content .article #ez-toc-container {
    display: none;
  }
  .blog-content .article img {
    border-radius: 10px 10px 0 0;
  }
  .blog-content .article .wp-block-post-featured-image {
    display: none;
  }
  .blog-content .article h1 {
    font-size: 20px;
    line-height: 30px;
    margin: 40px 20px;
  }
  .blog-content .article p {
    font-size: 14px;
    line-height: 25.2px;
    font-family: "Source Han Sans JP";
    margin: 0 20px;
  }
  .blog-content .article h2 {
    font-size: 18px;
    line-height: 28.8px;
    margin: 40px 20px 26px;
  }
  .blog-content .article h3 {
    font-size: 18px;
    line-height: 28.8px;
    margin: 40px 20px 26px;
  }
  .blog-content .article .seminar-icon {
    display: block;
    width: 93%;
    margin: auto auto 20px;
  }
  .blog-content .article .seminar-icon a:nth-child(1) {
    cursor: pointer;
    background-color: #EDEEF2;
    border-radius: 50px;
    padding: 9px 10px 10px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .blog-content .article .seminar-icon a:nth-child(1) svg {
    width: 16px;
    height: 16px;
  }
  .blog-content .article .seminar-icon a:nth-child(2) {
    background-color: #EDEEF2;
    border-radius: 50px;
    padding: 9.5px 8px 9.5px 12px;
    box-shadow: 5px 5px 20px #b6b6b6, -8px -8px 20px #ffffff;
  }
  .blog-content .article .seminar-icon a:nth-child(2) svg {
    width: 16px;
    height: 16px;
  }
  .blog-content .article .seminar-icon .left {
    display: flex;
    justify-content: space-between;
    width: 60%;
    max-width: 110px;
    margin: 30px 0 0 auto;
    text-align: center;
    align-items: center;
  }
  .blog-content .article .seminar-icon .left .favorite {
    background-color: #F2F3F6;
    box-shadow: rgba(59, 68, 86, 0.12) 3px 2px 3px inset, rgba(0, 0, 0, 0.08) 0px 0px 7px inset;
    padding: 6px 8.5px;
    border-radius: 8px;
  }
  .blog-content .article .seminar-icon .left .favorite h5 {
    margin: 0;
    font-size: 17px;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-weight: bold;
    line-height: 15px;
    color: #575F6B;
  }
  .blog-content .article .seminar-icon .left .favorite p {
    margin: 0;
    font-family: “source-han-sans-japanese”, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 9.5px;
    font-weight: bold;
    line-height: 12px;
    color: #575F6B;
  }
  .blog-content .right-content {
    width: 100%;
    margin: 40px 0 0;
    height: 320px;
    background-color: white;
    border-radius: 10px;
    padding: 0.1px;
    overflow: hidden;
  }
  .blog-content .right-content h1 {
    margin: 20px 16px 10px;
    font-size: 16px;
    line-height: 24px;
  }
  .blog-content .right-content .post-item:nth-child(3) {
    border-bottom: unset;
  }
  .blog-content .right-content .post-item {
    display: flex;
    border-bottom: 2px solid #C7CBD4;
    padding: 0 0 20px;
    margin: 0 auto 20px;
    width: 93%;
  }
  .blog-content .right-content .post-item img {
    width: 35%;
    height: 100px;
    object-fit: cover;
  }
  .blog-content .right-content .post-item .width-sp {
    width: 65%;
  }
  .blog-content .right-content .post-item .cate-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 10px 13px;
  }
  .blog-content .right-content .post-item .cate-time h3 {
    font-size: 12px;
    font-family: "Source Han Sans JP";
    line-height: 1;
    margin: 0;
  }
  .blog-content .right-content .post-item .cate-time .post-date {
    font-size: 12px;
    line-height: 1;
    color: #C7CBD4;
    font-family: "Source Han Sans JP";
  }
  .blog-content .right-content .post-item h2 {
    font-size: 16px;
    line-height: 22.8px;
    margin: 0 10px;
    overflow: scroll;
    height: 72px;
  }
}
.new-top-background {
  position: absolute;
  z-index: 0;
  margin: 100vh 0 0;
}

#new-top-page {
  width: 83.3%;
  max-width: 1200px;
  margin: 24px auto 0;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
}
#new-top-page p {
  font-size: 16px;
  line-height: 32px;
}
#new-top-page .micado-logo {
  width: 180px;
}
#new-top-page .new-fv-page {
  position: relative;
  height: 100vh;
}
#new-top-page .new-fv-page .top-left {
  z-index: 2;
  position: relative;
}
#new-top-page .new-fv-page .top-left .top-p {
  font-size: 20px;
  margin: 114px 0 32px;
}
#new-top-page .new-fv-page .top-left h1 {
  font-size: 60px;
  margin: 0 0 48px;
  line-height: 87px;
}
#new-top-page .new-fv-page .top-left a {
  font-size: 20px;
  padding: 24px 0;
  border-radius: 50px;
  width: 320px;
  text-align: center;
  color: white;
  background-color: #6C84A7;
  display: block;
  margin: 42px 0 0;
}
#new-top-page .new-fv-page .new-top-backimg {
  position: absolute;
  top: 50%;
  width: 620px;
  right: 0;
  z-index: 0;
  transform: translate(0, -50%);
}
#new-top-page .new-top-service {
  margin: 130px 0 0;
}
#new-top-page .new-top-service .micado-what-do {
  position: relative;
}
#new-top-page .new-top-service .micado-what-do .p-32 {
  font-size: 32px;
}
#new-top-page .new-top-service .micado-what-do h1 {
  font-size: 60px;
  line-height: 87px;
  position: relative;
  z-index: 1;
}
#new-top-page .new-top-service .micado-what-do p {
  position: relative;
  z-index: 1;
}
#new-top-page .new-top-service .micado-what-do img {
  position: absolute;
  width: 342px;
  right: 60px;
  top: 60%;
  z-index: 0;
}
#new-top-page .new-top-service .micado-what-do2 {
  margin-top: 280px;
}
#new-top-page .new-top-service .micado-what-do2 img {
  position: absolute;
  width: 342px;
  right: 60px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 0;
}
#new-top-page .new-top-freeservice .freeservice-items {
  display: flex;
  gap: 0px;
  color: black;
}
#new-top-page .new-top-freeservice .freeservice-items .freeservice-item:hover {
  scale: 1.04;
  opacity: 0.8;
}
#new-top-page .new-top-freeservice .freeservice-items .freeservice-item:nth-child(2) {
  margin: 60px 0 0;
}
#new-top-page .new-top-freeservice .freeservice-items .freeservice-item:nth-child(3) {
  margin: 120px 0 0;
}
#new-top-page .new-top-freeservice .freeservice-items .freeservice-item {
  width: 30%;
  display: block;
  text-align: left;
  transition: scale 0.3s ease;
}
#new-top-page .new-top-freeservice .freeservice-items .freeservice-item .service-img {
  box-shadow: #C48791 0px 0px 20px;
  border-radius: 16px;
}
#new-top-page .new-top-freeservice .freeservice-items .freeservice-item .service-img img {
  border-radius: 16px;
}
#new-top-page .new-top-freeservice .freeservice-items .freeservice-item p {
  margin: 32px 0 16px;
}
#new-top-page .new-top-freeservice .freeservice-items .freeservice-item h2 {
  font-size: 32px;
  line-height: 32px;
  font-family: Montserrat;
}
#new-top-page .new-top-freeservice .freeservice-items .freeservice-item .service-logo {
  width: 120px;
  margin: 0 0 25px;
}
#new-top-page .new-top-freeservice .freeservice-items .freeservice-item a {
  font-weight: normal;
  display: block;
  font-size: 14px;
  line-height: 28px;
}

@media screen and (max-width: 768px) {
  .new-top-background {
    display: none;
  }
  #new-top-page {
    width: 91.7%;
    margin: 24px auto 0;
  }
  #new-top-page p {
    font-size: 14px;
    line-height: 28px;
  }
  #new-top-page .micado-logo {
    display: none;
  }
  #new-top-page .new-fv-page {
    position: relative;
    height: 90vh;
  }
  #new-top-page .new-fv-page .top-left {
    z-index: 2;
    position: relative;
  }
  #new-top-page .new-fv-page .top-left .top-p {
    font-size: 14px;
    margin: 47px 0 16px;
  }
  #new-top-page .new-fv-page .top-left h1 {
    font-size: 28px;
    margin: 0 0 16px;
    line-height: 40px;
  }
  #new-top-page .new-fv-page .top-left a {
    font-size: 16px;
    padding: 16px 0;
    margin: 42px auto 0;
  }
  #new-top-page .new-fv-page .new-top-backimg {
    display: none;
  }
  #new-top-page .new-top-service {
    margin: 60px 0 0;
  }
  #new-top-page .new-top-service .micado-what-do {
    position: relative;
  }
  #new-top-page .new-top-service .micado-what-do .p-32 {
    font-size: 20px;
    font-family: "Source Han Sans JP";
  }
  #new-top-page .new-top-service .micado-what-do h1 {
    font-size: 24px;
    line-height: 35px;
  }
  #new-top-page .new-top-service .micado-what-do img {
    position: relative;
    width: 100%;
    left: 50%;
    top: 200px;
    transform: translate(-50%, -50%);
    z-index: 0;
  }
  #new-top-page .new-top-service .micado-what-do2 {
    margin-top: 180px;
  }
  #new-top-page .new-top-service .micado-what-do2 img {
    position: absolute;
    width: 342px;
    right: 60px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 0;
  }
  #new-top-page .new-top-freeservice .freeservice-items {
    display: flex;
    gap: 28px;
    color: black;
    margin: 80px 0 0;
  }
  #new-top-page .new-top-freeservice .freeservice-items .freeservice-item:nth-child(2) {
    margin: 30px 0 0;
  }
  #new-top-page .new-top-freeservice .freeservice-items .freeservice-item:nth-child(3) {
    margin: 60px 0 0;
  }
  #new-top-page .new-top-freeservice .freeservice-items .freeservice-item-2 {
    margin: 0px !important;
  }
  #new-top-page .new-top-freeservice .freeservice-items .freeservice-item-3 {
    margin: 30px 0 0 !important;
  }
  #new-top-page .new-top-freeservice .freeservice-items .freeservice-item {
    width: calc(50% - 14px);
  }
  #new-top-page .new-top-freeservice .freeservice-items .freeservice-item p {
    margin: 12px 0;
    font-size: 14px;
    line-height: 28px;
  }
  #new-top-page .new-top-freeservice .freeservice-items .freeservice-item h2 {
    font-size: 28px;
    line-height: 28px;
  }
  #new-top-page .new-top-freeservice .freeservice-items .freeservice-item .service-logo {
    width: 90px;
    margin: 0 0 16px;
  }
  #new-top-page .new-top-freeservice .freeservice-items .freeservice-item .mideal-logo {
    width: 71px !important;
  }
  #new-top-page .new-top-freeservice .freeservice-items .freeservice-item a {
    font-weight: normal;
    display: block;
    font-size: 12px;
    line-height: 28px;
  }
}
body {
  overflow-x: hidden;
}

.entry-header .entry-title {
  font-size: 20px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: -32px;
}

.entry-content {
  margin-bottom: -20px;
}
.entry-content .um .um-form ._um_row_2 {
  display: flex !important;
  margin-top: -30px !important;
}
.entry-content .um .um-form ._um_row_2 .um-col-121 {
  margin-right: 16px !important;
  width: 144px !important;
}
.entry-content .um .um-form ._um_row_2 .um-col-121 #um_field_21036_first_name {
  margin-right: 8px !important;
}
.entry-content .um .um-form ._um_row_2 .um-col-122 {
  width: 144px !important;
}
.entry-content .um .um-form .um-col-alt {
  margin-top: -15px;
  min-width: 288px !important;
  border: 1px solid #CE858F;
  border-radius: 4px;
}
.entry-content .um .um-form .um-col-alt #um-submit-btn {
  color: #ce858f;
  background-color: white;
  font-size: 14px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.link-login, .link-to {
  font-size: 12px;
  font-family: “source-han-sans-japanese”, sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: -12px;
  padding: 0 0 10px;
}
.link-login a, .link-to a {
  color: #3F7EAE;
}

.link-to {
  font-size: 10px;
  font-family: "Source Han Sans JP";
  font-weight: 500;
  text-align: left;
  margin-bottom: 20px;
}