@charset "UTF-8";
/******************** PARTNER ********************/
/*** --------------- partner_area --------------- ***/
.partner_recruit_box .contact_area .color_blue {
  max-width: 260px;
}

.partner_recruit_box .contact_area .color_blue a {
  padding: 15px 90px 15px 40px;
}

.partner_recruit_box .contact_area .color_blue a:hover::before {
  right: 30px;
}

.sales_area .color_orange {
  max-width: 380px;
}

.partner_about_box .introduce_box_in .ilist_in .ilist_left p {
  font-size: 1.6rem;
}

.partner_about_box .introduce_box_in .right .ilist_right img {
    border-radius: 40px;
}

@media only screen and (max-width: 1399px) {
  .each_img img {
    max-height: 390px;
}
}

@media only screen and (max-width: 1299px) {
  .introduce_box_in .ilist_in .ilist_left .title_area {
    padding-left: 0;
}
}

@media only screen and (max-width: 1199px) {
  .introduce_box_in .left .ilist_left {
    margin-top: 350px;
    padding: 60px 40px;
}

  .introduce_box_in .right .ilist_left {
    margin-top: 350px;
    padding: 60px 40px;
}

  .common_box .ilist_in .title_area {
    padding-left: 0;
}
}

@media only screen and (max-width: 991px) {
  .introduce_box_in .left .ilist_left {
    margin-top: 30px;
}

  .introduce_box_in .right .ilist_left {
    margin-top: 30px;
}

  .each_img img {
    max-height: 100%;
}
}

@media only screen and (max-width: 575px) {
  .introduce_box_in .left .ilist_left {
    padding: 40px 20px;
}

  .introduce_box_in .right .ilist_left {
    padding: 40px 20px;
}
}

@media only screen and (max-width: 440px) {
  .sales_area .color_orange {
    max-width: 260px;
}
}