@charset "utf-8";
/* common
==================================*/
  main{
    padding: 250px 0 0;
  }

/* chronology line
==================================*/
  .chronology{
  	position: relative;
  	max-width: 1000px;
  	margin: 0 auto;
  }
  .chronology .line-dot{
  	position: absolute;
  	top: 0;
  	right: 0;
  	left: 0;
  	z-index: 1;
  	background-image: url(../images/history/line_dot.svg);
  	background-repeat: repeat-y;
    background-size: 3px 60px;
  	width: 3px;
  	height: 100%;
  	margin: auto;
  }
  .chronology .line-cover{
  	position: fixed;
  	right: 0;
  	left: 0;
  	bottom: 0;
  	z-index: 2;
  	background: #000;
  	width: 100%;
  	height: 200px;
  }
  .chronology ol, .back_btn, footer{
  	position: relative;
  	z-index: 10;
  }

/* chronology ol
==================================*/
  .chronology ol > li{
  	position: relative;
  	/*display: flex;*/
  	padding: 136px 0 70px;
  }
  .from1955 .chronology .box02{ padding-bottom: 190px; }
  .from1955 .chronology .box04{ padding-bottom: 90px; }
  .from1955 .chronology .box05{ padding-bottom: 140px; }
  .from1955 .chronology .box06{ padding-bottom: 150px; }
  .from1955 .chronology .box07{ padding-bottom: 230px; }
  .from1955 .chronology .box08{ padding-bottom: 80px; }
  .from1955 .chronology .box09{ padding-bottom: 90px; }
  .from1955 .chronology .box10{ padding-bottom: 110px; }

  .chronology .ph{
    float: left;
  	width: 498px;
  }
  .chronology .box_r .ph{
    float: right;
  }
  .from1955 .chronology .box05 .ph{ margin-top: -80px; }
  .from1955 .chronology .box06 .ph{ margin-top: -100px; }
  .from1955 .chronology .box07 .ph{
    position: relative;
    z-index: 5;
    margin-top: -130px;
  }
  .chronology .ph a{
    display: block;
    text-align: center;
  }
  .from1955 .chronology .box06 .ph a{ margin-bottom: 70px; }

  .chronology .ph img{
    width: 100%;
  }
  .chronology .ph a p.btn{
    display: inline-block;
    width: auto;
    margin-top: 0;
    border: none;
    font-family: 'Roboto Condensed';
    font-size: 20px;
    letter-spacing: 0.05em;
  }
  .chronology .ph a:hover p.btn{
  	color: #fff;
  }
  .chronology .ph a p.btn::before{
	  content: none;
  }
  /*.chronology .ph a:hover p.btn::before{
    transform: scale(1,1);
  }*/
  .chronology p.btn::after{
    top: 8px;
    right: -6px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 1px;
  }
  .chronology .ph a:hover p.btn::after{
    right: -12px;
    /*border-top: 2px solid #000;*/
    /*border-right: 2px solid #000;*/
  }
  .from1955 .chronology .box06 .ph a.cat21 p.btn{ margin: 0 160px 0 auto; }
/*  .from1955 .chronology .box06 .ph a.sc1 p.btn{ margin: 0 0 0 200px; }*/
  .from1955 .chronology .box06 .ph a.p7 p.btn{ transform: translate(-50px, -50px); }

  .chronology .ad{
  	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    /*width: 340px;*/
    width: 342px;
    padding: 30px 0;
    margin: auto;
    overflow: hidden;
  }
  .chronology .box_l .ad{
    background: linear-gradient(90deg,transparent 0%,transparent 49%,black 49%,black 100%);
  	text-align: right;
  }
  .chronology .box_r .ad{
    background: linear-gradient(90deg,black 0%,black 51%,transparent 51%,transparent 100%);
    text-align: left;
  }
  .chronology .box_l .ad::after,
  .chronology .box_r .ad::after{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    content: "";
    background: #000;
    width: 150px;
    height: 100%;
    transform-origin: top right;
    transition: .8s .2s;
  }
  .chronology .box_r .ad::after{
    transform-origin: top left;
    left: auto;
    right: 0;
  }
  .chronology .box_l .ad.move::after{
    transform-origin: top right;
    transform: scale(0,1);
  }
  .chronology .box_r .ad.move::after{
    transform-origin: top left;
    transform: scale(0,1);
  }
  .chronology .box01 .ad img{ width: 185px }
  .chronology .box02 .ad img{ width: 185px }
  .chronology .box03 .ad img{ width: 185px }
  .chronology .box04 .ad img{ width: 188px }
  .chronology .box05 .ad img{ width: 185px }
  .chronology .box06 .ad img{ width: 187px }
  .chronology .box07 .ad img{ width: 169px }
  .chronology .box08 .ad img{ width: 186px }
  .chronology .box09 .ad img{ width: 186px }
  .chronology .box10 .ad img{ width: 190px }

  .chronology .text{
  	box-sizing: border-box;
  	width: 502px;
  }
  .chronology .box_l .text{
    float: right;
  	padding: 0 0 0 34px;
  }
  .chronology .box_r .text{
    float: left;
  	padding: 0 34px 0 0;
  }
  .chronology .box_r .text ul li{
  	text-align: right;
  }

  .chronology ul.archive > li{
  	margin: 0 0 18px;
  }
  .chronology ul.archive a{
  	display: block;
  	background: url(../images/history/arrow.svg)no-repeat;
  	background-size: 25px 6px;
  	background-position: left 0 top 2px;
  	width: 146px;
  	padding: 0 0 6px 33px;
  	border-bottom: 1px solid #fff;
  	font-size: 12.5px;
    transition: .2s;
    letter-spacing: 0.1em;
    font-weight: 300;
  }
  .chronology .box_r ul.archive a{
  	margin: 0 0 0 auto;
  	text-align: left;
  }
  .chronology ul.archive a:hover{
  	background-position: left 5px top 2px;
  }
  .chronology ul.second{
  	display: none;
  }
  .chronology ul.second p{
  	position: relative;
  	display: inline-block;
  	padding: 0 0 0 20px;
    line-height: 25px;
    letter-spacing: 0.05em;
    font-weight: 300;
  }
  .chronology ul.second p::before{
  	position: absolute;
  	left: 0;
  	content: "◎";
  }
  .chronology ul.y-history li p{
  	display: inline-block;
  	position: relative;
  	padding: 0 0 0 20px;
    line-height: 25px;
    letter-spacing: 0.05em;
    font-weight: 300;
  }
  .chronology ul.y-history li p::before{
  	position: absolute;
  	left: 0;
  	content: "●";
  }
  .chronology ul.y-history li.maru p::before{
    content: none;
  }
  .chronology ul.y-history li.maru p span{
    padding-right: 4px;
  }


