/* line 1, app/assets/stylesheets/cases.scss */
.itemCases {
  padding: 0px 10px;
  margin-bottom: 30px;
  font-size: 16px;
}

/* line 6, app/assets/stylesheets/cases.scss */
.itemCases .itemHArea {
  width: 100%;
  text-align: center;
}

/* line 9, app/assets/stylesheets/cases.scss */
.itemCases .itemHArea .sectionTitle {
  margin-bottom: 20px;
}

/* line 13, app/assets/stylesheets/cases.scss */
.itemCases .moreDetails {
  margin-bottom: 30px;
}

/* line 17, app/assets/stylesheets/cases.scss */
.itemCases .leadBlock h1 {
  text-align: center;
  font-weight: bold;
  display: block;
  font-size: 20px;
  padding: 10px 0;
}

/* line 23, app/assets/stylesheets/cases.scss */
.itemCases .leadBlock h1 .top {
  color: var(--first-color);
  padding-bottom: 10px;
}

/* line 28, app/assets/stylesheets/cases.scss */
.itemCases .leadBlock img {
  width: 100%;
  margin: 10px 0;
}

/* line 32, app/assets/stylesheets/cases.scss */
.itemCases .leadBlock .leadTitle {
  padding: 10px;
  color: var(--first-color);
  font-weight: bold;
  text-align: center;
}

/* line 34, app/assets/stylesheets/cases.scss */
.itemCases .leadBlock .leadTitle img {
  width: 200px;
}

/* line 37, app/assets/stylesheets/cases.scss */
.itemCases .leadBlock .leadTitle strong {
  font-size: 24px;
}

/* line 45, app/assets/stylesheets/cases.scss */
.itemCases .leadBlock .leadTx {
  font-size: 14px;
}

/* line 47, app/assets/stylesheets/cases.scss */
.itemCases .leadBlock .leadTx p {
  padding: 10px;
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 0;
}

/* line 53, app/assets/stylesheets/cases.scss */
.itemCases .leadBlock .leadTx .recommendCaseTx {
  color: var(--first-color);
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
}

/* line 63, app/assets/stylesheets/cases.scss */
.itemCases .detail.areaDetail {
  border: 2px solid var(--first-color);
}

/* line 65, app/assets/stylesheets/cases.scss */
.itemCases .detail.areaDetail .areaLabel {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--first-color);
  color: #fff;
  font-weight: bold;
  padding: 8px 20px;
  text-align: center;
  border-radius: 0 4px 0 0;
}

/* line 76, app/assets/stylesheets/cases.scss */
.itemCases .detail.areaDetail .item_text_box {
  margin-top: 0px;
}

/* line 79, app/assets/stylesheets/cases.scss */
.itemCases .detail.areaDetail .label {
  background-color: var(--first-color);
}

/* line 82, app/assets/stylesheets/cases.scss */
.itemCases .detail.areaDetail .sCard {
  background-color: var(--first-color);
}

/* line 86, app/assets/stylesheets/cases.scss */
.itemCases .detail.areaDetail .schedule .fa-clock {
  color: var(--first-color);
}

/* line 91, app/assets/stylesheets/cases.scss */
.itemCases .detail.areaDetail .area .fa-map-location {
  color: var(--first-color);
}

/* line 96, app/assets/stylesheets/cases.scss */
.itemCases .detail {
  padding: 20px 20px 0px;
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
  border: 1px solid #BEBEBE;
  margin: 0 auto 30px;
}

/* line 103, app/assets/stylesheets/cases.scss */
.itemCases .detail .detailList {
  margin-bottom: 14px;
  font-weight: bold;
}

/* line 106, app/assets/stylesheets/cases.scss */
.itemCases .detail .detailList h1 {
  font-size: 16px;
  text-align: left;
  font-weight: bold;
}

/* line 111, app/assets/stylesheets/cases.scss */
.itemCases .detail .detailList h2 {
  font-size: 16px;
  border-bottom: none;
}

/* line 115, app/assets/stylesheets/cases.scss */
.itemCases .detail .detailList span {
  font-size: 14px;
}

/* line 119, app/assets/stylesheets/cases.scss */
.itemCases .detail .plan_and_points {
  display: flex;
  gap: 10px;
}

/* line 123, app/assets/stylesheets/cases.scss */
.itemCases .detail .label {
  background-color: #009791;
  font-size: 16px;
  display: inline-block;
  padding: 10px;
  margin-right: 6px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}

/* line 137, app/assets/stylesheets/cases.scss */
.itemCases .detail .item_text_box {
  margin-top: 0px;
}

