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

.sp-img{display: none;}
header div.main-visual{overflow:visible; background:#262626;}
header div.main-visual.page-1{height:400px;}
header div.main-visual.page-1 ul.main-visual-images{display:flex;}
header div.main-visual.page-1 ul.main-visual-images li{width:50%;}
header div.main-visual.page-1 ul.main-visual-images li:first-of-type{height: 400px; background-image: url(/images/value-mainv01.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
header div.main-visual.page-1 ul.main-visual-images li:nth-of-type(2){height: 400px; background-image: url(/images/value-mainv02.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
header div.main-visual.page-1 div.copy.back-obj-v{background:url(/images/value-copy-line.png) bottom center / 6px 80px,url(/images/value-copy-back01.png) center top / cover; background-repeat:no-repeat;}
header div.main-visual.page-1 div.copy.back-obj div.copy-inner{width: 65%; top: 46%; left: 52%;}

main section.value div.value-block-wrapper{width:100%; box-sizing:border-box; padding:164px 0px; background:url(/images/value-line.png) top center / 2px 30px,linear-gradient(rgba(34,34,34,0) 0%,rgba(34,34,34,1) 30%,rgba(34,34,34,1) 40%), url(/images/value-back01.png) center top / 1280px 1000px, #222 ; background-repeat:repeat-y, no-repeat, repeat-x; }
main section.value div.value-block-wrapper div.value-block-back{width:100%; padding:0 40px 65px; box-sizing:border-box;}
main section.value div.value-block-wrapper div.value-block{max-width:1080px; width:100%; margin:0 auto; display:flex; align-items:center;}
main section.value div.value-block-wrapper div.value-block div.text-block{width:50%; color:#fff; box-sizing:border-box;}
main section.value div.value-block-wrapper div.value-block div.text-block h3.caption{font-size:3.3rem; line-height:1.5; font-weight:bold; margin:36px 0 32px;}
main section.value div.value-block-wrapper div.value-block div.text-block p.description{font-size:1.5rem; line-height:1.7; }
main section.value div.value-block-wrapper div.value-block div.text-block p.description a{display: inline; text-decoration: underline;}
main section.value div.value-block-wrapper div.value-block div.text-block p.description a:hover{opacity: 0.7;}
main section.value div.value-block-wrapper div.value-block div.image-block{width:50%;}
main section.value div.value-block-wrapper div.value-block div.image-block img{width:100%; height:auto;}
main section.value div.value-block-wrapper div.value-block.img-right{flex-direction:row-reverse;}
main section.value div.value-block-wrapper div.value-block.img-left div.text-block{padding-left:8%;}
main section.value div.value-block-wrapper div.value-block.img-right div.text-block{padding-right:8%;}
main section.value div.value-block-wrapper div.value-block div.image-block.value-img-sp{display:none;}

main section.value div.value-bottom{width:100%; padding:47px 40px 152px; box-sizing:border-box; background: url(/images/value-bottom-circle.svg) top center / 6px 6px, #222; background-repeat:no-repeat;}
main section.value div.value-bottom h3.text{font-size:3.6rem; line-height:1.5; font-weight:bold; color:#fff; margin:0 auto; text-align:center;}


/* 英語版 */
header div.main-visual div.copy.en.value div.copy-inner p.copy-description{font-size: 1.6rem; line-height: 1.5;}
header div.main-visual.page-1 div.copy.back-obj.en div.copy-inner{width:70%; text-align:center; top: 46%; left: 50%;}
header div.main-visual div.copy.en div.copy-inner h1.copy-caption {line-height: 1.3;}



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

main section.value div.value-block-wrapper div.value-block.img-right div.text-block{padding-right: 8.33%;}
main section.value div.value-block-wrapper div.value-block.img-left div.text-block{padding-left: 8.33%;}
main section.value div.value-block-wrapper div.value-block-back{padding-bottom:50px;}

}


/* スタイル調整 */
@media (max-width: 820px){

  .sp-img, .sp-div{display:block;}
  header div.main-visual.page-1{height:480px; background: #222 url(/images/value-back01.png) center top repeat; background-size: 1280px 1000px; overflow:hidden; position:relative;}
  header div.main-visual.page-1 ul.main-visual-images li.images-child{height:240px;}
  header div.main-visual.page-1 div.copy.back-obj-v{width:100%; height:320px; margin:0; left:auto; top: 200px; background:none;}
  header div.main-visual.page-1 div.copy.back-obj-v img.sp-img{position:absolute; left:50%; margin-left:-210px;}
  header div.main-visual.page-1 div.copy.back-obj-v div.sp-img{width:calc(100% - 40px); height:50px; margin:0 20px; position:absolute; bottom:-10px;}
  header div.main-visual.page-1 div.copy.back-obj-v div.sp-img span.sp-img-small{width:50%; height:100%; position:absolute; display:block; }
  header div.main-visual.page-1 div.copy.back-obj-v div.sp-img span.sp-img-small::after { content: ''; display: block; border: 1px #fff; border-style: dashed; border-right: none; border-bottom: none; position: absolute; right: -1px; left: 0px; top: 0px; bottom: -1px; border-radius: 40px 0 0 0;}
  header div.main-visual.page-1 div.copy.back-obj-v div.sp-img span.sp-img-small img{position:absolute; top:-2px; right: -2px;}
  header div.main-visual.page-1 div.copy.back-obj div.copy-inner { width: 270px; transform: none; margin-left: -135px; top:auto; margin-top:60px;}
  header div.main-visual div.copy div.copy-inner h1.copy-caption{font-size: 3.0rem; line-height: 1.5; margin-bottom: 6px;}
  header div.main-visual div.copy div.copy-inner p.copy-description{font-size: 1.5rem; line-height: 1.7;}

  main section.value div.value-block-wrapper{padding:0 20px; background: linear-gradient(rgba(34,34,34,0) 0%,rgba(34,34,34,1) 20%,rgba(34,34,34,1) 40%), #222 url(/images/value-back01.png) center -480px repeat; background-size:auto, 1280px 1000px;}
  main section.value div.value-block-wrapper div.value-block{display:block;}
  main section.value div.value-block-wrapper div.value-block-wrapper-small.sp-div{padding-top:50px; border-left: 1px #fff; border-style: dashed; border-top: none; border-right: none; border-bottom: none;}
  main section.value div.value-block-wrapper div.value-block{flex-direction:column;}
  main section.value div.value-block-wrapper div.value-block div.image-block.value-img-pc{display:none;}
  main section.value div.value-block-wrapper div.value-block div.image-block.value-img-sp{display:block;}
  main section.value div.value-block-wrapper div.value-block.img-right{flex-direction:column;}
  main section.value div.value-block-wrapper div.value-block div.image-block{width:100%; margin-left:0;}
  main section.value div.value-block-wrapper div.value-block.img-right div.text-block{padding:0 0 0 20px;}
  main section.value div.value-block-wrapper div.value-block.img-left div.text-block{padding:10px 0 15px 20px;}
  main section.value div.value-block-wrapper div.value-block div.text-block{width:100%;}
  main section.value div.value-block-wrapper div.value-block div.text-block h3.caption{font-size:2.4rem; margin:14px 0;}
  main section.value div.value-block-wrapper div.value-block.img-left img{transform: scale(-1, 1);}
  main section.value div.value-block-wrapper div.value-block-back:nth-of-type(2) div.value-block.img-left img{transform:none;}
  main section.value div.value-block-wrapper div.value-block-back:nth-of-type(6) div.value-block.img-left img{transform:none;}
  main section.value div.value-block-wrapper div.value-block-back{padding:0 0 65px;}
  main section.value div.value-bottom{background:#222; padding:0 18px;}
  main section.value div.value-bottom h3.text{font-size:2.6rem; line-height:1.4;}
  main section.value div.value-bottom div.value-bottom-small.sp-div{background: url(/images/value-bottom-circle.svg) top left no-repeat/ 6px 6px; padding-top:63px; padding-bottom:65px;}
  main section.value div.value-block-wrapper div.value-block-back{padding-bottom:25px;}


  /* 英語版 */
  header div.main-visual div.copy.en.value div.copy-inner p.copy-description{font-size: 1.4rem; line-height: 1.4;}
  header div.main-visual div.copy.en.value div.copy-inner h1.copy-caption{font-size:2.8rem; line-height:1.3; margin-bottom: 11px;}
  header div.main-visual.page-1 div.copy.back-obj.en div.copy-inner{margin-top: 40px; width:280px; margin-left: -140px; top:auto;}

  }


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

  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;}


}
