html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

:root {
  --fz-20: 2rem;
  --fz-18: 1.8rem;
  --fz-ttl: 12rem;
  --main-color: #00559d;
  --txt-color: #000;
}

/* reset */
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Noto sans JP", sans-serif;
}

a:link,
a:visited {
  text-decoration: none;
  transition: all 0.5s;
  cursor: pointer;
}

a:focus,
a:hover {
  transition: 0.7;
}

ul li {
  list-style: none;
}

button {
  border: none;
  outline: none;
}

.lb-sp {
  display: none;
}

.lb-pc {
  display: block;
}

.hp-flex {
  display: flex;
}

/* 共有 */
h1 {
  width: 90%;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}

h1 img {
  width: 100%;
}

h2 {
  font-size: var(--fz-ttl);
  color: var(--txt-color);
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  font-weight: 400;
  font-family: "Anton", sans-serif;
  letter-spacing: 3px;
}

h3 {
  font-size: 6rem;
}

h4 {
  font-size: 4.2rem;
}

h5 {
  font-size: 3.2rem !important;
}

h6.sub-ttl {
  font-size: var(--fz-18);
  color: var(--main-color);
  text-align: center;
  margin-top: 3rem;
  letter-spacing: 3px;
}

sub {
  font-size: 20px;
}

.btn:link,
.btn:visited {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36.5rem;
  height: 7.2rem;
  border-radius: 60px;
  font-size: 2rem;
  font-weight: 600;
  transition: opacity 0.5s;
}

.btn:focus,
.btn:hover {
  opacity: 0.7;
}

.main-btn {
  background-color: var(--main-color);
}

.secondary-btn {
  background-color: var(--txt-color);
}

.desc-label {
  background-color: #ffaa00;
  color: var(--txt-color);
  font-size: var(--fz-20);
}

.fixed-btn:link,
.fixed-btn:visited {
  position: fixed;
  top: 200px;
  right: 0;
  width: 80px;
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
  /* height: 370px; */
  color: #fff;
  writing-mode: vertical-lr;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  padding: 30px 0;
  gap: 10px;
  transition: opacity 0.5s;
}

.fixed-btn:hover,
.fixed-btn:focus {
  opacity: 0.7;
}

.fixed-btn span {
  letter-spacing: 4px;
  font-weight: 700;
}

/* layout */
.d-flex {
  display: flex;
}

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

.wrapper {
  max-width: 144rem;
  margin: 0 auto;
}

.inner {
  max-width: 1300px;
  margin: 0 auto;
}

/* styles */
/* main visual */
.main-visual-box {
  /* background-image: url(../img/mv.jpg); */
  /* width: 192rem;*/
  width: 100%;
  object-fit: cover;
  height: 75rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width: 1401px) {
  .main-visual-box {
    height: 95rem;
  }
}

.main-visual-box .wrapper {
  position: relative;
  height: 100%;
}

.mv-text-box {
  position: absolute;
  top: 50%;
  /* left: 24rem; */
  left: 9rem;
  transform: translateY(-50%);
}

/* hero */
.sect-hero {
  padding: 20rem 0 16rem 0;
  background-color: var(--main-color);
  color: #fff;
  position: relative;
  transform: translateY(-4px);
}

.hero_main-conts {
  justify-content: space-between;
  gap: 16.5rem;
  align-items: start;
}

.hero_img-box {
  flex: 0 0 60rem;
  font-size: 10rem;
  line-height: 1;
  font-family: "Anton", sans-serif !important;
}

.hero_img-box span {
  font-family: "Anton", sans-serif;
  font-size: 7rem;
}

.hero_img-box img {
  width: 100%;
}

.hero_txt-box {
  /* padding-top: 3rem; */
}

.hero_txt {
  line-height: 2;
  font-size: var(--fz-20);
  font-weight: 600;
  text-align: justify;
}

.sect-hero h1 {
  color: var(--txt-color);
}

/* seminar */
.sect-seminar {
  padding: 10rem 0 12rem 0;
}

.sect-seminar .inner {
  /* padding: 0 !important; */
}

.smn_main-conts {
  gap: 10rem;
  margin-top: 9.5rem;
}

