@charset "UTF-8";
.gr-blue {
  border: 2px solid #025bd0;
  margin: 0 0 40px;
}

.gr-blue .boxCheck {
  background: #025bd0;
  margin: 0 -1px;
}

.gr-blue .boxCheck > p {
  margin-bottom: 20px;
}

.gr-blue .boxCheck > p.panel {
  margin-bottom: 0;
}

.c-red {
  color: #ff0000;
}

.gr-blue .boxNote {
  padding: 25px 30px;
}

.infection {
  padding: 30px;
  background-color: rgba(0, 51, 155, 0.05);
  margin: 30px 0 60px;
}

.infection h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px;
}

.infection .dots li {
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0 0 10px;
  padding: 0 0 0 20px;
  position: relative;
  font-weight: bold;
}

.infection .dots li::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #00339B;
  position: absolute;
  left: 3px;
  top: 10px;
}



.w1 {
  width: 34px !important;
}

.w2 {
  width: 62px !important;
}

.w3 {
  width: 176px;
}

.w4 {
  width: 176px;
}

.w5 {
  width: 176px;
}

.w6 {
  width: 176px;
}

.small-text {
  font-size: 12px;
}

.tbStyle2 td.align-top {
  vertical-align: top;
}

.line-left-bold {
  border-left: 4px solid #025bd0 !important;
}

.line-right-bold {
  border-right: 4px solid #025bd0 !important;
}

.line-bottom-bold {
  border-bottom: 4px solid #025bd0 !important;
}

a.panel {
  width: 300px;
  display: block;
  margin: 0 auto;
}

a.panel:hover {
  text-decoration: none;
  opacity: 0.7;
}

.line-none {
  display: inline-block;
  width: 25px;
  height: 1px;
  background: #000;
}

.question-modal {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

.mfp-close {
  display: none !important;
}

.popup-modal-dismiss {
  position: absolute;
  right: 0;
  top: -70px;
}

.modal-content {
  border: 4px solid #025bd0;
  border-radius: 20px;
  background-color: #fff;
}

input[type=radio] {
  display: none;
}

input[type=radio] + label {
  color: #000;
}

input[type=radio] + label span {
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  border: 1px solid #000;
  cursor: pointer;
  position: relative;
}

input[type=radio]:checked + label span::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #025bd0;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.question-modal .ques dt {
  display: flex;
  align-items: center;
  height: 146px;
  border-bottom: 2px solid #025bd0;
  font-size: 28px;
  font-weight: bold;
  padding: 0 0 0 70px;
  color: #025bd0;
}

.question-modal .ques div.qnumWrap {
  background: #FFFF00;
  color: #025bd0;
  margin: 0 25px 0 0;
  border-radius: 50%;
}

.question-modal .ques div.qnumIn {
  position: relative;
  width: 78px;
  height: 78px;
}

.question-modal .ques .qnumWrap .qnum {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -43%);
  font-size: 38px;
  text-align: center;
  overflow: inherit;
  line-height: 70%;
}

.question-modal .ques .qnumWrap .qnum-nevi {
  font-size: 15px;
  text-align: center;
  padding-left: 0.2em;
  display: block;
}

.question-modal .ques .qtxt {
  margin: 10px 0 0;
  line-height: 1.25;
}

.question-modal .ques dd {
  padding: 40px 0 100px;
  position: relative;
}

.question-modal .ques ul {
  margin: 0 0 50px 60px;
  min-height: 157px;
}

.question-modal .ques ul li {
  margin: 0 0 20px;
  font-size: 22px;
  font-weight: bold;
}

.question-modal .modal-nav {
  width: 100%;
  position: absolute;
  bottom: 40px;
  left: 0%;
  display: flex;
  justify-content: center;
}

.question-modal .panel {
  width: 280px;
  font-size: 20px;
  padding: 12px 10px;
  margin: 0 17px;
  position: relative;
}

.is-disable {
  pointer-events: none;
}

