*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul,
ol {
  list-style: none;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-feature-settings: "palt";
  background: #fff;
  color: #444;
  font-size: 1.4rem;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  line-height: 1.5;
}

.visible_xs {
  display: block;
}

.visible_md {
  display: none;
}

.header_partnership {
  background: linear-gradient(to bottom, #fff 5.6rem, #ee827c 5.6rem);
  padding: 0 2.4rem 1.6rem;
  position: relative;
}

.header_partnership_top {
  align-items: center;
  display: flex;
  height: 5.6rem;
  margin: 0 -1.2rem;
}

.header_partnership_top .logo {
  display: block;
  height: 2.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.header_partnership .fv {
  padding-top: 2rem;
}

.header_partnership h1 {
  color: #fff;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 -2.4rem 0.8rem 0;
}

.header_partnership h1 em {
  font-size: 3.6rem;
  font-style: normal;
}

.header_partnership h1 strong {
  background: linear-gradient(180deg, transparent 90%, #fce04f 0);
}

.header_partnership h1 strong span {
  font-size: 3.6rem;
}

.header_partnership .bubble_txt {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  color: #ee827c;
  display: flex;
  font-size: 2.2rem;
  font-weight: 600;
  height: 8rem;
  justify-content: center;
  left: 27rem;
  line-height: 1.1;
  position: absolute;
  top: 12rem;
  width: 8rem;
  z-index: 1;
}

.header_partnership .bubble_txt::before {
  border-bottom: 6px solid transparent;
  border-left: 12px solid #fff;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  transform: rotate(135deg);
}

.header_partnership .img_logo {
  height: 3.2rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.header_partnership .img_web {
  display: block;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

.header_partnership .lead_txt {
  align-items: center;
  background: #fff;
  -webkit-clip-path: polygon(0 0, 100% 0, 98% 50%, 100% 100%, 0 100%, 2% 50%);
          clip-path: polygon(0 0, 100% 0, 98% 50%, 100% 100%, 0 100%, 2% 50%);
  color: #c33d64;
  display: flex;
  font-size: 1.8rem;
  height: 6.4rem;
  justify-content: center;
  line-height: 1.4;
  margin: -1.2rem -1.2rem 0;
  position: relative;
  width: calc(100% + 2.4rem);
  z-index: 1;
}

.main_partnership {
  display: block;
}

.main_partnership h2 {
  color: #ee827c;
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 1.6rem;
  text-align: center;
}

.main_partnership .btn_contact {
  align-items: center;
  background: linear-gradient(to bottom, #52d8e3 0%, #3bb4bd 100%);
  border: 1px solid #59bec5;
  border-radius: 10rem;
  box-shadow: 0 0.4rem 0.8rem 0.2rem rgba(0, 0, 0, 0.2);
  display: flex;
  height: 5.6rem;
  justify-content: center;
  margin: 1.6rem auto;
  padding: 1rem;
  text-decoration: none;
  width: calc(100% - 4.8rem);
}

.main_partnership .btn_contact_txt {
  color: #fff;
  display: inline-flex;
  font-size: 2rem;
  font-weight: 600;
  gap: 1rem;
  margin: 0;
  padding: 0;
  text-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2);
}

.section_features {
  background: #fcf3e6;
  padding: 2.4rem 0;
}

.section_features section {
  background: #fff;
  border-radius: 0.8rem;
  margin: 0 auto 3.6rem;
  max-width: 1024px;
  padding-bottom: 2.4rem;
  width: calc(100% - 2.4rem);
}

.section_features h3 {
  align-items: center;
  background: #ee827c;
  border-radius: 0.8rem 0.8rem 0 0;
  color: #fff;
  display: flex;
  font-size: 2rem;
  font-weight: 600;
  justify-content: center;
  margin-bottom: 2.4rem;
  padding: 0.8rem 0;
  text-align: center;
}

.section_features h4 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.8rem;
  text-align: center;
}

.section_features p {
  font-size: 1.6rem;
  margin-bottom: 2.4rem;
  padding: 0 1.2rem;
}

.section_features .list_feature {
  margin: 0 1.2rem 3.6rem;
}

.section_features .list_feature li {
  align-items: center;
  background: #fff;
  border-radius: 0.8rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.3);
  color: #444;
  display: flex;
  font-size: 1.8rem;
  font-weight: 600;
  justify-content: center;
  margin-bottom: 0.8rem;
  padding: 0.8rem 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.section_features .list_feature li::after {
  border-right: 2px solid #ee827c;
  border-top: 2px solid #ee827c;
  content: "";
  display: inline-flex;
  height: 1rem;
  position: absolute;
  right: 1.6rem;
  transform: rotate(135deg);
  width: 1rem;
}

.section_features .list_feature li.item_facility::before {
  background: no-repeat 0/4rem url(/img/lp/partnership/icon_facility.png);
  content: "";
  display: inline-flex;
  height: 4rem;
  left: 2.4rem;
  position: absolute;
  width: 4rem;
}

.section_features .list_feature li.item_operator::before {
  background: no-repeat 50%/3.125rem url(/img/lp/partnership/icon_operator.png);
  content: "";
  display: inline-flex;
  height: 4rem;
  left: 2.4rem;
  position: absolute;
  width: 4rem;
}

.section_features .list_feature li.item_yen::before {
  background: no-repeat 0/4rem url(/img/lp/partnership/icon_yen.png);
  content: "";
  display: inline-flex;
  height: 4rem;
  left: 2.4rem;
  position: absolute;
  width: 4rem;
}

.section_features .list_feature li a {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}

.section_features .img_flow {
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 1.2rem;
  width: calc(100% - 2.4rem);
}

.section_features .map_counselor {
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 1.2rem 2.4rem;
  width: calc(100% - 2.4rem);
}

.section_features .box_consult {
  border-radius: 1.2rem;
  border: 1px dashed #999;
  margin: 0 1.2rem;
  padding: 1.2rem 1rem;
}

.section_features .box_consult .ttl_consult {
  color: #ee827c;
  font-size: 1.6rem;
}

.section_features .box_consult .txt_consult {
  margin-bottom: 0.8rem;
  padding: 0;
}

.section_features .box_consult .link_interview {
  align-items: center;
  color: #ee827c;
  display: flex;
  font-size: 1.6rem;
  justify-content: center;
  text-align: center;
}

.section_features .box_consult .link_interview::after {
  border-right: 2px solid #ee827c;
  border-top: 2px solid #ee827c;
  content: "";
  display: inline-flex;
  height: 0.8rem;
  margin: 0.2rem 0 0 0.6rem;
  transform: rotate(45deg);
  vertical-align: middle;
  width: 0.8rem;
}

.section_features .mb_0 {
  margin-bottom: 0;
}

.section_reason {
  background: #fff;
  padding: 2.4rem 0 0;
}

.section_reason .wrap_reason {
  margin: 0 1.2rem;
}

.section_reason .wrap_reason .blk_type {
  display: none;
}

.section_reason .wrap_reason dl {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  margin-bottom: 3.2rem;
}

.section_reason .wrap_reason dt {
  background: #fcf3e6;
  border-radius: 0.8rem;
  color: #444;
  display: grid;
  font-size: 1.6rem;
  font-weight: 600;
  gap: 1rem;
  grid-column: 1/4;
  grid-row: 1/2;
  margin-bottom: 1.2rem;
  padding: 1rem;
  text-align: center;
}

.section_reason .wrap_reason dd {
  border-top: 1px dashed #aaa;
  display: grid;
  font-size: 1.6rem;
  gap: 0.8rem;
  grid-column: 1/4;
  grid-row: auto;
  padding: 1.2rem;
  place-items: center;
}

.section_reason .wrap_reason dd .type {
  display: grid;
  font-weight: 600;
  grid-column: 1/2;
  grid-row: auto;
  text-align: center;
  width: 30vw;
}

.section_reason .wrap_reason dd .type_logo {
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
  width: 9.6rem;
}

.section_reason .wrap_reason dd .img_evaluation {
  display: grid;
  grid-column: 2/3;
  grid-row: auto;
  height: 2.2rem;
  width: 2.2rem;
}

.section_reason .wrap_reason dd .situation {
  display: grid;
  grid-column: 3/4;
  grid-row: auto;
  width: 44vw;
}

.section_reason .wrap_reason dd.best {
  background: #fdf4f4;
  border-radius: 0.8rem;
  border-top: none;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0.8rem;
}

.section_reason .wrap_reason dd.best .img_evaluation {
  height: 2.8rem;
  width: 2.8rem;
}

.section_flow {
  background: #fcf3e6;
  padding: 2.4rem 0;
}

.section_flow .list_flow {
  margin: 0 1.2rem;
}

.section_flow .list_flow li {
  background: #fff;
  border: 2px solid #ee827c;
  border-radius: 0.8rem;
  margin-bottom: 5.4rem;
  padding: 3.2rem 1.2rem 1.6rem;
  position: relative;
}

.section_flow .list_flow li::after {
  border-bottom: 1.8rem solid transparent;
  border-left: 3.6rem solid transparent;
  border-right: 3.6rem solid transparent;
  border-top: 1.8rem solid #ee827c;
  content: "";
  left: calc(50% - 3.6rem);
  position: absolute;
  bottom: -4.8rem;
}

.section_flow .list_flow li:last-child {
  margin-bottom: 3.2rem;
}

.section_flow .list_flow li:last-child::after {
  display: none;
}

.section_flow .list_flow li h3 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 0.8rem;
  text-align: center;
}

.section_flow .list_flow li .number {
  align-items: center;
  background: #ee827c;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font-size: 2.4rem;
  font-weight: 600;
  height: 4rem;
  justify-content: center;
  left: calc(50% - 2rem);
  position: absolute;
  top: -2rem;
  width: 4rem;
}

.section_flow .list_flow li .icon_inquiry {
  display: block;
  height: 4.6rem;
  margin: 0 auto 0.8rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.section_flow .list_flow li .icon_apply {
  display: block;
  height: 4rem;
  margin: 0 auto 0.8rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.section_flow .list_flow li .icon_device {
  color: #ee827c;
  font-family: "Material Icons Outlined";
  font-size: 4.8rem;
  line-height: 1;
  margin: 0 0.8rem 0.8rem;
  text-align: center;
}

.section_flow .list_flow li p {
  font-size: 1.6rem;
}

.footer_partnership {
  padding: 6rem 0;
  text-align: center;
}

.footer_partnership .txt_copyright {
  font-size: 1.2rem;
}

@media (max-width: 360px) {
  .header_partnership {
    padding: 0 1.2rem 1.6rem;
  }

  .header_partnership_top {
    margin: 0;
  }

  .header_partnership h1 {
    font-size: 2rem;
    margin: 0 -1.2rem 0.8rem 0;
  }

  .header_partnership h1 em {
    font-size: 3.2rem;
  }

  .header_partnership h1 strong span {
    font-size: 3.2rem;
  }

  .header_partnership .bubble_txt {
    left: 72%;
  }

  .section_reason .wrap_reason dd {
    padding: 1.2rem 0;
  }

  .section_reason .wrap_reason dd .type {
    width: 35vw;
  }
}

@media (min-width: 768px) {
  .visible_xs {
    display: none;
  }

  .visible_md {
    display: block;
  }

  .header_partnership {
    background: linear-gradient(to bottom, #fff 6.4rem, #ee827c 6.4rem);
    padding: 0;
  }

  .header_partnership_top {
    height: 6.4rem;
    margin: 0 auto;
    max-width: 1024px;
    width: calc(100% - 2.4rem);
  }

  .header_partnership_top .logo {
    height: 3.6rem;
  }

  .header_partnership .fv {
    margin: 0 auto 2.4rem;
    max-width: 1024px;
    padding: 4.8rem 0 6rem;
    position: relative;
    width: calc(100% - 2.4rem);
  }

  .header_partnership h1 {
    font-size: 4.8rem;
    margin: 0 0 1.6rem;
  }

  .header_partnership h1 em {
    font-size: 5.6rem;
  }

  .header_partnership h1 strong span {
    font-size: 5.6rem;
  }

  .header_partnership .bubble_txt {
    font-size: 3.2rem;
    height: 12rem;
    left: 40%;
    top: 13rem;
    width: 12rem;
  }

  .header_partnership .bubble_txt::before {
    border-bottom: 10px solid transparent;
    border-left: 24px solid #fff;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    bottom: -0.5rem;
    content: "";
    left: -0.5rem;
  }

  .header_partnership .img_logo {
    height: 6rem;
    margin-right: 0.8rem;
  }

  .header_partnership .img_web {
    max-width: 42rem;
    position: absolute;
    right: 0;
    top: 7.5rem;
  }

  .header_partnership .lead_txt {
    -webkit-clip-path: polygon(0 0, 100% 0, 99% 50%, 100% 100%, 0 100%, 1% 50%);
            clip-path: polygon(0 0, 100% 0, 99% 50%, 100% 100%, 0 100%, 1% 50%);
    display: inline-flex;
    font-size: 2rem;
    height: 4rem;
    margin: 0;
    padding: 0 2.4rem;
    width: auto;
  }

  .main_partnership h2 {
    font-size: 2.8rem;
    margin-bottom: 2.4rem;
  }

  .main_partnership .btn_contact {
    height: 6.4rem;
    margin: 2.4rem auto;
    max-width: 64rem;
    width: calc(100% - 4.8rem);
  }

  .main_partnership .btn_contact_txt {
    font-size: 2.2rem;
  }

  .section_features {
    margin-bottom: 2.4rem;
    padding: 3.2rem 0;
  }

  .section_features h3 {
    font-size: 2.4rem;
  }

  .section_features h4 {
    font-size: 2rem;
  }

  .section_features p {
    padding: 0;
    text-align: center;
  }

  .section_features .list_feature {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 auto 4.4rem;
    max-width: 860px;
  }

  .section_features .list_feature li {
    align-items: flex-start;
    border-radius: 50%;
    box-shadow: none;
    font-size: 2.4rem;
    height: 26rem;
    margin-bottom: 0;
    padding: 6rem 0 0;
    width: 26rem;
  }

  .section_features .list_feature li::after {
    display: none;
  }

  .section_features .list_feature li.item_facility::before {
    background: no-repeat 0/6.4rem url(/img/lp/partnership/icon_facility.png);
    bottom: 5rem;
    height: 6.4rem;
    left: calc(50% - 3.2rem);
    width: 6.4rem;
  }

  .section_features .list_feature li.item_operator::before {
    background: no-repeat 0/5rem url(/img/lp/partnership/icon_operator.png);
    bottom: 5rem;
    height: 6.4rem;
    left: calc(50% - 2.5rem);
    width: 6.4rem;
  }

  .section_features .list_feature li.item_yen::before {
    background: no-repeat 0/6.4rem url(/img/lp/partnership/icon_yen.png);
    bottom: 5rem;
    height: 6.4rem;
    left: calc(50% - 3.2rem);
    width: 6.4rem;
  }

  .section_features .list_feature li a {
    pointer-events: none;
    height: 0;
    width: 0;
  }

  .section_features .img_flow {
    margin: 0 auto;
    max-width: 980px;
  }

  .section_features .blk_counselor {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    display: grid;
    grid-template-columns: 1fr 48%;
    grid-template-rows: auto;
    margin: 0 2.4rem;
  }

  .section_features .txt_counselor {
    grid-column: 1/2;
    grid-row: 1/2;
    margin-bottom: 1.6rem;
    text-align: left;
  }

  .section_features .map_counselor {
    grid-column: 2/3;
    grid-row: 1/3;
    margin: 0;
    max-width: 468px;
    width: 100%;
  }

  .section_features .box_consult {
    grid-column: 1/2;
    grid-row: 2/3;
    margin: 0;
  }

  .section_reason {
    padding: 3.2rem 0 0;
  }

  .section_reason .wrap_reason {
    margin: 0 auto 5.6rem;
    max-width: 1024px;
  }

  .section_reason .wrap_reason .blk_type {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 28% 28% 28%;
    grid-template-rows: auto;
    height: 7.2rem;
    margin-bottom: 0.8rem;
  }

  .section_reason .wrap_reason .blk_type .type_best {
    background: #fdf4f4;
    border-radius: 0.8rem;
    display: grid;
    font-size: 1.6rem;
    font-weight: 600;
    grid-column: 2/3;
    grid-row: 1/2;
    place-content: center;
  }

  .section_reason .wrap_reason .blk_type .type_best .type_logo {
    display: grid;
    height: 2.8rem;
    margin: 0.4rem auto;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .section_reason .wrap_reason .blk_type .type_charge {
    background: #f5f5f5;
    border-radius: 0.8rem;
    display: grid;
    font-size: 1.6rem;
    font-weight: 600;
    grid-column: 3/4;
    grid-row: 1/2;
    place-content: center;
  }

  .section_reason .wrap_reason .blk_type .type_advertising {
    background: #f5f5f5;
    border-radius: 0.8rem;
    display: grid;
    font-size: 1.6rem;
    font-weight: 600;
    grid-column: 4/5;
    grid-row: 1/2;
    place-content: center;
  }

  .section_reason .wrap_reason dl {
    border-bottom: 1px dashed #aaa;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    grid-template-columns: 1fr 28% 28% 28%;
    margin-bottom: 0;
  }

  .section_reason .wrap_reason dl.load {
    border-bottom: none;
  }

  .section_reason .wrap_reason dt {
    grid-column: 1/2;
    grid-row: 1/3;
    margin: 0.8rem 0;
    place-content: center;
  }

  .section_reason .wrap_reason .cost dt {
    margin: 0 0 0.8rem;
  }

  .section_reason .wrap_reason .load dt {
    margin: 0.8rem 0 0;
  }

  .section_reason .wrap_reason dd {
    border-top: none;
    gap: initial;
    grid-column: auto;
    grid-row: auto;
    padding: 1.8rem 1.2rem;
    place-content: baseline center;
    text-align: center;
  }

  .section_reason .wrap_reason dd .type {
    display: none;
  }

  .section_reason .wrap_reason dd.best {
    border-radius: 0;
    margin: 0;
  }

  .section_reason .wrap_reason dd.best .img_evaluation {
    display: grid;
    grid-column: 2/3;
    grid-row: 1/2;
    height: 4rem;
    margin-bottom: 0.8rem;
    width: 4rem;
  }

  .section_reason .wrap_reason dd.best .situation {
    display: grid;
    grid-column: 2/3;
    grid-row: 2/3;
    width: auto;
  }

  .section_reason .wrap_reason dd.charge {
    margin-bottom: 0.8rem;
  }

  .section_reason .wrap_reason dd.charge .img_evaluation {
    display: grid;
    grid-column: 3/4;
    grid-row: 1/2;
    height: 3.6rem;
    margin-bottom: 0.8rem;
    width: 3.6rem;
  }

  .section_reason .wrap_reason dd.charge .situation {
    display: grid;
    grid-column: 3/4;
    grid-row: 2/3;
    width: auto;
  }

  .section_reason .wrap_reason dd.advertising {
    margin-bottom: 0.8rem;
  }

  .section_reason .wrap_reason dd.advertising .img_evaluation {
    display: grid;
    grid-column: 4/5;
    grid-row: 1/2;
    height: 3.6rem;
    margin-bottom: 0.8rem;
    width: 3.6rem;
  }

  .section_reason .wrap_reason dd.advertising .situation {
    display: grid;
    grid-column: 4/5;
    grid-row: 2/3;
    width: auto;
  }

  .section_reason .wrap_reason .cost .best {
    border-radius: 0.8rem 0.8rem 0 0;
  }

  .section_reason .wrap_reason .load .best {
    border-radius: 0 0 0.8rem 0.8rem;
  }

  .section_flow {
    padding: 3.2rem 0;
  }

  .section_flow .list_flow {
    -moz-column-gap: 3.2rem;
         column-gap: 3.2rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    margin: 2rem auto 3.6rem;
    max-width: 1024px;
    padding-top: 2rem;
  }

  .section_flow .list_flow li {
    height: 100%;
    margin-bottom: 0;
  }

  .section_flow .list_flow li::after {
    border-bottom: 3.6rem solid transparent;
    border-left: 1.8rem solid #ee827c;
    border-right: 1.8rem solid transparent;
    border-top: 3.6rem solid transparent;
    left: calc(100% + 1rem);
    bottom: calc(50% - 3.6rem);
  }

  .section_flow .list_flow li p {
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .header_partnership .img_web {
    max-width: 36%;
    top: 12rem;
  }

  .header_partnership .bubble_txt {
    height: 11rem;
    left: 40rem;
    width: 11rem;
  }
}
/*# sourceMappingURL=partnership.css.map*/