/* back_btn
==================================*/
  .back_btn a{
  	display: block;
  	width: 233px;
  	height: 42px;
  	margin: 60px auto 30px;
  	border: 1px solid #fff;
  	font-size: 16px;
  	line-height: 42px;
  	text-align: center;
    transition: .8s ease;
    font-weight: 300;
    letter-spacing: 0.2em;
  }
  .back_btn a:hover{
  	color: #000;
  	background: #fff;
  }


/* modal
==================================*/
  .modal{
  	display: none;
  	position: fixed;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	z-index: 999;
  	background: #000;
  	width: 100%;
  	height: 100%;
  }
  .modal::before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    transform: scale(1.05);
    transition: 1.5s ease-out;
  }
  .modal.move::before{
    transform: scale(1);
  }
  .modal_inner{
    position: relative;
    z-index: 2;
  }
  .modal .text{
    position: relative;
  	margin: auto;
    padding: 130px 50px 0;
  }
  .modal .text h2{
    position: relative;
    display: inline-block;
  	font-family: 'Roboto Condensed';
    font-weight: 400;
  	font-size: 26px;
  	letter-spacing: 0.06em;
  }
  .modal .text h2 span{
    position: absolute;
    bottom: 0;
    left: 90%;
    width: 171px;
  }
  .modal .text p{
  	padding: 15px 0 0;
  	font-size: 15px;
  	line-height: 26px;
    text-align: justify;
    text-justify:inter-ideograph;
    letter-spacing: 0.05em;
    font-weight: 300;
  }
  .modal a.close{
  	position: fixed;
    top: 18px;
    right: 23px;
    display: block;
    background: rgba(0,0,0,.5) url(../images/history/btn_close.svg)no-repeat;
    background-size: 32px 33px;
    background-position: center;
    width: 32px;
    height: 33px;
    padding: 13px 17px;
  }


  #YA1::before{	background-image: url(../images/history/from1955/bg_ya1.jpg); }
  #YA1 .text{ max-width: 920px; }
  #YA1 .text p{ width: 46.387vw; max-width: 520px; }

  #YD1::before{
    background-image: url(../images/history/from1955/bg_yd1.jpg);
    background-position: right;
  }
  #YD1 .text{
    width: 97vw;
    max-width: 1370px;
    margin: auto;
    padding: 115px 30px 0 0;
  }
  #YD1 .text_inner{
    width: 44vw;
    max-width: 550px;
    margin: 0 0 0 auto;
  }

  #YDS1::before{ background-image: url(../images/history/from1955/bg_yds1.jpg); }
  #YDS1 h2 span{ width: 170px; }
  #YDS1 .text{ max-width: 1020px; }
  #YDS1 .text p{ width: 38.327vw; max-width: 466px;}

  #CAT21::before{
    background-image: url(../images/history/from1955/bg_cat21.jpg);
    background-position: left;
  }
  #CAT21 .text{ max-width: 1000px; }
  #CAT21 .text p{ width: 694px }

  #SC1::before{ background-image: url(../images/history/from1955/bg_sc1.jpg); }
  #SC1 .text{ max-width: 1000px; padding-top: 170px; }
  #SC1 .text p{ width: 354px; }

  #P7::before{ background-image: url(../images/history/from1955/bg_p7.jpg); }
  #P7 .text{ max-width: 1000px; padding-top: 170px; }
  #P7 .text p{ width: 356px; }

  #P3::before{ background-image: url(../images/history/from1955/bg_p3.jpg); }
  #P3 .text{ max-width: 1000px; padding-top: 170px; }
  #P3 .text p{ width: 340px; }


/* from1955
==================================*/
  .from1955 .chronology .box02 ul.y-history li p::before{
  	left: 24px;
  }
  .from1955 .chronology .box04 ul.y-history li p::before{
  	left: 54px;
  }


/* from1965
==================================*/
  .from1965 .chronology .box02{ padding-bottom: 130px; }
  .from1965 .chronology .box03{ padding-bottom: 150px; }
  .from1965 .chronology .box04{ padding-bottom: 145px; }
  .from1965 .chronology .box05{ padding-bottom: 115px; }
  .from1965 .chronology .box06{ padding-bottom: 175px; }
  .from1965 .chronology .box07{ padding-bottom: 135px; }
  .from1965 .chronology .box08{ padding-bottom: 150px; }
  .from1965 .chronology .box09{ padding-bottom: 85px; }

  .from1965 .chronology .box01 .ph{ margin-top: -50px; }
  .from1965 .chronology .box03 .ph{ margin-top: -100px; }
  .from1965 .chronology .box05 .ph{ margin-top: -140px; }
  .from1965 .chronology .box07 .ph{ margin-top: -80px; }
  .from1965 .chronology .box08 .ph{ margin-top: -90px; }
  .from1965 .chronology .box09 .ph{ margin-top: -90px; }

  .from1965 .chronology .box01 .ad img{ width: 185px }
  .from1965 .chronology .box02 .ad img{ width: 185px }
  .from1965 .chronology .box03 .ad img{ width: 187px }
  .from1965 .chronology .box04 .ad img{ width: 185px }
  .from1965 .chronology .box05 .ad img{ width: 183px }
  .from1965 .chronology .box06 .ad img{ width: 167px }
  .from1965 .chronology .box07 .ad img{ width: 183px }
  .from1965 .chronology .box08 .ad img{ width: 183px }
  .from1965 .chronology .box09 .ad img{ width: 180px }

  .from1965 .chronology .box03 a.sl350{ margin-bottom: 50px; }
  .from1965 .chronology .box09 a.guiter{ margin-bottom: 70px; }

  .from1965 .chronology .box02 ul.y-history li:nth-of-type(1) p::before{
  	left: 24px;
  }
  .from1965 .chronology .box02 ul.y-history li:nth-of-type(2) p::before{
  	left: 8px;
  }

  #Mate::before{ background-image: url(../images/history/from1965/bg_mateu5d.jpg); }
  #Mate .text{ max-width: 1000px; }
  #Mate .text_inner{
    width: 403px;
    margin: 0 0 0 auto;
  }

  #SL350::before{ background-image: url(../images/history/from1965/bg_sl350.jpg); }
  #SL350 .text{ color: #000; max-width: 1100px; }
  #SL350 .text_inner{
    width: 582px;
    margin: 0 0 0 auto;
  }

  #DT1::before{
    background-image: url(../images/history/from1965/bg_dt1.jpg);
    background-position: left;
  }
  #DT1 .text{ max-width: 920px; }
  #DT1 .text p{ width: 430px }

  #XS1::before{ background-image: url(../images/history/from1965/bg_xs1.jpg); }
  #XS1 .text{ color: #000; max-width: 920px; }
  #XS1 .text p{ width: 424px; }

  #STR25FB::before{ background-image: url(../images/history/from1965/bg_str25fb.jpg); }
  #STR25FB .text{ max-width: 920px; }
  #STR25FB .text p{ width: 402px; }

  #Chappy::before{ background-image: url(../images/history/from1965/bg_chappy.jpg); }
  #Chappy .text{ color: #000; max-width: 920px; }
  #Chappy .text p{ width: 421px; }

  #GUITAR::before{ background-image: url(../images/history/from1965/bg_guitershape.jpg); }
  #GUITAR .text{ color: #000; max-width: 920px; }
  #GUITAR .text p{ width: 371px; }

  #Y25::before{ background-image: url(../images/history/from1965/bg_y25.jpg); }
  #Y25 .text{ max-width: 920px; }
  #Y25 .text p{ width: 400px; }