.panel2 {
  display: block;
  margin: 0 auto;
  width: 260px;
  font-size: 20px;
  padding: 12px 10px;
  background: #FFFF00;
  color: #025bd0;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

a.panel2:hover {
  text-decoration: none;
  opacity: 0.7;
}

.question-modal .panel2 {
  margin: 0 17px;
  width: 280px;
  position: relative;
}

.result-wrap {
  padding: 120px 55px 5px;
  position: relative;
}

.result-title {
  width: 200px;
  height: 70px;
  border: 4px solid #025bd0;
  border-top: none;
  border-radius: 0 0 20px 20px;
  position: absolute;
  left: 50%;
  top: -4px;
  margin: 0 0 0 -104px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #025bd0;
}

.result-title p {
  margin: 0 0 5px;
}

.result-box {
  color: #fff;
  text-align: center;
  font-size: 28px;
  line-height: 1.28;
  padding: 10px 0;
}

#r1 .result-box {
  background-color: #009600;
}

#r1 .result-box .bold {
  font-weight: bold;
}

#r2 .result-box {
  background-color: #ffff00;
  color: #025bd0;
}

#r2 .result-box .bold {
  font-weight: bold;
}

#r3 .result-box {
  background-color: #ff0000;
}

#r3 .result-box .bold {
  font-weight: bold;
}

#r4 .result-box {
  background-color: #ff9600;
  color: #fff;
}

.result-note {
  font-size: 13px;
  margin-top: 0.2em;
  text-align: center;
}

.result-list li {
  padding: 40px 0;
  border-bottom: 1px solid #bebebf;
  display: flex;
  justify-content: space-between;
}

.result-list li:last-child {
  border: none;
}

.result-item__text {
  width: 236px;
  font-size: 13px;
}

.result-item__btn .btnMore .inner_btnMore {
  font-size: 14px;
}

.small-title {
  font-size: 14px;
  text-align: right;
}

.result-item__btn .boxNote .btnMore {
  width: 415px;
}

.result-item__btn .inner_boxNote dd {
  font-size: 14px;
}

.no-webp .btnMore .linkbtn_corona::before {
  background-image: url(../img/common/linkbtn_corona.png);
}

.webp .btnMore .linkbtn_corona::before {
  background-image: url(../img/common/linkbtn_corona.png.webp);
}

.no-webp .result-item__btn .btnMore .inner_btnMore::after {
  content: "";
  width: 10px;
  height: 16px;
  background: url(../img/rhinitis/difference/arr1.png) no-repeat center;
  background-size: cover;
  position: absolute;
  right: 12px;
  top: 50%;
  margin: -8px 0 0;
}

.webp .result-item__btn .btnMore .inner_btnMore::after {
  content: "";
  width: 10px;
  height: 16px;
  background: url(../img/rhinitis/difference/arr1.png.webp) no-repeat center;
  background-size: cover;
  position: absolute;
  right: 12px;
  top: 50%;
  margin: -8px 0 0;
}

.question-modal .inner_boxNote dl {
  position: relative;
}

.no-webp .question-modal .inner_boxNote dl::after {
  content: "";
  width: 35px;
  height: 16px;
  background: url(../img/rhinitis/difference/arr3.png) no-repeat center;
  right: 12px;
  top: 50%;
}

.webp .question-modal .inner_boxNote dl::after {
  content: "";
  width: 35px;
  height: 16px;
  background: url(../img/rhinitis/difference/arr3.png.webp) no-repeat center;
  right: 12px;
  top: 50%;
}

.contentsDifference .banner_area {
  margin: 0 auto;
  text-align: center;
  width: 400px;
  margin-bottom: 50px;
}
/* css added 20201203 */
.no-webp .question-modal#q1 .ques dd {
  background: url(../img/rhinitis/difference/icon1.png) right 50px top 30px no-repeat;
}

.webp .question-modal#q1 .ques dd {
  background: url(../img/rhinitis/difference/icon1.png.webp) right 50px top 30px no-repeat;
}

.no-webp .question-modal#q2 .ques dd {
  background: url(../img/rhinitis/difference/icon2.png) right 50px top 30px no-repeat;
}

.webp .question-modal#q2 .ques dd {
  background: url(../img/rhinitis/difference/icon2.png.webp) right 50px top 30px no-repeat;
}

.no-webp .question-modal#q3 .ques dd {
  background: url(../img/rhinitis/difference/icon3.png) right 50px top 30px no-repeat;
}

