@charset "UTF-8";
.page__topContent {
  margin-bottom: 60px;
}
.page__cvArea {
  margin: 0 auto 56px;
}

.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;
  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__smartSatei {
  margin-bottom: 28px;
}
.topContents__suggestBlock, .topContents__recommendBlock, .topContents__stepBlock {
  margin-bottom: 56px;
}
.topContents__ikkatsuSateiRecommendBlock {
  margin-bottom: 112px;
}

.smartSateiBlock {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
}
.smartSateiBlock__contentsWrap {
  width: 780px;
  padding: 40px 72px;
  background-color: #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);
}
.smartSateiBlock__description {
  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;
}
.smartSateiBlock__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2px;
     -moz-column-gap: 2px;
          column-gap: 2px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
.smartSateiBlock__titleSub {
  font-size: 20px;
}
.smartSateiBlock__descriptionTextWrap {
  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;
}
.smartSateiBlock__titleText {
  font-size: 16px;
  text-align: center;
}
.smartSateiBlock__sellingList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
}
.smartSateiBlock__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%;
}
.smartSateiBlock__item::before {
  width: 196px;
  height: 140px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.smartSateiBlock__item--once::before {
  background-image: url(/static/pc/img/top/img_mv_satei_once.png);
}
.smartSateiBlock__item--easy::before {
  background-image: url(/static/pc/img/top/img_mv_easy.png);
}
.smartSateiBlock__text {
  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;
  text-align: center;
}
.smartSateiBlock__primaryText {
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.3;
  color: #ff6010;
}
.smartSateiBlock__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;
  width: 780px;
}

.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-annotation--recommend::before {
  content: none;
}

.cvArea {
  max-width: 780px;
  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;
}