.smn_card {
  display: flex;
  flex-direction: column;
  flex: 0 0 calc((100% - 10rem) / 2);
}

.smn_card > * {
  font-size: 2rem;
}
.card-top {
  margin-bottom: 4rem;
}
.card_ttl {
  margin-bottom: 2.2rem;
  font-size: 2.2rem;
  font-weight: 900;
}
.card_desc {
  margin-bottom: 3.3rem;
  line-height: 1.8;
  font-size: 16px;
}
.card_img {
  width: 100%;
}
.card_btm {
}
.card_tags {
  margin-bottom: 3.6rem;
  display: flex;
  gap: 2rem;
}

.card_tags span {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  padding: 1rem 1.5rem;
  font-size: 2rem;
  color: var(--main-color);
  border: 1px solid currentColor;
  font-weight: 500;
}

.card_btm-ttl {
  margin-bottom: 3.4rem;
  font-weight: 600;
  line-height: 1.8;
}
.card_txt {
  line-height: 1.8;
  margin-bottom: 4.5rem;
  font-size: 18px;
}

.card_btn {
  align-self: center;
  margin-top: auto;
}

/* green-tap */
.smn_green-tap {
  margin-top: 14.5rem;
  height: 76.5rem;
  width: 100%;
  background-image: url(../img/grenn-tap_bg-img.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.smn_green-tap::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100rem;
  top: 0;
  right: 0;
  background-image: url(../img/green-tap_img1.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.smn_green-tap .wrapper,
.smn_green-tap .wrapper .inner {
  height: 100%;
}

.green-tap-conts {
  position: relative;
}
.grt_txt-box {
  position: absolute;
}
.grt_txt-box1 {
  top: 50%;
  left: 3.6rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Noto sans JP", sans-serif;
}

.grt_txt-box1 p {
  font-size: 2.5rem;
  font-weight: 600;
  margin: 3rem 0 7rem 0;
  text-align: center;
}

.grt_txt-box2 {
  top: 7.5rem;
  right: 43rem;
  width: 25.5rem;
  height: 25.5rem;
  border-radius: 50%;
  color: #fff;
  background-color: #6cbe4f;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.5rem;
  font-weight: 600;
}

.grt_txt-box2 p {
  text-align: center;
}

.grt_txt-box3 {
  right: 0;
  bottom: 7.5rem;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: right;
}

.grt_txt-box3 p:first-child {
  font-size: 4.2rem;
  font-weight: 600;
}

.smn_big-btn:link,
.smn_big-btn:visited {
  background: #000;
  color: #fff;
  font-weight: 600;
  font-size: 2.8rem;
  padding: 0 8rem;
  width: 57rem;
  height: 11.2rem;
  display: flex;
  align-items: center;
  border-radius: 60px;
  gap: 1.5rem;
  margin: 0 auto;
  margin-top: 10rem;
  cursor: pointer;
  transition: opacity 0.5s;
}

.smn_big-btn:hover,
.smn_big-btn:focus {
  opacity: 0.7;
}

.smn_big-btn span {
  flex: 1;
  display: inline-block;
  text-align: center;
  line-height: 1;
}

/* booth */
.sect-booth {
  padding: 12rem 0 13rem 0;
  background-color: #f8f8f8;
}

.bth_img-box {
  display: flex;
  justify-content: center;
  position: relative;
}

.bth_img {
  width: 100%;
}

.bth_link:link,
.bth_link:visited {
  position: absolute;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 600;
  /* text-transform: uppercase; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 15.5rem;
  height: 15.5rem;
  border-radius: 50%;
  background-color: #03b178;
  box-shadow: 0 0 0 15px rgba(3, 177, 120, 0.15);
  padding: 6rem 0 2.5rem 0;
  cursor: pointer;
  transition: all 0.5s;
}

.bth_link::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
}

.bth_link:focus,
.bth_link:hover {
  opacity: 0.7;
}

.bth_link span {
  flex: 1;
}

.bth_link img {
  width: 19px;
}
.bth_link-1 {
  top: 12rem;
  left: 10rem;
}

.bth_link-1::after {
  background-image: url(../img/link1-line.png);
  width: 10rem;
  height: 26rem;
  top: 50%;
  right: -80%;
}

.bth_link-2 {
  top: -1rem;
  right: 15rem;
}

.bth_link-2::after {
  background-image: url(../img/link2-line.png);
  width: 18rem;
  height: 23rem;
  top: 60%;
  left: -130%;
}
.bth_link-3 {
  right: 25px;
  bottom: 20rem;
}

.bth_link-3::after {
  background-image: url(../img/link3-line.png);
  width: 18.7rem;
  height: 9.5rem;
  top: 0;
  left: -125%;
}
.bth_link-4 {
  bottom: 40px;
  right: 27rem;
}

.bth_link-4::after {
  background-image: url(../img/link4-line.png);
  width: 15.7rem;
  height: 13.5rem;
  top: -50%;
  left: -110%;
}
.bth_link-5 {
  bottom: -1rem;
  left: 13rem;
}

/* pres */
.sect-pres {
  background-color: #f8f8f8;
  padding-bottom: 17rem;
}

.pres-conts {
  gap: 7.5rem;
}

.pres-conts:nth-child(3) {
  margin-top: 9rem;
  margin-bottom: 11rem;
}

.pres_img-box {
  flex: 0 0 60%;
  display: flex;
  align-items: end;
}

.pres_img-box img {
  width: 100%;
}

.pres_txt-box {
}

.desc-label {
  display: inline-block;
  padding: 1rem 1.3rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 4rem;
}
.pres_txt {
  margin-top: 3rem;
  font-size: 2rem;
  line-height: 1.8;
}

.pres_btm-box {
  margin-top: 3rem;
  font-size: 1.8rem;
  border: 1px solid #d4d4d4;
  padding: 3rem 3rem 3rem 3.5rem;
}

/* product */
.sect-prod {
  padding-bottom: 20rem;
  background-color: #f8f8f8;
}

.prd_cap-en {
  /* font-family: "Anton", sans-serif; */
  font-weight: 400;
  letter-spacing: 4px;
}

.sect-prod h3 {
  font-family: "Anton", sans-serif;
  font-weight: 400;
}

.prod-conts {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}

.prod {
  list-style: none;
}

.prod:first-child h3 {
  margin-top: 5rem;
}

.prod:first-child h3,
.prod:last-child h3 {
  margin-bottom: 1.5rem;
}

.prod .prod-ttl-box {
  display: flex;
  align-items: center;
  gap: 3rem;
  margin-bottom: 1.5rem;
}

.prod .desc-label {
  margin-bottom: 0;
}

.prod:nth-child(2) h3,
.prod:nth-child(3) h3 {
  font-size: 4.2rem;
  font-weight: 600;
}

.prod_img-box {
  position: relative;
  margin-bottom: 20px;
}

.prod_img-box img {
  width: 100%;
}

.prod_cap {
  position: absolute;
  top: 50%;
  left: 12rem;
  transform: translateY(-50%);
}

.prod_cap span {
  display: block;
  font-size: 2rem;
  color: #fff;
}

.prod_cap span:first-child {
  text-transform: uppercase;
  font-size: 8rem;
  font-weight: 400;
  font-family: "Anton", sans-serif;
  letter-spacing: 3px;
}

.prod_cap span:nth-child(2) {
  font-size: 3rem;
  font-weight: 600;
}

.prod_cap span:not(:first-child) {
  letter-spacing: 4px;
}

/* event */
.sect-event {
  padding: 11rem 0 10rem 0;
  background-color: #e3e3e3;
}

.ev_main-conts {
  gap: 14rem;
  margin-top: 7rem;
}

.ev_img-box {
  width: 600px;
}

.ev_img-box img {
  width: 100%;
}
.ev_txt-box {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.ev_label {
  font-size: 3rem;
  margin-bottom: 2.2rem;
  display: block;
  padding: 7px 0 7px 22px;
  color: #fff;
  font-weight: 600;
  background-color: var(--main-color);
  width: 18.5rem;
  clip-path: polygon(0 0, 17rem 0, 100% 50%, 17rem 100%, 0 100%);
}

.ev_txt-ttl {
  font-size: 3.6rem;
  font-weight: 700;
  margin-bottom: 2.8rem;
}

.ev_txt-box {
  flex: 1;
}

.ev_white-box {
  background-color: #fff;
  padding: 6rem 7rem;
}

.ques-box {
  margin-bottom: 2.6rem;
  display: flex;
  gap: 2rem;
}

.ques-label {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.3rem;
  font-weight: 600;
  color: #fff;
  background-color: var(--main-color);
  flex: 0 0 6rem;
  height: 6rem;
  border-radius: 50%;
  padding-bottom: 7px;
}

.ques-txt {
  font-size: 2.8rem;
  font-weight: 600;
}

.ans-box {
  display: flex;
  gap: 1rem;
}

.ans-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - 1rem) / 8);
  height: 6rem;
  background-color: #ececec;
  font-size: 5rem;
  font-weight: 600;
}

/* overview */
.sect-ov {
  padding: 11.5rem 0 10rem 0;
  background-color: var(--main-color);
  color: #fff;
}

.sect-ov h2 {
  color: #fff !important;
}

.sect-ov h6.sub-ttl {
  color: #fff !important;
}

.ov_main-conts {
  border: 1px solid #fff;
  max-width: 110rem;
  margin: 0 auto;
  padding: 5.6rem 0 5.6rem 7.7rem;
}

.ov_main-conts {
  margin-top: 7.5rem;
}

.ov_main-conts table th {
  font-size: 2.2rem;
  font-weight: 600;
  width: 17rem;
  text-align: left;
  height: 5rem;
  letter-spacing: 3px;
}

.ov_main-conts table td {
  font-size: 2.4rem;
  letter-spacing: 3px;
}

.ov_main-conts table tr {
}

/* contact */
.sect-contact {
  padding: 10rem 0 9rem 0;
}

.sect-contact h6.sub-ttl {
  margin-bottom: 15rem;
}

/* footer */

footer {
  padding-bottom: 6rem;
}

.ftr_main-conts {
  justify-content: space-between;
  align-items: center;
}

.ftr_txt-box {
}

.ftr_top-txt {
  margin-bottom: 2rem;
}

.ftr_top-txt span {
  display: inline-block;
  font-size: 1.8rem;
}

.ftr_top-txt span:first-child {
  border-right: 2px solid #949494;
  padding-right: 2rem;
}

.ftr_top-txt span:last-child {
  padding-left: 2rem;
}

.ftr_btm-txxt {
  font-size: 1.4rem;
}

.ftr_img-box img {
  width: 100%;
}

footer #sns {
  float: right;
}
footer #sns li {
  float: left;
  margin-left: 22px;
}
footer #sns li img {
  width: 34px;
}
footer #copyright {
  float: left;
  clear: left;
  font-size: 1.2rem;
  padding-bottom: 20px;
}