/* from1975
==================================*/
  .from1975 .chronology .box01{ padding-bottom: 195px; }
  .from1975 .chronology .box02{ padding-bottom: 85px; }
  .from1975 .chronology .box03{ padding-bottom: 170px; }
  .from1975 .chronology .box04{ padding-bottom: 140px; }
  .from1975 .chronology .box05{ padding-bottom: 170px; }
  .from1975 .chronology .box06{ padding-bottom: 190px; }
  .from1975 .chronology .box07{ padding-bottom: 125px; }
  .from1975 .chronology .box08{ padding-bottom: 95px; }
  .from1975 .chronology .box09{ padding-bottom: 90px; }
  .from1975 .chronology .box10{ padding-bottom: 145px; }

  .from1975 .chronology .box02 .ph{ margin-top: -280px; }
  .from1975 .chronology .box03 .ph{ margin-top: -160px; }
  .from1975 .chronology .box04 .ph{ margin-top: -190px; }
  .from1975 .chronology .box05 .ph{ margin-top: -190px; }
  .from1975 .chronology .box06 .ph{ margin-top: -210px; }
  .from1975 .chronology .box07 .ph{ margin-top: -180px; }
  .from1975 .chronology .box08 .ph{ margin-top: -150px; }
  .from1975 .chronology .box09 .ph{ margin-top: -160px; }
  .from1975 .chronology .box10 .ph{ margin-top: -155px; }

  .from1975 .chronology .box01 .ad img{ width: 183px }
  .from1975 .chronology .box02 .ad img{ width: 183px }
  .from1975 .chronology .box03 .ad img{ width: 185px }
  .from1975 .chronology .box04 .ad img{ width: 185px }
  .from1975 .chronology .box05 .ad img{ width: 183px }
  .from1975 .chronology .box06 .ad img{ width: 186px }
  .from1975 .chronology .box07 .ad img{ width: 168px }
  .from1975 .chronology .box08 .ad img{ width: 185px }
  .from1975 .chronology .box09 .ad img{ width: 186px }
  .from1975 .chronology .box10 .ad img{ width: 190px }

  .from1975 .chronology .box04 a.xs650{ margin-bottom: 50px; }
  .from1975 .chronology .box07 a.rz350{ margin-bottom: 50px; }
  .from1975 .chronology .box08 a.e40g{ margin-bottom: 50px; }
  .from1975 .chronology .box09 a.jog{ margin-bottom: 50px; }
  .from1975 .chronology .box09 a.xt600{ margin-bottom: 50px; }
  .from1975 .chronology .box10 a.f99a{ margin-bottom: 70px; }
  .from1975 .chronology .box10 a.pz480{ margin-bottom: 40px; }

  .from1975 .chronology .box02 ul.y-history li p::before{
  	left: 4px;
  }
  .from1975 .chronology .box08 ul.y-history li:nth-of-type(2) p::before{
  	left: 12px;
  }

  #Y14sea::before{ background-image: url(../images/history/from1975/bg_y14seahopper.jpg); }
  #Y14sea .text{ max-width: 1400px; padding-top: 450px; }
  #Y14sea .text_inner{
    width: 350px;
    margin: 0 0 0 auto;
  }

  #Passol::before{ background-image: url(../images/history/from1975/bg_passol.jpg); }
  #Passol .text{ max-width: 1400px; }
  #Passol .text_inner{
    width: 393px;
    margin: 0 0 0 auto;
  }

  #XS650::before{ background-image: url(../images/history/from1975/bg_xs650.jpg); }
  #XS650 .text{ max-width: 1400px; }
  #XS650 .text_inner{
    width: 424px;
    margin: 0 0 0 auto;
  }

  #SR400::before{ background-image: url(../images/history/from1975/bg_sr400.jpg); }
  #SR400 .text{ max-width: 1400px; }
  #SR400 .text_inner{
    color: #000;
    width: 450px;
    margin: 0 0 0 auto;
  }

  #YT125::before{ background-image: url(../images/history/from1975/bg_yt125.jpg); }
  #YT125 .text{ max-width: 1050px; padding-top: 170px; }
  #YT125 .text p{ width: 384px; }

  #PW50::before{ background-image: url(../images/history/from1975/bg_pw50.jpg); }
  #PW50 .text{
    color: #000;
    max-width: 1230px;
    padding-top: 120px;
  }
  #PW50 .text p{ width: 31vw; max-width: 415px; }

  #RZ350::before{ background-image: url(../images/history/from1975/bg_rz350.jpg); }
  #RZ350 .text{
    color: #000;
    max-width: 1330px;
  }
  #RZ350 .text p{ width: 34vw; max-width: 410px; }
  #RZ350 .text h2 span{ width: 143px; }

  #YZ250::before{ background-image: url(../images/history/from1975/bg_yz250.jpg); }
  #YZ250 .text{ max-width: 1060px; }
  #YZ250 .text p{ width: 398px; }
  #YZ250 .text h2 span{ width: 143px; }

  #E40G::before{ background-image: url(../images/history/from1975/bg_e40.jpg); }
  #E40G .text{ max-width: 1400px; padding-top: 13vw; }
  #E40G .text_inner{
    width: 43vw;
    max-width: 500px;
    margin: 0 0 0 auto;
  }

  #EF500::before{ background-image: url(../images/history/from1975/bg_ef500s.jpg); }
  #EF500 .text{ max-width: 1060px; padding-top: 200px; }
  #EF500 .text p{ width: 363px; }

  #JOG::before{ background-image: url(../images/history/from1975/bg_jog.jpg); }
  #JOG .text{ color: #000; max-width: 1060px; }
  #JOG .text p{ width: 36vw; max-width: 511px; }

  #XT600::before{ background-image: url(../images/history/from1975/bg_xt600z.jpg); }
  #XT600 .text{
    color: #000;
    max-width: 1250px;
  }
  #XT600 .text p{ width: 37vw; max-width: 428px; }

  #RXking::before{ background-image: url(../images/history/from1975/bg_rxking.jpg); }
  #RXking .text{ max-width: 1400px; padding-top: 170px; }
  #RXking .text_inner{
    color: #000;
    width: 35vw;
    max-width: 417px;
    margin: 0 0 0 auto;
  }

  #F99A::before{ background-image: url(../images/history/from1975/bg_f99a.jpg); }
  #F99A .text{ max-width: 880px; }
  #F99A .text_inner{
    color: #000;
    width: 390px;
    margin: 0 0 0 auto;
  }

  #PZ480::before{ background-image: url(../images/history/from1975/bg_pz480.jpg); }
  #PZ480 .text{ max-width: 920px; }
  #PZ480 .text_inner{
    width: 407px;
    margin: 0 0 0 auto;
  }

  #VMAX1200::before{ background-image: url(../images/history/from1975/bg_vmax.jpg); }
  #VMAX1200 .text{ max-width: 1200px; }
  #VMAX1200 .text p{ width: 427px; }


