:root{
  --color-sugoiBg: #a5daec;
  --color-point: #376996;
  --color-accordionBg: #dbf0f7;
  --color-main: #75a2d6;
  --color-mark: #fff67f;
}

/*胸部画像診断*/
.fav-5603{
  background-color: #9edf9a;
}
/*腹部CT*/
.fav-6393{
  background-color: #f6de82;
}
/*頭部CT・MRI*/
.fav-6725{
  background-color: #9ecff1;
}
/*心エコーまずはこれから*/
.fav-7039{
  background-color: #fabac5;
}
/*心エコー症候別*/
.fav-7257{
  background-color: #d6b9f4;
}


/* 調整 */
.main-head h1{
  margin-bottom: max(25px, min(4.5vw, 40px));
}
.main-head h1 img{
  max-width: max(290px, min(50vw, 470px));
}
.main-img{
  max-width: 290px;
}

.introduction p{
  color: #0e0d0d;
}

.merit-content{
  background: var(--color-sugoiBg);
}

.toSample a{
  background: var(--color-accordionBg);
  color: var(--color-point);
  border-color: var(--color-point);
}
.toSample a::before{
  border-color: var(--color-point) var(--color-point) transparent transparent;
}
.toSample a:hover{
  background: var(--color-accordionBg);
  color: #3491e2;
  border-color: #3491e2;
}
.toSample a:hover::before{
  border-color: #3491e2 #3491e2 transparent transparent;
}

.accordion-item{
  color: var(--color-point);
}
@media (hover: hover) {
  .accordion-item:hover{
    background: #d0e8f0;
  }
}
.main-top .accordion-inner ul li:not(:last-of-type)>a, .main-top #fav-list-area + .favorite-list-wrap .accordion-inner ul li:not(:last-of-type) a{
  border-color: var(--color-point);
}
.accordion-inner ul li>a:hover {
  color: var(--color-point);
}
.accordion-inner ul li>a:hover::before {
  border-color: var(--color-point) var(--color-point) transparent
    transparent;
}

mark{
  background-size: 200% 1em;
  background-position: 0 0.31em;
  font-weight: 700;
  padding: 0;
  margin: 0 2px;
}
mark.active {
  background-position: -100% 0.31em;
}

.main-top.after_purchase .main-head{
  grid-template-columns: .7fr 0.23fr;
  align-items: flex-start;
  gap: max(15px, min(5vw, 40px));
  max-width: 660px;
  justify-content: center;
}

.main-img {
  margin-bottom: max(28px, min(5.5vw, 50px));
  margin-inline: auto;
  max-width: 290px;
}

.main-img.hitsuji {
  width: 100%;
}

@media (max-width: 767px) {
  .merit2 .merit-inner {
    grid-template-columns: 1fr 100px;
  }
}

@media (min-width: 1000px) {
  .main-img.hitsuji {
    margin-top: -5px;
  }

  .main-img {
      max-width: 310px;
  }
}

.article-sp-logo a{
  width: 60%;
}

article > section > h2{
  display: block;
}

/* レジのロゴ */
#rn_logo {
	background-color: var(--color-sugoiBg);
}
.orange-bar {
	background-color: var(--color-sugoiBg);
}
/* レジのロゴ */