@media screen and (min-width: 1401px) {
  .main-visual-box {
    height: 90rem;
  }

  .mv-text-box {
    top: 25%;
  }
}
@media screen and (min-width: 1601px) {
  .mv-text-box {
    top: 30%;
  }
}
@media screen and (min-width: 1921px) {
  .mv-text-box {
    top: 50%;
  }
}

/* 1920px以下の画面対応 */
@media screen and (max-width: 1919px) {
  html {
    font-size: 58%;
  }

  .main-visual-box {
    /* height: 100%; */
    width: 100%;
    height: 75rem;
  }

  .smn_green-tap::after {
    width: 55%;
  }

  .ev_main-conts {
    gap: 10rem;
    align-items: center;
  }
}

/* 1920px以上の画面対応 */
@media screen and (min-width: 1921px) {
  .main-visual-box {
    height: auto;
    width: 100vw;
  }

  .smn_green-tap {
    background-size: 100%;
  }
}

@media screen and (max-width: 1651px) {
  .inner {
    padding: 0 40px;
  }

  .sect-event .inner {
    padding: 0;
  }

  /* .ev_main-conts {
    flex-direction: column;
    align-items: center;
  } */
}

/* MEDIUM SCREEN */
@media screen and (max-width: 1451px) {
  .sect-event .inner {
    padding: 0 40px;
  }
}