/* from1985
==================================*/
  .from1985 .chronology .box01{ padding-bottom: 25px; }
  .from1985 .chronology .box02{ padding-bottom: 63px; }
  .from1985 .chronology .box03{ padding-bottom: 76px; }
  .from1985 .chronology .box04{ padding-bottom: 70px; }
  .from1985 .chronology .box05{ padding-bottom: 110px; }
  .from1985 .chronology .box06{ padding-bottom: 140px; }
  .from1985 .chronology .box07{ padding-bottom: 60px; }
  .from1985 .chronology .box08{ padding-bottom: 92px; }
  .from1985 .chronology .box09{ padding-bottom: 102px; }
  .from1985 .chronology .box10{ padding-bottom: 106px; }

  .from1985 .chronology .box01 .ph{ margin-top: -150px; }
  .from1985 .chronology .box02 .ph{ margin-top: -100px; }
  .from1985 .chronology .box03 .ph{ margin-top: -150px; }
  .from1985 .chronology .box04 .ph{ margin-top: -160px; }
  .from1985 .chronology .box05 .ph{ margin-top: -100px; }
  .from1985 .chronology .box06 .ph{ margin-top: -150px; }
  .from1985 .chronology .box07 .ph{ margin-top: -170px; }
  .from1985 .chronology .box08 .ph{ margin-top: -130px; }
  .from1985 .chronology .box09 .ph{ margin-top: -150px; }
  .from1985 .chronology .box10 .ph{ margin-top: -140px; }

  .from1985 .chronology .box01 .ad img{ width: 186px }
  .from1985 .chronology .box02 .ad img{ width: 186px }
  .from1985 .chronology .box03 .ad img{ width: 186px }
  .from1985 .chronology .box04 .ad img{ width: 188px }
  .from1985 .chronology .box05 .ad img{ width: 185px }
  .from1985 .chronology .box06 .ad img{ width: 185px }
  .from1985 .chronology .box07 .ad img{ width: 167px }
  .from1985 .chronology .box08 .ad img{ width: 184px }
  .from1985 .chronology .box09 .ad img{ width: 184px }
  .from1985 .chronology .box10 .ad img{ width: 188px }

  .from1985 .chronology .box01 .ph a{ margin-bottom: 50px; }
  .from1985 .chronology .box02 .ph a{ margin-bottom: 50px; }
  .from1985 .chronology .box03 .ph a{ margin-bottom: 50px; }
  .from1985 .chronology .box04 .ph a{ margin-bottom: 50px; }
  .from1985 .chronology .box07 .ph a{ margin-bottom: 50px; }
  .from1985 .chronology .box08 .ph a{ margin-bottom: 50px; }
  .from1985 .chronology .box09 .ph a{ margin-bottom: 50px; }


  #XT225::before{ background-image: url(../images/history/from1985/bg_XT225-SEROW.jpg); }
  #XT225 .text{ max-width: 1400px; padding-top: 10vw; }
  #XT225 .text_inner{
    color: #000;
    width: 36vw;
    max-width: 421px;
  }

  #SRX::before{ background-image: url(../images/history/from1985/bg_SRX400_600.jpg); }
  #SRX .text{ max-width: 1400px; padding-top: 112px; }
  #SRX .text_inner{
    color: #000;
    width: 540px;
    margin: 0 0 0 auto;
  }

  #FZ750::before{ background-image: url(../images/history/from1985/bg_FZ750.jpg); }
  #FZ750 .text{ max-width: 1200px; padding-top: 140px; }
  #FZ750 .text_inner{
    width: 409px;
    margin: 0 0 0 auto;
  }

  #PC35::before{ background-image: url(../images/history/from1985/bg_PC35.jpg); }
  #PC35 .text{ max-width: 1200px; padding-top: 190px; }
  #PC35 .text_inner{
    width: 358px;
    margin: 0 0 0 auto;
  }

  #YFZ350::before{ background-image: url(../images/history/from1985/bg_YFZ350.jpg); }
  #YFZ350 .text{ max-width: 1100px; padding-top: 190px; }
  #YFZ350 .text_inner{
    width: 414px;
    margin: 0 0 0 auto;
  }

  #Virago::before{ background-image: url(../images/history/from1985/bg_XV400_535-Virago.jpg); }
  #Virago .text{ max-width: 1100px; padding-top: 190px; }
  #Virago .text_inner{
    color: #000;
    width: 33vw;
    max-width: 414px;
  }

  #MJ-500S::before{ background-image: url(../images/history/from1985/bg_MJ-500S.jpg); }
  #MJ-500S .text{ max-width: 1100px; padding-top: 190px; }
  #MJ-500S .text_inner{
    width: 431px;
  }

  #R-50::before{ background-image: url(../images/history/from1985/bg_R-50.jpg); }
  #R-50 .text{ max-width: 900px; padding-top: 180px; }
  #R-50 .text_inner{
    width: 465px;
    margin: 0 0 0 auto;
  }

  #Malta::before{ background-image: url(../images/history/from1985/bg_3A_Malta.jpg); }
  #Malta .text{ max-width: 1000px; padding-top: 270px; }
  #Malta .text_inner{
    color: #000;
    width: 435px;
    margin: 0 0 0 auto;
  }

  #Tackle::before{ background-image: url(../images/history/from1985/bg_Tackle_23.jpg); }
  #Tackle .text{ max-width: 1000px; padding-top: 170px; }
  #Tackle .text_inner{
    color: #000;
    width: 450px;
  }

  #SDR::before{ background-image: url(../images/history/from1985/bg_SDR.jpg); }
  #SDR .text{ max-width: 1300px; padding-top: 160px; }
  #SDR .text_inner{
    color: #000;
    width: 39vw;
    max-width: 450px;
  }

  #Rickey::before{ background-image: url(../images/history/from1985/bg_SA-560E-Rickey.jpg); }
  #Rickey .text{ max-width: 980px; padding-top: 140px; }
  #Rickey .text_inner{
    width: 450px;
  }

  #BWs::before{ background-image: url(../images/history/from1985/bg_BWs.jpg); }
  #BWs .text{ max-width: 1200px; padding-top: 140px; }
  #BWs .text_inner{
    color: #000;
    width: 377px;
    margin: 0 0 0 auto;
  }

  #SV80::before{ background-image: url(../images/history/from1985/bg_SV80-Snoscoot.jpg); }
  #SV80 .text{ max-width: 1000px; padding-top: 190px; }
  #SV80 .text_inner{
    color: #000;
    width: 414px;
    margin: 0 0 0 auto;
  }

  #id250A::before{ background-image: url(../images/history/from1985/bg_250A.jpg); }
  #id250A .text{ max-width: 1100px; padding-top: 190px; }
  #id250A .text_inner{
    color: #000;
    width: 38vw;
    max-width: 435px;
    margin: 0 0 0 auto;
  }

  #MJ-650SJ::before{ background-image: url(../images/history/from1985/bg_MJ-650SJ.jpg); }
  #MJ-650SJ .text{ max-width: 1240px; padding-top: 170px; }
  #MJ-650SJ .text_inner{
    color: #000;
    width: 34vw;
    max-width: 414px;
  }

  #SC-60::before{ background-image: url(../images/history/from1985/bg_SC-60.jpg); }
  #SC-60 .text{ max-width: 1100px; padding-top: 190px; }
  #SC-60 .text_inner{
    color: #000;
    width: 375px;
    margin: 0 0 0 auto;
  }

  #Philosopher45::before{ background-image: url(../images/history/from1985/bg_Philosopher45.jpg); }
  #Philosopher45 .text{ max-width: 1100px; padding-top: 190px; }
  #Philosopher45 .text_inner{
    color: #000;
    width: 390px;
    margin: 0 0 0 auto;
  }

  #OX99::before{ background-image: url(../images/history/from1985/bg_OX99-11.jpg); }
  #OX99 .text{ max-width: 1300px; padding-top: 150px; }
  #OX99 .text_inner{
    width: 36vw;
    max-width: 454px;
    margin: 0 0 0 auto;
  }

  #Jet-Buddy::before{ background-image: url(../images/history/from1985/bg_Jet-Buddy.jpg); }
  #Jet-Buddy .text{ max-width: 1100px; padding-top: 176px; }
  #Jet-Buddy .text_inner{
    color: #000;
    width: 449px;
  }

  #GTS1000::before{ background-image: url(../images/history/from1985/bg_GTS1000.jpg); }
  #GTS1000 .text{ max-width: 1000px; padding-top: 136px; }
  #GTS1000 .text_inner{
    width: 42vw;
    max-width: 480px;
    margin: 0 0 0 auto;
  }

  #MJ-700TZ::before{ background-image: url(../images/history/from1985/bg_MJ-700TZ.jpg); }
  #MJ-700TZ .text{ max-width: 1300px; padding-top: 110px; }
  #MJ-700TZ .text_inner{
    color: #000;
    width: 41vw;
    max-width: 495px;
  }

  #PAS::before{ background-image: url(../images/history/from1985/bg_PAS.jpg); }
  #PAS .text{ max-width: 1100px; padding-top: 140px; }
  #PAS .text_inner{
    width: 36vw;
    max-width: 414px;
  }

  #G15A::before{ background-image: url(../images/history/from1985/bg_G15A.jpg); }
  #G15A .text{ max-width: 1300px; padding-top: 150px; }
  #G15A .text_inner{
    color: #000;
    width: 453px;
    margin: 0 0 0 auto;
  }



