@charset "UTF-8";
/*********************************************
*
* 共通パーツ、初期設定
*
*********************************************/
/************************
**ブレイクポイント
************************/
/************************
**全体
************************/
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  /*↑googlefont使用時*/
  font-weight: 500;
  font-feature-settings: "palt";
}

/*pタグline-height 余白消し*/
p {
  line-height: 1.5;
  margin: 0;
  padding: 0;
  display: inline-block;
}
p::before, p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
p::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
p::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

/*画像サイズを要素のwidthに合わせる*/
img {
  width: 100%;
  height: auto;
}
img.himg {
  width: auto;
  height: 100%;
}

/*PCとSPで表示切替、ブレイクポイントは適宜変更*/
.sp-on {
  display: block;
}
@media screen and (min-width: 768px) {
  .sp-on {
    display: none;
  }
}

.pc-on {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc-on {
    display: block;
  }
}

/*ボタン化(aタグ、buttonタグを親要素に全体化)*/
.ab-a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ab-b {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/*リストのデザインを削除*/
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  margin: 0;
  padding: 0;
}

/*テキストを一塊にし、途中で改行させない*/
.txtb {
  display: inline-block;
}

/************************
**サイズ別br 使わないものはコメントアウト
************************/
.smartbr {
  display: block;
}
@media screen and (min-width: 576px) {
  .smartbr {
    display: none;
  }
}

.smbr {
  display: none;
}
@media screen and (min-width: 576px) {
  .smbr {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .smbr {
    display: none;
  }
}

.mdbr {
  display: none;
}
@media screen and (min-width: 768px) {
  .mdbr {
    display: block;
  }
}
@media screen and (min-width: 992px) {
  .mdbr {
    display: none;
  }
}

.lgbr {
  display: none;
}
@media screen and (min-width: 992px) {
  .lgbr {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .lgbr {
    display: none;
  }
}

.xlbr {
  display: none;
}
@media screen and (min-width: 1200px) {
  .xlbr {
    display: block;
  }
}
@media screen and (min-width: 1400px) {
  .xlbr {
    display: none;
  }
}

.xxlbr {
  display: none;
}
@media screen and (min-width: 1400px) {
  .xxlbr {
    display: block;
  }
}

.sm-flbr {
  display: none;
}
@media screen and (min-width: 576px) {
  .sm-flbr {
    display: block;
  }
}

.md-flbr {
  display: none;
}
@media screen and (min-width: 768px) {
  .md-flbr {
    display: block;
  }
}

.lg-flbr {
  display: none;
}
@media screen and (min-width: 992px) {
  .lg-flbr {
    display: block;
  }
}

.xl-flbr {
  display: none;
}
@media screen and (min-width: 1200px) {
  .xl-flbr {
    display: block;
  }
}

.xxl-flbr {
  display: none;
}
@media screen and (min-width: 1400px) {
  .xxl-flbr {
    display: block;
  }
}

/************************
**container 使わないものはコメントアウト
************************/
.container {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .container {
    width: 720px;
  }
}

/*********************************************
*
*header
*
*********************************************/
header {
  width: 100%;
}
header .hdr-wrapper {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  padding: 10px;
  background-color: #24262d;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  header .hdr-wrapper {
    height: 60px;
  }
}
header .hdr-wrapper .hdr-logo {
  height: 100%;
}
@media screen and (min-width: 1200px) {
  header .hdr-wrapper .hdr-logo {
    height: 80%;
  }
}
header .hdr-wrapper .hdr-lang {
  font-size: max(15px, 2.3vw);
  color: #fff;
  margin: 0 0 0 auto;
}
@media screen and (min-width: 768px) {
  header .hdr-wrapper .hdr-lang {
    margin: 0 2% 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  header .hdr-wrapper .hdr-lang {
    font-size: 20px;
  }
}
header .hdr-wrapper .hdr-lang a {
  color: inherit;
  text-decoration: none;
  margin: 0 3.125vw;
}
@media screen and (min-width: 768px) {
  header .hdr-wrapper .hdr-lang a {
    margin: 0 1.95vw;
  }
}
@media screen and (min-width: 1200px) {
  header .hdr-wrapper .hdr-lang a {
    margin: 0;
  }
}
header .hdr-wrapper .hdr-obj {
  height: 100%;
  position: relative;
  transform-origin: center;
  transition: transform 0.5s;
  display: none;
}
@media screen and (min-width: 768px) {
  header .hdr-wrapper .hdr-obj {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  header .hdr-wrapper .hdr-obj {
    height: 50%;
  }
}
header .hdr-wrapper .hdr-obj.three-active {
  transform: rotateY(180deg);
}

/*********************************************
*
*wrapper 全体
*
*********************************************/
.wrapper {
  background-color: #000;
  width: 100%;
  min-height: 100dvh;
  overflow: hidden;
}

/*********************************************
*
*#solink-conts
*
*********************************************/
#solink-conts .conts-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (min-width: 768px) {
  #solink-conts .conts-wrapper {
    flex-direction: row;
  }
}
#solink-conts .conts-wrapper .conts-map {
  width: 100%;
  flex-shrink: 0;
  position: relative;
  transition: width 0.5s;
}
#solink-conts .conts-wrapper .conts-map .map-sp {
  display: block;
}
@media screen and (min-width: 576px) {
  #solink-conts .conts-wrapper .conts-map .map-sp {
    display: none;
  }
}
#solink-conts .conts-wrapper .conts-map .map-pc {
  display: none;
}
@media screen and (min-width: 576px) {
  #solink-conts .conts-wrapper .conts-map .map-pc {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #solink-conts .conts-wrapper .conts-map {
    width: calc(100% - 28.6vw + 100vw - 100%);
  }
}
#solink-conts .conts-wrapper .conts-map.three-active {
  width: 100%;
}
#solink-conts .conts-wrapper .conts-map .map-line {
  position: absolute;
  height: 1%;
  background-color: #de6200;
  transform-origin: left center;
  animation-duration: 3s;
  animation-timing-function: ease;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
