span.line {
  background: linear-gradient(transparent 60%, #ff6 60%);
}

.listCaution {
  text-align: left;
}
.listCaution > li {
  position: relative;
  padding-left: 3em;
  text-indent: -3em;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .listCaution > li {
    font-size: 3.2vw;
  }
}

#solutions.solutions *, #solutions.solutions *:before, #solutions.solutions *:after {
  box-sizing: border-box;
}
#solutions.solutions .section__inner {
  width: 1240px;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  #solutions.solutions .section__inner {
    width: 100%;
  }
}
#solutions.solutions .section__text {
  font-size: min(18px, 4vw);
  line-height: 1.5;
}

.solution__box {
  width: 100%;
  background-color: #FFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.solution__box:not(:first-child) {
  margin-top: 40px;
}
.solution__box__head {
  background: #2459ae;
  color: #FFF;
  padding: min(15px, 3vw) min(20px, 3vw);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2%;
}
@media screen and (max-width: 767px) {
  .solution__box__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 2vw;
  }
}
.solution__box__head__title {
  width: 54%;
}
.solution__box__head__title .itemTitle {
  font-size: min(24px, 5vw);
}
.solution__box__head__title .area {
  font-size: min(14px, 3.4vw);
}
@media screen and (max-width: 767px) {
  .solution__box__head__title {
    width: 100%;
  }
}
.solution__box__head__linkBox {
  width: 44%;
}
@media screen and (max-width: 767px) {
  .solution__box__head__linkBox {
    width: 100%;
  }
}
.solution__box__head__linkBox .linkBtn {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}
.solution__box__head__linkBox .linkBtn a {
  display: inline-block;
  position: relative;
  background-color: #FFF;
  width: 226px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: min(16px, 3.2vw);
  font-weight: bold;
  line-height: 1.2;
  padding: min(5px, 1.5vw) min(25px, 4vw);
  transition: all 0.3s;
}
.solution__box__head__linkBox .linkBtn a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.solution__box__head__linkBox .linkBtn a .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
}
.solution__box__head__linkBox .linkBtn a .icon img {
  display: block;
}
@media screen and (max-width: 767px) {
  .solution__box__head__linkBox .linkBtn {
    gap: 2vw;
  }
  .solution__box__head__linkBox .linkBtn a {
    width: calc(50% - 1vw);
  }
  .solution__box__head__linkBox .linkBtn a .icon {
    width: 3vw;
    aspect-ratio: 1/1;
  }
}
.solution__box__head__linkBox .linkAtt {
  font-size: min(14px, 3.2vw);
}
@media screen and (max-width: 767px) {
  .solution__box__head__linkBox .linkAtt {
    text-align: left;
  }
}
.solution__box__content {
  padding: min(20px, 3vw);
}
.solution__box__content .labelList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: min(20px, 3vw);
}
@media screen and (max-width: 767px) {
  .solution__box__content .labelList {
    gap: 1vw;
  }
}
.solution__box__content .labelList li {
  border: 1px solid #2459ae;
  position: relative;
  padding: min(3px, 1vw) min(14px, 3vw);
  border-radius: 9999px;
  line-height: 1;
  font-size: min(14px, 3.2vw);
}
@media screen and (max-width: 767px) {
  .solution__box__content .labelList li {
    padding: 1vw 2vw 1vw 4vw;
  }
}
.solution__box__content .labelList li::before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #2459ae;
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
}
.solution__list {
  margin-top: 70px;
}
.solution__list h3 {
  font-size: min(28px, 5.4vw);
  padding-left: 15px;
  position: relative;
  margin-bottom: 30px;
}
.solution__list h3 > small {
  font-size: 60%;
  font-weight: normal;
}
.solution__list h3::before {
  content: "";
  width: 6px;
  height: 90%;
  background-color: #2459ae;
  position: absolute;
  top: 5%;
  left: 0;
}
.solution__item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .solution__item {
    flex-direction: column;
    gap: 3vw;
  }
}
.solution__item__img {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .solution__item__img {
    position: relative;
    order: 1;
  }
}
.solution__item__detail {
  width: calc(100% - 330px);
  order: 2;
}
@media screen and (max-width: 767px) {
  .solution__item__detail {
    width: 100%;
    padding-top: 5vw;
  }
}
.solution__item__box {
  background-color: #f5f5f5;
  position: relative;
  border-left: 4px solid var(--keycolor);
  padding: min(20px, 5vw) min(10px, 3vw) min(10px, 3vw) min(10px, 3vw);
  font-size: min(15px, 3.6vw);
}
.solution__item__box.item_needs {
  --keycolor: #377d40;
}
.solution__item__box.item_needs .checkList > li::before,
.solution__item__box.item_needs .checkList > dt::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 25'%3E%3Cg%3E%3Cpath fill='%23377d40' d='M23.5,10.7c-.7,0-1.3.6-1.3,1.3v9.3c0,.5-.4,1-1,1H4.5c-.5,0-1-.4-1-1V4.5c0-.5.4-1,1-1h13.8c.7,0,1.3-.6,1.3-1.3s-.6-1.3-1.3-1.3H4.5C2.5,1,.9,2.6.9,4.5v16.8c0,2,1.6,3.6,3.6,3.6h16.8c2,0,3.6-1.6,3.6-3.6v-9.3c0-.7-.6-1.3-1.3-1.3h0Z' /%3E%3Cpath fill='%23377d40' d='M25.9.5l-14.3,14.4-3.7-3.7c-.5-.5-1.3-.5-1.8,0-.5.5-.5,1.3,0,1.8l4.1,4.1c.4.4.9.6,1.4.6h0c.5,0,1-.2,1.4-.6L27.7,2.3c.5-.5.5-1.3,0-1.8-.5-.5-1.3-.5-1.8,0h0Z' /%3E%3C/g%3E%3C/svg%3E");
}
.solution__item__box.item_model {
  --keycolor: #c23e5b;
  margin-top: min(25px, 7vw);
}
.solution__item__box.item_model .checkList > li::before,
.solution__item__box.item_model .checkList > dt::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 25'%3E%3Cg%3E%3Cpath fill='%23c23e5b' d='M23.5,10.7c-.7,0-1.3.6-1.3,1.3v9.3c0,.5-.4,1-1,1H4.5c-.5,0-1-.4-1-1V4.5c0-.5.4-1,1-1h13.8c.7,0,1.3-.6,1.3-1.3s-.6-1.3-1.3-1.3H4.5C2.5,1,.9,2.6.9,4.5v16.8c0,2,1.6,3.6,3.6,3.6h16.8c2,0,3.6-1.6,3.6-3.6v-9.3c0-.7-.6-1.3-1.3-1.3h0Z' /%3E%3Cpath fill='%23c23e5b' d='M25.9.5l-14.3,14.4-3.7-3.7c-.5-.5-1.3-.5-1.8,0-.5.5-.5,1.3,0,1.8l4.1,4.1c.4.4.9.6,1.4.6h0c.5,0,1-.2,1.4-.6L27.7,2.3c.5-.5.5-1.3,0-1.8-.5-.5-1.3-.5-1.8,0h0Z' /%3E%3C/g%3E%3C/svg%3E");
}
.solution__item__box.item_cost {
  --keycolor: #1d7499;
  margin-top: min(25px, 7vw);
}
.solution__item__box.item_cost .checkList > li::before,
.solution__item__box.item_cost .checkList > dt::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 25'%3E%3Cg%3E%3Cpath fill='%231d7499' d='M23.5,10.7c-.7,0-1.3.6-1.3,1.3v9.3c0,.5-.4,1-1,1H4.5c-.5,0-1-.4-1-1V4.5c0-.5.4-1,1-1h13.8c.7,0,1.3-.6,1.3-1.3s-.6-1.3-1.3-1.3H4.5C2.5,1,.9,2.6.9,4.5v16.8c0,2,1.6,3.6,3.6,3.6h16.8c2,0,3.6-1.6,3.6-3.6v-9.3c0-.7-.6-1.3-1.3-1.3h0Z' /%3E%3Cpath fill='%231d7499' d='M25.9.5l-14.3,14.4-3.7-3.7c-.5-.5-1.3-.5-1.8,0-.5.5-.5,1.3,0,1.8l4.1,4.1c.4.4.9.6,1.4.6h0c.5,0,1-.2,1.4-.6L27.7,2.3c.5-.5.5-1.3,0-1.8-.5-.5-1.3-.5-1.8,0h0Z' /%3E%3C/g%3E%3C/svg%3E");
}
.solution__item__box.item_value {
  --keycolor: #c24b02;
  background-color: #FFF;
  border: 3px solid var(--keycolor);
  padding: min(30px, 7vw) min(10px, 3vw) min(10px, 3vw) min(10px, 3vw);
  margin-top: min(15px, 4vw);
}
.solution__item__box.item_value .solution__item__title {
  position: relative;
  background-color: transparent;
  text-align: center;
  color: var(--keycolor);
}
.solution__item__box.item_value .solution__item__title::before {
  top: min(-40px, -2vw);
  transform: translateX(-50%);
  left: 50%;
}
.solution__item__box.item_value .checkList > li,
.solution__item__box.item_value .checkList > dt {
  font-weight: bold;
}
.solution__item__box.item_value .checkList > li::before,
.solution__item__box.item_value .checkList > dt::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 25'%3E%3Cg%3E%3Cpath fill='%23c24b02' d='M23.5,10.7c-.7,0-1.3.6-1.3,1.3v9.3c0,.5-.4,1-1,1H4.5c-.5,0-1-.4-1-1V4.5c0-.5.4-1,1-1h13.8c.7,0,1.3-.6,1.3-1.3s-.6-1.3-1.3-1.3H4.5C2.5,1,.9,2.6.9,4.5v16.8c0,2,1.6,3.6,3.6,3.6h16.8c2,0,3.6-1.6,3.6-3.6v-9.3c0-.7-.6-1.3-1.3-1.3h0Z' /%3E%3Cpath fill='%23c24b02' d='M25.9.5l-14.3,14.4-3.7-3.7c-.5-.5-1.3-.5-1.8,0-.5.5-.5,1.3,0,1.8l4.1,4.1c.4.4.9.6,1.4.6h0c.5,0,1-.2,1.4-.6L27.7,2.3c.5-.5.5-1.3,0-1.8-.5-.5-1.3-.5-1.8,0h0Z' /%3E%3C/g%3E%3C/svg%3E");
}
.solution__item__box .checkList > li,
.solution__item__box .checkList > dt {
  position: relative;
  padding-left: min(20px, 5vw);
}
.solution__item__box .checkList > li::before,
.solution__item__box .checkList > dt::before {
  content: "";
  display: block;
  width: min(15px, 4vw);
  aspect-ratio: 29/25;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0.3em;
  left: 0px;
}
.solution__item__box .checkList + .checkList {
  margin-top: min(15px, 3vw);
  padding-top: min(15px, 3vw);
  border-top: 1px solid #CCC;
}
.solution__item__box ul.checkList > li:not(:first-child) {
  margin-top: min(3px, 1vw);
}
.solution__item__box dl.checkList {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.solution__item__box dl.checkList > dt {
  width: 200px;
  font-weight: normal;
}
.solution__item__box dl.checkList > dd {
  width: calc(100% - 220px);
}
@media screen and (max-width: 767px) {
  .solution__item__box dl.checkList {
    flex-direction: column;
    gap: 2vw;
  }
  .solution__item__box dl.checkList > dt {
    width: 100%;
    font-weight: bold;
  }
  .solution__item__box dl.checkList > dd {
    width: 100%;
  }
}
.solution__item__title {
  font-size: min(16px, 3.8vw);
  font-weight: bold;
  background-color: var(--keycolor);
  color: #FFF;
  position: absolute;
  top: -10px;
  left: 0;
  padding: 0 min(10px, 3vw) 0 min(20px, 6vw);
}
.solution__item__title::before {
  content: "";
  display: block;
  width: min(37px, 10vw);
  aspect-ratio: 1/1;
  background-color: #FFF;
  border: 4px solid var(--keycolor);
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80% auto;
}
@media screen and (max-width: 767px) {
  .solution__item__title::before {
    border-width: 0.7vw;
  }
}
.item_needs .solution__item__title::before {
  background-image: url(/products/bizprojector/spaceproduction/images/solutions/icon_needs.svg);
}
.item_model .solution__item__title::before {
  background-image: url(/products/bizprojector/spaceproduction/images/solutions/icon_model.svg);
}
.item_cost .solution__item__title::before {
  background-image: url(/products/bizprojector/spaceproduction/images/solutions/icon_cost.svg);
}
.item_value .solution__item__title::before {
  background-image: url(/products/bizprojector/spaceproduction/images/solutions/icon_value.svg);
}
.solution__item__title::after {
  content: "";
  display: block;
  width: 15px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
}
.item_needs .solution__item__title::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 50" fill="%23377d40"><path d="M26,0H0v50h1.1200569L26,0Z"/></svg>');
}
.item_model .solution__item__title::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 50" fill="%23c23e5b"><path d="M26,0H0v50h1.1200569L26,0Z"/></svg>');
}
.item_cost .solution__item__title::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 50" fill="%231d7499"><path d="M26,0H0v50h1.1200569L26,0Z"/></svg>');
}
.solution__item__value {
  width: 300px;
  order: 1;
  position: relative;
  z-index: 1;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .solution__item__value .blankBox {
    min-height: 160px;
  }
}
@media screen and (max-width: 767px) {
  .solution__item__value {
    width: 100%;
    order: 3;
    padding-top: 0;
  }
}
.solution__select {
  background: #ebf5ff;
  padding: min(20px, 3vw);
}
.solution__select__wrap {
  position: relative;
}
.solution__select__wrap > .title {
  font-weight: bold;
  font-size: min(18px, 4vw);
  color: #2459ae;
}
.solution__select__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.solution__select__box:not(:first-child) {
  margin-top: min(15px, 2vw);
}
.solution__select__title {
  width: 100px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .solution__select__title {
    width: 100%;
    text-align: left;
    margin-bottom: 2vw;
  }
}
.solution__select__btnList {
  flex: 1;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 5px;
  gap: 20px;
}
.solution__select__btnList li span:hover {
  text-decoration: none;
}
.solution__select__btnList li label {
  display: block;
  width: 100%;
  position: relative;
  cursor: pointer;
  transition: 0.3s all ease;
  background-color: #FFF;
  padding: 15px 34px;
  color: #2459ae;
  font-weight: bold;
  text-align: center;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .solution__select__btnList li label .pc-only {
    display: inline-block !important;
  }
}
.solution__select__btnList li label::before {
  content: "";
  display: block;
  width: 12px;
  height: 7px;
  border-left: 2px solid #bfd6ec;
  border-bottom: 2px solid #bfd6ec;
  transform: translateY(-50%) rotate(-45deg);
  position: absolute;
  left: 10px;
  top: 50%;
}
.solution__select__btnList li .check-input {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}
.solution__select__btnList li .check-input:checked + label {
  color: #fff;
  background: #2459ae;
}
.solution__select__btnList li .check-input:checked + label::before {
  border-color: #FFF;
}
.solution__select__btnList.select_side li {
  width: calc((100% - 20px) / 2);
}
.solution__select__btnList.select_type li {
  width: calc((100% - 80px) / 5);
}
.solution__select__btnList.select_model li {
  width: calc((100% - 60px) / 4);
}
@media screen and (max-width: 767px) {
  .solution__select {
    padding: 3vw;
  }
  .solution__select__btnList {
    gap: 2vw;
    padding-bottom: 2vw;
    border-bottom: 1px dotted #2459ae;
  }
  .solution__select__btnList li label {
    padding: 2vw;
    font-size: 3.4vw;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .solution__select__btnList li label::before {
    left: 1vw;
    top: 1vw;
    transform: translateY(0) rotate(-45deg);
  }
  .solution__select__btnList.select_side li {
    width: calc((100% - 2vw) / 2);
  }
  .solution__select__btnList.select_type li {
    width: calc((100% - 8vw) / 5);
  }
  .solution__select__btnList.select_model li {
    width: calc((100% - 6vw) / 4);
  }
}

.is-disabled {
  opacity: 0.4;
  pointer-events: none;
  filter: grayscale(1);
}

.solution__reset {
  margin-top: 1.5rem;
  text-align: right;
}
.solution__reset .js-reset-btn {
  background: #eee;
  border: none;
  border-radius: 9999px;
  padding: 0.6rem 1.4rem;
  cursor: pointer;
  transition: 0.2s;
}
.solution__reset .js-reset-btn:hover {
  background: #ddd;
}