/* from1995
==================================*/
  .from1995 .chronology .box01{ padding-bottom: 130px; }
  .from1995 .chronology .box02{ padding-bottom: 96px; }
  .from1995 .chronology .box03{ padding-bottom: 164px; }
  .from1995 .chronology .box04{ padding-bottom: 85px; }
  .from1995 .chronology .box05{ padding-bottom: 132px; }
  .from1995 .chronology .box06{ padding-bottom: 110px; }
  .from1995 .chronology .box07{ padding-bottom: 110px; }
  .from1995 .chronology .box08{ padding-bottom: 134px; }
  .from1995 .chronology .box09{ padding-bottom: 150px; }
  .from1995 .chronology .box10{ padding-bottom: 175px; }

  .from1995 .chronology .box01 .ph{ margin-top: -150px; }
  .from1995 .chronology .box02 .ph{ margin-top: -210px; }
  .from1995 .chronology .box03 .ph{ margin-top: -150px; }
  .from1995 .chronology .box04 .ph{ margin-top: -160px; }
  .from1995 .chronology .box05 .ph{ margin-top: -130px; }
  .from1995 .chronology .box06 .ph{ margin-top: -185px; }
  .from1995 .chronology .box07 .ph{ margin-top: -150px; }
  .from1995 .chronology .box08 .ph{ margin-top: -180px; }
  .from1995 .chronology .box09 .ph{ margin-top: -180px; }
  .from1995 .chronology .box10 .ph{ margin-top: -170px; }

  .from1995 .chronology .box01 .ad img{ width: 184px }
  .from1995 .chronology .box02 .ad img{ width: 185px }
  .from1995 .chronology .box03 .ad img{ width: 185px }
  .from1995 .chronology .box04 .ad img{ width: 187px }
  .from1995 .chronology .box05 .ad img{ width: 184px }
  .from1995 .chronology .box06 .ad img{ width: 199px }
  .from1995 .chronology .box07 .ad img{ width: 180px }
  .from1995 .chronology .box08 .ad img{ width: 197px }
  .from1995 .chronology .box09 .ad img{ width: 198px }
  .from1995 .chronology .box10 .ad img{ width: 201px }

  .from1995 .chronology .box01 .ph a{ margin-bottom: 50px; }
  .from1995 .chronology .box02 .ph a{ margin-bottom: 50px; }
  .from1995 .chronology .box04 .ph a{ margin-bottom: 50px; }
  .from1995 .chronology .box05 .ph a{ margin-bottom: 50px; }
  .from1995 .chronology .box06 .ph a{ margin-bottom: 50px; }
  .from1995 .chronology .box07 .ph a{ margin-bottom: 50px; }
  .from1995 .chronology .box08 .ph a{ margin-bottom: 50px; }
  .from1995 .chronology .box09 .ph a{ margin-bottom: 50px; }
  .from1995 .chronology .box10 .ph a{ margin-bottom: 50px; }

  .from1995 .chronology .box06 ul.y-history li p::before{
  	left: 14px;
  }

  #YP250::before{ background-image: url(../images/history/from1995/bg_Majesty.jpg); }
  #YP250 .text{ max-width: 750px; padding-top: 130px; }
  #YP250 .text_inner{
    width: 36vw;
    max-width: 435px;
    margin: 0 0 0 auto;
  }

  #SRV::before{ background-image: url(../images/history/from1995/bg_SRV.jpg); }
  #SRV .text{ max-width: 650px; padding-top: 190px; }
  #SRV .text_inner{
    width: 40vw;
    max-width: 431px;
    margin: 0 0 0 auto;
  }

  #XVS400::before{ background-image: url(../images/history/from1995/bg_DS400.jpg); }
  #XVS400 .text{ max-width: 500px; padding-top: 107px; }
  #XVS400 .text_inner{
    color: #000;
    width: 465px;
  }

  #Vmax::before{ background-image: url(../images/history/from1995/bg_VMAX.jpg); }
  #Vmax .text{ max-width: 870px; padding-top: 190px; }
  #Vmax .text_inner{
    color: #000;
    width: 375px;
    margin: 0 0 0 auto;
  }

  #EXCITER::before{ background-image: url(../images/history/from1995/bg_Exciter.jpg); }
  #EXCITER .text{ max-width: 1100px; padding-top: 190px; }
  #EXCITER .text_inner{
    color: #000;
    width: 480px;
    margin: auto;
  }
  @media screen and (max-height: 768px){
    #EXCITER .text{
      padding-top: 140px;
    }
    #EXCITER .text_inner{
      width: 58vw;
    }
  }

  #YZF-R1::before{ background-image: url(../images/history/from1995/bg_YZF-R1.jpg); }
  #YZF-R1 .text{ max-width: 720px; padding-top: 120px; }
  #YZF-R1 .text_inner{
    width: 32vw;
    max-width: 440px;
  }

  #MJ-SUV1200::before{ background-image: url(../images/history/from1995/bg_SUV1200.jpg); }
  #MJ-SUV1200 .text{ max-width: 700px; padding-top: 160px; }
  #MJ-SUV1200 .text_inner{
    width: 457px;
    margin: 0 0 0 auto;
  }

  #XV1600::before{ background-image: url(../images/history/from1995/bg_XV1600RoadStar.jpg); }
  #XV1600 .text{ max-width: 700px; padding-top: 160px; }
  #XV1600 .text_inner{
    width: 550px;
    margin: auto;
  }
  @media screen and (max-height: 768px){
    #XV1600 .text{
      padding-top: 120px;
    }
    #XV1600 .text_inner{
      width: 700px;
    }
  }

  #YMF660R::before{ background-image: url(../images/history/from1995/bg_Raptor660.jpg); }
  #YMF660R .text{ max-width: 660px; padding-top: 160px; }
  #YMF660R .text_inner{
    color: #000;
    width: 365px;
  }

  #TMAX::before{ background-image: url(../images/history/from1995/bg_TMAX.jpg); }
  #TMAX .text{ max-width: 620px; padding-top: 150px; }
  #TMAX .text_inner{
    width: 427px;
  }
  @media screen and (max-height: 768px){
    #TMAX .text{
      max-width: 820px;
      padding-top: 120px;
    }
  }

  #YFM660::before{ background-image: url(../images/history/from1995/bg_Grizzly.jpg); }
  #YFM660 .text{ max-width: 710px; padding-top: 150px; }
  #YFM660 .text_inner{
    color: #000;
    width: 402px;
  }
  @media screen and (max-height: 768px){
    #YFM660::before{
      background-position: left;
    }
  }

  #Mizu21::before{ background-image: url(../images/history/from1995/bg_swim21.jpg); }
  #Mizu21 .text{ max-width: 1100px; padding-top: 180px; }
  #Mizu21 .text_inner{
    width: 448px;
    margin: auto;
  }
  #Mizu21 .modal .text h2 span{
    left: 150%;
  }

  #RX-1::before{ background-image: url(../images/history/from1995/bg_RX-1.jpg); }
  #RX-1 .text{ max-width: 800px; padding-top: 120px; }
  #RX-1 .text_inner{
    color: #000;
    width: 360px;
    margin: 0 0 0 auto;
  }

  #Passol2::before{ background-image: url(../images/history/from1995/bg_Passol.jpg); }
  #Passol2 .text{ max-width: 850px; padding-top: 120px; }
  #Passol2 .text_inner{
    color: #000;
    width: 31vw;
    max-width: 392px;
  }

  #EF3000::before{ background-image: url(../images/history/from1995/bg_EF3000.jpg); }
  #EF3000 .text{ max-width: 720px; padding-top: 150px; }
  #EF3000 .text_inner{
    color: #000;
    width: 352px;
    margin: 0 0 0 auto;
  }

  #MJ-FX140::before{ background-image: url(../images/history/from1995/bg_FX140.jpg); }
  #MJ-FX140 .text{ max-width: 730px; padding-top: 130px; }
  #MJ-FX140 .text_inner{
    width: 292px;
  }

  #YXR660F::before{ background-image: url(../images/history/from1995/bg_RHINO660.jpg); }
  #YXR660F .text{ max-width: 770px; padding-top: 130px; }
  #YXR660F .text_inner{
    color: #000;
    width: 415px;
    margin: 0 0 0 auto;
  }

  #FZ::before{ background-image: url(../images/history/from1995/bg_FZ.jpg); }
  #FZ .text{ max-width: 850px; padding-top: 170px; }
  #FZ .text_inner{
    width: 424px;
    margin: 0 0 0 auto;
  }

  #Vino::before{ background-image: url(../images/history/from1995/bg_Vino.jpg); }
  #Vino .text{ max-width: 700px; padding-top: 140px; }
  #Vino .text_inner{
    color: #000;
    width: 397px;
    margin: 0 0 0 auto;
  }

  #Mio::before{ background-image: url(../images/history/from1995/bg_Mio.jpg); }
  #Mio .text{ max-width: 850px; padding-top: 130px; }
  #Mio .text_inner{
    color: #000;
    width: 402px;
  }