@media screen and (min-width: 576px) {
  #solink-conts .conts-wrapper .conts-map .map-line {
    height: 0.75%;
  }
}
#solink-conts .conts-wrapper .conts-map .map-line#line-sheepla-hci {
  width: 0;
  top: 5.25%;
  left: 7.8%;
  rotate: 36deg;
  animation-name: sheepla-hci-sp;
}
@media screen and (min-width: 576px) {
  #solink-conts .conts-wrapper .conts-map .map-line#line-sheepla-hci {
    top: 5.25%;
    left: 29.8%;
    rotate: 36deg;
    animation-name: sheepla-hci-pc;
  }
}
@keyframes sheepla-hci-sp {
  0% {
    width: 0;
  }
  80% {
    width: 75%;
  }
  100% {
    width: 75%;
  }
}
@keyframes sheepla-hci-pc {
  0% {
    width: 0;
  }
  80% {
    width: 38.5%;
  }
  100% {
    width: 38.5%;
  }
}
#solink-conts .conts-wrapper .conts-map .map-line#line-hci-uai {
  width: 0;
  top: 35.4%;
  left: 68%;
  rotate: 73deg;
  animation-name: hci-uai-sp;
}
@media screen and (min-width: 576px) {
  #solink-conts .conts-wrapper .conts-map .map-line#line-hci-uai {
    top: 35.4%;
    left: 61%;
    rotate: 73deg;
    animation-name: hci-uai-pc;
  }
}
@keyframes hci-uai-sp {
  0% {
    width: 0;
  }
  80% {
    width: 85.5%;
  }
  100% {
    width: 85.5%;
  }
}
@keyframes hci-uai-pc {
  0% {
    width: 0;
  }
  80% {
    width: 44.5%;
  }
  100% {
    width: 44.5%;
  }
}
#solink-conts .conts-wrapper .conts-map .map-line#line-uai-sheepla {
  width: 0;
  top: 92%;
  left: 93.8%;
  rotate: -124deg;
  animation-name: uai-sheepla-sp;
}
@media screen and (min-width: 576px) {
  #solink-conts .conts-wrapper .conts-map .map-line#line-uai-sheepla {
    top: 92%;
    left: 73.8%;
    rotate: -124deg;
    animation-name: uai-sheepla-pc;
  }
}
@keyframes uai-sheepla-sp {
  0% {
    width: 0;
  }
  80% {
    width: 150%;
  }
  100% {
    width: 150%;
  }
}
@keyframes uai-sheepla-pc {
  0% {
    width: 0;
  }
  80% {
    width: 78.3%;
  }
  100% {
    width: 78.3%;
  }
}
#solink-conts .conts-wrapper .conts-map .map-name {
  position: absolute;
  color: #c8cedc;
  font-size: 1.3vw;
}
#solink-conts .conts-wrapper .conts-map .map-name#name-sheepla {
  top: 4%;
  left: 18%;
}
#solink-conts .conts-wrapper .conts-map .map-name#name-hci {
  top: 34%;
  left: 64%;
}
#solink-conts .conts-wrapper .conts-map .map-name#name-uai {
  top: 91%;
  left: 77%;
}
#solink-conts .conts-wrapper .conts-map .map-point {
  position: absolute;
  width: 7.8%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 576px) {
  #solink-conts .conts-wrapper .conts-map .map-point {
    width: 3.7%;
  }
}
#solink-conts .conts-wrapper .conts-map .map-point#point-sheepla {
  top: 5.25%;
  left: 7.8%;
}
@media screen and (min-width: 576px) {
  #solink-conts .conts-wrapper .conts-map .map-point#point-sheepla {
    top: 5.4%;
    left: 29.7%;
  }
}
#solink-conts .conts-wrapper .conts-map .map-point#point-hci {
  top: 35.4%;
  left: 68%;
}
@media screen and (min-width: 576px) {
  #solink-conts .conts-wrapper .conts-map .map-point#point-hci {
    top: 35.6%;
    left: 61%;
  }
}
#solink-conts .conts-wrapper .conts-map .map-point#point-uai {
  top: 92%;
  left: 93.8%;
}
@media screen and (min-width: 576px) {
  #solink-conts .conts-wrapper .conts-map .map-point#point-uai {
    top: 92%;
    left: 74%;
  }
}
#solink-conts .conts-wrapper .conts-map .map-point .point-wrap {
  position: relative;
}
#solink-conts .conts-wrapper .conts-map .map-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  pointer-events: none;
}
#solink-conts .conts-wrapper .conts-map .map-title figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
#solink-conts .conts-wrapper .conts-map .map-title svg {
  width: 100%;
}
#solink-conts .conts-wrapper .conts-map .map-title svg > * {
  fill: #fff;
  stroke: #fff;
}
#solink-conts .conts-wrapper .conts-map .map-title.colorchange svg > * {
  fill: #000;
  stroke: #000;
}
#solink-conts .conts-wrapper .conts-map .three-button {
  position: absolute;
  top: calc(100% - 4.6875vw);
  left: 50%;
  height: 9.375vw;
  z-index: 2;
  rotate: x 0;
  transform: translateX(-50%) rotateZ(90deg);
  transition: rotate 0.5s;
}
@media screen and (min-width: 576px) {
  #solink-conts .conts-wrapper .conts-map .three-button {
    top: calc(100% - 2.6041666667vw);
    height: 5.2083333333vw;
  }
}
@media screen and (min-width: 768px) {
  #solink-conts .conts-wrapper .conts-map .three-button {
    display: none;
  }
}
#solink-conts .conts-wrapper .conts-map .three-button.three-active {
  rotate: x 180deg;
}
#solink-conts .conts-wrapper .conts-three {
  background-color: #000;
  display: flex;
  flex-direction: column;
  height: 0;
  margin-bottom: 30px;
  overflow: hidden;
  transition: height 0.5s;
}
#solink-conts .conts-wrapper .conts-three.three-active {
  height: auto;
  height: calc-size(auto, size);
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  #solink-conts .conts-wrapper .conts-three {
    width: 28.6vw;
    height: 100%;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: calc(100% - 28.6vw + 100vw - 100%);
    transition: left 0.5s, margin-bottom 0.5s;
  }
}
#solink-conts .conts-wrapper .conts-three .three-one {
  position: relative;
}
#solink-conts .conts-wrapper .conts-three .three-one .three-image {
  height: auto;
}
#solink-conts .conts-wrapper .conts-three .three-one .three-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.5s;
}
#solink-conts .conts-wrapper .conts-three .three-one#three-one-hci .three-logo {
  width: 50%;
}
#solink-conts .conts-wrapper .conts-three .three-one#three-one-sheepla .three-logo {
  width: 40%;
}
#solink-conts .conts-wrapper .conts-three .three-one#three-one-uai .three-logo {
  width: 30%;
}
#solink-conts .conts-wrapper .conts-three .three-one .three-btn {
  visibility: hidden;
}
#solink-conts .conts-wrapper .conts-three .three-one .three-open {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3.5%;
  height: 1.8vw;
  aspect-ratio: 1/0.6;
}
#solink-conts .conts-wrapper .conts-three .three-one .three-open .open-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
#solink-conts .conts-wrapper .conts-three .three-one .three-open .open-wrap .open-mark {
  width: 100%;
  height: 100%;
  clip-path: polygon(50% 100%, 100% 0, 0 0);
  background-color: #fff;
}
#solink-conts .conts-wrapper .conts-three .three-one.three-open .three-image {
  height: auto;
  height: calc-size(auto, size);
}
#solink-conts .conts-wrapper .conts-three .three-one.three-open .three-image img {
  width: 100%;
  height: auto;
}
#solink-conts .conts-wrapper .conts-three .three-one.three-open#three-one-hci .three-logo {
  width: 50%;
  height: auto;
}
#solink-conts .conts-wrapper .conts-three .three-one.three-open#three-one-hci .three-logo img {
  width: 100%;
  height: auto;
}
#solink-conts .conts-wrapper .conts-three .three-one.three-open#three-one-sheepla .three-logo {
  width: 40%;
  height: auto;
}
#solink-conts .conts-wrapper .conts-three .three-one.three-open#three-one-sheepla .three-logo img {
  width: 100%;
  height: auto;
}
#solink-conts .conts-wrapper .conts-three .three-one.three-open#three-one-uai .three-logo {
  width: 30%;
  height: auto;
}
#solink-conts .conts-wrapper .conts-three .three-one.three-open#three-one-uai .three-logo img {
  width: 100%;
  height: auto;
}
#solink-conts .conts-wrapper .conts-three .three-one.three-open .three-btn {
  visibility: visible;
}
#solink-conts .conts-wrapper .conts-three .three-one.three-open .three-open .open-wrap .open-mark {
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
#solink-conts .conts-wrapper .three-active + .conts-three {
  left: 100%;
}

