@import url(https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap);
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.0/dist/css/yakuhanjp.css);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap);
@charset "UTF-8";
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  border-style: solid;
  border-width: 0;
  box-sizing: border-box;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  line-height: 1.15;
  /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Lists (definition) */
/* ============================================ */
dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  /* 2 */
  border-top-width: 1px;
  box-sizing: content-box;
  clear: both;
  color: inherit;
  /* 1 */
  height: 0;
  margin: 0;
  /* 1 */
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  border-radius: 0;
  color: inherit;
  font: inherit;
  margin: 0;
  padding: 0;
  text-align: inherit;
  text-transform: inherit;
  vertical-align: middle;
  /* 2 */
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  min-width: 0;
  padding: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  /* 1 */
  border-collapse: collapse;
  border-color: inherit;
}

caption {
  text-align: left;
}

td,
th {
  padding: 0;
  vertical-align: top;
}

th {
  font-weight: bold;
  text-align: left;
}

.inview,
.inviewL,
.inviewR,
.inviewZ,
.inviewF {
  opacity: 0;
}

.fadeIn {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeInUp {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
            transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInBigUp {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInBigUp;
          animation-name: fadeInBigUp;
}

@-webkit-keyframes fadeInBigUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 240px, 0);
            transform: translate3d(0, 240px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInBigUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 240px, 0);
            transform: translate3d(0, 240px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
            transform: translate3d(30px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
            transform: translate3d(30px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
            transform: translate3d(-30px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
            transform: translate3d(-30px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.fadeInUpZoom {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeInUpZoom;
          animation-name: fadeInUpZoom;
}

@-webkit-keyframes fadeInUpZoom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0) scale3d(0.3, 0.3, 0.3);
            transform: translate3d(0, 30px, 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}

@keyframes fadeInUpZoom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0) scale3d(0.3, 0.3, 0.3);
            transform: translate3d(0, 30px, 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  }
}
.delay_1 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.delay_2 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.delay_3 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.delay_4 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.delay_5 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.delay_6 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.delay_7 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.delay_8 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.delay_9 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.delay_10 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.delay_15 {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.delay_20 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.delay_30 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.delay_40 {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

.delay_50 {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.delay_60 {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

/*-- settingフォルダの中の_index.scss --*/
/* CSS Document */
/* ----------------------------------------------------------------------------------------------------
  settings
* --------------------------------------------------------------------------------------------------*/
html {
  font-size: 62.5%;
}

body {
  -webkit-overflow-scrolling: touch;
  -webkit-print-color-adjust: exact;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  box-sizing: border-box;
  color: #51ac82;
  font-family: YakuHanJP, "Noto Sans JP", 游ゴシック体, "Yu Gothic", YuGothic, Helvetica, Arial, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.6;
  text-justify: inter-ideograph;
  width: 100%;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 1.4rem;
  }
}

.stopscroll {
  overflow: hidden;
}

.en {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}

.jp {
  font-family: "Zen Kaku Gothic New", 游ゴシック体;
}

.mincho {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  -webkit-backface-visibility: hidden;
  height: auto;
  width: 100%;
}

.icon svg {
  display: block;
  height: 100%;
  width: 100%;
}

.italic {
  font-style: italic;
}

main {
  display: block;
}

.bold {
  font-weight: 700;
}

.ie .slick-dots li button:before {
  font-size: 20px;
}

*:focus {
  outline: none;
}

@media screen and (min-width: 1031px) {
  .m_view {
    display: none;
  }
  .w_view {
    display: block;
  }
}
@media screen and (max-width: 1030px) {
  .m_view {
    display: block;
  }
  .w_view {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .sp_view {
    display: none;
  }
  .pc_view {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  html {
    overflow-x: hidden;
  }
  .sp_view {
    display: block;
  }
  .pc_view {
    display: none;
  }
  input[type=text],
  input[type=search],
  input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    appearance: none;
  }
}
.contentWrap {
  overflow: hidden;
  position: relative;
  width: 100%;
}

a:hover {
  opacity: 0.7;
}

a.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.dt_line {
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.dt_line::after {
  background: radial-gradient(circle farthest-side, #333, #333 20%, transparent 20%, transparent);
  background-size: 20px;
  content: "";
  display: inline-block;
  height: 20px;
  width: 100%;
}

.sp {
  display: none;
}

.pc {
  display: block;
}

@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}
header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
header .hd_cnt {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 25px 0;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  header .hd_cnt {
    padding: 15px 0;
  }
}
header .hd_cnt .logoArea {
  left: 5%;
  position: absolute;
  top: 15px;
  z-index: 2002;
}
header .hd_cnt .logoArea .logo {
  max-width: 131px;
}
@media screen and (max-width: 768px) {
  header .hd_cnt .logoArea .logo {
    width: 65%;
  }
}
header .hd_cnt .logoArea .logo figure img {
  display: block;
  width: 100%;
}
header .hd_cnt .menu-btn {
  background: #51ac82;
  border-radius: 0 0 0 100%;
  display: block;
  height: 120px;
  position: absolute;
  right: 0;
  top: 0;
  width: 120px;
  z-index: 2003;
}
@media screen and (max-width: 768px) {
  header .hd_cnt .menu-btn {
    cursor: pointer;
    font-size: 3vw;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    z-index: 9999;
  }
}
@media screen and (max-width: 768px) and (max-width: 400px) {
  header .hd_cnt .menu-btn {
    height: 70px;
    width: 70px;
  }
}
header .hd_cnt .menu-btn .menu-trigger {
  cursor: pointer;
  height: 50px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 50px;
}
@media screen and (max-width: 768px) {
  header .hd_cnt .menu-btn .menu-trigger {
    right: 15px;
    top: 15px;
    width: 40px;
  }
}
@media screen and (max-width: 400px) {
  header .hd_cnt .menu-btn .menu-trigger {
    right: 10px;
    top: 10px;
    width: 30px;
  }
}
header .hd_cnt .menu-btn .menu-trigger span {
  background: #fff;
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  transition: 0.5s ease-in-out;
  width: 100%;
}
header .hd_cnt .menu-btn .menu-trigger span:nth-child(1) {
  top: 0;
}
header .hd_cnt .menu-btn .menu-trigger span:nth-child(2) {
  top: 12px;
}
@media screen and (max-width: 400px) {
  header .hd_cnt .menu-btn .menu-trigger span:nth-child(2) {
    top: 9px;
  }
}
header .hd_cnt .menu-btn .menu-trigger span:nth-child(3) {
  top: 25px;
}
@media screen and (max-width: 400px) {
  header .hd_cnt .menu-btn .menu-trigger span:nth-child(3) {
    top: 19px;
  }
}
header .hd_cnt .menu-btn .menu-trigger p {
  bottom: 0;
  color: #fff;
  font-weight: 600;
  position: absolute;
}
@media screen and (max-width: 768px) {
  header .hd_cnt .menu-btn .menu-trigger p {
    font-size: 2.6vw;
  }
}
@media screen and (max-width: 400px) {
  header .hd_cnt .menu-btn .menu-trigger p {
    bottom: 10px;
  }
}
header .hd_cnt .menu-btn.open .menu-trigger span {
  background: #fff;
}
header .hd_cnt .menu-btn.open .menu-trigger span:nth-child(1) {
  -webkit-transform: rotate(155deg);
  -moz-transform: rotate(155deg);
  top: 7px;
  transform: rotate(155deg);
}
header .hd_cnt .menu-btn.open .menu-trigger span:nth-child(2) {
  display: none;
}
header .hd_cnt .menu-btn.open .menu-trigger span:nth-child(3) {
  -webkit-transform: rotate(-155deg);
  -moz-transform: rotate(-155deg);
  left: 0;
  top: 7px;
  transform: rotate(-155deg);
  width: 100%;
}
@media screen and (max-width: 1030px) {
  header .hd_cnt .navArea {
    display: none;
  }
}
header .hd_cnt .navArea .nav_cnt .gNav {
  background-color: #fff;
  border-radius: 20px;
  padding: 5px;
}
header .hd_cnt .navArea .nav_cnt .gNav ul {
  display: flex;
}
header .hd_cnt .navArea .nav_cnt .gNav ul li {
  margin: auto 15px;
}
header .hd_cnt .navArea .nav_cnt .gNav ul li a {
  color: #51ac82;
  font-weight: 600;
}
header .hd_cnt .serchArea {
  background-color: #fff;
  border-radius: 20px;
  position: absolute;
  right: 130px;
  text-align: left;
  top: 25px;
  z-index: 2002;
}
@media screen and (max-width: 768px) {
  header .hd_cnt .serchArea {
    right: 110px;
    top: 15px;
  }
}
@media screen and (max-width: 400px) {
  header .hd_cnt .serchArea {
    right: 80px;
  }
}
header .hd_cnt .serchArea .gnav-search__form {
  /*display: flex;
  padding: 0 10px;*/
}
header .hd_cnt .serchArea .gnav-search__form .gnav-search {
  background: url(../../assets/images/common/grass.svg) right 1rem center/2.2rem 2.2rem no-repeat #fff;
  border-radius: 50%;
  color: transparent;
  /*width: 150px;*/
  cursor: pointer;
  height: 4rem;
  position: relative;
  transition: width 0.5s;
  width: 4rem;
  z-index: 1;
}
header .hd_cnt .serchArea .gnav-search__form .gnav-search.is-select {
  background-color: #fff;
  background-image: none;
  color: #000;
  cursor: text;
  padding-left: 2rem;
  padding-right: 4rem;
  text-align: left;
  width: 20rem;
}
header .hd_cnt .serchArea .gnav-search__form .gnav-search:focus {
  background-color: #fff;
}
header .hd_cnt .serchArea .gnav-search__form .gnav-search_submit {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: none;
  height: 2.2rem;
  opacity: 0;
  position: absolute;
  right: 1.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.2rem;
  z-index: 2;
}
header .hd_cnt .serchArea .gnav-search__form .gnav-search.is-select + .gnav-search_submit {
  background: url(../../assets/images/common/grass.svg) center center/2.2rem auto no-repeat;
  color: transparent;
  display: block;
  opacity: 1;
}
header .menuArea {
  background-color: #51ac82;
  color: #fff;
  height: 100vh;
  overflow: scroll;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 2000;
}
@media screen and (max-width: 768px) {
  header .menuArea {
    height: 100dvh;
    overflow: scroll;
  }
}
header .menuArea .menu_top {
  margin: 25px auto 50px;
  text-align: center;
  width: 190px;
}
header .menuArea .menu_top a {
  background-color: #fff;
  border-radius: 20px;
  color: #51ac82;
  display: block;
  padding: 5px 0px;
}
@media screen and (max-width: 768px) {
  header .menuArea .menu_top {
    display: none;
  }
}
header .menuArea .inner {
  margin: 0 auto;
  max-width: 1124px;
  width: 90%;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner {
    margin-top: 100px;
  }
}
header .menuArea .inner .menu_cnt .main_list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
header .menuArea .inner .menu_cnt .main_list li {
  margin-bottom: 20px;
  text-align: center;
  width: 30%;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .menu_cnt .main_list li {
    margin-bottom: 10px;
    width: 49%;
  }
}
header .menuArea .inner .menu_cnt .main_list li a {
  background-color: #fff;
  border-radius: 40px;
  color: #51ac82;
  display: block;
  height: 100%;
  padding: 20px 0;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .menu_cnt .main_list li a {
    height: 60px;
    padding: 0px 0;
  }
}
@media screen and (max-width: 400px) {
  header .menuArea .inner .menu_cnt .main_list li a {
    border-radius: 20px;
    height: 40px;
  }
}
header .menuArea .inner .menu_cnt .main_list li a .icon {
  display: inline-block;
  height: 46px;
  left: 20px;
  position: absolute;
  top: 8px;
  width: 46px;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .menu_cnt .main_list li a .icon {
    height: 28px;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 28px;
  }
}
@media screen and (max-width: 400px) {
  header .menuArea .inner .menu_cnt .main_list li a .icon {
    height: 23px;
    left: 8px;
    width: 23px;
  }
}
header .menuArea .inner .menu_cnt .main_list li a p {
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .menu_cnt .main_list li a p {
    font-size: 2.8vw;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .menu_cnt .main_list li a p span {
    display: block;
  }
}
header .menuArea .inner .box {
  border: solid 1px #fff;
  border-radius: 20px;
  box-sizing: border-box;
  margin: 25px auto;
  padding: 20px 40px 10px;
  width: 90%;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .box {
    margin: 10px auto 15px;
    padding: 5% 5%;
    width: 100%;
  }
}
header .menuArea .inner .box .sub_list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .box .sub_list {
    display: block;
  }
}
header .menuArea .inner .box .sub_list li {
  margin-bottom: 15px;
  text-align: center;
  width: 33%;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .box .sub_list li {
    text-align: left;
    width: 100%;
  }
}
header .menuArea .inner .tenant_box {
  padding: 10px 40px 15px;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .tenant_box {
    padding: 5% 5%;
  }
}
header .menuArea .inner .tenant_box .contact_ttl {
  margin-bottom: 10px;
  text-align: center;
}
header .menuArea .inner .tenant_box .contact_list {
  justify-content: center;
}
header .menuArea .inner .tenant_box .contact_list li {
  width: 33.3333%;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .tenant_box .contact_list li {
    text-align: left;
    width: 100%;
  }
}
header .menuArea .inner .menu_btm .flexbox {
  align-items: center;
  display: flex;
  padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .menu_btm .flexbox {
    display: block;
    text-align: center;
  }
}
header .menuArea .inner .menu_btm .flexbox .opening_hour {
  align-items: center;
  border: solid 1px #fff;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-size: 1.5em;
  font-weight: 500;
  padding: 0px 15px;
  width: 280px;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .menu_btm .flexbox .opening_hour {
    justify-content: center;
    margin: 0 auto 10px;
    width: 70%;
  }
}
header .menuArea .inner .menu_btm .flexbox .opening_hour p {
  padding: 10px 0;
}
header .menuArea .inner .menu_btm .flexbox .opening_hour span {
  display: inline-block;
  font-size: 0.6em;
  margin-right: 10px;
}
header .menuArea .inner .menu_btm .flexbox .comment {
  font-size: 0.85em;
  margin-left: 20px;
}
header .menuArea .inner .menu_btm .linkArea {
  align-items: center;
  border-top: solid 1px #fff;
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
  padding-top: 15px;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .menu_btm .linkArea {
    display: block;
    padding-bottom: 0;
    text-align: center;
  }
}
header .menuArea .inner .menu_btm .linkArea .snsArea {
  display: flex;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .menu_btm .linkArea .snsArea {
    justify-content: center;
    margin-bottom: 15px;
  }
}
header .menuArea .inner .menu_btm .linkArea .snsArea li {
  margin-right: 15px;
  width: 48px;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .menu_btm .linkArea .snsArea li {
    margin: auto 10px;
  }
}
header .menuArea .inner .menu_btm .linkArea .btm_link li {
  display: inline-block;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  header .menuArea .inner .menu_btm .linkArea .btm_link li {
    display: block;
    margin: 0 auto 10px;
  }
}
header .menuArea .menu_top_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  header .menuArea .menu_top_sp {
    display: block;
    margin: 20px auto;
    padding-bottom: 30px;
    text-align: center;
    width: 190px;
  }
  header .menuArea .menu_top_sp a {
    background-color: #fff;
    border-radius: 20px;
    color: #51ac82;
    display: block;
    padding: 5px 0px;
  }
}
header .menuArea .character {
  bottom: 5%;
  position: absolute;
  right: 5%;
  width: 87px;
}
@media screen and (max-width: 768px) {
  header .menuArea .character {
    display: none;
  }
}

.moreBtn {
  height: 190px;
  width: 190px;
}
@media screen and (max-width: 768px) {
  .moreBtn {
    height: 130px;
    width: 130px;
  }
}
.moreBtn a {
  display: block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .moreBtn a {
    width: 100%;
  }
}
.moreBtn a .rotate {
  height: 100%;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  transition: 5s;
  width: 100%;
}
.moreBtn a .txt {
  bottom: 0;
  color: #969696;
  font-size: 1em;
  font-weight: 500;
  height: 25px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 90px;
}
@media screen and (max-width: 768px) {
  .moreBtn a .txt {
    font-size: 2.7vw;
    line-height: 2.5;
  }
}
.moreBtn a:hover {
  opacity: 1;
}
.moreBtn a:hover .rotate {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.pagerArea {
  margin: 80px auto;
  text-align: center;
}
.pagerArea .page-numbers {
  color: #51a780;
  display: inline-block;
  margin: auto 10px;
}
.pagerArea .page-numbers.current {
  background-color: #51a780;
  border-radius: 50%;
  color: #fff;
  padding: 5px 14px;
}
.pagerArea .page-numbers.next {
  font-size: 1.2em;
}
.pagerArea .page-numbers.prev {
  font-size: 1.2em;
}

.lower_top {
  background-color: #fbf2dd;
  height: auto;
  position: relative;
  width: 100%;
  z-index: 1;
}
.lower_top::after {
  background: url(../../assets/images/common/wave_btm.png) no-repeat center bottom;
  background-size: cover;
  bottom: -6vw;
  content: "";
  display: block;
  height: 7vw;
  position: absolute;
  width: 100%;
  z-index: -1;
}
@media screen and (max-width: 1030px) {
  .lower_top {
    margin-bottom: 10px;
  }
}
.lower_top .lower_ttlArea {
  padding-bottom: 50px;
  padding-top: 120px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lower_top .lower_ttlArea {
    padding-bottom: 30px;
    padding-top: 110px;
  }
}
.lower_top .lower_ttlArea .lower_ttl {
  font-size: 3em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .lower_top .lower_ttlArea .lower_ttl {
    font-size: 6vw;
  }
}
.lower_top .lower_ttlArea .jp {
  color: #51a780;
  font-weight: 600;
}

.lower_cnt_sec {
  color: #333;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .lower_cnt_sec {
    margin-top: 70px;
  }
}
.lower_cnt_sec .green {
  color: #51a980;
}
.lower_cnt_sec .inner {
  margin: 0 auto;
  max-width: 1160px;
  width: 90%;
}
.lower_cnt_sec .inner .lower_lead {
  color: #51a980;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 2;
  margin-bottom: 50px;
  text-align: center;
}
.lower_cnt_sec .inner .flexbox {
  display: flex;
  position: relative;
}
@media screen and (max-width: 768px) {
  .lower_cnt_sec .inner .flexbox {
    display: block;
  }
}
.lower_cnt_sec .inner .g_box {
  border: solid 1px #333333;
  border-radius: 35px;
  box-sizing: border-box;
  padding: 50px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .lower_cnt_sec .inner .g_box {
    padding: 5%;
  }
}
.lower_cnt_sec .inner .g_btn {
  margin: 50px auto 0;
  max-width: 378px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lower_cnt_sec .inner .g_btn {
    margin: 25px auto 5px;
    max-width: 100%;
  }
}
.lower_cnt_sec .inner .g_btn a {
  background-color: #51a980;
  border-radius: 35px;
  color: #fff;
  display: block;
  font-weight: 600;
  padding: 12px 0;
  position: relative;
  width: 100%;
}
.lower_cnt_sec .inner .g_btn a::after {
  border-bottom: 5px solid transparent;
  border-left: 6px solid #ffffff;
  border-right: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 0;
}
.lower_cnt_sec .inner .w_btn {
  margin: 50px auto 0;
  max-width: 465px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lower_cnt_sec .inner .w_btn {
    margin: 25px auto 5px;
    max-width: 100%;
  }
}
.lower_cnt_sec .inner .w_btn a {
  background-color: #fff;
  border: solid 1px #51a980;
  border-radius: 35px;
  color: #51a980;
  display: block;
  font-weight: 600;
  padding: 12px 0;
  position: relative;
  width: 100%;
}
.lower_cnt_sec .inner .w_btn a::after {
  border-bottom: 5px solid transparent;
  border-left: 6px solid #51a980;
  border-right: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
}
.lower_cnt_sec .inner .w_btn.current a {
  background-color: #51a980;
  color: #fff;
}
.lower_cnt_sec .inner .w_btn.current a::after {
  border-bottom: 5px solid transparent;
  border-left: 6px solid #ffffff;
  border-right: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  content: "";
}
.lower_cnt_sec .inner .w_box {
  background-color: #fff;
  border: solid 1px #51a980;
  border-radius: 35px;
  color: #51a980;
  display: inline-block;
  font-weight: 600;
  margin: 30px auto;
  padding: 7px 25px;
}
.lower_cnt_sec .inner .y_line {
  background: linear-gradient(transparent 70%, #fcee21 30%);
}
.lower_cnt_sec .inner .g_ttl {
  background-color: #51a980;
  border-radius: 35px;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  margin: 0 auto 60px;
  padding: 12px 0;
  text-align: center;
  width: 100%;
}
.lower_cnt_sec .inner .red {
  color: #e60012;
}

.lower_btmArea {
  background-color: #fbf2dd;
  margin-top: 150px;
  padding-bottom: 45px;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .lower_btmArea {
    margin-top: 70px;
  }
}
.lower_btmArea::before {
  background: url(../../assets/images/common/wave_top.png) no-repeat center top;
  background-size: cover;
  content: "";
  display: block;
  height: 7vw;
  position: absolute;
  top: -6vw;
  width: 100%;
}
.lower_btmArea::after {
  background-color: #fbf2dd;
  bottom: -150px;
  content: "";
  display: block;
  height: 200px;
  position: absolute;
  width: 100%;
  z-index: -1;
}

footer {
  background-color: #fff;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  color: #333333;
  padding-top: 80px;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  footer {
    padding-top: 20px;
  }
}
footer .toTopbtn {
  height: 108px;
  position: absolute;
  right: 5%;
  top: -50px;
  width: 108px;
  z-index: 20;
}
@media screen and (max-width: 768px) {
  footer .toTopbtn {
    display: none;
  }
}
footer .ft_inner {
  margin: 0 auto 0px;
  max-width: 1205px;
}
@media screen and (min-width: 769px) {
  footer .ft_inner {
    width: 1205px;
  }
}
@media screen and (max-width: 768px) {
  footer .ft_inner {
    width: 90%;
  }
}
footer .ft_inner .flexbox {
  display: flex;
  justify-content: space-between;
}
footer .ft_inner .flexbox .ft_infoArea {
  width: 42%;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .flexbox .ft_infoArea {
    text-align: center;
    width: 100%;
  }
}
footer .ft_inner .flexbox .ft_infoArea .info_top {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .flexbox .ft_infoArea .info_top {
    display: block;
  }
}
footer .ft_inner .flexbox .ft_infoArea .info_top .ft_logo {
  width: 150px;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .flexbox .ft_infoArea .info_top .ft_logo {
    margin: 50px auto 20px;
    width: 100px;
  }
}
footer .ft_inner .flexbox .ft_infoArea .info_top .txt .name {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 10px;
}
footer .ft_inner .flexbox .ft_infoArea .info_top .txt .zip {
  font-size: 0.9em;
}
footer .ft_inner .flexbox .ft_infoArea .info_mdl .flexbox {
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .flexbox .ft_infoArea .info_mdl .flexbox {
    display: block;
  }
}
footer .ft_inner .flexbox .ft_infoArea .info_mdl .opening_hour {
  align-items: center;
  border: solid 1px #51ac82;
  border-radius: 10px;
  color: #51ac82;
  display: inline-block;
  display: flex;
  font-size: 1.5em;
  font-weight: 500;
  padding: 0px 15px;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .flexbox .ft_infoArea .info_mdl .opening_hour {
    justify-content: center;
    margin: 0 auto 10px;
    width: 70%;
  }
}
footer .ft_inner .flexbox .ft_infoArea .info_mdl .opening_hour p {
  padding: 10px 0;
}
footer .ft_inner .flexbox .ft_infoArea .info_mdl .opening_hour span {
  display: inline-block;
  font-size: 0.6em;
  margin-right: 10px;
}
footer .ft_inner .flexbox .ft_infoArea .info_mdl .other {
  font-size: 0.9em;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .flexbox .ft_infoArea .info_mdl .other {
    display: none;
  }
}
footer .ft_inner .flexbox .ft_infoArea .info_mdl .comment {
  font-size: 0.85em;
  margin-top: 10px;
}
footer .ft_inner .flexbox .ft_infoArea .info_btm {
  margin-top: 20px;
}
footer .ft_inner .flexbox .ft_infoArea .info_btm .snsArea {
  display: flex;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .flexbox .ft_infoArea .info_btm .snsArea {
    justify-content: center;
  }
}
footer .ft_inner .flexbox .ft_infoArea .info_btm .snsArea li {
  margin-right: 15px;
  width: 48px;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .flexbox .ft_infoArea .info_btm .snsArea li {
    margin: auto 10px;
  }
}
footer .ft_inner .flexbox .sitemap {
  width: 55%;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .flexbox .sitemap {
    display: none;
    margin-bottom: 20px;
  }
}
footer .ft_inner .flexbox .sitemap .flexbox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .flexbox .sitemap .flexbox {
    display: block;
  }
}
footer .ft_inner .flexbox .sitemap .flexbox .map_box {
  width: 24%;
}
footer .ft_inner .flexbox .sitemap .flexbox .map_box .gr {
  color: #51ac82;
  font-size: 1.1em;
  font-weight: 500;
  margin-bottom: 10px;
}
footer .ft_inner .flexbox .sitemap .flexbox .map_box ul li {
  font-size: 0.9em;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .flexbox .sitemap .flexbox .map_box ul li {
    font-size: 3vw;
  }
}
footer .ft_inner .flexbox .sitemap .flexbox .map_box ul li a {
  text-decoration: none;
}
footer .ft_inner .ft_btm {
  margin: 40px auto 0;
  padding-bottom: 40px;
  text-align: center;
}
footer .ft_inner .ft_btm .btm_link li {
  color: #51ac82;
  display: inline-block;
  font-weight: 600;
  margin: auto 10px;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .ft_btm .btm_link {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  footer .ft_inner .ft_btm {
    font-size: 2.5vw;
  }
}
footer .ft_inner .ft_btm .copyright {
  margin-top: 10px;
}
footer .ft_inner .character {
  bottom: 5%;
  position: absolute;
  right: 5%;
  width: 87px;
}
@media screen and (max-width: 768px) {
  footer .ft_inner .character {
    display: none;
  }
}
@-webkit-keyframes loop-slide {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loop-slide {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.p-top main {
  width: 100%;
}
.p-top main .mv {
  background-color: #fbf2dd;
  /*height: 800px;*/
  padding: 185px 0 100px;
  position: relative;
  width: 100%;
  z-index: 1;
  /*.cls-2{
    stroke-miterlimit:10;
    fill:none;
    stroke:#00996d;
    stroke-width:11px;
    stroke-dasharray: 300 1880;
    stroke-dashoffset: 300;
    }

    .is-animation{

    .cls-2 {
      animation: line_animation 6s linear infinite;
    } 
  }

  @keyframes line_animation {
    0% {
      stroke-dasharray: 300 1880;
    }
    50% {
      stroke-dasharray: 350 1880;
    }
    87.5% {
      stroke-dasharray: 300 1880;
    }
    100% {
      stroke-dasharray: 200 1880;
    }

    0% {
      stroke-dashoffset: 300;
    }
    12.5% {
      stroke-dashoffset: 0;
    }
    100% {
      stroke-dashoffset: -1880;
    }

  }*/
  /*スライダー*/
  /* @media screen and (max-width: 1366px) and (min-width: 768px) {
    #slider {
      max-width: 450px;
    }
  } */
  /*
    PC only
  */
  /*
    SP
  */
}
.p-top main .mv::after {
  background: url(../../assets/images/common/wave_btm.png) no-repeat center bottom;
  background-size: cover;
  bottom: -6vw;
  content: "";
  display: block;
  height: 7vw;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 1030px) {
  .p-top main .mv {
    margin-bottom: 10px;
  }
}
.p-top main .mv .slideArea {
  opacity: 0;
  transition: 0.5s ease-out;
}
.p-top main .mv .slideArea.is-shown {
  opacity: 1;
}
.p-top main .mv .slideArea .slide_active {
  bottom: 0;
  height: 0;
  left: 0;
  margin: auto;
  padding-top: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s ease-in-out;
  width: 46.6%;
  z-index: 2;
}
.p-top main .mv .slideArea .slide_active svg {
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.p-top main .mv .cls-1 {
  fill: none;
  stroke: #00996d;
  stroke-miterlimit: 10;
  stroke-width: 11px;
}
.p-top main .mv #slider {
  margin: auto;
  max-width: 1120px;
  position: relative;
}
.p-top main .mv #slider .swiper-container {
  height: 100%;
  overflow: visible;
}
.p-top main .mv #slider .swiper-slide {
  box-sizing: border-box;
  -webkit-transform: scale(0.57);
          transform: scale(0.57);
  transition: 0.3s ease-in-out;
}
.p-top main .mv #slider .swiper-slide .box {
  display: block;
  position: relative;
}
.p-top main .mv #slider .swiper-slide img {
  /* width: 	100%;
  height: 100%; */
  border-radius: 40px;
  display: block;
  height: auto;
  position: relative;
  width: 100%;
}
.p-top main .mv #slider .swiper-slide.swiper-slide-active.setPosition {
  -webkit-animation: poyo2 0.3s ease-in-out 0.3s;
          animation: poyo2 0.3s ease-in-out 0.3s;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
@-webkit-keyframes poyo2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes poyo2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes poyo2_sp {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@keyframes poyo2_sp {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.p-top main .mv #slider .swiper-pagination {
  text-align: right;
}
.p-top main .mv #slider .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  border: 1px solid #00996d;
  height: 12px;
  margin: 0 15px;
  opacity: 1;
  width: 12px;
}
.p-top main .mv #slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #00996d;
}
@media screen and (min-width: 769px) {
  .p-top main .mv #slider .swiper-slide.swiper-slide-prev {
    -webkit-transform-origin: 25% 50%;
            transform-origin: 25% 50%;
  }
  .p-top main .mv #slider .swiper-slide.swiper-slide-next {
    -webkit-transform-origin: 75% 50%;
            transform-origin: 75% 50%;
  }
}
@media screen and (max-width: 768px) {
  .p-top main .mv .mv {
    padding: 35.9vw 0;
  }
  .p-top main .mv #slider .swiper-slide img {
    border-radius: 5.5vw;
  }
  .p-top main .mv .slideArea .slide_active {
    width: 67%;
  }
  .p-top main .mv #slider .swiper-slide {
    -webkit-transform: scale(0.62);
            transform: scale(0.62);
  }
  .p-top main .mv #slider .swiper-slide.swiper-slide-active.setPosition {
    -webkit-animation: poyo2_sp 0.3s ease-in-out 0.3s;
            animation: poyo2_sp 0.3s ease-in-out 0.3s;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .p-top main .mv #slider .swiper-pagination {
    bottom: -17.7vw;
    text-align: center;
  }
  .p-top main .mv #slider .swiper-pagination .swiper-pagination-bullet {
    height: 2.5vw;
    margin: 0 2.5vw;
    width: 2.5vw;
  }
}
.p-top main .sec .inner {
  margin: 0 auto;
  max-width: 1160px;
  width: 90%;
}
@media screen and (min-width: 769px) {
  .p-top main .sec .inner {
    width: 1160px;
  }
  
  .p-top main .shopnews_sec .inner .flexbox,
.p-top main .event_sec .inner .flexbox {
	min-height: 400px;
}
}
.p-top main .sec .inner .flexbox {
  display: flex;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top main .sec .inner .flexbox {
    display: block;
  }
}
.p-top main .sec .inner .flexbox .ttlArea {
  margin-right: 45px;
  width: 250px;
}
@media screen and (max-width: 768px) {
  .p-top main .sec .inner .flexbox .ttlArea {
    margin: 0 auto 30px;
    width: 100%;
  }
}
.p-top main .sec .inner .flexbox .ttlArea .jp {
  display: block;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-top main .sec .inner .flexbox .ttlArea .jp {
    text-align: center;
  }
}
.p-top main .sec .inner .box_list {
  flex-wrap: wrap;
  width: 870px;
}
@media screen and (max-width: 768px) {
  .p-top main .sec .inner .box_list {
    display: flex;
    width: 100%;
  }
}
.p-top main .sec .inner .box_list li {
  margin-bottom: 40px;
  margin-right: 5%;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .p-top main .sec .inner .box_list li {
    margin-right: 2%;
    width: 48%;
  }
}
.p-top main .sec .inner .box_list li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-top main .sec .inner .box_list li:nth-child(3n) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 768px) {
  .p-top main .sec .inner .box_list li:nth-child(2n) {
    margin-left: 2%;
    margin-right: 0;
  }
}
.p-top main .sec .inner .box_list li img {
  border-radius: 30px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 400px) {
  .p-top main .sec .inner .box_list li img {
    border-radius: 20px;
  }
}
.p-top main .sec .inner .box_list li .img {
  margin-bottom: 20px;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
.p-top main .sec .inner .box_list li .txt {
  display: flex;
  flex-direction: column;
}
.p-top main .sec .inner .box_list li .txt .list_ttl {
  font-weight: 600;
  margin-bottom: 10px;
  /*border-bottom: solid 2px;*/
  padding-bottom: 5px;
  display: inline-block;
}

.p-top main .sec .inner .box_list li .txt .list_ttl .line{
	display: inline;
	/*background: linear-gradient(transparent 90%, #51ac82 0%);*/
	padding-top: 5px;
	border-bottom: solid 2px;
}
.p-top main .sec .inner .box_list li .txt p {
  color: #333;
  margin-bottom: 15px;
}
.p-top main .sec .inner .box_list li .txt .date {
  color: #969696;
  font-size: 0.9em;
  margin-top: auto;
}
.p-top main .news_sec {
  padding: 100px 0 80px;
}
@media screen and (max-width: 768px) {
  .p-top main .news_sec {
    padding: 80px 0 50px;
  }
}
.p-top main .news_sec .inner .top_bnrArea {
  margin: 30px auto 80px;
  max-width: 1000px;
}
.p-top main .news_sec .inner .top_bnrArea .top_bnrlist {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-top main .news_sec .inner .top_bnrArea .top_bnrlist {
    display: block;
  }
}
.p-top main .news_sec .inner .top_bnrArea .top_bnrlist li {
  max-width: 460px;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p-top main .news_sec .inner .top_bnrArea .top_bnrlist li {
    margin: 0 auto 15px;
    width: 100%;
  }
}
.p-top main .news_sec .inner .flexbox {
  border-bottom: solid 1px #51ac82;
  padding-bottom: 80px;
}
.p-top main .news_sec .ttlArea .sec_ttl {
  width: 190px;
}
@media screen and (max-width: 768px) {
  .p-top main .news_sec .ttlArea .sec_ttl {
    margin: 0 auto;
    width: 30%;
  }
}
.p-top main .news_sec .cntArea {
  margin-right: 30px;
  width: calc(100% - 500px);
}
@media screen and (max-width: 768px) {
  .p-top main .news_sec .cntArea {
    margin: 0 auto;
    width: 100%;
  }
}
.p-top main .news_sec .cntArea .newsArea .row {
  align-items: center;
  display: flex;
  padding: 20px 0;
  position: relative;
}
.p-top main .news_sec .cntArea .newsArea .row::after {
  background: radial-gradient(circle farthest-side, #333, #333 20%, transparent 20%, transparent);
  background-size: 20px;
  bottom: -10px;
  content: "";
  display: inline-block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}
.p-top main .news_sec .cntArea .newsArea .row:last-child::after {
  content: none;
}
@media screen and (max-width: 768px) {
  .p-top main .news_sec .cntArea .newsArea .row {
    display: block;
    width: 100%;
  }
}
.p-top main .news_sec .cntArea .newsArea .row dt {
  align-items: center;
  display: flex;
}
.p-top main .news_sec .cntArea .newsArea .row dt .date {
  color: #969696;
  font-size: 0.9em;
}
.p-top main .news_sec .cntArea .newsArea .row dt .category {
  border-radius: 20px;
  font-size: 0.95em;
  margin-left: 15px;
  padding: 2px 0;
  text-align: center;
  width: 146px;
}
.p-top main .news_sec .cntArea .newsArea .row dt .category.cat1 {
  border: solid 1px #d70f18;
  color: #d70f18;
}
.p-top main .news_sec .cntArea .newsArea .row dt .category.cat2 {
  border: solid 1px #3fa9f5;
  color: #3fa9f5;
}
@media screen and (max-width: 768px) {
  .p-top main .news_sec .cntArea .newsArea .row dt .category {
    font-size: 2.8vw;
  }
}
.p-top main .news_sec .cntArea .newsArea .row dd {
  color: #333333;
  margin-left: 15px;
}
@media screen and (max-width: 768px) {
  .p-top main .news_sec .cntArea .newsArea .row dd {
    font-size: 3vw;
    margin-left: 0;
    margin-top: 10px;
  }
}
.p-top main .news_sec .moreBtn {
  width: 190px;
}
@media screen and (max-width: 768px) {
  .p-top main .news_sec .moreBtn {
    margin: 30px auto;
    width: 130px;
  }
}
.p-top main .shopnews_sec {
  margin-bottom: 120px;
  position: relative;
}
.p-top main .shopnews_sec .sec_ttl {
  width: 194px;
}
@media screen and (max-width: 768px) {
  .p-top main .shopnews_sec .sec_ttl {
    margin: 0px auto 30px;
    width: 70%;
  }
}
.p-top main .shopnews_sec .moreBtn {
  position: absolute;
  top: 250px;
  width: 190px;
}
@media screen and (max-width: 768px) {
  .p-top main .shopnews_sec .moreBtn {
    margin: 10px auto 60px;
    position: relative;
    top: 0;
    width: 130px;
  }
}
.p-top main .event_sec {
  margin-bottom: 80px;
  position: relative;
}
.p-top main .event_sec .inner {
  border-bottom: solid 1px #51ac82;
  padding-bottom: 80px;
}
.p-top main .event_sec .sec_ttl {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .p-top main .event_sec .sec_ttl {
    margin: 0 auto;
    width: 35%;
  }
}
.p-top main .event_sec .moreBtn {
  position: absolute;
  top: 180px;
  width: 190px;
}
@media screen and (max-width: 768px) {
  .p-top main .event_sec .moreBtn {
    margin: 10px auto 60px;
    position: relative;
    top: 0;
    width: 130px;
  }
}
.p-top main .btmArea {
  background-color: #fbf2dd;
  position: relative;
  width: 100%;
  z-index: 1;
}
.p-top main .btmArea::before {
  background: url(../../assets/images/common/wave_top.png) no-repeat center top;
  background-size: cover;
  content: "";
  display: block;
  height: 7vw;
  position: absolute;
  top: -6vw;
  width: 100%;
}
.p-top main .btmArea::after {
  background-color: #fbf2dd;
  bottom: -150px;
  content: "";
  display: block;
  height: 200px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.p-top main .btmArea .sec_ttl {
  margin: 0 auto;
  padding: 50px 0;
  text-align: center;
  width: 257px;
}
@media screen and (max-width: 768px) {
  .p-top main .btmArea .sec_ttl {
    margin: 0 auto;
    width: 45%;
  }
}
.p-top main .btmArea .instaArea {
  padding-bottom: 70px;
}
.p-top main .btmArea .instaArea .slideArea .swiper-slide {
  margin: auto;
  width: 170px;
}
.p-top main .btmArea .instaArea .slideArea .swiper-slide img {
  border-radius: 20px;
}
.p-top main .btmArea .main_bnrArea {
  margin: 0 auto;
  max-width: 1000px;
  padding: 0px 0 70px;
  text-align: center;
  width: 90%;
}
.p-top main .btmArea .main_bnrArea .bnr_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 50px auto;
}
@media screen and (max-width: 768px) {
  .p-top main .btmArea .main_bnrArea .bnr_list {
    margin: 20px auto;
  }
}
.p-top main .btmArea .main_bnrArea .bnr_list li {
  margin: auto 1%;
  margin-bottom: 20px;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .p-top main .btmArea .main_bnrArea .bnr_list li {
    width: 48%;
  }
}
.p-top main .btmArea .main_bnrArea .bnr_ttl {
  font-size: 2em;
  font-weight: 600;
  margin: 50px auto 40px;
}
@media screen and (max-width: 768px) {
  .p-top main .btmArea .main_bnrArea .bnr_ttl {
    font-size: 5vw;
    margin: 25px auto;
  }
}

.p-company .obj_top {
  margin-left: auto;
  position: relative;
  right: -20px;
  top: -120px;
  width: 1070px;
}
@media screen and (max-width: 768px) {
  .p-company .obj_top {
    left: -10%;
    right: auto;
    top: -50px;
    width: 150%;
  }
}
.p-company .obj_top .line_l {
  bottom: 50px;
  left: 0;
  position: absolute;
  width: 243px;
}
@media screen and (max-width: 768px) {
  .p-company .obj_top .line_l {
    bottom: 40px;
    width: 23%;
  }
}
.p-company .obj_top .line_r {
  position: absolute;
  right: 270px;
  top: 7px;
  width: 130px;
}
@media screen and (max-width: 768px) {
  .p-company .obj_top .line_r {
    right: 25%;
    top: 0;
    width: 13%;
  }
}
.p-company .company_sec {
  width: 100%;
}
.p-company .company_sec .inner {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
.p-company .company_sec .inner .pankuzu {
  position: relative;
  top: -50px;
}
.p-company .company_sec .inner .pankuzu ul {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .pankuzu ul {
    justify-content: flex-start;
  }
}
.p-company .company_sec .inner .pankuzu ul li {
  font-size: 0.75em;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .pankuzu ul li {
    font-size: 3.5vw;
  }
}
.p-company .company_sec .inner .pankuzu ul li::after {
  content: ">";
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.p-company .company_sec .inner .pankuzu ul li:last-child::after {
  content: "";
  display: none;
}
.p-company .company_sec .inner .company_wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .company_wrap {
    display: block;
  }
}
.p-company .company_sec .inner .sideArea {
  width: 200px;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .sideArea {
    display: none;
  }
}
.p-company .company_sec .inner .sideArea ul {
  margin-top: 20px;
}
.p-company .company_sec .inner .sideArea ul li {
  margin-bottom: 25px;
}
.p-company .company_sec .inner .sideArea ul li a {
  opacity: 0.7;
  padding-bottom: 5px;
}
.p-company .company_sec .inner .sideArea ul li a:hover {
  opacity: 1;
}
.p-company .company_sec .inner .sideArea ul li.current a {
  border-bottom: solid 2px #567f87;
  opacity: 1;
}
.p-company .company_sec .inner .mainArea {
  max-width: 970px;
  width: calc(100% - 250px);
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea {
    width: 100%;
  }
}
.p-company .company_sec .inner .mainArea .company_cnt {
  margin-bottom: 50px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .company_cnt {
    margin-bottom: 40px;
  }
}
.p-company .company_sec .inner .mainArea .company_cnt .btm_line {
  background-color: #51ac82;
  height: 2px;
  margin-top: 50px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .company_cnt .btm_line {
    margin-top: 40px;
  }
}
.p-company .company_sec .inner .mainArea .company_cnt .btm_line::before {
  background-color: #51ac82;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  top: -3px;
  width: 8px;
}
.p-company .company_sec .inner .mainArea .company_cnt .btm_line::after {
  background-color: #51ac82;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 0;
  top: -3px;
  width: 8px;
}
.p-company .company_sec .inner .mainArea .philo_cnt h3 {
  font-size: 1.3em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .philo_cnt h3 {
    font-size: 3.5vw;
  }
}
.p-company .company_sec .inner .mainArea .philo_cnt .btm_line {
  max-width: 600px;
}
.p-company .company_sec .inner .mainArea .be_cnt h3 {
  font-size: 1.3em;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .be_cnt h3 {
    font-size: 3.5vw;
  }
}
.p-company .company_sec .inner .mainArea .be_cnt .btm_line {
  max-width: 600px;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .be_cnt .btm_line {
    max-width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .msg_cnt {
    text-align: center;
  }
}
.p-company .company_sec .inner .mainArea .company_ttl {
  font-size: 3em;
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .company_ttl {
    font-size: 9vw;
    margin-bottom: 20px;
  }
}
.p-company .company_sec .inner .mainArea .company_ttl .caption {
  display: block;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .company_ttl .caption {
    font-size: 4vw;
  }
}
.p-company .company_sec .inner .mainArea .lead_txt {
  font-size: 1.8em;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .lead_txt {
    font-size: 5vw;
    text-align: center;
  }
}
.p-company .company_sec .inner .mainArea .txt {
  line-height: 2;
}
.p-company .company_sec .inner .mainArea .txt p {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .txt {
    text-align: left;
  }
}
.p-company .company_sec .inner .mainArea .bl_box {
  background-color: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  max-width: 570px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .bl_box {
    text-align: left;
    width: 100%;
  }
}
.p-company .company_sec .inner .mainArea .bl_box .name {
  margin-bottom: 10px;
}
.p-company .company_sec .inner .mainArea .bl_box .name em {
  display: inline-block;
  font-size: 1.2em;
  font-style: normal;
  margin-left: 20px;
}
.p-company .company_sec .inner .mainArea .obj_mdl {
  position: absolute;
  right: -200px;
  top: -100px;
  width: 555px;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .obj_mdl {
    right: -55%;
    top: 0;
    width: 80%;
  }
}
.p-company .company_sec .inner .mainArea .obj_mdl .line {
  left: 0px;
  position: absolute;
  top: 135px;
  width: 213px;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .obj_mdl .line {
    left: -3%;
    top: 60px;
    width: 45%;
  }
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .graph {
    margin: 50px auto;
    width: 70%;
  }
}
.p-company .company_sec .inner .mainArea .company_info {
  padding-bottom: 200px;
  position: relative;
}
.p-company .company_sec .inner .mainArea .company_info .obj02 {
  margin-left: auto;
  margin-right: 0;
  position: relative;
  right: -100px;
  top: 0;
  width: 795px;
}
.p-company .company_sec .inner .mainArea .company_info .obj02 .line {
  position: absolute;
  right: 110px;
  top: -5px;
  width: 432px;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .company_info .obj02 .line {
    right: 16%;
    top: 0;
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .company_info .obj02 {
    position: absolute;
    width: 80%;
  }
}
.p-company .company_sec .inner .mainArea .company_info .company_ttl {
  position: relative;
  top: -100px;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .company_info .company_ttl {
    padding-bottom: 120px;
    top: 0;
  }
}
.p-company .company_sec .inner .mainArea .company_info dl .row {
  border-bottom: solid 1px #d7d7d7;
  display: flex;
  padding: 20px 0;
}
.p-company .company_sec .inner .mainArea .company_info dl .row dt {
  width: 240px;
}
@media screen and (max-width: 768px) {
  .p-company .company_sec .inner .mainArea .company_info dl .row {
    display: block;
  }
}
.p-company .history_sec {
  background-color: #789ca0;
  color: #fff;
  margin-bottom: 120px;
  padding: 100px 0;
  width: 100%;
}
.p-company .history_sec .inner {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
.p-company .history_sec .inner .company_ttl {
  font-size: 3em;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-company .history_sec .inner .company_ttl {
    font-size: 9vw;
    margin-bottom: 40px;
  }
}
.p-company .history_sec .inner .company_ttl .caption {
  display: block;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
  .p-company .history_sec .inner .company_ttl .caption {
    font-size: 4vw;
  }
}
.p-company .history_sec .inner .historyArea {
  position: relative;
  /*.hide{
      display: none;
  }*/
}
.p-company .history_sec .inner .historyArea::after {
  background-color: #fff;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  width: 2px;
}
@media screen and (max-width: 768px) {
  .p-company .history_sec .inner .historyArea::after {
    left: 0;
  }
}
.p-company .history_sec .inner .historyArea ul {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-company .history_sec .inner .historyArea ul {
    display: block;
  }
}
.p-company .history_sec .inner .historyArea ul li {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-company .history_sec .inner .historyArea ul li {
    margin-bottom: 20px;
    width: 100%;
  }
}
.p-company .history_sec .inner .historyArea ul li .year {
  font-family: "Open Sans", sans-serif;
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 5px;
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .p-company .history_sec .inner .historyArea ul li .year {
    font-size: 5vw;
    margin-left: 15px;
  }
}
.p-company .history_sec .inner .historyArea ul li .caption {
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .p-company .history_sec .inner .historyArea ul li .caption {
    font-size: 3vw;
    margin-left: 15px;
  }
}
.p-company .history_sec .inner .historyArea ul li .line {
  background-color: #fff;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  width: 100%;
}
.p-company .history_sec .inner .historyArea ul li .line::before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: -7px;
  width: 16px;
}
@media screen and (max-width: 768px) {
  .p-company .history_sec .inner .historyArea ul li .line::before {
    left: -7px;
  }
}
@media screen and (min-width: 769px) {
  .p-company .history_sec .inner .historyArea ul li:nth-child(2n) {
    border-right: none;
    padding-top: 60px;
    text-align: right;
  }
  .p-company .history_sec .inner .historyArea ul li:nth-child(2n) .year {
    margin-left: auto;
    margin-right: 30px;
  }
  .p-company .history_sec .inner .historyArea ul li:nth-child(2n) .caption {
    margin-left: auto;
    margin-right: 30px;
  }
  .p-company .history_sec .inner .historyArea ul li:nth-child(2n) .line::before {
    left: auto;
    right: 0;
    top: -7px;
  }
}
.p-company .history_sec .inner .historyArea .acc_btn {
  background-color: #fff;
  border-radius: 30px;
  cursor: pointer;
  margin: 20px auto;
  padding: 10px 0;
  position: relative;
  text-align: center;
  width: 210px;
  z-index: 20;
}
.p-company .history_sec .inner .historyArea .acc_btn p {
  color: #51ac82;
}
@media screen and (max-width: 768px) {
  .p-company .history_sec .inner .historyArea .acc_btn {
    margin: 30px auto;
  }
}
@media screen and (min-width: 769px) {
  .p-company .history_sec .inner .historyArea .opp {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 769px) {
  .p-company .history_sec .inner .historyArea .opp li .year {
    margin-left: auto;
    margin-right: 30px;
    text-align: right;
  }
  .p-company .history_sec .inner .historyArea .opp li .caption {
    margin-left: auto;
    margin-right: 30px;
    text-align: right;
  }
  .p-company .history_sec .inner .historyArea .opp li .line::before {
    left: auto;
    right: 0;
    top: -7px;
  }
}
@media screen and (min-width: 769px) {
  .p-company .history_sec .inner .historyArea .opp li:nth-child(2n) .year {
    font-size: 3em;
    margin-bottom: 5px;
    margin-left: 30px;
    margin-right: auto;
    text-align: left;
  }
  .p-company .history_sec .inner .historyArea .opp li:nth-child(2n) .caption {
    margin-left: 30px;
    margin-right: auto;
    text-align: left;
  }
  .p-company .history_sec .inner .historyArea .opp li:nth-child(2n) .line::before {
    left: 0;
    right: auto;
    top: -7px;
  }
}

@media screen and (max-width: 768px) {
  .p-search .lower_top .lower_ttlArea .lower_ttl {
    max-width: 100%;
  }
}
.p-search .lower_cnt_sec .inner {
  margin: 0 auto;
  max-width: 1000px;
}
.p-search .lower_cnt_sec .inner .top_num {
  font-weight: 600;
  margin-bottom: 10px;
}
.p-search .lower_cnt_sec .inner .g_bg {
  background-color: #f3f9f6;
}
.p-search .lower_cnt_sec .inner .orderArea {
  border-radius: 30px;
  box-sizing: border-box;
  margin-bottom: 60px;
  padding: 15px 40px;
}
@media screen and (max-width: 768px) {
  .p-search .lower_cnt_sec .inner .orderArea {
    margin-bottom: 30px;
    padding: 15px 5%;
  }
}
.p-search .lower_cnt_sec .inner .orderArea .search__form {
  display: flex;
}
.p-search .lower_cnt_sec .inner .orderArea .search__form ul {
  margin-right: 15px;
}
.p-search .lower_cnt_sec .inner .orderArea .search__form ul li label {
  font-weight: 600;
}
.p-search .lower_cnt_sec .inner .orderArea .search__form ul li select {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  background-color: #fff;
  border: solid 1px #231815;
  border-radius: 5px;
  color: #51a980;
  padding: 2px 20px 2px 2px;
}
.p-search .lower_cnt_sec .inner .resultArea {
  border-radius: 15px;
  box-sizing: border-box;
  padding: 25px 40px;
}
@media screen and (max-width: 768px) {
  .p-search .lower_cnt_sec .inner .resultArea {
    padding: 25px 5%;
  }
}
.p-search .lower_cnt_sec .inner .resultArea dl {
  border-bottom: dotted 3px #333;
  margin-bottom: 25px;
  padding-bottom: 15px;
}
.p-search .lower_cnt_sec .inner .resultArea dl dt .search_ttl {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 20px;
}
.p-search .lower_cnt_sec .inner .resultArea dl dd .flexbox .img {
  margin-right: 5%;
  max-width: 192px;
  width: 20%;
}
@media screen and (max-width: 768px) {
  .p-search .lower_cnt_sec .inner .resultArea dl dd .flexbox .img {
    margin: 0 auto 20px;
    max-width: 100%;
    width: 100%;
  }
}
.p-search .lower_cnt_sec .inner .resultArea dl dd .flexbox .txt {
  max-width: 665px;
  width: 70%;
}
@media screen and (max-width: 768px) {
  .p-search .lower_cnt_sec .inner .resultArea dl dd .flexbox .txt {
    max-width: 100%;
    width: 100%;
  }
}
.p-search .lower_cnt_sec .inner .resultArea dl dd .date {
  display: block;
  font-size: 0.8em;
  margin-bottom: 20px;
  margin-top: 20px;
  word-break: break-all;
}

.p-station .comment {
  display: block;
  font-size: 0.8em;
  text-align: center;
}

.p-station .inner .lower_lead {
  margin: 50px auto;
  max-width: 1000px;
}
@media screen and (max-width: 768px) {
  .p-station .inner .lower_lead {
    margin-bottom: 0;
  }
}
.p-station .inner .lower_lead p {
  margin-bottom: 50px;
}
.p-station .aboutArea {
  margin: 50px auto;
  max-width: 1000px;
}
@media screen and (max-width: 768px) {
  .p-station .aboutArea {
    margin: 0 auto 0px;
  }
}
.p-station .aboutArea .flexbox {
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .p-station .aboutArea .flexbox {
    margin-bottom: 50px;
  }
}
.p-station .aboutArea .flexbox .txt {
  line-height: 1.75;
  width: 45%;
}
@media screen and (max-width: 768px) {
  .p-station .aboutArea .flexbox .txt {
    margin-bottom: 20px;
    width: 100%;
  }
}
.p-station .aboutArea .flexbox .txt h2 {
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .p-station .aboutArea .flexbox .txt h2 {
    font-size: 4vw;
  }
}
.p-station .aboutArea .flexbox .txt h2 .small {
  display: block;
  font-size: 0.7em;
}
.p-station .aboutArea .flexbox .img {
  max-width: 500px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-station .aboutArea .flexbox .img {
    width: 100%;
  }
}
.p-station .aboutArea .btnArea {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-station .aboutArea .btnArea {
    display: block;
  }
}
.p-station .aboutArea .btnArea li {
  margin-left: 10px;
  margin-right: 10px;
  width: 378px;
}
@media screen and (max-width: 768px) {
  .p-station .aboutArea .btnArea li {
    margin: 0 auto;
    width: 100%;
  }
}
.p-station .aboutArea .btnArea li .g_btn {
  margin-bottom: 10px;
  margin-top: 20px;
}
.p-station .aboutArea .btnArea li .comment {
  font-weight: 600;
}

.p-station .calenderArea {
  margin: 50px auto;
  max-width: 1000px;
  text-align: center;
}
.p-station .calenderArea .green {
  font-size: 1.2em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-station .calenderArea .green {
    font-size: 4vw;
    padding-bottom: 15px;
  }
}
.p-station .calenderArea .calender {
  overflow: scroll;
}
.p-station .calenderArea .sp_txt {
  border: solid 1px #51a980;
  border-radius: 30px;
  margin-top: 20px;
  padding: 10px 0;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .p-station .calenderArea .sp_txt {
    display: none;
  }
}

.p-sdgs {
  background: url(../../assets/images/sdgs/sdgs_bg.jpg) no-repeat center top;
  background-size: cover;
  width: 100%;
}
.p-sdgs .lower_ttlArea .lower_ttl {
  margin: 0px auto -100px;
  max-width: 1324px;
  position: relative;
  top: -100px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .lower_ttlArea .lower_ttl {
    margin-bottom: -50px;
    top: -50px;
    width: 100%;
  }
}
.p-sdgs .top_lead {
  margin: 0 auto;
  max-width: 1000px;
  padding: 80px 0 0px;
  position: relative;
  text-align: center;
}
.p-sdgs .top_lead .lead {
  color: #fff;
  font-weight: 600;
}
.p-sdgs .top_lead .lead_chara {
  position: absolute;
  right: 0;
  top: 0;
  width: 139px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-sdgs .top_lead .lead_chara {
    left: 0;
    margin: 30px auto;
    position: relative;
    right: 0;
    width: 105px;
  }
}
.p-sdgs .sec .inner {
  max-width: 1160px;
}
.p-sdgs .sec .inner .sdgs_sec {
  background-color: #fbf7ed;
  border: solid 8px #51a780;
  border-radius: 40px;
  box-sizing: border-box;
  margin-bottom: 100px;
  padding: 60px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec {
    background-color: #fbf7ed;
    border: solid 4px #51a780;
    border-radius: 30px;
    padding: 60px 5%;
  }
}
.p-sdgs .sec .inner .sdgs_sec::before {
  background: url(../../assets/images/sdgs/sdgs_icon.png) no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 120px;
  left: 60px;
  position: absolute;
  top: -60px;
  width: 120px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec::before {
    height: 80px;
    left: 0;
    margin: auto;
    right: 0;
    top: -40px;
    width: 80px;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top {
  position: relative;
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top::after {
  background: url(../../assets/images/sdgs/sdgs_dot.png) no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 16px;
  margin: 50px auto 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top::after {
    margin: 35px auto 0;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .ttlArea {
  display: flex;
  font-weight: 600;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .ttlArea {
    display: block;
    text-align: center;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .ttlArea .sdgs_sec_ttl {
  display: inline-block;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .ttlArea .sdgs_sec_ttl {
    font-size: 6vw;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .ttlArea .dt_line::after {
  position: relative;
  top: -15px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .ttlArea p {
    margin: 20px auto 0;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .ttlArea .sdgs_list {
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .ttlArea .sdgs_list {
    justify-content: center;
    margin-top: 20px;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .ttlArea .sdgs_list li {
  margin-left: 15px;
  width: 85px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .ttlArea .sdgs_list li {
    margin: auto 5px;
    width: 40px;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .sec_top_txt {
  font-size: 1.15em;
  font-weight: 600;
  margin: 70px auto;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .sec_top_txt {
    margin: 0 auto;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .sec_top_txt .tree1 {
  bottom: -50px;
  position: absolute;
  right: 0;
  width: 143px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_top .sec_top_txt .tree1 {
    display: none;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt {
  margin-top: 50px;
  text-align: center;
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .sdgs_cnt_ttl {
  font-size: 1.2em;
  margin: 0px auto 45px;
  width: 100%;
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .sdgs_cnt_ttl.sdgs_cnt_ttl1 {
  margin: 25px auto 45px;
  position: relative;
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .sdgs_cnt_ttl.sdgs_cnt_ttl1 .ttl_obj1 {
  display: block;
  left: 20px;
  position: absolute;
  top: -50px;
  width: 60px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .sdgs_cnt_ttl.sdgs_cnt_ttl1 .ttl_obj1 {
    top: -10px;
    width: 30px;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .sdgs_cnt_ttl.sdgs_cnt_ttl1 .ttl_obj2 {
  display: block;
  position: absolute;
  right: 20px;
  top: -50px;
  width: 64px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .sdgs_cnt_ttl.sdgs_cnt_ttl1 .ttl_obj2 {
    top: -10px;
    width: 32px;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .sdgs_cnt_ttl.sdgs_cnt_ttl2 {
  margin: 25px auto 45px;
  position: relative;
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .sdgs_cnt_ttl.sdgs_cnt_ttl2 .ttl_obj3 {
  display: block;
  height: 91px;
  left: 20px;
  position: absolute;
  top: -50px;
  width: 69px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .sdgs_cnt_ttl.sdgs_cnt_ttl2 .ttl_obj3 {
    top: -10px;
    width: 35px;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .sdgs_cnt_ttl.sdgs_cnt_ttl2 .ttl_obj4 {
  display: block;
  height: 83px;
  position: absolute;
  right: 20px;
  top: -50px;
  width: 123px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .sdgs_cnt_ttl.sdgs_cnt_ttl2 .ttl_obj4 {
    top: -10px;
    width: 61px;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt p {
  font-weight: 600;
  margin-bottom: 50px;
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .flexbox {
  justify-content: space-between;
  margin-bottom: 50px;
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .flexbox .img {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .flexbox .img {
    margin-bottom: 30px;
    width: 100%;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .flexbox .txt {
  width: 48%;
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .flexbox .txt .furugi_bnr {
  margin: 0 auto;
  max-width: 195px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .flexbox .txt {
    margin-bottom: 30px;
    width: 100%;
  }
}
.p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .flexbox .cnt_box {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .sdgs_sec_cnt .flexbox .cnt_box {
    margin-bottom: 30px;
    width: 100%;
  }
}
.p-sdgs .sec .inner .sdgs_sec .tree2 {
  bottom: 20px;
  height: 92px;
  left: 60px;
  position: absolute;
  width: 70px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .tree2 {
    bottom: -30px;
    left: 5%;
    width: 35px;
  }
}
.p-sdgs .sec .inner .sdgs_sec .tree3 {
  bottom: 20px;
  height: 118px;
  position: absolute;
  right: 60px;
  width: 83px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .tree3 {
    bottom: -40px;
    right: 5%;
    width: 41px;
  }
}
.p-sdgs .sec .inner .sdgs_sec .dog {
  margin: 0 auto;
  width: 218px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .dog {
    display: none;
  }
}
.p-sdgs .sec .inner .sdgs_sec .bench {
  bottom: 20px;
  left: 60px;
  position: absolute;
  width: 130px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .bench {
    bottom: 10px;
    left: 5%;
    width: 65px;
  }
}
.p-sdgs .sec .inner .sdgs_sec .tree4 {
  bottom: 20px;
  position: absolute;
  right: 60px;
  width: 126px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .tree4 {
    bottom: 10px;
    right: 5%;
    width: 63px;
  }
}
.p-sdgs .sec .inner .sdgs_sec .tree5 {
  bottom: 0;
  left: 20%;
  position: absolute;
  width: 133px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .tree5 {
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    width: 20%;
  }
}
.p-sdgs .sec .inner .sdgs_sec .tree6 {
  bottom: 0;
  position: absolute;
  width: 108px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .tree6 {
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    width: 15%;
  }
}
.p-sdgs .sec .inner .sdgs_sec .tree7 {
  bottom: 100px;
  position: absolute;
  right: 100px;
  width: 73px;
}
@media screen and (max-width: 768px) {
  .p-sdgs .sec .inner .sdgs_sec .tree7 {
    bottom: 0;
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    width: 10%;
  }
}

@media screen and (max-width: 768px) {
  .p-closed .lower_ttlArea .lower_ttl {
    width: 100%;
  }
}
.p-closed .renewal_date {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 40px;
}
.p-closed .txtArea {
  margin-bottom: 40px;
}
.p-closed .txtArea p {
  margin-bottom: 20px;
}
.p-closed .closed_list li {
  margin-bottom: 20px;
}

.p-pointcard .lower_ttlArea .lower_ttl {
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .p-pointcard .lower_ttlArea .lower_ttl {
    width: 100%;
  }
}
.p-pointcard .inner {
  max-width: 1000px;
}
.p-pointcard .inner .pc_top_ttl {
  margin: 30px auto 80px;
  max-width: 1000px;
}
.p-pointcard .inner .point_box {
  margin-bottom: 70px;
}
.p-pointcard .inner .point_box .point_ttl {
  margin: 0 auto 50px;
  width: 100%;
}
.p-pointcard .inner .point_box .flexbox .txt {
  width: 55%;
}
@media screen and (max-width: 768px) {
  .p-pointcard .inner .point_box .flexbox .txt {
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
  }
}
.p-pointcard .inner .point_box .flexbox .img {
  max-width: 400px;
  width: 40%;
}
@media screen and (max-width: 768px) {
  .p-pointcard .inner .point_box .flexbox .img {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-pointcard .inner .point_box .box {
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-pointcard .inner .point_box .box3 p {
    text-align: left;
  }
}
.p-pointcard .inner .point_box .txt_ttl {
  font-size: 1.25em;
  font-weight: 600;
  line-height: 2;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-pointcard .inner .point_box .txt_ttl {
    font-size: 5vw;
  }
}
.p-pointcard .inner .point_box .btm_pointArea {
  margin-top: 80px;
}
.p-pointcard .inner .point_box .btm_pointArea h3 {
  font-size: 1.3em;
  font-weight: 600;
}
.p-pointcard .inner .point_box .btm_pointArea h3 span {
  font-size: 0.7em;
}
.p-pointcard .inner .point_box .btm_pointArea .imgArea {
  margin: 70px auto;
  max-width: 746px;
}
.p-pointcard .inner .point_box .btm_pointArea .card_list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .p-pointcard .inner .point_box .btm_pointArea .card_list {
    display: block;
    margin-bottom: 40px;
  }
}
.p-pointcard .inner .point_box .btm_pointArea .card_list li {
  text-align: center;
  width: 32%;
}
@media screen and (max-width: 768px) {
  .p-pointcard .inner .point_box .btm_pointArea .card_list li {
    margin: 0 auto 40px;
    width: 90%;
  }
}
.p-pointcard .inner .point_box .btm_pointArea .card_list li .txt {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-pointcard .inner .point_box .btm_pointArea .card_list li .txt {
    margin-top: 10px;
  }
}
.p-pointcard .inner .point_box .btm_pointArea .card_list li .txt p {
  font-size: 1.2em;
  font-weight: 600;
}
.p-pointcard .inner .point_box .btm_pointArea .card_list li .txt .comment {
  font-size: 0.8em;
}
.p-pointcard .inner .point_box .btm_pointArea .exArea dt {
  font-size: 1.1em;
  font-weight: 600;
}
.p-pointcard .inner .point_box .btm_pointArea .exArea dd p {
  margin-left: 1em;
}
.p-pointcard .inner .point_box .btm_pointArea .exArea dd .w_btn {
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: auto;
  margin-top: 20px;
}

.p-patiohall .lower_ttlArea .lower_ttl {
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .p-patiohall .lower_ttlArea .lower_ttl {
    width: 100%;
  }
}
.p-patiohall .inner {
  max-width: 1000px;
}
.p-patiohall .inner .ph_topArea {
  margin-bottom: 100px;
}
.p-patiohall .inner .ph_topArea h2 {
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}
.p-patiohall .inner .ph_topArea .imgArea {
  margin: 50px auto;
}
.p-patiohall .inner .howtoArea .howto_ttl {
  font-size: 1.6em;
  font-weight: 600;
  text-align: center;
}
.p-patiohall .inner .howtoArea .exArea dd {
  margin-bottom: 40px;
}
.p-patiohall .inner .howtoArea .btnArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px auto;
}
@media screen and (max-width: 768px) {
  .p-patiohall .inner .howtoArea .btnArea {
    display: block;
  }
}
.p-patiohall .inner .howtoArea .btnArea .w_btn {
  margin: 10px auto;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p-patiohall .inner .howtoArea .btnArea .w_btn {
    width: 100%;
  }
}
.p-patiohall .inner .howtoArea .graphArea {
  margin: 70px auto 20px;
}
.p-patiohall .inner .howtoArea .graphArea ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-patiohall .inner .howtoArea .graphArea ul {
    display: block;
  }
}
.p-patiohall .inner .howtoArea .graphArea ul li {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p-patiohall .inner .howtoArea .graphArea ul li {
    margin-bottom: 20px;
    width: 100%;
  }
}
.p-patiohall .inner .howtoArea .address {
  border-bottom: solid 1px #51a980;
  margin: 20px auto;
  padding-bottom: 40px;
}
.p-patiohall .inner .howtoArea .address .row {
  display: flex;
}
.p-patiohall .inner .howtoArea .address .row dt {
  margin-right: 20px;
  width: 110px;
}
@media screen and (max-width: 768px) {
  .p-patiohall .inner .howtoArea .address .row dt {
    margin-right: 5%;
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .p-patiohall .inner .howtoArea .address .row dd {
    width: 70%;
  }
}
.p-patiohall .inner .howtoArea .comment {
  font-size: 0.8em;
}
.p-patiohall .inner .howtoArea .center {
  display: block;
  text-align: center;
}

.p-parking .lower_ttlArea .lower_ttl {
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  .p-parking .lower_ttlArea .lower_ttl {
    width: 100%;
  }
}
.p-parking .sec .inner {
  max-width: 1000px;
}
.p-parking .sec .inner .ph_topArea {
  margin: 100px auto 100px;
}
@media screen and (max-width: 768px) {
  .p-parking .sec .inner .ph_topArea {
    margin: 50px auto;
  }
}
.p-parking .sec .inner .ph_topArea h2 {
  font-size: 1.3em;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}
.p-parking .sec .inner .ph_topArea .imgArea {
  margin: 50px auto;
}
.p-parking .sec .inner .howtoArea p {
  line-height: 1.75;
}
.p-parking .sec .inner .howtoArea .flexbox .txt {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .p-parking .sec .inner .howtoArea .flexbox .txt {
    margin-bottom: 40px;
    width: 100%;
  }
}
.p-parking .sec .inner .howtoArea .flexbox .txt .comment {
  display: block;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .p-parking .sec .inner .howtoArea .flexbox .txt .comment {
    margin-top: 15px;
  }
}
.p-parking .sec .inner .howtoArea .imgArea {
  margin: 50px auto;
}
.p-parking .sec .inner .howtoArea .txtArea {
  margin: 0px auto 100px;
}

@media screen and (max-width: 768px) {
  .p-rental .lower_ttlArea .lower_ttl {
    width: 100%;
  }
}
.p-rental .sec .inner {
  max-width: 1000px;
}
.p-rental .sec .inner .rs_topArea {
  justify-content: space-between;
  margin: 100px auto 30px;
}
@media screen and (max-width: 768px) {
  .p-rental .sec .inner .rs_topArea {
    margin: 50px auto;
  }
}
.p-rental .sec .inner .rs_topArea .txtArea {
  width: 40%;
}
@media screen and (max-width: 768px) {
  .p-rental .sec .inner .rs_topArea .txtArea {
    margin: 20px auto;
    width: 80%;
  }
}
.p-rental .sec .inner .rs_topArea h2 {
  font-size: 1.3em;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.75;
  margin-bottom: 20px;
}
.p-rental .sec .inner .rs_topArea h2 .dt_line {
  display: inline-block;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .p-rental .sec .inner .rs_topArea h2 {
    font-size: 4vw;
  }
}
.p-rental .sec .inner .rs_topArea .imgArea {
  max-width: 660px;
  width: 55%;
}
@media screen and (max-width: 768px) {
  .p-rental .sec .inner .rs_topArea .imgArea {
    width: 100%;
  }
}
.p-rental .sec .inner .commentArea {
  margin-bottom: 120px;
}
.p-rental .sec .inner .rental_list ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-rental .sec .inner .rental_list ul {
    display: block;
  }
}
.p-rental .sec .inner .rental_list ul li {
  margin-bottom: 25px;
  margin-right: 2%;
  width: 32%;
}
.p-rental .sec .inner .rental_list ul li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-rental .sec .inner .rental_list ul li {
    margin: 0 auto 30px;
    width: 80%;
  }
  .p-rental .sec .inner .rental_list ul li:nth-child(3n) {
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .p-facility .lower_ttlArea .lower_ttl {
    width: 100%;
  }
}
.p-facility .sec .inner .faci_listArea ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-facility .sec .inner .faci_listArea ul {
    display: block;
  }
}
.p-facility .sec .inner .faci_listArea ul li {
  align-items: center;
  border: solid 1px #333333;
  border-radius: 30px;
  box-sizing: border-box;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-right: 2%;
  max-width: 360px;
  padding: 20px;
  width: 32%;
}
@media screen and (max-width: 768px) {
  .p-facility .sec .inner .faci_listArea ul li {
    display: flex;
    margin: 0 auto 25px;
    width: 100%;
  }
}
.p-facility .sec .inner .faci_listArea ul li :nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-facility .sec .inner .faci_listArea ul li :nth-child(3n) {
    margin: 0 auto 25px;
  }
}
.p-facility .sec .inner .faci_listArea ul li .img {
  width: 95px;
}
.p-facility .sec .inner .faci_listArea ul li .txt {
  max-width: 195px;
  width: calc(95% - 95px);
}
.p-facility .sec .inner .faci_listArea ul li .txt .green {
  font-weight: 600;
}
.p-facility .sec .inner .faci_listArea ul li .txt span {
  font-size: 0.9em;
}
.p-facility .sec .inner .faci_listArea ul li .txt .linkBtn {
  margin-top: 10px;
}
.p-facility .sec .inner .faci_listArea ul li .txt .linkBtn a {
  padding: 8px 0;
  position: relative;
}
.p-facility .sec .inner .faci_listArea ul li .txt .linkBtn a::before {
  background: url(../../assets/images/common/icon_link.svg);
  background-size: 100%;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  right: 20px;
  top: 13px;
  width: 15px;
}
.p-facility .sec .inner .faci_listArea ul li .txt .linkBtn a::after {
  content: none;
}

@media screen and (max-width: 768px) {
  .p-floor .lower_ttlArea .lower_ttl {
    width: 100%;
  }
}
.p-floor .inner {
  padding: 70px 0;
}
@media screen and (max-width: 768px) {
  .p-floor .inner {
    padding: 40px 0;
  }
}

.p-floor .inner .patiomapArea{
  margin: 50px auto;
}

.p-floor .inner .cntArea {
  margin-bottom: 100px;
  text-align: center;
}
.p-floor .inner .cntArea h2 {
  font-size: 1.1em;
  font-weight: 600;
}
.p-floor .inner .cntArea .map_list {
  margin-top: 35px;
}
.p-floor .inner .cntArea .map_list .row {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-floor .inner .cntArea .map_list .row {
    display: block;
  }
}
.p-floor .inner .cntArea .map_list .row dt {
  font-weight: 600;
  width: 90px;
}
@media screen and (max-width: 768px) {
  .p-floor .inner .cntArea .map_list .row dt {
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
  }
}
.p-floor .inner .cntArea .map_list .row dd {
  display: flex;
  width: calc(100% - 90px);
}
@media screen and (max-width: 768px) {
  .p-floor .inner .cntArea .map_list .row dd {
    width: 100%;
  }
}
.p-floor .inner .cntArea .map_list .row dd .w_btn {
  margin: 0 auto;
  width: 49%;
}
.p-floor .inner .cntArea .category_list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-floor .inner .cntArea .category_list {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.p-floor .inner .cntArea .category_list li {
  width: 19%;
}
@media screen and (max-width: 768px) {
  .p-floor .inner .cntArea .category_list li {
    margin: 10px auto;
    width: 48%;
  }
}
.p-floor .inner .cntArea .box_list {
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-floor .inner .cntArea .box_list {
    display: flex;
  }
}
.p-floor .inner .cntArea .box_list li {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  margin-right: 3%;
  text-align: left;
  width: 22%;
}
@media screen and (max-width: 768px) {
  .p-floor .inner .cntArea .box_list li {
    margin-right: 2%;
    width: 48%;
  }
  .p-floor .inner .cntArea .box_list li:nth-child(2n) {
    margin-left: 2%;
    margin-right: 0;
  }
}
.p-floor .inner .cntArea .box_list li img {
  border-radius: 30px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 400px) {
  .p-floor .inner .cntArea .box_list li img {
    border-radius: 20px;
  }
}
.p-floor .inner .cntArea .box_list li .img {
  margin-bottom: 20px;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
.p-floor .inner .cntArea .box_list li .place {
  border: solid 1px #51a780;
  border-radius: 20px;
  box-sizing: border-box;
  color: #51a780;
  display: inline-block;
  font-size: 0.75em;
  margin-bottom: 5px;
  padding: 1px 0;
  text-align: center;
  width: 100px;
}
.p-floor .inner .cntArea .box_list li h3 {
  flex: 1;
  font-size: 1.3em;
  font-weight: 600;
  height: 100%;
  margin-bottom: 10px;
  min-height: 50px;
}
.p-floor .inner .cntArea .box_list li h3 .num {
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 0.8em;
  height: 30px;
  letter-spacing: -1px;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
@media screen and (max-width: 768px) {
  .p-floor .inner .cntArea .box_list li h3 .num {
    line-height: 1.8;
  }
}
.p-floor .inner .cntArea .box_list li h3 .num.cate_z {
  background-color: #f29700;
}
.p-floor .inner .cntArea .box_list li h3 .num.cate_e {
  background-color: #418cd5;
}
.p-floor .inner .cntArea .box_list li h3 .num.cate_f {
  background-color: #86af5e;
}
.p-floor .inner .cntArea .box_list li h3 .num.cate_r {
  background-color: #c2587d;
}
.p-floor .inner .cntArea .box_list li h3 .num.cate_s {
  background-color: #8971a0;
}
.p-floor .inner .cntArea .box_list li .img {
  margin-bottom: 20px;
}
.p-floor .inner .cntArea .box_list li .txt {
  flex: 1;
  height: 100%;
  min-height: 110px;
}
.p-floor .inner .cntArea .box_list li .txt .list_ttl {
  color: #51a780;
  font-weight: 600;
  margin-bottom: 10px;
}
.p-floor .inner .cntArea .box_list li .txt p {
  color: #333;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.p-floor .inner .cntArea .box_list li .txt .open_hour {
  display: block;
  font-size: 0.85em;
  margin-bottom: 10px;
}
.p-floor .inner .cntArea .box_list li .txt .date {
  color: #969696;
  flex-grow: 1;
  font-size: 0.9em;
  margin-top: auto;
}
.p-floor .inner .cntArea .box_list li .g_btn {
  margin-top: auto;
  max-height: 50px;
  width: 100%;
}
.p-floor .inner .floormapArea .floor_ttl {
  font-size: 2em;
  margin-bottom: 20px;
}
.p-floor .inner .floormapArea .floormap_img {
  margin: 0 auto 15px;
  max-width: 745px;
}
.p-floor .inner .floormapArea .floor_icon {
  margin: 0 auto;
  max-width: 504px;
}
.p-floor .inner .shop_detailArea .detail_box {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.p-floor .inner .shop_detailArea .detail_box .shop_detail_info {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p-floor .inner .shop_detailArea .detail_box .shop_detail_info {
    width: 100%;
  }
}
.p-floor .inner .shop_detailArea .detail_box .shop_detail_info .detail_info_top {
  border-bottom: dotted 3px #333;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.p-floor .inner .shop_detailArea .detail_box .shop_detail_info .nameArea .place {
  border: solid 1px #51a780;
  border-radius: 20px;
  box-sizing: border-box;
  color: #51a780;
  display: inline-block;
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 1px 0;
  text-align: center;
  width: 160px;
}
@media screen and (max-width: 768px) {
  .p-floor .inner .shop_detailArea .detail_box .shop_detail_info .nameArea .place {
    width: 120px;
  }
}
.p-floor .inner .shop_detailArea .detail_box .shop_detail_info .nameArea .shop_name {
  font-size: 1.8em;
  font-weight: 600;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .p-floor .inner .shop_detailArea .detail_box .shop_detail_info .nameArea .shop_name {
    margin-bottom: 10px;
  }
}
.p-floor .inner .shop_detailArea .detail_box .shop_detail_info .shop_name_img {
  width: 230px;
}
@media screen and (max-width: 768px) {
  .p-floor .inner .shop_detailArea .detail_box .shop_detail_info .shop_name_img {
    width: 40%;
  }
}
.p-floor .inner .shop_detailArea .detail_box .shop_detail_img {
  width: 48%;
}
.p-floor .inner .shop_detailArea .detail_box .shop_detail_img img {
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .p-floor .inner .shop_detailArea .detail_box .shop_detail_img {
    margin-bottom: 30px;
    width: 100%;
  }
}
.p-floor .inner .shop_detailArea .detail_box .shop_info_list {
  margin-top: 30px;
}
.p-floor .inner .shop_detailArea .detail_box .shop_info_list .row {
  display: flex;
  margin-bottom: 15px;
}
.p-floor .inner .shop_detailArea .detail_box .shop_info_list .row dt {
  width: 90px;
}
.p-floor .inner .shop_detailArea .detail_box .shop_info_list .row dd {
  width: calc(100% - 90px);
}
.p-floor .inner .shop_detailArea .txtArea {
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.p-floor .inner .shop_detailArea .txtArea .shop_desc {
  line-height: 2;
}
.p-floor .inner .shop_detailArea .shopnewsArea .shopnews_ttl {
  font-size: 1.8em;
  font-weight: 600;
  vertical-align: middle;
}
.p-floor .inner .shop_detailArea .shopnewsArea .shopnews_ttl .jp {
  display: inline-block;
  font-size: 0.7em;
  margin-left: 10px;
}
.p-floor .inner .shop_detailArea .shopnewsArea .date {
  color: #919191;
  display: block;
  font-size: 0.9em;
  margin-bottom: 20px;
}
.p-floor .inner .shop_detailArea .back_btn a::before {
  border-bottom: 5px solid transparent;
  border-left: 0;
  border-right: 6px solid #ffffff;
  border-style: solid;
  border-top: 5px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 20px;
  position: absolute;
  top: 20px;
  width: 0;
}
.p-floor .inner .shop_detailArea .back_btn a::after {
  content: none;
}

@media screen and (max-width: 768px) {
  .p-info .lower_ttlArea .lower_ttl {
    width: 100%;
  }
}
.p-info .sec .inner {
  max-width: 1000px;
}
.p-info .sec .inner .info_topArea {
  justify-content: space-between;
  margin: 100px auto 50px;
}
@media screen and (max-width: 768px) {
  .p-info .sec .inner .info_topArea {
    margin: 50px auto;
  }
}
.p-info .sec .inner .info_topArea dl {
  margin: 0 auto;
  max-width: 650px;
}
.p-info .sec .inner .info_topArea dl .row {
  border-bottom: solid 1px #919191;
  display: flex;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .p-info .sec .inner .info_topArea dl .row {
    display: block;
  }
}
.p-info .sec .inner .info_topArea dl .row dt {
  margin-right: 10px;
  width: 100px;
}
@media screen and (max-width: 768px) {
  .p-info .sec .inner .info_topArea dl .row dt {
    margin: 0 auto 15px;
    width: 100%;
  }
}
.p-info .sec .inner .access_box {
  justify-content: space-around;
  margin: 80px auto;
}
.p-info .sec .inner .access_box .txt {
  width: 400px;
}
@media screen and (max-width: 768px) {
  .p-info .sec .inner .access_box .txt {
    margin-bottom: 30px;
    width: 100%;
  }
}
.p-info .sec .inner .access_box .txt dt {
  font-weight: 600;
}
.p-info .sec .inner .btnArea {
  margin-bottom: 120px;
  text-align: center;
}
.p-info .sec .inner .btnArea .comment {
  margin-top: 10px;
}
.p-info .sec .inner .howtoArea {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-info .sec .inner .howtoArea {
    text-align: left;
  }
}
.p-info .sec .inner .howtoArea .info_box {
  justify-content: space-between;
  margin: 50px auto 50px;
}
@media screen and (max-width: 768px) {
  .p-info .sec .inner .howtoArea .info_box {
    margin-bottom: 20px;
  }
}
.p-info .sec .inner .howtoArea .info_box dl {
  max-width: 470px;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p-info .sec .inner .howtoArea .info_box dl {
    margin-bottom: 40px;
    max-width: 100%;
    width: 100%;
  }
}
.p-info .sec .inner .howtoArea .info_box dl .g_ttl {
  margin-bottom: 30px;
  padding: 5px 0;
}
@media screen and (max-width: 768px) {
  .p-info .sec .inner .howtoArea .info_box dl .g_ttl {
    margin-bottom: 15px;
  }
}
.p-info .sec .inner .howtoArea .info_box dl dd {
  margin: 0 auto;
  width: 90%;
}
.p-info .sec .inner .howtoArea .info_box dl.mail {
  margin-bottom: 0px;
}
.p-info .sec .inner .howtoArea .info_box dl.mail .g_ttl {
  margin-bottom: 10px;
}
.p-info .sec .inner .howtoArea .toPrivacy {
  font-size: 1.1em;
  margin-bottom: 100px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-info .sec .inner .howtoArea .toPrivacy {
    margin-bottom: 50px;
  }
}
.p-info .sec .inner .howtoArea .toPrivacy a {
  text-decoration: underline;
}
.p-info .sec .inner .howtoArea .toPrivacy a:hover {
  text-decoration: none;
}
.p-info .sec .inner .howtoArea .imgArea {
  margin: 50px auto;
}

@media screen and (max-width: 768px) {
  .p-news .lower_ttlArea .lower_ttl {
    width: 100%;
  }
}
.p-news .inner {
  padding: 70px 0;
}
.p-news .inner .cntArea .box_list {
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .p-news .inner .cntArea .box_list {
    display: flex;
  }
}
.p-news .inner .cntArea .box_list li {
  margin-bottom: 40px;
  margin-right: 3%;
  width: 22%;
}
@media screen and (max-width: 768px) {
  .p-news .inner .cntArea .box_list li {
    margin-right: 2%;
    width: 48%;
  }
  .p-news .inner .cntArea .box_list li:nth-child(2n) {
    margin-left: 2%;
    margin-right: 0;
  }
}
.p-news .inner .cntArea .box_list li img {
  border-radius: 30px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 400px) {
  .p-news .inner .cntArea .box_list li img {
    border-radius: 20px;
  }
}
.p-news .inner .cntArea .box_list li .img {
  margin-bottom: 20px;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
.p-news .inner .cntArea .box_list li .txt {
  display: flex;
  flex-direction: column;
}
.p-news .inner .cntArea .box_list li .txt .list_ttl {
  color: #51a780;
  font-weight: 600;
  margin-bottom: 10px;
}
.p-news .inner .cntArea .box_list li .txt p {
  color: #333;
  margin-bottom: 15px;
}
.p-news .inner .cntArea .box_list li .txt .date {
  color: #969696;
  font-size: 0.9em;
  margin-top: auto;
}
.p-news .inner .detailArea .img_box {
  margin-bottom: 40px;
  text-align: center;
}
.p-news .inner .detailArea .img_box figure img {
  border-radius: 40px;
  display: inline;
  max-width: 100%;
  width: auto;
}
.p-news .inner .detailArea .list_ttl {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 20px;
}
.p-news .inner .detailArea .article {
  margin-bottom: 15px;
}
.p-news .inner .detailArea .date {
  color: #969696;
  font-size: 0.9em;
}
.p-news .inner .btnArea {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 830px;
}
@media screen and (max-width: 768px) {
  .p-news .inner .btnArea {
    display: block;
    max-width: 100%;
  }
}
.p-news .inner .btnArea .w_btn {
  max-width: 400px;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p-news .inner .btnArea .w_btn {
    width: 100%;
  }
}
.p-news .inner .btnArea .g_btn {
  max-width: 400px;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .p-news .inner .btnArea .g_btn {
    width: 100%;
  }
}
.p-news .inner .back_btn a::before {
  border-bottom: 5px solid transparent;
  border-left: 0;
  border-right: 6px solid #51a980;
  border-style: solid;
  border-top: 5px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 20px;
  position: absolute;
  top: 20px;
  width: 0;
}
.p-news .inner .back_btn a::after {
  content: none;
}

@media screen and (max-width: 768px) {
  .p-shopnews .lower_ttlArea .lower_ttl {
    width: 100%;
  }
}
.p-shopnews .inner {
  padding: 70px 0;
}
.p-shopnews .inner .cntArea .box_list {
  flex-wrap: wrap;
}
.p-shopnews .inner .cntArea .box_list li .txt .place {
  border: solid 1px #51a780;
  border-radius: 20px;
  box-sizing: border-box;
  color: #51a780;
  font-size: 0.75em;
  margin-bottom: 5px;
  padding: 1px 0;
  text-align: center;
  width: 100px;
}
.p-shopnews .inner .detailArea {
  text-align: center;
}
.p-shopnews .inner .detailArea .place {
  border: solid 1px #51a780;
  border-radius: 20px;
  box-sizing: border-box;
  color: #51a780;
  display: inline-block;
  font-size: 0.75em;
  margin-bottom: 10px;
  padding: 1px 25px;
  text-align: center;
}
.p-shopnews .inner .detailArea .shop_name {
  font-size: 1.4em;
  font-weight: 600;
  margin-bottom: 40px;
}
.p-shopnews .inner .detailArea .shopnews_slider .slide {
  border: solid 1px #333333;
  border-radius: 40px;
  height: 600px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-shopnews .inner .detailArea .shopnews_slider .slide {
    height: 250px;
    width: 100%;
  }
}
.p-shopnews .inner .detailArea .shopnews_slider .slide figure {
  height: 100%;
}
.p-shopnews .inner .detailArea .shopnews_slider .slide figure img {
  height: 100%;
  width: auto;
}
@media screen and (max-width: 768px) {
  .p-shopnews .inner .detailArea .shopnews_slider .slide figure img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
.p-shopnews .inner .detailArea .shopnews_slider .shopnews-pagination {
  margin: 15px auto;
}
.p-shopnews .inner .detailArea .shopnews_slider .shopnews-pagination .swiper-pagination-bullet {
  background-color: transparent;
  border: 1px solid #00996d;
  height: 12px;
  margin: 0 15px;
  opacity: 1;
  width: 12px;
}
.p-shopnews .inner .detailArea .shopnews_slider .shopnews-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #00996d;
}
.p-shopnews .inner .detailArea .txtArea {
  text-align: left;
}
.p-shopnews .inner .detailArea .txtArea .txt_ttl {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .p-event .lower_ttlArea .lower_ttl {
    width: 100%;
  }
}
.p-event .inner {
  padding: 70px 0;
}
.p-event .inner .cntArea .box_list {
  flex-wrap: wrap;
}
.p-event .inner .cntArea .box_list li .txt .place {
  border: solid 1px #51a780;
  border-radius: 20px;
  box-sizing: border-box;
  color: #51a780;
  font-size: 0.75em;
  margin-bottom: 5px;
  padding: 1px 0;
  text-align: center;
  width: 100px;
}
.p-event .inner .detailArea {
  text-align: center;
}
.p-event .inner .detailArea .place {
  border: solid 1px #51a780;
  border-radius: 20px;
  box-sizing: border-box;
  color: #51a780;
  display: inline-block;
  font-size: 0.75em;
  margin-bottom: 10px;
  padding: 1px 25px;
  text-align: center;
}
.p-event .inner .detailArea .shop_name {
  font-size: 1.4em;
  font-weight: 600;
  margin-bottom: 40px;
}
.p-event .inner .detailArea .txtArea {
  text-align: left;
}
.p-event .inner .detailArea .txtArea .txt_ttl {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .p-service .lower_ttlArea .lower_ttl {
    width: 100%;
  }
}
.p-service .inner .service_listArea ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  width: 100%;
}
.p-service .inner .service_listArea ul li {
  margin-bottom: 20px;
  text-align: center;
  width: 23%;
  margin-right: 2%;
}
@media screen and (max-width: 768px) {
  .p-service .inner .service_listArea ul li {
    margin-bottom: 10px;
    width: 49%;
    margin-right: 1%;
  }
  
  .p-service .inner .service_listArea ul li:nth-child(2n) {
    margin-bottom: 10px;
    width: 49%;
    margin-right: auto;
    margin-left: 1%;
  }
}
.p-service .inner .service_listArea ul li a {
  background-color: #fff;
  border: solid 1px #51ac82;
  border-radius: 30px;
  color: #51ac82;
  display: block;
  font-weight: 600;
  height: 100%;
  padding: 15px 0;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-service .inner .service_listArea ul li a {
    height: 60px;
    padding: 0px 0;
  }
}
@media screen and (max-width: 400px) {
  .p-service .inner .service_listArea ul li a {
    border-radius: 20px;
    height: 40px;
  }
}
.p-service .inner .service_listArea ul li a .icon {
  display: inline-block;
  height: 35px;
  left: 20px;
  position: absolute;
  top: 12px;
  width: 35px;
}
.p-service .inner .service_listArea ul li a .icon img {
  display: block;
}
@media screen and (max-width: 768px) {
  .p-service .inner .service_listArea ul li a .icon {
    height: 28px;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 28px;
  }
}
@media screen and (max-width: 400px) {
  .p-service .inner .service_listArea ul li a .icon {
    height: 17px;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 17px;
  }
}
.p-service .inner .service_listArea ul li a p {
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .p-service .inner .service_listArea ul li a p {
    font-size: 2.8vw;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.p-service .inner .service_listArea ul li a::after {
  border-bottom: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-style: solid;
  border-top: 5px solid #51a980;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 20px;
  top: 25px;
  width: 0;
}
@media screen and (max-width: 768px) {
  .p-service .inner .service_listArea ul li a::after {
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.p-service .inner .serviceArea {
  margin: 60px auto;
}
@media screen and (max-width: 768px) {
  .p-service .inner .serviceArea {
    margin: 40px auto;
  }
}
.p-service .inner .serviceArea .service_ttl {
  font-size: 1.3em;
  font-weight: 600;
}
.p-service .inner .serviceArea .flexbox {
  justify-content: space-between;
}
.p-service .inner .serviceArea .flexbox .txt {
  max-width: 746px;
  width: 65%;
}
@media screen and (max-width: 768px) {
  .p-service .inner .serviceArea .flexbox .txt {
    margin-bottom: 50px;
    max-width: 100%;
    width: 100%;
  }
}
.p-service .inner .serviceArea .flexbox .img {
  max-width: 350px;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .p-service .inner .serviceArea .flexbox .img {
    margin: 0 auto;
    width: 90%;
  }
}
.p-service .inner .serviceArea .w_box {
  align-items: center;
  border: solid 1px #51a780;
  border-radius: 15px;
  display: flex;
  margin-left: 0;
  margin-right: auto;
  margin-top: 40px;
  max-width: 745px;
}
@media screen and (max-width: 768px) {
  .p-service .inner .serviceArea .w_box {
    display: block;
    max-width: 100%;
    width: 100%;
  }
}
.p-service .inner .serviceArea .w_box dt {
  color: #51a980;
  text-align: center;
  width: 20%;
}
@media screen and (max-width: 768px) {
  .p-service .inner .serviceArea .w_box dt {
    padding: 5px 0;
    width: 100%;
  }
}
.p-service .inner .serviceArea .w_box dd {
  border-left: solid 1px #51a780;
  box-sizing: border-box;
  padding: 10px 15px;
  width: 80%;
}
@media screen and (max-width: 768px) {
  .p-service .inner .serviceArea .w_box dd {
    border-left: none;
    border-top: solid 1px #51a780;
    padding: 10px 5%;
    width: 100%;
  }
}
.p-service .inner .serviceArea .txt p {
  margin-bottom: 15px;
}
.p-service .inner .serviceArea .txt span {
  font-size: 0.8em;
}

.p-degital .lower_top .lower_ttlArea .lower_ttl {
  text-align: center;
}
.p-degital .lower_cnt_sec {
  width: 100%;
}
.p-degital .lower_cnt_sec .g_box {
  margin-bottom: 50px;
  text-align: center;
}
.p-degital .lower_cnt_sec .g_box .txtArea {
  margin-bottom: 30px;
}
.p-degital .lower_cnt_sec .g_box .txtArea .green {
  font-size: 2em;
  font-weight: 600;
}
.p-degital .lower_cnt_sec .g_box .txtArea span {
  color: #969696;
  font-size: 0.9em;
}
.p-degital .lower_cnt_sec .g_box .imgArea {
  margin: 0 auto;
  max-width: 890px;
}

.p-privacy .g_box {
  text-align: left;
}
.p-privacy .g_box dl {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .p-privacy .g_box dl {
    margin-bottom: 30px;
  }
}
.p-privacy .g_box dl dt {
  font-size: 1.2em;
}
@media screen and (max-width: 768px) {
  .p-privacy .g_box dl dt {
    font-size: 3.7vw;
  }
}
.p-privacy .g_box dl dd {
  color: #333333;
}
.p-privacy .contact_txt {
  line-height: 1.75;
  margin-top: 50px;
}
.p-privacy .contact_txt .green {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .p-privacy .contact_txt .green {
    font-size: 3, 5vw;
  }
}
.p-privacy .area404 {
  text-align: center;
}
.p-privacy .area404 .ttl404 {
  margin: 40px auto;
  max-width: 376px;
}

.p-renewal {
  position: relative;
  width: 100%;
}
.p-renewal header .hd_cnt .logoArea {
  background-color: #fff;
  left: 0;
  padding-left: 3%;
}
@media screen and (max-width: 768px) {
  .p-renewal header .hd_cnt .logoArea {
    box-sizing: border-box;
    width: 25%;
  }
}
.p-renewal header .hd_cnt .logoArea .logo {
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .p-renewal header .hd_cnt .logoArea .logo {
    width: 95%;
  }
}
.p-renewal header .hd_cnt .logoArea::after {
  background: #fff;
  border-radius: 0 100% 100% 0%/50%;
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
  right: -40px;
  top: 0;
  width: 40px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-renewal header .hd_cnt .logoArea::after {
    right: -40px;
  }
}
.p-renewal .re_mv {
  margin: 120px auto 0px;
  max-width: 1170px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-renewal .re_mv {
    margin-top: 70px;
    width: 90%;
  }
}
.p-renewal .re_mv .mv_inner {
  left: 0;
  margin: 0 auto;
  max-width: 600px;
  position: absolute;
  right: 0;
  top: 55px;
  width: 90%;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-renewal .re_mv .mv_inner {
    top: 30px;
  }
}
.p-renewal .re_mv .mv_inner .mv_txt {
  position: relative;
}
.p-renewal .re_mv .mv_inner .mv_txt .mv_ttl {
  margin: 0 auto 30px;
  max-width: 173px;
}
@media screen and (max-width: 768px) {
  .p-renewal .re_mv .mv_inner .mv_txt .mv_ttl {
    margin: 0 auto 20px;
    width: 25%;
  }
}
.p-renewal .re_mv .mv_inner .mv_txt .mv_catch {
  margin: 0 auto 30px;
  max-width: 336px;
}
@media screen and (max-width: 768px) {
  .p-renewal .re_mv .mv_inner .mv_txt .mv_catch {
    margin: 0 auto 20px;
    width: 60%;
  }
}
.p-renewal .re_mv .mv_inner .mv_txt .mv_date {
  margin: 0 auto;
  max-width: 216px;
}
@media screen and (max-width: 768px) {
  .p-renewal .re_mv .mv_inner .mv_txt .mv_date {
    width: 40%;
  }
}
.p-renewal .re_mv .mv_inner .mv_txt .mv_catch_jp {
  left: 10px;
  position: absolute;
  top: 50px;
  width: 86px;
}
@media screen and (max-width: 768px) {
  .p-renewal .re_mv .mv_inner .mv_txt .mv_catch_jp {
    left: 2%;
    top: 15px;
    width: 15%;
  }
}
.p-renewal .pagenavArea .inner {
  margin: 50px auto;
  max-width: 1160px;
}
@media screen and (max-width: 768px) {
  .p-renewal .pagenavArea .inner {
    margin: 30px auto 30px;
    width: 90%;
  }
}
.p-renewal .pagenavArea .page_nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.p-renewal .pagenavArea .page_nav li {
  background-color: #fff;
  border: solid 1px #51ac82;
  border-radius: 30px;
  color: #51ac82;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 15px 0;
  position: relative;
  text-align: center;
  width: 23%;
}
@media screen and (max-width: 768px) {
  .p-renewal .pagenavArea .page_nav li {
    margin-bottom: 10px;
    width: 49%;
  }
}
.p-renewal .pagenavArea .page_nav li::after {
  border-bottom: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-style: solid;
  border-top: 5px solid #51a980;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 20px;
  top: 25px;
  width: 0;
}
@media screen and (max-width: 768px) {
  .p-renewal .pagenavArea .page_nav li::after {
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.p-renewal .map_sec .mapArea {
  margin-bottom: 125px;
}
.p-renewal .map_sec .imgArea {
  margin: 0 auto;
  max-width: 689px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .imgArea {
    width: 80%;
  }
}
.p-renewal .map_sec .imgArea figure {
  width: 100%;
}
.p-renewal .map_sec .imgArea figure img {
  border-radius: 40px;
}
.p-renewal .map_sec .imgArea img {
  display: block;
  width: 100%;
}
.p-renewal .map_sec .imgArea .obj_txt {
  left: -40px;
  max-width: 320px;
  position: absolute;
  top: -40px;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .imgArea .obj_txt {
    left: -5%;
    top: -5%;
    width: 40%;
  }
}
.p-renewal .map_sec .imgArea .obj01 {
  max-width: 277px;
  position: absolute;
  right: -200px;
  top: -100px;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .imgArea .obj01 {
    right: -5%;
    top: -20%;
    width: 30%;
  }
}
.p-renewal .map_sec .imgArea .obj02 {
  left: -160px;
  max-width: 244px;
  position: absolute;
  top: 140px;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .imgArea .obj02 {
    bottom: -5%;
    left: -15%;
    top: auto;
    width: 30%;
  }
}
.p-renewal .map_sec .imgArea .obj03 {
  bottom: -300px;
  max-width: 216px;
  position: absolute;
  right: -200px;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .imgArea .obj03 {
    bottom: 0;
    right: -5%;
    width: 30%;
  }
}
.p-renewal .map_sec .txtArea {
  padding-bottom: 80px;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .txtArea {
    padding-bottom: 80px;
  }
}
.p-renewal .map_sec .txtArea .lead_ttl {
  font-size: 3.5em;
  font-weight: bold;
  letter-spacing: 5px;
  line-height: 1.5;
  margin: 30px auto;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .txtArea .lead_ttl {
    font-size: 8vw;
    margin-bottom: 30px;
  }
}
.p-renewal .map_sec .txtArea p {
  font-size: 1.2em;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 2.5;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .txtArea p {
    font-size: 3.7vw;
    margin-bottom: 30px;
  }
}
.p-renewal .map_sec .txtArea span {
  font-size: 15px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .txtArea span {
    font-size: 2.8vw;
  }
}
.p-renewal .map_sec .txtArea .obj04 {
  left: 20px;
  max-width: 191px;
  position: absolute;
  top: 30px;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .txtArea .obj04 {
    bottom: -8%;
    right: -5%;
    top: auto;
    width: 20%;
    z-index: 10;
  }
}
.p-renewal .map_sec .txtArea .obj05 {
  max-width: 73px;
  position: absolute;
  right: 100px;
  top: -200px;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .txtArea .obj05 {
    display: none;
  }
}
.p-renewal .map_sec .txtArea .obj06 {
  bottom: -100px;
  left: 0;
  max-width: 192px;
  position: absolute;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .txtArea .obj06 {
    display: none;
  }
}
.p-renewal .map_sec .txtArea .obj07 {
  bottom: -100px;
  max-width: 228px;
  position: absolute;
  right: 0px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-renewal .map_sec .txtArea .obj07 {
    right: -5%;
    width: 25%;
  }
}
.p-renewal .point_sec {
  background-color: #fbf2dd;
  padding: 100px 0 0;
  position: relative;
  width: 100%;
}
.p-renewal .point_sec::before {
  background: url(../../assets/images/renewal/re_wave_top.png) no-repeat center top;
  background-size: cover;
  content: "";
  display: block;
  height: 7vw;
  position: absolute;
  top: -6vw;
  width: 100%;
}
.p-renewal .point_sec::after {
  background: url(../../assets/images/renewal/re_wave_btm.png) no-repeat center top;
  background-size: cover;
  bottom: -9vw;
  content: "";
  display: block;
  height: 9vw;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.p-renewal .point_sec .inner {
  position: relative;
}
.p-renewal .point_sec .inner .obj08 {
  max-width: 351px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .obj08 {
    right: 0;
    top: 3%;
    width: 30%;
  }
}
.p-renewal .point_sec .inner .ttlArea {
  margin-bottom: 80px;
  max-width: 680px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .ttlArea {
    width: 80%;
  }
}
.p-renewal .point_sec .inner .ttlArea .sec_ttl {
  max-width: 591px;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .ttlArea .sec_ttl {
    margin-bottom: 15px;
  }
}
.p-renewal .point_sec .inner .ttlArea span {
  bottom: 40px;
  font-size: 1.4em;
  font-weight: 600;
  letter-spacing: 5px;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .ttlArea span {
    bottom: auto;
    position: relative;
    right: auto;
  }
}
.p-renewal .point_sec .inner .pointArea ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 120px;
  padding-bottom: 200px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .pointArea ul li {
    display: block;
    margin-bottom: 80px;
    padding-bottom: 0;
  }
}
.p-renewal .point_sec .inner .pointArea ul li .img {
  width: 700px;
  width: 65%;
}
.p-renewal .point_sec .inner .pointArea ul li .img figure img {
  border-radius: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .pointArea ul li .img {
    width: 100%;
  }
}
.p-renewal .point_sec .inner .pointArea ul li .txt {
  max-width: 655px;
  width: 55%;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .pointArea ul li .txt {
    width: 100%;
  }
}
.p-renewal .point_sec .inner .pointArea ul li .txt .point_ttl {
  margin-left: auto;
  margin-right: 0;
  width: 338px;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .pointArea ul li .txt .point_ttl {
    margin-bottom: 20px;
    margin-top: -10px;
    width: 50%;
  }
}
.p-renewal .point_sec .inner .pointArea ul li .txt .p_obj {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 338px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .pointArea ul li .txt .p_obj {
    bottom: auto;
    top: 36%;
    width: 40%;
  }
}
.p-renewal .point_sec .inner .pointArea ul li .g_box {
  background-color: #fff;
  border: solid 5px #51a980;
  bottom: 0;
  padding: 30px;
  position: absolute;
  right: 0;
  width: 655px;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .pointArea ul li .g_box {
    position: relative;
    width: 100%;
  }
}
.p-renewal .point_sec .inner .pointArea ul li .g_box .dt_line {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 0;
}
.p-renewal .point_sec .inner .pointArea ul li .g_box .dt_line::after {
  background: radial-gradient(circle farthest-side, #51a980, #51a980 20%, transparent 20%, transparent);
  background-size: 20px;
  content: "";
  display: inline-block;
  height: 20px;
  width: 100%;
}
.p-renewal .point_sec .inner .pointArea ul li .g_box h4 {
  font-size: 2.1em;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .pointArea ul li .g_box h4 {
    font-size: 4.8vw;
  }
}
.p-renewal .point_sec .inner .pointArea ul li .g_box p {
  color: #333333;
  line-height: 1.75;
}
@media screen and (min-width: 769px) {
  .p-renewal .point_sec .inner .pointArea ul li.point2 {
    flex-direction: row-reverse;
  }
  .p-renewal .point_sec .inner .pointArea ul li.point2 .txt .point_ttl {
    margin-left: 0;
    margin-right: auto;
    width: 338px;
  }
  .p-renewal .point_sec .inner .pointArea ul li.point2 .txt .p_obj {
    bottom: 0;
    left: auto;
    position: absolute;
    right: 0;
    width: 338px;
  }
  .p-renewal .point_sec .inner .pointArea ul li.point2 .txt .g_box {
    bottom: -30px;
    left: 0;
    right: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .pointArea ul li.point2 .txt .point_ttl {
    margin-left: 0;
    margin-right: auto;
  }
  .p-renewal .point_sec .inner .pointArea ul li.point2 .p_obj {
    left: auto;
    right: 0;
  }
}
.p-renewal .point_sec .inner .pointArea ul li.point3 .txt .p_obj {
  bottom: 5%;
  left: 15%;
  position: absolute;
  width: 155px;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .pointArea ul li.point3 .txt .p_obj {
    bottom: auto;
    top: 36%;
    width: 20%;
  }
}
.p-renewal .point_sec .inner .csArea {
  position: relative;
  text-align: center;
}
.p-renewal .point_sec .inner .csArea .comingsoon {
  margin: 0 auto;
  max-width: 854px;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .csArea .comingsoon {
    margin: 0px auto 0;
    width: 100%;
  }
}
.p-renewal .point_sec .inner .csArea .btm_ttl {
  font-size: 3.5em;
  font-weight: bold;
  letter-spacing: 5px;
  line-height: 1.5;
  margin: -70px auto 30px;
  text-align: center;
}
.p-renewal .point_sec .inner .csArea .btm_ttl em {
  font-size: 0.6em;
  font-style: normal;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .csArea .btm_ttl {
    font-size: 7vw;
    margin: -40px auto 20px;
  }
}
.p-renewal .point_sec .inner .csArea p {
  font-size: 1.2em;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 2;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .csArea p {
    font-size: 3.7vw;
  }
}
.p-renewal .point_sec .inner .csArea .btnArea {
  padding-bottom: 30px;
}
.p-renewal .point_sec .inner .csArea .btnArea .w_btn {
  margin: 0 auto;
  max-width: 300px;
}
.p-renewal .point_sec .inner .csArea .btnArea .w_btn a {
  background: none;
}
.p-renewal .point_sec .inner .obj12 {
  bottom: -150px;
  left: 0px;
  max-width: 309px;
  position: absolute;
  z-index: 30;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .obj12 {
    bottom: -3%;
    width: 40%;
  }
}
.p-renewal .point_sec .inner .obj13 {
  bottom: -150px;
  max-width: 129px;
  position: absolute;
  right: 0px;
  z-index: 30;
}
@media screen and (max-width: 768px) {
  .p-renewal .point_sec .inner .obj13 {
    bottom: -3%;
    width: 15%;
  }
}
.p-renewal .shoplist_sec {
  margin-top: 250px;
}
.p-renewal .shoplist_sec .inner .ttlArea {
  text-align: center;
}
.p-renewal .shoplist_sec .inner .ttlArea .sec_ttl {
  margin: 0 auto 20px;
  max-width: 693px;
}
@media screen and (max-width: 768px) {
  .p-renewal .shoplist_sec .inner .ttlArea .sec_ttl {
    width: 80%;
  }
}
.p-renewal .shoplist_sec .inner .ttlArea span {
  font-size: 1.4em;
  font-weight: 600;
  letter-spacing: 5px;
}
@media screen and (max-width: 768px) {
  .p-renewal .shoplist_sec .inner .ttlArea span {
    font-size: 3.5vw;
  }
}
.p-renewal .shoplist_sec .inner .list_navArea {
  margin: 90px auto;
}
@media screen and (max-width: 768px) {
  .p-renewal .shoplist_sec .inner .list_navArea {
    margin: 50px auto;
  }
}
.p-renewal .shoplist_sec .inner .list_navArea ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-renewal .shoplist_sec .inner .list_navArea ul li {
  margin: auto 1%;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  width: 23%;
}
.p-renewal .shoplist_sec .inner .list_navArea ul li a {
  background-color: #fff;
  border: solid 1px #51ac82;
  border-radius: 30px;
  color: #51ac82;
  cursor: pointer;
  display: block;
  font-weight: 600;
  height: 100%;
  padding: 15px 0;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 100%;
}
.p-renewal .shoplist_sec .inner .list_navArea ul li a:hover {
  opacity: 1;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.p-renewal .shoplist_sec .inner .list_navArea ul li a::after {
  border-bottom: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-style: solid;
  border-top: 5px solid #51a980;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 20px;
  top: 25px;
  width: 0;
}
@media screen and (max-width: 768px) {
  .p-renewal .shoplist_sec .inner .list_navArea ul li a::after {
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (max-width: 768px) {
  .p-renewal .shoplist_sec .inner .list_navArea ul li {
    margin-bottom: 10px;
    width: 48%;
  }
}
.p-renewal .shoplist_sec .inner .list_navArea ul li.current a {
  background-color: #51a980;
  color: #fff;
}
.p-renewal .shoplist_sec .inner .list_navArea ul li.current a::after {
  border-bottom: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-style: solid;
  border-top: 5px solid #fff;
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.p-renewal .shoplist_sec .inner .bold {
  margin-bottom: 80px;
  text-align: center;
}
.p-renewal .shoplist_sec .inner .shop-body {
  display: flex;
  flex-wrap: wrap;
}
.p-renewal .shoplist_sec .inner .shop-body li {
  margin-bottom: 50px;
  margin-right: 3%;
  position: relative;
  width: 22%;
}
@media screen and (max-width: 768px) {
  .p-renewal .shoplist_sec .inner .shop-body li {
   margin-left: 1%;
   margin-right: 1%;
    width: 48%;
  }
  /*.p-renewal .shoplist_sec .inner .shop-body li:nth-child(2n) {
    margin-left: 2%;
    margin-right: 0;
  }*/
}
.p-renewal .shoplist_sec .inner .shop-body li a {
  /*pointer-events: none;*/
}
.p-renewal .shoplist_sec .inner .shop-body li a:hover {
  opacity: 0.7;
}
.p-renewal .shoplist_sec .inner .shop-body li .cat {
  border: solid 1px #fff;
  border-radius: 30px;
  color: #fff;
  font-weight: 600;
  left: 0;
  padding: 2px 0;
  position: absolute;
  text-align: center;
  top: -15px;
  width: 160px;
  z-index: 20;
}
@media screen and (max-width: 768px) {
  .p-renewal .shoplist_sec .inner .shop-body li .cat {
    width: 120px;
  }
}
.p-renewal .shoplist_sec .inner .shop-body li.cat-2 .cat {
  background-color: #22ac38;
}
.p-renewal .shoplist_sec .inner .shop-body li.cat-3 .cat {
  background-color: #f39700;
}
.p-renewal .shoplist_sec .inner .shop-body li.cat-4 .cat {
  background-color: #e5006a;
}
.p-renewal .shoplist_sec .inner .shop-body li.cat-5 .cat {
  background-color: #0091db;
}
.p-renewal .shoplist_sec .inner .shop-body li.cat-6 .cat {
  background-color: #751485;
}
.p-renewal .shoplist_sec .inner .shop-body li .img {
  margin-bottom: 10px;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
.p-renewal .shoplist_sec .inner .shop-body li .img img {
  border: solid 1px #51a780;
  border-radius: 30px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 400px) {
  .p-renewal .shoplist_sec .inner .shop-body li .img img {
    border-radius: 20px;
  }
}
.p-renewal .shoplist_sec .inner .shop-body li .txt {
  display: flex;
  flex-direction: column;
}
.p-renewal .shoplist_sec .inner .shop-body li .txt .shop_name {
  color: #333;
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0px;
}
.p-renewal .shoplist_sec .inner .shop-body li .txt .place {
  color: #51a780;
  font-weight: 600;
}
.p-renewal .inline_box {
  background-color: #fff;
  border: solid 7px #51ac82;
  border-radius: 40px;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1000px;
}
@media screen and (max-width: 768px) {
  .p-renewal .inline_box {
    width: 90%;
  }
}
.p-renewal .inline_box .box_inner {
  box-sizing: border-box;
  padding: 30px;
  position: relative;
}
.p-renewal .inline_box .box_inner .flexbox {
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-renewal .inline_box .box_inner .flexbox {
    display: block;
  }
}
.p-renewal .inline_box .box_inner .flexbox .imgArea {
  border-right: solid 1px #51ac82;
  padding-right: 3%;
  width: 47%;
}
@media screen and (max-width: 768px) {
  .p-renewal .inline_box .box_inner .flexbox .imgArea {
    border-bottom: solid 1px #51ac82;
    border-right: none;
    padding-bottom: 30px;
    padding-right: 0;
    padding-top: 40px;
    width: 100%;
  }
}
.p-renewal .inline_box .box_inner .flexbox .imgArea .shop_info {
  display: flex;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .p-renewal .inline_box .box_inner .flexbox .imgArea .shop_info {
    margin-bottom: 30px;
  }
}
.p-renewal .inline_box .box_inner .flexbox .imgArea .shop_info .shop_img {
  margin-right: 5%;
  max-width: 180px;
  padding-top: 45%;
  position: relative;
  width: 45%;
}
.p-renewal .inline_box .box_inner .flexbox .imgArea .shop_info .shop_img img {
  border: solid 1px #51a780;
  border-radius: 30px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.p-renewal .inline_box .box_inner .flexbox .imgArea .shop_info .shop_txt {
  font-weight: 600;
}
.p-renewal .inline_box .box_inner .flexbox .imgArea .shop_info .shop_txt .cat {
  border: solid 1px #fff;
  border-radius: 30px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 30px;
  padding: 2px 0;
  text-align: center;
  width: 160px;
}
@media screen and (max-width: 768px) {
  .p-renewal .inline_box .box_inner .flexbox .imgArea .shop_info .shop_txt .cat {
    width: 130px;
  }
}
.p-renewal .inline_box .box_inner .flexbox .imgArea .shop_info .shop_txt .cat.cat_r {
  background-color: #e5006a;
}
.p-renewal .inline_box .box_inner .flexbox .imgArea .shop_info .shop_txt .shop_name {
  color: #333;
  font-size: 1.2em;
  font-weight: 600;
}
.p-renewal .inline_box .box_inner .flexbox .imgArea .shop_info .shop_txt .place {
  font-size: 1.2em;
}
.p-renewal .inline_box .box_inner .flexbox .txtArea {
  color: #333333;
  margin-left: 3%;
  margin-top: 50px;
  position: relative;
  width: 47%;
}
@media screen and (max-width: 768px) {
  .p-renewal .inline_box .box_inner .flexbox .txtArea {
    margin-top: 20px;
    width: 100%;
  }
}
.p-renewal .inline_box .box_inner .flexbox .txtArea .green {
  color: #51ac82;
}
.p-renewal .inline_box .box_inner .flexbox .txtArea .bold {
  font-size: 1.1em;
  margin-bottom: 15px;
}
.p-renewal .inline_box .box_inner .flexbox .txtArea .shop_lead {
  font-size: 1.4em;
  font-weight: 600;
  margin-bottom: 15px;
}
.p-renewal .inline_box .box_inner .flexbox .txtArea .comment {
  font-size: 0.8em;
}
.p-renewal .inline_box .box_inner .flexbox .txtArea .btm_txt {
  bottom: 0;
  font-weight: 600;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-renewal .inline_box .box_inner .flexbox .txtArea .btm_txt {
    bottom: auto;
    margin-top: 30px;
    position: relative;
  }
}
.p-renewal .inline_box .box_inner .popup-modal-dismiss {
  position: absolute;
  right: 10px;
  top: 10px;
}
.p-renewal .inline_box .box_inner .popup-modal-dismiss a {
  align-items: center;
  display: flex;
  font-weight: 600;
}
.p-renewal .inline_box .box_inner .popup-modal-dismiss a p {
  font-size: 1.2em;
  letter-spacing: 1px;
}
.p-renewal .inline_box .box_inner .popup-modal-dismiss a .close_icon {
  height: 50px;
  margin-left: 10px;
  width: 50px;
}
@media screen and (max-width: 768px) {
  .p-renewal .inline_box .box_inner .popup-modal-dismiss a .close_icon {
    height: 40px;
    width: 40px;
  }
}

.category-list li.is-animate {
  -webkit-animation: 0.6s zoom-in;
          animation: 0.6s zoom-in;
  opacity: 1;
}
@-webkit-keyframes zoom-in {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.p-jobinfo .inner .cntArea .no_offer {
  color: #51a780;
  font-weight: 600;
  text-align: center;
}

.p-jobinfo .inner .cntArea .box_list li {
  margin-bottom: 50px;
}
.p-jobinfo .inner .cntArea .box_list li img {
  border: solid 1px #333333;
}
.p-jobinfo .inner .cntArea .box_list li .g_btn {
  margin: 5px auto 0;
  max-width: 100%;
  width: 100%;
}

.p-space .inner .space_list{
	margin: 50px auto;
}

.p-space .inner .space_list ul{
	display: flex;
	justify-content: space-between;
}

.p-space .inner .space_list ul li{
	width: 32%;
}

.p-space .inner .space_list ul li p{
	font-weight: 600;
	font-size: 1.5em;
	margin-bottom: 20px;
}

.p-space .inner .btnArea{
	display: flex;
	justify-content: center;
	margin: 0 auto 100px;
}

.p-space .inner .btnArea .g_btn{
	max-width: 420px;
	width: 40%;
	margin: auto 20px;
}

.p-space .inner .contact_txt{
	text-align: center;
	line-height: 2;
}

.p-space .inner .contact_txt .dt_line{
	font-size: 1.8em;
	font-weight: 600
}

.p-space .inner .contact_txt a{
	color: #0074c1;
}

@media screen and (max-width: 768px) {
	.p-space .inner .space_list{
	margin: 40px auto;
}

.p-space .inner .space_list ul{
	display: block;
}

.p-space .inner .space_list ul li{
	width: 100%;
	margin-bottom: 40px;
}

.p-space .inner .space_list ul li p{
	font-weight: 600;
	font-size: 4.5vw;
	margin-bottom: 20px;
}

.p-space .inner .btnArea{
	display: block;
	margin: 0 auto 60px;
}

.p-space .inner .btnArea .g_btn{
	width: 100%;
	max-width: 100%;
	margin:  0 auto 20px;
}

.p-space .inner .contact_txt{
	text-align: center;
	line-height: 2;
}

.p-space .inner .contact_txt .dt_line{
	font-size: 4vw;
	font-weight: 600
}

.p-space .inner .contact_txt a{
	color: #0074c1;
}
}

/*# sourceMappingURL=app.css.map*/