/* from2005
==================================*/
  .from2005 .chronology .box01{ padding-bottom: 42px; }
  .from2005 .chronology .box02{ padding-bottom: 103px; }
  .from2005 .chronology .box03{ padding-bottom: 140px; }
  .from2005 .chronology .box04{ padding-bottom: 234px; }
  .from2005 .chronology .box05{ padding-bottom: 100px; }
  .from2005 .chronology .box06{ padding-bottom: 87px; }
  .from2005 .chronology .box07{ padding-bottom: 167px; }
  .from2005 .chronology .box08{ padding-bottom: 111px; }
  .from2005 .chronology .box09{ padding-bottom: 150px; }
  .from2005 .chronology .box10{ padding-bottom: 89px; }

  .from2005 .chronology .box01 .ph{ margin-top: -134px; }
  .from2005 .chronology .box02 .ph{ margin-top: -81px; }
  .from2005 .chronology .box03 .ph{ margin-top: -118px; }
  .from2005 .chronology .box05 .ph{ margin-top: -138px; }
  .from2005 .chronology .box06 .ph{ margin-top: -144px; }
  .from2005 .chronology .box08 .ph{ margin-top: -124px; }
  .from2005 .chronology .box09 .ph{ margin-top: -142px; }
  .from2005 .chronology .box10 .ph{ margin-top: -111px; }

  .from2005 .chronology .box01 .ad img{ width: 198px }
  .from2005 .chronology .box02 .ad img{ width: 199px }
  .from2005 .chronology .box03 .ad img{ width: 198px }
  .from2005 .chronology .box04 .ad img{ width: 200px }
  .from2005 .chronology .box05 .ad img{ width: 198px }
  .from2005 .chronology .box06 .ad img{ width: 188px }
  .from2005 .chronology .box07 .ad img{ width: 169px }
  .from2005 .chronology .box08 .ad img{ width: 186px }
  .from2005 .chronology .box09 .ad img{ width: 186px }
  .from2005 .chronology .box10 .ad img{ width: 190px }

  .from2005 .chronology .box01 .ph a{ margin-bottom: 50px; }
  .from2005 .chronology .box02 .ph a{ margin-bottom: 50px; }
  .from2005 .chronology .box03 .ph a{ margin-bottom: 50px; }
  .from2005 .chronology .box05 .ph a{ margin-bottom: 50px; }
  .from2005 .chronology .box06 .ph a{ margin-bottom: 50px; }
  .from2005 .chronology .box08 .ph a{ margin-bottom: 50px; }
  .from2005 .chronology .box09 .ph a{ margin-bottom: 50px; }
  .from2005 .chronology .box10 .ph a{ margin-bottom: 50px; }

  .from2005 .chronology .box08 ul.y-history li:nth-of-type(2) p::before{
  	left: 52px;
  }
  .from2005 .chronology .box10 ul.y-history li:nth-of-type(1) p::before{
  	left: 22px;
  }

  #MJ-VX::before{ background-image: url(../images/history/from2005/bg_MJ_VX.jpg); }
  #MJ-VX .text{ max-width: 940px; padding-top: 190px; }
  #MJ-VX .text_inner{
    color: #000;
    width: 350px;
    margin: 0 0 0 auto;
  }

  #EC-02::before{ background-image: url(../images/history/from2005/bg_EC-02.jpg); }
  #EC-02 .text{ max-width:970px; padding-top: 150px; }
  #EC-02 .text_inner{
    color: #000;
    width: 437px;
    margin: 0 0 0 auto;
  }

  #VOX_XF50::before{ background-image: url(../images/history/from2005/bg_VOX_XF50.jpg); }
  #VOX_XF50 .text{ max-width: 940px; padding-top: 130px; }
  #VOX_XF50 .text_inner{
    color: #000;
    width: 354px;
  }

  #MJ-GP1300R::before{ background-image: url(../images/history/from2005/bg_MJ-GP1300R.jpg); }
  #MJ-GP1300R .text{ max-width: 870px; padding-top: 150px; }
  #MJ-GP1300R .text_inner{
    width: 365px;
    margin: 0 0 0 auto;
  }

  #Fino::before{ background-image: url(../images/history/from2005/bg_fino.jpg); }
  #Fino .text{ max-width: 1046px; padding-top: 130px; }
  #Fino .text_inner{
    width: 332px;
  }

  #F350::before{ background-image: url(../images/history/from2005/bg_F350.jpg); }
  #F350 .text{ max-width: 720px; padding-top: 190px; }
  #F350 .text_inner{
    width: 302px;
  }

  #VMAX::before{ background-image: url(../images/history/from2005/bg_VMAX.jpg); }
  #VMAX .text{ max-width: 1000px; padding-top: 160px; }
  #VMAX .text_inner{
    width: 373px;
  }

  #Exult36::before{ background-image: url(../images/history/from2005/bg_Exult36.jpg); }
  #Exult36 .text{ max-width: 820px; padding-top: 160px; }
  #Exult36 .text_inner{
    width: 374px;
    margin: 0 0 0 auto;
  }
  @media screen and (max-height: 768px){
    #Exult36 .text{
      padding-top: 120px;
    }
    #Exult36 .text_inner{
      width: 100%;
    }
  }

  #Limited_S::before{ background-image: url(../images/history/from2005/bg_242_Limited_S.jpg); }
  #Limited_S .text{ max-width: 1034px; padding-top: 130px; }
  #Limited_S .text_inner{
    width: 385px;
    margin: 0 0 0 auto;
  }

  #TMAX530::before{ background-image: url(../images/history/from2005/bg_TMAX530.jpg); }
  #TMAX530 .text{ max-width: 990px; padding-top: 150px; }
  #TMAX530 .text_inner{
    width: 387px;
    margin: 0 0 0 auto;
  }
  @media screen and (max-height: 768px){
    #TMAX530 .text{
      max-width: 820px;
      padding-top: 120px;
    }
  }

  #FAZER::before{ background-image: url(../images/history/from2005/bg_FAZER.jpg); }
  #FAZER .text{ max-width: 756px; padding-top: 150px; }
  #FAZER .text_inner{
    width: 367px;
    margin: 0 0 0 auto;
  }

  #MT-09::before{ background-image: url(../images/history/from2005/bg_MT-09.jpg); }
  #MT-09 .text{ max-width: 872px; padding-top: 150px; }
  #MT-09 .text_inner{
    width: 367px;
    margin: 0 0 0 auto;
  }

  #TRICITY::before{ background-image: url(../images/history/from2005/bg_TRICITY-MW125.jpg); }
  #TRICITY .text{ max-width: 1300px; padding-top: 120px; }
  #TRICITY .text_inner{
    color: #000;
    width: 500px;
  }
  @media screen and (max-height: 768px){
 	#TRICITY .text_inner{
    	width: 47vw;
 	 }
  }

  #JW::before{ background-image: url(../images/history/from2005/bg_JW-Swing.jpg); }
  #JW .text{ max-width: 850px; padding-top: 150px; }
  #JW .text_inner{
    color: #000;
    width: 377px;
    margin: 0 0 0 auto;
  }

  #MT-07::before{ background-image: url(../images/history/from2005/bg_MT-07.jpg); }
  #MT-07 .text{ max-width: 850px; padding-top: 130px; }
  #MT-07 .text_inner{
    color: #000;
    width: 454px;
    margin: 0 0 0 auto;
  }
  @media screen and (max-height: 768px){
 	#MT-07 .text{
    	max-width: 1000px;
		padding-top: 120px;
 	 }
 	#MT-07 .text_inner{
        width: 51vw;
 	 }
  }