.webp .question-modal#q3 .ques dd {
  background: url(../img/rhinitis/difference/icon3.png.webp) right 50px top 30px no-repeat;
}

.no-webp .question-modal#q4 .ques dd {
  background: url(../img/rhinitis/difference/icon4.png) right 50px top 30px no-repeat;
}

.webp .question-modal#q4 .ques dd {
  background: url(../img/rhinitis/difference/icon4.png.webp) right 50px top 30px no-repeat;
}

.no-webp .question-modal#q5 .ques dd {
  background: url(../img/rhinitis/difference/icon5.png) right 50px top 30px no-repeat;
}

.webp .question-modal#q5 .ques dd {
  background: url(../img/rhinitis/difference/icon5.png.webp) right 50px top 30px no-repeat;
}

.no-webp .question-modal#q6 .ques dd {
  background: url(../img/rhinitis/difference/icon6.png) right 50px top 30px no-repeat;
}

.webp .question-modal#q6 .ques dd {
  background: url(../img/rhinitis/difference/icon6.png.webp) right 50px top 30px no-repeat;
}

.no-webp .question-modal#q7 .ques dd {
  background: url(../img/rhinitis/difference/icon7.png) right 50px top 30px no-repeat;
}

.webp .question-modal#q7 .ques dd {
  background: url(../img/rhinitis/difference/icon7.png.webp) right 50px top 30px no-repeat;
}

.no-webp .question-modal#q8 .ques dd {
  background: url(../img/rhinitis/difference/icon8.png) right 50px top 30px no-repeat;
}

.webp .question-modal#q8 .ques dd {
  background: url(../img/rhinitis/difference/icon8.png.webp) right 50px top 30px no-repeat;
}

.boxBtn {
  padding: 20px 0 70px;
}

.boxBtn .panel {
  width: auto;
  padding: 0;
  background: none;
  text-align: center;
}

.boxBtn .panel img {
  margin: 0 auto;
}
.bold {
  font-weight: bold;
}

.fz14 {
  font-size: 1.4rem;
}
.label1, .label2 {
  padding: 40px 0 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 130px auto;
}

.no-webp .label1 {
  background-image: url(../img/rhinitis/difference/label1.png);
}

.webp .label1 {
  background-image: url(../img/rhinitis/difference/label1.png.webp);
}

.no-webp .label2 {
  background-image: url(../img/rhinitis/difference/label2.png);
}

.webp .label2 {
  background-image: url(../img/rhinitis/difference/label2.png.webp);
}
.no-webp .question-modal .modal-nav .prev {
  background: url(../img/rhinitis/difference/prev.png) 20px center no-repeat #ffff00;
}

.webp .question-modal .modal-nav .prev {
  background: url(../img/rhinitis/difference/prev.png.webp) 20px center no-repeat #ffff00;
}

.no-webp .question-modal .modal-nav .next {
  background: url(../img/rhinitis/difference/next.png) right 20px center no-repeat #ffff00;
}

.webp .question-modal .modal-nav .next {
  background: url(../img/rhinitis/difference/next.png.webp) right 20px center no-repeat #ffff00;
}
.no-webp .inner_boxNote dl::after {
  width: 24px;
  height: 16px;
  margin-right: 0;
  background: url(../img/rhinitis/difference/arr3.png) center no-repeat;
  background-size: cover;
  position: relative;
  left: 0px;
  top: 5px;
}

.webp .inner_boxNote dl::after {
  width: 24px;
  height: 16px;
  margin-right: 0;
  background: url(../img/rhinitis/difference/arr3.png.webp) center no-repeat;
  background-size: cover;
  position: relative;
  left: 0px;
  top: 5px;
}

@media screen and (min-width: 767px) {
  .pageTit01 dt.w115 {
    width: 115px;
  }

  .titImg02.r-50 {
    right: -50px;
  }
}

