@charset "UTF-8";
@media only screen and (min-width: 751px) {
  .u-sp {
    display: none; } }

@media only screen and (max-width: 750px) {
  .u-pc {
    display: none; } }

#cont.jinrikisha-cont {
  color: #333333;
  overflow: hidden; }
  #cont.jinrikisha-cont * {
    box-sizing: border-box; }
    #cont.jinrikisha-cont *::after, #cont.jinrikisha-cont *::before {
      box-sizing: border-box; }
  @media only screen and (min-width: 751px) {
    #cont.jinrikisha-cont .pan {
      margin-bottom: 30px; } }
.jnr-base__in {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto; }

.jnr-hero img {
  width: 100%;
  height: auto; }

.jnr-shops {
  margin-top: 90px; }
  @media only screen and (max-width: 750px) {
    .jnr-shops {
      margin-top: 40px; } }
  .jnr-shops__h {
    text-align: center; }
    .jnr-shops__h img {
      max-width: 100%;
      height: auto; }
      @media only screen and (max-width: 750px) {
        .jnr-shops__h img {
          max-width: 206px; } }
  .jnr-shops__blocks {
    margin-top: 50px; }
    @media only screen and (max-width: 750px) {
      .jnr-shops__blocks {
        margin-top: 20px; } }
  .jnr-shops__note {
    margin-top: 25px;
    text-align: center; }
    @media only screen and (max-width: 750px) {
      .jnr-shops__note {
        margin-top: 18px; } }
  .jnr-shops__fig {
    margin-top: 55px;
    text-align: center; }
    .jnr-shops__fig img {
      max-width: 100%;
      height: auto; }
    @media only screen and (max-width: 750px) {
      .jnr-shops__fig {
        margin-top: 50px; } }
.jnr-note {
  display: inline-block;
  position: relative;
  padding-left: 1em;
  font-size: 14px;
  line-height: 1.3; }
  .jnr-note::before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    content: '※'; }
  @media only screen and (max-width: 750px) {
    .jnr-note {
      font-size: 12px;
      text-align: left; } }
