@charset "UTF-8";
@keyframes transformLeftRight {
  0% {
    transform: translate(-80%, 80%);
    opacity: 0;
  }
  100% {
    transform: translate(0);
    opacity: 1;
  }
}
@keyframes transformRightLeft {
  0% {
    transform: translate(0);
    opacity: 1;
  }
  100% {
    transform: translate(80%, -80%);
    opacity: 0;
  }
}
/* ==========================================================================//
//
// 座談会
//
// ========================================================================== */
/* 座談会扉
---------------------------------------------------------- */
@media all and (min-width: 751px) {
  .page_body {
    overflow: unset;
  }
}

.sec_crosstalk {
  padding: 60px 0;
}
@media all and (min-width: 751px) {
  .sec_crosstalk {
    padding: 110px 0;
  }
}
.sec_crosstalk .crosstalk_wrap {
  position: relative;
  z-index: 1;
}
@media all and (min-width: 751px) {
  .sec_crosstalk .crosstalk_wrap ul {
    display: flex;
    gap: 30px;
  }
}
@media all and (max-width: 750px) {
  .sec_crosstalk .crosstalk_wrap ul li {
    margin-bottom: 30px;
  }
}
.sec_crosstalk .crosstalk_wrap ul li a img {
  transition: all 0.4s;
}
.sec_crosstalk .crosstalk_wrap ul li a span {
  text-align: center;
  display: block;
  font-size: 24px;
  margin: 10px auto;
  position: relative;
  width: fit-content;
}
.sec_crosstalk .crosstalk_wrap ul li a span::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 1px;
  background: #222222;
  bottom: 0;
  left: 0;
  transition: all 0.4s;
}
.sec_crosstalk .crosstalk_wrap ul li a:hover img {
  transform: scale(1.03);
}
.sec_crosstalk .crosstalk_wrap ul li a:hover span::after {
  width: 100%;
}
.sec_crosstalk .stone {
  z-index: -1;
}
.sec_crosstalk .stone.purple {
  margin: -7% auto auto 11%;
  width: 11.6vw;
  height: 10vw;
}
@media all and (max-width: 750px) {
  .sec_crosstalk .stone.purple {
    margin: -15% auto auto 30%;
    width: 25.6vw;
    height: 29vw;
  }
}
.sec_crosstalk .stone.blue {
  margin: -1% auto auto 75%;
  width: 7.98vw;
  height: 7vw;
  transform: rotate(85deg);
}
@media all and (max-width: 750px) {
  .sec_crosstalk .stone.blue {
    margin: 53% auto auto 84%;
    width: 16.9vw;
    height: 15vw;
  }
}
.sec_crosstalk .stone.pink {
  margin: 25% auto auto -6%;
  width: 8.53vw;
  height: 8vw;
}
@media all and (max-width: 750px) {
  .sec_crosstalk .stone.pink {
    margin: 64% auto auto -7%;
    width: 21.53vw;
    height: 20vw;
  }
}
.sec_crosstalk .stone.emerald {
  margin: 21% auto auto 67%;
  width: 10.6vw;
  height: 10vw;
}
@media all and (max-width: 750px) {
  .sec_crosstalk .stone.emerald {
    margin: 125% auto auto 75%;
    width: 22.6vw;
    height: 22vw;
  }
}
.sec_crosstalk .stone.orange {
  margin: -12% auto auto -8%;
  width: 9.65vw;
  height: 9vw;
}
@media all and (max-width: 750px) {
  .sec_crosstalk .stone.orange {
    margin: -44% auto auto 75%;
    width: 22.6vw;
    height: 21vw;
    display: none;
  }
}

