/*=============================================
=            style            	              =
=============================================*/
/*=============================================
=            top            	              =
=============================================*/

.ly_top .bl_MV { height: auto; }

.ly_top .bl_MV .js_slider { opacity: 0; -webkit-transition: 3s; transition: 3s; }

.ly_top .bl_MV .slick-initialized { opacity: 1; }

.ly_top .bl_MV img { -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; }

.ly_top main { padding-top: 0; }

.bl_catch { position: relative; }

.bl_catch .bl_catch_img { position: absolute; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

.bl_catch .bl_catch_img.bl_catch_img__02 { -webkit-animation-name: float1; animation-name: float1;}

.bl_catch .bl_catch_img.bl_catch_img__03 { -webkit-animation-name: float1; animation-name: float1; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.bl_catch .bl_catch_img.bl_catch_img__04 { bottom: 10px; left: 715px; width: 140.4377px; }

.bl_catch .bl_catch_img.bl_catch_img__05 { bottom: 79px; left: 298px; width: 79.4713px; -webkit-animation-name: float1; animation-name: float1; -webkit-animation-delay: 1s; animation-delay: 1s; }

.bl_catch .bl_catch_boximg_wrapper .bl_catch_boximg { margin: 0 auto; }

.bl_sec2 { position: relative; }

.bl_sec2 .bl_sec2_imgFloat { z-index: 1; position: absolute; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

.bl_sec2 .bl_sec2_imgFloat.bl_sec2_imgFloat__03 { -webkit-animation-name: float1; animation-name: float1;}

.bl_sec2 .bl_sec2_list { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin: 0 auto; }

.bl_sec2 .bl_sec2_link { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }

.bl_sec2 .bl_sec2_img { width: 100%; }

.bl_sec3 { position: relative; background-repeat: no-repeat; }

.bl_sec3 .bl_sec3_ttl { color: #5386b9; font-size: 28px; font-size: 2.8rem; font-weight: 500; letter-spacing: 0.12em; text-align: center; }

.bl_sec3 .bl_sec3_lists { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; }

.bl_sec3 .bl_sec3_item { width: 100%; margin-bottom: 10px; font-size: 16px; font-size: 1.6rem; letter-spacing: 0.088em; line-height: 1.4; }

.bl_sec3 .bl_sec3_item a { display: -webkit-box; display: -ms-flexbox; display: flex; }

.bl_sec3 .bl_sec3_time { display: inline-block; margin-right: 71px; margin-bottom: 10px; }

.bl_sec3 .bl_sec3_text { letter-spacing: 0; line-height: 1.6; }

.bl_sec3 .bl_sec3_link { position: absolute; color: #5386b9; font-weight: 500; letter-spacing: 0.072em; }

.bl_sec3 .bl_sec3_link:hover { opacity: 0.7;}

.bl_sec4 .bl_sec4_list { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin: 0 auto; }

.bl_sec4 .bl_sec4_item { position: relative; }

.bl_sec4 .bl_sec4_link { display: block; position: relative; color: #fff; font-size: 18px; font-weight: 500; opacity: 1; }

.bl_sec4 .bl_sec4_link .bl_sec4_text { position: absolute; right: 0; bottom: 51px; left: 0; margin: auto; text-align: center; }

.bl_sec4 .bl_sec4_link .bl_sec4_img { position: absolute; top: 0; left: 0; width: 100%; }


@-webkit-keyframes float1 { 
  0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  100% { -webkit-transform: translate(-30px, 0px); transform: translate(-30px, 0px); } 
}


@keyframes float1 { 
  0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
  100% { -webkit-transform: translate(-30px, 0px); transform: translate(-30px, 0px); } 
}

@media screen and (max-width: 750px) {
  @-webkit-keyframes float1 { 
    0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
    100% { -webkit-transform: translate(-22.5px, 0px); transform: translate(-22.5px, 0px); } 
  }

  @keyframes float1 { 
    0% { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
    100% { -webkit-transform: translate(-22.5px, 0px); transform: translate(-22.5px, 0px); } 
  }
}

@-webkit-keyframes float2 { 
  0% { -webkit-transform: translate(100px, 0px); transform: translate(100px, 0px); }
  100% { -webkit-transform: translate(-105px, 0px); transform: translate(-105px, 0px); } 
}

@keyframes float2 { 
  0% { -webkit-transform: translate(100px, 0px); transform: translate(100px, 0px); }
  100% { -webkit-transform: translate(-105px, 0px); transform: translate(-105px, 0px); } 
}

@media screen and (min-width: 751px) { 
  .ly_top .ly_header { top: -130px; left: 0; } 
  .ly_top .bl_MV { max-height: 100vh; } 
  .ly_top .bl_MV .bl_MV_ttl.bl_MV_ttlImg__lg { top: 14px; width: 464.8px; height: 299.4766px; } 
  .ly_top .bl_MV img { max-height: 100vh; } 
  .bl_catch { margin: 0 auto 62px; padding-top: 31px; padding-bottom: 142px; overflow-x: hidden; } 
  .bl_catch .bl_catch_boximg_wrapper .bl_catch_boximg { width: 369px; } 
  .bl_sec2 { margin-bottom: 55px; padding-bottom: 86px; overflow: hidden; } 
  .bl_sec2 .bl_sec2_imgFloat.bl_sec2_imgFloat__01 { -webkit-animation-name: float1; animation-name: float1; -webkit-animation-delay: 1s; animation-delay: 1s; }
  .bl_sec2 .bl_sec2_imgFloat.bl_sec2_imgFloat__02 { bottom: 0px; left: 515px; width: 68.9179px; } 
  .bl_sec2 .bl_sec2_imgFloat.bl_sec2_imgFloat__03 { bottom: 80px; left: 865px; width: 98.4872px; } 
  .bl_sec2 .bl_sec2_list { max-width: 1000px; } 
  .bl_sec2 .bl_sec2_item:nth-child(1) { margin-top: 70px; } 
  .bl_sec2 .bl_sec2_item:nth-child(3) { margin-top: 70px; } 
  .bl_sec2 .bl_sec2_link { width: 204.7px; } 
  .bl_sec2 .bl_sec2_text { width: 29px; margin: 0 auto; } 
  .bl_sec3 .bl_sec3_ttl { margin: 0 auto 53px; } 
  .bl_sec3 .bl_sec3_lists { max-width: 708px; } 
  .bl_sec4 { margin-bottom: 228px; } 
  .bl_sec4 .bl_sec4_list { max-width: 800px; } 
  .bl_sec4 .bl_sec4_item { width: 208.8px; height: 208.8px; } 
  .bl_sec4 .bl_sec4_link { width: 208.8px; height: 208.8px; } 
  .bl_sec4 .bl_sec4_link.bl_sec4_link_red:hover { color: #aa4664; } 
  .bl_sec4 .bl_sec4_link.bl_sec4_link_bl:hover { color: #32578a; } 
  .bl_sec4 .bl_sec4_link.bl_sec4_link_lb:hover { color: #4e9ed5; } 
}

@media screen and (max-width: 750px) { 
  .ly_top .bl_MV { height: 80vw; max-height: 80vw; } 
  .ly_top .bl_MV .bl_MV_ttl.bl_MV_ttlImg__lg { width: 67vw; height: 46vw; } 
  .ly_top main { padding-top: 60px; } 
  .bl_catch { margin: 0 auto; padding-top: 35px; padding-bottom: 50px; } 
  .bl_catch .bl_catch_img.bl_catch_img__01 { top: 0px; right: 14%; width: 28px; } 
  .bl_catch .bl_catch_img.bl_catch_img__02 { top: 25%; left: 6%; width: 46px; } 
  .bl_catch .bl_catch_img.bl_catch_img__03 { right: 7%; bottom: 43%; width: 26px; } 
  .bl_catch .bl_catch_boximg_wrapper .bl_catch_boximg { width: 53vw; } 
  .bl_sec2 { margin-bottom: 18px; } 
  .bl_sec2 .bl_sec2_imgFloat.bl_sec2_imgFloat__01 { top: 34%; right: -11%; width: 18px; } 
  .bl_sec2 .bl_sec2_imgFloat.bl_sec2_imgFloat__02 { top: 43%; left: -7%; width: 26px; } 
  .bl_sec2 .bl_sec2_imgFloat.bl_sec2_imgFloat__03 { right: -3%; bottom: 5%; width: 34px; } 
  .bl_sec2 .bl_sec2_list { -ms-flex-wrap: wrap; flex-wrap: wrap; } 
  .bl_sec2 .bl_sec2_item { width: 33vw; height: 33vw; margin-bottom: 31px; } 
  .bl_sec2 .bl_sec2_item:nth-child(1) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } 
  .bl_sec2 .bl_sec2_item:nth-child(2) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } 
  .bl_sec2 .bl_sec2_item:nth-child(3) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } 
  .bl_sec2 .bl_sec2_item:nth-child(4) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } 
  .bl_sec2 .bl_sec2_link { position: relative; width: 33vw; height: 33vw; } 
  .bl_sec2 .bl_sec2_img { width: 33vw; height: 33vw; } 
  .bl_sec2 .bl_sec2_text { display: none; } 
  .bl_sec2 .bl_sec2_text.bl_sec2_text__2 { width: 2em; } 
  .bl_sec3 { height: 121vw; margin-bottom: 56px; background: url(/images/sec_03_bgSp_01.png); background-size: contain; } 
  .bl_sec3 .bl_sec3_inner { width: calc(100% - 130px); margin: 0 auto; padding-top: 21%; } 
  .bl_sec3 .bl_sec3_ttl { margin: 0 auto 30px; font-size: 17px; } 
  .bl_sec3 .bl_sec3_item { margin-bottom: 21px; font-size: 14px; letter-spacing: 0; line-height: 1.6; } 
  .bl_sec3 .bl_sec3_item a { display: block; } 
  .bl_sec3 .bl_sec3_time { display: block; margin-bottom: 8px; } 
  .bl_sec3 .bl_sec3_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; right: 0; bottom: 5px; left: 0; align-items: center; justify-content: center; width: 105px; height: 48px; margin: auto; background: url(/images/sec_03_bgSp_02.png)no-repeat; background-size: contain; font-size: 11px; } .bl_sec4 .bl_sec4_list { width: calc(100% - 60px); } .bl_sec4 .bl_sec4_item { width: 95px; width: 25vw; height: 95px; height: 25vw; } 
  .bl_sec4 .bl_sec4_link { width: 95px; width: 25vw; height: 95px; height: 25vw; font-size: 11px; } 
  .bl_sec4 .bl_sec4_link .bl_sec4_text { bottom: 21px; } 
}

@media screen and (min-width: 1200px) { 
  .bl_catch .bl_catch_img.bl_catch_img__01 { top: 198px; left: 99px; width: 40.4943px; } 
  .bl_catch .bl_catch_img.bl_catch_img__02 { top: 85px; left: 167px; width: 87.8201px; } 
  .bl_catch .bl_catch_img.bl_catch_img__03 { top: 138px; left: 913px; width: 146.6521px; } 
  .bl_sec2 .bl_sec2_imgFloat.bl_sec2_imgFloat__01 { bottom: 57px; left: 439px; width: 45.2203px; } 
  .bl_sec2 .bl_sec2_item { width: 204.7px; } 
  .bl_sec2 .bl_sec2_img { margin-bottom: 41px; } 
  .bl_sec3 { -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; height: 484px; margin: 0 auto 98px; background-repeat: no-repeat; background-size: contain; } .bl_sec3::before, .bl_sec3::after { display: block; position: absolute; content: ""; }
  .bl_sec3::before { top: 0px; left: 0px; width: 70px; height: 484px; background-image: url(/images/sec_03_bg_01_left.png); }
  .bl_sec3::after { right: 0px; bottom: 0px; width: 135px; height: 484px; background-image: url(/images/sec_03_bg_01_right.png); } 
  .bl_sec3 .bl_sec3_inner { position: relative; width: 1200px; height: 484px; padding-top: 144px; background-image: url(/images/sec_03_bg_01_cnr.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } 
  .bl_sec3 .bl_sec3_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; right: 3.7%; bottom: 11%; align-items: center; justify-content: center; width: 169px; height: 73px; background: url(/images/sec_03_bgSp_02.png)no-repeat; background-size: contain; font-size: 16px; font-size: 1.6rem; } 
}

@media screen and (min-width: 751px) and (max-width: 1199px) { 
  .bl_catch .bl_catch_img.bl_catch_img__01 { top: 198px; left: 8%; width: 40.4943px; } 
  .bl_catch .bl_catch_img.bl_catch_img__02 { top: 85px; left: 14%; width: 87.8201px; } 
  .bl_catch .bl_catch_img.bl_catch_img__03 { top: 138px; left: 76%; width: 146.6521px; } 
  .bl_sec2 .bl_sec2_imgFloat.bl_sec2_imgFloat__01 { bottom: 57px; left: 37%; width: 45.2203px; } 
  .bl_sec2 .bl_sec2_item { width: 17vw; } 
  .bl_sec2 .bl_sec2_img { width: 17vw; height: 17vw; margin-bottom: 41px; } 
  .bl_sec3 { -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; width: 100%; height: 40vw; margin: 0 auto 98px; background-image: url(/images/sec_03_bg_01.png); background-size: cover; } 
  .bl_sec3 .bl_sec3_ttl { margin: 0 auto 7%; } 
  .bl_sec3 .bl_sec3_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; right: 3.7%; bottom: 11%; align-items: center; justify-content: center; width: 169px; width: 14vw; height: 73px; height: 6vw; background: url(/images/sec_03_bgSp_02.png)no-repeat; background-size: contain; font-size: 16px; font-size: 1.6rem; } 
}

@media screen and (min-width: 751px) and (max-width: 1200px) { 
  .bl_catch .bl_catch_img.bl_catch_img__04 { bottom: 10px; left: 60%; } 
  .bl_catch .bl_catch_img.bl_catch_img__05 { bottom: 79px; left: 25%; } 
  .bl_sec2 .bl_sec2_imgFloat.bl_sec2_imgFloat__02 { bottom: 0px; left: 43%; width: 68.9179px; } 
  .bl_sec2 .bl_sec2_imgFloat.bl_sec2_imgFloat__03 { bottom: 80px; left: 72%; width: 98.4872px; } 
  .bl_sec2 .bl_sec2_link { width: 17vw; } 
  .bl_sec3 .bl_sec3_lists { max-width: 708px; } 
  .bl_sec3 .bl_sec3_time { margin-right: 6%; line-height: 1.6; } 
  .bl_sec3 .bl_sec3_text { min-width: 200px; } 
}

@media screen and (min-width: 1201px) { 
  .bl_sec3 .bl_sec3_time { line-height: 1.6; } 
  .bl_sec3 .bl_sec3_text { min-width: 300px; } 
}