@charset "UTF-8";
.page__cvArea, .page__compareContents {
  margin: 0 auto 112px;
}

.breadcrumb {
  margin-bottom: 0;
}

.topContents__breadcrumb {
  max-width: 980px;
  margin: 0 auto 60px;
}
.topContents__mainWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 12px;
  margin-bottom: 56px;
  background: #f7f5ee;
}
.topContents__headTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.topContents__headTitleImg {
  width: 454px;
  height: auto;
}
.topContents__sellingBlock {
  margin: 0 auto 32px;
}

.sellingBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px;
  max-width: 780px;
}
.sellingBlock__bodyWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
}
.sellingBlock__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  color: #808080;
}
.sellingBlock__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
.sellingBlock__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 40px 24px;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 8px 8px 0 0 rgba(0, 0, 0, 0.04);
          box-shadow: 8px 8px 0 0 rgba(0, 0, 0, 0.04);
}
.sellingBlock__itemTitle {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
}
.sellingBlock__itemText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sellingBlock__itemText::before {
  width: 196px;
  height: 140px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.sellingBlock__itemText--ikkatu::before {
  background-image: url("/static/pc/img/top/img_mv_ikkatusatei.png");
}
.sellingBlock__itemText--smart::before {
  background-image: url("/static/pc/img/top/img_mv_smartsatei.png");
}
.sellingBlock__textWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  font-size: 14px;
}
.sellingBlock__lead {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.sellingBlock__primaryText {
  font-style: normal;
  color: #ff6010;
}
.sellingBlock__annotationWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
}

.u-annotation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  font-size: 10px;
  line-height: 1.3;
  color: #666;
}
.u-annotation::before {
  content: "＊";
}

