.comparison__ttl {
 background: #4d4d4d;
 color: #fff;
 font-weight: bold;
 font-size: 20px;
 font-size: 2rem;
 text-align: center;
 padding: 12px 0;
 margin: 90px 0 40px 0;
}
@media (max-width: 767px) {
 .comparison__ttl {
  line-height: 1.5;
  padding: 7px 10px;
  margin-top: 60px;
 }
}
.comparison__header {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -moz-justify-content: space-between;
 -ms-justify-content: space-between;
 -o-justify-content: space-between;
 justify-content: space-between;
 border-bottom: #4d4d4d solid 4px;
 position: relative;
 padding: 20px 0;
 align-items: center;
}
@media (max-width: 1023px) {
 .comparison__header {
  border-bottom-width: 2px;
 }
}
.comparison__header .img {
 text-align: center;
 width: 50%;
}
.comparison__header .img img {
 width: 150px;
}
.comparison__header .txt {
 width: 50%;
 text-align: center;
 font-size: 23px;
 font-weight: bold;
 font-size: clamp(16px, 2.3cqw, 23px);
}
.comparison__header:after {
 position: absolute;
 content: "";
 width: 50%;
 height: 4px;
 background: #e5000b;
 z-index: 0;
 bottom: -4px;
}
.comparison__li {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 -moz-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 -o-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 -moz-justify-content: space-between;
 -ms-justify-content: space-between;
 -o-justify-content: space-between;
 justify-content: space-between;
 position: relative;
 border-bottom: #4d4d4d solid 1px;
 background: #f2f2f2;
 position: relative;
}
@media (max-width: 1023px) {
 .comparison__li {
  padding: 20px 0;
 }
}
@media (min-width: 1024px) {
 .comparison__li {
  align-items: center;
  height: 200px;
 }
 .comparison__li:nth-child(4) {
  height: 230px;
 }
}
.comparison__li:before {
 position: absolute;
 content: "";
 width: 50%;
 height: 100%;
 top: 0;
 background: #f4e6e7;
 z-index: 0;
}
.comparison__li:after {
 position: absolute;
 content: "";
 width: 50%;
 height: 1px;
 background: #e5000b;
 z-index: 0;
 bottom: -1px;
}
.comparison__li .img {
 margin: auto;
}
@media (max-width: 1023px) {
 .comparison__li .img {
  position: relative;
  z-index: 10;
 }
}
@media (min-width: 1024px) {
 .comparison__li .img {
  position: absolute;
  width: 405px;
  left: calc(50% - 202px);
 }
}
.comparison__li .comtxt {
 text-align: center;
 position: relative;
 z-index: 10;
}
@media (min-width: 1024px) {
 .comparison__li .comtxt {
  width: 205px;
 }
}
@media (max-width: 1023px) {
 .comparison__li .comtxt {
  width: 50%;
  padding: 75px 10px 0;
 }
}
.comparison__li .comtxt .ttl {
 font-size: 32px;
}
@media (max-width: 1023px) {
 .comparison__li .comtxt .ttl {
  font-size: 22px;
 }
}
@media (min-width: 768px) {
 .comparison__li .comtxt .ttl {
  font-size: clamp(22px, 3.2cqw, 32px);
 }
}
.comparison__li .comtxt .txt {
 font-size: 20px;
 font-weight: bold;
 margin-top: 5px;
}
@media (min-width: 1024px) {
 .comparison__li .txtleft {
  margin-left: 75px;
 }
}
.comparison__li .txtleft:before {
 content: "";
 position: absolute;
 width: 44px;
 height: 44px;
 background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='txt' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 45'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23e5000b; stroke-miterlimit: 10; stroke-width: 5px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='22.5' cy='22.5' r='20'/%3E%3C/svg%3E");
}
@media (min-width: 1024px) {
 .comparison__li .txtleft:before {
  left: -45px;
  top: 50%;
  transform: translateY(-50%);
 }
}
@media (max-width: 1023px) {
 .comparison__li .txtleft:before {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='txt' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23e5000b; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M17.5,5c6.89,0,12.5,5.61,12.5,12.5s-5.61,12.5-12.5,12.5-12.5-5.61-12.5-12.5,5.61-12.5,12.5-12.5M17.5,0C7.84,0,0,7.83,0,17.5s7.84,17.5,17.5,17.5,17.5-7.84,17.5-17.5S27.16,0,17.5,0h0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
 }
}
@media (min-width: 1024px) {
 .comparison__li .txtright {
  margin-right: 75px;
 }
}
.comparison__li .txtright:before {
 content: "";
 position: absolute;
 width: 35px;
 height: 35px;
 background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='txt' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %234d5357; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='35 5 30 0 17.5 12.5 5 0 0 5 12.5 17.5 0 30 5 35 17.5 22.5 30 35 35 30 22.5 17.5 35 5'/%3E%3C/svg%3E");
}
@media (min-width: 1024px) {
 .comparison__li .txtright:before {
  right: -45px;
  top: 50%;
  transform: translateY(-50%);
 }
}
@media (max-width: 1023px) {
 .comparison__li .txtright:before {
  width: 35px;
  height: 35px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='txt' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %234d5357; %7D %3C/style%3E%3C/defs%3E%3Cpolygon class='cls-1' points='30 4.29 25.71 0 15 10.71 4.29 0 0 4.29 10.71 15 0 25.71 4.29 30 15 19.29 25.71 30 30 25.71 19.29 15 30 4.29'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
 }
}
@media (max-width: 1023px) {
 .comparison__li:nth-child(2) .txtright {
  padding-top: 87px;
 }
}

@media (max-width: 767px) {
 .en-page .comparison__header .txt,
 .en-page .comparison__li .comtxt .txt {
  font-size: 16px;
 }
}
