#outside-reform-page{
  width:700px!important;
  min-width:700px!important;
  max-width:700px!important;
  margin:0 auto!important;
  padding:0 3px 28px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  color:#222!important;
  font-family:"Yu Gothic","Meiryo",sans-serif!important;
  font-size:14px!important;
  line-height:1.55!important;
}
#outside-reform-page, #outside-reform-page *{box-sizing:border-box!important;}
#outside-reform-page img{display:block!important;max-width:none!important;height:auto!important;border:0!important;}
#outside-reform-page p{margin:0!important;padding:0!important;}

#outside-reform-page .or-page-title{
  width:694px!important;height:47px!important;margin:0 0 20px!important;padding:5px 38px!important;
  font-size:23px!important;line-height:35px!important;font-weight:400!important;color:#444!important;
  background:linear-gradient(#fff,#f3f3f3)!important;border:1px solid #ccc!important;
  box-shadow:1px 2px 3px #777!important;
}
#outside-reform-page .or-hero{
  display:grid!important;grid-template-columns:400px 190px!important;column-gap:30px!important;
  width:614px!important;margin:0 43px 15px!important;align-items:start!important;
}
#outside-reform-page .or-hero-copy h2{
  margin:0 0 8px!important;color:#5c9e00!important;font-size:31px!important;line-height:1.2!important;font-weight:700!important;
}
#outside-reform-page .or-hero-copy p{margin:0 0 21px!important;font-size:15px!important;line-height:1.5!important;}
#outside-reform-page .or-family{width:190px!important;margin-top:14px!important;}

#outside-reform-page .or-style-section,
#outside-reform-page .or-comparison,
#outside-reform-page .or-popular{
  width:614px!important;margin:0 43px 26px!important;
}
#outside-reform-page .or-band-title{
  width:320px!important;margin:0 0 12px!important;padding:3px 10px 4px!important;
  background:#ecd4b8!important;color:#fff!important;text-align:center!important;
  text-shadow:1px 2px 2px rgba(0,0,0,.45)!important;
  font-size:25px!important;line-height:30px!important;font-weight:700!important;
}
#outside-reform-page .or-lead{margin:0 0 14px!important;font-size:15px!important;line-height:1.5!important;}
#outside-reform-page .or-two-grid{
  display:grid!important;grid-template-columns:293px 293px!important;column-gap:33px!important;
}
#outside-reform-page .or-card h3,
#outside-reform-page .or-popular-card h3{
  margin:0 0 4px!important;font-size:18px!important;line-height:1.2!important;font-weight:400!important;
}
#outside-reform-page .or-card h3 span,
#outside-reform-page .or-popular-card h3 span{color:#c91425!important;}
#outside-reform-page .or-card img{width:293px!important;height:190px!important;object-fit:cover!important;margin:0 0 7px!important;}
#outside-reform-page .or-card p{font-size:13px!important;line-height:1.35!important;}

#outside-reform-page .or-comparison{padding-top:2px!important;}
#outside-reform-page .or-comparison img{width:621px!important;margin:0 -3px!important;}

#outside-reform-page .or-popular-grid{
  display:grid!important;grid-template-columns:181px 182px 181px!important;column-gap:37px!important;row-gap:20px!important;
}
#outside-reform-page .or-popular-card img{width:181px!important;height:130px!important;object-fit:cover!important;margin:0 0 7px!important;}
#outside-reform-page .or-popular-card h3{font-size:15px!important;margin-bottom:5px!important;}
#outside-reform-page .or-popular-card p{font-size:13px!important;line-height:1.35!important;}
#outside-reform-page .or-green-button{
  display:block!important;width:128px!important;margin:7px 0 5px!important;padding:6px 0!important;
  border-radius:6px!important;background:#78bd0d!important;color:#fff!important;text-align:center!important;
  text-decoration:none!important;font-size:14px!important;line-height:1.2!important;
}
#outside-reform-page .or-click{font-size:12px!important;}
#outside-reform-page .or-illustration-card{
  display:flex!important;align-items:center!important;justify-content:center!important;
}
#outside-reform-page .or-illustration-card img{
  width:190px!important;height:auto!important;object-fit:contain!important;margin-top:-20px!important;
}

@media screen and (max-width:720px){
  #outside-reform-page{margin-left:0!important;margin-right:0!important;}
}


/* v2：画像下の説明文が横へ伸びないよう、カード幅内で強制改行 */
#outside-reform-page .or-card,
#outside-reform-page .or-popular-card{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#outside-reform-page .or-card p{
  display:block!important;
  width:293px!important;
  min-width:0!important;
  max-width:293px!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  line-break:strict!important;
  text-align:left!important;
}

#outside-reform-page .or-popular-card p{
  display:block!important;
  width:181px!important;
  min-width:0!important;
  max-width:181px!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  line-break:strict!important;
  text-align:left!important;
}

#outside-reform-page .or-popular-card:nth-child(2) p{
  width:182px!important;
  max-width:182px!important;
}

#outside-reform-page .or-popular-card h3,
#outside-reform-page .or-card h3{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}


/* v3：最後の車と親子のイラストが切れないように全体表示 */
#outside-reform-page .or-illustration-card{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:181px!important;
  min-width:181px!important;
  max-width:181px!important;
  height:auto!important;
  min-height:165px!important;
  overflow:visible!important;
  padding:0!important;
}

#outside-reform-page .or-popular-card.or-illustration-card img{
  display:block!important;
  width:190px!important;
  min-width:190px!important;
  max-width:190px!important;
  height:auto!important;
  max-height:none!important;
  margin:-12px auto 0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center top!important;
  overflow:visible!important;
}