.u-banzai::before, .u-banzai::after {
  display: block;
  width: 8px;
  height: 20px;
  content: "";
  background-image: url("/static/pc/img/top/icon_banzai_left.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.u-banzai::after {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.cvArea__inner {
  max-width: 780px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 12px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.cvArea__headTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px 0;
  font-size: 20px;
  line-height: 1;
  background: #f5f4f0;
}
.cvArea__primaryTitle {
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  font-style: normal;
  color: #ff6010;
}
.cvArea__formInputArea {
  padding: 40px 40px 32px;
}

.hero__formItemAct {
  margin-top: 40px;
}

.hero__formItemAct .btnAct--inquiry {
  width: 440px;
}

.heroInputTable__body {
  display: block;
  padding: 0 64px;
}
.heroInputTable tr:first-of-type {
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}
.heroInputTable th {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  width: 236px;
  font-size: 16px;
  line-height: 1;
}
.heroInputTable td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.heroInputTable__requireLabel {
  width: 28px;
  height: 16px;
}
.heroInputTable__modalButton {
  width: 100%;
  min-height: 56px;
}
.heroInputTable .label--select,
.heroInputTable .select {
  width: 100%;
  height: 32px;
}
.heroInputTable__notice {
  margin-top: 8px;
  line-height: 1;
}

.sateiRadio__radioWrap {
  position: relative;
}
.sateiRadio__radioWrap:has(.sateiRadio__radioInput:checked) .sateiRadio__accordionWrap {
  max-height: 85px;
  margin-top: 12px;
}
.sateiRadio__radioWrap:has([aria-describedby=ikkatuDesc]:checked) #ikkatuDesc {
  display: block;
}
.sateiRadio__radioWrap:has([aria-describedby=ikkatuDesc]:checked) #ikkatuDesc::before {
  left: calc((100% - 8px) / 4);
}
.sateiRadio__radioWrap:has([aria-describedby=smartDesc]:checked) #smartDesc {
  display: block;
}
.sateiRadio__radioWrap:has([aria-describedby=smartDesc]:checked) #smartDesc::before {
  right: calc((100% - 8px) / 4);
}
.sateiRadio__radioList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 8px;
}
.sateiRadio__radioLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 88px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  border: 1px solid #dedcd7;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06);
}
.sateiRadio__radioLabel--ikkatu::before, .sateiRadio__radioLabel--smart::before {
  display: block;
  width: 48px;
  height: 48px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.sateiRadio__radioLabel--ikkatu::before {
  background-image: url("/static/pc/img/top/icon_ikkatusatei_disable.png");
}
.sateiRadio__radioLabel--smart::before {
  background-image: url("/static/pc/img/top/icon_smartsatei_disable.png");
}
.sateiRadio__radioInput:checked + .sateiRadio__radioLabel {
  color: #ff6010;
  background: #fff2e6;
}
.sateiRadio__radioInput:checked + .sateiRadio__radioLabel--ikkatu::before {
  background-image: url("/static/pc/img/top/icon_ikkatusatei.png");
}
.sateiRadio__radioInput:checked + .sateiRadio__radioLabel--smart::before {
  background-image: url("/static/pc/img/top/icon_smartsatei.png");
}
.sateiRadio__accordionWrap {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
}
.sateiRadio__descriptionWrap {
  display: none;
  padding: 12px;
  background: #f5f4f0;
  border-radius: 2px;
}
.sateiRadio__descriptionWrap::before {
  position: absolute;
  top: 92px;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
  background-image: url("/static/pc/img/top/play.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.sateiRadio__descriptionInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
}
.sateiRadio__descriptionTitle {
  font-weight: bold;
}

.compareContents {
  max-width: 780px;
}
.compareContents__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
}
.compareContents__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.compareContents__subTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  color: #ff9500;
}
.compareContents__mainTitle {
  font-size: 32px;
  line-height: 1.3;
}
.compareContents__tableWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 8px;
}
.compareContents__table {
  width: 100%;
  table-layout: fixed;
}
.compareContents__tableCell:first-child .compareContents__tableHead, .compareContents__tableCell:first-child .compareContents__categoryItem {
  margin: 0 6px 12px 4px;
  background-color: #fff2e6;
}
.compareContents__tableCell:last-child .compareContents__tableHead, .compareContents__tableCell:last-child .compareContents__categoryItem {
  margin: 0 4px 12px 6px;
  background-color: #fff4dc;
}
.compareContents__tableHead {
  display: block;
  padding: 12px 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #666;
  text-align: center;
  border-radius: 8px 8px 0 0;
}
.compareContents__categoryHead {
  padding: 8px 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-color: #808080;
  border-radius: 4px;
}
.compareContents__categoryItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
}
.compareContents__categoryItem::before {
  width: 190px;
  height: 130px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.compareContents__categoryItem--ikkatuCompanyNum::before {
  background-image: url("/static/pc/img/top/img_company_num_ikkatu.png");
}
.compareContents__categoryItem--ikkatuSupport::before {
  background-image: url("/static/pc/img/top/img_support_ikkatu.png");
}
.compareContents__categoryItem--ikkatuFlow::before {
  background-image: url("/static/pc/img/top/img_flow_ikkatu.png");
}
.compareContents__categoryItem--smartCompanyNum::before {
  background-image: url("/static/pc/img/top/img_company_num_smart.png");
}
.compareContents__categoryItem--smartSupport::before {
  background-image: url("/static/pc/img/top/img_support_smart.png");
}
.compareContents__categoryItem--smartFlow::before {
  background-image: url("/static/pc/img/top/img_flow_smart.png");
}
.compareContents__explanation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 58px;
  font-size: 16px;
  line-height: 1.3;
  color: #333;
  background: #fff;
  border-radius: 4px;
}
.compareContents__primaryText {
  font-style: normal;
  font-weight: bold;
  color: #ff6010;
}
.compareContents__annotationWrap {
  width: 386px;
}
.compareContents__linkButton {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 440px;
  height: 56px;
  margin-top: 8px;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff551a), color-stop(77.51%, #ff551a), to(#f34a10));
  background: -webkit-linear-gradient(top, #ff551a 0%, #ff551a 77.51%, #f34a10 100%);
  background: linear-gradient(180deg, #ff551a 0%, #ff551a 77.51%, #f34a10 100%);
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.compareContents__linkButton:hover {
  text-decoration: none;
  cursor: pointer;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(85%, #e54b17), to(#d2400f));
  background-image: -webkit-linear-gradient(top, #e54b17 85%, #d2400f 100%);
  background-image: linear-gradient(to bottom, #e54b17 85%, #d2400f 100%);
}
.compareContents__linkButton:hover .compareContents__freeLabel {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(85%, #e68600), to(#d77c00));
  background-image: -webkit-linear-gradient(top, #e68600 85%, #d77c00 100%);
  background-image: linear-gradient(to bottom, #e68600 85%, #d77c00 100%);
}
.compareContents__freeLabel {
  width: 28px;
  height: 56px;
  padding: 12px 8px;
  line-height: 1.3;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9500), color-stop(77.51%, #ff9500), to(#f38e00));
  background: -webkit-linear-gradient(top, #ff9500 0%, #ff9500 77.51%, #f38e00 100%);
  background: linear-gradient(180deg, #ff9500 0%, #ff9500 77.51%, #f38e00 100%);
  border-radius: 8px 0 0 8px;
}
.compareContents__linkButtonContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 13px 0 11px;
  color: #fff;
}
.compareContents__balloon {
  position: absolute;
  top: -8px;
  left: 50%;
  padding: 4px 12px;
  font-size: 10px;
  line-height: 1;
  color: #ff6010;
  background-color: #fff;
  border: 1px solid #ff6010;
  border-radius: 10px;
  -webkit-transform: translateX(calc(14px - 50%));
          transform: translateX(calc(14px - 50%));
}
.compareContents__emphasis {
  font-size: 20px;
  font-style: normal;
}