/* from2015
==================================*/
  .from2015 .chronology .box01{ padding-bottom: 90px; }
  .from2015 .chronology .box02{ padding-bottom: 118px; }
  .from2015 .chronology .box03{ padding-bottom: 164px; }
  .from2015 .chronology .box04{ padding-bottom: 81px; }

  .from2015 .chronology .box01 .ph{ margin-top: -160px; }
  .from2015 .chronology .box02 .ph{ margin-top: -153px; }
  .from2015 .chronology .box03 .ph{ margin-top: -134px; }
  .from2015 .chronology .box04 .ph{ margin-top: -160px; }

  .from2015 .chronology .box01 .ad img{ width: 187px }
  .from2015 .chronology .box02 .ad img{ width: 188px }
  .from2015 .chronology .box03 .ad img{ width: 187px }
  .from2015 .chronology .box04 .ad img{ width: 189px }

  .from2015 .chronology .box01 .ph a{ margin-bottom: 50px; }
  .from2015 .chronology .box02 .ph a{ margin-bottom: 50px; }
  .from2015 .chronology .box03 .ph a{ margin-bottom: 50px; }
  .from2015 .chronology .box04 .ph a{ margin-bottom: 50px; }


  #YPJ-R::before{ background-image: url(../images/history/from2015/bg_YPJ-R.jpg); }
  #YPJ-R .text{ max-width: 712px; padding-top: 169px; }
  #YPJ-R .text_inner{
    width: 321px;
  }
  @media screen and (max-height: 768px){
    #YPJ-R .text_inner{
      width: 74vw;
    }
  }

  #YZF-R1_2015::before{ background-image: url(../images/history/from2015/bg_YZF-R1.jpg); }
  #YZF-R1_2015 .text{ max-width:860px; padding-top: 130px; }
  #YZF-R1_2015 .text_inner{
    color: #000;
    width: 372px;
    margin: 0 0 0 auto;
  }

  #YXZ1000R::before{ background-image: url(../images/history/from2015/bg_YXZ1000R.jpg); }
  #YXZ1000R .text{ max-width: 757px; padding-top: 130px; }
  #YXZ1000R .text_inner{
    color: #000;
    width: 316px;
  }
  @media screen and (max-height: 768px){
    #YXZ1000R .text_inner{
      width: 74vw;
    }
  }

  #FSH::before{ background-image: url(../images/history/from2015/bg_190_FSH_SPORT.jpg); }
  #FSH .text{ max-width: 870px; padding-top: 130px; }
  #FSH .text_inner{
    color: #000;
    width: 334px;
  }

  #SR-X24::before{ background-image: url(../images/history/from2015/bg_SR-X_24.jpg); }
  #SR-X24 .text{ max-width: 829px; padding-top: 190px; }
  #SR-X24 .text_inner{
    width:332px;
    margin: 0 0 0 auto;
  }
  @media screen and (max-height: 768px){
    #SR-X24 .text{
      padding-top: 140px;
    }
    #SR-X24 .text_inner{
      width: 80vw;
    }
  }

  #KIRAKIRA::before{ background-image: url(../images/history/from2015/bg_kirakira.jpg); }
  #KIRAKIRA .text{ max-width: 722px; padding-top: 120px; }
  #KIRAKIRA .text_inner{
    color: #000;
    width: 415px;
    margin: 0 0 0 auto;
  }

  #XSR900::before{ background-image: url(../images/history/from2015/bg_XSR900.jpg); }
  #XSR900 .text{ max-width: 820px; padding-top: 160px; }
  #XSR900 .text_inner{
    width:312px;
  }

  #YZF-R6::before{ background-image: url(../images/history/from2015/bg_YZF-R6.jpg); }
  #YZF-R6 .text{ max-width: 800px; padding-top: 120px; }
  #YZF-R6 .text_inner{
    color: #000;
    width: 312px;
    margin: 0 0 0 auto;
  }
  @media screen and (max-height: 768px){
    #YZF-R6 .text_inner{
      width: 100%;
    }
  }

  #TMAX530_2015::before{ background-image: url(../images/history/from2015/bg_TMAX530.jpg); }
  #TMAX530_2015 .text{ max-width: 860px; padding-top: 130px; }
  #TMAX530_2015 .text_inner{
    color: #000;
    width: 433px;
    margin: 0 0 0 auto;
  }
  @media screen and (max-height: 768px){
    #TMAX530_2015 .text{
      padding-top: 120px;
    }
    #TMAX530_2015 .text_inner{
      width: 100%;
    }
  }

  #VK::before{ background-image: url(../images/history/from2015/bg_VK.jpg); }
  #VK .text{ max-width: 820px; padding-top: 150px; }
  #VK .text_inner{
    width: 372px;
    margin: 0 0 0 auto;
  }
  @media screen and (max-height: 768px){
    #VK .text{
      padding-top: 120px;
    }
  }

  #YMR-08::before{ background-image: url(../images/history/from2015/bg_YMR-08.jpg); }
  #YMR-08 .text{ max-width: 1100px; padding-top: 180px; }
  #YMR-08 .text_inner{
    color: #000;
    width: 300px;
  }

  #EXULT43::before{ background-image: url(../images/history/from2015/bg_EXULT43.jpg); }
  #EXULT43 .text{ max-width: 890px; padding-top: 130px; }
  #EXULT43 .text_inner{
    color: #000;
    width: 340px;
    margin: 0 0 0 auto;
  }

  #NIKEN::before{ background-image: url(../images/history/from2015/bg_NIKEN.jpg); }
  #NIKEN .text{ max-width: 1000px; padding-top: 150px; }
  #NIKEN .text_inner{
    color: #000;
    width: 330px;
    margin: 0 0 0 auto;
  }

  #F425A::before{ background-image: url(../images/history/from2015/bg_F425A.jpg); }
  #F425A .text{ max-width: 850px; padding-top: 130px; }
  #F425A .text_inner{
    width: 320px;
  }

  #TRICITY300::before{ background-image: url(../images/history/from2015/bg_TRICITY300.jpg); }
  #TRICITY300 .text{ max-width: 970px; padding-top: 105px; }
  #TRICITY300 .text_inner{
    color: #000;
    width: 430px;
    margin: 0 0 0 auto;
  }
  @media screen and (max-height: 768px){
    section#TRICITY300 {background: #fff}
    #TRICITY300::before{ background-position: -210px;}
    #TRICITY300 .text_inner{width: 280px;}
  }


  #EC05::before{ background-image: url(../images/history/from2015/bg_EC-05.jpg); }
  #EC05 .text{ max-width: 1040px; padding-top: 130px; }
  #EC05 .text_inner{
    color: #000;
    width: 473px;
    margin: 0 0 0 auto;
  }
  @media screen and (max-height: 768px){
    section#EC05 {background: #fff}
    #EC05::before{ background-position: -140px;}
    #EC05 .text_inner{width: 320px;}
  }