.jnr-shop {
  position: relative; }
  .jnr-shop + .jnr-shop {
    margin-top: 40px; }
    @media only screen and (max-width: 750px) {
      .jnr-shop + .jnr-shop {
        margin-top: 15px; } }
  .jnr-shop__header {
    display: flex;
    justify-content: center;
    background-color: #f2537c;
    padding: 20px 0;
    color: #ffffff; }
    @media only screen and (max-width: 750px) {
      .jnr-shop__header {
        padding: 15px 0; } }
    .jnr-shop__header__txt {
      position: relative;
      font-size: 32px;
      text-align: center;
      line-height: 1.3; }
      @media only screen and (max-width: 750px) {
        .jnr-shop__header__txt {
          font-size: 16px; } }
      .jnr-shop__header__txt::after {
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        right: -42px;
        margin-top: -4px;
        border-style: solid;
        border-width: 9px 13px 0 13px;
        border-color: currentcolor transparent transparent transparent;
        content: ''; }
        @media only screen and (max-width: 750px) {
          .jnr-shop__header__txt::after {
            border-width: 4px 6px 0 6px;
            margin-top: -2px;
            right: -20px; } }
  .jnr-shop__body {
    border-right: 1px solid #f2537c;
    border-bottom: 1px solid #f2537c;
    border-left: 1px solid #f2537c;
    background-color: #ffffff; }
    .jnr-shop__body__in {
      padding: 26px 30px 30px; }
      @media only screen and (max-width: 750px) {
        .jnr-shop__body__in {
          padding: 12px 10px 18px; } }
  .jnr-shop__lead {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center; }
    @media only screen and (max-width: 750px) {
      .jnr-shop__lead {
        font-size: 14px; } }
  .jnr-shop__cont {
    margin-top: 30px;
    text-align: center; }
    .jnr-shop__cont img {
      max-width: 100%;
      height: auto; }
      @media only screen and (max-width: 750px) {
        .jnr-shop__cont img {
          max-width: 305px; } }
  .jnr-shop__note {
    margin-top: 10px;
    text-align: center; }

.jnr-special {
  margin-top: 65px; }
  @media only screen and (max-width: 750px) {
    .jnr-special {
      margin-top: 30px; } }
  .jnr-special__h {
    text-align: center; }
    .jnr-special__h img {
      max-width: 100%;
      height: auto; }
      @media only screen and (max-width: 750px) {
        .jnr-special__h img {
          max-width: 246px; } }
  .jnr-special__body {
    margin-top: 35px;
    text-align: center; }
    @media only screen and (max-width: 750px) {
      .jnr-special__body {
        margin-top: 20px; } }
    .jnr-special__body img {
      max-width: 100%;
      height: auto; }
      @media only screen and (max-width: 750px) {
        .jnr-special__body img {
          max-width: 294px; } }
  .jnr-special__notes {
    display: flex;
    justify-content: center;
    margin-top: 25px; }
    @media only screen and (max-width: 750px) {
      .jnr-special__notes {
        margin-top: 25px; } }
    .jnr-special__notes li + li {
      margin-top: 0.8em; }
      @media only screen and (max-width: 750px) {
        .jnr-special__notes li + li {
          margin-top: 0.5em; } }
  .jnr-special__fig {
    margin-top: 55px;
    text-align: center; }
    .jnr-special__fig img {
      max-width: 100%;
      height: auto; }
    @media only screen and (max-width: 750px) {
      .jnr-special__fig {
        margin-top: 25px; } }
.jnr-contact {
  margin-top: 65px; }
  @media only screen and (max-width: 750px) {
    .jnr-contact {
      margin-top: 50px; } }
  .jnr-contact__h {
    text-align: center; }
    .jnr-contact__h img {
      max-width: 100%;
      height: auto; }
  @media only screen and (min-width: 751px) {
    .jnr-contact__btns {
      display: flex;
      justify-content: space-between;
      margin-top: 35px; } }
  @media only screen and (max-width: 750px) {
    .jnr-contact__btns {
      margin-top: 15px; } }
  @media only screen and (min-width: 751px) {
    .jnr-contact__btns__item {
      width: 46%; }
      .jnr-contact__btns__item.is-contact {
        width: 52%; } }
  @media only screen and (max-width: 750px) {
    .jnr-contact__btns__item + .jnr-contact__btns__item {
      margin-top: 18px; } }
  .jnr-contact__btn {
    display: inline-block; }
    .jnr-contact__btn img {
      width: 100%;
      height: auto; }

.jnr-gallery {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px; }
  .jnr-gallery__items {
    display: flex;
    flex-wrap: wrap; }
  .jnr-gallery__item {
    width: 50%; }
    .jnr-gallery__item.is-s {
      width: 33.3333333333%; }
  .jnr-gallery__img {
    cursor: pointer; }
    .jnr-gallery__img img {
      width: 100%;
      height: auto; }

.lp-flow {
  margin-top: 80px; }
  @media only screen and (max-width: 750px) {
    .lp-flow {
      margin-top: 40px; } }
  .lp-flow h2 {
    padding: 22px;
    background-color: #f2537c;
    text-align: center; }
    @media only screen and (max-width: 750px) {
      .lp-flow h2 {
        padding: 11px; }
        .lp-flow h2 img {
          width: 127px; } }
  .lp-flow-body {
    padding: 39px;
    border: 1px solid #f2537c; }
    @media only screen and (max-width: 750px) {
      .lp-flow-body {
        padding: 19px; } }
.lp-flow-list-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .lp-flow-list-item + .lp-flow-list-item {
    margin-top: 30px; }
    @media only screen and (max-width: 750px) {
      .lp-flow-list-item + .lp-flow-list-item {
        margin-top: 15px; } }
  .lp-flow-list-item-num-wrap {
    width: 62px; }
    @media only screen and (max-width: 750px) {
      .lp-flow-list-item-num-wrap {
        width: 31px; } }
  .lp-flow-list-item-num {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 62px;
    height: 62px;
    background-color: #f2537c;
    border-radius: 4px;
    color: #ffffff;
    font-size: 26px; }
    @media only screen and (max-width: 750px) {
      .lp-flow-list-item-num {
        width: 31px;
        height: 31px;
        font-size: 13px; } }
  .lp-flow-list-item-body {
    width: calc(100% - 90px);
    color: #6a645f;
    line-height: 1.5; }
    @media only screen and (max-width: 750px) {
      .lp-flow-list-item-body {
        width: calc(100% - 45px); } }
    .lp-flow-list-item-body h3 {
      font-size: 28px;
      font-weight: bold;
      line-height: 1.2; }
      @media only screen and (max-width: 750px) {
        .lp-flow-list-item-body h3 {
          font-size: 17px; } }
    .lp-flow-list-item-body-main {
      margin-top: 10px;
      font-size: 20px; }
      @media only screen and (max-width: 750px) {
        .lp-flow-list-item-body-main {
          font-size: 13px; } }
.lp-notes {
  margin-top: 5px; }
  .lp-notes li {
    position: relative;
    padding-left: 1em;
    font-size: 16px; }
    @media only screen and (max-width: 750px) {
      .lp-notes li {
        font-size: 12px; } }
    .lp-notes li + li {
      margin-top: 3px; }
    .lp-notes li > span {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0; }

.lp-lbox {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .lp-lbox-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
  .lp-lbox-main {
    position: relative; }
    .lp-lbox-main-img img {
      max-width: 80vw;
      max-height: 80vh; }
  .lp-lbox-close {
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer; }
    @media only screen and (max-width: 750px) {
      .lp-lbox-close {
        top: 20px;
        right: 20px; }
        .lp-lbox-close img {
          width: 19px;
          height: auto; } }
  .lp-lbox.is-show {
    pointer-events: auto;
    opacity: 1; }