/*********************************************
*
*#solink-modal
*
*********************************************/
#solink-modal .modal-contents {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 999999;
}
#solink-modal .modal-contents .modal-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
#solink-modal .modal-contents .modal-wrap .modal-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
#solink-modal .modal-contents .modal-wrap .modal-frame {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  max-height: 90dvh;
  box-sizing: border-box;
  overflow-y: auto;
  scrollbar-gutter: stable;
  scrollbar-color: #de6200 #000;
  scrollbar-width: thin;
  box-sizing: border-box;
  background-color: #000;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body {
  color: #fff;
  overflow: hidden;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main {
  position: relative;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main .modal-movie {
  display: none;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main .modal-movie video {
  width: 100%;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main .modal-text {
  display: none;
  width: 98%;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main .modal-text .modal-box {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main .modal-text .modal-box .text-left {
  width: 0;
  height: min(15vw, 300px);
  box-sizing: border-box;
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  display: grid;
  place-content: center;
  font-size: min(1.5vw, 32px);
  opacity: 0;
  transition: width 0.5s, opacity 0.5s;
  overflow: hidden;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main .modal-text .modal-box .text-left.left-anime {
  width: min(32%, 500px);
  opacity: 1;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main .modal-text .modal-box .text-left p {
  margin-top: 30%;
  opacity: 0;
  transition: opacity 0.5s, margin-top 0.5s;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main .modal-text .modal-box .text-left p.left-anime {
  margin-top: 0;
  opacity: 1;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main .modal-text .modal-box .text-right {
  width: 0;
  height: min(15vw, 300px);
  padding: 0.5%;
  box-sizing: border-box;
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  font-size: min(1.25vw, 22px);
  display: grid;
  place-content: center;
  opacity: 0;
  transition: width 0.5s, opacity 0.5s;
  overflow: hidden;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main .modal-text .modal-box .text-right.right-anime {
  width: min(65%, 980px);
  opacity: 1;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main .modal-text .modal-box .text-right p {
  margin-top: 30%;
  opacity: 0;
  transition: opacity 0.5s, margin-top 0.5s;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-main .modal-text .modal-box .text-right p.right-anime {
  margin-top: 0;
  opacity: 1;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-link {
  padding: min(1.67vw, 30px) 0;
  display: none;
}
#solink-modal .modal-contents .modal-wrap .modal-frame .modal-body .modal-link .link-frame {
  width: min(60%, 800px);
  margin: 0 auto;
  text-align: center;
  height: min(5vw, 80px);
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 10px;
  display: grid;
  place-content: center;
  font-size: min(1.5vw, 22px);
  position: relative;
}
#solink-modal .modal-contents .modal-wrap .modal-close {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 50px;
  height: 50px;
  z-index: 1;
}
#solink-modal .modal-contents .modal-wrap .modal-close .close-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
#solink-modal .modal-contents .modal-wrap .modal-close .close-wrap .close-line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  width: 85%;
  height: 5px;
  background-color: #c8cedc;
}
#solink-modal .modal-contents .modal-wrap .modal-close .close-wrap .close-line:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
#solink-modal .modal-contents .modal-wrap .modal-close .close-wrap .close-line:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#solink-modal .modal-contents.modal-open {
  display: block;
}
#solink-modal .modal-contents.modal-open.modal-hci .modal-main .modal-movie.hci-conts {
  display: block;
}
#solink-modal .modal-contents.modal-open.modal-hci .modal-main .modal-text.hci-conts {
  display: block;
}
#solink-modal .modal-contents.modal-open.modal-hci .modal-link.hci-conts {
  display: block;
}
#solink-modal .modal-contents.modal-open.modal-uai .modal-main .modal-movie.uai-conts {
  display: block;
}
#solink-modal .modal-contents.modal-open.modal-uai .modal-main .modal-text.uai-conts {
  display: block;
}
#solink-modal .modal-contents.modal-open.modal-uai .modal-link.uai-conts {
  display: block;
}
#solink-modal .modal-contents.modal-open.modal-sheepla .modal-main .modal-movie.sheepla-conts {
  display: block;
}
#solink-modal .modal-contents.modal-open.modal-sheepla .modal-main .modal-text.sheepla-conts {
  display: block;
}
#solink-modal .modal-contents.modal-open.modal-sheepla .modal-link.sheepla-conts {
  display: block;
}

