@charset "UTF-8";


/* ====================================================
Media Quary
==================================================== */
@media screen and (min-width: 768px) {
  .mbpc-0 {
    margin-bottom: 0px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-0 {
    margin-bottom: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-1 {
    margin-bottom: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-1 {
    margin-bottom: 1px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-2 {
    margin-bottom: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-2 {
    margin-bottom: 2px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-3 {
    margin-bottom: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-3 {
    margin-bottom: 3px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-4 {
    margin-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-4 {
    margin-bottom: 4px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-5 {
    margin-bottom: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-5 {
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-6 {
    margin-bottom: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-6 {
    margin-bottom: 6px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-7 {
    margin-bottom: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-7 {
    margin-bottom: 7px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-8 {
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-8 {
    margin-bottom: 8px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-9 {
    margin-bottom: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-9 {
    margin-bottom: 9px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-10 {
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-10 {
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-11 {
    margin-bottom: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-11 {
    margin-bottom: 11px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-12 {
    margin-bottom: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-12 {
    margin-bottom: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-13 {
    margin-bottom: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-13 {
    margin-bottom: 13px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-14 {
    margin-bottom: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-14 {
    margin-bottom: 14px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-15 {
    margin-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-15 {
    margin-bottom: 15px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-16 {
    margin-bottom: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-16 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-17 {
    margin-bottom: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-17 {
    margin-bottom: 17px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-18 {
    margin-bottom: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-18 {
    margin-bottom: 18px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-19 {
    margin-bottom: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-19 {
    margin-bottom: 19px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-20 {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-20 {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-21 {
    margin-bottom: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-21 {
    margin-bottom: 21px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-22 {
    margin-bottom: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-22 {
    margin-bottom: 22px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-23 {
    margin-bottom: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-23 {
    margin-bottom: 23px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-24 {
    margin-bottom: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-24 {
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-25 {
    margin-bottom: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-25 {
    margin-bottom: 25px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-26 {
    margin-bottom: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-26 {
    margin-bottom: 26px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-27 {
    margin-bottom: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-27 {
    margin-bottom: 27px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-28 {
    margin-bottom: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-28 {
    margin-bottom: 28px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-29 {
    margin-bottom: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-29 {
    margin-bottom: 29px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-30 {
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-30 {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-31 {
    margin-bottom: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-31 {
    margin-bottom: 31px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-32 {
    margin-bottom: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-32 {
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-33 {
    margin-bottom: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-33 {
    margin-bottom: 33px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-34 {
    margin-bottom: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-34 {
    margin-bottom: 34px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-35 {
    margin-bottom: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-35 {
    margin-bottom: 35px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-36 {
    margin-bottom: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-36 {
    margin-bottom: 36px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-37 {
    margin-bottom: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-37 {
    margin-bottom: 37px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-38 {
    margin-bottom: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-38 {
    margin-bottom: 38px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-39 {
    margin-bottom: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-39 {
    margin-bottom: 39px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-40 {
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-40 {
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-41 {
    margin-bottom: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-41 {
    margin-bottom: 41px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-42 {
    margin-bottom: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-42 {
    margin-bottom: 42px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-43 {
    margin-bottom: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-43 {
    margin-bottom: 43px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-44 {
    margin-bottom: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-44 {
    margin-bottom: 44px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-45 {
    margin-bottom: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-45 {
    margin-bottom: 45px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-46 {
    margin-bottom: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-46 {
    margin-bottom: 46px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-47 {
    margin-bottom: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-47 {
    margin-bottom: 47px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-48 {
    margin-bottom: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-48 {
    margin-bottom: 48px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-49 {
    margin-bottom: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-49 {
    margin-bottom: 49px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-50 {
    margin-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-50 {
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-51 {
    margin-bottom: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-51 {
    margin-bottom: 51px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-52 {
    margin-bottom: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-52 {
    margin-bottom: 52px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-53 {
    margin-bottom: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-53 {
    margin-bottom: 53px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-54 {
    margin-bottom: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-54 {
    margin-bottom: 54px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-55 {
    margin-bottom: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-55 {
    margin-bottom: 55px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-56 {
    margin-bottom: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-56 {
    margin-bottom: 56px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-57 {
    margin-bottom: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-57 {
    margin-bottom: 57px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-58 {
    margin-bottom: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-58 {
    margin-bottom: 58px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-59 {
    margin-bottom: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-59 {
    margin-bottom: 59px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-60 {
    margin-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-60 {
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-61 {
    margin-bottom: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-61 {
    margin-bottom: 61px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-62 {
    margin-bottom: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-62 {
    margin-bottom: 62px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-63 {
    margin-bottom: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-63 {
    margin-bottom: 63px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-64 {
    margin-bottom: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-64 {
    margin-bottom: 64px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-65 {
    margin-bottom: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-65 {
    margin-bottom: 65px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-66 {
    margin-bottom: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-66 {
    margin-bottom: 66px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-67 {
    margin-bottom: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-67 {
    margin-bottom: 67px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-68 {
    margin-bottom: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-68 {
    margin-bottom: 68px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-69 {
    margin-bottom: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-69 {
    margin-bottom: 69px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-70 {
    margin-bottom: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-70 {
    margin-bottom: 70px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-71 {
    margin-bottom: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-71 {
    margin-bottom: 71px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-72 {
    margin-bottom: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-72 {
    margin-bottom: 72px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-73 {
    margin-bottom: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-73 {
    margin-bottom: 73px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-74 {
    margin-bottom: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-74 {
    margin-bottom: 74px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-75 {
    margin-bottom: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-75 {
    margin-bottom: 75px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-76 {
    margin-bottom: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-76 {
    margin-bottom: 76px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-77 {
    margin-bottom: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-77 {
    margin-bottom: 77px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-78 {
    margin-bottom: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-78 {
    margin-bottom: 78px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-79 {
    margin-bottom: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-79 {
    margin-bottom: 79px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-80 {
    margin-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-80 {
    margin-bottom: 80px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-81 {
    margin-bottom: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-81 {
    margin-bottom: 81px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-82 {
    margin-bottom: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-82 {
    margin-bottom: 82px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-83 {
    margin-bottom: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-83 {
    margin-bottom: 83px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-84 {
    margin-bottom: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-84 {
    margin-bottom: 84px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-85 {
    margin-bottom: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-85 {
    margin-bottom: 85px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-86 {
    margin-bottom: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-86 {
    margin-bottom: 86px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-87 {
    margin-bottom: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-87 {
    margin-bottom: 87px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-88 {
    margin-bottom: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-88 {
    margin-bottom: 88px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-89 {
    margin-bottom: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-89 {
    margin-bottom: 89px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-90 {
    margin-bottom: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-90 {
    margin-bottom: 90px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-91 {
    margin-bottom: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-91 {
    margin-bottom: 91px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-92 {
    margin-bottom: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-92 {
    margin-bottom: 92px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-93 {
    margin-bottom: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-93 {
    margin-bottom: 93px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-94 {
    margin-bottom: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-94 {
    margin-bottom: 94px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-95 {
    margin-bottom: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-95 {
    margin-bottom: 95px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-96 {
    margin-bottom: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-96 {
    margin-bottom: 96px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-97 {
    margin-bottom: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-97 {
    margin-bottom: 97px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-98 {
    margin-bottom: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-98 {
    margin-bottom: 98px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-99 {
    margin-bottom: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-99 {
    margin-bottom: 99px !important;
  }
}

@media screen and (min-width: 768px) {
  .mbpc-100 {
    margin-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-100 {
    margin-bottom: 100px !important;
  }
}

.mb0 {
  margin-bottom: 0 !important;
}

body {
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.4;
}


/*  ----------------------------------------------- */
/* ヘッダー
 * ----------------------------------------------- */

#header {
  /*position: relative;*/
		position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
}

#header.fixed {
  position: fixed;
}

@media screen and (max-width: 1023px) {
  #header {
    padding: 12px 15px;
  }
}

#header .header-title {
  padding-left: 30px;
}

@media screen and (max-width: 1023px) {
  #header .header-title {
    padding-left: 10px;
  }
}

@media screen and (max-width: 1200px) {
  #header .logo-ttl img {
    width: 280px;
  }
}

@media screen and (max-width: 1023px) {
  #header .logo-ttl img {
    width: 240px;
  }
}

@media screen and (max-width: 479px) {
  #header .logo-ttl img {
    width: 240px;
  }
}

#header .nav-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1023px) {
  #header .nav-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    padding: 50px 20px 0;
    overflow-y: scroll;
    background: #0071bc;
  }
  #header .nav-menu.stay {
    display: block;
  }
}


#header .nav-menu .show-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media screen and (max-width: 1023px) {
  #header .nav-menu .show-menu {
    display: block;
  }
}

#header .nav-menu .show-menu > .item {
  padding: 25px 15px;
  position: relative;
}

@media screen and (max-width: 1439px) {
  #header .nav-menu .show-menu > .item {
    padding: 20px 8px 20px;
  }
}

#header .nav-menu .show-menu > .item .ico-js {
  display: none;
}

@media screen and (max-width: 1023px) {
  #header .nav-menu .show-menu > .item {
    border-bottom: 1px solid #ccc;
    position: relative;
  }
  #header .nav-menu .show-menu > .item:after {
    content: '>';
    position: absolute;
    color: #FFFFFF;
    font-size: 28px;
    top: 12px;
    right: 9px;
  }
  #header .nav-menu .show-menu > .item.item-hassub:after {
    content: none;
  }
  #header .nav-menu .show-menu > .item.item-hassub .ico-js {
    position: absolute;
    color: #FFFFFF;
    font-size: 28px;
    top: 12px;
    right: 9px;
    display: block;
  }
  #header .nav-menu .show-menu > .item.item-hassub .ico-js .minus {
    display: none;
  }
  #header .nav-menu .show-menu > .item.item-hassub .ico-js.open .plus {
    display: none;
  }
  #header .nav-menu .show-menu > .item.item-hassub .ico-js.open .minus {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  #header .nav-menu .show-menu > .item {
    padding: 20px 6px 15px;
  }
}

@media screen and (min-width: 1024px) {
  #header .nav-menu .show-menu > .item:after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: -1px;
    left: 5px;
    height: 4px;
    background: #6699ff;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
  }
}

#header .nav-menu .show-menu > .item:hover {
  opacity: 1;
}

@media screen and (min-width: 1024px) {
  #header .nav-menu .show-menu > .item:hover:after {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@media screen and (min-width: 1024px) {
  #header .nav-menu .show-menu > .item:hover .list-menusub {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    -webkit-transform: translateX(-50%) scale(1, 1);
        -ms-transform: translateX(-50%) scale(1, 1);
            transform: translateX(-50%) scale(1, 1);
  }
}

@media screen and (min-width: 1024px) {
  #header .nav-menu .show-menu > .item.stay a {
    position: relative;
  }
  #header .nav-menu .show-menu > .item.stay a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -8px;
    left: 0;
    height: 4px;
    background: #999999;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
  }
}

#header .nav-menu .show-menu > .item > a {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.06;
  color: #323333;
  padding: 0 0;
}

@media screen and (max-width: 1023px) {
  #header .nav-menu .show-menu > .item > a {
    text-align: center;
    position: relative;
    color: #FFFFFF;
    font-size: 21px;
  }
}

@media screen and (min-width: 1024px) {

/*#header .nav-menu .show-menu > .item > a {
  font-size: 15px;
}*/

  #header .nav-menu .show-menu .list-menusub {
    position: absolute;
    top: 100%;
    left: 50%;
    right: auto;
    margin: 0 auto;
    -webkit-transform: translateX(-50%) scale(1, 0);
        -ms-transform: translateX(-50%) scale(1, 0);
            transform: translateX(-50%) scale(1, 0);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    background: rgba(204, 204, 204, 0.75);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }
}

@media screen and (max-width: 1023px) {
  #header .nav-menu .show-menu .list-menusub {
    padding: 0px 25px 4px;
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
            transform: scale(1, 0);
    height: 0;
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
    -webkit-transition: opacity 0.25s ease-in, height 0.5s ease-in, -webkit-transform 0.25s ease-in;
    transition: opacity 0.25s ease-in, height 0.5s ease-in, -webkit-transform 0.25s ease-in;
    -o-transition: opacity 0.25s ease-in, transform 0.25s ease-in, height 0.5s ease-in;
    transition: opacity 0.25s ease-in, transform 0.25s ease-in, height 0.5s ease-in;
    transition: opacity 0.25s ease-in, transform 0.25s ease-in, height 0.5s ease-in, -webkit-transform 0.25s ease-in;
  }
  #header .nav-menu .show-menu .list-menusub:after {
    content: none;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 17px;
    bottom: 0;
    background: #4194d0;
    left: -40px;
    z-index: 0;
  }
  #header .nav-menu .show-menu .list-menusub.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    height: auto;
    padding-top: 17px;
  }
  #header .nav-menu .show-menu .list-menusub.show:after {
    content: '';
  }
}

#header .nav-menu .show-menu .list-menusub > .itemsub {
  margin-bottom: 2px;
}

@media screen and (max-width: 1023px) {
  #header .nav-menu .show-menu .list-menusub > .itemsub {
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
  }
  #header .nav-menu .show-menu .list-menusub > .itemsub:first-child {
    border-top: 1px solid #FFFFFF;
  }
  #header .nav-menu .show-menu .list-menusub > .itemsub:last-child {
    border-bottom: none;
  }
}

#header .nav-menu .show-menu .list-menusub > .itemsub:last-child {
  margin-bottom: 0;
}

#header .nav-menu .show-menu .list-menusub > .itemsub > a {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  padding: 12px 5px 10px 20px;
  min-width: 240px;
  text-align: left;
  background: #0066cc;
  display: block;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  #header .nav-menu .show-menu .list-menusub > .itemsub > a {
    padding: 10px 0 8px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    min-width: auto;
    background: transparent;
  }
}

#header .nav-menu .list-menufc {
		margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#header .nav-menu .list-menufc .item-fc a {
  height: 65px;
  width: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#header .nav-menu .list-menufc .item-fc--en a {
  background: #9394c4;
}

#header .nav-menu .list-menufc .item-fc--contact a {
  background: #3461ac;
}

#header .nav-menu .list-menufc .item-fc--search {
  position: relative;
}

#header .nav-menu .list-menufc .item-fc--search .item-fcsub {
  position: absolute;
  top: 100%;
  background: rgba(204, 204, 204, 0.75);
  width: 100vw;
  right: 0;
  text-align: right;
  min-height: 67px;
  padding: 19px 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: scale(1, 0);
      -ms-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

#header .nav-menu .list-menufc .item-fc--search:hover .item-fcsub {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}

#header .nav-menu .list-menufc .item-fc--search a {
  background: #303263;
}

#header .mobile-icon {
  width: 44px;
  height: 26px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 12;
  display: none;
}

@media screen and (max-width: 1023px) {
  #header .mobile-icon {
    display: block;
  }
}

#header .mobile-icon span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 100%;
  height: 4px;
  background: #6699cc;
  border-radius: 20px;
}

#header .mobile-icon span:before, #header .mobile-icon span:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #6699cc;
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  border-radius: 20px;
}

#header .mobile-icon span:before {
  -webkit-transform: translateY(-250%);
  -ms-transform: translateY(-250%);
      transform: translateY(-250%);
  top: 0px;
}

#header .mobile-icon span:after {
  -webkit-transform: translateY(250%);
  -ms-transform: translateY(250%);
      transform: translateY(250%);
  bottom: -1px;
}

#header .mobile-icon.mobile-close {
  right: 9px;
  top: calc(50% + 5px);
}

#header .mobile-icon.mobile-close span {
  background-color: transparent;
}

#header .mobile-icon.mobile-close span:before, #header .mobile-icon.mobile-close span:after {
  width: 100%;
  background: #FFFFFF;
}

#header .mobile-icon.mobile-close span:before {
  -webkit-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
      transform: translateY(0) rotate(45deg);
  top: 2px;
}

#header .mobile-icon.mobile-close span:after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
      transform: translateY(0) rotate(-45deg);
  bottom: -2px;
}

/* ------------------------------
　　ヘッダー
------------------------------ */

.header-wrap {
	height: 60px;
}

.header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 60px;
	background: #FFF;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	        box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
	z-index: 10000;
}

.header-item-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 20px;
}

.header-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
}

.header-item-nav {
	position: relative;
	height: 100%;
	margin-left: auto;
	font-size: 18px;
}

@media (max-width: 1023px) {
	.header {
		position: fixed;
	}
}

/* ------------------------------
　　検索フォーム form-search
------------------------------ */

.form-search {
  width: 30vw;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  max-width: 100%;
}

.form-search .fr-search, .form-search .btn-search {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

.form-search .fr-search::-ms-expand, .form-search .btn-search::-ms-expand {
  display: none;
}

.form-search .fr-search {
  font-size: 16px;
  color: #323333;
  width: calc(50vw - 42px);
  background: #FFFFFF;
  padding: 10px 15px;
  border: none;
  max-width: calc(100% - 42px);
}

.form-search .btn-search {
  background: #2262ab;
  min-width: 42px;
  border: none;
}

.form-search--bd {
  border: 1px solid #333333;
}

.form-search01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 100%;
  border: 1px solid #333333;
}

.form-search01 .fr-search01, .form-search01 .btn-search01 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

.form-search01 .fr-search01::-ms-expand, .form-search01 .btn-search01::-ms-expand {
  display: none;
}

.form-search01 .fr-search01 {
  font-size: 16px;
  color: #323333;
  background: #FFFFFF;
  padding: 15px 15px;
  border: none;
  width: calc(100% - 54px);
}

.form-search01 .btn-search01 {
  background: #2262ab;
  min-width: 54px;
  border: none;
}





/*  ----------------------------------------------- */
/* main-nav ※PC用グローバルナビ
 * ----------------------------------------------- */

.main-nav li {
 font-size: 13px;
	line-height: 1;
 color: #333;
 font-family: sans-serif;
 font-weight: 400;
	margin-bottom: 0px;
	position: relative;
}

@media print,(min-width: 768px) {
 .main-nav {
  height: auto !important;
  display: block !important;
 }

 .main-nav .nav-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
 }

.navbar li a:hover,
.navbar li a:focus,
.navbar li a:active {
	color: #FFF;
	text-decoration: none;
	background: #334455;
}

 .main-nav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
 }

 .main-nav li {
  padding: 0px 5px;
  border-bottom: 2px solid transparent;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
		position: relative;
		float: left;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		place-items: center;
		vertical-align: middle;
 }

	.main-nav li a {
		/* 一階層目のリンクのみ */
		padding: 0;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		-webkit-transition: border .25s ease-out;
		        transition: border .25s ease-out;
	}
	.main-nav li a:hover,
	.main-nav li a:focus,
	.main-nav li a:active {
		color: #333;
		background: transparent;
	}
	
	.header-stack .main-nav li a {
		display: block;
		padding: 10px 10px 0px;
		font-size: 14px;
	}

 .main-nav li > a {
		padding: 10px 15px 6px;
  position: relative;
  min-width: 20px;
  text-decoration: none;
 }

 /*.main-nav li > a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 25px;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #CCC;
 }*/

 .main-nav li:hover {
  border-bottom-color: #6EA2F5;
 }

	.main-nav li.stay a {
	padding-bottom: 15px;
	border-bottom: 1px solid transparent;
 border-bottom-color: #BEC5CF;
}

 .main-nav .button.is-contact {
  margin-left: 4px;
  text-decoration: none;
 }
	
	
	.main-nav li ul {
		/* 二階層目 */
		position: absolute;
		top: 100%;
		left: 0;
		display: none;
		min-width: 240px;
	}
	.main-nav li li {
		margin: 0;
	}
	.header-stack .main-nav li li {
		display: block;
		border: 0;
	}
		.main-nav li.stay a.btn-attention {
		border: 0;
	}
	.main-nav li:hover ul {
		/* 二階層目 */
		z-index: 10000;
		display: block;
		-webkit-animation: .8s fade-in;
		        animation: .8s fade-in;
	}

	.main-nav li:hover a.btn-attention {
		border: 0;
	}
	.main-nav li:hover li a {
		border: 0;
	}
	.main-nav li li {
		/* 二階層目以降 */
		display: block;
		float: none;
		text-align: left;
		background: #12A5D9;
		border: 0;
		border-top: 1px solid #0E2C82;
	}
	.main-nav li li:first-child {
		border: 0;
	}
	.main-nav li li a {
		color: #FFF;
		border: 0;
		display: block;
		padding: 1px;
	}
	.main-nav li li a:hover {
		color: #FFF;
		background: #084B70;
		border: 0;
	}
}

 .main-nav li li > a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0px;
  height: 0px;
 }


@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
 .main-nav li > a {
  padding: 6px 14px 6px;
 }

 .main-nav .menu-child a {
  padding: 20px 16px 15px 0;
 }
}

@media only screen and (max-width: 767px) {
 .main-nav {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
 }

 .main-nav .nav-wrapper {
  height: auto;
  /*background-color: #fff;*/
		padding: 0 14px 5px;
  max-height: calc(100% - 75px);
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
 }

 .main-nav li > a {
  border-top: 1px solid #333;
  padding: 8px 10px 8px;
 }

 .main-nav li:last-child > a {
  border-bottom: 1px solid #333;
 }

 .main-nav .button.is-contact {
  margin-top: 5px;
 }
}


@media (min-width: 980px) {
	.header-logo {
		padding: 0;
	}
	.main-nav ul li a {
		font-size: 14px;
		padding: 5px 10px 5px;
	}
}

@media (min-width: 1280px) {
	.main-nav ul li a {
	 padding: 5px 15px 5px;
		font-size: 15px;
	}
}







#footer .footer-top {
  padding: 25px 0 19px;
  border-bottom: 1px solid #ffffff;
}

@media screen and (max-width: 767px) {
  #footer .footer-top {
    display: none;
  }
}

#footer .footer-top .list-menufts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -3px;
}

@media screen and (max-width: 1023px) {
  #footer .footer-top .list-menufts {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#footer .footer-top .list-menufts .item-menufts {
  width: 20%;
  padding: 0 10px;
}

@media screen and (max-width: 1023px) {
  #footer .footer-top .list-menufts .item-menufts {
    width: 33.33%;
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 1024px) {
  #footer .footer-top .list-menufts .item-menufts:nth-child(1) {
    width: 22%;
  }
}

@media screen and (min-width: 1024px) {
  #footer .footer-top .list-menufts .item-menufts:nth-child(2) {
    width: 23.5%;
  }
}

@media screen and (min-width: 1024px) {
  #footer .footer-top .list-menufts .item-menufts:nth-child(3) {
    width: 19.5%;
  }
}

@media screen and (min-width: 1024px) {
  #footer .footer-top .list-menufts .item-menufts:nth-child(4) {
    width: 19.5%;
  }
}

@media screen and (min-width: 1024px) {
  #footer .footer-top .list-menufts .item-menufts:nth-child(5) {
    width: 15.5%;
  }
}

#footer .footer-top .list-menufts .item-menuft {
  margin-bottom: 3px;
  display: inline-block;
  width: 100%;
}

#footer .footer-top .list-menufts .item-menuft > a {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 600;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 11px;
}

#footer .footer-top .list-menufts .item-menuft > a:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url("../img/common/img-arrcicle.png") no-repeat center center;
  background-size: 100%;
  margin-right: 5px;
  display: inline-block;
}

#footer .footer-top .list-menufts .item-menuft .list-menuftsub {
  padding-left: 12px;
}

#footer .footer-top .list-menufts .item-menuft .list-menuftsub a {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #FFFFFF;
}

#footer .footer-top .list-menufts .item-menuft .list-menuftsub a:before {
  content: '▶';
  margin-right: 6px;
  font-size: 8px;
}

#footer .footer-bt {
  padding: 29px 0 18px;
}

@media screen and (max-width: 767px) {
  #footer .footer-bt {
    text-align: center;
    padding: 22px 0 18px;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  #footer .footer-bt .acms-grid .acms-col-md-4 {
    width: 40%;
  }
  #footer .footer-bt .acms-grid .acms-col-md-4.acms-last {
    width: 20%;
  }
}

#footer .footer-bt .txt-solgan {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 11px;
}

@media screen and (max-width: 479px) {
  #footer .footer-bt .txt-solgan {
    font-size: 13px;
  }
}

#footer .footer-bt .txt-addres {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

#footer .txt-s {
  font-size: 11px;
  line-height: 1.2;
		margin-top: 10px;
}


@media screen and (max-width: 479px) {
  #footer .footer-bt .txt-addres {
    font-size: 12px;
  }
}

#footer .footer-bt .logo-ft img {
  margin-bottom: 10px;
}

#footer .footer-bt .tel {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  #footer .footer-bt .tel {
    margin-bottom: 0;
  }
}

#footer .footer-bt .block-inforcollect {
  text-align: center;
}

#footer .footer-bt .block-btncontact {
  margin-bottom: 13px;
}

#footer .footer-bt .listlinkprivacy {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 1023px) {
  #footer .footer-bt .listlinkprivacy {
    font-size: 11px;
  }
}

@media screen and (max-width: 767px) {
  #footer .footer-bt .listlinkprivacy {
    display: none;
  }
}

#footer .footer-bt .listlinkprivacy .item-privacy:first-child a {
  border-left: 1px solid #FFFFFF;
}

#footer .footer-bt .listlinkprivacy .item-privacy a {
  display: inline-block;
  padding: 0 5px;
  border-right: 1px solid #FFFFFF;
}

#footer .footer-bt .block-brandft {
  text-align: right;
  margin-bottom: 26px;
}

#footer .footer-bt .block-brandft a {
  display: inline-block;
}

#footer .footer-bt .block-social {
  text-align: right;
  padding-right: 7px;
}

@media screen and (max-width: 767px) {
  #footer .footer-bt .acms-last {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #footer .footer-bt .acms-wrapsp {
    max-width: 310px;
    margin: 0 auto 19px;
    text-align: left;
  }
}

#footer .footer-copyright {
  font-size: 13px;
  text-align: center;
  background: #1c4b7b;
}

@media screen and (max-width: 479px) {
  #footer .footer-copyright {
    font-size: 11px;
  }
}

#backtop {
  display: inline-block;
  position: fixed;
  bottom: 95px;
  right: 25px;
}

@media screen and (max-width: 767px) {
  #backtop {
    right: 15px;
  }
}

#backtop span {
  width: 60px;
  height: 60px;
  background: url("../img/common/img-backtop.png") no-repeat center center;
  background-size: 100%;
  border-radius: 100px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  #backtop span {
    width: 30px;
    height: 30px;
  }
}

.is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.is-locked body {
  -webkit-overflow-scrolling: auto;
}

.breadcrumb {
  padding: 7px 0;
  background: #E5E5E6;
  margin-bottom: 58px;
}

@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 4px 0;
    margin-bottom: 69px;
  }
}

@media screen and (max-width: 767px) {
  .breadcrumb .acms-container {
    padding: 0 26px;
  }
}

.breadcrumb a, .breadcrumb span {
  font-size: 12px;
  color: #231815;
  line-height: 1.16;
  font-weight: 400;
}

.breadcrumb a {
  position: relative;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .breadcrumb a {
    margin-right: 16px;
  }
}

.breadcrumb a:after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 1px solid #231815;
  border-right: 1px solid #231815;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -12px;
  -webkit-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}

@media screen and (max-width: 767px) {
  .breadcrumb a:after {
    right: -10px;
  }
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

li {
  list-style: none;
}

ul {
  padding: 0;
  margin: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .acms-container {
    padding: 0 30px;
  }
}

.acms-container--935 {
  max-width: 955px;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

a {
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

a:hover {
  opacity: 0.7;
  text-decoration: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  a {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) {
  a[href^="tel"] {
    pointer-events: none;
  }
}







@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (max-width: 1439px) {
  .pc-xl {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .pc-lg {
    display: none !important;
  }
}

@media screen and (max-width: 479px) {
  .pc-sm {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

@media screen and (min-width: 1440px) {
  .sp-xl {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .sp-lg {
    display: none !important;
  }
}

@media screen and (min-width: 480px) {
  .sp-sm {
    display: none !important;
  }
}


.ttl-prod01 {
  font-size: 24px;
  font-weight: 600;
  color: #346;
  line-height: 1.1;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 27px;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1023px) {
.ttl-prod01 {
    font-size: 21px;
  }
}

@media screen and (max-width: 767px) {
.ttl-prod01 {
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 479px) {
.ttl-prod01 {
    font-size: 16px;
  }
}
.ttl-prod01:before {
  width: 100%;
  content: '';
  height: 1px;
  background: #CCC;
  position: absolute;
  bottom: 2px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
@media screen and (max-width: 479px) {
.ttl-prod01:before {
    width: 100%;
  }
}

.ttl-prod01:after {
  content: '';
  width: 50%;
  height: 2px;
  background: #BBB;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.ttl-prod02 {
margin: 20px auto 20px;
text-align: center;
width: 100%;
}

.ttl-prod02 a {
font-size: 24px;
font-weight: 600;
color: #334;
padding: 12px 24px;
letter-spacing: 0.1em;
text-decoration: none;
border-radius: 3px;
border: 1px solid #CCCCCC;
background-color: #EEEEEF;
display: block;
}



@media screen and (max-width: 1023px) {
.ttl-prod02 a {
  font-size: 21px;
  }
}

@media screen and (max-width: 767px) {
.ttl-prod02 {
	margin: 10px 0px 10px;
 }
	.ttl-prod02 a {
	padding: 10px;
	font-size: 19px;
 letter-spacing: 0;
 }
}

@media screen and (max-width: 479px) {
.ttl-prod02 a {
    font-size: 17px;
  }
}

.ttl-prod02 a:active {
	color: #0061D1;
	text-decoration: none;
	background-color: #ABC;
}

.ttl-prod02 a:hover {
background-color: #CCC;
text-decoration: none;
}




.ttl-comp01 {
  text-align: center;
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .ttl-comp01 {
    margin-bottom: 7px;
  }
}

.ttl-comp01:before {
  width: 420px;
  content: '';
  height: 1px;
  background: #999999;
  position: absolute;
  bottom: 1px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

@media screen and (max-width: 479px) {
  .ttl-comp01:before {
    width: 100%;
  }
}

.ttl-comp01:after {
  content: '';
  width: 195px;
  height: 3px;
  background: #0066cc;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.ttl-comp01 .jp {
  font-size: 30px;
  line-height: 1;
  font-weight: 400;
  color: #333333;
  letter-spacing: 0.3em;
  margin-bottom: 1px;
  display: block;
}

@media screen and (max-width: 767px) {
  .ttl-comp01 .jp {
    font-size: 21px;
  }
}

.ttl-comp01 .en {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
  display: block;
}

@media screen and (max-width: 767px) {
  .ttl-comp01 .en {
    font-size: 11px;
  }
}

@media screen and (max-width: 767px) {
  .ttl-comp01 .en.en-sp {
    font-size: 14px;
    line-height: 1.8;
  }
}

.ttl-comp02 {
  font-size: 26px;
  font-weight: 600;
  color: #333333;
  line-height: 1.1;
  text-align: center;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 27px;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1023px) {
  .ttl-comp02 {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .ttl-comp02 {
    font-size: 21px;
    letter-spacing: 0;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 479px) {
  .ttl-comp02 {
    font-size: 18px;
  }
}

.ttl-comp02:before {
  width: 100%;
  content: '';
  height: 1px;
  background: #999999;
  position: absolute;
  bottom: 2px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

@media screen and (max-width: 479px) {
  .ttl-comp02:before {
    width: 100%;
  }
}

.ttl-comp02:after {
  content: '';
  width: 289px;
  height: 4px;
  background: #0066cc;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .ttl-comp02:after {
    width: 185px;
  }
}

.ttl-comp02--small {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 20px;
  padding-bottom: 5px;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .ttl-comp02--small {
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .ttl-comp02--small {
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
}

.ttl-comp02--small:before {
  bottom: 1px;
}

.ttl-comp02--small:after {
  width: 133px;
  height: 3px;
  background: #626395;
}

@media screen and (max-width: 767px) {
  .ttl-comp02--small:after {
    width: 185px;
  }
}

.ttl-comp02--lg {
  font-size: 28px;
}

@media screen and (max-width: 767px) {
  .ttl-comp02--lg {
    font-size: 21px;
  }
}

.ttl-comp02--lg:after {
  background: #9966CC;
}

.ttl-comp02--big {
  font-size: 33px;
  padding-bottom: 19px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .ttl-comp02--big {
    font-size: 22px;
    margin-bottom: 31px;
  }
}

.ttl-comp02--big:before {
  width: 75%;
}

@media screen and (max-width: 767px) {
  .ttl-comp02--big:before {
    width: 100%;
  }
}

.ttl-comp02--bigger {
  font-size: 33px;
  padding-bottom: 19px;
  margin-bottom: 33px;
}

@media screen and (max-width: 767px) {
  .ttl-comp02--bigger {
    font-size: 24px;
    margin-bottom: 18px;
  }
}

.ttl-comp02--bigger:before {
  width: 56%;
}

@media screen and (max-width: 767px) {
  .ttl-comp02--bigger:before {
    width: 100%;
  }
}

.ttl-comp02--smbd {
  padding-bottom: 27px;
  letter-spacing: 0;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .ttl-comp02--smbd {
    font-size: 16px;
    padding-bottom: 12px;
  }
}

.ttl-comp02--smbd:before {
  width: 75%;
}

@media screen and (max-width: 767px) {
  .ttl-comp02--smbd:before {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .ttl-comp02--smbd {
    font-size: 16px;
  }
  .ttl-comp02--smbd br {
    display: none;
  }
}

.ttl-comp03 {
  font-size: 21px;
  line-height: 1.8;
  font-weight: 500;
  color: #333333;
  padding: 8px 22px;
  background: #ECEDED;
  display: block;
  border-bottom: 1px dashed #231815;
  margin-bottom: 26px;
}

@media screen and (max-width: 767px) {
  .ttl-comp03 {
    font-size: 18px;
    padding: 7px 18px;
    margin-bottom: 16px;
  }
}

.ttl-comp03:before {
  content: '◎';
  margin-right: 5px;
}

.txt-basic {
  line-height: 2.0;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .txt-basic {
    font-size: 15px;
    line-height: 1.8;
  }
}

.txt-basic--small {
  font-size: 15px;
  line-height: 1.9;
}

@media screen and (max-width: 767px) {
  .txt-basic--small {
    font-size: 14px;
    line-height: 1.8;
  }
}

.txt-center {
  text-align: center;
}

.txt-right {
  text-align: right;
}

.txt-left {
  text-align: left;
}

.btn-comp01 {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.277;
  color: #333333;
  padding: 10px 10px;
  min-width: 344px;
  background: #FFFFFF;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #666666;
  position: relative;
}

@media screen and (max-width: 767px) {
  .btn-comp01 {
    font-size: 14px;
    min-width: 210px;
    padding: 7px 5px;
  }
}

.btn-comp01:before {
  content: '';
  width: 23px;
  height: 23px;
  background: url("../img/common/img-btnsquare.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  left: 9%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .btn-comp01:before {
    width: 17px;
    height: 17px;
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-right: 5px;
  }
}

.btn-comp01:hover {
  color: #3366CC;
  border-color: #3366CC;
}

.btn-comp01:hover:before {
  background: url("../img/common/img-btnsquarehv.png") no-repeat center center;
  background-size: 100%;
}

.btn-comp02 {
  font-size: 16px;
  font-weight: 400;
  color: #0066CC;
  display: block;
  border: 1px solid #0066CC;
  padding: 5px 7px;
  position: relative;
  background: #FFFFFF;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .btn-comp02 {
    font-size: 13px;
  }
}

.btn-comp02 span {
  min-width: 190px;
  display: inline-block;
  position: relative;
}

@media screen and (max-width: 767px) {
  .btn-comp02 span {
    min-width: 90%;
  }
}

.btn-comp02 span:after {
  content: '';
  width: 15px;
  height: 15px;
  background: url("../img/common/img-arr01.png") no-repeat center center;
  background-size: 100%;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
}

@media screen and (max-width: 767px) {
  .btn-comp02 span:after {
    width: 12px;
    height: 12px;
  }
}

.btn-comp02:hover {
  color: #FFFFFF;
  background: #0066CC;
}

.btn-comp02--lg {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  padding: 10px 10px;
}

@media screen and (max-width: 767px) {
  .btn-comp02--lg {
    font-size: 16px;
  }
}

@media screen and (max-width: 479px) {
  .btn-comp02--lg {
    font-size: 15px;
  }
}

.btn-comp02--lg span {
  min-width: 280px;
}

@media screen and (max-width: 767px) {
  .btn-comp02--lg span {
    min-width: 85%;
  }
}

.btn-comp02--lg span:after {
  width: 22px;
  height: 22px;
}

@media screen and (max-width: 479px) {
  .btn-comp02--lg span:after {
    width: 14px;
    height: 14px;
  }
}

@media screen and (max-width: 767px) {
  .btn-comp02--lgsm {
    font-size: 13px;
    line-height: 1.09;
    padding: 4px 10px;
  }
  .btn-comp02--lgsm span {
    min-width: auto;
  }
  .btn-comp02--lgsm span:after {
    height: 14px;
    width: 14px;
    position: relative;
    margin-left: 10px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    right: auto;
    top: 2px;
  }
}

.btn-comp02--md {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding: 8px 10px;
}

@media screen and (max-width: 767px) {
  .btn-comp02--md {
    font-size: 16px;
  }
}

@media screen and (max-width: 479px) {
  .btn-comp02--md {
    font-size: 15px;
  }
}

.btn-comp02--md span {
  min-width: 212px;
}

@media screen and (max-width: 767px) {
  .btn-comp02--md span {
    min-width: 80%;
  }
}

@media screen and (max-width: 479px) {
  .btn-comp02--md span {
    width: 100%;
  }
}

.btn-comp02--md span:after {
  width: 21px;
  height: 21px;
}

@media screen and (max-width: 767px) {
  .btn-comp02--md span:after {
    width: 18px;
    height: 18px;
  }
}

.btn-comp03 {
  min-width: 180px;
  display: inline-block;
  border-radius: 5px;
  background: #6699FF;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 5px 44px 6px 10px;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
  .btn-comp03 {
    min-width: 125px;
    padding: 5px 31px 6px 10px;
    font-size: 12px;
  }
}

.btn-comp03 span {
  color: #ffffff;
}

.btn-comp03:after {
  content: '';
  height: 18px;
  width: 18px;
  background: url("../img/common/img-arr01.png") no-repeat center center;
  background-size: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 14px;
}

@media screen and (max-width: 767px) {
  .btn-comp03:after {
    height: 14px;
    width: 14px;
    right: 10px;
  }
}

.btn-comp04 {
  font-size: 14px;
  color: #0061AF;
  font-weight: 500;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media screen and (max-width: 767px) {
  .btn-comp04 {
    font-size: 12px;
  }
}

.btn-comp04:hover {
  color: #FFFFFF;
  background: #0066CC !important;
}

.btn-comp04:after {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 5px;
  background: url("../img/common/img-arr01.png") no-repeat center center;
  background-size: 100%;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn-comp04:after {
    position: absolute;
    top: calc(50% - 10px);
  }
}

@media screen and (max-width: 767px) {
  .btn-comp04:after {
    height: 16px;
    width: 16px;
  }
}

.btn-contact {
  font-size: 20px;
  padding: 11px 10px;
  text-align: center;
  font-weight: 600;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .btn-contact {
    max-width: 380px;
    margin: 0 auto;
  }
}

.btn-contact:before {
  content: '';
  width: 30px;
  height: 22px;
  background: url("../img/common/img-contact.png") no-repeat center center;
  background-size: 100%;
  margin-right: 30px;
  display: inline-block;
}

.btn-contact01 {
  font-size: 21px;
  line-height: 1.047;
  color: #3562AD;
  border-color: #3562AD;
  background: #ffffff;
  border-radius: 0;
  max-width: 598px;
  margin: 0 auto;
  padding: 17px 10px;
}

@media screen and (max-width: 767px) {
  .btn-contact01 {
    font-size: 16px;
    padding: 12px 10px;
  }
}

.btn-contact01:before {
  background: url("../img/common/img-contact01.png") no-repeat center center;
  background-size: 100%;
  margin-right: 15px;
}

@media screen and (min-width: 768px) {
  .btn-contact01:before {
    width: 33px;
    height: 24px;
  }
}

.fade-up {
  opacity: 0;
  -webkit-transform: translate(0px, 80px);
      -ms-transform: translate(0px, 80px);
          transform: translate(0px, 80px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s;
}

.fade-up.active {
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  opacity: 1;
}

/* ====================================================
TOP Slick スライダー（トップ用）
==================================================== */

.sec-mv {
  margin-bottom: 80px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .sec-mv {
    margin-bottom: 60px;
  }
}

.sec-mv .ttl-mv {
  font-size: 42px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.619;
  text-shadow: 1px 1px 5px #000033;
  -webkit-animation: fade-in .5s .8s 1 both;
          animation: fade-in .5s .8s 1 both;
}

@media screen and (max-width: 767px) {
  .sec-mv .ttl-mv {
    font-size: 18px;
  }
}

.sec-mv .list-slidemv .item-mv {
  position: relative;
}

.sec-mv .list-slidemv .item-mv .item-mv__txt {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sec-mv .list-slidemv .item-mv__img img {
  width: 100%;
}

.sec-mv .list-slidemv.slick-slider {
  padding: 0;
}

.sec-mv .list-slidemv .slick-dots {
  bottom: 23px;
}

.sec-mv .list-slidemv .slick-dots li button {
  width: 20px;
  height: 20px;
  border-radius: 100px;
}

@media screen and (max-width: 767px) {
  .sec-mv .list-slidemv .slick-dots li button {
    width: 15px;
    height: 15px;
  }
}

.sec-mv .list-slidemv .slick-dots li button:before {
  content: none;
}

.sec-mv .list-slidemv .slick-dots li.slick-active button {
  background: #187fc4;
}


/* ====================================================
ヘッドラインニュース（トップ用）
==================================================== */

.sec-news {
  margin-bottom: 90px;
}

.list-news {
  margin-bottom: 45px;
}

@media screen and (max-width: 767px) {
  .list-news {
    margin-bottom: 26px;
  }
}

.list-news .item-new a {
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 4px 12px;
  background: #ffffff;
  border-bottom: 1px solid #DDDDDD;
}

@media screen and (max-width: 767px) {
  .list-news .item-new a {
    padding: 10px 5px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.list-news .item-new a:hover {
  background: #efeeee;
}

.list-news .item-new a:hover .item-new__des {
  color: #3366cc;
}

.list-news .item-new__des {
  width: calc(100% - 241px);
  padding-left: 27px;
  letter-spacing: 0.05em;
  font-size: 16px;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .list-news .item-new__des {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
    font-size: 14px;
  }
}

.list-news .item-new__time {
  font-size: 13px;
  line-height: 1.1;
  font-weight: 400;
  width: 100px;
		padding: 5px;
  text-align: left;
  letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
  .list-news .item-new__time {
    font-size: 11px;
    width: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.list-news .item-new__cat {
		font-size: 10px;
  line-height: 1.0;
  font-weight: 400;
		color: #FFFFFF;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .list-news .item-new__cat {
    /*width: calc(100% - 70px);*/
    text-align: left;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}


/* TOPページヘッドラインサマリー属性アイコンの色変化　*/

.item-new__cat span {
		width: 110px;
  padding: 5px 5px;
		display: inline-block;
  text-align: center;
		margin: 0 auto;
		}

.item-new__cat span.information {
		border-radius: 3px;
		background: #39C;
}

.item-new__cat span.event {
		border-radius: 3px;
		background: #C49;
}

.item-new__cat span.sales {
		border-radius: 3px;
		background-color: #6666AA;
}

.item-new__cat span.blog {
		border-radius: 3px;
		background-color: #2CA89A;
}

.item-new__cat span.news {
		border-radius: 3px;
		background: #39C;
}

.item-new__cat span.tech-column {
		border-radius: 3px;
		background: #C15F30;
}


@media screen and (max-width: 767px) {
.item-new__cat span {
    font-size: 9px;
    min-width: 90px;
    padding: 4px 4px;
  }
}

/* ニュースブログページサマリー属性アイコンの色変化　*/

.part-cat {
		font-size: 11px;
  line-height: 1.0;
  font-weight: 400;
		color: #FFFFFF;
  text-align: center;
}
.part-cat span {
		width: 140px;
  padding: 6px 4px;
		display: inline-block;
  text-align: center;
		margin: 0 auto;
		}

.part-cat span.information {
		border-radius: 3px;
		background: #39C;
}

.part-cat span.event {
		border-radius: 3px;
		background: #C49;
}

.part-cat span.sales {
		border-radius: 3px;
		background-color: #6666AA;
}

.part-cat span.blog {
		border-radius: 3px;
		background-color: #2CA89A;
}

.part-cat span.news {
		border-radius: 3px;
		background: #39C;
}

.part-cat span.tech-column {
		border-radius: 3px;
		background: #C15F30;
}

@media screen and (max-width: 767px) {
.part-cat {
		font-size: 10px;
  line-height: 1.0;
  font-weight: 400;
		color: #FFFFFF;
  text-align: center;
}
.part-cat span {
		width: 120px;
  padding: 4px 4px;
		}
}



/* ====================================================
商品情報（トップ用）
==================================================== */
.sec-product {
  padding: 48px 0 100px;
  margin-bottom: 90px;
}

@media screen and (min-width: 768px) {
  .sec-product {
    background: url("../img/index/img-bg01.jpg") no-repeat center center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

@media screen and (max-width: 767px) {
  .sec-product {
    padding: 22px 0 56px;
    background: #dae6ff;
    margin-bottom: 71px;
  }
}

.sec-product .txt-des {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .sec-product .txt-des {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 479px) {
  .sec-product .txt-des br {
    display: none;
  }
}

.list-products {
  margin: 0 -17.5px;
}

@media screen and (max-width: 767px) {
  .list-products {
    padding: 0 60px;
    margin: 0;
  }
}

@media screen and (max-width: 479px) {
  .list-products {
    padding: 0 10px;
  }
}

.list-products .item-product {
  padding: 0 30px;
}

@media screen and (max-width: 767px) {
  .list-products .item-product {
    padding: 0;
    margin-bottom: 36px;
  }
  .list-products .item-product:last-child {
    margin-bottom: 0;
  }
}

.list-products .item-product__img {
  position: relative;
  display: block;
  margin-bottom: 18px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .list-products .item-product__img {
    margin-bottom: 14px;
  }
}

.list-products .item-product__img img {
  -webkit-transition: -webkit-transform .4s ease-out .2s;
  transition: -webkit-transform .4s ease-out .2s;
  -o-transition: transform .4s ease-out .2s;
  transition: transform .4s ease-out .2s;
  transition: transform .4s ease-out .2s, -webkit-transform .4s ease-out .2s;
}

/*.list-products .item-product__img:hover img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}*/

.list-products .item-product__img .txt-cat {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 12px 10px;
  background: rgba(0, 102, 204, 0.6);
  text-align: center;
}

@media screen and (max-width: 1023px) {
  .list-products .item-product__img .txt-cat {
    font-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .list-products .item-product__img .txt-cat {
    font-size: 18px;
    line-height: 1.5;
    padding: 10px 5px;
  }
}

.list-products .item-product__attribute {
  padding: 0 15px;
}

.list-products .item-product__attribute .list-attr .item-attr {
  margin-bottom: 11px;
}

@media screen and (max-width: 767px) {
  .list-products .item-product__attribute .list-attr .item-attr {
    margin-bottom: 7px;
  }
}

.list-products .item-product__attribute .list-attr .item-attr:last-child {
  margin-bottom: 0;
}

.list-products .item-product__attribute .list-attr .item-attr a {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  color: #3366CC;
  background: #EEFFFF;
  display: block;
  border-radius: 10px;
  text-align: center;
  padding: 12px 5px;
}

@media screen and (max-width: 1023px) {
  .list-products .item-product__attribute .list-attr .item-attr a {
    font-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .list-products .item-product__attribute .list-attr .item-attr a {
    font-size: 16px;
    padding: 10px 5px;
    border-radius: 8px;
  }
}

.list-products .item-product__attribute .list-attr .item-attr a:hover {
  background: #3366CC;
  color: #FFFFFF;
  opacity: 1;
}

/* ====================================================
会社情報（トップ用）のslickスライダー
==================================================== */

.list-companyprf {
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .list-companyprf {
    margin: 0 auto;
    padding: 0;
  }
}

.list-companyprf .item-companyprf__img {
  margin-bottom: 15px;
}

.list-companyprf .item-companyprf__img:hover {
  opacity: 0.75;
}

@media screen and (max-width: 767px) {
  .list-companyprf .item-companyprf__img {
    margin-bottom: 9px;
  }
}

.list-companyprf .slick-prev, .list-companyprf .slick-next {
  width: 35px;
  height: 35px;
  top: calc(50% + 5px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
}

.list-companyprf .slick-prev::-ms-expand, .list-companyprf .slick-next::-ms-expand {
  display: none;
}

@media screen and (max-width: 767px) {
  .list-companyprf .slick-prev, .list-companyprf .slick-next {
    width: 30px;
    height: 30px;
  }
}

.list-companyprf .slick-next:before, .list-companyprf .slick-prev:before {
  background-image: url("../img/common/img-next.png");
  width: 35px;
  height: 35px;
}

@media screen and (max-width: 767px) {
  .list-companyprf .slick-next:before, .list-companyprf .slick-prev:before {
    width: 30px;
    height: 30px;
  }
}

.list-companyprf .slick-slide {
  padding: 0 12.5px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .list-companyprf .slick-slide {
    padding: 0 8.5px;
  }
}

.list-companyprf .slick-next {
  right: 5px;
}

@media screen and (max-width: 1439px) {
  .list-companyprf .slick-next {
    right: 5px;
  }
}

@media screen and (max-width: 767px) {
  .list-companyprf .slick-next {
    right: -9px;
  }
}

.list-companyprf .slick-prev {
  left: 5px;
}

@media screen and (max-width: 767px) {
  .list-companyprf .slick-prev {
    left: -9px;
  }
}

.list-companyprf .slick-list:before {
  display: none;
}


/* ====================================================
会社情報とCSR情報（詳細ページ用）
==================================================== */

.list-csrbtm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px;
  padding: 0 5px;
}

.list-csrbtm .item-companyprf {
  width: 20%;
  padding: 5px 7px;
}

.list-csrbtm .item-companyprf__img {
  margin-bottom: 15px;
}

.list-csrbtm .item-companyprf__img:hover {
  opacity: 0.75;
}


@media screen and (max-width: 980px) {
.list-csrbtm  {
    margin: 0 auto;
    padding: 10px;
  }
	.list-csrbtm .item-companyprf {
  width: 33.3%;
		margin-bottom: 15px;
}

.list-csrbtm  .item-companyprf__img {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 600px) {
.list-csrbtm .item-companyprf {
  width: 50%;
		padding: 10px;
}
}



/*.list-csrbtm .slick-prev, .list-companyprf .slick-next {
  width: 35px;
  height: 35px;
  top: calc(50% + 5px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
}*/

/*.list-csrbtm  .slick-prev::-ms-expand, .list-companyprf .slick-next::-ms-expand {
  display: none;
}

@media screen and (max-width: 767px) {
  .list-companyprf .slick-prev, .list-companyprf .slick-next {
    width: 30px;
    height: 30px;
  }
}

.list-companyprf .slick-next:before, .list-companyprf .slick-prev:before {
  background-image: url("../img/common/img-next.png");
  width: 35px;
  height: 35px;
}

@media screen and (max-width: 767px) {
  .list-companyprf .slick-next:before, .list-companyprf .slick-prev:before {
    width: 30px;
    height: 30px;
  }
}

.list-companyprf .slick-slide {
  padding: 0 12.5px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .list-companyprf .slick-slide {
    padding: 0 8.5px;
  }
}

.list-companyprf .slick-next {
  right: 5px;
}

@media screen and (max-width: 1439px) {
  .list-companyprf .slick-next {
    right: 5px;
  }
}

@media screen and (max-width: 767px) {
  .list-companyprf .slick-next {
    right: -9px;
  }
}

.list-companyprf .slick-prev {
  left: 5px;
}

@media screen and (max-width: 767px) {
  .list-companyprf .slick-prev {
    left: -9px;
  }
}

.list-companyprf .slick-list:before {
  display: none;
}*/

/* ====================================================
会社情報（トップ用）
==================================================== */

.sec-companyprofile {
  margin-bottom: 80px;
}

.sec-companyprofile .txt-des {
  margin-bottom: 10px;
}

@media screen and (max-width: 479px) {
  .sec-companyprofile .txt-des br.sp {
    display: none;
  }
}

/*.sec-mvpage {
  padding: 120px 0 102px;
  background: url(/img/product/entry/img-bgmv.jpg) no-repeat center center;
  background-size: cover;
}*/

/*@media screen and (max-width: 767px) {
  .sec-mvpage {
    padding: 42px 0 30px;
  }
}*/

.sec-mvpage .ttl-mvpage {
  line-height: 1;
  color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .sec-mvpage .ttl-mvpage {
    line-height: 0.8;
  }
}

.sec-mvpage .ttl-mvpage .jp {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
}

@media screen and (max-width: 767px) {
  .sec-mvpage .ttl-mvpage .jp {
    font-size: 28px;
  }
}

.sec-mvpage .ttl-mvpage .en {
  font-size: 18px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .sec-mvpage .ttl-mvpage .en {
    font-size: 13px;
  }
}

.sec-mvpage .ttl-mvpage--lg {
  display: inline-block;
  text-align: center;
}

.sec-mvpage .ttl-mvpage--lg .jp {
  font-size: 40px;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
  .sec-mvpage .ttl-mvpage--lg .jp {
    font-size: 28px;
  }
}

.sec-mvpage .ttl-mvpage--lg .en {
  font-size: 18px;
  letter-spacing: 0.03em;
}

@media screen and (max-width: 767px) {
  .sec-mvpage .ttl-mvpage--lg .en {
    font-size: 13px;
  }
}

.sec-mvpage .ttl-mvpage--pdl {
  padding-left: 56px;
}

@media screen and (max-width: 1023px) {
  .sec-mvpage .ttl-mvpage--pdl {
    padding-left: 0;
  }
}

.sec-mvpage .ttl-mvpage--pdl .en {
  letter-spacing: 0;
}

.txt-des21 {
  font-size: 21px;
  line-height: 1.714;
  font-weight: 500;
  margin-bottom: 23px;
}

@media screen and (max-width: 1023px) {
  .txt-des21 {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .txt-des21 {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .txt-des21 {
    font-size: 15px;
  }
}

.setup-ct .acms-grid {
  margin: 0 -10px;
}

@media screen and (max-width: 1023px) {
  .setup-ct .acms-grid {
    margin: 0 -5px;
  }
}

@media screen and (max-width: 767px) {
  .setup-ct .acms-grid {
    margin: 0;
  }
}

/* サイドメニュー
------------------------------ */

.setup-ct .main, .setup-ct .side {
  padding: 0 10px;
}

@media screen and (max-width: 1023px) {
  .setup-ct .main, .setup-ct .side {
    padding: 0 5px;
  }
}

@media screen and (max-width: 767px) {
  .setup-ct .main, .setup-ct .side {
    padding: 0;
  }
}

/*.setup-ct .main {
  width: 72.3%;
}*/

@media screen and (max-width: 767px) {
  .setup-ct .main {
    width: 100%;
  }
}

.setup-ct .side .stay {
  display: none;
}

@media screen and (max-width: 767px) {
  .setup-ct .side {
    display: none;
    width: 100%;
  }
}





.block-listattr {
  margin-bottom: 33px;
}

.block-listattr__w {
  padding: 0 14px;
}

.block-infor {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .block-infor {
    margin-bottom: 34px;
  }
}

.box-productentry .img-pro {
  margin-bottom: 4px;
}

@media screen and (max-width: 767px) {
  .list-attr {
    font-size: 14px;
    margin: 0 -14px;
  }
}

.list-attr .item {
  padding-bottom: 2px;
  border-bottom: 1px dotted #666666;
  margin-bottom: 10px;
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .list-attr .item {
    padding-bottom: 0px;
    margin-bottom: 10px;
    padding-left: 0;
  }
}

.list-attr .item:last-child {
  margin-bottom: 0;
}

.list-attr .item:before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 10px;
  background: #66CC99;
  display: inline-block;
  margin-right: 14px;
  position: relative;
  min-width: 13px;
  top: 7px;
}

@media screen and (max-width: 767px) {
  .list-attr .item:before {
    width: 10px;
    height: 10px;
    min-width: 10px;
    margin-right: 5px;
  }
}

.tb-infor {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .tb-infor {
    font-size: 14px;
  }
}

.tb-infor th, .tb-infor td {
  border: 1px solid #666666;
  text-align: left;
  padding: 10.5px 10px 10.5px 41px;
}

@media screen and (max-width: 767px) {
  .tb-infor th, .tb-infor td {
    padding: 7.5px 10px 7.5px 26px;
  }
}

.tb-infor th {
  width: 158px;
  border-left: none;
  background: #F1F1F1;
}

@media screen and (max-width: 767px) {
  .tb-infor th {
    width: 110px;
  }
}

.tb-infor td {
  width: calc(100% - 158px);
  border-right: none;
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .tb-infor td {
    width: calc(100% - 110px);
    padding-left: 32px;
  }
}

.block-contact {
  padding: 23px 15px 48px;
  text-align: center;
  background: #EAEEF1;
  margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
  .block-contact {
    padding: 25px 19px 48px;
  }
}

.block-contact .ttl-contact {
  font-size: 40px;
  font-family: "Helvetica-CondensedBold", sans-serif;
  color: #3562AD;
}

@media screen and (max-width: 767px) {
  .block-contact .ttl-contact {
    font-size: 36px;
    line-height: 1.11;
    letter-spacing: 0.04em;
    margin-bottom: 5px;
  }
}

/*.block-pagination {
  padding: 0 15px;
}

@media screen and (max-width: 479px) {
  .block-pagination {
    padding: 0;
  }
}

.list-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-pagination .item {
  font-size: 21px;
  font-weight: 500;
  line-height: 1.1428;
  color: #0066CC;
}

.list-pagination .item-prev, .list-pagination .item-next {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .list-pagination .item-prev, .list-pagination .item-next {
    font-size: 13px;
  }
}

.list-pagination .item-prev:before {
  content: '';
  width: 8px;
  height: 8px;
  border-top: 1px solid #0066CC;
  border-left: 1px solid #0066CC;
  display: inline-block;
  -webkit-transform: rotate(-45deg) skew(15deg, 15deg);
      -ms-transform: rotate(-45deg) skew(15deg, 15deg);
          transform: rotate(-45deg) skew(15deg, 15deg);
  margin-right: 5px;
}

.list-pagination .item-next:after {
  content: '';
  width: 8px;
  height: 8px;
  border-top: 1px solid #0066CC;
  border-left: 1px solid #0066CC;
  display: inline-block;
  -webkit-transform: rotate(135deg) skew(15deg, 15deg);
      -ms-transform: rotate(135deg) skew(15deg, 15deg);
          transform: rotate(135deg) skew(15deg, 15deg);
  margin-right: 5px;
}

.list-pagination .item-current {
  padding: 0 70px 12px;
  border-bottom: 1px solid #0066CC;
  position: relative;
}

@media screen and (max-width: 767px) {
  .list-pagination .item-current {
    padding: 0 43px 7px;
  }
}

@media screen and (max-width: 479px) {
  .list-pagination .item-current {
    padding: 0 20px 7px;
  }
}

.block-prosidebar {
  margin-bottom: 54px;
  padding-top: 10px;
}

.list-prosidebar .wrap-img {
  position: relative;
  display: block;
}

.list-prosidebar .wrap-img .item-sidebar__txt {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 12px 10px;
  background: rgba(0, 102, 204, 0.6);
  text-align: center;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .list-prosidebar .wrap-img .item-sidebar__txt {
    font-size: 15px;
  }
}

.list-prosidebar .item-sidebar {
  margin-bottom: 26px;
}

.list-prosidebar .item-sidebar:last-child {
  margin-bottom: 0;
}

.list-catsub .item-catsub a {
  color: #231815;
  position: relative;
  padding: 13.5px 10px 13.5px 42px;
  border-bottom: 1px solid #666666;
  display: block;
  background: #FFFFFF;
}

.list-catsub .item-catsub a:hover {
  background: #F0F0FF;
}

.list-catsub .item-catsub a:before {
  content: '';
  height: calc(100% - 13px);
  width: 4px;
  position: absolute;
  left: 16px;
  border-radius: 10px;
  background: #CCCCFF;
  top: 6px;
  bottom: 6px;
}*/

.sidebar-rist-img {
margin: 16px 0px 20px 0px;
}


.no-mtfooter + .footer {
  margin-top: 0;
}

.setup-md .container-md {
  max-width: 1000px;
}

@media screen and (max-width: 767px) {
  .setup-md .container-md {
    padding: 0 30px;
  }
}

.tb-companyprf {
  font-size: 21px;
  line-height: 1.5;
  margin-bottom: 55px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .tb-companyprf {
    font-size: 14px;
    margin-bottom: 51px;
  }
}

.tb-companyprf th, .tb-companyprf td {
  border: 1px solid #666666;
  padding: 16.5px 10px;
  vertical-align: baseline;
}

@media screen and (max-width: 767px) {
  .tb-companyprf th, .tb-companyprf td {
    padding: 11px 10px;
  }
}

.tb-companyprf th {
  width: 205px;
  border-left: none;
  background: #F1F1F1;
}

@media screen and (max-width: 767px) {
  .tb-companyprf th {
    width: 105px;
  }
}

.tb-companyprf td {
  width: calc(100% - 200px);
  border-right: none;
  padding-left: 44px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .tb-companyprf td {
    width: calc(100% - 105px);
    padding-left: 17px;
  }
}

.tb-companyprf td a {
  color: #333333;
}

.tb-companyprf td .txt-lh {
  font-size: 20px;
  line-height: 1.76;
}

@media screen and (max-width: 767px) {
  .tb-companyprf td .txt-lh {
    font-size: 13.6px;
  }
}

.tb-companyprf td .p-fl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tb-companyprf td .p-fl:before {
  content: '◎';
}

.block-brands {
  padding: 23px 0 12px;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

@media screen and (max-width: 767px) {
  .block-brands {
    padding: 23px 0 17px;
  }
}

.block-brands .acms-grid {
  margin: 0 -18.5px;
}

@media screen and (max-width: 767px) {
  .block-brands .acms-grid {
    margin: 0;
  }
}

.block-brands .acms-grid > * {
  padding: 0 18.5px;
}

@media screen and (max-width: 767px) {
  .block-brands .acms-grid > * {
    padding: 0;
  }
}

.block-brands .acms-grid .acms-col-md-4 {
  width: 35.3%;
}

@media screen and (max-width: 767px) {
  .block-brands .acms-grid .acms-col-md-4 {
    display: none;
  }
}

.block-brands .acms-grid .acms-col-md-8 {
  width: 64.7%;
}

@media screen and (max-width: 767px) {
  .block-brands .acms-grid .acms-col-md-8 {
    width: 100%;
  }
}

.block-brands .txt-note {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 9px;
}

@media screen and (max-width: 767px) {
  .block-brands .txt-note {
    font-size: 12px;
  }
}

.sec-companyprf {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .sec-companyprf {
    margin-bottom: 0px;
  }
}

.sec-slidepro {
  background: #EAEAF0;
  padding: 30px 0 50px;
		margin-bottom: -100px;
}

@media screen and (max-width: 767px) {
  .sec-slidepro {
    padding: 30px 0 40px;
				margin-bottom: -50px;
  }
}

.sec-slidepro .ttl-comp02 {
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho, "MotoyaLCedar", "Droid Sans Japanese", serif;
}

.sec-slidepro .stay {
  display: none;
}

.sec-slidepro .btn-comp02 {
  font-size: 13px;
		padding: 6px 1px;
}

/*.sec-mvpage01 {
  padding: 80px 0 51px;
  background: url(../img/company/index/img-bgmv.jpg) no-repeat center center;
  background-size: cover;
}*/

/*@media screen and (max-width: 767px) {
  .sec-mvpage01 {
    padding: 60px 0 30px;
  }
}*/

.box-companymain {
  padding-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .box-companymain {
    padding: 0 44px 22px;
  }
}

@media screen and (max-width: 479px) {
  .box-companymain {
    padding: 0 10px 10px;
  }
}

.box-companymain .acms-grid {
  margin: 0 -20px;
}

@media screen and (max-width: 1023px) {
  .box-companymain .acms-grid {
    margin: 0 -10px;
  }
}

@media screen and (max-width: 767px) {
  .box-companymain .acms-grid {
    margin: 0;
  }
}

.box-companymain .acms-grid > * {
  padding: 0 20px;
  margin-bottom: 87px;
}

@media screen and (max-width: 1023px) {
  .box-companymain .acms-grid > * {
    padding: 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .box-companymain .acms-grid > * {
    padding: 0;
    margin-bottom: 40px;
  }
}

.box-companymain .acms-grid .img-prof {
  margin-bottom: 7px;
}

@media screen and (max-width: 767px) {
  .box-companymain .acms-grid .img-prof {
    margin-bottom: 17px;
  }
}








.page01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0;
}

.page01 li {
  margin: 0 7px;
}

@media screen and (max-width: 767px) {
  .page01 li {
    margin: 0 7px;
  }
}

.page01 li.cur {
  background: #000;
  color: #ffffff;
  border: 1px solid #000;
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  .page01 li.cur {
    width: 38px;
    height: 38px;
    font-size: 12px;
  }
}

.page01 li .pager-link {
  color: #000000;
  background: #ffffff;
  border: 1px solid #000;
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  .page01 li .pager-link {
    width: 38px;
    height: 38px;
    font-size: 12px;
  }
}

.page01 li .pager-link:hover {
  background: #000;
  color: #ffffff;
  border: 1px solid #000;
  opacity: 1;
}

.page01 li:last-child {
  margin-left: 18px;
}

.page01 li:last-child .pager-link {
  background: #F0F0F0;
  width: 28px;
  text-align: center;
  border: none;
}

.page01 li:last-child .pager-link:hover {
  opacity: 0.75;
}

.page01 li:last-child .pager-link span {
  width: 10px;
  height: 10px;
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  display: inline-block;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: relative;
  left: -3px;
}

/*.page-information_index .sec-mvpage {
  padding: 120px 0 105px;
  background: url(../img/information/index/img-mv.jpg) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .page-information_index .sec-mvpage {
    padding: 56px 0 39px;
  }
}*/

.sec-informain {
  padding-bottom: 44px;
}

@media screen and (max-width: 767px) {
  .sec-informain {
    margin-bottom: 41px;
  }
}

.list-informain {
  margin-bottom: 47px;
}

@media screen and (max-width: 767px) {
  .list-informain {
    margin-bottom: 41px;
  }
}

.list-informain .item-informain {
  margin-bottom: 7px;
		border-bottom: 1px solid #EEE;
		
}

@media screen and (max-width: 767px) {
  .list-informain .item-informain {
    margin-bottom: 20px;
  }
}

.list-informain .item-informain:last-child {
  margin-bottom: 0;
}

.list-informain .item-informain a {
  color: #323333;
  padding: 22px 20px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .list-informain .item-informain a {
    display: block;
    padding: 10px 17px;
    border-left: 2px solid #C1D5EA;
  }
}

.list-informain .item-informain a .btn-comp04 {
  /*display: none;*/
}

@media screen and (max-width: 767px) {
  .list-informain .item-informain a .btn-comp04 {
    opacity: 0;
    visibility: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.list-informain .item-informain a:hover {
  background: #EFEEEE;
}

.list-informain .item-informain a:hover .btn-comp04 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media screen and (max-width: 767px) {
  .list-informain .item-informain a:hover .btn-comp04 {
    opacity: 1;
    visibility: visible;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.list-informain .item-informain__des {
  width: 75%;
  padding-right: 50px;
  border-left: 5px solid #98C0E9;
  padding-left: 43px;
}

@media screen and (max-width: 1023px) {
  .list-informain .item-informain__des {
    padding-right: 35px;
    padding-left: 35px;
    width: 70%;
  }
}

@media screen and (max-width: 767px) {
  .list-informain .item-informain__des {
    border-left: none;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 13px;
  }
}

.list-informain .item-informain__des .txt-basic--small {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .list-informain .item-informain__des .txt-basic--small {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 767px) {
  .list-informain .item-informain__des {
    width: 100%;
  }
}

.list-informain .item-informain__img {
  width: 25%;
}

@media screen and (max-width: 1023px) {
  .list-informain .item-informain__img {
    width: 30%;
  }
}

@media screen and (max-width: 767px) {
  .list-informain .item-informain__img {
    width: 100%;
    text-align: center;
  }
  .list-informain .item-informain__img img {
    width: 58%;
  }
}

@media screen and (max-width: 479px) {
  .list-informain .item-informain__img img {
    width: 80%;
  }
}

.part-cattime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 22px;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .part-cattime {
    margin-top: 0;
    margin-bottom: 10px;
  }
}

.part-time {
  font-size: 13px;
  font-weight: 400;
  color: #333333;
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .part-time {
    font-size: 11px;
    margin-left: 17px;
  }
}

.part-ttlnews {
  font-size: 21px;
  line-height: 1.3;
  font-weight: 600;
  color: #005BAB;
  margin-bottom: 15px;
}

@media screen and (max-width: 1023px) {
  .part-ttlnews {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .part-ttlnews {
    font-size: 15px;
  }
}

/*.sec-mvpage02 {
  padding: 109px 0 116px;
  background: url(../img/csr/bg-mv.jpg) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .sec-mvpage02 {
    background: url(../img/csr/bg-mv-sp.jpg) no-repeat center center/cover;
    padding: 57px 0 42px;
  }
}*/

.sec-mvpage02 .ttl-mvpage {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .sec-mvpage02 .ttl-mvpage {
    padding: 0 8px;
  }
}

.sec-mvpage02 .ttl-mvpage span {
  text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}

.sec-csr {
  padding: 30px 0px 0px;
}

@media screen and (max-width: 767px) {
  .sec-csr {
    padding: 0;
  }
}

.sec-csr .acms-container {
  padding: 0;
}

@media screen and (max-width: 1439px) {
  .sec-csr .acms-container {
    padding: 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .sec-csr .acms-container {
    padding: 0 20px;
  }
}

.sec-csr .ttl-comp02 {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .sec-csr .ttl-comp02 {
    margin-bottom: 20px;
    font-size: 21px;
  }
}

.sec-csr .ttl-comp02 span {
  letter-spacing: 0;
}

.csr-sdgs-block {
padding: 25px 30px;
background: #FEFEFE;
margin-top: 80px;
margin-bottom: 10px;
border: 1px solid #CCCCCC;
}

@media screen and (max-width: 1023px) {
  .csr-sdgs-block {
    padding: 20px 25px;
  }
}

@media screen and (max-width: 767px) {
  .csr-sdgs-block {
    margin-bottom: 30px;
  }
}

.csr-sdgs-block .wp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.csr-sdgs-block .wp .img {
  width: 360px;
}

@media screen and (max-width: 767px) {
  .csr-sdgs-block .wp .img {
    width: 320px;
    margin: 0 auto 7px;
  }
}

.csr-sdgs-block .wp .info {
  width: calc(100% - 360px);
  padding-right: 70px;
}

@media screen and (max-width: 1023px) {
  .csr-sdgs-block .wp .info {
    padding-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .csr-sdgs-block .wp .info {
    width: 100%;
    padding-right: 0;
  }
}

.csr-sdgs-block .wp .info .txt-lead {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .csr-sdgs-block .wp .info .txt-lead {
    font-size: 24px;
  }
}

.csr-sdgs-block .wp .info .txt-basic {
  font-size: 16px;
  line-height: 2.0;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .csr-sdgs-block .wp .info .txt-basic {
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.8;
  }
}

.csr-sdgs-block .wp .info .btn-comp04 {
  max-width: 400px;
  width: 100%;
  height: 40px;
  background: #fff;
  border: 1px solid #0061af;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
		margin: 10px;
  padding-left: 5px;
}

@media screen and (max-width: 767px) {
  .csr-sdgs-block .wp .info .btn-comp04 {
    max-width: 380px;
    height: 34px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 5px;
  }
}

.csr-sdgs-block .wp .info .btn-comp04 span {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .csr-sdgs-block .wp .info .btn-comp04 span {
    font-size: 13px;
  }
}

.csr-sdgs-block .wp .info .btn-comp04:after {
  right: 13px;
  position: absolute;
}

.list-relative {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -20px;
  padding: 0 15px;
}

@media screen and (max-width: 1023px) {
  .list-relative {
    margin: 0 -10px;
  }
}

@media screen and (max-width: 767px) {
  .list-relative {
    margin: 0;
    padding: 0 40px;
  }
}

@media screen and (max-width: 375px) {
  .list-relative {
    padding: 0 15px;
  }
}

.list-relative .item {
  width: 33.3%;
  padding: 0 20px;
}

@media screen and (max-width: 1023px) {
  .list-relative .item {
    padding: 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .list-relative .item {
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
  }
}

.list-relative .item__img {
  margin-bottom: 15px;
}

.list-relative .item__ttl {
  text-align: center;
  color: #3562ad;
  font-size: 21px;
  font-weight: 500;
  border-bottom: 1px solid #3562ad;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

@media screen and (max-width: 1023px) {
  .list-relative .item__ttl {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .list-relative .item__ttl {
    font-size: 21px;
    padding-bottom: 0;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 364px) {
  .list-relative .item__ttl {
    font-size: 18px;
  }
}

.list-relative .item .txt-basic {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.7;
  margin-bottom: 30px;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .list-relative .item .txt-basic {
    font-size: 15px;
    margin-bottom: 15px;
  }
}

.list-relative .item .btn-comp04 {
  width: 100%;
  height: 45px;
  border: 1px solid #0061af;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
}

.list-relative .item .btn-comp04 span {
  font-size: 16px;
}

@media screen and (max-width: 1023px) {
  .list-relative .item .btn-comp04 span {
    font-size: 15px;
  }
}

@media screen and (max-width: 767px) {
  .list-relative .item .btn-comp04 span {
    font-size: 15px;
  }
}

@media screen and (max-width: 364px) {
  .list-relative .item .btn-comp04 span {
    font-size: 14px;
  }
}

.list-relative .item .btn-comp04:after {
  right: 14px;
  position: absolute;
}

/*.sec-mvpage03 {
  padding: 77px 0 49px;
  background: url(../img/csr/entry/bg-mv.jpg) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .sec-mvpage03 {
    background: url(../img/csr/entry/bg-mv-sp.jpg) no-repeat center center;
    padding: 57px 0 42px;
  }
}

.sec-mvpage03 .ttl-mvpage {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .sec-mvpage03 .ttl-mvpage {
    padding: 0 8px;
  }
}*/

.sec-mvpage03 .ttl-mvpage span {
  text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}

.sec-csr-entry {
  padding: 50px 0 50px;
}

@media screen and (max-width: 767px) {
  .sec-csr-entry {
    padding: 30px 0 44px;
  }
}

.sec-csr-entry .container-md {
  max-width: 1000px;
}

@media screen and (max-width: 767px) {
  .sec-csr-entry .container-md {
    padding: 0 30px;
  }
}

@media screen and (max-width: 767px) {
  .sec-csr-entry .ttl-comp02 {
    font-size: 26px;
    margin-bottom: 24px;
  }
}

.list-entry .item {
  margin-bottom: 16px;
}

.list-entry .item:last-of-type {
  margin-bottom: 0;
}

.list-entry .item__ttl {
  font-size: 24px;
  font-weight: 600;
  padding: 6px 13px;
  background: #f7faed;
  border-top: 2px solid #51b996;
}

@media screen and (max-width: 767px) {
  .list-entry .item__ttl {
    font-size: 21px;
  }
}

.list-entry .item__wp {
  padding: 15px 10px 15px 20px;
  font-size: 18px;
  line-height: 1.95;
}

@media screen and (max-width: 767px) {
  .list-entry .item__wp {
    padding: 21px 0px 15px 13px;
    font-size: 15px;
    line-height: 1.7;
  }
}

.list-entry .item-sub {
  margin-bottom: 35px;
  counter-reset: section;
}

@media screen and (max-width: 767px) {
  .list-entry .item-sub {
    margin-bottom: 15px;
  }
}

.list-entry .item-sub:nth-last-child(2) {
  margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
  .list-entry .item-sub:nth-last-child(2) {
    margin-bottom: 22px;
  }
}

.list-entry .item-sub:last-of-type {
  margin-bottom: 0;
}

.list-entry .item-sub .list-number li {
  padding-left: 30px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .list-entry .item-sub .list-number li {
    padding-left: 20px;
  }
}

.list-entry .item-sub .list-number li:before {
  counter-increment: section;
  content: counter(section) ".";
  display: block;
  left: 4px;
  top: -2px;
  font-size: 20px;
  line-height: 1.95;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .list-entry .item-sub .list-number li:before {
    font-size: 15px;
    line-height: 1.7;
    content: counter(section) ")";
  }
}

.list-entry .item-gray .item__ttl {
  border-color: #626395;
  background: #efefef;
  font-size: 33.55px;
  padding: 21px 17px;
}

@media screen and (max-width: 767px) {
  .list-entry .item-gray .item__ttl {
    font-size: 24px;
    padding: 14px 6px;
  }
}

.list-entry .item-gray .item__wp {
  padding: 15px 0;
}

@media screen and (max-width: 767px) {
  .list-entry .item-gray .item__wp {
    padding: 25px 0;
  }
}

.list-entry .box-position {
  font-size: 18px;
  line-height: 1.8;
  font-weight: 400;
  margin-right: 22px;
}

@media screen and (max-width: 767px) {
  .list-entry .box-position {
    font-size: 13px;
    margin-right: 0;
  }
}

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

.list-entry .flex .info {
  width: calc(100% - 300px);
  padding-right: 70px;
  position: relative;
  top: -4px;
}

@media screen and (max-width: 1023px) {
  .list-entry .flex .info {
    padding-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .list-entry .flex .info {
    padding-right: 0;
    top: 0;
    width: 100%;
    margin-bottom: 30px;
  }
}

.list-entry .flex .img {
  width: 300px;
}

@media screen and (max-width: 767px) {
  .list-entry .flex .img {
    width: 240px;
    margin: 0 auto;
  }
}

.list-entry .flex .img .caption {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .list-entry .flex .img .caption {
    margin-top: 5px;
    font-size: 12.92px;
  }
}

.list-entry .flex-style02 {
  margin-bottom: 50px;
  padding-right: 12px;
}

@media screen and (max-width: 767px) {
  .list-entry .flex-style02 {
    padding-right: 0;
    margin-bottom: 40px;
  }
}

.list-entry .flex-style02:last-of-type {
  margin-bottom: 0;
}

.list-entry .flex-style02 .img {
  width: 230px;
}

@media screen and (max-width: 767px) {
  .list-entry .flex-style02 .img {
    width: 180px;
    margin: 0 auto;
  }
}

.list-entry .flex-style02 .info {
  width: calc(100% - 230px);
}

@media screen and (max-width: 767px) {
  .list-entry .flex-style02 .info {
    width: 100%;
    margin-bottom: 22px;
  }
}

.list-entry .flex-style02 .info .ttl {
  font-size: 24px;
  border-bottom: 1px solid #999999;
  padding-bottom: 4px;
  margin-bottom: 13px;
  padding-left: 9px;
}

@media screen and (max-width: 767px) {
  .list-entry .flex-style02 .info .ttl {
    font-size: 18px;
  }
}

.list-entry .flex-style02 .info .txt-basic {
  line-height: 1.95;
}

@media screen and (max-width: 767px) {
  .list-entry .flex-style02 .info .txt-basic {
    line-height: 1.7;
  }
}

.list-entry .txt-lead-green {
  font-size: 28px;
  font-weight: 600;
  color: #236666;
  margin-bottom: 28px;
}

@media screen and (max-width: 767px) {
  .list-entry .txt-lead-green {
    font-size: 21px;
    margin-bottom: -12px;
  }
}

.sec-relative {
  background: #eaeaf0;
  padding: 30px 0 52px;
}

@media screen and (max-width: 767px) {
  .sec-relative {
    padding: 42px 0 52px;
  }
}

.sec-relative .ttl-comp02 {
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho, "MotoyaLCedar", "Droid Sans Japanese", serif;
  font-size: 28px;
  margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
  .sec-relative .ttl-comp02 {
    font-size: 22.4px;
    margin-bottom: 23px;
  }
}

.sec-relative .ttl-comp02:before {
  width: 100%;
}

.sec-relative .ttl-comp02:after {
  background: #9966cc;
}

.sec-relative .wp-inner {
  max-width: 896px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .sec-relative .wp-inner {
    padding: 0 25px;
  }
}

.sec-relative .list-relative {
  padding: 0;
  margin: 0 -16px;
}

@media screen and (max-width: 767px) {
  .sec-relative .list-relative {
    margin: 0 -10px;
  }
}

.sec-relative .list-relative .item {
  padding: 0 16px;
}

@media screen and (max-width: 767px) {
  .sec-relative .list-relative .item {
    padding: 0 10px;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .sec-relative .list-relative .item__img {
    margin-bottom: 7px;
  }
}

@media screen and (max-width: 767px) {
  .sec-relative .list-relative .item .btn {
    height: 30px;
  }
}

@media screen and (max-width: 767px) {
  .sec-relative .list-relative .item .btn span {
    font-size: 13px;
  }
}

.sec-relative .list-relative .item .btn:after {
  right: 5px;
}

.sec-relative .list-relative .slick-prev {
  left: -20px;
}

.sec-relative .list-relative .slick-prev:before {
  background: url("../img/csr/entry/prev.png") no-repeat center/cover;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.sec-relative .list-relative .slick-next {
  right: -10px;
}

.sec-relative .list-relative .slick-next:before {
  background: url("../img/csr/entry/next.png") no-repeat center/cover;
}

/*.page-business_index .sec-mvpage01 {
  padding: 126px 0 101px;
  background: url(../img/business/index/img-mv.jpg) no-repeat center center;
  background-size: cover;
}*/

/*@media screen and (max-width: 767px) {
  .page-business_index .sec-mvpage01 {
    padding: 66px 0 35px;
  }
}*/

.sec-businessmain .ttl-comp02--big {
  line-height: 1.33;
  letter-spacing: 0em;
  padding-bottom: 10px;
  margin-bottom: 35px;
}

@media screen and (max-width: 1023px) {
  .sec-businessmain .ttl-comp02--big {
    font-size: 27px;
  }
}

@media screen and (max-width: 767px) {
  .sec-businessmain .ttl-comp02--big {
    font-size: 17px;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    letter-spacing: -0.01em;
    margin-bottom: 19px;
  }
}

@media screen and (max-width: 479px) {
  .sec-businessmain .ttl-comp02--big br {
    display: none;
  }
}

.box-businessmain {
  padding: 30px 30px 30px 40px;
  background: #E6EDEC;
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .box-businessmain {
    display: block;
    padding: 18px 30px 25px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 479px) {
  .box-businessmain {
    padding: 18px 15px 20px;
  }
}

.box-businessmain__des {
  width: 65%;
  padding-right: 40px;
  line-height: 2.2;
}

@media screen and (max-width: 767px) {
  .box-businessmain__des {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
}

.box-businessmain__img {
  width: 35%;
}

@media screen and (max-width: 767px) {
  .box-businessmain__img {
    width: 100%;
    text-align: center;
  }
  .box-businessmain__img img {
    width: 79%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 479px) {
  .box-businessmain__img img {
    width: 85%;
  }
}

.box-business01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 87px;
}

.box-business01:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .box-business01 {
    display: block;
    margin-bottom: 48px;
  }
}

.box-business01__img {
  width: 29.5%;
}

@media screen and (max-width: 767px) {
  .box-business01__img {
    width: 100%;
    margin-bottom: 11px;
    text-align: center;
  }
  .box-business01__img img {
    width: 56.7%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 479px) {
  .box-business01__img img {
    width: 85%;
  }
}

.box-business01__des {
  width: 70.5%;
  padding-left: 40px;
  line-height: 1.882;
}

@media screen and (max-width: 767px) {
  .box-business01__des {
    width: 100%;
    font-size: 12px;
    line-height: 1.833;
    padding: 0 11px 0 3px;
  }
}

.box-business01__des > p {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .box-business01__des > p {
    margin-bottom: 15px;
  }
}

.box-business01__des > p:last-child {
  margin-bottom: 0;
}

.box-business01 .part-notebusiness {
  padding: 10px 15px;
  border: 1px solid #231815;
}

@media screen and (max-width: 767px) {
  .box-business01 .part-notebusiness {
    padding: 5px 15px 10px;
  }
}

.box-business01 .part-notebusiness .ttl {
  font-weight: 600;
  display: block;
}

.box-business01 .part-notebusiness .txt-des {
  font-size: 16px;
  line-height: 1.5625;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .box-business01 .part-notebusiness .txt-des {
    font-size: 12px;
  }
}

.box-business01 .btn-comp02 {
  letter-spacing: 2px;
}

.list-support .item-support {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .list-support .item-support {
    line-height: 1.914;
  }
}

@media screen and (min-width: 768px) {
  .list-support .item-support:before {
    content: '●';
    color: #6699CC;
    font-size: 10px;
    position: relative;
    top: 6px;
    margin-right: 6px;
  }
}

@media screen and (max-width: 767px) {
  .list-support .item-support:before {
    content: '・';
  }
}

.list-support--pdl {
  padding-left: 26px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .list-support--pdl {
    padding-left: 0;
  }
}

/*.page-recruit_index .sec-mvpage01 {
  padding: 125px 0 102px;
  background: url(../img/recruit/index/img-bgmv.jpg) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .page-recruit_index .sec-mvpage01 {
    padding: 65px 0 36px;
  }
}*/

.sec-recruitmain {
  margin-bottom: -100px;
}

@media screen and (max-width: 767px) {
  .sec-recruitmain {
    margin-bottom: 0;
  }
}

.sec-recruitmain .ttl-comp02--lg {
  margin-bottom: 42px;
}

@media screen and (max-width: 767px) {
  .sec-recruitmain .ttl-comp02--lg {
    margin-bottom: 13px;
  }
}

.sec-recruitmain .ttl-comp02--lg:after {
  background: #005da1;
}

.sec-recruitmain .ttl-comp02--lg:before {
  width: 75%;
}

@media screen and (max-width: 767px) {
  .sec-recruitmain .ttl-comp02--lg:before {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .sec-recruitmain .ttl-comp02--lg {
    line-height: 1.333;
    font-size: 24px;
    padding-bottom: 5px;
  }
}

@media screen and (max-width: 479px) {
  .sec-recruitmain .ttl-comp02--lg {
    font-size: 18px;
  }
  .sec-recruitmain .ttl-comp02--lg br {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .sec-recruitmain .box-businessmain {
    margin-bottom: 25px;
  }
  .sec-recruitmain .box-businessmain__des {
    font-size: 14px;
    text-align: justify;
  }
}

.box-staffs {
  margin-bottom: 66px;
}

@media screen and (max-width: 767px) {
  .box-staffs {
    padding: 0 43px;
    margin-bottom: 44px;
  }
}

@media screen and (max-width: 479px) {
  .box-staffs {
    padding: 0 15px;
  }
}

.box-staffs .img-staff {
  margin-bottom: 12px;
}

.box-staffs .img-des {
  margin-bottom: 24px;
}

.box-staffs .part-infors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 12px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .box-staffs .part-infors {
    font-size: 15px;
    margin-bottom: 3px;
  }
}

.box-staffs .part-infors .item:after {
  content: '／';
}

.box-staffs .part-infors .item:last-child:after {
  content: none;
}

@media screen and (max-width: 1023px) {
  .box-staffs .acms-grid > .acms-col-lg-3 {
    margin-bottom: 21px;
  }
}

@media screen and (max-width: 767px) {
  .box-staffs .acms-grid > .acms-col-lg-3 {
    margin-bottom: 21px;
  }
  .box-staffs .acms-grid > .acms-col-lg-3:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .box-staffs .btn-comp02 {
    font-size: 16px;
  }
}

.box-app .acms-grid {
  margin: 0 -18px;
}

@media screen and (max-width: 767px) {
  .box-app .acms-grid {
    margin: 0;
  }
}

.box-app .acms-grid > * {
  padding: 0 18px;
}

@media screen and (max-width: 767px) {
  .box-app .acms-grid > * {
    padding: 0;
  }
}

.box-app .part-app {
  width: 100%;
  padding: 28px 28px 34px;
  background: #dde1f1;
}

@media screen and (max-width: 767px) {
  .box-app .part-app {
    position: relative;
    background: transparent;
    padding: 23px 28px 19px;
  }
  .box-app .part-app > * {
    position: relative;
    z-index: 2;
  }
  .box-app .part-app:after {
    content: '';
    width: calc(100% + 60px);
    position: absolute;
    left: -30px;
    right: -30px;
    top: 0;
    bottom: 0;
    background: #dde1f1;
  }
}

@media screen and (max-width: 479px) {
  .box-app .part-app {
    padding: 23px 15px 19px;
  }
}

.box-app .part-app.bg01 {
  background: #f4e9e3;
}

@media screen and (max-width: 767px) {
  .box-app .part-app.bg01 {
    background: transparent;
  }
  .box-app .part-app.bg01:after {
    background: #f4e9e3;
  }
}

.box-app .part-app .img-app {
  position: relative;
  margin-bottom: 23px;
}

@media screen and (max-width: 767px) {
  .box-app .part-app .img-app {
    position: relative;
    margin-bottom: 1px;
  }
}

.box-app .part-app .txt-ttl {
  font-size: 33px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.2;
  position: absolute;
  font-weight: 700;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-shadow: #333333 2px 0px 0px, #333333 2px 1px 0px, #333333 1px 1px 0px, #333333 2px 2px 0px, #333333 1px 2px 0px, #333333 0px 2px 0px, #333333 0px 0px 2px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .box-app .part-app .txt-ttl {
    font-size: 25px;
  }
}