body.on header{height:100%;}
a{color:#fff;}

header div.main-visual.page-1 ul.main-visual-images li{height: 600px; background-image: url(/images/history-mainv01.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover;}

main div.lead-block p.lead{font-size: 1.5rem; line-height: 1.7; width: 800px; padding: 80px 0; margin: 0 auto;}

main section div.history-block{display:flex; flex-wrap:wrap; width:100%;}
main section div.history-block div.history-block-child.large{width:66.66%;}
main section div.history-block div.history-block-child{height:280px; width:33.33%; box-sizing:border-box; display:flex; align-items:center; }
main section div.history-block div.history-block-child div.history-block-inner{padding:0 11.72% 10px; width:100%; box-sizing:border-box;}
main section div.history-block div.history-block-child div.history-block-inner p.text{font-size:2.5rem; line-height:1.6; font-weight:bold;}
main section div.history-block div.history-block-child div.history-block-inner p.text span.small-text-pc{font-size:2.0rem; line-height:1.6;}
main section div.history-block div.history-block-child div.history-block-inner span.date{font-size:1.45rem; line-height:1.6; font-weight:bold; margin-bottom:15px; display:block;}
main section div.history-block div.history-block-child.pc-red{background:#fe2531; border:solid 10px #e9222e;}
main section div.history-block div.history-block-child.pc-red div.history-block-inner span.date, main section div.history-block div.history-block-child.pc-red div.history-block-inner p.text{color:#fff;}
main section div.history-block div.history-block-child.pc-black{background:#222; border:solid 10px #191919;}
main section div.history-block div.history-block-child.pc-black div.history-block-inner span.date, main section div.history-block div.history-block-child.pc-black div.history-block-inner p.text{color:#fff;}
main section div.history-block div.history-block-child.pc-white1{background:#fff; border:solid 10px #eeeeee;}
main section div.history-block div.history-block-child.pc-white2{background:#f2f2f2; border:solid 10px #fff;}
main section div.history-block div.history-block-child.heigher{height:460px;}
main section div.history-block div.history-block-child:nth-of-type(1){background: url(/images/history-back01.jpg) top/cover; background-repeat:no-repeat;}
main section div.history-block div.history-block-child:nth-of-type(6){background: url(/images/history-back02.jpg) center/cover; background-repeat:no-repeat;}
main section div.history-block div.history-block-child:nth-of-type(8){background: url(/images/history-back03.jpg) right top/cover; background-repeat:no-repeat;}
main section div.history-block div.history-block-child:nth-of-type(16){background: url(/images/history-back04.jpg) center/cover; background-repeat:no-repeat;}
main section div.history-block div.history-block-child:nth-of-type(19){background: url(/images/history-back05.jpg) center/cover; background-repeat:no-repeat;}

/* 英語版 */
main section div.history-block.en div.history-block-child div.history-block-inner p.text{line-height:1.4; font-size:2.5rem;}
main section div.history-block.en div.history-block-child div.history-block-inner{padding: 0 8% 10px;}

/* タブレット */
@media (max-width: 1100px){

  main div.lead-block p.lead {width: calc(100% - 100px); padding: 80px 50px;}

  main section div.history-block div.history-block-child div.history-block-inner{padding-bottom: 10px;}
  main section div.history-block div.history-block-child div.history-block-inner p.text{font-size:2.0rem;}
  main section div.history-block div.history-block-child div.history-block-inner p.text span.small-text-pc{font-size:1.5rem;}
  main section div.history-block div.history-block-child div.history-block-inner span.date{font-size:1.3rem; margin-bottom:12px;}

  /* 英語版 */
  main section div.history-block.en div.history-block-child{width:50%;}
  main section div.history-block.en div.history-block-child div.history-block-inner p.text{font-size:2.2rem;}

}





/* スマホ */
@media (max-width: 760px){

  header div.main-visual div.copy.black-op{background: #303030;}

  header div.main-visual.page-1 ul.main-visual-images li.images-child{height:240px;}
  header div.main-visual.page-1 ul.main-visual-images{position:relative; z-index:1;}

  main div.lead-block p.lead {width: calc(100% - 40px);padding: 30px 20px;}

  main section div.history-block{display:flex;}
  main section div.history-block div.history-block-child{height:200px; width:50%;}
  main section div.history-block div.history-block-child.middle{width:100%; height:200px;}
  main section div.history-block div.history-block-child.large{width:100%; height:200px;}
  main section div.history-block div.history-block-child div.history-block-inner{padding:0 12.5%; width:100%; box-sizing:border-box;}
  {font-size:1.8rem; line-height:1.5;}
  main section div.history-block div.history-block-child div.history-block-inner br.br-pc{display:none;}
  main section div.history-block div.history-block-child div.history-block-inner span.date{font-size:1.3rem; margin-bottom:4px;}
   span.small-text-pc{font-size:1.5rem;}
  main section div.history-block div.history-block-child.middle div.history-block-inner p.text{font-size:2.0rem; line-height:1.4;}
  main section div.history-block div.history-block-child.middle div.history-block-inner span.date{font-size:1.3rem; margin-bottom:0px;}
  main section div.history-block div.history-block-child.middle div.history-block-inner p.text span.small-text-pc{font-size:2.0rem;}
  main section div.history-block div.history-block-child.sp-red{background:#fe2531; border:solid 4px #e9222e;}
  main section div.history-block div.history-block-child.sp-red div.history-block-inner span.date, main section div.history-block div.history-block-child.sp-red div.history-block-inner p.text{color:#fff;}
  main section div.history-block div.history-block-child.sp-black{background:#222; border:solid 4px #191919;}
  main section div.history-block div.history-block-child.sp-black div.history-block-inner span.date, main section div.history-block div.history-block-child.sp-black div.history-block-inner p.text{color:#fff;}
  main section div.history-block div.history-block-child.sp-white{background:#f2f2f2; border:solid 4px #fff;}
  main section div.history-block div.history-block-child.sp-white div.history-block-inner span.date, main section div.history-block div.history-block-child.sp-white div.history-block-inner p.text{color:#333;}

  /* 英語版 */
  main section div.history-block.en div.history-block-child div.history-block-inner p.text{font-size:1.7rem;}
  main section div.history-block.en div.history-block-child{height:300px;}
  main section div.history-block.en div.history-block-child div.history-block-inner{padding:0 5%;}
  main section div.history-block.en div.history-block-child.middle{height:200px;}


}