@charset "UTF-8";
.c-logoshome-logo {
  width: 22.2rem;
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .c-logoshome-logo {
    width: 17.9rem;
  }
}

.c-housingcafe-logo {
  width: 21.9rem;
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .c-housingcafe-logo {
    width: 17.7rem;
  }
}

.c-section-title-text {
  font-size: 3.8rem;
  line-height: 1.21053;
  letter-spacing: .14em;
  font-weight: 700;
  text-align: center;
}

.c-section-subtitle-text {
  font-size: 1.5rem;
  line-height: 2.4;
  letter-spacing: .36em;
  text-align: center;
}

@-webkit-keyframes floatingAnima {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 1rem);
            transform: translate(0, 1rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes floatingAnima {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(0, 1rem);
            transform: translate(0, 1rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.c-floating-item {
  -webkit-animation: 'floatingAnima' 3s ease 0s infinite;
          animation: 'floatingAnima' 3s ease 0s infinite;
}

.c-notice-box {
  padding: 1rem 0;
}

.c-bn_amazon_present {
  padding: 0 0 10px;
}

.c-bn_amazon_present img {
  width: 100%;
  height: auto;
}

.c-orange-big-font {
  color: #f99d29;
  font-size: 120%;
  font-weight: bold;
  vertical-align: baseline;
}

.c-map-link, .c-map-link-white {
  padding: 2rem 0 0;
  text-align: right;
}

.c-map-link a, .c-map-link-white a {
  color: #00397b;
  font-size: 1.6rem;
  line-height: 2.125;
  font-weight: 500;
  padding: 0 6rem;
  display: inline-block;
  border: 2px solid #00397b;
  text-align: center;
  position: relative;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

@media screen and (max-width: 750px) {
  .c-map-link a, .c-map-link-white a {
    font-size: 2.4rem;
    line-height: 1.91667;
    border: 1px solid #00397b;
  }
}

.c-map-link a::after, .c-map-link-white a::after {
  content: '';
  width: .8rem;
  height: 1.2rem;
  display: inline-block;
  border-top: .6rem solid transparent;
  border-right: 0rem solid transparent;
  border-bottom: .6rem solid transparent;
  border-left: .8rem solid #00397b;
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.c-map-link a:hover, .c-map-link-white a:hover {
  color: #fff;
  background: #00397b;
}

.c-map-link a:hover::after, .c-map-link-white a:hover::after {
  border-top: .6rem solid transparent;
  border-right: 0rem solid transparent;
  border-bottom: .6rem solid transparent;
  border-left: .8rem solid #fff;
  right: 1rem;
}

.c-map-link-white a {
  color: #fff;
  border: 2px solid #fff;
}

@media screen and (max-width: 750px) {
  .c-map-link-white a {
    border: 1px solid #fff;
  }
}

.c-map-link-white a::after {
  border-left: 0.8rem solid #fff;
}

.c-difference_link-icon {
  width: 11.2rem;
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .c-difference_link-icon {
    width: 14rem;
  }
}

.c-sns-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem 0;
}

.c-sns-box a {
  width: 40px;
  display: inline-block;
  margin: 0 2rem;
}

@media screen and (max-width: 750px) {
  .c-sns-box a {
    width: 8rem;
    margin: 0 3rem;
  }
}

.c-icon::before, .c-icon-date::before, .c-icon-date-gray::before, .c-icon-clock::before, .c-icon-pin::before, .c-icon-pin-gray::before, .c-icon-present::before, .c-icon-flag::before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  background: no-repeat center/100%;
}

.c-icon-date::before {
  background-image: url(../images/common/icon_calendar.png);
}

.c-icon-date-gray::before {
  background-image: url(../images/common/icon_calendar_gray.png);
}

.c-icon-clock::before {
  background-image: url(../images/common/icon_clock.png);
}

.c-icon-pin::before {
  background-image: url(../images/common/icon_pin.png);
}

.c-icon-pin-gray::before {
  background-image: url(../images/common/icon_pin_gray.png);
}

.c-icon-present::before {
  background-image: url(../images/common/icon_present.png);
}

.c-icon-flag::before {
  background-image: url(../images/common/icon_flag.png);
}

.p-footer {
  color: #fff;
  background: #2a3248;
  padding: 14rem 0 5.8rem;
}

@media screen and (max-width: 750px) {
  .p-footer {
    padding: 6rem 0 16rem;
  }
}

.p-footer_privacy-box {
  text-align: center;
  padding: 1rem 0;
}

.p-footer_privacy {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: .12em;
  font-weight: 500;
}

.p-copyright-box {
  padding: 1rem 0;
}

.p-copyright {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
}

.page-top {
  display: none;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 500;
}

@media screen and (max-width: 750px) {
  .page-top {
    bottom: 15rem;
  }
}

.page-top-btn {
  width: 6rem;
  height: 6rem;
  display: inline-block;
  border-radius: 50%;
}

.p-flyer {
  padding: 5% 0;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-flyer_inner {
  width: 78%;
  max-width: 150rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .p-flyer_inner {
    width: 100%;
    padding: 0 2rem;
  }
}

.p-flyer_img img {
  width: 100%;
  height: auto;
}

.p-model-menu {
  padding: 18rem 0 0;
}

.p-model-menu_inner {
  padding: 4% 0 1%;
  width: 100%;
  background: no-repeat center/cover url("../images/model-menu/model_menu_bg.jpg") fixed;
  position: relative;
}

@media screen and (max-width: 750px) {
  .p-model-menu_inner {
    padding: 25% 0 1%;
    background: no-repeat center/cover url("../images/model-menu/model_menu_bg.jpg");
  }
}

.p-model-menu_title {
  width: 51.7rem;
  position: absolute;
  top: 0;
  left: 25rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

@media screen and (max-width: 750px) {
  .p-model-menu_title {
    position: absolute;
    left: 1rem;
    width: 70%;
  }
}

.p-model-menu_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  max-width: 1155px;
  margin: 0 auto 2%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
  .p-model-menu_list {
    width: 100%;
  }
}

.p-model-menu_list_item {
  width: 48%;
}

@media screen and (max-width: 750px) {
  .p-model-menu_list_item {
    width: 80%;
  }
}

.p-model-menu_list_item-big {
  width: 90%;
}

.p-model-menu_list_link {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.75;
  text-align: center;
}

.p-model-menu .pre_box {
  width: 39%;
  max-width: 750px;
  margin: 0 auto 2%;
}

@media screen and (max-width: 750px) {
  .p-model-menu .pre_box {
    width: 94%;
    margin: 2% auto 2%;
  }
}

.p-model-list {
  width: 100%;
  background-color: #fff;
  padding: 4rem 0 0;
}

.p-model {
  padding: 12rem 0 0;
}

.p-model_inner {
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  padding: 2% 0;
  position: relative;
}

@media screen and (max-width: 750px) {
  .p-model_inner {
    padding: 15% 5% 4%;
  }
}

.p-model_inner::before {
  content: '';
  width: 133px;
  height: 46px;
  display: inline-block;
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  position: absolute;
  right: 5%;
}

@media screen and (max-width: 750px) {
  .p-model_inner::before {
    width: 20rem;
    height: 4.5rem;
  }
}

.p-model-housing:before {
  background-image: url("../images/common/housingcafe_logo.png");
}

.p-model-housing-white::before {
  background-image: url("../images/common/housingcafe_logo_w.png");
}

.p-model-logos:before {
  background-image: url("../images/common/logoshome_logo.png");
}

.p-model-logos-white:before {
  background-image: url("../images/common/logoshome_logo_w.png");
}

.p-model_type-text {
  position: absolute;
  top: -7rem;
  left: 10%;
  font-family: 'Ubuntu', sans-serif;
  letter-spacing: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 750px) {
  .p-model_type-text {
    top: -6rem;
    left: 2%;
  }
}

.p-model_type-text span {
  font-size: 3.1rem;
  -webkit-transform: translate(0, 60%);
          transform: translate(0, 60%);
}

@media screen and (max-width: 750px) {
  .p-model_type-text span {
    font-size: 4.8rem;
    -webkit-transform: translate(0, 20%);
            transform: translate(0, 20%);
  }
}

.p-model_flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 750px) {
  .p-model_flexbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-model_flexbox-left {
  width: 45%;
  padding: 1%;
}

@media screen and (max-width: 750px) {
  .p-model_flexbox-left {
    width: 100%;
    padding: 2.5rem;
  }
}

.p-model_flexbox-right {
  width: 85%;
  margin-right: -20rem;
}

@media screen and (max-width: 750px) {
  .p-model_flexbox-right {
    width: 100%;
    margin: 0;
  }
}

.p-model_box {
  padding: 1rem 0 0;
}

.p-model_box-01 {
  width: 70%;
  max-width: 1185px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .p-model_box-01 {
    width: 100%;
    max-width: 100%;
    padding: 0 0 6rem;
  }
}

.p-model_box-01_title-img {
  width: 65%;
  max-width: 450px;
  padding: 4% 0;
  margin: 0 auto;
}

.p-model_box-01_title {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .p-model_box-01_title {
    font-size: 4rem;
    line-height: 1.75;
    letter-spacing: .08em;
  }
}

.p-model_box-01_address {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  padding: 0 3%;
  display: inline-block;
  background: #fff;
}

@media screen and (max-width: 750px) {
  .p-model_box-01_address {
    font-size: 3rem;
    line-height: 2;
  }
}

.p-model_box-01_subtitle {
  font-size: 17px;
  line-height: 1.75;
  font-weight: bold;
  text-align: left;
}

@media screen and (max-width: 750px) {
  .p-model_box-01_subtitle {
    font-size: 3rem;
  }
}

.p-model_box-01_text {
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .p-model_box-01_text {
    font-size: 2.4rem;
  }
}

.p-model_box-01_text-border, .p-model_box-01_text-border-white {
  font-size: 1.8rem;
  font-weight: bold;
  width: 100%;
  padding: 1.8rem 1rem;
  border: 0.3rem solid #000;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .p-model_box-01_text-border, .p-model_box-01_text-border-white {
    font-size: 2.6rem;
  }
}

.p-model_box-01_text-border-white {
  border: 0.3rem solid #fff;
}

.p-model_pickup, .p-model_pickup-flexwrap {
  width: 100%;
  max-width: 1152px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 750px) {
  .p-model_pickup, .p-model_pickup-flexwrap {
    padding: 0 5vw;
  }
}

.p-model_pickup-flexwrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-model_pickup-item, .p-model_pickup-item-single, .p-model_pickup-flexwrap-item {
  width: 30%;
  padding: 5% 0;
  margin: 0 auto;
  text-align: left;
}

@media screen and (max-width: 750px) {
  .p-model_pickup-item, .p-model_pickup-item-single, .p-model_pickup-flexwrap-item {
    width: 100%;
  }
  .p-model_pickup-item img, .p-model_pickup-item-single img, .p-model_pickup-flexwrap-item img {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}

.p-model_pickup-item-single {
  width: 100%;
}

.p-model_pickup-flexwrap-item {
  width: 50%;
  max-width: 50%;
  padding: 2% 4% 3%;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .p-model_pickup-flexwrap-item {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
}

.p-model_pickup-item_box {
  padding: 9% 0;
}

@media screen and (max-width: 750px) {
  .p-model_pickup-item_box {
    padding: 10% 0;
    text-align: center;
  }
}

.p-model_pickup-item_title, .p-model_pickup-item_title-white {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (max-width: 750px) {
  .p-model_pickup-item_title, .p-model_pickup-item_title-white {
    font-size: 2.8rem;
    letter-spacing: .12em;
    text-align: center;
  }
}

.p-model_pickup-item_title::before, .p-model_pickup-item_title-white::before, .p-model_pickup-item_title::after, .p-model_pickup-item_title-white::after {
  content: '';
  width: .5em;
  height: .1em;
  margin: 0 .5em;
  display: inline-block;
  background: #000;
}

.p-model_pickup-item_title-white {
  color: #fff;
}

.p-model_pickup-item_title-white::before, .p-model_pickup-item_title-white::after {
  background: #fff;
}

.p-model_pickup-item_text {
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .p-model_pickup-item_text {
    font-size: 2.6rem;
    letter-spacing: .12em;
  }
}

.p-model_gallery-list {
  list-style-type: none;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  -ms-grid-columns: 2fr 1fr 1.5fr;
      grid-template-columns: 2fr 1fr 1.5fr;
  -ms-grid-rows: 200px 300px 250px 250px auto;
      grid-template-rows: 200px 300px 250px 250px auto;
}

@media screen and (max-width: 1200px) {
  .p-model_gallery-list {
    grid-gap: 1rem;
    gap: 1rem;
    -ms-grid-rows: 20rem 30rem 25rem 25rem auto;
        grid-template-rows: 20rem 30rem 25rem 25rem auto;
  }
}

@media screen and (max-width: 750px) {
  .p-model_gallery-list {
    -ms-grid-rows: 10rem 15rem 12.5rem 12.5rem auto;
        grid-template-rows: 10rem 15rem 12.5rem 12.5rem auto;
  }
}

.p-model_gallery-list_item {
  font-size: 26px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-model_gallery-list_la_1 {
  grid-row: 1 / span 2;
  -ms-grid-row: 1;
}

.p-model_gallery-list_la_2 {
  grid-column: 2 / span 2;
  -ms-grid-column: 2;
}

.p-model_gallery-list_la_5 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  grid-row: 3/ span 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / span 2;
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.p-model_gallery-list_la_7 {
  grid-row: 4 / span 2;
  -ms-grid-row: 4;
}

.p-model_gallery-notice {
  font-size: 13px;
  line-height: 1.75;
  letter-spacing: .1em;
  padding: 2rem 0;
}

@media screen and (max-width: 750px) {
  .p-model_gallery-notice {
    font-size: 2rem;
  }
}

.p-model_details {
  width: 100%;
  max-width: 1300px;
  padding: 5% 0 2.5%;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-model_details_flexbox-left {
  width: 52%;
  padding: 5%;
}

@media screen and (max-width: 750px) {
  .p-model_details_flexbox-left {
    width: 100%;
    padding: 0 0 5%;
  }
}

.p-model_details_flexbox-right {
  width: 48%;
  padding: 0 2%;
}

@media screen and (max-width: 750px) {
  .p-model_details_flexbox-right {
    width: 100%;
  }
}

.p-model_details_flexbox-right iframe {
  width: 100%;
  height: 400px;
  border: 0;
}

@media screen and (max-width: 750px) {
  .p-model_details_flexbox-right iframe {
    height: 50vw;
  }
}

.p-model_details_title {
  font-size: 33px;
  line-height: 1.81818;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .p-model_details_title {
    font-size: 3.8rem;
    line-height: 2.15789;
  }
}

.p-model_details_main {
  font-size: 17px;
  line-height: 1.88235;
  vertical-align: baseline;
  letter-spacing: .12em;
}

@media screen and (max-width: 750px) {
  .p-model_details_main {
    font-size: 2.6rem;
    line-height: 1.76923;
    letter-spacing: .1em;
  }
}

.p-model_details-price {
  color: #9e8b79;
  font-size: 17px;
  padding: 2rem 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 5px solid #c2ae95;
  -webkit-box-shadow: 7px 7px #c2ae95;
          box-shadow: 7px 7px #c2ae95;
}

@media screen and (max-width: 750px) {
  .p-model_details-price {
    font-size: 3rem;
  }
}

.p-model_details-price_head {
  font-weight: bold;
}

.p-model_details-price_catch {
  font-weight: bold;
  text-align: center;
}

.p-model_details-price_num span {
  font-size: 48px;
  font-weight: bold;
  vertical-align: baseline;
  letter-spacing: .08em;
}

@media screen and (max-width: 750px) {
  .p-model_details-price_num span {
    font-size: 8rem;
  }
}

.p-model_details-price_data-list {
  font-size: 16px;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .p-model_details-price_data-list {
    font-size: 2.6rem;
  }
}

.p-model_details_text-small {
  font-size: 14px;
}

@media screen and (max-width: 750px) {
  .p-model_details_text-small {
    font-size: 2.2rem;
  }
}

.p-model_details_data {
  text-align: left;
  font-size: 14px;
  padding: 2% 0;
  border-bottom: 1px solid #a0a0a0;
  border-top: 1px solid #a0a0a0;
}

@media screen and (max-width: 750px) {
  .p-model_details_data {
    font-size: 2.2rem;
  }
}

.js-model-slider-sp .slick-arrow {
  z-index: 10;
}

.js-model-slider-sp .slick-next, .js-model-slider-sp .slick-prev {
  width: 8rem;
  height: 14rem;
  top: 40% !important;
}

.js-model-slider-sp .slick-prev {
  left: -3.5rem;
}

.js-model-slider-sp .slick-next {
  right: -3.5rem;
}

.js-model-slider-sp .slick-prev::before,
.js-model-slider-sp .slick-next::before {
  font-family: unset;
  content: '';
  width: 3rem;
  height: 3rem;
  opacity: .7;
  display: inline-block;
  position: absolute;
}

.js-model-slider-sp .slick-prev::before {
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
  right: 15%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.js-model-slider-sp .slick-next::before {
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  left: 15%;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.p-model_logo {
  width: 65%;
  max-width: 450px;
  padding: 4% 0;
  margin: 0 auto;
  position: relative;
  line-height: 1;
}

.p-model_logo_date {
  vertical-align: baseline;
  white-space: nowrap;
}

.p-model_logo_date span {
  vertical-align: baseline;
}

.p-model_logo_date_text {
  color: #333;
  font-size: 34px;
  line-height: 1.2;
  font-weight: bold;
}

@media screen and (max-width: 1700px) {
  .p-model_logo_date_text {
    font-size: 3.4rem;
  }
}

@media screen and (max-width: 550px) {
  .p-model_logo_date_text {
    font-size: 4.6rem;
  }
}

.p-model_logo_month {
  position: relative;
  font-weight: bold;
  font-family: "Ubuntu", "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

.p-model_logo_month::after {
  content: '/';
  font-size: 40%;
}

.p-model_logo_day {
  font-weight: bold;
  font-family: "Ubuntu", "Noto Sans JP", "YuGothic", "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  position: relative;
}

.p-model_logo_dot {
  font-weight: bold;
  font-size: 36px;
  letter-spacing: 0;
  margin: 0 -15px;
}

@media screen and (max-width: 1700px) {
  .p-model_logo_dot {
    font-size: 3.6rem;
    margin: 0 -1.5rem;
  }
}

@media screen and (max-width: 550px) {
  .p-model_logo_dot {
    font-size: 5rem;
  }
}

.p-model_logo_oh::before, .p-model_logo_oh-1day::before, .p-model_logo_oh-2day::before, .p-model_logo_oh-long::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.p-model_logo_oh::after, .p-model_logo_oh-1day::after, .p-model_logo_oh-2day::after, .p-model_logo_oh-long::after {
  content: '';
  width: 100%;
  height: 100%;
  background: no-repeat center/100% url(../images/model-list/model_logo_oh.png);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.p-model_logo_oh .p-model_logo_date, .p-model_logo_oh-1day .p-model_logo_date, .p-model_logo_oh-2day .p-model_logo_date, .p-model_logo_oh-long .p-model_logo_date {
  position: absolute;
  top: 37%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 20;
}

.p-model_logo_oh .p-model_logo_month, .p-model_logo_oh-1day .p-model_logo_month, .p-model_logo_oh-2day .p-model_logo_month, .p-model_logo_oh-long .p-model_logo_month {
  font-size: 52px;
}

@media screen and (max-width: 1700px) {
  .p-model_logo_oh .p-model_logo_month, .p-model_logo_oh-1day .p-model_logo_month, .p-model_logo_oh-2day .p-model_logo_month, .p-model_logo_oh-long .p-model_logo_month {
    font-size: 5.2rem;
  }
}

@media screen and (max-width: 550px) {
  .p-model_logo_oh .p-model_logo_month, .p-model_logo_oh-1day .p-model_logo_month, .p-model_logo_oh-2day .p-model_logo_month, .p-model_logo_oh-long .p-model_logo_month {
    font-size: 6.2rem;
  }
}

.p-model_logo_oh .p-model_logo_day, .p-model_logo_oh-1day .p-model_logo_day, .p-model_logo_oh-2day .p-model_logo_day, .p-model_logo_oh-long .p-model_logo_day {
  font-size: 69px;
}

@media screen and (max-width: 1700px) {
  .p-model_logo_oh .p-model_logo_day, .p-model_logo_oh-1day .p-model_logo_day, .p-model_logo_oh-2day .p-model_logo_day, .p-model_logo_oh-long .p-model_logo_day {
    font-size: 6.9rem;
  }
}

@media screen and (max-width: 550px) {
  .p-model_logo_oh .p-model_logo_day, .p-model_logo_oh-1day .p-model_logo_day, .p-model_logo_oh-2day .p-model_logo_day, .p-model_logo_oh-long .p-model_logo_day {
    font-size: 8.6rem;
  }
}

.p-model_logo_oh .p-model_logo_dayofweek, .p-model_logo_oh-1day .p-model_logo_dayofweek, .p-model_logo_oh-2day .p-model_logo_dayofweek, .p-model_logo_oh-long .p-model_logo_dayofweek {
  font-size: 25%;
}

.p-model_logo_oh-1day::after {
  background-image: url(../images/model-list/model_logo_oh-1day.png);
}

.p-model_logo_oh-2day::after {
  background-image: url(../images/model-list/model_logo_oh-2day.png);
}

.p-model_logo_oh-2day .p-model_logo_date {
  top: 35%;
}

.p-model_logo_oh-2day .p-model_logo_dayofweek {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

.p-model_logo_oh-long::after {
  background-image: url(../images/model-list/model_logo_oh-long.png);
}

.p-model_logo_oh-long .p-model_logo_date {
  top: 45%;
  text-align: center;
}

.p-model_logo_oh-long .p-model_logo_dot {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

.p-model_logo_mh::before, .p-model_logo_mh-all::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.p-model_logo_mh::after, .p-model_logo_mh-all::after {
  content: '';
  width: 100%;
  height: 100%;
  background: no-repeat center/100% url(../images/model-list/model_logo_mh.png);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.p-model_logo_mh .p-model_logo_date, .p-model_logo_mh-all .p-model_logo_date {
  position: absolute;
  top: 37%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 20;
  text-align: center;
}

.p-model_logo_mh .p-model_logo_month, .p-model_logo_mh-all .p-model_logo_month {
  font-size: 60px;
}

@media screen and (max-width: 1700px) {
  .p-model_logo_mh .p-model_logo_month, .p-model_logo_mh-all .p-model_logo_month {
    font-size: 6rem;
  }
}

@media screen and (max-width: 550px) {
  .p-model_logo_mh .p-model_logo_month, .p-model_logo_mh-all .p-model_logo_month {
    font-size: 7rem;
  }
}

.p-model_logo_mh .p-model_logo_day, .p-model_logo_mh-all .p-model_logo_day {
  font-size: 78px;
}

@media screen and (max-width: 1700px) {
  .p-model_logo_mh .p-model_logo_day, .p-model_logo_mh-all .p-model_logo_day {
    font-size: 7.8rem;
  }
}

@media screen and (max-width: 550px) {
  .p-model_logo_mh .p-model_logo_day, .p-model_logo_mh-all .p-model_logo_day {
    font-size: 9.5rem;
  }
}

.p-model_logo_mh .p-model_logo_dayofweek, .p-model_logo_mh-all .p-model_logo_dayofweek {
  font-size: 25%;
}

.p-model_logo_mh-all .p-model_logo_date {
  top: 33%;
}

.p-model_logo_mh-all::after {
  background-image: url(../images/model-list/model_logo_mh-all.png);
}

.p-floor {
  width: 80%;
  margin: 0 auto;
  padding: 5% 0;
}

@media screen and (max-width: 750px) {
  .p-floor {
    width: 100%;
  }
}

.p-floor_title {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .p-floor_title {
    font-size: 4.2rem;
  }
}

.p-floor_title_small {
  font-size: 1.6rem;
  padding: 0 0 0 1rem;
}

@media screen and (max-width: 750px) {
  .p-floor_title_small {
    font-size: 2rem;
  }
}

.p-floor_container {
  width: 80%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 750px) {
  .p-floor_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-floor_box {
  width: 50%;
  padding: 0 5%;
}

@media screen and (max-width: 750px) {
  .p-floor_box {
    width: 100%;
  }
}

.p-difference {
  width: 100%;
  max-width: 1130px;
  margin: 0 auto;
  padding: 60px 0 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .p-difference {
    padding: 6rem 2%;
  }
}

.p-difference_title {
  width: 100%;
  max-width: 716px;
  margin: 0 auto;
  -webkit-transform: translate(-5%, 0);
          transform: translate(-5%, 0);
  position: relative;
}

@media screen and (max-width: 750px) {
  .p-difference_title {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.p-difference_subtitle {
  width: 80%;
  margin: 0 0 0 auto;
  padding: 0 5% 0 0;
}

@media screen and (max-width: 750px) {
  .p-difference_subtitle {
    width: 90%;
    margin: 0 auto;
    padding: 0;
  }
}

.p-difference_container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .p-difference_container {
    padding: 0 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-difference-box {
  width: 520px;
  max-width: 50%;
  padding: 0 1%;
  position: relative;
}

@media screen and (max-width: 750px) {
  .p-difference-box {
    width: 100%;
    max-width: 100%;
  }
}

.p-difference-box_inner {
  width: 100%;
  height: 100%;
  padding: 35% 6.4% 5.8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.p-difference-box_title {
  padding: 0 0 40px;
}

@media screen and (max-width: 880px) {
  .p-difference-box_title {
    padding: 0 0 30px;
  }
}

@media screen and (max-width: 750px) {
  .p-difference-box_title {
    padding: 0 0 2rem;
  }
}

.p-difference-box_title-text, .p-difference-box_title-text-small {
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: .22em;
  font-weight: bold;
  text-align: center;
  padding: 0 0 10px;
}

@media screen and (max-width: 880px) {
  .p-difference-box_title-text, .p-difference-box_title-text-small {
    font-size: 29px;
  }
}

@media screen and (max-width: 750px) {
  .p-difference-box_title-text, .p-difference-box_title-text-small {
    font-size: 4.8rem;
    padding: 0 0 .7rem;
  }
}

@media screen and (max-width: 750px) {
  .p-difference-box_title-text-small {
    font-size: 4rem;
  }
}

.p-difference-box_title-img {
  width: 180px;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .p-difference-box_title-img {
    width: 40vw;
  }
}

.p-difference-box_catch {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: .1em;
  font-weight: bold;
  padding: 0 0 30px;
  text-align: center;
}

@media screen and (max-width: 880px) {
  .p-difference-box_catch {
    font-size: 18px;
    padding: 0 0 20px;
  }
}

@media screen and (max-width: 750px) {
  .p-difference-box_catch {
    font-size: 3rem;
    padding: 0 0 2.3rem;
  }
}

.p-difference-box_text {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: .1em;
  padding: 0 4%;
  margin: 0 auto;
}

@media screen and (max-width: 880px) {
  .p-difference-box_text {
    font-size: 14px;
  }
}

@media screen and (max-width: 750px) {
  .p-difference-box_text {
    font-size: 2.7rem;
  }
}

.p-contact-link {
  background: no-repeat center/100% url(../images/common/contact_link_bg.jpg);
  position: relative;
}

@media screen and (max-width: 750px) {
  .p-contact-link {
    background: no-repeat center/100% url(../images/common/contact_link_bg_sp.jpg);
  }
}

.p-contact-link::before {
  content: '';
  width: 100%;
  height: 100%;
  display: inline-block;
  background-image: radial-gradient(rgba(0, 0, 0, 0.2) 35%, transparent 36%), radial-gradient(rgba(0, 0, 0, 0.2) 35%, transparent 36%);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.p-contact-link_inner {
  text-align: center;
  padding: 21rem 0 16rem;
}

@media screen and (max-width: 750px) {
  .p-contact-link_inner {
    padding: 30rem 2rem 18rem;
  }
}

.p-catalog-link {
  width: 115.2rem;
  border: .5rem solid #000;
  background: #f06543;
  border-radius: 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: .5rem 4rem;
  position: relative;
  -webkit-box-shadow: -0.4rem 0.7rem 1.5rem 1rem rgba(0, 0, 0, 0.5);
          box-shadow: -0.4rem 0.7rem 1.5rem 1rem rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 750px) {
  .p-catalog-link {
    width: 100%;
    padding: .5rem 1.5rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-shadow: -0.4rem 0.7rem 1.5rem 0.5rem rgba(0, 0, 0, 0.5);
            box-shadow: -0.4rem 0.7rem 1.5rem 0.5rem rgba(0, 0, 0, 0.5);
  }
}

.p-catalog-link:hover .arrow {
  -webkit-transform: translate(2rem, 0);
          transform: translate(2rem, 0);
}

.p-catalog-link_hover-text {
  position: absolute;
  top: -12rem;
  left: 2rem;
}

@media screen and (max-width: 750px) {
  .p-catalog-link_hover-text {
    top: -13rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.p-catalog-link_hover-text_img {
  width: 43.7rem;
}

@media screen and (max-width: 750px) {
  .p-catalog-link_hover-text_img {
    width: 68.7rem;
  }
}

.p-catalog-link_books {
  width: 45rem;
  margin: 0 1rem 0 0;
}

@media screen and (max-width: 750px) {
  .p-catalog-link_books {
    width: 22rem;
    margin: 0;
  }
}

.p-catalog-link_text-box {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7rem 0 0;
  position: relative;
}

@media screen and (max-width: 750px) {
  .p-catalog-link_text-box {
    padding: 5rem 0 0;
  }
}

.p-catalog-link_text-box .p-catalog-link_main-text {
  font-size: 5.1rem;
  line-height: 1.19608;
  letter-spacing: .12em;
  font-weight: 700;
  margin: 0 0 1.5rem;
}

@media screen and (max-width: 750px) {
  .p-catalog-link_text-box .p-catalog-link_main-text {
    font-size: 4.4rem;
    line-height: 1.36364;
    margin: 0 0 3rem;
  }
}

.p-catalog-link_text-box .p-catalog-link_sub-text {
  font-size: 2.3rem;
  line-height: 1.34783;
  letter-spacing: .12em;
  font-weight: 500;
}

@media screen and (max-width: 750px) {
  .p-catalog-link_text-box .p-catalog-link_sub-text {
    font-size: 2.3rem;
    line-height: 1.34783;
    -webkit-transform: translate(-2.5rem, 0);
            transform: translate(-2.5rem, 0);
  }
}

.arrow {
  width: 4.2rem;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}

.p-catalog-link_arrow-box {
  position: absolute;
}

@media screen and (min-width: 751px) {
  .p-catalog-link_arrow-box {
    top: 50%;
    right: 0;
    -webkit-transform: translate(200%, -60%);
            transform: translate(200%, -60%);
  }
}

@media screen and (max-width: 750px) {
  .p-catalog-link_arrow-box {
    bottom: 3.7rem;
    right: 8rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.p-link-box, .p-link-box-01, .p-link-box-02, .p-link-box-03, .p-link-box-04 {
  width: 50%;
  padding: 2.5% 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 750px) {
  .p-link-box, .p-link-box-01, .p-link-box-02, .p-link-box-03, .p-link-box-04 {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-link-box_btn {
  font-size: 18px;
  font-weight: bold;
  width: 48%;
  margin: 0 auto;
  padding: 1.5em .1em;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .p-link-box_btn {
    width: 100%;
    font-size: 2.6rem;
    margin: 0 0 1em;
  }
  .p-link-box_btn:nth-last-of-type(1) {
    margin: 0;
  }
}

.p-link-box-01_syosailink {
  color: #fff;
  background: #009944;
}

.p-link-box-01_syosailink:hover {
  background: #057737;
}

.p-link-box-01_raijyolink, .p-link-box-02_raijyolink, .p-link-box-04_raijyolink {
  color: #fff;
  background: #e66964;
}

.p-link-box-01_raijyolink:hover, .p-link-box-02_raijyolink:hover, .p-link-box-04_raijyolink:hover {
  background: #e5443e;
}

.p-link-box-02 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-link-box-02 a {
  width: 100%;
}

.p-link-box-02_syosailink {
  color: #fff;
  background: #a78861;
  font-size: 24px;
}

@media screen and (max-width: 750px) {
  .p-link-box-02_syosailink {
    font-size: 4rem;
    letter-spacing: .08em;
  }
}

.p-link-box-02_syosailink:hover {
  background: #9c7749;
}

.p-link-box-03 {
  width: 100%;
}

.p-link-box-03_syosailink {
  color: #fff;
  background: #009944;
}

.p-link-box-03_syosailink:hover {
  background: #057737;
}

.p-link-box-03_raijyolink {
  color: #fff;
  background: #e66964;
}

.p-link-box-03_raijyolink:hover {
  background: #e5443e;
}

.p-link-box-04 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-link-box-04 a {
  width: 100%;
}

.p-link-box-04_syosailink {
  color: #fff;
  background: none;
  border: 5px solid #fff;
}

.p-link-box-04_syosailink:hover {
  background-color: rgba(51, 51, 51, 0.1);
}

.pickup {
  background: #fafafa;
}

.pickup-outer {
  width: 100%;
  max-width: 140rem;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .pickup-outer {
    padding: 0 4rem;
  }
}

.pickup-inner {
  padding: 10rem 0;
}

.pickup-top {
  margin: 0 0 10rem;
}

.pickup-top-title {
  font-size: 3.1rem;
  line-height: 1.35484;
  letter-spacing: .19em;
  font-weight: 700;
  text-align: center;
}

.pickup-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 20rem;
}

.pickup-box:nth-last-child(1) {
  margin: 0;
}

@media screen and (max-width: 750px) {
  .pickup-box {
    margin: 0 0 8rem;
  }
}

.pickup-half-box {
  width: 50%;
}

@media screen and (max-width: 750px) {
  .pickup-half-box {
    width: 100%;
  }
}

.pickup-img-box {
  border: 1rem solid #fff;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .pickup-img-box {
    width: 24rem;
    height: 65rem;
  }
}

.pickup-img {
  width: 70rem;
}

.pickup-content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .pickup-content-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 3rem;
  }
}

.pickup-content-inner {
  padding: 10rem 0 0;
}

@media screen and (max-width: 750px) {
  .pickup-content-inner {
    width: calc(100% - 24rem);
  }
}

.pickup-title-box {
  position: relative;
  margin: 0 0 4rem;
}

@media screen and (max-width: 750px) {
  .pickup-title-box {
    margin: 0 0 2rem;
  }
}

.pickup-title-balloon {
  width: 12.9rem;
  position: absolute;
  top: -14rem;
}

.pickup-title {
  font-size: 2.6rem;
  line-height: 1.73077;
  letter-spacing: .28em;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .pickup-title {
    font-size: 3.4rem;
    line-height: 1.32353;
  }
}

.pickup-title span {
  font-weight: 700;
}

@media screen and (max-width: 750px) {
  .pickup-title span {
    font-size: 2.6rem;
    line-height: 1.73077;
  }
}

.pickup-text-box {
  padding: 0 3.5rem;
}

@media screen and (max-width: 750px) {
  .pickup-text-box {
    padding: 0 1rem;
  }
}

.pickup-text {
  font-size: 1.4rem;
  line-height: 2.07143;
  letter-spacing: .19em;
}

@media screen and (max-width: 750px) {
  .pickup-text {
    font-size: 2.8rem;
    line-height: 1.42857;
    letter-spacing: .08em;
  }
}

.pickup-btn-box {
  text-align: center;
}

.pickup-btn {
  color: #fff;
  font-size: 1.9rem;
  line-height: 1.52632;
  width: 65.8rem;
  max-width: 100%;
  padding: 4rem 0;
  margin: 0 0 3rem;
  display: inline-block;
  background: #7fad1b;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 750px) {
  .pickup-btn {
    font-size: 2.8rem;
    line-height: 1.03571;
  }
}

.pickup-btn:nth-last-child(1) {
  margin: 0;
}

.pickup-btn::after {
  content: '';
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
  background: no-repeat center/100% url(../images/common/arrow.png);
  position: absolute;
  top: 50%;
  right: 4rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}

@media screen and (max-width: 750px) {
  .pickup-btn::after {
    margin: 0;
  }
}

.pickup-btn:hover::after {
  -webkit-transform: translate(1rem, -50%);
          transform: translate(1rem, -50%);
}

.pickup-box:nth-of-type(odd) .pickup-title-balloon {
  right: 6rem;
}

@media screen and (max-width: 750px) {
  .pickup-box:nth-of-type(odd) .pickup-title-balloon {
    right: 2rem;
  }
}

.pickup-box:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.pickup-box:nth-of-type(even) .pickup-title-balloon {
  left: 6rem;
}

@media screen and (max-width: 750px) {
  .pickup-box:nth-of-type(even) .pickup-title-balloon {
    left: 2rem;
  }
}

@media screen and (max-width: 750px) {
  .pickup-box:nth-of-type(even) .pickup-content-outer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.branch-top {
  width: 100%;
  padding: 80rem 0 0;
  margin: 0 0 6rem;
  position: relative;
}

@media screen and (max-width: 750px) {
  .branch-top {
    padding: 82rem 0 0;
  }
}

.branch-top-box {
  width: 92.1rem;
  height: 70.6rem;
  background: rgba(127, 173, 27, 0.45);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 3.5rem;
  left: 8.5rem;
  z-index: 100;
}

@media screen and (max-width: 750px) {
  .branch-top-box {
    width: 52.6rem;
    height: 60rem;
    top: 0;
    left: 0;
  }
}

.top-text-box {
  color: #fff;
}

.branch-top-title {
  font-size: 3.4rem;
  line-height: 1.58824;
  letter-spacing: .08em;
  font-weight: 700;
  margin: 0 0 2em;
}

.branch-top-text {
  font-size: 2.4rem;
  line-height: 2.29167;
  letter-spacing: .36em;
}

.branch-top-img {
  width: 118.4rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 750px) {
  .branch-top-img {
    width: 64.8rem;
  }
}

.branch-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .branch-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.branch-card {
  width: 62rem;
  padding: 8rem 0 0;
  margin: 0 .5rem 7rem;
  position: relative;
}

.branch-card .card-half-box {
  width: calc(30rem - .6rem);
}

.branch-card .card-quo-box {
  width: 14rem;
}

.branch-card .card-top {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.branch-card .card-top::after {
  content: '';
  width: 2px;
  height: 2.5rem;
  background: #7fad1b;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: translate(0, 125%);
          transform: translate(0, 125%);
}

.branch-card .card-top-title {
  font-size: 1.4rem;
  line-height: 2.07143;
  letter-spacing: .29em;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .branch-card .card-top-title {
    font-size: 2.8rem;
    line-height: 1.03571;
  }
}

.branch-card .card-img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 3rem;
}

.branch-card .card-img-box {
  position: relative;
}

.branch-card .card-link-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0 3rem;
}

.branch-card .flex-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.branch-card-inner {
  padding: .6rem;
  border-radius: .5rem;
  -webkit-box-shadow: 0 0 4rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 4rem rgba(0, 0, 0, 0.1);
}

.branch-name {
  font-size: 1.4rem;
  line-height: 1.28571;
  font-weight: 700;
  position: absolute;
  left: 50%;
  bottom: 1rem;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  white-space: nowrap;
}

@media screen and (max-width: 750px) {
  .branch-name {
    font-size: 2rem;
    line-height: 1.5;
  }
}

.branch-name span {
  font-weight: 700;
  padding: 0 .7rem;
  background: #fff;
}

.branch-link {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.875;
  width: 100%;
  max-width: 50rem;
  padding: 1.5rem 0;
  display: inline-block;
  background: #7fad1b;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 750px) {
  .branch-link {
    font-size: 2.4rem;
    line-height: 1.20833;
  }
}

.branch-link::after {
  content: '';
  width: 2.2rem;
  height: 1.1rem;
  display: inline-block;
  background: no-repeat center/100% url(../images/branch/branch_arrow.png);
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

@media screen and (max-width: 750px) {
  .branch-link::after {
    width: 2.4rem;
    height: 1.3rem;
  }
}

.about {
  width: 100%;
  padding: 10rem 0 0;
  background-color: #eeeeee;
  font-size: 1.6rem;
}

@media screen and (max-width: 750px) {
  .about {
    padding: 7.5rem 0 0;
  }
}

.about-company {
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .about-company {
    padding: 0 3.8rem;
  }
}

.about-company_title {
  font-size: 3.8rem;
  font-weight: bold;
  letter-spacing: .09em;
  text-align: center;
  padding: 6rem 0;
}

@media screen and (max-width: 750px) {
  .about-company_title {
    font-size: 5.1rem;
    padding: 3.5rem 0;
  }
}

.about-company_item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 750px) {
  .about-company_item {
    font-size: 2.4rem;
  }
}

.about-company_item dt {
  width: 20%;
  padding: 1rem;
}

@media screen and (max-width: 750px) {
  .about-company_item dt {
    width: 25%;
    padding: 2rem 1.5rem;
  }
}

.about-company_item dd {
  width: 80%;
  padding: 1rem;
}

@media screen and (max-width: 750px) {
  .about-company_item dd {
    width: 75%;
    padding: 2rem 1.5rem;
  }
}

.about-store {
  position: relative;
  padding: 0 0 85rem;
}

@media screen and (max-width: 750px) {
  .about-store {
    padding: 12rem 2rem 26rem;
    background: no-repeat center/cover url(../images/about/about_store.jpg);
  }
  .about-store:nth-of-type(2) {
    background-image: url(../images/about/about_store2.jpg);
  }
  .about-store:nth-of-type(3) {
    background-image: url(../images/about/about_store3.jpg);
  }
  .about-store:nth-of-type(4) {
    background-image: url(../images/about/about_store4.jpg);
  }
}

.about-store_img {
  width: 70%;
  right: 0;
  position: absolute;
}

.about-store:nth-of-type(even) .about-store_img {
  right: unset;
  left: 0;
}

.about-store_box {
  width: 100%;
  max-width: 74rem;
  padding: 4rem;
  background-color: #fff;
  position: absolute;
  top: 20%;
  left: 10%;
}

@media screen and (max-width: 750px) {
  .about-store_box {
    width: 100%;
    padding: 7.4rem;
    position: relative;
    top: 0;
    right: 0;
    left: 00;
  }
}

.about-store:nth-of-type(even) .about-store_box {
  left: unset;
  right: 10%;
}

@media screen and (max-width: 750px) {
  .about-store:nth-of-type(even) .about-store_box {
    right: 0;
  }
}

.about-store_name {
  font-size: 2.2rem;
  letter-spacing: .12em;
}

@media screen and (max-width: 750px) {
  .about-store_name {
    font-size: 4rem;
  }
}

.about-store_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  letter-spacing: .12em;
}

@media screen and (max-width: 750px) {
  .about-store_item {
    font-size: 2.3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.about-store_item dt {
  width: 20%;
}

@media screen and (max-width: 750px) {
  .about-store_item dt {
    width: 100%;
  }
}

.p-area {
  padding: 4rem 0;
}

@media screen and (max-width: 750px) {
  .p-area {
    padding: 2rem 0;
  }
}

.p-area_inner {
  max-width: 134rem;
  padding: 0 3rem;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .p-area_inner {
    padding: 0 3.5rem;
  }
}

.p-area_notice {
  font-size: 1.8rem;
  line-height: 2.55556;
  letter-spacing: .42em;
  text-align: center;
  background: #f3f3f3;
  border-radius: 1rem;
  padding: .8rem;
}

@media screen and (max-width: 750px) {
  .p-area_notice {
    font-size: 2.8rem;
    line-height: 1.78571;
    letter-spacing: .4em;
    padding: 1.5rem;
  }
}

.p-area_map-tab {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media screen and (min-width: 751px) {
  .p-area_map-tab {
    display: none;
  }
}

.p-area_map-tab .is-green {
  border-bottom: 0.3rem solid #3bb586;
}

.p-area_map-tab .is-blue {
  border-bottom: 0.3rem solid #27a2cc;
}

.p-area_map-tab_button {
  color: #818c92;
  font-size: 2.8rem;
  line-height: 1.42857;
  letter-spacing: .42em;
  text-align: center;
  width: 19rem;
  padding: 2rem 0 2rem .5rem;
  margin-right: .5rem;
  border-style: solid;
  border-width: .3rem .3rem 0 0;
  border-color: #818c92 #818c92 transparent transparent;
}

.p-area_map-tab_button::after {
  content: '';
  width: 100%;
  height: .3rem;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: ease .3s all;
  transition: ease .3s all;
  -webkit-transform: translate(0, 100%) scale(0, 1);
          transform: translate(0, 100%) scale(0, 1);
  /* transform-origin: right top; */
  opacity: 0;
}

.p-area_map-tab_button:nth-of-type(1) {
  border-width: .3rem .3rem 0 .3rem;
  border-color: #818c92 #818c92 transparent #818c92;
}

.p-area_map-tab_button.is-active {
  color: #fff;
}

.p-area_map-tab_button.is-active::after {
  -webkit-transform: translate(0, 100%) scale(1, 1);
          transform: translate(0, 100%) scale(1, 1);
  opacity: 1;
}

.p-area_map-tab_button-green.is-active {
  background: #3bb586;
  border-color: #3bb586;
}

.p-area_map-tab_button-green.is-active::after {
  background: #3bb586;
}

.p-area_map-tab_button-blue.is-active {
  background: #27a2cc;
  border-color: #27a2cc;
}

.p-area_map-tab_button-blue.is-active::after {
  background: #27a2cc;
}

.p-area_maps {
  padding: 1rem 0;
  position: relative;
}

@media screen and (min-width: 751px) {
  .p-area_maps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 750px) {
  .p-area_maps {
    padding: 25rem 0 50rem;
  }
}

.p-area_map {
  width: 50%;
  padding: 4rem 0;
  position: relative;
}

.p-area_map:nth-child(1)::before {
  content: '';
  width: .9rem;
  height: 85%;
  display: inline-block;
  background: #f3f3f3;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

@media screen and (max-width: 750px) {
  .p-area_map {
    width: 100%;
    padding: 4rem 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .p-area_map:nth-child(1)::before {
    display: none;
  }
}

.p-area_map_tag {
  color: #fff;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: .42em;
  text-align: center;
  text-indent: .22em;
  /* width: 9rem; */
  width: 12rem;
  padding: .5rem 0;
  position: absolute;
  top: 0;
  left: 2rem;
}

.p-area_map_inner, .p-area_map_inner-hokkaido, .p-area_map_inner-tohoku {
  position: relative;
}

.p-area_map_inner-hokkaido {
  width: 41.8rem;
  margin: 0 auto;
}

@media screen and (max-width: 1340px) {
  .p-area_map_inner-hokkaido {
    width: 30.29vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_inner-hokkaido {
    width: 52rem;
  }
}

.p-area_map_inner-tohoku {
  width: 20.6rem;
  margin: 0 auto;
}

@media screen and (max-width: 1340px) {
  .p-area_map_inner-tohoku {
    width: 15.37vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_inner-tohoku {
    width: 32.3rem;
  }
}

.p-area_map_area, .p-area_map_area-blue {
  display: inline-block;
  position: absolute;
}

.p-area_map_area::before, .p-area_map_area-blue::before {
  content: '';
  display: inline-block;
  height: .5rem;
  background: radial-gradient(circle farthest-side, #3bb586, #3bb586 60%, transparent 60%, transparent);
  background-size: .5rem .5rem;
  position: absolute;
}

@media screen and (max-width: 750px) {
  .p-area_map_area::before, .p-area_map_area-blue::before {
    height: .8rem;
    background-size: .8rem .8rem;
  }
}

.p-area_map_area-blue::before {
  background: radial-gradient(circle farthest-side, #27a2cc, #27a2cc 60%, transparent 60%, transparent);
  background-size: .5rem .5rem;
}

@media screen and (max-width: 750px) {
  .p-area_map_area-blue::before {
    background-size: .8rem .8rem;
  }
}

.p-area_map_pin, .p-area_map_pin-blue {
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  border-radius: 50%;
  border: 3px solid #3bb586;
  position: absolute;
}

.p-area_map_pin::before, .p-area_map_pin-blue::before {
  content: '';
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 0.5rem 0.4rem white inset;
          box-shadow: 0 0 0.5rem 0.4rem white inset;
}

@media screen and (max-width: 750px) {
  .p-area_map_pin, .p-area_map_pin-blue {
    width: 2.8rem;
    height: 2.8rem;
    border: 2px solid #3bb586;
  }
}

.p-area_map_pin-blue {
  border: 3px solid #27a2cc;
}

@media screen and (max-width: 750px) {
  .p-area_map_pin-blue {
    border: 2px solid #27a2cc;
  }
}

.p-area_map_pin-rb {
  bottom: 0;
  right: 0;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}

.p-area_map_pin-rt {
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

.p-area_map_pin-lt {
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-area_map_pin-lb {
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

.p-area_map_link, .p-area_map_link-blue {
  color: #3bb586;
  font-size: 1.8rem;
  line-height: 1.61111;
  letter-spacing: .42em;
  text-align: center;
  font-weight: bold;
  width: 14rem;
  padding: .6rem 0 .4rem;
  display: inline-block;
  border-radius: 50vh;
  border: 3px solid #3bb586;
  background: #fff;
  position: absolute;
}

.p-area_map_link::after, .p-area_map_link-blue::after {
  content: '';
  width: 0;
  height: 0;
  display: inline-block;
  border-style: solid;
  border-width: .5rem 0 .5rem .6rem;
  border-color: transparent transparent transparent #3bb586;
  position: absolute;
  top: 50%;
  right: .7rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

@media screen and (max-width: 750px) {
  .p-area_map_link, .p-area_map_link-blue {
    font-size: 2.8rem;
    line-height: 1.53571;
    white-space: nowrap;
    width: auto;
    padding: 1.9rem 4.7rem 1.5rem;
    border: 2px solid #3bb586;
  }
  .p-area_map_link::after, .p-area_map_link-blue::after {
    border-width: .6rem 0 .6rem .7rem;
    right: 1.3rem;
  }
}

.p-area_map_link-blue {
  color: #27a2cc;
  border: 3px solid #27a2cc;
}

.p-area_map_link-blue::after {
  border-color: transparent transparent transparent #27a2cc;
}

@media screen and (max-width: 750px) {
  .p-area_map_link-blue {
    border: 2px solid #27a2cc;
  }
}

.p-area_map_area-sapporo {
  width: 9rem;
  height: 6.6rem;
  top: 42%;
  left: 11.5%;
}

.p-area_map_area-sapporo::before {
  width: 11.2rem;
  bottom: 3.6rem;
  right: -.5rem;
  -webkit-transform: rotate(36deg);
          transform: rotate(36deg);
}

.p-area_map_area-sapporo .p-area_map_link, .p-area_map_area-sapporo .p-area_map_link-blue {
  top: 0;
  left: 0;
  -webkit-transform: translate(-70%, -100%);
          transform: translate(-70%, -100%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-sapporo {
    width: 6.7164vw;
    height: 4.925vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-sapporo {
    width: 9.8rem;
    height: 7rem;
    top: 44.5%;
    left: 15%;
  }
  .p-area_map_area-sapporo::before {
    width: 12.04rem;
    bottom: 3.8rem;
  }
  .p-area_map_area-sapporo .p-area_map_link, .p-area_map_area-sapporo .p-area_map_link-blue {
    -webkit-transform: translate(-100%, -90%);
            transform: translate(-100%, -90%);
  }
}

.p-area_map_area-obihiro {
  width: 5rem;
  height: 4.2rem;
  top: 63%;
  right: 31%;
}

.p-area_map_area-obihiro::before {
  width: 6.53rem;
  top: 2rem;
  left: -.5rem;
  -webkit-transform: rotate(36deg);
          transform: rotate(36deg);
}

.p-area_map_area-obihiro .p-area_map_link, .p-area_map_area-obihiro .p-area_map_link-blue {
  bottom: 0;
  right: 0;
  -webkit-transform: translate(94%, 89%);
          transform: translate(94%, 89%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-obihiro {
    width: 3.73vw;
    height: 3.13vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-obihiro {
    width: 7.5rem;
    height: 4.5rem;
    top: 62.5%;
    right: 28%;
  }
  .p-area_map_area-obihiro::before {
    width: 8.68rem;
    top: 2.8rem;
  }
}

.p-area_map_area-asahikawa {
  width: 9rem;
  height: 6.8rem;
  top: 25%;
  left: 20%;
}

.p-area_map_area-asahikawa::before {
  width: 11.74rem;
  bottom: 3.6rem;
  right: -.5rem;
  -webkit-transform: rotate(36deg);
          transform: rotate(36deg);
}

.p-area_map_area-asahikawa .p-area_map_link, .p-area_map_area-asahikawa .p-area_map_link-blue {
  top: 0;
  left: 0;
  -webkit-transform: translate(-70%, -100%);
          transform: translate(-70%, -100%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-asahikawa {
    width: 6.72vw;
    height: 5.075vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-asahikawa {
    width: 12.6rem;
    height: 9.4rem;
    top: 23%;
    left: 18%;
  }
  .p-area_map_area-asahikawa::before {
    width: 15.72rem;
    bottom: 4.9rem;
  }
}

.p-area_map_area-tomakomai {
  width: 6.4rem;
  height: 7.4rem;
  bottom: 10.5%;
  left: 35.5%;
}

.p-area_map_area-tomakomai::before {
  width: 9.78rem;
  top: 4rem;
  left: -1.5rem;
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
}

.p-area_map_area-tomakomai .p-area_map_link, .p-area_map_area-tomakomai .p-area_map_link-blue {
  bottom: 0;
  right: 0;
  -webkit-transform: translate(85%, 89%);
          transform: translate(85%, 89%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-tomakomai {
    width: 4.776vw;
    height: 5.52vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-tomakomai {
    width: 8rem;
    height: 9.4rem;
  }
  .p-area_map_area-tomakomai::before {
    width: 12.34rem;
    top: 5.2rem;
  }
  .p-area_map_area-tomakomai .p-area_map_link, .p-area_map_area-tomakomai .p-area_map_link-blue {
    -webkit-transform: translate(86%, 94%);
            transform: translate(86%, 94%);
  }
}

.p-area_map_area-hakodate {
  width: 8.2rem;
  height: 5.6rem;
  bottom: 3%;
  left: -10%;
}

.p-area_map_area-hakodate::before {
  width: 9.93rem;
  bottom: 1.9rem;
  right: -.5rem;
  -webkit-transform: rotate(-36deg);
          transform: rotate(-36deg);
}

.p-area_map_area-hakodate .p-area_map_link, .p-area_map_area-hakodate .p-area_map_link-blue {
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-40%, 100%);
          transform: translate(-40%, 100%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-hakodate {
    width: 6.12vw;
    height: 4.18vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-hakodate {
    width: 7.8rem;
    height: 5.3rem;
    bottom: 6.5%;
    left: -5.5%;
  }
  .p-area_map_area-hakodate .p-area_map_link, .p-area_map_area-hakodate .p-area_map_link-blue {
    -webkit-transform: translate(-35%, 100%);
            transform: translate(-35%, 100%);
  }
  .p-area_map_area-hakodate::before {
    width: 9.43rem;
    bottom: 1rem;
    right: 0;
  }
}

.p-area_map_area-nobo {
  width: 5.6rem;
  height: 11rem;
  bottom: -3.5%;
  left: 22%;
}

.p-area_map_area-nobo::before {
  width: 12.34rem;
  top: 5.6rem;
  left: -3.5rem;
  -webkit-transform: rotate(65deg);
          transform: rotate(65deg);
}

.p-area_map_area-nobo .p-area_map_link, .p-area_map_area-nobo .p-area_map_link-blue {
  width: 16rem;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(65%, 95%);
          transform: translate(65%, 95%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-nobo {
    width: 4.18vw;
    height: 8.21vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-nobo {
    width: 3rem;
    height: 16rem;
    bottom: -8.5%;
    left: 22.5%;
  }
  .p-area_map_area-nobo .p-area_map_link, .p-area_map_area-nobo .p-area_map_link-blue {
    letter-spacing: .14em;
    width: auto;
    padding: 1.4rem 2.8rem 1rem;
    -webkit-transform: translate(65%, 95%);
            transform: translate(65%, 95%);
  }
  .p-area_map_area-nobo::before {
    width: 15rem;
    top: 8rem;
    left: -5.7rem;
    -webkit-transform: rotate(81deg);
            transform: rotate(81deg);
  }
}

.p-area_map_area-kushiro {
  width: 8.4rem;
  height: 4.8rem;
  top: 49%;
  right: 4.3%;
}

.p-area_map_area-kushiro::before {
  width: 9.67rem;
  top: 1.8rem;
  left: -.5rem;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}

.p-area_map_area-kushiro .p-area_map_link, .p-area_map_area-kushiro .p-area_map_link-blue {
  top: 0;
  right: 0;
  -webkit-transform: translate(88%, -80%);
          transform: translate(88%, -80%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-kushiro {
    width: 6.27vw;
    height: 3.36vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-kushiro {
    width: 10.4rem;
    height: 6.5rem;
    top: 47%;
    right: 4.8%;
  }
  .p-area_map_area-kushiro .p-area_map_link, .p-area_map_area-kushiro .p-area_map_link-blue {
    -webkit-transform: translate(65%, -95%);
            transform: translate(65%, -95%);
  }
  .p-area_map_area-kushiro::before {
    width: 11.81rem;
    top: 1.5rem;
    left: .2rem;
    -webkit-transform: rotate(-28deg);
            transform: rotate(-28deg);
  }
}

.p-area_map_area-nakasi {
  width: 5rem;
  height: 11rem;
  top: 21%;
  right: 17%;
}

.p-area_map_area-nakasi::before {
  width: 12.08rem;
  bottom: 5.6rem;
  right: -3.5rem;
  -webkit-transform: rotate(67deg);
          transform: rotate(67deg);
}

.p-area_map_area-nakasi .p-area_map_link, .p-area_map_area-nakasi .p-area_map_link-blue {
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-nakasi {
    width: 3.68vw;
    height: 8.088vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-nakasi {
    width: 4.2rem;
    height: 13.8rem;
    top: 22%;
    right: 17%;
  }
  .p-area_map_area-nakasi .p-area_map_link, .p-area_map_area-nakasi .p-area_map_link-blue {
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
  .p-area_map_area-nakasi::before {
    width: 14.42rem;
    bottom: 7.9rem;
    right: -4.7rem;
    -webkit-transform: rotate(75deg);
            transform: rotate(75deg);
  }
}

.p-area_map_area-hachinohe {
  width: 2rem;
  height: .8rem;
  top: 18%;
  right: 15%;
}

.p-area_map_area-hachinohe::before {
  width: 1.5rem;
  bottom: .2rem;
  left: .3rem;
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
}

.p-area_map_area-hachinohe .p-area_map_link, .p-area_map_area-hachinohe .p-area_map_link-blue {
  top: 0;
  right: 0;
  -webkit-transform: translate(97%, -85%);
          transform: translate(97%, -85%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-hachinohe {
    width: 1.49vw;
    height: 0.6vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-hachinohe {
    width: 2.4rem;
    height: 1.4rem;
    top: 17.6%;
    right: 17.7%;
  }
  .p-area_map_area-hachinohe .p-area_map_link, .p-area_map_area-hachinohe .p-area_map_link-blue {
    -webkit-transform: translate(97%, -85%);
            transform: translate(97%, -85%);
  }
  .p-area_map_area-hachinohe::before {
    width: 2.4rem;
    bottom: .5rem;
    left: .8rem;
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
}

.p-area_map_area-morioka {
  width: 6.6rem;
  height: 3.6rem;
  top: 33%;
  right: -1.2%;
}

.p-area_map_area-morioka::before {
  width: 7.52rem;
  bottom: 1.7rem;
  left: 0;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}

.p-area_map_area-morioka .p-area_map_link, .p-area_map_area-morioka .p-area_map_link-blue {
  top: 0;
  right: 0;
  -webkit-transform: translate(100%, -60%);
          transform: translate(100%, -60%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-morioka {
    width: 4.93vw;
    height: 2.69vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-morioka {
    width: 10rem;
    height: 6rem;
    top: 32.3%;
    right: -1.6%;
  }
  .p-area_map_area-morioka .p-area_map_link, .p-area_map_area-morioka .p-area_map_link-blue {
    -webkit-transform: translate(105%, -60%);
            transform: translate(105%, -60%);
  }
  .p-area_map_area-morioka::before {
    width: 11.66rem;
    bottom: 2.8rem;
    left: 0;
    -webkit-transform: rotate(-28deg);
            transform: rotate(-28deg);
  }
}

.p-area_map_area-oshu {
  width: 6.4rem;
  height: .6rem;
  top: 49%;
  right: -1%;
}

.p-area_map_area-oshu::before {
  width: 5.6rem;
  top: 0;
  left: .8rem;
  -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
}

.p-area_map_area-oshu .p-area_map_link, .p-area_map_area-oshu .p-area_map_link-blue {
  bottom: 0;
  right: 0;
  -webkit-transform: translate(98%, 45%);
          transform: translate(98%, 45%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-oshu {
    width: 4.78vw;
    height: 0.45vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-oshu {
    width: 10.2rem;
    height: .6rem;
    top: 49%;
    right: -2.5%;
  }
  .p-area_map_area-oshu::before {
    width: 10.22rem;
    top: -.7rem;
    left: .8rem;
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  .p-area_map_area-oshu .p-area_map_link, .p-area_map_area-oshu .p-area_map_link-blue {
    -webkit-transform: translate(105%, 35%);
            transform: translate(105%, 35%);
  }
}

.p-area_map_area-osaki {
  width: 6.6rem;
  height: .6rem;
  top: 62%;
  right: 4.5%;
}

.p-area_map_area-osaki::before {
  width: 5.6rem;
  top: 0;
  left: .8rem;
  -webkit-transform: rotate(1deg);
          transform: rotate(1deg);
}

.p-area_map_area-osaki .p-area_map_link, .p-area_map_area-osaki .p-area_map_link-blue {
  bottom: 0;
  right: 0;
  -webkit-transform: translate(98%, 45%);
          transform: translate(98%, 45%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-osaki {
    width: 4.93vw;
    height: 0.45vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-osaki {
    width: 10.2rem;
    height: .6rem;
    top: 62%;
    right: 3.7%;
  }
  .p-area_map_area-osaki::before {
    width: 10.22rem;
    top: 0;
    left: .8rem;
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  .p-area_map_area-osaki .p-area_map_link, .p-area_map_area-osaki .p-area_map_link-blue {
    -webkit-transform: translate(98%, 45%);
            transform: translate(98%, 45%);
  }
}

.p-area_map_area-sendai {
  width: 4.6rem;
  height: 3.2rem;
  top: 66.5%;
  right: 18%;
}

.p-area_map_area-sendai::before {
  width: 5.6rem;
  top: 2rem;
  left: .2rem;
  -webkit-transform: rotate(34deg);
          transform: rotate(34deg);
}

.p-area_map_area-sendai .p-area_map_link, .p-area_map_area-sendai .p-area_map_link-blue {
  bottom: 0;
  right: 0;
  -webkit-transform: translate(94%, 89%);
          transform: translate(94%, 89%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-sendai {
    width: 3.43vw;
    height: 2.39vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-sendai {
    width: 8.2rem;
    height: 5.8rem;
    top: 67%;
    right: 15%;
  }
  .p-area_map_area-sendai::before {
    width: 10.04rem;
    top: 3.4rem;
    left: .2rem;
    -webkit-transform: rotate(34deg);
            transform: rotate(34deg);
  }
  .p-area_map_area-sendai .p-area_map_link, .p-area_map_area-sendai .p-area_map_link-blue {
    -webkit-transform: translate(100%, 65%);
            transform: translate(100%, 65%);
  }
}

.p-area_map_area-natori {
  width: 4.8rem;
  height: 6.6rem;
  top: 72%;
  right: 21.5%;
}

.p-area_map_area-natori::before {
  width: 8.16rem;
  top: 3.6rem;
  left: -1.4rem;
  -webkit-transform: rotate(55deg);
          transform: rotate(55deg);
}

.p-area_map_area-natori .p-area_map_link, .p-area_map_area-natori .p-area_map_link-blue {
  bottom: 0;
  right: 0;
  -webkit-transform: translate(94%, 89%);
          transform: translate(94%, 89%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-natori {
    width: 3.58vw;
    height: 4.93vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-natori {
    width: 7.2rem;
    height: 10.3rem;
    top: 72%;
    right: 21.5%;
  }
  .p-area_map_area-natori::before {
    width: 12.57rem;
    top: 5.5rem;
    left: -2.2rem;
    -webkit-transform: rotate(55deg);
            transform: rotate(55deg);
  }
  .p-area_map_area-natori .p-area_map_link, .p-area_map_area-natori .p-area_map_link-blue {
    -webkit-transform: translate(94%, 89%);
            transform: translate(94%, 89%);
  }
}

.p-area_map_area-fukushima {
  width: 10.4rem;
  height: 5.6rem;
  bottom: 12.1%;
  left: 2.5%;
}

.p-area_map_area-fukushima::before {
  width: 11.81rem;
  bottom: 2.8rem;
  right: -.5rem;
  -webkit-transform: rotate(28deg);
          transform: rotate(28deg);
}

.p-area_map_area-fukushima .p-area_map_link, .p-area_map_area-fukushima .p-area_map_link-blue {
  top: 0;
  left: 0;
  -webkit-transform: translate(-70%, -100%);
          transform: translate(-70%, -100%);
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-fukushima {
    width: 7.76vw;
    height: 4.18vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-fukushima {
    width: 16rem;
    height: 8.8rem;
    bottom: 12.6%;
    left: 2.5%;
  }
  .p-area_map_area-fukushima::before {
    width: 18.26rem;
    bottom: 4.4rem;
    right: -.5rem;
    -webkit-transform: rotate(28deg);
            transform: rotate(28deg);
  }
  .p-area_map_area-fukushima .p-area_map_link, .p-area_map_area-fukushima .p-area_map_link-blue {
    -webkit-transform: translate(-90%, -85%);
            transform: translate(-90%, -85%);
  }
}

.p-area_map_area-iwate {
  width: 7.4rem;
  height: 4rem;
  top: 41%;
  right: -5%;
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-iwate {
    width: 5.5vw;
    height: 2.9vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-iwate {
    width: 11.2rem;
    height: 6rem;
  }
}

.p-area_map_area-iwate::before {
  display: none;
}

.p-area_map_area-iwate .p-area_map_link, .p-area_map_area-iwate .p-area_map_link-blue {
  top: 50%;
  right: 0;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}

.p-area_map_area-iwate_pin-morioka {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
}

.p-area_map_area-iwate_pin-morioka::before {
  content: '';
  width: 100%;
  bottom: 40%;
  right: 0;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  display: inline-block;
  height: 0.5rem;
  background: radial-gradient(circle farthest-side, #27a2cc, #27a2cc 60%, transparent 60%, transparent);
  background-size: 0.5rem 0.5rem;
  position: absolute;
}

@media screen and (max-width: 750px) {
  .p-area_map_area-iwate_pin-morioka::before {
    height: .8rem;
    background-size: .8rem .8rem;
  }
}

.p-area_map_area-iwate_pin-oshu {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 97%;
  height: 45%;
  -webkit-transform: translate(0, -17%);
          transform: translate(0, -17%);
}

.p-area_map_area-iwate_pin-oshu::before {
  content: '';
  width: 100%;
  top: 40%;
  right: 0;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  display: inline-block;
  height: 0.5rem;
  background: radial-gradient(circle farthest-side, #27a2cc, #27a2cc 60%, transparent 60%, transparent);
  background-size: 0.5rem 0.5rem;
  position: absolute;
}

@media screen and (max-width: 750px) {
  .p-area_map_area-iwate_pin-oshu::before {
    height: .8rem;
    background-size: .8rem .8rem;
  }
}

.p-area_map_area-miyagi {
  width: 9.2rem;
  height: 5rem;
  bottom: 28%;
  right: 0;
}

@media screen and (max-width: 1340px) {
  .p-area_map_area-miyagi {
    width: 6.9vw;
    height: 3.7vw;
  }
}

@media screen and (max-width: 750px) {
  .p-area_map_area-miyagi {
    width: 14.2rem;
    height: 7.8rem;
  }
}

.p-area_map_area-miyagi::before {
  display: none;
}

.p-area_map_area-miyagi .p-area_map_link, .p-area_map_area-miyagi .p-area_map_link-blue {
  bottom: 0;
  right: 0;
  -webkit-transform: translate(100%, 50%);
          transform: translate(100%, 50%);
}

.p-area_map_area-miyagi_pin-osaki {
  position: absolute;
  top: 10%;
  right: 0;
  width: 81%;
  height: 90%;
}

.p-area_map_area-miyagi_pin-osaki::before {
  content: '';
  width: 110%;
  top: 30%;
  right: 0;
  -webkit-transform: rotate(25deg) translate(10%, 10%);
          transform: rotate(25deg) translate(10%, 10%);
  display: inline-block;
  height: 0.5rem;
  background: radial-gradient(circle farthest-side, #27a2cc, #27a2cc 60%, transparent 60%, transparent);
  background-size: 0.5rem 0.5rem;
  position: absolute;
}

@media screen and (max-width: 750px) {
  .p-area_map_area-miyagi_pin-osaki::before {
    height: .8rem;
    background-size: .8rem .8rem;
  }
}

.p-area_map_area-miyagi_pin-sendai {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90%;
  height: 49%;
}

.p-area_map_area-miyagi_pin-sendai::before {
  content: '';
  width: 100%;
  top: 40%;
  right: 0;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  display: inline-block;
  height: 0.5rem;
  background: radial-gradient(circle farthest-side, #27a2cc, #27a2cc 60%, transparent 60%, transparent);
  background-size: 0.5rem 0.5rem;
  position: absolute;
}

@media screen and (max-width: 750px) {
  .p-area_map_area-miyagi_pin-sendai {
    width: 92%;
    height: 45%;
  }
  .p-area_map_area-miyagi_pin-sendai::before {
    height: .8rem;
    background-size: .8rem .8rem;
  }
}

.p-area_map_area-miyagi_pin-natori {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 45%;
}

.p-area_map_area-miyagi_pin-natori::before {
  content: '';
  width: 100%;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
  display: inline-block;
  height: 0.5rem;
  background: radial-gradient(circle farthest-side, #27a2cc, #27a2cc 60%, transparent 60%, transparent);
  background-size: 0.5rem 0.5rem;
  position: absolute;
}

@media screen and (max-width: 750px) {
  .p-area_map_area-miyagi_pin-natori::before {
    height: .8rem;
    background-size: .8rem .8rem;
  }
}

.p-area_map_area.is-fadein, .is-fadein.p-area_map_area-blue {
  /* &::before {
    animation: 'mapLinkAnima' .4s ease 0s forwards;
  }
  .p-area_map_link {
    animation: 'mapLinkAnima' .4s ease 0s forwards;
  } */
}

.p-area_map_area.is-fadein .p-area_map_pin, .is-fadein.p-area_map_area-blue .p-area_map_pin, .p-area_map_area.is-fadein .p-area_map_pin-blue, .is-fadein.p-area_map_area-blue .p-area_map_pin-blue {
  -webkit-animation: 'mapPinAnima' 1s ease 0s infinite alternate forwards running;
          animation: 'mapPinAnima' 1s ease 0s infinite alternate forwards running;
  /* animation: 'mapPinAnima' .4s ease .4s  forwards; */
}

@-webkit-keyframes mapPinAnima {
  100% {
    -webkit-box-shadow: 0 0 1rem 0.3rem white;
            box-shadow: 0 0 1rem 0.3rem white;
  }
}

@keyframes mapPinAnima {
  100% {
    -webkit-box-shadow: 0 0 1rem 0.3rem white;
            box-shadow: 0 0 1rem 0.3rem white;
  }
}

@-webkit-keyframes mapLinkAnima {
  100% {
    opacity: 1;
  }
}

@keyframes mapLinkAnima {
  100% {
    opacity: 1;
  }
}

.p-event-archive_area-table {
  padding: 1rem;
  border: 3px solid #000;
}

@media screen and (max-width: 750px) {
  .p-event-archive_area-table {
    padding: 0;
    border: none;
  }
}

.p-event-archive_area-table_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 750px) {
  .p-event-archive_area-table_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-event-archive_area-table_head {
  width: 25.5rem;
  border-right: 3px solid #000;
}

@media screen and (max-width: 750px) {
  .p-event-archive_area-table_head {
    width: 100%;
    padding: 1rem .7rem;
    border: 2px solid #000;
  }
}

.p-event-archive_area-table_head_inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (max-width: 750px) {
  .p-event-archive_area-table_head_inner {
    padding: 2.5rem 0;
  }
}

.p-event-archive_area-table_head_icon {
  width: 2.4rem;
  -webkit-transform: translate(-30%, -10%);
          transform: translate(-30%, -10%);
}

@media screen and (max-width: 750px) {
  .p-event-archive_area-table_head_icon {
    width: 3.4rem;
  }
}

.p-event-archive_area-table_title {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.85714;
}

@media screen and (max-width: 750px) {
  .p-event-archive_area-table_title {
    font-size: 3.1rem;
    line-height: 1.45161;
  }
}

.p-event-archive_area-table_arrow {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 4rem;
  -webkit-transform: rotate(-45deg) translate(0, -50%);
          transform: rotate(-45deg) translate(0, -50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform cubic-bezier(0.18, 0.83, 0.24, 0.87) 0.3s;
  transition: -webkit-transform cubic-bezier(0.18, 0.83, 0.24, 0.87) 0.3s;
  transition: transform cubic-bezier(0.18, 0.83, 0.24, 0.87) 0.3s;
  transition: transform cubic-bezier(0.18, 0.83, 0.24, 0.87) 0.3s, -webkit-transform cubic-bezier(0.18, 0.83, 0.24, 0.87) 0.3s;
}

.p-event-archive_area-table_arrow::before {
  content: '';
  width: 100%;
  height: 2px;
  display: inline-block;
  background: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
}

.p-event-archive_area-table_arrow::after {
  content: '';
  width: 2px;
  height: 100%;
  display: inline-block;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (min-width: 751px) {
  .p-event-archive_area-table_arrow {
    display: none;
  }
}

.p-event-archive_area-table_head.is-active .p-event-archive_area-table_arrow {
  -webkit-transform: rotate(45deg) translate(-30%, -60%);
          transform: rotate(45deg) translate(-30%, -60%);
}

.p-event-archive_area-list {
  width: calc(100% - 25.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 1rem;
}

@media screen and (max-width: 750px) {
  .p-event-archive_area-list {
    width: 100%;
    padding: 1rem 0 0;
    display: none;
  }
}

.p-event-archive_area-list_item {
  width: 25%;
}

@media screen and (min-width: 751px) {
  .p-event-archive_area-list_item {
    border-right: 3px solid #000;
  }
  .p-event-archive_area-list_item:nth-of-type(4), .p-event-archive_area-list_item:nth-of-type(8) {
    border-right: none;
  }
}

@media screen and (max-width: 750px) {
  .p-event-archive_area-list_item {
    width: 100%;
  }
}

.p-event-archive_area-list_link {
  font-size: 1.6rem;
  line-height: 3.75;
  letter-spacing: .22em;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media screen and (max-width: 750px) {
  .p-event-archive_area-list_link {
    font-size: 2.8rem;
    line-height: 3.75;
    border-left: 2px solid #000 !important;
    border-right: 2px solid #000 !important;
  }
  .p-event-archive_area-list_link::after {
    content: '';
    width: 95%;
    height: 2px;
    display: inline-block;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%);
  }
}

.p-archive-model_inner {
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
}

@media screen and (max-width: 1340px) {
  .p-archive-model_inner {
    padding: 0 4rem;
  }
}

@media screen and (max-width: 750px) {
  .p-archive-model_inner {
    padding: 0 1.5rem;
  }
}

.p-archive-model_list {
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-archive-model_card {
  width: calc(100% / 3);
  padding: 2rem .5rem 2.5rem;
}

@media screen and (max-width: 750px) {
  .p-archive-model_card {
    width: 100%;
    padding: 1.5rem 0;
  }
}

.p-archive-model_card-title {
  font-size: 1.8rem;
  line-height: 2.22222;
  letter-spacing: .38em;
  font-weight: bold;
  height: 100%;
  padding: 0 0 20%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 750px) {
  .p-archive-model_card-title {
    font-size: 3rem;
    line-height: 2;
    padding: 6rem 0 8rem;
  }
}

.p-archive-model_card-subtitle {
  font-size: 55.55%;
  line-height: 1;
  letter-spacing: .38em;
}

.p-archive-model_link {
  height: 100%;
  padding: .5rem .5rem 2rem;
  border: 3px solid #525252;
  display: block;
  position: relative;
}

.p-archive-model_link::after {
  content: '';
  width: 1.7rem;
  height: 1.5rem;
  display: inline-block;
  background: no-repeat center/100% url(../images/common/arrow_black02.png);
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

@media screen and (max-width: 750px) {
  .p-archive-model_link {
    padding: 1.5rem 2rem 4rem;
    border-width: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-archive-model_link::after {
    width: 3.7rem;
    height: 1.8rem;
    bottom: 2rem;
    right: 2.5rem;
  }
}

.p-archive-model_card_tags {
  position: absolute;
  top: .5rem;
  left: .5rem;
  z-index: 10;
}

@media screen and (max-width: 750px) {
  .p-archive-model_card_tags {
    width: 100%;
    position: static;
  }
}

.p-archive-model_card_tag {
  color: #fff;
  font-size: 1.2rem;
  line-height: 2.33333;
  letter-spacing: .38em;
  text-indent: .38em;
  padding: .1rem .7rem;
  display: inline-block;
  background: #59b311;
  margin-right: .5rem;
}

.p-archive-model_card_tag:nth-last-of-type(1) {
  margin-right: 0;
}

@media screen and (max-width: 750px) {
  .p-archive-model_card_tag {
    font-size: 2.4rem;
    line-height: 1.66667;
    padding: .5rem .8rem .2rem;
  }
}

.p-archive-model_card_title {
  font-size: 2rem;
  line-height: 1.55;
  letter-spacing: .06em;
  font-weight: bold;
  width: 100%;
  /* min-height: 4.2em; */
  padding: 1rem .5rem;
  text-align: left;
}

@media screen and (max-width: 750px) {
  .p-archive-model_card_title {
    font-size: 3.6rem;
    line-height: 1.41667;
    padding: 2.5rem 0;
    /* min-height: auto; */
  }
}

.p-archive-model_card_thumb {
  width: 100%;
  overflow: hidden;
  margin: 0 0 1rem;
}

@media screen and (max-width: 750px) {
  .p-archive-model_card_thumb {
    width: 34.1%;
  }
}

.p-archive-model_card_img {
  width: 100%;
  padding: 100% 0 0;
  background: no-repeat center/cover;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.18, 0.83, 0.24, 0.87);
  transition: -webkit-transform 0.6s cubic-bezier(0.18, 0.83, 0.24, 0.87);
  transition: transform 0.6s cubic-bezier(0.18, 0.83, 0.24, 0.87);
  transition: transform 0.6s cubic-bezier(0.18, 0.83, 0.24, 0.87), -webkit-transform 0.6s cubic-bezier(0.18, 0.83, 0.24, 0.87);
}

@media screen and (min-width: 751px) {
  .p-archive-model_card:hover .p-archive-model_card_img {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
  }
}

.p-archive-model_data-list {
  width: 100%;
}

@media screen and (max-width: 750px) {
  .p-archive-model_data-list {
    width: 65.9%;
    padding: 0 1rem;
  }
}

.p-archive-model_data-list_item {
  font-size: 1.4rem;
  line-height: 1.57143;
  letter-spacing: .06em;
  padding: .5rem 0 .5rem 3.5rem;
  position: relative;
}

.p-archive-model_data-list_item::before {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: .5rem;
  left: .5rem;
}

@media screen and (max-width: 750px) {
  .p-archive-model_data-list_item {
    font-size: 2.8rem;
    line-height: 1.35714;
    letter-spacing: .14em;
    padding: 1rem 0 1rem 5rem;
  }
  .p-archive-model_data-list_item::before {
    width: 3.5rem;
    height: 3.5rem;
    top: 1rem;
  }
}

.u-font-bold {
  font-weight: bold !important;
}

.u-font-white-01 {
  color: #fff !important;
}

.u-font-black-01 {
  color: #000 !important;
}

.u-font-green-05 {
  color: #3bb586 !important;
}

.u-font-blue-01 {
  color: #1768ac !important;
}

.u-font-blue-02 {
  color: #007cc5 !important;
}

.u-font-blue-03 {
  color: #27a2cc !important;
}

.u-font-red-01 {
  color: #d04141 !important;
}

.u-font-size-115 {
  font-size: 115% !important;
}

.u-font-size-80 {
  font-size: 80% !important;
}

.u-text-align-right {
  text-align: right !important;
}

.u-text-align-left {
  text-align: left !important;
}

.u-text-align-center {
  text-align: center !important;
}

.u-pt-6per {
  padding-top: 6% !important;
}

.u-pb-20 {
  padding-bottom: 2rem !important;
}

@media screen and (min-width: 751px) {
  .u-pt-10-pc {
    padding-top: 1rem !important;
  }
  .u-pb-0-pc {
    padding-bottom: 0 !important;
  }
  .u-pb-10-pc {
    padding-bottom: 1rem !important;
  }
  .u-pl-10-pc {
    padding-left: 1rem !important;
  }
  .u-pr-10-pc {
    padding-right: 1rem !important;
  }
  .u-pt-20-pc {
    padding-top: 2rem !important;
  }
  .u-pt-30-pc {
    padding-top: 3rem !important;
  }
  .u-plr-10px-pc {
    padding-left: 10px;
    padding-right: 10px;
  }
  .u-plr-20px-pc {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.u-mlr-auto {
  margin: 0 auto !important;
}

.u-mb-20 {
  margin-bottom: 2rem !important;
}

@media screen and (max-width: 750px) {
  .u-mb-20 {
    margin-bottom: 4rem !important;
  }
}

@media screen and (min-width: 751px) {
  .u-mb-20-pc {
    margin-bottom: 2rem;
  }
}

.u-mb-30 {
  margin-bottom: 3rem !important;
}

@media screen and (max-width: 750px) {
  .u-mb-30 {
    margin-bottom: 6rem !important;
  }
}

.u-mb-40 {
  margin-bottom: 4rem !important;
}

@media screen and (max-width: 750px) {
  .u-mb-40 {
    margin-bottom: 8rem !important;
  }
}

.u-mb-50 {
  margin-bottom: 5rem !important;
}

.u-mb-60 {
  margin-bottom: 6rem !important;
}

.u-mb-100 {
  margin-bottom: 10rem !important;
}

.u-mb-180 {
  margin-bottom: 18rem !important;
}

.u-mb-300 {
  margin-bottom: 30rem !important;
}

.u-mr-10 {
  margin-right: 1rem !important;
}

@media screen and (max-width: 750px) {
  .u-mr-10 {
    margin-right: 2rem !important;
  }
}

.u-ml-10 {
  margin-left: 1rem !important;
}

.u-mlr-20 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.u-border-none {
  border: none !important;
}

.u-border-t01-black01 {
  border-top: 1px solid #000;
}

.u-border-b01-gray04 {
  border-bottom: 1px solid #818c92;
}

@media screen and (min-width: 751px) {
  .u-border-r03-black01-pc {
    border-right: 3px solid #000;
  }
  .u-border-b03-black01-pc {
    border-bottom: 3px solid #000;
  }
}

@media screen and (max-width: 750px) {
  .u-border-b02-black01-sp {
    border-bottom: 2px solid #000;
  }
}

.u-display-inline-block {
  display: inline-block !important;
}

.u-w-100 {
  width: 100% !important;
}

@media screen and (max-width: 750px) {
  .u-w100per-sp {
    width: 100% !important;
  }
}

.u-flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.u-flex-justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.u-flex-column-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.u-flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

@media screen and (max-width: 750px) {
  .u-flex-column-reverse-sp {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media screen and (max-width: 750px) {
  .u-flex-row-sp {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

.u-position-relative {
  position: relative !important;
}

.u-bg-green05 {
  background-color: #3bb586;
}

.u-bg-blue03 {
  background-color: #27a2cc;
}

.u-form-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

@media screen and (max-width: 1200px) {
  .u-form-between {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.u-form-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.u-form-flexwrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

@media screen and (max-width: 750px) {
  .u-form-between-sp {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

.u-readonly:focus {
  -webkit-box-shadow: 0 0 0 0.3rem #c9c9c9 inset !important;
          box-shadow: 0 0 0 0.3rem #c9c9c9 inset !important;
}