/* line 140, app/assets/stylesheets/cases.scss */
.itemCases .detail .sCard {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  background-color: #2DB4AF;
  border-radius: 0px 4px 0px 4px;
  padding: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

/* line 152, app/assets/stylesheets/cases.scss */
.itemCases .detail .schedule {
  font-weight: bold;
}

/* line 154, app/assets/stylesheets/cases.scss */
.itemCases .detail .schedule .fa-clock {
  color: #2DB4AF;
  margin-right: 10px;
}

/* line 159, app/assets/stylesheets/cases.scss */
.itemCases .detail .area {
  font-weight: bold;
}

/* line 161, app/assets/stylesheets/cases.scss */
.itemCases .detail .area .fa-map-location {
  margin-right: 10px;
  color: #2DB4AF;
}

/* line 166, app/assets/stylesheets/cases.scss */
.itemCases .detail .priceComparison {
  display: flex;
  justify-content: normal;
}

/* line 170, app/assets/stylesheets/cases.scss */
.itemCases .detail .price {
  text-align: left;
  width: 100%;
  border: 3px solid #e66400;
  border-radius: 4px;
  margin-right: 10px;
  display: flex;
}

/* line 177, app/assets/stylesheets/cases.scss */
.itemCases .detail .price .priceLabel {
  border-radius: unset;
  font-size: 14px;
  padding: 5px;
  display: block;
  font-weight: bold;
  color: #fff;
  background-color: #e66400;
  width: 100%;
  text-align: center;
}

/* line 188, app/assets/stylesheets/cases.scss */
.itemCases .detail .price .quotationPrice {
  width: 100%;
  text-align: center;
  font-size: 13px;
  padding: 5px;
  color: #D80012;
}

/* line 196, app/assets/stylesheets/cases.scss */
.itemCases .detail .max_quotation {
  border: 3px solid #999;
  margin-right: 0px;
}

/* line 199, app/assets/stylesheets/cases.scss */
.itemCases .detail .max_quotation .priceLabel {
  background-color: #999;
}

/* line 202, app/assets/stylesheets/cases.scss */
.itemCases .detail .max_quotation .quotationPrice {
  color: #999;
}

/* line 206, app/assets/stylesheets/cases.scss */
.itemCases .detail .discount {
  color: #333;
  font-size: 15px;
  padding-bottom: 5px;
  margin-bottom: 30px;
  text-align: center;
  width: 100%;
}

/* line 213, app/assets/stylesheets/cases.scss */
.itemCases .detail .discount .discountText {
  border-bottom: 4px solid #e60000;
  display: inline-block;
}

/* line 216, app/assets/stylesheets/cases.scss */
.itemCases .detail .discount .discountText .discountNum {
  color: #e60000;
  font-weight: bold;
  font-size: 30px;
  margin: 10px;
  display: inline;
}

/* line 225, app/assets/stylesheets/cases.scss */
.itemCases .detail .moreArea {
  width: 100%;
  text-align: center;
  margin: 10px 0 10px;
}

/* line 229, app/assets/stylesheets/cases.scss */
.itemCases .detail .moreArea .moreLink {
  text-align: center;
  border-radius: 20px;
  border: 2px solid #00746F;
  background-color: #00746F;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  padding: 7px 60px;
  font-size: 16px;
}

/* line 242, app/assets/stylesheets/cases.scss */
.itemCases .caseHArea {
  background-color: #2d74b4;
}

/* line 244, app/assets/stylesheets/cases.scss */
.itemCases .caseHArea h2 {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  padding: 10px 20px;
  text-align: center;
  margin: 0;
  border-bottom: none;
}

/* line 254, app/assets/stylesheets/cases.scss */
.itemCases .caseDescription {
  padding: 10px;
}

/* line 256, app/assets/stylesheets/cases.scss */
.itemCases .caseDescription p {
  font-size: 16px;
  line-height: 26px;
}

/* line 262, app/assets/stylesheets/cases.scss */
.itemCases .relatedCases .itemCases {
  padding: 0;
}

/* line 266, app/assets/stylesheets/cases.scss */
.itemCases .relatedCases .sectionTitle .section_name {
  font-size: 22px;
}

/* line 272, app/assets/stylesheets/cases.scss */
.itemCases .sectionTitle .area_name {
  color: var(--first-color);
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  display: block;
}

/* line 279, app/assets/stylesheets/cases.scss */
.itemCases .sectionTitle .section_name {
  color: #000000;
  font-size: 28px;
  line-height: 36px;
  text-align: center;
  display: block;
}

/* line 288, app/assets/stylesheets/cases.scss */
.itemCases .caseDetail #simpleForm {
  width: calc(100% + 20px);
  margin-left: -10px;
}

/* line 292, app/assets/stylesheets/cases.scss */
.itemCases .caseDetail #taskleRecommend {
  width: calc(100% + 20px);
  margin-left: -10px;
}

/* line 296, app/assets/stylesheets/cases.scss */
.itemCases .caseDetail #blockMaliciousVendors {
  width: calc(100% + 20px);
  margin-left: -10px;
}

/* line 304, app/assets/stylesheets/cases.scss */
.reviewArea .reviewTitle {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #00746F;
}

/* line 310, app/assets/stylesheets/cases.scss */
.reviewArea .review_info {
  margin: 0;
}

/* line 313, app/assets/stylesheets/cases.scss */
.reviewArea .review_box {
  color: #000000;
  font-size: 16px;
  margin: 5px auto 5px;
  padding: 10px;
  line-height: normal;
  font-weight: normal;
  width: 100%;
  border: none;
}