/*=============================================
=            style            	              =
=============================================*/
/*=============================================
=            top            	              =
=============================================*/
.ly_top .ly_header { position: inherit; background: transparent; -webkit-box-shadow: none; box-shadow: none; }

.el_ttl { color: #040000; font-weight: 500; text-align: center; }

.ly_MV { z-index: 0; position: relative; overflow: hidden; }

.ly_MV::before { position: absolute; left: 0; width: 0; height: 0; border-style: solid; border-color: transparent transparent #fff transparent; content: ""; }

.ly_MV .bl_MV_inner { max-width: 1200px; margin: 0 auto; }

.ly_MV .bl_MV_contWrapper { position: relative; margin: 0 auto; }

.ly_MV .bl_MV_contWrapper .bl_MV_img { position: absolute; }

.ly_MV .bl_MV_contWrapper .bl_MV_img2 { bottom: 0%; left: 11%; width: 13vw; }

.ly_MV .bl_MV_ttl { position: absolute; }

.ly_MV .bl_MV_text { color: #01959D; font-family: 'Sawarabi Gothic', sans-serif; }

.ly_MV .bl_MV_text .bl_MV_text_lg { font-weight: 500; }

.bl_banner { position: relative; margin: 0 auto; background-color: #211714; }

.bl_banner_ttl { position: absolute; }

.bl_banner_ttl img { width: 100%; }

.bl_banner_image { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.bl_sect_01 { margin: 0 auto; }

.bl_sect_01_inner { margin: 0 auto; }

.bl_sect_01 .bl_movie { margin: 0 auto; text-align: center; }

.bl_sect_01 .bl_ksas { margin: 0 auto; background: #fff; }

.bl_sect_01 .bl_ksas a { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; width: 100%; height: 100%; }

.bl_sect_01 .bl_ksas .bl_ksas_textBox { text-align: right; }

.bl_sect_01 .bl_ksas .bl_ksas_ttl { font-weight: 500; }

.bl_sect_01 .bl_ksas .bl_ksas_subTtl { color: #01959d; font-weight: 500; }

.bl_sect_01 .bl_ksas_link2Wrap { margin-top: 30px; margin-bottom: 75px; }

.bl_sect_01 .bl_ksas_link2Wrap .bl_ksas_link2 { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin: 0 auto; background-color: #01959d; color: #FFFFFF; font-weight: 500; }

.bl_sect_01 .bl_sect_01_lists { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; }

.bl_sect_01 .bl_sect_01_lists .bl_sect_01_item { position: relative; }

.bl_sect_01 .bl_sect_01_lists .bl_sect_01_item::before { display: block; z-index: 1; position: absolute; top: 0; left: 0; content: ""; }

.bl_sect_01 .bl_sect_01_lists .bl_sect_01_item__smart::before { background-color: #84b759; }

.bl_sect_01 .bl_sect_01_lists .bl_sect_01_item__tractor::before { background-color: #01959d; }

.bl_sect_01 .bl_sect_01_lists .bl_sect_01_item__transplanter::before { background-color: #82cbd1; }

.bl_sect_01 .bl_sect_01_lists .bl_sect_01_item__combine::before { background-color: #ed7700; }

.bl_sect_01 .bl_sect_01_lists .bl_sect_01_item__others::before { background-color: #c8c9c9; }

.bl_sect_01 .bl_sect_01_lists .bl_sect_01_item__vege::before { background-color: #707070; }

.bl_sect_01 .bl_sect_01_lists .bl_sect_01_item.bl_sect_01_item__withIcon::after { display: block; z-index: 1; position: absolute; content: ""; }

.bl_sect_01 .bl_sect_01_lists .bl_sect_01_link { display: block; position: relative; background-color: #211714; }

.bl_sect_01 .bl_sect_01_lists .bl_sect_01_ttl { z-index: 2; position: absolute; color: #FFFFFF; font-weight: 500; }

.bl_sect_01 .bl_sect_01_link2 { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin: 0 auto; background-color: #01959d; color: #FFFFFF; font-weight: 500; }

.bl_sect_02 { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; justify-content: center; background-repeat: no-repeat; }

.bl_sect_02_lists { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.bl_sect_02_link { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; background-color: #01959d; color: #FFFFFF; font-weight: 500; }

#modal-content { display: none; z-index: 99999; position: fixed; width: 80%; margin: 0; padding: 0; background: #fff; }

#modal-content .inner { position: relative; position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; }

#modal-content .inner #player { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

#modal-overlay2 { display: none; z-index: 9999; position: fixed; top: 0; left: 0; width: 100%; height: 120%; background-color: rgba(0, 0, 0, 0.75); }

.bl_bnr { width: 960px; margin: 0 auto 70px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.bl_bnr:hover { opacity: 0.7; }

@media screen and (min-width: 751px) { .ly_top .ly_header .bl_nav { padding-top: 30px; background-color: #c7e6e9; } .ly_top .ly_header .bl_nav .bl_nav_list_wrapper { display: none; } .ly_top .ly_header .bl_nav_logo_wrapper { width: 200px; height: auto; } .ly_top .ly_header .bl_nav_logo2 { margin-right: 30px; padding-top: 2px; } .ly_top .ly_header .bl_nav_logo3 { display: none !important; } .ly_top main { padding-top: 0px; } .ly_top .ly_cont { margin-top: 19px; margin-bottom: 69px; } .ly_top .popup-iframe { width: 476px; height: 268px; margin-bottom: 83px; } .ly_top .bl_external { margin-bottom: 50px; } .el_ttl { margin-bottom: 27px; font-size: 21px; } .ly_MV .bl_MV { height: 700px; background: -webkit-linear-gradient(top, #c7e6e9 0, #c7e6e9 443px, #fff 443px, #fff 672px); background: linear-gradient(180deg, #c7e6e9 0, #c7e6e9 443px, #fff 443px, #fff 672px); } .ly_MV .bl_MV_inner { overflow: hidden; } .ly_MV .bl_MV_contWrapper { width: 960px; min-width: 960px; height: 580px; } .ly_MV .bl_MV_contWrapper .bl_MV_img1 { bottom: 121px; left: -88px; width: 125px; height: 97px; } .ly_MV .bl_MV_contWrapper .bl_MV_img2 { top: 215px; left: 41px; width: 134px; height: 225px; } .ly_MV .bl_MV_contWrapper .bl_MV_img3 { top: 232px; right: 185px; width: 78px; height: 75px; } .ly_MV .bl_MV_contWrapper .bl_MV_img4 { top: 33px; right: -44px; width: 261px; height: 252px; } .ly_MV .bl_MV_ttl { top: 15px; left: 170px; width: 530px; height: 573px; } .ly_MV .bl_MV_text { position: absolute; right: 0px; bottom: 21px; width: 437px; height: 118px; font-size: 12px; letter-spacing: 1.92px; letter-spacing: 0px; line-height: 19.25px; } .ly_MV .bl_MV_text .bl_MV_text_lg { display: block; padding-bottom: 7px; font-size: 19px; font-weight: bold; letter-spacing: 1.3px; } .bl_banner { width: 960px; min-width: 960px; height: 97px; } .bl_banner_ttl { top: 12px; left: 15px; width: 508px; height: 60px; } .bl_sect_01 { padding-bottom: 51px; } .bl_sect_01_inner { width: 960px; min-width: 960px; } .bl_sect_01 .bl_movie { width: 476px; height: 268px; margin-bottom: 43px; } .bl_sect_01 .bl_ksas { width: 475px; height: 97px; margin-bottom: 31px; padding: 2px 21px; } .bl_sect_01 .bl_ksas .bl_sect_01_img { width: 197px; } .bl_sect_01 .bl_ksas .bl_ksas_textBox { margin-top: 19px; } .bl_sect_01 .bl_ksas .bl_ksas_ttl { margin-bottom: 12px; font-size: 28px; letter-spacing: 1px; } .bl_sect_01 .bl_ksas .bl_ksas_subTtl { font-size: 15px; letter-spacing: -0.3px; } .bl_sect_01 .bl_ksas_link2Wrap .bl_ksas_link2 { width: 363px; height: 50px; font-size: 21px; } .bl_sect_01 .bl_sect_01_lists { margin-bottom: 32px; } .bl_sect_01 .bl_sect_01_lists .bl_sect_01_item { width: 232px !important; height: 120px; } .bl_sect_01 .bl_sect_01_lists .bl_sect_01_item::before { width: 20px; height: 120px; } .bl_sect_01 .bl_sect_01_lists .bl_sect_01_item.bl_sect_01_item__withIcon::after { top: -5px; right: 0px; width: 88px; height: 41px; background-image: url(/web-exhibition/images/icon_ksas.svg); } .bl_sect_01 .bl_sect_01_lists .bl_sect_01_link { width: 232px; height: 120px; } .bl_sect_01 .bl_sect_01_lists .bl_sect_01_ttl { top: 6px; left: 28px; font-size: 21px; line-height: 1.5; } .bl_sect_01 .bl_sect_01_lists .bl_sect_01_img { overflow: hidden; } .bl_sect_01 .bl_sect_01_link2 { width: 250px; height: 50px; font-size: 21px; } .bl_sect_02 { min-width: 960px; height: 289px; padding-top: 26px; background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url(/web-exhibition/images/bg_02.jpg); background: linear-gradient(135deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url(/web-exhibition/images/bg_02.jpg); background-position: bottom; background-size: cover; } .bl_sect_02_inner { width: 960px; min-width: 960px; } .bl_sect_02_lists { width: 620px; margin: 0 auto; } .bl_sect_02_item { margin-right: 40px; margin-bottom: 27px; } .bl_sect_02_item:nth-child(3n) { margin-right: 0; } .bl_sect_02_link { width: 180px; height: 50px; font-size: 21px; } }

@media screen and (max-width: 750px) { .ly_top .ly_header .bl_nav { background-color: #c7e6e9; -webkit-box-shadow: none; box-shadow: none; } .ly_top .ly_header .bl_nav_logo_wrapper { width: 247px; } .ly_top .ly_header .bl_nav_logo { display: none; } .ly_top main { padding-top: 0px; } .ly_top .ly_cont { margin-top: 16px; margin-bottom: 37px; } .ly_top .popup-iframe { width: 92vw; height: 52vw; margin-bottom: 34px; } .ly_top .bl_external { margin-bottom: 35px; } .el_ttl { margin-bottom: 16px; font-size: 18px; } .ly_MV::before { top: 26.1vw; border-width: 0 0 20vw 100vw; } .ly_MV .bl_MV { background: -webkit-gradient(linear, left top, left bottom, from(#c7e6e9), color-stop(50%, #c7e6e9), color-stop(50%, #fff), to(#fff)); background: -webkit-linear-gradient(top, #c7e6e9 0%, #c7e6e9 50%, #fff 50%, #fff 100%); background: linear-gradient(180deg, #c7e6e9 0%, #c7e6e9 50%, #fff 50%, #fff 100%); } .ly_MV .bl_MV_contWrapper { width: 92vw; height: 46vw; } .ly_MV .bl_MV_contWrapper .bl_MV_img1 { bottom: -4%; left: -3%; width: 12vw; } .ly_MV .bl_MV_contWrapper .bl_MV_img3 { right: 19%; bottom: 22%; width: 7vw; } .ly_MV .bl_MV_contWrapper .bl_MV_img4 { right: -3%; bottom: 26%; width: 21vw; } .ly_MV .bl_MV_ttl { z-index: 1; top: 7%; right: 0; bottom: 0%; left: -2%; width: 50.9vw; margin: auto; } .ly_MV .bl_MV_text { margin-bottom: 17px; padding-top: 17.8vw; background: #fff; font-size: 11px; letter-spacing: 1.81px; line-height: 18px; text-align: center; } .ly_MV .bl_MV_text .bl_MV_text_lg { display: block; padding-bottom: 9px; font-size: 18px; letter-spacing: 0; } .bl_banner { width: 92vw; height: 23vw; } .bl_banner_ttl { z-index: 1; top: 11px; left: 7px; width: 64%; } .bl_sect_01 { padding-bottom: 37px; } .bl_sect_01_inner { width: 92vw; } .bl_sect_01 .bl_movie { width: 92vw; height: 52vw; margin-bottom: 25px; } .bl_sect_01 .bl_ksas { width: 92vw; min-height: 18.6vw; margin-bottom: 17px; padding: 2px 15px; } .bl_sect_01 .bl_ksas .bl_sect_01_img { width: 38vw; } .bl_sect_01 .bl_ksas .bl_ksas_textBox { margin-top: 12px; } .bl_sect_01 .bl_ksas .bl_ksas_ttl { margin-bottom: 7px; font-size: 20px; letter-spacing: 0.5px; } .bl_sect_01 .bl_ksas .bl_ksas_subTtl { font-size: 11px; letter-spacing: -0.3px; } .bl_sect_01 .bl_ksas_link2Wrap { margin-top: 17px; margin-bottom: 36px; } .bl_sect_01 .bl_ksas_link2Wrap .bl_ksas_link2 { width: 50.6vw; height: 11vw; margin-top: 15px; margin-bottom: 30px; font-size: 13px; } .bl_sect_01 .bl_sect_01_lists { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 17px; } .bl_sect_01 .bl_sect_01_lists .bl_sect_01_item { width: 49%; height: 18vw; margin-bottom: 12px; } .bl_sect_01 .bl_sect_01_lists .bl_sect_01_item::before { width: 7%; height: 100%; } .bl_sect_01 .bl_sect_01_lists .bl_sect_01_item.bl_sect_01_item__withIcon::after { top: -1px; right: 1px; width: 14.8vw; height: 6.9vw; background-image: url(/web-exhibition/images/icon_ksas.svg); } .bl_sect_01 .bl_sect_01_lists .bl_sect_01_link { width: 100%; height: 18vw; } .bl_sect_01 .bl_sect_01_lists .bl_sect_01_ttl { top: 7%; left: 10%; font-size: 13px; line-height: 1.2; } .bl_sect_01 .bl_sect_01_lists .bl_sect_01_img img { width: 100%; height: 18vw; } .bl_sect_01 .bl_sect_01_link2 { width: 44.5vw; height: 11vw; font-size: 13px; } .bl_sect_02 { height: 67vw; padding: 16px 15px 0px; background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url(/web-exhibition/images/sp/bg_02_sp.jpg); background: linear-gradient(135deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), url(/web-exhibition/images/sp/bg_02_sp.jpg); background-position: bottom; background-size: cover; } .bl_sect_02_inner { width: 100%; } .bl_sect_02_lists { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .bl_sect_02_item { margin-bottom: 13px; } .bl_sect_02_link { width: 44.5vw; height: 11vw; font-size: 13px; } .bl_sect_02 .el_ttl { margin-bottom: 15px; } .bl_bnr { width: 92vw; margin: 0 auto 35px; } }

@media screen and (min-width: 961px) { .ly_MV::before { bottom: 256px; border-width: 0 0 222px 100vw; } }

@media screen and (min-width: 751px) and (max-width: 960px) { .ly_MV::before { bottom: 256px; border-width: 0 0 222px 960px; } }