@media screen and (max-width: 767px) {
  .contentsDifference h1 {
    font-size: 16px;
    padding: 0 100px 0 0 !important;
  }

  .supervision {
    font-size: 1.1rem;
    margin: 10px 0;
  }

  .gr-blue {
    padding: 0;
  }

  .gr-blue .boxCheck {
    padding-top: 15px;
    padding-bottom: 25px;
  }

  a.panel {
    width: 200px;
    padding: 12px 9px;
  }

  .gr-blue .boxNote {
    padding: 15px 20px;
    font-size: 12px;
    margin: 0;
  }

  .infection {
    padding: 20px;
    margin: 20px 0 20px;
    font-size: 11px;
  }

  .infection h3 {
    font-size: 14px;
  }

  .infection .dots li {
    font-size: 1.3rem;
    line-height: 1.5;
    padding: 0 0 0 15px;
  }

  .infection .dots li::before {
    left: 0;
    top: 5px;
  }

  .question-modal {
    max-width: 90%;
  }

  .popup-modal-dismiss {
    top: -40px;
  }

  .popup-modal-dismiss img {
    width: 35px !important;
  }

  .modal-content {
    border: 2px solid #025bd0;
    border-radius: 10px;
  }

  input[type=radio] {
    display: none;
  }

  input[type=radio] + label {
    color: #000;
  }

  input[type=radio] + label span {
    width: 16px;
    height: 16px;
    margin: 0 5px 0 0;
    position: absolute;
    left: 0;
    top: 2px;
  }

  input[type=radio]:checked + label span::before {
    width: 8px;
    height: 8px;
  }

  .question-modal .ques dt {
    /* justify-content: center; */
    align-items: flex-start;
    height: auto;
    font-size: 17px;
    padding: 20px;
    border-bottom: 1px solid #025bd0;
  }

  .question-modal .ques dt span:last-child {
    flex: 1;
    margin: 0;
    align-self: center;
  }

  .question-modal .ques .qnumWrap .qnum {
    font-size: 24px;
  }

  .question-modal .ques div.qnumIn {
    width: 50px;
    height: 50px;
  }

  .question-modal .ques .qnumWrap .qnum-nevi {
    font-size: 12px;
  }

  .question-modal .ques dd {
    padding: 20px 20px 65px;
  }

  .question-modal .ques ul {
    margin: 0 0 10px;
    min-height: 110px;
  }

  .question-modal .ques ul li {
    margin: 0 0 10px;
    font-size: 14px;
    padding: 0 0 0 25px;
    position: relative;
  }

  .question-modal .modal-nav {
    box-sizing: border-box;
    bottom: 20px;
    padding: 0 7px;
  }

  .question-modal .panel, .question-modal .panel2 {
    width: calc(50% - 14px);
    font-size: 13px;
    padding: 12px 10px;
    /* margin-left: -100px;
    bottom: 20px; */
    margin: 0 7px;
  }

  .panel2 {
    width: 180px;
    font-size: 13px;
    padding: 12px 10px;
  }

  .result-wrap {
    padding: 60px 20px 25px;
  }

  .result-title {
    width: 130px;
    height: 45px;
    border: 2px solid #025bd0;
    border-top: none;
    border-radius: 0 0 10px 10px;
    top: -2px;
    margin: 0 0 0 -65px;
    font-size: 14px;
  }

  .result-box {
    font-size: 17px;
    padding: 10px;
  }

  .result-note {
    font-size: 12px;
    text-align: left;
  }

  .result-list li {
    padding: 15px 0;
    display: block;
  }

  .result-list li:last-child {
    border: none;
    padding-bottom: 0;
  }

  .result-item__text {
    width: 100%;
    /* font-size: 16px; */
    font-size: 12px;
    margin: 0 0 10px;
  }

  .result-item__btn .btnMore .inner_btnMore {
    font-size: 0.9rem;
  }

  .small-title {
    font-size: 17px;
    text-align: center;
  }

  .result-item__btn .boxNote .btnMore {
    width: 100%;
  }

  .result-item__btn .inner_boxNote dd {
    font-size: 0.9rem !important;
    padding: 0 0 0 10px;
  }

  .sp-tbStyle h4 {
    font-size: 14px;
    font-weight: bold;
    background-color: #4e8cde;
    color: #fff;
    padding: 10px 10px 10px 60px;
  }

  .no-webp .tb-heading1 {
    background: url(../img/rhinitis/difference/heading1.png) 10px center no-repeat;
    background-size: 42px 42px;
    background-color: #4e8cde;
  }

  .webp .tb-heading1 {
    background: url(../img/rhinitis/difference/heading1.png.webp) 10px center no-repeat;
    background-size: 42px 42px;
    background-color: #4e8cde;
  }

  .no-webp .tb-heading2 {
    background: url(../img/rhinitis/difference/heading2.png) 10px center no-repeat;
    background-size: 42px 42px;
    background-color: #4e8cde;
  }

  .webp .tb-heading2 {
    background: url(../img/rhinitis/difference/heading2.png.webp) 10px center no-repeat;
    background-size: 42px 42px;
    background-color: #4e8cde;
  }

  .no-webp .tb-heading3 {
    background: url(../img/rhinitis/difference/heading3.png) 10px center no-repeat;
    background-size: 42px 42px;
    background-color: #4e8cde;
  }

  .webp .tb-heading3 {
    background: url(../img/rhinitis/difference/heading3.png.webp) 10px center no-repeat;
    background-size: 42px 42px;
    background-color: #4e8cde;
  }

  .no-webp .tb-heading4 {
    background: url(../img/rhinitis/difference/heading4.png) 10px center no-repeat;
    background-size: 42px 42px;
    background-color: #4e8cde;
  }

  .webp .tb-heading4 {
    background: url(../img/rhinitis/difference/heading4.png.webp) 10px center no-repeat;
    background-size: 42px 42px;
    background-color: #4e8cde;
  }

  .sp-tbStyle h5 {
    font-weight: bold;
    padding: 0 0 5px;
    margin: 0 0 5px;
    border-bottom: 2px solid #9f9fa0;
  }

  .sp-tbStyle__group {
    padding: 10px 10px 15px;
    font-size: 1.1rem;
    font-size: 2.9vw;
  }

  .sp-tbStyle__info, .sp-tbStyle__group .indentList {
    margin: 0 0 15px;
  }

  .sp-tbStyle__group .indentList:last-child {
    margin: 0;
  }

  .sp-tbStyle__info dl {
    padding: 5px 10px;
    display: flex;
  }

  .sp-tbStyle__info dl:nth-child(2n-1) {
    /* background: rgb(2, 91, 208, 0.2); */
    background-color: #ccdef6;
  }

  .sp-tbStyle__info dl dt {
    width: 20%;
    position: relative;
  }

  .sp-tbStyle__info dl dt::after {
    content: ":";
    position: absolute;
    right: 5px;
    top: 0;
  }

  .sp-tbStyle__info dl dd {
    width: 80%;
  }

  .result-item__btn .btnMore .inner_btnMore::after {
    width: 5px;
    height: 8px;
    right: 8px;
    margin: -4px 0 0;
  }

  .question-modal .inner_boxNote dl::after {
    width: 5px;
    height: 8px;
    right: 8px;
    margin: -4px 0 0;
  }

  .result-list .boxNote {
    margin: 0;
  }

  .contentsDifference .banner_area {
    width: 100%;
  }
  .no-webp .question-modal#q1 .ques dd {
    background: url(../img/rhinitis/difference/icon1-sp.png) right 18px top 18px no-repeat;
    background-size: 77px 73px;
  }

  .webp .question-modal#q1 .ques dd {
    background: url(../img/rhinitis/difference/icon1-sp.png.webp) right 18px top 18px no-repeat;
    background-size: 77px 73px;
  }

  .no-webp .question-modal#q2 .ques dd {
    background: url(../img/rhinitis/difference/icon2-sp.png) right 18px top 18px no-repeat;
    background-size: 76px 70px;
  }

  .webp .question-modal#q2 .ques dd {
    background: url(../img/rhinitis/difference/icon2-sp.png.webp) right 18px top 18px no-repeat;
    background-size: 76px 70px;
  }

  .no-webp .question-modal#q3 .ques dd {
    background: url(../img/rhinitis/difference/icon3-sp.png) right 18px top 18px no-repeat;
    background-size: 66px 68px;
  }

  .webp .question-modal#q3 .ques dd {
    background: url(../img/rhinitis/difference/icon3-sp.png.webp) right 18px top 18px no-repeat;
    background-size: 66px 68px;
  }

  .no-webp .question-modal#q4 .ques dd {
    background: url(../img/rhinitis/difference/icon4-sp.png) right 18px top 18px no-repeat;
    background-size: 84px 81px;
  }

  .webp .question-modal#q4 .ques dd {
    background: url(../img/rhinitis/difference/icon4-sp.png.webp) right 18px top 18px no-repeat;
    background-size: 84px 81px;
  }

  .no-webp .question-modal#q5 .ques dd {
    background: url(../img/rhinitis/difference/icon5-sp.png) right 18px top 18px no-repeat;
    background-size: 78px 57px;
  }

  .webp .question-modal#q5 .ques dd {
    background: url(../img/rhinitis/difference/icon5-sp.png.webp) right 18px top 18px no-repeat;
    background-size: 78px 57px;
  }

  .no-webp .question-modal#q6 .ques dd {
    background: url(../img/rhinitis/difference/icon6-sp.png) right 18px top 18px no-repeat;
    background-size: 83px 73px;
  }

  .webp .question-modal#q6 .ques dd {
    background: url(../img/rhinitis/difference/icon6-sp.png.webp) right 18px top 18px no-repeat;
    background-size: 83px 73px;
  }

  .no-webp .question-modal#q7 .ques dd {
    background: url(../img/rhinitis/difference/icon7-sp.png) right 18px top 18px no-repeat;
    background-size: 75px 69px;
  }

  .webp .question-modal#q7 .ques dd {
    background: url(../img/rhinitis/difference/icon7-sp.png.webp) right 18px top 18px no-repeat;
    background-size: 75px 69px;
  }

  .no-webp .question-modal#q8 .ques dd {
    background: url(../img/rhinitis/difference/icon8-sp.png) right 18px top 18px no-repeat;
    background-size: 100px;
  }

  .webp .question-modal#q8 .ques dd {
    background: url(../img/rhinitis/difference/icon8-sp.png.webp) right 18px top 18px no-repeat;
    background-size: 100px;
  }

  .boxBtn {
    margin: 0 0 0;
    padding: 0 0 20px;
  }
  .fz14 {
    font-size: 1.2rem;
  }
  .label1, .label2 {
    background-size: 90px auto;
  }
  .label1, .label2 {
    padding: 30px 0 0;
  }

  .no-webp .label1 {
    background-image: url(../img/rhinitis/difference/label1_sp.png);
  }

  .webp .label1 {
    background-image: url(../img/rhinitis/difference/label1_sp.png.webp);
  }

  .no-webp .label2 {
    background-image: url(../img/rhinitis/difference/label2_sp.png);
  }

  .webp .label2 {
    background-image: url(../img/rhinitis/difference/label2_sp.png.webp);
  }
  .no-webp .question-modal .modal-nav .prev {
    background: url(../img/rhinitis/difference/prev_sp.png) 12px center no-repeat #ffff00;
    background-size: 6px auto;
  }

  .webp .question-modal .modal-nav .prev {
    background: url(../img/rhinitis/difference/prev_sp.png.webp) 12px center no-repeat #ffff00;
    background-size: 6px auto;
  }

  .no-webp .question-modal .modal-nav .next {
    background: url(../img/rhinitis/difference/next_sp.png) right 12px center no-repeat #ffff00;
    background-size: 6px auto;
  }

  .webp .question-modal .modal-nav .next {
    background: url(../img/rhinitis/difference/next_sp.png.webp) right 12px center no-repeat #ffff00;
    background-size: 6px auto;
  }
  .no-webp .inner_boxNote dl::after {
    content: "";
    width: 26px;
    height: 27px;
    background-image: url(../img/common/icon_arrow_product.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    display: inline-block;
    align-self: center;
  }

  .webp .inner_boxNote dl::after {
    content: "";
    width: 26px;
    height: 27px;
    background-image: url(../img/common/icon_arrow_product.png.webp);
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    align-self: center;
  }

  .no-webp .webp .inner_boxNote dl dd {
    font-size: 3.2vw !important;
  }

  .webp .inner_boxNote dl dd {
    font-size: 3.2vw !important;
  }
}