.suggestBlock {
  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;
  padding: 56px 0;
  background: #f5f4f0;
}
.suggestBlock__question {
  font-size: 32px;
  line-height: 1.3;
}
.suggestBlock__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: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.suggestBlock__worriesContent {
  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;
}
.suggestBlock__worriesList {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 32px;
  width: 780px;
  padding: 40px 70px 32px;
  background: #fff;
  border-radius: 12px;
}
.suggestBlock__worriesList::before {
  position: absolute;
  bottom: -81px;
  left: 0;
  width: 100%;
  height: 140px;
  content: "";
  background-image: url(/static/pc/img/top/img_ractangle.svg);
  background-repeat: no-repeat;
}
.suggestBlock__worriesItem {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.suggestBlock__worriesItem::before {
  width: 20px;
  height: 20px;
  content: "";
  background-image: url(/static/pc/img/top/icon_checkbox.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.suggestBlock__worriesItemText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  white-space: nowrap;
}
.suggestBlock__primaryText {
  font-size: 20px;
  font-style: normal;
  color: #ff6010;
}
.suggestBlock__answerPlay {
  z-index: 1;
  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: 88px;
  height: 88px;
  padding-top: 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  color: #ff9500;
  background: conic-gradient(from 142deg at 40.8% 45.83%, rgba(255, 96, 16, 0.2) 0deg, rgba(255, 149, 0, 0.2) 95.27deg, rgba(255, 149, 0, 0.2) 279deg, rgba(255, 96, 16, 0.2) 360deg);
  background-color: #fff;
  border-radius: 50%;
}
.suggestBlock__answerPlay::after {
  width: 16px;
  height: 16px;
  content: "";
  background-image: url(/static/pc/img/top/icon_playgon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.suggestBlock__blankText {
  margin-bottom: 4px;
}
.suggestBlock__answerText {
  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;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
}
.suggestBlock__mainText {
  font-size: 28px;
}
.suggestBlock__mainPrimaryText {
  color: #ff6010;
}

.recommendBlock {
  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;
}
.recommendBlock__title {
  font-size: 32px;
  line-height: 1.3;
  text-align: center;
}
.recommendBlock__list {
  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: 40px;
  width: 980px;
}
.recommendBlock__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}
.recommendBlock__item::before {
  width: 100%;
  max-width: 340px;
  height: 160px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 12px;
}
.recommendBlock__item--point1::before {
  background-image: url(/static/pc/img/top/img_point1.png);
}
.recommendBlock__item--point2::before {
  background-image: url(/static/pc/img/top/img_point2.png);
}
.recommendBlock__item--point3::before {
  background-image: url(/static/pc/img/top/img_point3.png);
}
.recommendBlock__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: 16px;
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
}
.recommendBlock__pointImg {
  width: 90px;
  height: auto;
}
.recommendBlock__pointTitle {
  font-size: 20px;
  line-height: 1.3;
}
.recommendBlock__pointText {
  font-size: 16px;
  text-align: left;
}
.recommendBlock__pointText--withAnnotation {
  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;
}

.stepBlock {
  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: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 56px 0;
  background: #f5f4f0;
}
.stepBlock__inner {
  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;
  width: 980px;
}
.stepBlock__title {
  font-size: 32px;
  line-height: 1.3;
}
.stepBlock__numTitle {
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 44px;
}
.stepBlock__main {
  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;
  width: 640px;
}
.stepBlock__list {
  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;
}
.stepBlock__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 40px;
  background-color: #fff;
  border: 1px solid #ebe9e4;
  border-radius: 12px;
}
.stepBlock__item::before {
  width: 80px;
  height: 80px;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
}
.stepBlock__item:not(:last-child)::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 3px;
  height: 24px;
  content: "";
  background-image: url(/static/pc/img/top/icon_dots.svg);
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.stepBlock__item--step1::before {
  background-image: url(/static/pc/img/top/icon_step_1.svg);
}
.stepBlock__item--step2::before {
  background-image: url(/static/pc/img/top/icon_step_2.svg);
}
.stepBlock__item--step3::before {
  background-image: url(/static/pc/img/top/icon_step_3.svg);
}
.stepBlock__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
.stepBlock__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2px;
     -moz-column-gap: 2px;
          column-gap: 2px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 68px;
  padding: 4px 12px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #ff9500;
  border: 1px solid #ff9500;
  border-radius: 100px;
}
.stepBlock__stepNum {
  font-size: 14px;
}
.stepBlock__descriptionText {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}
.stepBlock__annotation {
  font-size: 10px;
  line-height: 1.3;
  color: #666;
}
.stepBlock__cancelText {
  padding: 20px 40px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  background-color: #fff;
  border: 2px solid #dedcd7;
  border-radius: 12px;
}
.stepBlock__linkButton {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 440px;
  height: 56px;
  font-weight: bold;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(85%, #ff551a), to(#f34a10));
  background-image: -webkit-linear-gradient(top, #ff551a 85%, #f34a10 100%);
  background-image: linear-gradient(to bottom, #ff551a 85%, #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);
}
.stepBlock__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%);
}
.stepBlock__linkButton:hover .stepBlock__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%);
}
.stepBlock__primaryText {
  color: #ff6010;
}
.stepBlock__freeLabel {
  width: 28px;
  height: 56px;
  padding: 12px 8px;
  line-height: 1.3;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, #ff9500), to(#f38e00));
  background: -webkit-linear-gradient(top, #ff9500 85%, #f38e00 100%);
  background: linear-gradient(to bottom, #ff9500 85%, #f38e00 100%);
  border-radius: 8px 0 0 8px;
}
.stepBlock__balloon {
  position: absolute;
  top: -8px;
  left: 50%;
  padding: 5px 12px;
  font-family: Arial, sans-serif;
  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%));
}
.stepBlock__emphasis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 13px 0 11px;
  font-size: 20px;
  font-style: normal;
  color: #fff;
}

