@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************

　strong

**********************************************************************************************/
/*---------------------------------------------
strong
---------------------------------------------*/
.kv.-strong {
  background-image: url("../img/strong/kv_strong.jpg"); }

.strongNav {
  margin: 50px 0 0; }
  @media (max-width: 750px) {
    .strongNav {
      margin: 8vw 0 0; } }

.strongNav_list {
  display: flex;
  justify-content: space-between;
  text-align: center;
  color: #26499d; }
  @media (max-width: 750px) {
    .strongNav_list {
      flex-wrap: wrap; } }
  .strongNav_list li {
    width: 22.6%;
    border: 2px solid #26499d; }
    @media (max-width: 750px) {
      .strongNav_list li {
        width: 48%;
        margin: 0 0 4vw; } }
  .strongNav_list a {
    display: block;
    padding: 20px 0 60px;
    position: relative; }
    @media (max-width: 750px) {
      .strongNav_list a {
        padding: 3vw 0 10vw; } }
    .strongNav_list a::after {
      content: "";
      display: block;
      width: 26px;
      height: 14px;
      background: url("../img/strong/arrow.svg") no-repeat;
      background-size: contain;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 30px; }
      @media (max-width: 750px) {
        .strongNav_list a::after {
          width: 3.43vw;
          height: 1.8vw;
          bottom: 4vw; } }

.strongNav_list_num {
  font-size: 2.2rem;
  display: inline-block;
  padding: 0 0 2px;
  border-bottom: 1px solid #26499d;
  margin: 0 0 10px; }
  @media (max-width: 750px) {
    .strongNav_list_num {
      font-size: 4vw;
      margin: 0 0 3vw; } }

.strongNav_list_tit {
  font-size: 2.2rem;
  font-weight: 700; }
  @media (max-width: 750px) {
    .strongNav_list_tit {
      font-size: 4vw; } }

/*---------------------------------------------
copper
---------------------------------------------*/
.kv.-copper {
  background-image: url("../img/strong/copper/kv_copper.jpg"); }

/*---------------------------------------------
integrated
---------------------------------------------*/
.kv.-integrated {
  background-image: url("../img/strong/integrated/kv_integrated.jpg"); }

.integrated_img {
  max-width: 790px;
  margin: 0 auto 30px; }
  @media (max-width: 750px) {
    .integrated_img {
      margin: 0 0 4vw; } }

.integrated_txt {
  text-align: center;
  margin: 0 0 40px;
  line-height: 1.7; }
  @media (max-width: 750px) {
    .integrated_txt {
      text-align: left;
      margin: 0 0 8vw; } }

/*---------------------------------------------
quick
---------------------------------------------*/
.kv.-quick {
  background-image: url("../img/strong/quick/kv_quick.jpg"); }

.quick_box {
  margin: 50px 0 0;
  text-align: center; }
  @media (max-width: 750px) {
    .quick_box {
      margin: 8vw 0 0; } }

.quick_box_tit {
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  border: 2px solid #f2ab04;
  padding: 0 20px; }
  @media (max-width: 750px) {
    .quick_box_tit {
      font-size: 4.3vw;
      padding: 0 2vw; } }

.quick_box_comment {
  font-size: 1.4rem;
  margin: 10px 0 0; }
  @media (max-width: 750px) {
    .quick_box_comment {
      font-size: 2.93vw;
      margin: 1.3vw 0 0;
      text-indent: -1em;
      padding-left: 1em;
      text-align: left; } }

.quick_box_wrap {
  margin: 20px 0; }
  @media (max-width: 750px) {
    .quick_box_wrap {
      margin: 4vw 0;
      overflow: auto; } }

@media (max-width: 750px) {
  .quick_box_img {
    width: 160vw; } }