.hr-top_kv { position: relative; max-height: 100vh; line-height: 0; overflow: hidden; }

@media print, all and (min-width: 768px) { .hr-top_kv { height: 62.5vw; } }

@media screen and (max-width: 767px) { .hr-top_kv { height: 157.734vw; } }

.hr-top_kv .video { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100vw; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media print, all and (min-width: 768px) { .hr-top_kv .video { height: 56.25vw; } }

@media screen and (max-width: 767px) { .hr-top_kv .video { height: 177.77778vw; } }

.hr-top_kv .video > div { width: 100%; height: 100%; }

@media print, all and (min-width: 768px) { .hr-top_kv .video > div { min-width: 111.112vw; min-height: 62.5vw; } }

@media screen and (max-width: 767px) { .hr-top_kv .video > div { min-width: 280.415vw; min-height: 157.734vw; } }

.hr-top_kv .video > div > video { width: 100%; height: 100%; }

.hr-top_kv_btn { position: absolute; letter-spacing: 0.05em; line-height: 1; font-weight: 300; text-decoration: none; color: #fff; cursor: pointer; }

@media print, all and (min-width: 768px) { .hr-top_kv_btn { right: calc(50vw - 580px); bottom: 50px; padding-bottom: 8px; font-size: 18px; } }

@media all and (min-width: 768px) and (max-width: 1200px) { .hr-top_kv_btn { right: 20px; } }

@media screen and (max-width: 767px) { .hr-top_kv_btn { right: 22.5px; bottom: 25px; padding-bottom: 4px; font-size: 9px; } }

.hr-top_kv_btn::after { content: ""; position: absolute; border-bottom: 1px solid; left: 0; right: 0; bottom: 0; }

.hr-top_kv_btn:hover { opacity: 0.5; }

.hr-top_kv_btn > span { display: block; }

.hr-top_kv_lnk { position: absolute; left: 50%; letter-spacing: 0.05em; line-height: 1; font-weight: 300; text-decoration: none; text-align: center; color: #fff; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); cursor: pointer; }

@media print, all and (min-width: 768px) { .hr-top_kv_lnk { bottom: 40px; font-size: 18px; } }

@media screen and (max-width: 767px) { .hr-top_kv_lnk { bottom: 20px; font-size: 9px; } }

.hr-top_kv_lnk::after { content: ""; display: block; background-image: url(/theme-images/main/arrow04.png); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 0.875em; height: 0.625em; margin: 0.5em auto 0; }

.hr-top_kv_lnk:hover { opacity: 0.5; }

.hr-top_kv_lnk > span { display: block; }

.hr-top_ttl01 { text-align: center; opacity: 0; -webkit-transform: translate(0, 42px); -ms-transform: translate(0, 42px); transform: translate(0, 42px); -webkit-transition: opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; transition: opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; -o-transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms; transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms; transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; }

@media print, all and (min-width: 768px) { .hr-top_ttl01 { margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .hr-top_ttl01 { margin-bottom: 19px; } }

@media screen and (max-width: 767px) { .hr-top_ttl01 > p { margin-top: 12px; } }

.hr-top_ttl01.animated { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

@media print, all and (min-width: 768px) { .hr-top_block01 { margin-top: 120px; } }

@media screen and (max-width: 767px) { .hr-top_block01 { margin-top: 67px; } }

.hr-top_block02 { background: #e6e6e6; }

@media print, all and (min-width: 768px) { .hr-top_block02 { margin-top: 100px; padding: 100px 0; } }

@media screen and (max-width: 767px) { .hr-top_block02 { margin-top: 67px; padding: 50px 0; } }

.hr-top_panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 0 auto; }

@media print, all and (min-width: 768px) { .hr-top_panel { max-width: 1200px; } }

@media screen and (max-width: 767px) { .hr-top_panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 88%; } }

.hr-top_panel .hr-top_image01 { overflow: hidden; }

.hr-top_panel .hr-top_image01 img, .hr-top_panel .hr-top_image01 .js-videoElement { opacity: 0; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; transition: opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; -o-transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms; transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms; transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; }

.hr-top_panel .hr-top_text01 { opacity: 0; -webkit-transform: translate(0, 42px); -ms-transform: translate(0, 42px); transform: translate(0, 42px); -webkit-transition: opacity 700ms ease 350ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 350ms; transition: opacity 700ms ease 350ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 350ms; -o-transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 350ms, opacity 700ms ease 350ms; transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 350ms, opacity 700ms ease 350ms; transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 350ms, opacity 700ms ease 350ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 350ms; }

.hr-top_panel .hr-top_text01 > div { opacity: 0; -webkit-transition: opacity 700ms ease 700ms; -o-transition: opacity 700ms ease 700ms; transition: opacity 700ms ease 700ms; }

.hr-top_panel.animated .hr-top_image01 img, .hr-top_panel.animated .hr-top_image01 .js-videoElement { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hr-top_panel.animated .hr-top_text01 { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.hr-top_panel.animated .hr-top_text01 > div { opacity: 1; }

.hr-top_text01 { position: relative; background: #f1f1f1; width: 100%; letter-spacing: 0.05em; }

@media print, all and (min-width: 768px) { .hr-top_text01 { padding: 5.834% 5.834% 5%; line-height: 2.25em; font-size: 16px; }
  .hr-top_text01 > p { line-height: inherit !important; font: inherit !important; }
  .hr-top_text01 > p:first-of-type { margin-top: -0.625em; }
  .hr-top_text01 > p:last-of-type { margin-bottom: -0.625em; } }

@media screen and (max-width: 767px) { .hr-top_text01 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; padding: 30px 30px 40px; line-height: 1.905em; font-size: 10.5px; }
  .hr-top_text01 > p { line-height: inherit !important; font: inherit !important; }
  .hr-top_text01 > p:first-of-type { margin-top: -0.452em; }
  .hr-top_text01 > p:last-of-type { margin-bottom: -0.452em; } }

.hr-top_image01 { line-height: 0; }

@media print, all and (min-width: 768px) { .hr-top_image01 { -ms-flex-negative: 0; flex-shrink: 0; position: relative; width: 50%; min-height: 360px; overflow: hidden; }
  .hr-top_image01 > figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .hr-top_image01 > figure > img { max-width: none; }
  .hr-top_image01 > figure .js-videoElement { position: relative; width: 100%; height: 100%; z-index: 10; }
  .hr-top_image01 > figure .js-videoElement > video { position: absolute; background: #000; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; }
  .hr-top_image01 > figure .js-videoPlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; }
  .hr-top_image01 > figure .js-videoPlay > img { max-width: none; } }

@media screen and (max-width: 767px) { .hr-top_image01 { -webkit-box-ordinal-group: -4; -ms-flex-order: -5; order: -5; }
  .hr-top_image01 > figure { position: relative; }
  .hr-top_image01 > figure .js-videoElement { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; }
  .hr-top_image01 > figure .js-videoElement > video { position: absolute; background: #000; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; } }

.hr-top_slick { opacity: 0; -webkit-transform: translate(0, 42px); -ms-transform: translate(0, 42px); transform: translate(0, 42px); -webkit-transition: opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; transition: opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; -o-transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms; transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms; transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; }

.hr-top_slick.animated { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

.hr-top_button01 { position: absolute; left: 0; right: 0; margin: 0 auto; opacity: 0; -webkit-transition: opacity 700ms ease 700ms; -o-transition: opacity 700ms ease 700ms; transition: opacity 700ms ease 700ms; }

@media print, all and (min-width: 768px) { .hr-top_button01 { bottom: -22px; } }

@media screen and (max-width: 767px) { .hr-top_button01 { bottom: -17px; } }

.hr-top_button01 > a { margin: 0 auto; }

.animated > * > .hr-top_button01 { opacity: 1; }

.hr-top_button02 { opacity: 0; -webkit-transition: opacity 700ms ease 700ms; -o-transition: opacity 700ms ease 700ms; transition: opacity 700ms ease 700ms; }

.animated > .hr-top_button02 { opacity: 1; }

.hr-top_news_switch { opacity: 0; -webkit-transform: translate(0, 42px); -ms-transform: translate(0, 42px); transform: translate(0, 42px); -webkit-transition: opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; transition: opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; -o-transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms; transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms; transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; }

.hr-top_news_switch.animated { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

@media print, all and (min-width: 768px) { .hr-top_news_switch + .hr-top_news_list { margin-top: 40px; } }

.hr-top_news_list { opacity: 0; -webkit-transform: translate(0, 42px); -ms-transform: translate(0, 42px); transform: translate(0, 42px); -webkit-transition: opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; transition: opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; -o-transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms; transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms; transition: transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms, opacity 700ms ease 0ms, -webkit-transform 700ms cubic-bezier(0.26, 0, 0.2, 1) 0ms; }

@media screen and (max-width: 767px) { .hr-top_news_list { margin: 25px auto 0; } }

@media screen and (max-width: 767px) { .hr-top_news_list > li > a { padding: 18.75px 8%; } }

.hr-top_news_list > li > a::after { content: ""; }

@media screen and (max-width: 767px) { .hr-top_news_list > li > a::after { width: 0.572em !important; height: 0.81em !important; right: 8% !important; } }

@media screen and (max-width: 767px) { .hr-top_news_list > li > a.js-accTrigger::after { width: 0.858em !important; height: 0.858em !important; } }

@media screen and (max-width: 767px) { .hr-top_news_list > li > a > span { width: 100px; } }

@media screen and (max-width: 767px) { .hr-top_news_list > li > a > p { padding-right: 3em; } }

@media print, all and (min-width: 768px) { .hr-top_news_list .hr-main_alert { padding: 0; } }

.hr-top_news_list.animated { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

@media print, all and (min-width: 768px) { .hr-top_news_list + .hr-main_news_switch { margin-top: 40px; } }

@media screen and (max-width: 767px) { .hr-top_news_list + .hr-main_news_switch { margin-top: 20px; } }