/* 座談会01
---------------------------------------------------------- */
.sec_crosstalk_head {
  padding: 30px 0 0;
}
@media all and (min-width: 751px) {
  .sec_crosstalk_head {
    padding: 110px 0 0;
  }
}
.sec_crosstalk_head h2 {
  font-size: 18px;
  text-align: center;
  margin: 0 0 20px;
}
@media all and (min-width: 751px) {
  .sec_crosstalk_head h2 {
    font-size: 24px;
    margin: 0 0 40px;
  }
}
.sec_crosstalk_head .crosstalk_member {
  margin: 40px 0;
}
@media all and (min-width: 751px) {
  .sec_crosstalk_head .crosstalk_member {
    margin: 40px 0 60px;
  }
}
@media all and (max-width: 750px) {
  .sec_crosstalk_head .crosstalk_member li {
    margin: 0 0 40px;
  }
}
@media all and (min-width: 751px) {
  .sec_crosstalk_head .crosstalk_member {
    display: flex;
    gap: 40px;
  }
}
.sec_crosstalk_head .crosstalk_member .member_image {
  width: 240px;
  margin: 0 auto;
}
.sec_crosstalk_head .crosstalk_member .member_name {
  text-align: center;
  margin: 10px 0;
}
@media all and (min-width: 751px) {
  .sec_crosstalk_head .crosstalk_member .member_name {
    margin: 10px 0 30px;
  }
}
.sec_crosstalk_head .crosstalk_member .member_name span {
  font-size: 10px;
}
@media all and (min-width: 751px) {
  .sec_crosstalk_head .crosstalk_member .member_name span {
    font-size: 12px;
  }
}
.sec_crosstalk_head .crosstalk_member .member_name p {
  font-size: 16px;
  line-height: 1;
}
@media all and (min-width: 751px) {
  .sec_crosstalk_head .crosstalk_member .member_name p {
    font-size: 24px;
  }
}
.sec_crosstalk01 .crosstalk_ttl,
.sec_crosstalk02 .crosstalk_ttl,
.sec_crosstalk03 .crosstalk_ttl,
.sec_crosstalk04 .crosstalk_ttl {
  padding: 30px 0 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media all and (min-width: 751px) {
  .sec_crosstalk01 .crosstalk_ttl,
  .sec_crosstalk02 .crosstalk_ttl,
  .sec_crosstalk03 .crosstalk_ttl,
  .sec_crosstalk04 .crosstalk_ttl {
    padding: 40px 0 0;
  }
}
.sec_crosstalk01 .crosstalk_ttl img,
.sec_crosstalk02 .crosstalk_ttl img,
.sec_crosstalk03 .crosstalk_ttl img,
.sec_crosstalk04 .crosstalk_ttl img {
  width: 80px;
  margin: 0 auto;
}
@media all and (min-width: 751px) {
  .sec_crosstalk01 .crosstalk_ttl img,
  .sec_crosstalk02 .crosstalk_ttl img,
  .sec_crosstalk03 .crosstalk_ttl img,
  .sec_crosstalk04 .crosstalk_ttl img {
    width: 117px;
  }
}
.sec_crosstalk01 .crosstalk_ttl span,
.sec_crosstalk02 .crosstalk_ttl span,
.sec_crosstalk03 .crosstalk_ttl span,
.sec_crosstalk04 .crosstalk_ttl span {
  display: block;
  font-size: 16px;
  position: relative;
  text-align: left;
  width: fit-content;
  margin: 20px auto;
}
@media all and (min-width: 751px) {
  .sec_crosstalk01 .crosstalk_ttl span,
  .sec_crosstalk02 .crosstalk_ttl span,
  .sec_crosstalk03 .crosstalk_ttl span,
  .sec_crosstalk04 .crosstalk_ttl span {
    text-align: center;
    font-size: 24px;
    margin: 40px auto 30px;
  }
}
.sec_crosstalk01 .crosstalk_image,
.sec_crosstalk02 .crosstalk_image,
.sec_crosstalk03 .crosstalk_image,
.sec_crosstalk04 .crosstalk_image {
  border-radius: 20px;
  overflow: hidden;
}
.sec_crosstalk01 .crosstalk_wrap,
.sec_crosstalk02 .crosstalk_wrap,
.sec_crosstalk03 .crosstalk_wrap,
.sec_crosstalk04 .crosstalk_wrap {
  margin: 0 0 40px;
}
@media all and (min-width: 751px) {
  .sec_crosstalk01 .crosstalk_wrap,
  .sec_crosstalk02 .crosstalk_wrap,
  .sec_crosstalk03 .crosstalk_wrap,
  .sec_crosstalk04 .crosstalk_wrap {
    margin: 0 0 100px;
  }
}
.sec_crosstalk01 .crosstalk_wrap .crosstalk_q,
.sec_crosstalk02 .crosstalk_wrap .crosstalk_q,
.sec_crosstalk03 .crosstalk_wrap .crosstalk_q,
.sec_crosstalk04 .crosstalk_wrap .crosstalk_q {
  color: #46D375;
  font-size: 16px;
  padding: 0 0 0 30px;
  position: relative;
  margin: 20px 0;
}
@media all and (min-width: 751px) {
  .sec_crosstalk01 .crosstalk_wrap .crosstalk_q,
  .sec_crosstalk02 .crosstalk_wrap .crosstalk_q,
  .sec_crosstalk03 .crosstalk_wrap .crosstalk_q,
  .sec_crosstalk04 .crosstalk_wrap .crosstalk_q {
    margin: 40px 0;
    font-size: 20px;
  }
}
.sec_crosstalk01 .crosstalk_wrap .crosstalk_q::after,
.sec_crosstalk02 .crosstalk_wrap .crosstalk_q::after,
.sec_crosstalk03 .crosstalk_wrap .crosstalk_q::after,
.sec_crosstalk04 .crosstalk_wrap .crosstalk_q::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #46D375;
  top: 14px;
  left: 0;
}
@media all and (min-width: 751px) {
  .sec_crosstalk01 .crosstalk_wrap .crosstalk_q::after,
  .sec_crosstalk02 .crosstalk_wrap .crosstalk_q::after,
  .sec_crosstalk03 .crosstalk_wrap .crosstalk_q::after,
  .sec_crosstalk04 .crosstalk_wrap .crosstalk_q::after {
    top: 18px;
  }
}
.sec_crosstalk01 .crosstalk_wrap .crosstalk_a,
.sec_crosstalk02 .crosstalk_wrap .crosstalk_a,
.sec_crosstalk03 .crosstalk_wrap .crosstalk_a,
.sec_crosstalk04 .crosstalk_wrap .crosstalk_a {
  margin: 20px 0;
}
@media all and (min-width: 751px) {
  .sec_crosstalk01 .crosstalk_wrap .crosstalk_a,
  .sec_crosstalk02 .crosstalk_wrap .crosstalk_a,
  .sec_crosstalk03 .crosstalk_wrap .crosstalk_a,
  .sec_crosstalk04 .crosstalk_wrap .crosstalk_a {
    margin: 40px 0;
    display: flex;
    gap: 40px;
  }
}
.sec_crosstalk01 .crosstalk_wrap .crosstalk_a .crosstalk_icon,
.sec_crosstalk02 .crosstalk_wrap .crosstalk_a .crosstalk_icon,
.sec_crosstalk03 .crosstalk_wrap .crosstalk_a .crosstalk_icon,
.sec_crosstalk04 .crosstalk_wrap .crosstalk_a .crosstalk_icon {
  position: relative;
  width: 80px;
  height: 80px;
}
@media all and (max-width: 750px) {
  .sec_crosstalk01 .crosstalk_wrap .crosstalk_a .crosstalk_icon,
  .sec_crosstalk02 .crosstalk_wrap .crosstalk_a .crosstalk_icon,
  .sec_crosstalk03 .crosstalk_wrap .crosstalk_a .crosstalk_icon,
  .sec_crosstalk04 .crosstalk_wrap .crosstalk_a .crosstalk_icon {
    margin: 0 auto;
  }
}
.sec_crosstalk01 .crosstalk_wrap .crosstalk_a .crosstalk_icon span,
.sec_crosstalk02 .crosstalk_wrap .crosstalk_a .crosstalk_icon span,
.sec_crosstalk03 .crosstalk_wrap .crosstalk_a .crosstalk_icon span,
.sec_crosstalk04 .crosstalk_wrap .crosstalk_a .crosstalk_icon span {
  position: absolute;
  bottom: -10px;
  left: 50%;
  background: #46D375;
  color: #fff;
  width: 52px;
  text-align: center;
  border-radius: 40px;
  font-size: 12px;
  transform: translateX(-50%);
}
.sec_crosstalk01 .crosstalk_wrap .crosstalk_a .crosstalk_text,
.sec_crosstalk02 .crosstalk_wrap .crosstalk_a .crosstalk_text,
.sec_crosstalk03 .crosstalk_wrap .crosstalk_a .crosstalk_text,
.sec_crosstalk04 .crosstalk_wrap .crosstalk_a .crosstalk_text {
  background: #EAFFD3;
  border-radius: 10px;
  padding: 15px 20px;
  position: relative;
  height: max-content;
}
@media all and (min-width: 751px) {
  .sec_crosstalk01 .crosstalk_wrap .crosstalk_a .crosstalk_text,
  .sec_crosstalk02 .crosstalk_wrap .crosstalk_a .crosstalk_text,
  .sec_crosstalk03 .crosstalk_wrap .crosstalk_a .crosstalk_text,
  .sec_crosstalk04 .crosstalk_wrap .crosstalk_a .crosstalk_text {
    width: calc(100% - 120px);
  }
}
@media all and (max-width: 750px) {
  .sec_crosstalk01 .crosstalk_wrap .crosstalk_a .crosstalk_text,
  .sec_crosstalk02 .crosstalk_wrap .crosstalk_a .crosstalk_text,
  .sec_crosstalk03 .crosstalk_wrap .crosstalk_a .crosstalk_text,
  .sec_crosstalk04 .crosstalk_wrap .crosstalk_a .crosstalk_text {
    font-size: 16px;
    margin: 40px 0 0;
    letter-spacing: -0.05em;
    line-break: 2;
  }
}
.sec_crosstalk01 .crosstalk_wrap .crosstalk_a .crosstalk_text::after,
.sec_crosstalk02 .crosstalk_wrap .crosstalk_a .crosstalk_text::after,
.sec_crosstalk03 .crosstalk_wrap .crosstalk_a .crosstalk_text::after,
.sec_crosstalk04 .crosstalk_wrap .crosstalk_a .crosstalk_text::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-right: 30px solid #EAFFD3;
  border-bottom: 20px solid transparent;
}
@media all and (min-width: 751px) {
  .sec_crosstalk01 .crosstalk_wrap .crosstalk_a .crosstalk_text::after,
  .sec_crosstalk02 .crosstalk_wrap .crosstalk_a .crosstalk_text::after,
  .sec_crosstalk03 .crosstalk_wrap .crosstalk_a .crosstalk_text::after,
  .sec_crosstalk04 .crosstalk_wrap .crosstalk_a .crosstalk_text::after {
    left: -20px;
    top: 10px;
  }
}
@media all and (max-width: 750px) {
  .sec_crosstalk01 .crosstalk_wrap .crosstalk_a .crosstalk_text::after,
  .sec_crosstalk02 .crosstalk_wrap .crosstalk_a .crosstalk_text::after,
  .sec_crosstalk03 .crosstalk_wrap .crosstalk_a .crosstalk_text::after,
  .sec_crosstalk04 .crosstalk_wrap .crosstalk_a .crosstalk_text::after {
    left: 50%;
    top: -25px;
    transform: translateX(-50%) rotate(90deg);
  }
}
.sec_crosstalk01 .crosstalk_wrap .crosstalk_a.reverse,
.sec_crosstalk02 .crosstalk_wrap .crosstalk_a.reverse,
.sec_crosstalk03 .crosstalk_wrap .crosstalk_a.reverse,
.sec_crosstalk04 .crosstalk_wrap .crosstalk_a.reverse {
  flex-flow: row-reverse;
}
@media all and (min-width: 751px) {
  .sec_crosstalk01 .crosstalk_wrap .crosstalk_a.reverse .crosstalk_text::after,
  .sec_crosstalk02 .crosstalk_wrap .crosstalk_a.reverse .crosstalk_text::after,
  .sec_crosstalk03 .crosstalk_wrap .crosstalk_a.reverse .crosstalk_text::after,
  .sec_crosstalk04 .crosstalk_wrap .crosstalk_a.reverse .crosstalk_text::after {
    left: unset;
    right: -20px;
    transform: rotate(180deg);
  }
}
@media all and (max-width: 750px) {
  .sec_crosstalk01 .crosstalk_wrap .crosstalk_a.reverse .crosstalk_text::after,
  .sec_crosstalk02 .crosstalk_wrap .crosstalk_a.reverse .crosstalk_text::after,
  .sec_crosstalk03 .crosstalk_wrap .crosstalk_a.reverse .crosstalk_text::after,
  .sec_crosstalk04 .crosstalk_wrap .crosstalk_a.reverse .crosstalk_text::after {
    left: 50%;
    top: -25px;
    transform: translateX(-50%) rotate(90deg);
  }
}
.sec_crosstalk01.green_back .crosstalk_a .crosstalk_text,
.sec_crosstalk02.green_back .crosstalk_a .crosstalk_text,
.sec_crosstalk03.green_back .crosstalk_a .crosstalk_text,
.sec_crosstalk04.green_back .crosstalk_a .crosstalk_text {
  background: #fff;
}
.sec_crosstalk01.green_back .crosstalk_a .crosstalk_text::after,
.sec_crosstalk02.green_back .crosstalk_a .crosstalk_text::after,
.sec_crosstalk03.green_back .crosstalk_a .crosstalk_text::after,
.sec_crosstalk04.green_back .crosstalk_a .crosstalk_text::after {
  border-right: 30px solid #fff;
}

.sec_crosstalk04 .crosstalk_wrap {
  margin: 0 0 40px;
}
@media all and (min-width: 751px) {
  .sec_crosstalk04 .crosstalk_wrap {
    margin: 0 0 60px;
  }
}

.btn {
  padding: 0 20px 60px;
}
@media all and (min-width: 751px) {
  .btn {
    padding: 0 20px 100px;
  }
}

/*# sourceMappingURL=crosstalk.css.map */