@charset "UTF-8";

/* ----- ヤマハ車椅子電動化ユニット30年の歴史 ----- */

/* --- timeline --- */
#rwd-content .timeline  {
	padding: 0 0;
}
#rwd-content .timeline li:nth-of-type(even) {
    background: #e8ebf3;
}
#rwd-content .timeline .topic h3 {
    font-size: 4.8rem;
	color: #1e3a8a;
	padding-left: 1em;
	background:url("/wheelchair/30th-anniversary/img/point_g.svg") left center / 20px no-repeat;
}
#rwd-content .timeline li:nth-of-type(even) .topic h3 {
	background-image: url("/wheelchair/30th-anniversary/img/point_w.svg");
}
#rwd-content .timeline .topic h4 {
    font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 10px;
}

/* --- slider --- */
#rwd-content .rwd-a11y-splide-default .splide__pagination__page {
	border: solid 1px #1e3a8a;
    background-color: #fff;
}
#rwd-content .rwd-a11y-splide-default .splide__pagination__page.is-active {
    background-color: #1e3a8a;
}

/* --- award --- */
#rwd-content .award-wrap {
    background:url(/wheelchair/30th-anniversary/img/award_bg.png) center top / auto no-repeat #1e3a8a;
	padding: 60px 0;
}
#rwd-content .award {
	width: 90%;
	max-width: 806px;
	padding: 0 65px 40px;
    background:#fff;
	border-top: solid 8px #c6850b;
	box-sizing: border-box;
	margin: 0 auto;
}
#rwd-content .award h2 {
	font-size: 2.8rem;
	font-weight: bold;
    width: 6em;
    line-height: 1.8;
    text-align: center;
    padding-bottom: 3px;
    background-image: url("/wheelchair/30th-anniversary/img/award_h_bg.svg");
    background-position: center bottom;
    background-size: cover;
    margin: 0 auto 20px;
}
#rwd-content .award li {
    padding: 8px 0;
    border-bottom: solid 2px #c6850b;
}
#rwd-content .award li span {
	font-size: 1.7rem;
}
#rwd-content .award li .year {
    float: left;
    font-weight: bold;
}
#rwd-content .award li .awd-name {
    display: block;
    margin-left: 4em;
}

@media screen and (max-width: 767px) {
  #rwd-content .rwd-product-header {
    border-bottom:none;
    margin-bottom: 0;
  }
  #rwd-content .rwd-product-header .rwd-headline1-type02 {
    padding-right: 0;
  }
  /* --- title-area --- */
  #rwd-content .title-area .box-item {
	  width:90.625%;
	  margin: 0 auto;
	  padding-top: 25px;
  }
  #rwd-content .title-area h3.title {
	  font-size: 1.6rem;
	  font-weight: bold;
	  text-align: center;
	  line-height: 1.5;
  }
  #rwd-content .title-area h3.title img {
	  width: 163px;
  }
  #rwd-content .title-area p,
  #rwd-content .timeline .topic p  {
    font-size: 1.4rem;
  }
  /* --- timeline --- */
  #rwd-content .timeline .topic {
    padding-top: 30px;
  }
  #rwd-content .timeline .intro .topic {
    padding-top: 0;
  }
  #rwd-content .timeline .topic h3 {
    font-size: 3.2rem;
	font-weight: bold;
    padding-left: 16px;
    background-size: 12px;
    margin-bottom: 10px;
  }
  #rwd-content .timeline .topic h4 {
      font-size: 1.8rem;
      margin-bottom: 10px;
  }
  #rwd-content .timeline .topic .rwd-grid-item:last-child {
	  margin-bottom: 30px;
  }
  /* --- award --- */
  #rwd-content .award-wrap {
      background:url(/wheelchair/30th-anniversary/img/award_bg_sp.png) center top / cover #1e3a8a;
  }
  #rwd-content .award {
      padding: 0 15px 40px;
      border-top: solid 5px #c6850b;
  }
  #rwd-content .award h2 {
      font-size: 1.6rem;
  }
  #rwd-content .award li {
      padding: 5px 0;
  }
  #rwd-content .award li span {
      font-size: 1.4rem;
  }
  #rwd-content .award li .awd-name {
      margin-left: 50px;
  }
}
@media print, screen and (min-width: 768px) {

  /* --- title-area --- */
  #rwd-content .title-area {
	  height: 940px;
	  background:url(/wheelchair/30th-anniversary/img/main_bg.jpg) center center / auto no-repeat border-box #1e3a8a;
  }
  #rwd-content .title-area h2 {
	  text-align: center;
	  padding-top: 135px;
  }
  #rwd-content .title-area .box-item {
	  width:550px;
	  margin: 0 auto;
	  padding-top: 65px;
	  color: #fff;
  }
  #rwd-content .title-area h3.title {
	  font-size: 3.0rem;
	  text-align: center;
	  line-height: 1.5;
  }
  #rwd-content .title-area p {
    font-size: 1.6rem;
	font-weight: bold;
	line-height: 2.3em;
	background-image: linear-gradient(transparent 0, transparent 95%, #929cc1 100%);
	background-size: 100% 2.3em;
  }
	 /* --- for Safari --- */
  _::-webkit-full-page-media,_:future,:root #rwd-content .title-area p {
	line-height: 2.35em;
  }
  /* --- timeline --- */
  #rwd-content .timeline .first {
    padding-top: 60px;
  }
  #rwd-content .timeline .topic {
    width: 63%;
    max-width: 806px;
    border-left: solid 3px #e8ebf3;
    padding: 40px 28px 0;
    margin: 0 auto;
  }	
  #rwd-content .timeline .first .topic {
    padding-top: 45px;
    position: relative;
  }
  #rwd-content .timeline .topic h3 {
      margin-left: -40px;
  }
  #rwd-content .timeline .first .topic h3 {
    position: absolute;
    top: -20px;
    left: 28px;
  }
  #rwd-content .timeline li:nth-of-type(even) .topic {
    border-left: solid 3px #fff;
  }	
  #rwd-content .timeline .intro .topic {
	padding-top: 0;
	border: #fff;
  }	
  #rwd-content .timeline .topic .rwd-grid-item {
	  width: 48.5%;
  }
  #rwd-content .timeline .topic .rwd-grid-item:last-child {
	  margin-left: 3%;
	  margin-bottom: 60px;
  }
	
 }