/* adaptation
----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1160px) {
  
  .bk_001 {
    min-width: 980px; padding: 0px 0px 62px 0px;
  }
  .bk_002 > .a_001 {
    width: 980px; height: 130px;
  }
  .bk_003 {
    width: 220px; height: 110px; top: 10px; left: 5px;
  }
  .bk_004 {
    padding: 5px 0px 5px 0px; right: 5px; bottom: 10px;
  }
  .bk_004 > a, .bk_004 > span {
    margin: 0px 0px 0px 18px; font: normal 20px/24px 'tahoma';
  }
  .bk_005 {
    height: 60px;
  }
  .bk_006 {
    width: 980px;
  }
  .bk_006 > .a_001 {
    width: 40px; height: 40px; top: 10px; left: 5px;
  }
  .bk_006 > .a_002 {
    left: 55px; right: 55px; bottom: 10px; font: normal 12px/16px 'arial';
  }
  .bk_007 {
    width: 980px; padding: 0px 0px 10px 0px;
  }
  .bk_008 {
    width: 980px;
  }
  .bk_009 {
    width: 280px; height: 165px; margin: 5px 375px 5px 15px;
  }
  .bk_009 > a {
    width: 660px; padding: 20px 10px 20px 300px; top: 10px; left: -10px; font: bold 17px/22px 'arial';
  }
  .bk_010 {
    height: 40px; margin: 10px 5px 0px 5px;
  }
  .bk_011 {
    margin: 10px 5px 0px 5px;
  }
  .bk_011 > h1 {
    width: 660px; padding: 10px; font: bold 20px/26px 'arial';
  }
  .bk_011 > .a_001 {
    width: 480px; height: 242px; margin: 10px 0px 0px 10px;
  }
  .bk_011 > .a_002 {
    width: 170px; margin: 0px 0px -10px 0px; padding: 0px 0px 10px 0px;
  }
  .bk_011 > .a_002 > .b_001 {
    width: 150px; margin: 10px 0px 0px 10px;
  }
  .bk_012 {
    height: 40px; margin: 10px 0px 0px 0px;
  }
  .bk_012 > .a_001 {
    height: 40px; margin: 0px 5px 0px 5px;
  }
  .bk_013 {
    width: 325px; height: 167px; margin: 5px;
  }
  .bk_013 > a {
    padding: 10px; font: bold 18px/24px 'arial';
  }
  .bk_015 {
    margin: 10px 5px 0px 5px;
  }
  .bk_016 {
    margin: 10px 5px 0px 5px;
  }
  .bk_016 > .a_001 {
    width: 93px; margin: 0px 10px 0px 0px;
  }
  .bk_016 > .a_001:last-child {
    margin: 0px 0px 0px 1px;
  }
  .bk_017 {
    margin: 10px 5px 0px 5px;
  }
  .bk_018 {
    margin: 6px auto 0px auto;
  }
  .bk_018 > span {
    margin: 0px 0px 6px 0px;
  }
  .bk_019 {
    margin: 10px 5px 0px 5px; box-shadow: 0px 0px 5px #777;
  }
  
  .ea_001 {
    width: 40px; height: 40px; margin-left: 445px; bottom: 10px; border-radius: 20px;
  }
  
  .or_001_001 {
    width: 670px; padding: 0px 0px 10px 0px;
  }
  .or_001_002 {
    width: 310px; padding: 0px 0px 10px 0px;
  }
  .or_003_001, .or_003_002, .or_003_003 {
    background-size: 90px;
  }
  .or_004_001, .or_004_002, .or_004_003 {
    background-size: 220px;
  }
  
}
@media screen and (max-width: 1000px) {
  
  .bk_001 {
    min-width: 620px; padding: 50px 0px 62px 0px;
  }
  .bk_002 {
    position: fixed; height: 50px; top: 0px; left: 0px; right: 0px; z-index: 2; background: #000; box-shadow: 0px 0px 5px #000;
  }
  .bk_002 > .a_001 {
    width: 620px; height: inherit;
  }
  .bk_003 {
    width: 167px; height: 50px; top: 0px;
  }
  .bk_004 {
    display: none;
  }
  .bk_006 {
    width: 620px;
  }
  .bk_006 > .a_001 {
    display: none;
  }
  .bk_006 > .a_002 {
    left: 5px; right: 5px;
  }
  .bk_007, .bk_008 {
    width: 620px;
  }
  .bk_008 > .a_001 {
    position: relative; float: none;
  }
  .bk_009 {
    float: none; width: 610px; height: 280px; margin: 10px 5px 0px 5px; background: #000;
  }
  .bk_009 > a {
    width: auto; height: auto; padding: 10px; top: auto; left: 0px; right: 0px; bottom: 0px; font: bold 18px/24px 'arial'; color: #fff;
    z-index: 1; background: rgba(0, 0, 0, 0.6);
  }
  .bk_009:hover > a {
    color: #fff;
  }
  .bk_009 > .a_001 {
    opacity: 0.6;
  }
  .bk_010 {
    margin: 5px;
  }
  .bk_011 > h1 {
    width: 610px;
  }
  .bk_011 > .a_001 {
    width: 440px; height: 224px;
  }
  .bk_011 > .a_002 {
    width: 160px;
  }
  .bk_011 > .a_002 > .b_001 {
    width: 140px; height: 68px;
  }
  .bk_013 {
    width: 300px; height: 160px; margin: 10px 5px 0px 5px;
  }
  .bk_013 > a:hover {
    color: #fff;
  }
  .bk_014 p, .bk_014 ol, .bk_014 ul {
    margin: 10px 10px 0px 10px;
  }
  .bk_015 {
    float: left; margin: 5px 5px 0px 5px;
  }
  .bk_016 {
    display: flex; width: 610px; height: 40px; margin: 10px auto 0px auto;
  }
  .bk_016 > .a_001 {
    float: none; flex-grow: 1; width: auto;
  }
  .bk_016 > .a_001:last-child {
    margin: 0px;
  }
  .bk_017 {
    float: left; margin: 5px 5px 0px 5px;
  }
  
  .ea_001 {
    width: 30px; height: 30px; margin-left: 235px; top: 10px; bottom: auto; border-radius: 15px; background-color: #fff !important;
    background-size: 40px; box-shadow: none;
  }
  
  .or_001_001 {
    width: 620px;
  }
  .or_001_002 {
    width: 620px; margin: -10px 0px 0px 0px;
  }
  .or_002_001 {
    margin: 0px; padding: 0px 0px 5px 0px;
  }
  
}
@media screen and (max-width: 640px) {
  
  .bk_001 {
    min-width: 100%; padding: 50px 0px 60px 0px;
  }
  .bk_005 {
    padding: 0px; background: #000;
  }
  .bk_005:before {
    display: none;
  }
  .bk_006 {
    width: auto; background: #000;
  }
  .bk_007, .bk_008 {
    width: auto;
  }
  .bk_009 {
    width: auto; height: 43vw;
  }
  .bk_011 {
    margin: 10px 0px 0px 0px;
  }
  .bk_011 > h1 {
    float: none; width: auto; padding: 0px 5px 10px 5px; font: bold 18px/24px 'arial'; background: #f0f0f0;
  }
  .bk_011 > .a_001 {
    float: none; width: auto; height: 43vw; margin: 10px 5px 10px 5px;
  }
  .bk_011 > .a_002 {
    display: none;
  }
  .bk_013 {
    float: none; width: auto; height: 43vw;
  }
  .bk_014 p, .bk_014 ol, .bk_014 ul {
    margin: 10px 5px 0px 5px;
  }
  .bk_015 {
    position: absolute; float: none; margin: 0px; margin-left: -150px; left: 50%; bottom: 12px;
  }
  .bk_016 {
    position: relative; width: auto; margin: 0px auto; padding: 10px 5px 0px 5px; z-index: 1;
  }
  .bk_017 {
    float: none; margin: 10px auto 0px auto;
  }
  
  .ea_001 {
    margin-left: auto; left: auto; right: 45px;
  }
  .ea_002 {
    margin-left: auto; left: auto; right: 5px;
  }
  .ea_004 {
    margin-left: 0px; left: 0px;
  }
  
  .or_001_001 {
    width: auto;
  }
  .or_001_002 {
    position: relative; width: auto; margin: -5px 0px 0px 0px; padding: 0px 0px 272px 0px; background: #000; box-shadow: 0px 0px 5px #000;
  }
  .or_001_002:before {
    content: ''; position: absolute; height: 2px; left: 5px; right: 5px; bottom: 0px; z-index: 1; background: #666;
  }
  .or_004_001, .or_004_002, .or_004_003 {
    background-size: 200px;
  }
  
}
@media screen and (max-width: 500px) {
  
  .bk_012 {
    height: 60px;
  }
  .bk_012 > .a_001 {
    height: 60px;
  }
  
  .or_004_001 {
    background: url(../png/004.png) #3b5999 center center no-repeat; background-size: 80px;
  }
  .or_004_002 {
    background: url(../png/005.png) #507298 center center no-repeat; background-size: 80px;
  }
  .or_004_003 {
    background: url(../png/011.png) #ee8208 center center no-repeat; background-size: 80px;
  }
  
}
@media screen and (max-width: 440px) {
  
  .bk_009 {
    background: none;
  }
  .bk_009 > a {
    top: 0px; background: rgba(0, 0, 0, 0.6);
  }
  .bk_009 > .a_001 {
    opacity: 1;
  }
  
}