/*********************************************
*
*solink-feature
*
*********************************************/
#solink-feature .feature-wrapper {
  padding: 2.5vw 0 0;
  color: #fff;
}
@media screen and (min-width: 1200px) {
  #solink-feature .feature-wrapper {
    padding: 50px 0 0;
  }
}
#solink-feature .feature-wrapper .feature-container {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container {
    width: 720px;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container {
    width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  #solink-feature .feature-wrapper .feature-container {
    width: 1140px;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents {
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents {
    width: 90%;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-tab {
  display: flex;
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-tab .tab-one {
  width: 33.3333333333%;
  text-align: center;
  background-color: #24262d;
  font-size: 3.75vw;
  position: relative;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-tab .tab-one {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-tab .tab-one {
    font-size: 16px;
  }
}
@media screen and (min-width: 1200px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-tab .tab-one {
    font-size: 18px;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-tab .tab-one .tab-frame {
  width: 100%;
  padding: 1.5625vw 0;
  border-radius: 5px;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-tab .tab-one .tab-frame {
    padding: 5px 0;
    border-radius: 10px;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-tab .tab-one .tab-frame .tab-wrap {
  padding: 3.125vw 0;
  border-right: 1px solid #c8cedc;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-tab .tab-one .tab-frame .tab-wrap {
    padding: 10px 0;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-tab .tab-one.tab-active .tab-frame {
  background-color: #000;
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-tab .tab-one:nth-last-child(1) .tab-frame .tab-wrap {
  border-right: none;
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel {
  width: 100%;
  padding-top: 3.125vw;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel {
    padding-top: 5px;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel {
    padding-top: 10px;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap {
  display: flex;
  width: 100%;
  transition: transform 0.6s ease;
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one {
  width: 100%;
  flex: 0 0 100%;
  box-sizing: border-box;
  position: relative;
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 {
  display: flex;
  flex-direction: column;
  gap: 3.125vw;
  margin-bottom: 3.125vw;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 {
    flex-direction: row;
    align-items: stretch;
    gap: 5px;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 {
    gap: 10px;
    margin-bottom: 10px;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-text {
  position: relative;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-text {
    width: calc(40.165% - 2.5px);
    flex-shrink: 0;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-text {
    width: calc(40.165% - 5px);
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-text .text-back {
  width: 100%;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-text .text-back {
    height: 100%;
    aspect-ratio: initial;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-text .text-back img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-text .text-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  font-size: 4.375vw;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-text .text-main {
    font-size: 16px;
    width: 85%;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-text .text-main {
    font-size: 18px;
    width: 80%;
  }
}
@media screen and (min-width: 1200px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-text .text-main {
    font-size: 20px;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-text .text-main .text-title {
  width: 90%;
  margin: 0 auto 0.5em;
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-image {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-image {
    width: calc(59.835% - 2.5px);
    flex-shrink: 0;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block01 .block-image {
    width: calc(59.835% - 5px);
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block02 {
  display: flex;
  flex-direction: column;
  gap: 3.125vw;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block02 {
    flex-direction: row;
    gap: 5px;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=hci] .panel-block02 {
    gap: 10px;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 {
  display: flex;
  flex-direction: column;
  gap: 3.125vw;
  margin-bottom: 3.125vw;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 {
    flex-direction: row;
    align-items: stretch;
    gap: 5px;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 {
    gap: 10px;
    margin-bottom: 10px;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-text {
  position: relative;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-text {
    width: calc(40.165% - 2.5px);
    flex-shrink: 0;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-text {
    width: calc(40.165% - 5px);
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-text .text-back {
  width: 100%;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-text .text-back {
    height: 100%;
    aspect-ratio: initial;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-text .text-back img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-text .text-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  font-size: 4.375vw;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-text .text-main {
    font-size: 16px;
    width: 85%;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-text .text-main {
    font-size: 18px;
    width: 80%;
  }
}
@media screen and (min-width: 1200px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-text .text-main {
    font-size: 20px;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-text .text-main .text-title {
  width: 50%;
  margin: 0 auto 0.5em;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-text .text-main .text-title {
    width: 70%;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-image {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-image {
    width: calc(59.835% - 2.5px);
    flex-shrink: 0;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block01 .block-image {
    width: calc(59.835% - 5px);
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block02 {
  display: flex;
  flex-wrap: wrap;
  gap: 3.125vw;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block02 {
    flex-wrap: nowrap;
    gap: 5px;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block02 {
    gap: 10px;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block02 .block-image:nth-child(1) {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block02 .block-image:nth-child(1) {
    width: calc(40% - 3.3333333333px);
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block02 .block-image:nth-child(2) {
  width: calc(51.15% - 1.5625vw);
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block02 .block-image:nth-child(2) {
    width: calc(31% - 3.3333333333px);
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block02 .block-image:nth-child(3) {
  width: calc(48.85% - 1.5625vw);
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block02 .block-image:nth-child(3) {
    width: calc(29% - 3.3333333333px);
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=sheepla] .panel-block02 .block-image img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 {
  display: flex;
  flex-direction: column;
  gap: 3.125vw;
  margin-bottom: 3.125vw;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 {
    flex-direction: row;
    align-items: stretch;
    gap: 5px;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 {
    gap: 10px;
    margin-bottom: 10px;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-text {
  position: relative;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-text {
    width: calc(40.165% - 2.5px);
    flex-shrink: 0;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-text {
    width: calc(40.165% - 5px);
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-text .text-back {
  width: 100%;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-text .text-back {
    height: 100%;
    aspect-ratio: initial;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-text .text-back img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-text .text-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  font-size: 4.375vw;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-text .text-main {
    font-size: 16px;
    width: 85%;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-text .text-main {
    font-size: 18px;
    width: 80%;
  }
}
@media screen and (min-width: 1200px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-text .text-main {
    font-size: 20px;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-text .text-main .text-title {
  width: 30%;
  margin: 0 auto 0.5em;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-text .text-main .text-title {
    width: 50%;
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-image {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-image {
    width: calc(59.835% - 2.5px);
    flex-shrink: 0;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block01 .block-image {
    width: calc(59.835% - 5px);
  }
}
#solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block02 {
  display: flex;
  flex-direction: column;
  gap: 3.125vw;
}
@media screen and (min-width: 768px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block02 {
    flex-direction: row;
    gap: 5px;
  }
}
@media screen and (min-width: 992px) {
  #solink-feature .feature-wrapper .feature-container .feature-contents .feature-panel .panel-wrap .panel-one[data-panel=uai] .panel-block02 {
    gap: 10px;
  }
}

/*********************************************
*
*#solink-contact
*
*********************************************/
#solink-contact .contact-wrapper {
  color: #de6200;
  padding: 2.5vw 0;
}
@media screen and (min-width: 1200px) {
  #solink-contact .contact-wrapper {
    padding: 50px 0;
  }
}
#solink-contact .contact-wrapper .contact-wrap {
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #solink-contact .contact-wrapper .contact-wrap {
    width: 100%;
  }
}
#solink-contact .contact-wrapper .contact-wrap .contact-title {
  text-align: center;
  font-weight: 800;
  margin-bottom: 3.125vw;
}
@media screen and (min-width: 992px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-title {
    margin-bottom: min(2.5vw, 50px);
  }
}
#solink-contact .contact-wrapper .contact-wrap .contact-title .title-main {
  font-size: 10vw;
  letter-spacing: 0.05em;
  margin-bottom: 1.5625vw;
}
@media screen and (min-width: 768px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-title .title-main {
    font-size: min(4.58vw, 50px);
    margin-bottom: min(0.83vw, 15px);
  }
}
#solink-contact .contact-wrapper .contact-wrap .contact-title .title-sub {
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-title .title-sub {
    font-size: min(1.8vw, 25px);
  }
}
#solink-contact .contact-wrapper .contact-wrap .form-decoline {
  width: calc(100% - 10px);
  height: 1px;
  background-color: #de6200;
  margin: min(0.83vw, 15px) 0 min(0.83vw, 15px) auto;
  position: relative;
}
#solink-contact .contact-wrapper .contact-wrap .form-decoline::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  width: 10px;
  height: 10px;
  border: 1px solid #de6200;
  border-radius: 50%;
}
#solink-contact .contact-wrapper .contact-wrap .contact-form {
  width: 95%;
  margin: 3.125vw auto;
}
@media screen and (min-width: 768px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form {
    width: 80%;
    margin: min(1.25vw, 30px) auto;
  }
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item {
  padding: 3.125vw 0;
  margin-bottom: min(0.83vw, 15px);
}
@media screen and (min-width: 768px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form .form-item {
    padding: min(0.83vw, 15px) 0;
    margin-bottom: min(0.83vw, 15px);
  }
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item label {
  display: block;
  margin-bottom: 1.5625vw;
  font-size: 3.75vw;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form .form-item label {
    margin-bottom: min(0.83vw, 15px);
    font-size: min(1.8vw, 16px);
  }
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item input {
  display: block;
  height: 9.375vw;
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #de6200;
  color: #fff;
  font-size: max(16px, 1.5vw);
}
@media screen and (min-width: 768px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form .form-item input {
    height: 5.2vw;
  }
}
@media screen and (min-width: 1200px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form .form-item input {
    height: min(3.33vw, 60px);
    font-size: min(1.3vw, 20px);
  }
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item input:focus {
  outline: none;
  color: #24262d;
  background-color: rgba(254, 241, 246, 0.8);
  border: 1px solid #de6200;
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item select {
  display: block;
  height: 9.375vw;
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #de6200;
  color: #fff;
  font-size: max(16px, 1.5vw);
}
@media screen and (min-width: 768px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form .form-item select {
    height: 5.2vw;
  }
}
@media screen and (min-width: 1200px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form .form-item select {
    height: min(3.33vw, 60px);
    font-size: min(1.3vw, 20px);
  }
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item select:focus {
  outline: none;
  background-color: #fef1f6;
  border: 1px solid #de6200;
  color: #de6200;
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item textarea {
  display: block;
  height: 62.5vw;
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #de6200;
  font-size: max(16px, 1.5vw);
  color: #fff;
}
@media screen and (min-width: 768px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form .form-item textarea {
    height: 30vw;
  }
}
@media screen and (min-width: 1200px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form .form-item textarea {
    height: min(10vw, 200px);
    font-size: min(1.3vw, 20px);
  }
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item textarea:focus {
  outline: none;
  color: #24262d;
  background-color: #fef1f6;
  border: 1px solid #de6200;
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item button {
  display: block;
  width: min(80%, 320px);
  height: 12.5vw;
  font-size: 4.68vw;
  margin: 0 auto;
  border: none;
  color: #fff;
  background-color: #de6200;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 768px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form .form-item button {
    height: min(6.5vw, 50px);
    font-size: min(2.8vw, 20px);
  }
}
@media screen and (min-width: 1200px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form .form-item button {
    height: min(5vw, 60px);
    font-size: min(2vw, 30px);
  }
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item button::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item button:hover::after {
  opacity: 1;
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item .input-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 3.125vw;
}
@media screen and (min-width: 576px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form .form-item .input-box {
    flex-direction: row;
  }
}
#solink-contact .contact-wrapper .contact-wrap .contact-form .form-item .input-box input {
  width: 100%;
}
@media screen and (min-width: 576px) {
  #solink-contact .contact-wrapper .contact-wrap .contact-form .form-item .input-box input {
    width: 49%;
  }
}

/*********************************************
*
*#solink-formcheck
*
*********************************************/
#solink-formcheck .formcheck-wrapper {
  color: #de6200;
  padding: 2.5vw 0;
}
@media screen and (min-width: 1200px) {
  #solink-formcheck .formcheck-wrapper {
    padding: 50px 0;
  }
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap {
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #solink-formcheck .formcheck-wrapper .formcheck-wrap {
    width: 100%;
  }
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .formcheck-title {
  text-align: center;
  font-weight: 800;
  margin-bottom: 3.125vw;
}
@media screen and (min-width: 992px) {
  #solink-formcheck .formcheck-wrapper .formcheck-wrap .formcheck-title {
    margin-bottom: min(2.5vw, 50px);
  }
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .formcheck-title .title-main {
  font-size: 10vw;
  letter-spacing: 0.05em;
  margin-bottom: 1.5625vw;
}
@media screen and (min-width: 768px) {
  #solink-formcheck .formcheck-wrapper .formcheck-wrap .formcheck-title .title-main {
    font-size: min(4.58vw, 50px);
    margin-bottom: min(0.83vw, 15px);
  }
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .formcheck-title .title-sub {
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  #solink-formcheck .formcheck-wrapper .formcheck-wrap .formcheck-title .title-sub {
    font-size: min(1.8vw, 25px);
  }
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .formcheck-decoline {
  width: calc(100% - 10px);
  height: 1px;
  background-color: #de6200;
  margin: min(0.83vw, 15px) 0 min(0.83vw, 15px) auto;
  position: relative;
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .formcheck-decoline::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  width: 10px;
  height: 10px;
  border: 1px solid #de6200;
  border-radius: 50%;
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form {
  width: 95%;
  margin: 3.125vw auto;
}
@media screen and (min-width: 768px) {
  #solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form {
    width: 80%;
    margin: min(1.25vw, 30px) auto;
  }
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item {
  padding: 3.125vw 0;
  margin-bottom: min(0.83vw, 15px);
}
@media screen and (min-width: 768px) {
  #solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item {
    padding: min(0.83vw, 15px) 0;
    margin-bottom: min(0.83vw, 15px);
  }
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item .item-title {
  margin-bottom: 1.5625vw;
  font-size: 3.75vw;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item .item-title {
    margin-bottom: min(0.83vw, 15px);
    font-size: min(1.8vw, 16px);
  }
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item .item-value {
  width: 100%;
  border-bottom: 1px solid #de6200;
  color: #fff;
  font-size: 4.375vw;
  line-height: 9.375vw;
}
@media screen and (min-width: 768px) {
  #solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item .item-value {
    font-size: 1.82vw;
    line-height: 5.2vw;
  }
}
@media screen and (min-width: 1200px) {
  #solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item .item-value {
    font-size: min(1.3vw, 20px);
    line-height: min(3.33vw, 60px);
  }
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item.form-btn {
  display: flex;
  flex-direction: column;
  row-gap: 3.125vw;
}
@media screen and (min-width: 768px) {
  #solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item.form-btn {
    flex-direction: row;
    justify-content: center;
    column-gap: min(1.953125vw, 30px);
  }
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item.form-btn button {
  display: block;
  width: min(80%, 320px);
  height: 12.5vw;
  font-size: 4.68vw;
  margin: 0 auto;
  border: none;
  color: #fff;
  background-color: #de6200;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 768px) {
  #solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item.form-btn button {
    width: min(45%, 320px);
    height: min(6.5vw, 50px);
    font-size: min(2.8vw, 20px);
  }
}
@media screen and (min-width: 1200px) {
  #solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item.form-btn button {
    height: min(5vw, 60px);
    font-size: min(2vw, 30px);
  }
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item.form-btn button::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}
#solink-formcheck .formcheck-wrapper .formcheck-wrap .contact-form .form-item.form-btn button:hover::after {
  opacity: 1;
}

/*********************************************
*
*#solink-thanks
*
*********************************************/
#solink-thanks .thanks-wrapper,
#solink-eventthanks .thanks-wrapper {
  color: #de6200;
  padding: 2.5vw 0;
}
@media screen and (min-width: 1200px) {
  #solink-thanks .thanks-wrapper,
  #solink-eventthanks .thanks-wrapper {
    padding: 50px 0;
  }
}
#solink-thanks .thanks-wrapper .thanks-wrap .thanks-title,
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-title {
  text-align: center;
  font-weight: 800;
  margin-bottom: 3.125vw;
}
@media screen and (min-width: 992px) {
  #solink-thanks .thanks-wrapper .thanks-wrap .thanks-title,
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-title {
    margin-bottom: min(2.5vw, 50px);
  }
}
#solink-thanks .thanks-wrapper .thanks-wrap .thanks-title .title-main,
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-title .title-main {
  font-size: 10vw;
  letter-spacing: 0.05em;
  margin-bottom: 1.5625vw;
}
@media screen and (min-width: 768px) {
  #solink-thanks .thanks-wrapper .thanks-wrap .thanks-title .title-main,
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-title .title-main {
    font-size: min(4.58vw, 50px);
    margin-bottom: min(0.83vw, 15px);
  }
}
#solink-thanks .thanks-wrapper .thanks-wrap .thanks-title .title-sub,
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-title .title-sub {
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  #solink-thanks .thanks-wrapper .thanks-wrap .thanks-title .title-sub,
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-title .title-sub {
    font-size: min(1.8vw, 25px);
  }
}
#solink-thanks .thanks-wrapper .thanks-wrap .thanks-decoline,
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-decoline {
  width: calc(100% - 10px);
  height: 1px;
  background-color: #de6200;
  margin: min(0.83vw, 15px) 0 min(0.83vw, 15px) auto;
  position: relative;
}
#solink-thanks .thanks-wrapper .thanks-wrap .thanks-decoline::before,
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-decoline::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  width: 10px;
  height: 10px;
  border: 1px solid #de6200;
  border-radius: 50%;
}
#solink-thanks .thanks-wrapper .thanks-wrap .thanks-message,
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message {
  width: 95%;
  margin: 0 auto;
  color: #fff;
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  #solink-thanks .thanks-wrapper .thanks-wrap .thanks-message,
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message {
    font-size: min(1.82vw, 16px);
  }
}
@media screen and (min-width: 1200px) {
  #solink-thanks .thanks-wrapper .thanks-wrap .thanks-message,
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message {
    font-size: min(1.3vw, 18px);
  }
}
#solink-thanks .thanks-wrapper .thanks-wrap .thanks-message .thanks-main,
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message .thanks-main {
  font-size: 1.5em;
  margin: 3.125vw 0 6.25vw;
}
@media screen and (min-width: 768px) {
  #solink-thanks .thanks-wrapper .thanks-wrap .thanks-message .thanks-main,
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message .thanks-main {
    margin: 1.95vw 0 3.9vw;
  }
}
@media screen and (min-width: 1200px) {
  #solink-thanks .thanks-wrapper .thanks-wrap .thanks-message .thanks-main,
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message .thanks-main {
    margin: 30px 0 50px;
  }
}
#solink-thanks .thanks-wrapper .thanks-wrap .thanks-back,
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-back {
  margin: 9.375vw 0 0;
}
@media screen and (min-width: 992px) {
  #solink-thanks .thanks-wrapper .thanks-wrap .thanks-back,
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-back {
    margin: min(6.5104vw, 80px) 0 0;
  }
}
#solink-thanks .thanks-wrapper .thanks-wrap .thanks-back .back-btn,
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-back .back-btn {
  width: min(80%, 320px);
  height: 12.5vw;
  font-size: 4.68vw;
  margin: 0 auto;
  color: #fff;
  background-color: #de6200;
  cursor: pointer;
  position: relative;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px) {
  #solink-thanks .thanks-wrapper .thanks-wrap .thanks-back .back-btn,
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-back .back-btn {
    height: min(6.5vw, 50px);
    font-size: min(2.8vw, 20px);
  }
}
@media screen and (min-width: 1200px) {
  #solink-thanks .thanks-wrapper .thanks-wrap .thanks-back .back-btn,
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-back .back-btn {
    height: min(5vw, 60px);
    font-size: min(2vw, 30px);
  }
}
#solink-thanks .thanks-wrapper .thanks-wrap .thanks-back .back-btn::after,
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-back .back-btn::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}
#solink-thanks .thanks-wrapper .thanks-wrap .thanks-back .back-btn:hover::after,
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-back .back-btn:hover::after {
  opacity: 1;
}

/*********************************************
*
*#solink-eventcontact
*
*********************************************/
#solink-eventcontact .contact-wrapper {
  color: #de6200;
  padding: 2.5vw 0;
}
@media screen and (min-width: 1200px) {
  #solink-eventcontact .contact-wrapper {
    padding: 50px 0;
  }
}
#solink-eventcontact .contact-wrapper .contact-container {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-container {
    width: 720px;
  }
}
@media screen and (min-width: 992px) {
  #solink-eventcontact .contact-wrapper .contact-container {
    width: 960px;
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap {
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-wrap {
    width: 100%;
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-title {
  text-align: center;
  font-weight: 800;
  margin-bottom: 3.125vw;
}
@media screen and (min-width: 992px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-title {
    margin-bottom: min(2.5vw, 50px);
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-title .title-main {
  font-size: 5.625vw;
  letter-spacing: 0.05em;
  margin-bottom: 3.125vw;
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-title .title-main {
    font-size: 22px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 992px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-title .title-main {
    font-size: 28px;
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-title .title-sub {
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-title .title-sub {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-title .title-sub {
    font-size: 20px;
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-info {
  margin: 3.125vw 0;
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-info {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-info {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-info .info-wrap {
    margin: 0 auto;
    width: 80%;
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-info .info-wrap .info-title {
  font-weight: 900;
  margin-bottom: 0.5em;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-info .info-wrap .info-date {
  margin-bottom: 0.75em;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-info .info-wrap .info-place {
  margin-bottom: 1.5em;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li {
  margin-bottom: 0.5em;
  padding-left: 1em;
  position: relative;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li p {
  line-height: 1.25;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li p::before, #solink-eventcontact .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li p::before {
  margin-top: calc((1 - 1.25) * 0.5em);
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li p::after {
  margin-bottom: calc((1 - 1.25) * 0.5em);
}
#solink-eventcontact .contact-wrapper .contact-wrap .form-decoline {
  width: calc(100% - 10px);
  height: 1px;
  background-color: #de6200;
  margin: min(0.83vw, 15px) 0 min(0.83vw, 15px) auto;
  position: relative;
}
#solink-eventcontact .contact-wrapper .contact-wrap .form-decoline::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  width: 10px;
  height: 10px;
  border: 1px solid #de6200;
  border-radius: 50%;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form {
  width: 95%;
  margin: 3.125vw auto;
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form {
    width: 80%;
    margin: min(1.25vw, 30px) auto;
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item {
  padding: 3.125vw 0;
  margin-bottom: min(0.83vw, 15px);
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item {
    padding: min(0.83vw, 15px) 0;
    margin-bottom: min(0.83vw, 15px);
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item label {
  display: block;
  margin-bottom: 1.5625vw;
  font-size: 3.75vw;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item label {
    margin-bottom: min(0.83vw, 15px);
    font-size: min(1.8vw, 16px);
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item input {
  display: block;
  height: 9.375vw;
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #de6200;
  color: #fff;
  font-size: max(16px, 1.5vw);
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item input {
    height: 5.2vw;
  }
}
@media screen and (min-width: 1200px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item input {
    height: min(3.33vw, 60px);
    font-size: min(1.3vw, 20px);
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item input:focus {
  outline: none;
  color: #24262d;
  background-color: rgba(254, 241, 246, 0.8);
  border: 1px solid #de6200;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item select {
  display: block;
  height: 9.375vw;
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #de6200;
  color: #fff;
  font-size: max(16px, 1.5vw);
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item select {
    height: 5.2vw;
  }
}
@media screen and (min-width: 1200px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item select {
    height: min(3.33vw, 60px);
    font-size: min(1.3vw, 20px);
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item select:focus {
  outline: none;
  background-color: #fef1f6;
  border: 1px solid #de6200;
  color: #de6200;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item textarea {
  display: block;
  height: 62.5vw;
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #de6200;
  font-size: max(16px, 1.5vw);
  color: #fff;
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item textarea {
    height: 30vw;
  }
}
@media screen and (min-width: 1200px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item textarea {
    height: min(10vw, 200px);
    font-size: min(1.3vw, 20px);
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item textarea:focus {
  outline: none;
  color: #24262d;
  background-color: #fef1f6;
  border: 1px solid #de6200;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item button {
  display: block;
  width: min(80%, 320px);
  height: 12.5vw;
  font-size: 4.68vw;
  margin: 0 auto;
  border: none;
  color: #fff;
  background-color: #de6200;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 768px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item button {
    height: min(6.5vw, 50px);
    font-size: min(2.8vw, 20px);
  }
}
@media screen and (min-width: 1200px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item button {
    height: min(5vw, 60px);
    font-size: min(2vw, 30px);
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item button::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item button:hover::after {
  opacity: 1;
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item .input-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 3.125vw;
}
@media screen and (min-width: 576px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item .input-box {
    flex-direction: row;
  }
}
#solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item .input-box input {
  width: 100%;
}
@media screen and (min-width: 576px) {
  #solink-eventcontact .contact-wrapper .contact-wrap .contact-form .form-item .input-box input {
    width: 49%;
  }
}

/*********************************************
*
*#solink-eventformcheck
*
*********************************************/
#solink-eventformcheck .contact-wrapper {
  color: #de6200;
  padding: 2.5vw 0;
}
@media screen and (min-width: 1200px) {
  #solink-eventformcheck .contact-wrapper {
    padding: 50px 0;
  }
}
#solink-eventformcheck .contact-wrapper .contact-container {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #solink-eventformcheck .contact-wrapper .contact-container {
    width: 720px;
  }
}
@media screen and (min-width: 992px) {
  #solink-eventformcheck .contact-wrapper .contact-container {
    width: 960px;
  }
}
#solink-eventformcheck .contact-wrapper .contact-wrap {
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap {
    width: 100%;
  }
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-title {
  text-align: center;
  font-weight: 800;
  margin-bottom: 3.125vw;
}
@media screen and (min-width: 992px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-title {
    margin-bottom: min(2.5vw, 50px);
  }
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-title .title-main {
  font-size: 5.625vw;
  letter-spacing: 0.05em;
  margin-bottom: 3.125vw;
}
@media screen and (min-width: 768px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-title .title-main {
    font-size: 22px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 992px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-title .title-main {
    font-size: 28px;
  }
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-title .title-sub {
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-title .title-sub {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-title .title-sub {
    font-size: 20px;
  }
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-info {
  margin: 3.125vw 0;
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-info {
    font-size: 16px;
  }
}
@media screen and (min-width: 992px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-info {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-info .info-wrap {
    margin: 0 auto;
    width: 80%;
  }
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-info .info-wrap .info-title {
  font-weight: 900;
  margin-bottom: 0.5em;
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-info .info-wrap .info-date {
  margin-bottom: 0.75em;
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-info .info-wrap .info-place {
  margin-bottom: 1.5em;
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li {
  margin-bottom: 0.5em;
  padding-left: 1em;
  position: relative;
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li p {
  line-height: 1.25;
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li p::before, #solink-eventformcheck .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li p::before {
  margin-top: calc((1 - 1.25) * 0.5em);
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-info .info-wrap .info-var ul li p::after {
  margin-bottom: calc((1 - 1.25) * 0.5em);
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-decoline {
  width: calc(100% - 10px);
  height: 1px;
  background-color: #de6200;
  margin: min(0.83vw, 15px) 0 min(0.83vw, 15px) auto;
  position: relative;
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-decoline::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100%;
  width: 10px;
  height: 10px;
  border: 1px solid #de6200;
  border-radius: 50%;
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-form {
  width: 95%;
  margin: 3.125vw auto;
}
@media screen and (min-width: 768px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-form {
    width: 80%;
    margin: min(1.25vw, 30px) auto;
  }
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item {
  padding: 3.125vw 0;
  margin-bottom: min(0.83vw, 15px);
}
@media screen and (min-width: 768px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item {
    padding: min(0.83vw, 15px) 0;
    margin-bottom: min(0.83vw, 15px);
  }
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item .item-title {
  margin-bottom: 1.5625vw;
  font-size: 3.75vw;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item .item-title {
    margin-bottom: min(0.83vw, 15px);
    font-size: min(1.8vw, 16px);
  }
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item .item-value {
  width: 100%;
  border-bottom: 1px solid #de6200;
  color: #fff;
  font-size: 4.375vw;
  line-height: 9.375vw;
}
@media screen and (min-width: 768px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item .item-value {
    font-size: 1.82vw;
    line-height: 5.2vw;
  }
}
@media screen and (min-width: 1200px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item .item-value {
    font-size: min(1.3vw, 20px);
    line-height: min(3.33vw, 60px);
  }
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item.form-btn {
  display: flex;
  flex-direction: column;
  row-gap: 3.125vw;
}
@media screen and (min-width: 768px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item.form-btn {
    flex-direction: row;
    justify-content: center;
    column-gap: min(1.953125vw, 30px);
  }
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item.form-btn button {
  display: block;
  width: min(80%, 320px);
  height: 12.5vw;
  font-size: 4.68vw;
  margin: 0 auto;
  border: none;
  color: #fff;
  background-color: #de6200;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 768px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item.form-btn button {
    width: min(45%, 320px);
    height: min(6.5vw, 50px);
    font-size: min(2.8vw, 20px);
  }
}
@media screen and (min-width: 1200px) {
  #solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item.form-btn button {
    height: min(5vw, 60px);
    font-size: min(2vw, 30px);
  }
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item.form-btn button::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}
#solink-eventformcheck .contact-wrapper .contact-wrap .contact-form .form-item.form-btn button:hover::after {
  opacity: 1;
}

#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-title {
  text-align: center;
  font-weight: 800;
  margin-bottom: 3.125vw;
}
@media screen and (min-width: 992px) {
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-title {
    margin-bottom: min(2.5vw, 30px);
  }
}
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-title .title-main {
  font-size: 7.8125vw;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-title .title-main {
    font-size: min(4.58vw, 30px);
  }
}
@media screen and (min-width: 1200px) {
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-title .title-main {
    font-size: 34px;
  }
}
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message {
  width: 95%;
  margin: 0 auto;
  color: #fff;
  font-size: 3.75vw;
}
@media screen and (min-width: 768px) {
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message {
    font-size: min(1.82vw, 16px);
  }
}
@media screen and (min-width: 1200px) {
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message {
    font-size: min(1.3vw, 18px);
  }
}
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message .thanks-eventmessage {
  margin: 6.25vw 0;
}
@media screen and (min-width: 768px) {
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message .thanks-eventmessage {
    margin: 30px 0;
  }
}
#solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message .thanks-eventcontact {
  margin: 6.25vw 0;
}
@media screen and (min-width: 768px) {
  #solink-eventthanks .thanks-wrapper .thanks-wrap .thanks-message .thanks-eventcontact {
    margin: 30px 0;
  }
}/*# sourceMappingURL=style.css.map */