.ikkatsuSateiRecommendBlock {
  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: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ikkatsuSateiRecommendBlock__main {
  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: 56px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ikkatsuSateiRecommendBlock__example {
  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: 49px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ikkatsuSateiRecommendBlock__situationList {
  position: relative;
  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;
  width: 540px;
  padding: 32px 48px;
  background: #f6f6f6;
  border-radius: 16px;
}
.ikkatsuSateiRecommendBlock__situationList::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  content: "";
  background: #f6f6f6;
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
          transform: translate(-50%, 50%) rotate(45deg);
}
.ikkatsuSateiRecommendBlock__situationItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 70px;
}
.ikkatsuSateiRecommendBlock__situationItem::before, .ikkatsuSateiRecommendBlock__situationItem::after {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px;
  height: 60px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.ikkatsuSateiRecommendBlock__situationItem--man {
  -webkit-column-gap: 34px;
     -moz-column-gap: 34px;
          column-gap: 34px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ikkatsuSateiRecommendBlock__situationItem--man::before {
  background-image: url(/static/pc/img/top/icon_man.png);
}
.ikkatsuSateiRecommendBlock__situationItem--man::after {
  content: none;
}
.ikkatsuSateiRecommendBlock__situationItem--woman {
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ikkatsuSateiRecommendBlock__situationItem--woman::before {
  content: none;
}
.ikkatsuSateiRecommendBlock__situationItem--woman::after {
  background-image: url(/static/pc/img/top/icon_woman.png);
}
.ikkatsuSateiRecommendBlock__situationText {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 300px;
  height: 70px;
  font-size: 14px;
  background: #fff;
  border-radius: 16px;
}
.ikkatsuSateiRecommendBlock__situationText::before, .ikkatsuSateiRecommendBlock__situationText::after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.ikkatsuSateiRecommendBlock__situationText--man::before {
  top: 0;
  left: -26px;
  width: 33px;
  height: 43px;
  background-image: url(/static/pc/img/top/icon_bubble_left.svg);
}
.ikkatsuSateiRecommendBlock__situationText--man::after {
  content: none;
}
.ikkatsuSateiRecommendBlock__situationText--woman::before {
  content: none;
}
.ikkatsuSateiRecommendBlock__situationText--woman::after {
  top: 50%;
  right: -24px;
  width: 33px;
  height: 19px;
  background-image: url(/static/pc/img/top/icon_bubble_right.svg);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ikkatsuSateiRecommendBlock__title {
  font-size: 32px;
  line-height: 1.3;
}
.ikkatsuSateiRecommendBlock__primaryTitle {
  color: #ff6010;
}
.ikkatsuSateiRecommendBlock__featureList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 32px;
     -moz-column-gap: 32px;
          column-gap: 32px;
  width: 980px;
}
.ikkatsuSateiRecommendBlock__featureItem {
  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;
  padding: 32px 24px;
  font-family: "Hiragino Kaku Gothic ProN", sans-serif;
  border: 2px solid #ebe9e4;
  border-radius: 16px;
}
.ikkatsuSateiRecommendBlock__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: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ikkatsuSateiRecommendBlock__headTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2px;
     -moz-column-gap: 2px;
          column-gap: 2px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 6px 12px;
  line-height: 1;
  color: #ff9500;
  border: 1px solid #ff9500;
  border-radius: 100px;
}
.ikkatsuSateiRecommendBlock__num {
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.ikkatsuSateiRecommendBlock__featureTitleWrap {
  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;
}
.ikkatsuSateiRecommendBlock__featureTitleWrap::after {
  content: "";
}
.ikkatsuSateiRecommendBlock__featureTitleWrap--feature1::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
  height: 180px;
  background: url(/static/pc/img/top/reason_main_1.png) 50%/contain no-repeat;
  background-size: 350px 137px;
}
.ikkatsuSateiRecommendBlock__featureTitleWrap--feature2::after {
  width: 264px;
  height: 128px;
  background: url(/static/pc/img/top/reason_main_2.png) 50%/contain no-repeat;
}
.ikkatsuSateiRecommendBlock__featureTitle {
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
}
.ikkatsuSateiRecommendBlock__featureText {
  font-size: 16px;
  text-align: center;
}
.ikkatsuSateiRecommendBlock__linkButton {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 440px;
  height: 56px;
  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);
}
.ikkatsuSateiRecommendBlock__linkButton:hover {
  text-decoration: none;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, #e54b17), to(#d2400f));
  background: -webkit-linear-gradient(top, #e54b17 85%, #d2400f 100%);
  background: linear-gradient(to bottom, #e54b17 85%, #d2400f 100%);
}
.ikkatsuSateiRecommendBlock__linkButton:hover .ikkatsuSateiRecommendBlock__freeLabel {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(85%, #e68600), to(#d77c00));
  background: -webkit-linear-gradient(top, #e68600 85%, #d77c00 100%);
  background: linear-gradient(to bottom, #e68600 85%, #d77c00 100%);
}
.ikkatsuSateiRecommendBlock__freeLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  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;
}
.ikkatsuSateiRecommendBlock__emphasis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 13px 0 11px;
  font-size: 20px;
  font-style: normal;
  color: #fff;
}