/* CSS Document */
.location_lead {
  border-bottom-color: #ff4280;
  margin-bottom: 95px; }
  @media screen and (max-width: 500px) {
    .location_lead {
      margin-bottom: 75px; } }

.location_lead_top {
  color: #ff4280; }

.location_lead_textbox {
  padding-left: 1.5625%; }
  @media screen and (max-width: 767px) {
    .location_lead_textbox {
      padding-left: 20px;
      padding-right: 20px; } }

.location_abs_image_l {
  max-width: 356px;
  left: calc(130% / 16);
  bottom: -10%; }
  @media screen and (max-width: 1599px) {
    .location_abs_image_l {
      left: calc(20% / 16); } }
  @media screen and (max-width: 1300px) {
    .location_abs_image_l {
      width: calc(356% / 16);
      left: calc(-20% / 16); } }
  @media screen and (max-width: 767px) {
    .location_abs_image_l {
      bottom: -40%;
      left: 0; } }
  @media screen and (max-width: 500px) {
    .location_abs_image_l {
      bottom: -20%; } }

.location_abs_image_r {
  max-width: 275px;
  right: calc(170% / 16);
  bottom: -12%; }
  @media screen and (max-width: 1599px) {
    .location_abs_image_r {
      right: calc(60% / 16); } }
  @media screen and (max-width: 1300px) {
    .location_abs_image_r {
      width: calc(275% / 16);
      right: calc(-20% / 16); } }
  @media screen and (max-width: 767px) {
    .location_abs_image_r {
      bottom: -42%;
      right: 0; } }
  @media screen and (max-width: 500px) {
    .location_abs_image_r {
      bottom: -17%; } }

.sec01 {
  position: relative; }

.sec01_wide_image {
  margin-bottom: 55px; }
  @media screen and (max-width: 767px) {
    .sec01_wide_image {
      margin-bottom: 30px; } }

.sec01_photo {
  max-width: 617px;
  width: calc(617% / 12);
  top: 27.54%;
  right: calc(-50% / 12); }
  @media screen and (max-width: 767px) {
    .sec01_photo {
      top: 20%; } }

.sec01_logo {
  max-width: 507px;
  width: calc(507% / 12);
  margin-left: calc(100% / 12); }
  @media screen and (max-width: 767px) {
    .sec01_logo {
      width: 48%;
      margin-left: 0; } }

.text_wide_image {
  margin-top: -10px; }
  @media screen and (max-width: 767px) {
    .text_wide_image {
      margin-top: 10px; } }

.sec01_wrap {
  margin-top: -35px;
  margin-left: calc(10% / 12);
  position: relative;
  display: flex;
  align-items: center;
  z-index: 2; }
  .sec01_wrap > .sec01_circle_image {
    max-width: 406px;
    width: calc(406% / 12); }
  @media screen and (max-width: 1200px) {
    .sec01_wrap {
      margin-top: -10px;
      margin-left: 0; }
      .sec01_wrap > .sec01_circle_image {
        width: 25%; } }
  @media screen and (max-width: 767px) {
    .sec01_wrap {
      margin-top: 10px;
      justify-content: space-between; }
      .sec01_wrap > .sec01_circle_image {
        width: 30%; } }

.sec01_text_box {
  margin-left: calc(40% / 12); }
  @media screen and (max-width: 1200px) {
    .sec01_text_box {
      width: 68%; } }
  .sec01_text_box > h5 {
    font-size: 26px;
    line-height: 1.57;
    color: #ff4280;
    margin-bottom: 20px; }
    @media screen and (max-width: 1200px) {
      .sec01_text_box > h5 {
        margin-bottom: 10px; } }
    @media screen and (max-width: 767px) {
      .sec01_text_box > h5 {
        font-size: 18px; } }
  @media screen and (max-width: 767px) {
    .sec01_text_box > .location_content_text {
      font-size: 15px; } }

.sec01_cart {
  max-width: 251px;
  width: calc(251% / 12);
  right: calc(-20% / 12);
  bottom: 25px; }
  @media screen and (max-width: 1200px) {
    .sec01_cart {
      width: 18%;
      bottom: 5px; } }
  @media screen and (max-width: 767px) {
    .sec01_cart {
      width: 15%;
      right: 0;
      bottom: -40%; } }
  @media screen and (max-width: 500px) {
    .sec01_cart {
      width: 20%;
      right: auto;
      left: 20px;
      bottom: -20%; } }

.sec02 {
  margin-top: -60px;
  background: rgba(255, 66, 128, 0.1);
  padding: 40px 0 50px; }
  @media screen and (max-width: 1200px) {
    .sec02 {
      margin-top: 20px; } }

.sec02_head {
  font-size: 36px;
  line-height: 1.52;
  text-align: center;
  color: #fff;
  background: #ff4280;
  padding: 50px 0; }
  @media screen and (max-width: 1200px) {
    .sec02_head {
      font-size: 30px;
      padding: 30px 0; } }
  @media screen and (max-width: 767px) {
    .sec02_head {
      text-align: left;
      font-size: 16px;
      padding: 20px; } }

.column_box {
  background: #fff;
  padding: 40px 0 60px;
  margin-bottom: 60px; }
  @media screen and (max-width: 1200px) {
    .column_box .location_name {
      font-size: 13px; } }
  @media screen and (max-width: 767px) {
    .column_box {
      padding: 30px 0 40px;
      margin-bottom: 40px; }
      .column_box .location_name {
        font-size: 14px; } }

.location_name {
  margin-top: 10px; }

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

.col3_wrap {
  margin-bottom: 15px; }

.col3_box {
  margin-bottom: 30px; }

@media screen and (max-width: 767px) {
  .col2_box, .col3_box, .col4_box {
    margin-bottom: 20px; } }