@media screen and (max-width: 1401px) {
  .smn_main-conts {
    gap: 6rem;
  }

  .mv-text-box {
    /* width: 90%;
    left: 50%;
    transform: translate(-50%, -50%); */
    width: 70%;
    left: 50%;
    transform: translate(-63%, -70%);
  }

  .bth_link::after {
    display: none;
  }

  .hero_main-conts {
    flex-direction: column;
    gap: 5rem;
  }

  .hero_img-box {
    flex: 0 0 auto;
  }

  .card_img {
    width: 90%;
    margin-top: auto;
  }

  .card-top {
    display: flex;
    flex-direction: column;
    height: 60%;
  }

  .ftr_main-conts {
    gap: 3rem;
  }
}

@media screen and (max-width: 1399px) {
  .mv-text-box {
    width: 60%;
    transform: translate(-63%, -120%);
  }
}
@media screen and (max-width: 1369px) {
  .mv-text-box {
    width: 60%;
    transform: translate(-63%, -80%);
  }
}
@media screen and (max-width: 1359px) {
  .mv-text-box {
    width: 60%;
    transform: translate(-63%, -100%);
  }
}

/* iPad */
@media screen and (max-width: 1201px) {
  .ev_main-conts {
    flex-direction: column;
  }

  .d-flex {
    flex-direction: column;
  }

  .mv-text-box {
    /* width: 90%;
    left: 50%;
    transform: translate(-50%, -50%); */
    width: 70%;
    left: 50%;
    transform: translate(-50%, -70%);
  }

  .hero_img-box {
    align-self: center;
  }

  .hero_img-box {
    flex: 0 0 auto;
  }

  .hero_main-conts {
    gap: 3rem;
  }

  .grt_txt-box2 {
    top: 3rem;
    width: 18rem;
    height: 18rem;
    font-size: 25px;
  }

  .grt_txt-box1 {
    top: 30%;
    left: -20px;
  }

  .grt_txt-box1 img {
    width: 60%;
  }

  .grt_txt-box1 p {
    font-size: 16px;
  }

  .grt_txt-box1 .secondary-btn {
    width: 30rem;
  }

  .smn_green-tap::after {
    width: 65%;
    right: -20%;
    height: 360px;
    top: 20%;
  }

  .grt_txt-box2 {
    top: 16rem;
    width: 18rem;
    height: 18rem;
    font-size: 25px;
    right: 20rem;
  }

  .grt_txt-box3 {
    right: 50%;
    transform: translateX(50%);
    text-align: center;
  }

  .smn_green-tap {
    overflow: hidden;
  }

  .prod_cap {
    left: 5rem;
  }

  h2 {
    font-size: 8rem;
  }

  .hero_img-box {
    font-size: 6rem;
  }

  .hero_img-box span {
    font-size: 4rem;
  }
}

