@charset "UTF-8";
body.page--lp1 { min-width: 1366px; }
@media only screen and (max-width: 959px) { body.page--lp1 { min-width: 100%; } }

.sec-page.-lp1 > .title, .sec-page.-lp1 > .block, .sec-page.-lp1 > .linkBlock { width: 1366px; margin: 0 auto; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .title, .sec-page.-lp1 > .block, .sec-page.-lp1 > .linkBlock { width: 100%; } }
.sec-page.-lp1 > .title { position: relative; height: 616px; background-image: url(../img/img_lp1_main.jpg); background-size: cover; background-position: center; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .title { height: auto; background-image: url(../img/img_lp1_main_sp.jpg); } }
.sec-page.-lp1 > .title > img { display: block; }
.sec-page.-lp1 > .title > img.img-text { width: 624px; margin: 56px auto 0; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .title > img.img-text { position: absolute; top: 25%; left: 50%; width: 495px; min-width: 330px; margin: 0 auto; transform: translate(-50%, -50%); } }
@media only screen and (max-width: 679px) { .sec-page.-lp1 > .title > img.img-text { width: 90%; max-width: 330px; min-width: initial; } }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .title > img.img-space { margin: 0 auto; } }
.sec-page.-lp1 > .block { padding: 116px 0 80px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block { padding: 60px 0 50px; } }
.sec-page.-lp1 > .block.-intro { background-image: url(../img/bg_lp1_pattern1.jpg); background-repeat: repeat; background-color: #f4ece1; padding-bottom: 95px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-intro { padding-bottom: 50px; } }
.sec-page.-lp1 > .block.-intro > .title, .sec-page.-lp1 > .block.-intro > .contents, .sec-page.-lp1 > .block.-intro > .footer { width: 1200px; margin-left: auto; margin-right: auto; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-intro > .title, .sec-page.-lp1 > .block.-intro > .contents, .sec-page.-lp1 > .block.-intro > .footer { width: 100%; } }
.sec-page.-lp1 > .block.-intro > .title img, .sec-page.-lp1 > .block.-intro > .footer img { display: block; margin: 0  auto; }
.sec-page.-lp1 > .block.-intro > .title { margin-bottom: 58px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-intro > .title { margin-bottom: 30px; } }
.sec-page.-lp1 > .block.-intro > .title img { width: 914px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-intro > .title img { width: 268px; } }
@media only screen and (max-width: 374px) { .sec-page.-lp1 > .block.-intro > .title img { width: -webkit-calc(268px * .9); width: calc(268px * .9); } }
.sec-page.-lp1 > .block.-intro > .contents { box-sizing: border-box; }
.sec-page.-lp1 > .block.-intro > .contents.-textL { margin-top: 34px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-intro > .contents.-textL { margin-top: 70px; } }
@media only screen and (max-width: 519px) { .sec-page.-lp1 > .block.-intro > .contents.-textL { margin-top: 40px; } }
.sec-page.-lp1 > .block.-intro > .footer { margin-top: 75px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-intro > .footer { margin-top: 70px; } }
@media only screen and (max-width: 519px) { .sec-page.-lp1 > .block.-intro > .footer { margin-top: 20px; } }
.sec-page.-lp1 > .block.-intro > .footer img { width: 770px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-intro > .footer img { width: 319px; } }
@media only screen and (max-width: 374px) { .sec-page.-lp1 > .block.-intro > .footer img { width: -webkit-calc(319px * .9); width: calc(319px * .9); } }
.sec-page.-lp1 > .block.-function { background-color: #F0F9FF; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-function { box-sizing: border-box; padding-left: 15px; padding-right: 15px; } }
.sec-page.-lp1 > .block.-function > .title img, .sec-page.-lp1 > .block.-function > .title-sub img, .sec-page.-lp1 > .block.-function > .image-main img { display: block; margin: 0  auto; }
.sec-page.-lp1 > .block.-function > .title img { width: 225px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-function > .title img { width: 173px; } }
.sec-page.-lp1 > .block.-function > .title-sub { margin-top: 30px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-function > .title-sub { margin-top: 20px; } }
.sec-page.-lp1 > .block.-function > .title-sub img { width: 334px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-function > .title-sub img { width: 273px; } }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-function > .image-main, .sec-page.-lp1 > .block.-function > .wrap-functionContents { max-width: 640px; } }
.sec-page.-lp1 > .block.-function > .image-main { margin: 60px auto 40px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-function > .image-main { margin-top: 40px; margin-bottom: 30px; } }
.sec-page.-lp1 > .block.-function > .image-main img { width: 1200px; }
.sec-page.-lp1 > .block.-function > .wrap-functionContents { width: 980px; margin: 0 auto; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-function > .wrap-functionContents { width: auto; } }
.sec-page.-lp1 > .block.-history { background-color: #FFFCF5; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-history > .title, .sec-page.-lp1 > .block.-history > .title-sub { margin-left: 15px; margin-right: 15px; } }
.sec-page.-lp1 > .block.-history > .title img, .sec-page.-lp1 > .block.-history > .title-sub img { display: block; margin: 0  auto; }
.sec-page.-lp1 > .block.-history > .title img { width: 195px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-history > .title img { width: 150px; } }
.sec-page.-lp1 > .block.-history > .title-sub { margin-top: 30px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-history > .title-sub { margin-top: 22px; } }
.sec-page.-lp1 > .block.-history > .title-sub img { width: 204px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-history > .title-sub img { width: 167px; } }
.sec-page.-lp1 > .block.-history > .text-intro, .sec-page.-lp1 > .block.-history > .wrap-histrySlider { width: 980px; margin: 0  auto; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-history > .text-intro, .sec-page.-lp1 > .block.-history > .wrap-histrySlider { width: auto; max-width: 640px; } }
@media only screen and (max-width: 679px) { .sec-page.-lp1 > .block.-history > .text-intro, .sec-page.-lp1 > .block.-history > .wrap-histrySlider { max-width: initial; } }
.sec-page.-lp1 > .block.-history > .text-intro { box-sizing: border-box; margin-top: 60px; margin-bottom: 58px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-history > .text-intro { margin-top: 40px; margin-bottom: 30px; margin-left: auto; margin-right: auto; } }
@media only screen and (max-width: 679px) { .sec-page.-lp1 > .block.-history > .text-intro { margin-left: 15px; margin-right: 15px; } }
.sec-page.-lp1 > .block.-last { box-sizing: border-box; width: 1366px; height: 923px; background-image: url(../img/bg_lp1_last.jpg); background-size: cover; background-position: center; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-last { width: auto; height: 570px; padding: 0; } }
@media only screen and (max-width: 679px) { .sec-page.-lp1 > .block.-last { background-image: url(../img/bg_lp1_last_sp.jpg); } }
.sec-page.-lp1 > .block.-last > .text-main { width: 800px; margin: -10px auto 0; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .block.-last > .text-main { position: relative; width: auto; max-width: 640px; height: 300px; margin: 0 auto; }
  .sec-page.-lp1 > .block.-last > .text-main > .text { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100%; } }
@media only screen and (max-width: 679px) { .sec-page.-lp1 > .block.-last > .text-main { margin: 0 15px; } }
.sec-page.-lp1 > .linkBlock > .btn { display: block; position: relative; color: #ffffff; font-weight: bold; padding: 36px 0; background: #002D93; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .linkBlock > .btn { padding: 22px 0; } }
.sec-page.-lp1 > .linkBlock > .btn .line { display: block; text-align: center; }
.sec-page.-lp1 > .linkBlock > .btn .line.-one { font-size: 1.8rem; margin-bottom: 10px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .linkBlock > .btn .line.-one { font-size: 1.4rem; margin-bottom: 5px; } }
.sec-page.-lp1 > .linkBlock > .btn .line.-two { font-size: 2.5rem; font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .linkBlock > .btn .line.-two { font-size: 2.0rem; } }
.sec-page.-lp1 > .linkBlock > .btn::after { content: ''; display: block; position: absolute; top: 50%; right: 43px; width: 20px; height: 20px; border-right: 3px solid #ffffff; border-bottom: 3px solid #ffffff; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 > .linkBlock > .btn::after { right: 20px; width: 15px; height: 15px; } }
.sec-page.-lp1 > .linkBlock > .btn::after { transform: translate(0, -50%) rotate(-45deg); }
.sec-page.-lp1 > .linkBlock > .btn:hover { background: #5077d2; }
.sec-page.-lp1 .introContents { position: relative; padding-top: 40px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .introContents { padding-top: 0px; } }
.sec-page.-lp1 .introContents > .image { position: absolute; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .introContents > .image { position: relative; } }
.sec-page.-lp1 .introContents > .image.-image { top: 0; width: 750px; height: 404px; z-index: 0; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .introContents > .image.-image { top: auto; width: 100%; height: auto; } }
.sec-page.-lp1 .introContents > .image.-image > img { display: block; }
.sec-page.-lp1 .introContents > .image.-car { bottom: 0; z-index: 2; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .introContents > .image.-car { position: absolute; } }
@media only screen and (max-width: 519px) { .sec-page.-lp1 .introContents > .image.-car { display: none; } }
.sec-page.-lp1 .introContents > .image.-car.-a { width: 266px; height: 180px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .introContents > .image.-car.-a { width: 189px; height: 128px; bottom: -30px; } }
.sec-page.-lp1 .introContents > .image.-car.-b { width: 273px; height: 180px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .introContents > .image.-car.-b { width: 189px; height: 124px; bottom: -50px; } }
.sec-page.-lp1 .introContents > .text { position: relative; z-index: 1; box-sizing: border-box; width: 600px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .introContents > .text { width: -webkit-calc(100% - 30px); width: calc(100% - 30px); max-width: 640px; margin: -30px auto 0; } }
@media only screen and (max-width: 519px) { .sec-page.-lp1 .introContents > .text { display: none; } }
.sec-page.-lp1 .introContents > .text > .img-text { display: none; }
.sec-page.-lp1 .introContents > .image.-text { display: none; box-sizing: border-box; max-width: 375px; padding: 0 10px 0 15px; margin: -30px auto 0; z-index: 1; }
@media only screen and (max-width: 519px) { .sec-page.-lp1 .introContents > .image.-text { display: block; } }
.sec-page.-lp1 .introContents.-textR { padding-left: 490px; padding-bottom: 60px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .introContents.-textR { padding-left: 0; padding-bottom: 0; } }
.sec-page.-lp1 .introContents.-textR > .image.-image { left: 0; }
.sec-page.-lp1 .introContents.-textR > .image.-car { right: -20px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .introContents.-textR > .image.-car { right: 50%; margin-right: -280px; } }
@media only screen and (max-width: 679px) { .sec-page.-lp1 .introContents.-textR > .image.-car { right: 10px; margin-right: 0; } }
.sec-page.-lp1 .introContents.-textL { padding-left: 110px; padding-bottom: 144px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .introContents.-textL { padding-left: 0; padding-bottom: 0; } }
.sec-page.-lp1 .introContents.-textL > .image.-image { right: 0; }
.sec-page.-lp1 .introContents.-textL > .image.-car { left: -20px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .introContents.-textL > .image.-car { left: auto; right: 50%; margin-right: -280px; } }
@media only screen and (max-width: 679px) { .sec-page.-lp1 .introContents.-textL > .image.-car { right: 10px; margin-right: 0; } }
.sec-page.-lp1 .wrap-functionContents { position: relative; }
.sec-page.-lp1 .wrap-functionContents > .note { position: absolute; top: 230px; left: 0; color: #EC0001; font-size: 1.2rem; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .wrap-functionContents > .note { position: relative; top: auto; left: auto; margin-bottom: 30px; } }
.sec-page.-lp1 .wrap-functionContents > .contents { float: left; width: 312px; margin-left: 22px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .wrap-functionContents > .contents { float: none; width: auto; margin-left: 0; margin-top: 40px; } }
.sec-page.-lp1 .wrap-functionContents > .contents.-usability { margin-left: 0; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .wrap-functionContents > .contents.-usability { margin-top: 0; } }
.sec-page.-lp1 .functionContents > .set-title { margin-bottom: 73px; border-radius: 10px; overflow: hidden; padding: 10px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .functionContents > .set-title { margin-bottom: 20px; border-radius: 0; padding: 0; background: transparent !important; } }
.sec-page.-lp1 .functionContents > .set-title img { display: block; }
.sec-page.-lp1 .functionContents > .list > .item { margin-top: 20px; }
.sec-page.-lp1 .functionContents > .list > .item:first-child { margin-top: 0px; }
.sec-page.-lp1 .titleSet-label.-usability { background: #FFEE4A; }
.sec-page.-lp1 .titleSet-label.-safety { background: #3E77AA; }
.sec-page.-lp1 .titleSet-label.-ecology { background: #009F59; }
.sec-page.-lp1 .textBox { background: #ffffff; padding: 25px 40px 35px; border-radius: 10px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); overflow: hidden; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .textBox { padding: 18px 20px 30px; } }
.sec-page.-lp1 .textBox > .text { background-image: url(../img/bg_lp1_textline1.png); background-size: 6px 45px; line-height: 45px; font-weight: bold; background-position: 0 -5px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .textBox > .text { background-image: url(../img/bg_lp1_textline1_sp.png); background-size: 6px 35px; line-height: 35px; font-size: 1.4rem; background-position: 0 -1px; } }
.sec-page.-lp1 .textBox > .text .pt { color: #0B3078; }
.sec-page.-lp1 .textBox > .text .pt2 { vertical-align: 5px; margin-right: 2px; line-height: 1; }
.sec-page.-lp1 .textBox-2 > .text { text-align: center; background-image: url(../img/bg_lp1_textline2.png); background-size: 6px 56px; line-height: 56px; font-weight: bold; background-position: 0 -2px; color: #ffffff; font-size: 2rem; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .textBox-2 > .text { background-image: url(../img/bg_lp1_textline2_sp.png); background-size: 6px 35px; line-height: 35px; background-position: 0 -2px; font-size: 1.4rem; } }
@media only screen and (max-width: 679px) { .sec-page.-lp1 .textBox-2 > .text { text-align: left; } }
@media only screen and (max-width: 679px) { .sec-page.-lp1 .slider-history-nav { width: 535px; } }
.sec-page.-lp1 .slider-history-nav .item { box-sizing: border-box; width: 155px; text-align: center; padding: 8px 0; border: 1px solid #002D93; border-radius: 7px; background: #ffffff; color: #002D93; font-size: 1.8rem; font-weight: bold; cursor: pointer; float: left; margin-left: 10px; font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .slider-history-nav .item { width: 80px; padding: 8px 0; margin-left: 5px; font-size: 1.4rem; } }
.sec-page.-lp1 .slider-history-nav .item:first-child { margin-left: 0; }
@media only screen and (max-width: 679px) { .sec-page.-lp1 .slider-history-nav .item:first-child { margin-left: 15px; } }
.sec-page.-lp1 .slider-history-nav .item:hover, .sec-page.-lp1 .slider-history-nav .item.-current { background: #002D93; color: #ffffff; }
.sec-page.-lp1 .wrap-histrySlider > .slider-body { margin-top: 20px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .wrap-histrySlider > .slider-body { margin-top: 5px; } }
@media only screen and (max-width: 679px) { .sec-page.-lp1 .wrap-histrySlider > .slider-body { margin-left: 15px; margin-right: 15px; } }
.sec-page.-lp1 .wrap-slider-history { position: relative; }
.sec-page.-lp1 .wrap-slider-history > .sliderNavi { position: absolute; top: 50%; z-index: 1; transform: translate(0, -50%); }
.sec-page.-lp1 .wrap-slider-history > .sliderNavi.-prev { left: 15px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .wrap-slider-history > .sliderNavi.-prev { left: -10px; } }
.sec-page.-lp1 .wrap-slider-history > .sliderNavi.-next { right: 15px; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .wrap-slider-history > .sliderNavi.-next { right: -10px; } }
.sec-page.-lp1 .wrap-slider-history > .slider { z-index: 0; }
@media only screen and (max-width: 959px) { .sec-page.-lp1 .wrap-slider-history-nav { overflow-x: auto; padding-bottom: 10px; } }

.btn-toWagonR { display: block; position: fixed; right: 20px; bottom: -94px; box-sizing: border-box; width: 140px; height: 94px; border-radius: 10px; border: 2px solid #ffffff; background: #002D93; color: #ffffff; font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; opacity: 1; z-index: 102; }
@media only screen and (max-width: 959px) { .btn-toWagonR { right: 15px; bottom: -80px; width: 100px; height: 65px; font-size: 1.3rem; line-height: 1.3; } }
@media print { .btn-toWagonR { display: none; } }
.btn-toWagonR > .text { display: block; position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0, -50%); }
.btn-toWagonR > .text > .line { display: block; text-align: center; }

.btn-toWagonR:hover { background: #5077d2; }

.btn-toWagonR::after { content: ''; display: block; position: absolute; box-sizing: border-box; width: 10px; height: 10px; border-right: 3px solid #ffffff; border-bottom: 3px solid #ffffff; top: 50%; right: 15px; transform: translate(0, -50%) rotate(-45deg); }
@media only screen and (max-width: 959px) { .btn-toWagonR::after { width: 8px; height: 8px; right: 7px; } }

.-btn-toWagonR { right: 50%; margin-right: -663px; }

.showMenu .btn-toWagonR { bottom: 20px; }
@media only screen and (max-width: 959px) { .showMenu .btn-toWagonR { bottom: 15px; } }

.stopBtn_wagonR .btn-toWagonR { opacity: 0; pointer-events: none; }
@media only screen and (max-width: 959px) { .stopBtn_wagonR .btn-toWagonR { opacity: 1; pointer-events: auto; position: absolute; } }

.sliderNavi-arrow-2 { display: block; position: relative; box-sizing: border-box; width: 50px; height: 50px; border-radius: 25px; border: 1px solid #0B3078; background: #ffffff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); cursor: pointer; opacity: 1; }
@media only screen and (max-width: 959px) { .sliderNavi-arrow-2 { width: 30px; height: 30px; border-radius: 15px; } }

.sliderNavi-arrow-2::before { content: ''; display: block; position: absolute; box-sizing: border-box; width: 14px; height: 14px; border-left: 3px solid #0B3078; border-bottom: 3px solid #0B3078; top: 50%; left: 50%; }
@media only screen and (max-width: 959px) { .sliderNavi-arrow-2::before { width: 10px; height: 10px; } }

.sliderNavi-arrow-2.-prev::before { transform: translate(-4px, -50%) rotate(45deg); }
@media only screen and (max-width: 959px) { .sliderNavi-arrow-2.-prev::before { transform: translate(-3px, -50%) rotate(45deg); } }

.sliderNavi-arrow-2.-next::before { transform: translate(-8px, -50%) rotate(-135deg); }
@media only screen and (max-width: 959px) { .sliderNavi-arrow-2.-next::before { transform: translate(-6px, -50%) rotate(-135deg); } }

.sliderNavi-arrow-2:hover { background: #0B3078; }

.sliderNavi-arrow-2:hover::before { border-color: #ffffff; }

.sliderNavi-arrow-2.slick-disabled { opacity: 0 !important; pointer-events: none; }

.card-set-1 { overflow: hidden; border-radius: 10px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); }
.card-set-1 a { display: block; }
.card-set-1 > .image { position: relative; z-index: 0; border: 2px solid transparent; border-bottom: 0px solid transparent; overflow: hidden; border-radius: 10px 10px 0 0; }
.card-set-1 > .image img { display: block; width: 308px; height: 173px; }
@media only screen and (max-width: 959px) { .card-set-1 > .image img { width: 100%; height: auto; } }
.card-set-1 > .text { position: relative; box-sizing: border-box; height: 182px; padding: 26px 18px; background: #ffffff; color: #111111; border: 2px solid transparent; border-top: 0px solid transparent; border-bottom: 0px solid transparent; z-index: 1; }
@media only screen and (max-width: 959px) { .card-set-1 > .text { height: auto; padding: 17px 18px; } }
.card-set-1 > .text > .label { position: absolute; top: -8px; left: -2px; width: 55px; height: 30px; }
@media only screen and (max-width: 959px) { .card-set-1 > .text > .label { top: -25px; } }
.card-set-1 > .text > .title { font-size: 1.8rem; font-weight: bold; }
.card-set-1 > .text > .subText { font-size: 1.4rem; line-height: 1.7; margin-top: 10px; }
@media only screen and (max-width: 959px) { .card-set-1 > .text > .subText { margin-top: 10px; } }
.card-set-1 > .linkBlock { position: relative; text-align: center; padding: 18px 10px; font-weight: bold; color: #ffffff; }
@media only screen and (max-width: 959px) { .card-set-1 > .linkBlock { padding: 18px 30px; } }
.card-set-1 > .linkBlock::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 10px; border-right: 3px solid #ffffff; border-bottom: 3px solid #ffffff; top: 50%; right: 15px; transform: translate(0, -50%) rotate(-45deg); }

.card-set-1:last-child > .text { height: 206px; }
.card-set-1:last-child > .text > .title { height: 50px; }
@media only screen and (max-width: 959px) { .card-set-1:last-child > .text, .card-set-1:last-child > .text > .title { height: auto; } }

.card-set-1.-usability { background: #FFEE4A; }
.card-set-1.-usability > .text { border-color: #FFEE4A; }
.card-set-1.-usability > .linkBlock { color: #111111; }
.card-set-1.-usability > .linkBlock::after { border-color: #111111; }

.card-set-1.-safety { background: #3E77AA; }
.card-set-1.-safety > .text { border-color: #3E77AA; }

.card-set-1.-ecology { background: #009F59; }
.card-set-1.-ecology > .text { border-color: #009F59; }

.card-set-1:hover { box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.25); }
.card-set-1:hover > .text > .title { color: #EC0001; }

.card-set-2 { position: relative; background: #EBE6E1; width: 980px; height: 431px; }
@media only screen and (max-width: 959px) { .card-set-2 { height: 382px; } }
.card-set-2 > .text, .card-set-2 > .image { position: absolute; }
.card-set-2 > .text { top: 60px; left: 86px; z-index: 1; }
@media only screen and (max-width: 959px) { .card-set-2 > .text { box-sizing: border-box; width: 100%; top: 28px; left: 0; padding: 0 23px; } }
.card-set-2 > .text > .label { margin-bottom: 30px; margin-left: -3px; }
@media only screen and (max-width: 959px) { .card-set-2 > .text > .label { margin-bottom: 20px; } }
.card-set-2 > .text > .label img { display: block; width: 161px; }
@media only screen and (max-width: 959px) { .card-set-2 > .text > .label img { width: 98px; } }
.card-set-2 > .text > .title { font-size: 2.5rem; font-weight: bold; }
@media only screen and (max-width: 959px) { .card-set-2 > .text > .title { font-size: 2.0rem; } }
.card-set-2 > .text > .title .year { display: inline-block; font-size: 1.4rem; font-weight: normal; margin-left: 15px; vertical-align: 3px; }
@media only screen and (max-width: 959px) { .card-set-2 > .text > .title .year { font-size: 1.2rem; margin-left: 10px; } }
.card-set-2 > .text > .subText { font-size: 1.6rem; line-height: 1.7; margin-top: 10px; }
@media only screen and (max-width: 959px) { .card-set-2 > .text > .subText { font-size: 1.4rem; margin-top: 6px; } }
.card-set-2 > .image { width: 640px; top: 0; right: 20px; z-index: 0; }
@media only screen and (max-width: 959px) { .card-set-2 > .image { width: 345px; max-width: 100%; top: auto; bottom: 0; right: 50%; transform: translate(50%, 0); } }

.card-set-3 { background: #ffffff; padding: 38px; border: 3px solid #ffffff; border-radius: 10px; overflow: hidden; }
@media only screen and (max-width: 959px) { .card-set-3 { padding: 27px 15px; } }
.card-set-3 > .title { font-size: 2.2rem; font-weight: bold; padding: 15px; text-align: center; color: #ffffff; }
@media only screen and (max-width: 959px) { .card-set-3 > .title { font-size: 1.8rem; } }
.card-set-3 > .image { position: relative; margin-top: 20px; }
@media only screen and (max-width: 959px) { .card-set-3 > .image { margin-top: 22px; } }
.card-set-3 > .image img { display: block; }
.card-set-3 > .image > .label { position: absolute; top: 15px; left: 0; width: 55px; }
@media only screen and (max-width: 959px) { .card-set-3 > .image > .label { top: -12px; } }
.card-set-3 > .title-sub { font-size: 1.8rem; font-weight: bold; margin-top: 25px; }
@media only screen and (max-width: 959px) { .card-set-3 > .title-sub { margin-top: 15px; } }
.card-set-3 > .text { font-size: 1.6rem; line-height: 1.7; margin-top: 12px; }
@media only screen and (max-width: 959px) { .card-set-3 > .text { font-size: 1.4rem; } }
.card-set-3 > .note { font-size: 1.2rem; line-height: 1.7; margin-top: 8px; }
.card-set-3 > .set-btn { margin-top: 25px; text-align: center; }
@media only screen and (max-width: 959px) { .card-set-3 > .set-btn { margin-top: 12px; } }

.card-set-3.-usability { border-color: #FFEE4A; }
.card-set-3.-usability > .title { background: #FFEE4A; color: #111111; }

.card-set-3.-safety { border-color: #3E77AA; }
.card-set-3.-safety > .title { background: #3E77AA; }

.card-set-3.-ecology { border-color: #009F59; }
.card-set-3.-ecology > .title { background: #009F59; }

.btn-size-10 { position: relative; display: inline-block; box-sizing: border-box; width: 100%; max-width: 313px; height: 60px; line-height: 60px; font-size: 1.6rem; font-weight: bold; border-radius: 10px; text-align: center; font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

.btn-size-10::after { content: ""; display: block; box-sizing: border-box; position: absolute; width: 10px; height: 10px; border-right: 3px solid #ffffff; border-bottom: 3px solid #ffffff; top: 50%; right: 15px; transform: translate(0, -50%) rotate(-45deg); }

@media print { body { zoom: .8; }
  body * { -webkit-print-color-adjust: exact; } }

@media print { body::after { position: absolute; } }

@media print { .fixMenu { position: absolute; } }

#main-page { position: relative; }

.btn-toTop { display: none; }

.page--lp1 .elm-modal--frm .modaal-inner-wrapper { padding: 60px 25px; vertical-align: middle; }
@media only screen and (max-width: 959px) { .page--lp1 .elm-modal--frm .modaal-inner-wrapper { padding: 60px 15px; } }

.page--lp1 .elm-modal--frm .modaal-container { max-width: 800px; }

.page--lp1 .elm-modal--frm .elm-popupContent { width: auto; }

.btn-modal-close::before, .btn-modal-close::after { height: 3px; }

.btn-modal-close > .text { position: absolute; color: #ffffff; transform: translate(-100%, 0); width: 50px; text-align: left; line-height: 34px; top: 0; left: 0; font-size: 1.4rem; font-weight: bold; }

#footer-page { position: relative; }
@media only screen and (max-width: 959px) { #footer-page { margin-top: 0; } }

.fixMes { display: none; }

.linkBlock > .btn, .card-set-1, .card-set-1 > .text > .title, .slider-history-nav .item, .wrap-slider-history > .sliderNavi, .btn-toWagonR, .sec-page.-lp1 .introContents > .image.-car, .sec-page.-lp1 > .title > img.img-text { transition-property: all; transition-duration: .3s; }