@media screen and (max-width: 1195px) {
  .mv-text-box {
    transform: translate(-50%, -80%);
  }
}

@media screen and (max-width: 999px) {
  .mv-text-box {
    transform: translate(-50%, -130%);
  }
}
@media screen and (max-width: 899px) {
  .mv-text-box {
    width: 60%;
    transform: translate(-50%, -60%);
  }
}
/* @media screen and (max-width: 851px) {
  .mv-text-box {
    width: 60%;
    transform: translate(-50%, -140%);
  }
} */
@media screen and (max-width: 822px) {
  .mv-text-box {
    width: 60%;
    transform: translate(-50%, -130%);
  }
}

.smn_card:first-child .card-top img {
  height: 339px;
  object-fit: cover;
}

.ev_txt-ttl span {
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.ev_txt-ttl span.mt-20 {
  margin-top: 20px;
}

.ev_img-box img {
  transform: translateY(60px);
}

@media screen and (max-width: 1601px) {
  .ev_img-box img {
    transform: translateY(0);
  }
}

/* SP */

@media screen and (max-width: 767px) {
  html {
    font-size: 45%;
  }

  .ev_img-box img {
    transform: translateY(0);
  }

  .ans-box {
    flex-wrap: wrap;
  }

  .ev_img-box {
    width: 100%;
  }

  .smn_card:first-child .card-top img {
    height: auto;
    object-fit: cover;
  }

  .sect-seminar .inner {
    padding: 0 40px !important;
  }

  .mv-text-box {
    top: 430px;
    left: 50%;
    position: relative;
    transform: translate(-50%, 30%);
    z-index: 1;
    width: 72%;
  }

  .mv {
    height: 260px;
    position: relative;
  }

  .mv video {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }

  .d-flex {
    flex-direction: column;
  }

  .smn_card {
    flex: 0 0 100%;
  }

  .card_img {
    width: 100%;
  }

  h2 {
    font-size: 57px;
  }

  h6.sub-ttl {
    font-size: 16px;
    margin-top: 1rem;
  }

  .sect-prod h3 {
    font-size: 4.4rem;
  }

  .prod_cap span:first-child {
    font-size: 5rem;
  }

  .smn_big-btn:link,
  .smn_big-btn:visited {
    width: 100%;
  }

  .main-visual-box {
    /* background-image: url(../img/mv-sp.jpg); */
    background-size: 100%;
    height: 50rem;
  }

  .hero_img-box {
    font-size: 7rem;
    line-height: 1;
    font-family: "Anton", sans-serif;
  }

  .hero_img-box span {
    font-size: 5rem;
  }

  .smn_green-tap {
    margin-top: 14.5rem;
    height: 690px;
    width: 100%;
    background-image: url(../img/mv-bg_sp.jpg);
    /* background-image: url(../img/grenn-tap_bg-img_sp_test.jpg); */
    /* background-image: url(../img/grenn-tap_bg-img_sp.jpg); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
  }

  .smn_green-tap::after {
    /* display: none; */
    width: 70%;
    top: 20%;
  }

  .grt_txt-box1 {
    height: 100%;
    padding-top: 90px;
    left: 0;
    top: 50%;
  }

  .grt_txt-box1 img {
    width: 90%;
  }

  .grt_txt-box1 .secondary-btn {
    margin-top: auto;
    transform: translateY(-80px);
  }

  .grt_txt-box1 p {
    font-size: 14px;
    margin: 0;
    margin-top: 1.5rem;
  }

  .grt_txt-box2 {
    width: 140px;
    height: 140px;
    font-size: 16px;
    top: 50%;
    left: 30%;
    transform: translateY(-50%);
  }

  .grt_txt-box3 {
    right: 50%;
    transform: translateX(50%);
    width: 100%;
    text-align: center;
    bottom: 160px;
  }

  .sect-hero {
    padding: 80rem 0 10rem 0;
  }

  .sect-hero h1 {
    margin-top: 40px;
    text-align: center;
  }

  .sect-hero h1 img {
    content: url(../img/main-ttl_sp.png);
    width: 90%;
  }

  .hero_main-conts {
    gap: 5rem;
  }

  .card_ttl {
    margin-bottom: 1.6rem;
  }

  .card_desc {
    line-height: 1.5;
  }

  .smn_main-conts {
    gap: 10rem;
  }

  .smn_big-btn:link,
  .smn_big-btn:visited {
    width: 80%;
    padding: 20px 40px;
    font-size: 16px;
    margin-top: 8rem;
  }

  .sect-seminar {
    padding-bottom: 8rem;
  }

  h5 {
    font-size: 2.6rem !important;
  }

  .desc-label {
    margin-bottom: 2rem;
  }

  .pres-conts {
    gap: 4rem;
  }

  .pres-conts:nth-child(3) {
    margin-bottom: 20rem;
  }

  .pres-conts:last-child .pres_txt-box {
    order: 1;
  }


.prod .prod_img-box:nth-of-type(1) img {
  content: url(../img/prod_img1_sp.jpg);
}
.prod .prod_img-box:nth-of-type(2) img {
  content: url(../img/prod_img2_sp.jpg);
}
.prod .prod_img-box:nth-of-type(3) img {
  content: url(../img/prod_img3_sp.jpg);
}
.prod .prod_img-box:nth-of-type(4) img {
  content: url(../img/prod_img0_sp.jpg);
}


  .prod_cap span {
    font-size: 14px;
  }

  .prod_cap {
    width: 270px;
    transform: translateY(0);
    top: 50px;
    left: 30px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding-right: 20px;
  }

  .prod_cap span:nth-child(2) {
    font-size: 19px;
  }

  .prod .prod-ttl-box {
    flex-direction: column;
    align-items: start;
    gap: 0;
    margin-bottom: 3rem;
  }

  .sect-prod {
    padding-bottom: 10rem;
  }

  .ev_main-conts {
    gap: 5rem;
  }

  .ev_txt-ttl {
    font-size: 2.6rem;
  }

  .ev_txt-box {
    gap: 0;
  }

  .ques-box {
    flex-direction: column;
    align-items: start;
  }

  .ques-label {
    width: 6rem;
  }

  .ev_white-box {
    padding: 40px;
  }

  .ques-txt {
    font-size: 16px;
  }

  .ans-txt {
    font-size: 4rem;
  }

  .card_btn {
    font-size: 16px;
  }

  sub {
    font-size: 10px;
  }

  .ov_main-conts table th {
    width: 80px;
    display: block;
    height: 3rem;
  }

  .ov_main-conts table td {
    font-size: 2.4rem;
    display: block;
    margin-bottom: 2rem;
    font-size: 16px;
  }

  .ov_main-conts {
    padding: 20px 40px;
  }

  .sect-ov .smn_big-btn {
    width: 100%;
  }

  .smn_big-btn:link,
  .smn_big-btn:visited {
    height: 60px;
    font-size: 14px;
  }

  .smn_big-btn img {
    width: 20px;
    transform: translateY(-2px);
  }

  .sect-contact h6.sub-ttl {
    margin-bottom: 7rem;
  }

  .fixed-btn:link,
  .fixed-btn:visited {
    writing-mode: horizontal-tb;
    left: 0;
    top: auto;
    right: auto;
    bottom: 0;
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 16px;
    padding: 20px 0;
  }

  .bth_img {
    /* content: url(../img/booth-img_sp.png); */
    padding-top: 17rem;
    width: 120%;
  }

  footer {
    transform: translateY(-60px);
  }

  footer #sns {
    width: 90%;
    margin: 15px 5% 10px;
  }

  footer #sns li:first-child {
    margin-left: 0;
  }

  footer #sns li {
    float: left;
    width: 10%;
    margin-left: 2.8%;
  }

  footer #sns li img {
    width: 100%;
  }

  .bth_link::after {
    display: none;
  }

  .bth_link:link,
  .bth_link:visited {
    font-size: 11px;
    width: 90px;
    height: 90px;
    padding: 0;
    gap: 10px;
    box-shadow: 0 0 0 10px rgba(3, 177, 120, 0.15);
  }

  .bth_link span {
    font-size: 11px;
    text-align: center;
    display: inline-block;
    flex: 0 0 auto;
  }

  .bth_link img {
    width: 10px;
  }

  .lb-sp {
    display: block;
  }

  .bth_link-1 {
    top: 120px;
    left: 20px;
  }

  .bth_link-2 {
    top: 80px;
    right: 6rem;
  }

  .bth_link-3 {
    right: 0;
    bottom: 0;
  }

  .bth_link-4 {
    bottom: -30%;
    left: 40%;
  }

  .bth_link-5 {
    left: 10px;
    bottom: -10%;
  }

  .sect-pres {
    padding-top: 10rem;
  }

  .hp-flex span:first-child {
    flex: 0 0 50px;
  }

  .lb-pc {
    display: none;
  }
}

@media screen and (max-width: 671px) {
  .mv-text-box {
    width: 50%;
    transform: translate(-50%, 30%);
  }

  .sect-hero {
    padding: 60rem 0 10rem 0;
  }
}

/* SMALL SP */
@media screen and (max-width: 501px) {
  .ans-txt {
    width: 6rem;
  }

  .mv-text-box {
    width: 70%;
    transform: translate(-50%, 0);
  }

  .smn_green-tap::after {
    width: 80%;
    top: 30%;
  }

  .grt_txt-box2 {
    /* display: none; */
    width: 120px;
    height: 120px;
    font-size: 16px;
    top: 50%;
    left: 90px;
    transform: translateY(-50%);
  }

  .sect-hero {
    padding: 50rem 0 10rem 0;
  }
}

@media screen and (max-width: 431px) {
  .grt_txt-box2 {
    /* display: none; */
    top: 45%;
    left: 80px;
    transform: translateY(-50%);
  }
}