@charset "UTF-8";
/*
theme Name: nishiyamashuzou_20251015
Author:Sora Tsukamoto
Description: original theme
version： 1.0.0
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

* {
  box-sizing: border-box;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

/*--------------viwpoint--------*/
/*--------------color--------*/
/*--------------fonts--------*/
/*--------------mixins--------*/
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: 1.4rem;
  line-height: 3rem;
  color: #25393b;
  padding-top: 80px;
}
@media screen and (min-width: 768px) {
  body {
    padding-top: 0px;
  }
}
body.fixed {
  overflow: auto;
  height: 100%;
}
body.drawer-open .drawer-hamburger-icon {
  z-index: 9999;
  background-color: transparent !important;
}

a {
  color: #0459b3;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
a:hover {
  color: #0459b3;
  text-decoration: none;
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
}

@media screen and (min-width: 768px) {
  .sp-pc.sp {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .sp-pc.pc {
    display: none;
  }
}

body > .header {
  background-color: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  max-width: 100%;
  padding: 0;
}
@media screen and (min-width: 768px) {
  body > .header {
    padding-top: 50px;
    left: 0;
    max-width: 290px;
    height: 100%;
  }
}
body > .header .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 80px;
  display: flex;
  display: -ms-flexbox;
}
@media screen and (min-width: 768px) {
  body > .header .inner {
    display: block;
    min-height: 70px;
    padding-right: 20px;
  }
}
body > .header .inner .logo {
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  max-width: 150px;
}
@media screen and (min-width: 768px) {
  body > .header .inner .logo {
    max-width: 200px;
    margin: 0 auto;
  }
}
body > .header .inner .logo img {
  display: block;
  width: 100%;
  height: auto;
}
body > .header .inner .copy {
  max-width: 126px;
  margin: 0 auto;
  margin-top: 54px;
}
body > .header .inner .copy img {
  width: 100%;
}
body > .header .inner .copy.en_US,
body > .header .inner .copy.es_ES {
  max-width: 111px;
}
body > .header .inner .copy.zh_CN {
  max-width: 132px;
}
body > .header .inner .copy.zh_TW {
  max-width: 127px;
}
body > .header .inner .g-navi {
  width: 100%;
  max-width: 170px;
  margin: auto;
  margin-top: 30px;
}
body > .header .inner .g-navi > .link {
  margin-top: 20px;
}
body > .header .inner .g-navi > .link a {
  display: block;
  color: #25393b;
  width: 100%;
  font-size: 1.6rem;
  padding-left: 20px;
  border-left: 4px solid #000;
  text-decoration: none;
  line-height: 1.4rem;
}
body > .header .inner .sns {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;
  /*--- safari（PC）用 ---*/
  /* Safari */
  justify-content: space-between;
  width: 100%;
  max-width: 155px;
  margin: 0 auto;
  margin-top: 20px;
}
body > .header .inner .sns .link a {
  display: flex;
  display: -ms-flexbox;
  height: 40px;
  max-width: 20px;
}
body > .header .inner .sns .link a img {
  display: block;
  width: 100%;
  height: auto;
}
body > .header .fixed-navi {
  display: block;
  position: fixed;
  right: 20px;
}
@media screen and (min-width: 768px) {
  body > .header .fixed-navi {
    top: 300px;
    bottom: initial;
  }
}
@media screen and (max-width: 768px) {
  body > .header .fixed-navi {
    bottom: 0px;
    top: initial;
  }
}
body > .header .fixed-navi img {
  display: block;
  width: 100%;
  height: auto;
}
body .menu.drawer-hamburger {
  position: absolute;
  right: 0 !important;
  width: 80px;
  height: 80px;
  padding: 0;
}
@media screen and (min-width: 768px) {
  body .menu.drawer-hamburger {
    display: none;
  }
}
body .menu.drawer-hamburger .drawer-hamburger-icon {
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 3px;
  width: 25px;
  background-color: #25393b;
}
body .menu.drawer-hamburger .drawer-hamburger-icon:before,
body .menu.drawer-hamburger .drawer-hamburger-icon:after {
  height: 3px;
  background-color: #25393b;
}

.drawer-nav {
  width: 100%;
  z-index: 3;
  z-index: 9998;
  background-color: #fff;
  padding-top: 80px;
  padding-left: 20px;
  padding-right: 20px;
}
.drawer-nav .drawer-menu {
  max-width: 100%;
  padding-bottom: 30px;
}
.drawer-nav .drawer-menu .links.g-navi > .link {
  margin-top: 45px;
}
.drawer-nav .drawer-menu .links.g-navi > .link a {
  display: block;
  color: #25393b;
  width: 100%;
  font-size: 2.2rem;
  padding-left: 20px;
  border-left: 4px solid #000;
  text-decoration: none;
}
.drawer-nav .drawer-menu .links.sns {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;
  /*--- safari（PC）用 ---*/
  /* Safari */
  justify-content: space-between;
  margin-top: 60px;
}
.drawer-nav .drawer-menu .links.sns .link a {
  display: flex;
  display: -ms-flexbox;
  height: 40px;
}
.drawer-nav .drawer-menu .links.sns .link a img {
  display: block;
  width: 100%;
  height: auto;
}
.drawer-nav .drawer-menu .links.lang {
  margin-top: 60px;
  max-width: 233px;
}

.drawer--right .drawer-nav {
  right: -100%;
  overflow: auto;
}

.drawer-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}

.lang-navi {
  background-color: #fff;
  border-top: 1px solid #25393b;
  border-right: 1px solid #25393b;
  border-bottom: 1px solid #25393b;
}
.lang-navi .bogo-language-switcher {
  display: flex;
  display: -ms-flexbox;
}
.lang-navi .bogo-language-switcher .ja {
  order: -1;
}
.lang-navi .bogo-language-switcher .bogo-language-name {
  display: inline-block;
  text-align: center;
  border-left: 1px solid #25393b;
  color: #ccc;
  min-width: 38px;
}
.lang-navi .bogo-language-switcher .bogo-language-name a {
  display: inline-block;
  text-decoration: none;
  color: #25393b;
  padding: 0px 13px;
}
.lang-navi .bogo-language-switcher .bogo-language-name a.current {
  color: #fff;
  background-color: #25393b;
}
.lang-navi.sp {
  margin: 0 auto;
  margin-top: 60px;
  max-width: 232px;
}
.lang-navi.pc {
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 9999;
}

.breadcrumb-wrap {
  width: 100%;
  overflow: hidden;
  height: 29px;
}
.breadcrumb-wrap .breadcrumb {
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  overflow-x: scroll;
  background-color: initial;
}
.breadcrumb-wrap .breadcrumb ul {
  display: flex;
  display: -ms-flexbox;
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
}
.breadcrumb-wrap .breadcrumb ul li {
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-size: 1.4rem;
  line-height: 3rem;
}
.breadcrumb-wrap .breadcrumb ul li:after {
  content: ">";
  padding: 0 15px;
}
.breadcrumb-wrap .breadcrumb ul li:last-child:after {
  content: "";
}
.breadcrumb-wrap .breadcrumb ul li a {
  color: #25393b;
  text-decoration: none;
}

.container {
  padding-right: 0px;
  padding-left: 0px;
  max-width: 100%;
}
.container .row {
  margin-left: -10px;
  margin-right: -10px;
}
.container .row .col {
  padding-left: 10px;
  padding-right: 10px;
}

.contents-wrap {
  width: 100%;
  overflow: hidden;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;
  /*--- safari（PC）用 ---*/
  /* Safari */
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .contents-wrap {
    max-width: calc(100% - 290px);
    margin-left: 290px;
  }
}
.contents-wrap .main {
  width: 100%;
}
.contents-wrap .main section.section-content {
  max-width: 100%;
}
.contents-wrap .main section.section-content.texture {
  background-image: url(assets/img/bg01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.contents-wrap .main section.section-content.cta > .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  .contents-wrap .main section.section-content.cta > .inner {
    max-width: 800px;
  }
}
.contents-wrap .main section.section-content.cta > .inner .row .col {
  padding-bottom: 60px;
}
.contents-wrap .main section.section-content.cta > .inner .row .col.online {
  border-bottom: 1px solid #25393b;
  position: relative;
}
@media screen and (min-width: 768px) {
  .contents-wrap .main section.section-content.cta > .inner .row .col.online {
    border-bottom: none;
  }
  .contents-wrap
    .main
    section.section-content.cta
    > .inner
    .row
    .col.online::after {
    position: absolute;
    right: 0;
    top: calc(50% - 93px);
    display: block;
    content: "";
    width: 1px;
    height: 187px;
    background-color: #25393b;
  }
}
.contents-wrap .main section.section-content.cta > .inner .row .col .inner {
  margin: auto;
  margin-top: 60px;
  max-width: 270px;
}
.contents-wrap
  .main
  section.section-content.cta
  > .inner
  .row
  .col
  .inner
  .head {
  font-size: 2.3rem;
  text-align: center;
}
.contents-wrap
  .main
  section.section-content.cta
  > .inner
  .row
  .col
  .inner
  .text {
  margin-top: 35px;
}
.contents-wrap
  .main
  section.section-content.cta
  > .inner
  .row
  .col
  .inner
  .button {
  width: 100%;
  display: block;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #25393b;
  margin: 0 auto;
  font-size: 1.5rem;
  border: 1px solid #25393b;
  max-width: 270px;
  line-height: 70px;
  position: relative;
  margin-top: 90px;
}
.contents-wrap
  .main
  section.section-content.cta
  > .inner
  .row
  .col
  .inner
  .button.adjusted {
  min-height: 70px;
  line-height: 2rem;
  padding-top: 14px;
}
.contents-wrap
  .main
  section.section-content.cta
  > .inner
  .row
  .col
  .inner
  .button:after {
  line-height: 14px;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  right: 20px;
  top: calc(50% - 7px);
}

.footer {
  padding-top: 50px;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .footer {
    padding-top: 125px;
    padding-bottom: 30px;
    max-width: calc(100% - 290px);
    margin-left: 290px;
  }
}
.footer .page-top {
  position: fixed;
  bottom: 120px;
  right: 20px;
  display: block;
  width: 50px;
  height: 50px;
  z-index: 9999;
  background-color: #25393b;
}
@media screen and (min-width: 768px) {
  .footer .page-top {
    bottom: 420px;
  }
}
.footer .page-top::after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  transform: rotate(-135deg);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.footer .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
.footer .inner .info {
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .footer .inner .info {
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  .footer .inner .g-navi {
    position: absolute;
    bottom: -30px;
    right: calc(50% - 250px);
  }
}
@media screen and (min-width: 768px) {
  .footer .inner .g-navi .links {
    display: flex;
    display: -ms-flexbox;
    /* Safari */
    justify-content: space-between;
  }
}
.footer .inner .g-navi .links .link {
  margin-top: 45px;
}
@media screen and (min-width: 768px) {
  .footer .inner .g-navi .links .link {
    margin-top: 0;
    margin-left: 70px;
  }
}
.footer .inner .g-navi .links .link a {
  display: block;
  color: #25393b;
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.4rem;
  padding-left: 20px;
  border-left: 4px solid #000;
  text-decoration: none;
}
.footer .inner .copy {
  font-size: 1rem;
  margin-top: 40px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .footer .inner .copy {
    margin-top: 0;
    text-align: right;
  }
}

body.home .contents-wrap .main .section-content.kv .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  background-image: url(assets/img/top-kv.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 500px;
}
body.home .contents-wrap .main .section-content.news {
  padding-top: 50px;
  padding-bottom: 30px;
}
body.home .contents-wrap .main .section-content.news > .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.home .contents-wrap .main .section-content.news > .inner .head {
  font-size: 2.3rem;
  text-align: center;
}
body.home .contents-wrap .main .section-content.news > .inner .text {
  text-align: center;
  line-height: 3.2rem;
  margin-top: 20px;
}

/*--- アクティビティバナー設置ここから ---*/
body.home
  .contents-wrap
  .main
  .section-content.news
  > .inner
  .act-banner-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 10px;
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 30px;
}

body.home
  .contents-wrap
  .main
  .section-content.news
  > .inner
  .act-banner-container
  .act-banner {
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
  border: 1px solid #ccc;
  padding: 10px;
  transition: background-color 0.3s ease, transform 0.3s ease;
  width: calc(33.333% - 10px);
  height: calc(33.333% - 10px); /* 高さを幅と同じに設定 */
  box-sizing: border-box;
}

body.home
  .contents-wrap
  .main
  .section-content.news
  > .inner
  .act-banner-container
  .act-banner
  img {
  max-width: 70%;
  height: auto;
}

@media (max-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.news
    > .inner
    .act-banner-container {
    flex-direction: column;
  }

  body.home
    .contents-wrap
    .main
    .section-content.news
    > .inner
    .act-banner-container
    .act-banner {
    width: 100%;
    margin-bottom: 5px;
  }
}
/*--- アクティビティバナー設置ここまで ---*/

body.home .contents-wrap .main .section-content.news > .inner .posts {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
body.home .contents-wrap .main .section-content.news > .inner .posts .post {
  margin-top: 50px;
}
body.home
  .contents-wrap
  .main
  .section-content.news
  > .inner
  .posts
  .post
  .inner {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;
  /*--- safari（PC）用 ---*/
  text-decoration: none;
  color: #25393b;
}
@media screen and (min-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.news
    > .inner
    .posts
    .post
    .inner {
    display: block;
  }
}
body.home
  .contents-wrap
  .main
  .section-content.news
  > .inner
  .posts
  .post
  .inner
  .img-wrap {
  width: 100%;
  max-width: 150px;
  margin-right: 20px;
}
@media screen and (min-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.news
    > .inner
    .posts
    .post
    .inner
    .img-wrap {
    max-width: 100%;
  }
}
body.home
  .contents-wrap
  .main
  .section-content.news
  > .inner
  .posts
  .post
  .inner
  .img-wrap
  .img {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 57.9487179487%;
}
body.home
  .contents-wrap
  .main
  .section-content.news
  > .inner
  .posts
  .post
  .inner
  .img-wrap
  .img.no-img {
  background-image: url(assets/img/logo.svg);
}
body.home
  .contents-wrap
  .main
  .section-content.news
  > .inner
  .posts
  .post
  .inner
  .info {
  width: 100%;
  max-width: calc(100% - 170px);
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.news
    > .inner
    .posts
    .post
    .inner
    .info {
    max-width: 100%;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /*--- IE10用 ---*/
    -webkit-flex-wrap: wrap;
    /*--- safari（PC）用 ---*/
  }
}
body.home
  .contents-wrap
  .main
  .section-content.news
  > .inner
  .posts
  .post
  .inner
  .info
  .category {
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #25393b;
  font-size: 1rem;
  margin-right: 20px;
}
body.home
  .contents-wrap
  .main
  .section-content.news
  > .inner
  .posts
  .post
  .inner
  .info
  .date {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.news
    > .inner
    .posts
    .post
    .inner
    .info
    .date {
    margin-top: 0px;
  }
}
body.home
  .contents-wrap
  .main
  .section-content.news
  > .inner
  .posts
  .post
  .inner
  .info
  .title {
  line-height: 2.5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.news
    > .inner
    .posts
    .post
    .inner
    .info
    .title {
    margin-top: 10px;
  }
}
body.home .contents-wrap .main .section-content.news > .inner .button {
  width: 100%;
  display: block;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #25393b;
  margin: 0 auto;
  font-size: 1.5rem;
  border: 1px solid #25393b;
  max-width: 270px;
  line-height: 70px;
  position: relative;
  margin-top: 30px;
}
body.home .contents-wrap .main .section-content.news > .inner .button.adjusted {
  min-height: 70px;
  line-height: 2rem;
  padding-top: 14px;
}
body.home .contents-wrap .main .section-content.news > .inner .button:after {
  line-height: 14px;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  right: 20px;
  top: calc(50% - 7px);
}
@media screen and (min-width: 768px) {
  body.home .contents-wrap .main .section-content.news > .inner .button {
    margin-top: 65px;
  }
}
body.home .contents-wrap .main .section-content.copy.primary {
  padding-top: 70px;
}
@media screen and (min-width: 768px) {
  body.home .contents-wrap .main .section-content.copy.primary {
    padding-top: 200px;
  }
}
body.home .contents-wrap .main .section-content.copy.primary > .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.home .contents-wrap .main .section-content.copy.primary > .inner .img {
  width: 100%;
  max-width: 50px;
  margin: 0 auto;
}
body.home .contents-wrap .main .section-content.copy.primary > .inner .img img {
  display: block;
  width: 100%;
  height: auto;
}
body.home .contents-wrap .main .section-content.copy.primary > .inner .text {
  margin-top: 140px;
  text-align: center;
  font-size: 2.3rem;
  padding-top: 50px;
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  body.home .contents-wrap .main .section-content.copy.primary > .inner .text {
    margin-top: 200px;
  }
}
body.home .contents-wrap .main .section-content.copy.secondary {
  padding-bottom: 120px;
}
body.home .contents-wrap .main .section-content.copy.secondary > .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.home
  .contents-wrap
  .main
  .section-content.copy.secondary
  > .inner
  .row
  .col.img
  .inner
  .img {
  margin-left: -20px;
  margin-right: -20px;
}
body.home
  .contents-wrap
  .main
  .section-content.copy.secondary
  > .inner
  .row
  .col.img
  .inner
  .img
  img {
  display: block;
  width: 100%;
  height: auto;
}
body.home
  .contents-wrap
  .main
  .section-content.copy.secondary
  > .inner
  .row
  .col.text
  .inner
  .img {
  width: 100%;
  max-width: 137px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}
body.home
  .contents-wrap
  .main
  .section-content.copy.secondary
  > .inner
  .row
  .col.text
  .inner
  .img.en {
  max-width: 210px;
}
body.home
  .contents-wrap
  .main
  .section-content.copy.secondary
  > .inner
  .row
  .col.text
  .inner
  .img.es {
  max-width: 270px;
}
@media screen and (min-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.copy.secondary
    > .inner
    .row
    .col.text
    .inner
    .img {
    margin-top: 20px;
  }
}
body.home
  .contents-wrap
  .main
  .section-content.copy.secondary
  > .inner
  .row
  .col.text
  .inner
  .text {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.copy.secondary
    > .inner
    .row
    .col.text
    .inner
    .text {
    width: 100%;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
  }
}
body.home
  .contents-wrap
  .main
  .section-content.copy.secondary
  > .inner
  .button {
  width: 100%;
  display: block;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #25393b;
  margin: 0 auto;
  font-size: 1.5rem;
  border: 1px solid #25393b;
  max-width: 270px;
  line-height: 70px;
  position: relative;
  margin-top: 140px;
}
body.home
  .contents-wrap
  .main
  .section-content.copy.secondary
  > .inner
  .button.adjusted {
  min-height: 70px;
  line-height: 2rem;
  padding-top: 14px;
}
body.home
  .contents-wrap
  .main
  .section-content.copy.secondary
  > .inner
  .button:after {
  line-height: 14px;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  right: 20px;
  top: calc(50% - 7px);
}
@media screen and (min-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.copy.secondary
    > .inner
    .button {
    margin-top: 200px;
  }
}
body.home .contents-wrap .main .section-content.muhonkan {
  padding-top: 50px;
  padding-bottom: 90px;
}
@media screen and (min-width: 768px) {
  body.home .contents-wrap .main .section-content.muhonkan {
    padding-top: 150px;
  }
}
body.home .contents-wrap .main .section-content.muhonkan > .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.home .contents-wrap .main .section-content.muhonkan > .inner .head {
  font-size: 2.3rem;
  text-align: center;
}
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.img {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.muhonkan
    > .inner
    .row
    .col.img {
    margin-top: 140px;
  }
}
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.img
  .inner {
  padding: 0;
  margin-left: -20px;
}
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.img
  .inner
  img {
  display: block;
  width: 100%;
  height: auto;
}
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.text {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.muhonkan
    > .inner
    .row
    .col.text {
    margin-top: 220px;
  }
}
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.text
  .inner
  .img {
  width: 100%;
  max-width: 140px;
  margin: 0 auto;
}
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.text
  .inner
  .img.en,
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.text
  .inner
  .img.es {
  max-width: 250px;
}
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.text
  .inner
  .img.ch {
  max-width: 120px;
}
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.text
  .inner
  .img
  img {
  display: block;
  width: 100%;
  height: auto;
}
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.text
  .inner
  .text {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.muhonkan
    > .inner
    .row
    .col.text
    .inner
    .text {
    width: 100%;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
  }
}
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.text
  .inner
  .button {
  width: 100%;
  display: block;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #25393b;
  margin: 0 auto;
  font-size: 1.5rem;
  border: 1px solid #25393b;
  max-width: 270px;
  line-height: 70px;
  position: relative;
  margin-top: 117px;
}
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.text
  .inner
  .button.adjusted {
  min-height: 70px;
  line-height: 2rem;
  padding-top: 14px;
}
body.home
  .contents-wrap
  .main
  .section-content.muhonkan
  > .inner
  .row
  .col.text
  .inner
  .button:after {
  line-height: 14px;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  right: 20px;
  top: calc(50% - 7px);
}
@media screen and (min-width: 768px) {
  body.home
    .contents-wrap
    .main
    .section-content.muhonkan
    > .inner
    .row
    .col.text
    .inner
    .button {
    margin-top: 85px;
  }
}
.banner-1 {
  max-width: 1024px;
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .banner-1 {
    display: none;
  }
}

.banner-1-sp {
  max-width: 315px;
  display: block;
  margin: 0 auto;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .banner-1-sp {
    display: none;
  }
}

.banner-area3 {
  max-width: 36px;
  position: fixed;
  top: 80px;
  right: 16px;
}
.banner-area3 img {
  width: 100%;
}

.banner-area3-sp {
  max-width: 135px;
  right: 200px !important;
}

body.concept .contents-wrap .main .section-content.page-head {
  padding-bottom: 70px;
}
@media screen and (min-width: 768px) {
  body.concept .contents-wrap .main .section-content.page-head {
    padding-bottom: 155px;
  }
}
body.concept .contents-wrap .main .section-content.page-head .page-head {
  background-image: url(assets/img/page-head-contept.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 120px;
}
@media screen and (min-width: 768px) {
  body.concept .contents-wrap .main .section-content.page-head .page-head {
    padding-top: 200px;
  }
}
body.concept .contents-wrap .main .section-content.page-head .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.concept .contents-wrap .main .section-content.page-head .inner .head {
  margin: 0 auto;
  max-width: 40px;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  body.concept .contents-wrap .main .section-content.page-head .inner .head {
    max-width: 60px;
    margin-top: 86px;
  }
}
body.concept .contents-wrap .main .section-content.page-head .inner .head img {
  display: block;
  width: 100%;
  height: auto;
}
body.concept .contents-wrap .main .section-content.concept01 {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  background-image: url(assets/img/bg-concept01-sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 115px;
}
@media screen and (min-width: 768px) {
  body.concept .contents-wrap .main .section-content.concept01 {
    background-image: url(assets/img/bg-concept01.jpg);
    padding-top: 280px;
  }
}
body.concept .contents-wrap .main .section-content.concept01 .head {
  margin: 0 auto;
  max-width: 58px;
}
body.concept .contents-wrap .main .section-content.concept01 .head.en,
body.concept .contents-wrap .main .section-content.concept01 .head.es {
  max-width: 124px;
}
body.concept .contents-wrap .main .section-content.concept01 .head img {
  display: block;
  width: 100%;
  height: auto;
}
body.concept .contents-wrap .main .section-content.concept01 .text {
  color: #fff;
  text-align: center;
  font-size: 2.3rem;
  margin-top: 140px;
  padding-bottom: 70px;
}
@media screen and (min-width: 768px) {
  body.concept .contents-wrap .main .section-content.concept01 .text {
    padding-bottom: 280px;
  }
}
body.concept .contents-wrap .main .section-content.img img {
  display: block;
  width: 100%;
  height: auto;
}
body.concept .contents-wrap .main .section-content.concept02 {
  background-image: url(assets/img/bg-concept02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-bottom: 150px;
}
body.concept .contents-wrap .main .section-content.concept02 > .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.concept
  .contents-wrap
  .main
  .section-content.concept02
  > .inner
  .row
  .col.img
  .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 140px;
  margin-top: 220px;
}
body.concept
  .contents-wrap
  .main
  .section-content.concept02
  > .inner
  .row
  .col.text
  .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  margin-top: 160px;
  max-width: 250px;
}
@media screen and (min-width: 768px) {
  body.concept
    .contents-wrap
    .main
    .section-content.concept02
    > .inner
    .row
    .col.text
    .inner {
    margin-top: 300px;
    max-width: 320px;
  }
}
body.concept .contents-wrap .main .section-content.concept03 {
  background-image: url(assets/img/bg-concept03.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-bottom: 150px;
}
body.concept .contents-wrap .main .section-content.concept03 > .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  body.concept .contents-wrap .main .section-content.concept03 > .inner .row {
    flex-direction: row-reverse;
  }
}
body.concept
  .contents-wrap
  .main
  .section-content.concept03
  > .inner
  .row
  .col.img
  .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 115px;
  margin-top: 80px;
}
body.concept
  .contents-wrap
  .main
  .section-content.concept03
  > .inner
  .row
  .col.text
  .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  margin: 0 auto;
  margin-top: 80px;
  max-width: 250px;
}
@media screen and (min-width: 768px) {
  body.concept
    .contents-wrap
    .main
    .section-content.concept03
    > .inner
    .row
    .col.text
    .inner {
    margin-top: 240px;
    max-width: 320px;
  }
}
body.concept .contents-wrap .main .section-content.kotuzumi {
  padding-bottom: 110px;
}
body.concept .contents-wrap .main .section-content.kotuzumi .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.concept .contents-wrap .main .section-content.kotuzumi .inner > .img {
  margin-left: -20px;
  margin-right: -20px;
}
body.concept .contents-wrap .main .section-content.kotuzumi .inner > .img img {
  display: block;
  width: 100%;
  height: auto;
}
body.concept
  .contents-wrap
  .main
  .section-content.kotuzumi
  .inner
  .row
  .col.img
  .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 260px;
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  body.concept
    .contents-wrap
    .main
    .section-content.kotuzumi
    .inner
    .row
    .col.img
    .inner {
    margin-top: 130px;
  }
}
body.concept
  .contents-wrap
  .main
  .section-content.kotuzumi
  .inner
  .row
  .col.text
  .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 50px;
  max-width: 250px;
}
@media screen and (min-width: 768px) {
  body.concept
    .contents-wrap
    .main
    .section-content.kotuzumi
    .inner
    .row
    .col.text
    .inner {
    max-width: 320px;
    margin-top: 180px;
  }
}
body.concept
  .contents-wrap
  .main
  .section-content.kotuzumi
  .inner
  .row
  .col.text
  .inner
  .head {
  text-align: center;
  font-size: 2.3rem;
}
body.concept
  .contents-wrap
  .main
  .section-content.kotuzumi
  .inner
  .row
  .col.text
  .inner
  .text {
  margin-top: 30px;
}

body.muhonkan .contents-wrap .main .section-content.page-head {
  padding-bottom: 70px;
}
@media screen and (min-width: 768px) {
  body.muhonkan .contents-wrap .main .section-content.page-head {
    padding-bottom: 155px;
  }
}
body.muhonkan .contents-wrap .main .section-content.page-head .page-head {
  background-image: url(assets/img/page-head-muhonkan.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 335px;
}
@media screen and (min-width: 768px) {
  body.muhonkan .contents-wrap .main .section-content.page-head .page-head {
    padding-top: 700px;
  }
}
body.muhonkan .contents-wrap .main .section-content.page-head .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 900px;
}
body.muhonkan .contents-wrap .main .section-content.page-head .inner .head {
  margin: 0 auto;
  margin-top: 50px;
  font-size: 2.3rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  body.muhonkan .contents-wrap .main .section-content.page-head .inner .head {
    margin-top: 70px;
    font-size: 3rem;
  }
}
body.muhonkan
  .contents-wrap
  .main
  .section-content.page-head
  .inner
  .row
  .col
  .sub-head {
  font-size: 3rem;
  line-height: 5.5rem;
  text-align: center;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  body.muhonkan
    .contents-wrap
    .main
    .section-content.page-head
    .inner
    .row
    .col
    .sub-head {
    text-align: left;
    margin-top: 130px;
  }
}
body.muhonkan
  .contents-wrap
  .main
  .section-content.page-head
  .inner
  .row
  .col
  .text {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  body.muhonkan
    .contents-wrap
    .main
    .section-content.page-head
    .inner
    .row
    .col
    .text {
    max-width: 340px;
  }
}
body.muhonkan
  .contents-wrap
  .main
  .section-content.page-head
  .inner
  .row
  .col
  .img {
  margin-top: 70px;
}
@media screen and (min-width: 768px) {
  body.muhonkan
    .contents-wrap
    .main
    .section-content.page-head
    .inner
    .row
    .col
    .img {
    margin-top: 90px;
  }
}
body.muhonkan
  .contents-wrap
  .main
  .section-content.page-head
  .inner
  .row
  .col
  .img
  img {
  display: block;
  width: 100%;
  height: auto;
}

body.muhonkan .contents-wrap .main .section-content.video {
  padding-top: 70px;
  padding-bottom: 100px;
}
body.muhonkan .contents-wrap .main .section-content.video .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1060px;
}
body.muhonkan .contents-wrap .main .section-content.video .inner .head {
  font-size: 3rem;
  text-align: center;
}
body.muhonkan .contents-wrap .main .section-content.video .inner .text {
  margin-top: 20px;
  max-width: 580px;
  margin: 0 auto;
  margin-top: 40px;
}
body.muhonkan .contents-wrap .main .section-content.video .inner .iframe-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 38%;
  margin-top: 40px;
  max-width: 580px;
  margin: 0 auto;
  margin-top: 40px;
}
body.muhonkan
  .contents-wrap
  .main
  .section-content.video
  .inner
  .iframe-wrap
  iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.muhonkan .contents-wrap .main .section-content.video .inner .row .col {
  margin-top: 100px;
}
body.muhonkan .contents-wrap .main .section-content.video .inner .row .col a {
  display: block;
  color: #25393b;
  text-decoration: none;
}
body.muhonkan
  .contents-wrap
  .main
  .section-content.video
  .inner
  .row
  .col
  a
  img {
  display: block;
  width: 100%;
  height: auto;
}
body.muhonkan
  .contents-wrap
  .main
  .section-content.video
  .inner
  .row
  .col
  a
  span {
  display: block;
  font-size: 2rem;
  margin-top: 10px;
}

body.muhonkan .contents-wrap .main .section-content.copy {
  padding-top: 337px;
  padding-bottom: 300px;
  background-image: url(assets/img/bg-muhonkan01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
body.muhonkan .contents-wrap .main .section-content.copy .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.muhonkan .contents-wrap .main .section-content.copy .inner .text {
  font-size: 2rem;
  line-height: 6.4rem;
}
@media screen and (min-width: 768px) {
  body.muhonkan .contents-wrap .main .section-content.copy .inner .text {
    max-width: 300px;
    margin: 0 auto;
  }
  body.muhonkan .contents-wrap .main .section-content.copy .inner .text.en {
    max-width: 368px;
    text-align: center;
  }
  body.muhonkan .contents-wrap .main .section-content.copy .inner .text.es {
    max-width: 400px;
    text-align: center;
  }
  body.muhonkan .contents-wrap .main .section-content.copy .inner .text.ch,
  body.muhonkan .contents-wrap .main .section-content.copy .inner .text.tw {
    max-width: 500px;
    text-align: center;
  }
}
body.muhonkan .contents-wrap .main .section-content.history {
  padding-bottom: 200px;
}
body.muhonkan .contents-wrap .main .section-content.history > .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.muhonkan .contents-wrap .main .section-content.history > .inner > .head {
  margin-right: -20px;
  margin-left: -20px;
  font-size: 4rem;
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center;
}
body.muhonkan .contents-wrap .main .section-content.history > .inner .row {
  max-width: 980px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  body.muhonkan .contents-wrap .main .section-content.history > .inner .row {
    /* Safari */
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  body.muhonkan
    .contents-wrap
    .main
    .section-content.history
    > .inner
    .row.secondary {
    flex-direction: row-reverse;
  }
}
body.muhonkan .contents-wrap .main .section-content.history > .inner .row .col {
  margin-top: 50px;
  max-width: 450px;
}
@media screen and (min-width: 768px) {
  body.muhonkan
    .contents-wrap
    .main
    .section-content.history
    > .inner
    .row
    .col {
    margin-top: 150px;
  }
}
body.muhonkan
  .contents-wrap
  .main
  .section-content.history
  > .inner
  .row
  .col
  .inner
  .head {
  font-size: 3rem;
  line-height: 5.5rem;
}
body.muhonkan
  .contents-wrap
  .main
  .section-content.history
  > .inner
  .row
  .col
  .inner
  > .text {
  margin-top: 80px;
}
body.muhonkan
  .contents-wrap
  .main
  .section-content.history
  > .inner
  .row
  .col
  .inner
  .img
  img {
  display: block;
  width: 100%;
  height: auto;
}
body.muhonkan .contents-wrap .main .section-content.design {
  padding-top: 300px;
  padding-bottom: 150px;
  background-image: url(assets/img/bg-muhonkan02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
body.muhonkan .contents-wrap .main .section-content.design .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 920px;
}
body.muhonkan .contents-wrap .main .section-content.design .inner .head {
  font-size: 3rem;
  line-height: 5.5rem;
  color: #fff;
}
@media screen and (min-width: 768px) {
  body.muhonkan .contents-wrap .main .section-content.design .inner .head {
    text-align: center;
  }
}
body.muhonkan .contents-wrap .main .section-content.design .inner .text {
  color: #fff;
}
@media screen and (min-width: 768px) {
  body.muhonkan .contents-wrap .main .section-content.design .inner .text {
    margin: 0 auto;
    margin-top: 60px;
    max-width: 700px;
  }
}
body.muhonkan .contents-wrap .main .section-content.design .inner .row {
  margin-top: 80px;
}
body.muhonkan .contents-wrap .main .section-content.design .inner .row .col {
  margin-top: 20px;
}
body.muhonkan
  .contents-wrap
  .main
  .section-content.design
  .inner
  .row
  .col
  img {
  display: block;
  width: 100%;
  height: auto;
}
body.muhonkan .contents-wrap .main .section-content.government {
  padding-top: 300px;
  padding-bottom: 70px;
  background-image: url(assets/img/bg-muhonkan03.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
body.muhonkan .contents-wrap .main .section-content.government .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.muhonkan .contents-wrap .main .section-content.government .inner .text {
  font-size: 1.8rem;
  line-height: 5rem;
  text-align: center;
}
body.muhonkan .contents-wrap .main .section-content.government .inner .text.en,
body.muhonkan .contents-wrap .main .section-content.government .inner .text.es {
  max-width: 430px;
  margin: 0 auto;
}
body.muhonkan .contents-wrap .main .section-content.government .inner .caption {
  text-align: center;
  margin-top: 140px;
}
body.muhonkan .contents-wrap .main .section-content.government .inner .mark {
  width: 100%;
  max-width: 100px;
  margin: 0 auto;
  margin-top: 30px;
}

body.shop .contents-wrap .main .section-content.page-head .page-head {
  background-image: url(assets/img/page-head-contept.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 120px;
}
@media screen and (min-width: 768px) {
  body.shop .contents-wrap .main .section-content.page-head .page-head {
    padding-top: 200px;
  }
}
body.shop .contents-wrap .main .section-content.page-head .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.shop .contents-wrap .main .section-content.page-head .inner .head {
  font-size: 3rem;
  line-height: 5.5rem;
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  body.shop .contents-wrap .main .section-content.page-head .inner .head {
    margin-top: 90px;
  }
}
body.shop .contents-wrap .main .section-content.page-head .inner .sub-head {
  margin-top: 20px;
  text-align: center;
}
body.shop .contents-wrap .main .section-content.shop {
  padding-bottom: 150px;
}
body.shop .contents-wrap .main .section-content.shop .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  body.shop .contents-wrap .main .section-content.shop .inner .row {
    /* Safari */
    justify-content: space-between;
    max-width: 845px;
    margin: 0 auto;
  }
}
body.shop .contents-wrap .main .section-content.shop .inner .row .col {
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  body.shop .contents-wrap .main .section-content.shop .inner .row .col {
    max-width: 400px;
  }
}
body.shop .contents-wrap .main .section-content.shop .inner .row .col a {
  display: block;
  text-decoration: none;
  color: #25393b;
}
body.shop .contents-wrap .main .section-content.shop .inner .row .col a img {
  display: block;
  width: 100%;
  height: auto;
}
body.shop .contents-wrap .main .section-content.shop .inner .row .col a .head {
  font-size: 3rem;
  line-height: 3.2rem;
  margin-top: 20px;
}
body.shop .contents-wrap .main .section-content.shop .inner .row .col a .text {
  margin-top: 10px;
}
body.shop .contents-wrap .main .section-content.cta {
  background-image: url(assets/img/bg01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body.blog .contents-wrap .main .section-content.page-head .page-head,
body.archive .contents-wrap .main .section-content.page-head .page-head,
body.single .contents-wrap .main .section-content.page-head .page-head {
  background-image: url(assets/img/page-head-blog.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 120px;
}
@media screen and (min-width: 768px) {
  body.blog .contents-wrap .main .section-content.page-head .page-head,
  body.archive .contents-wrap .main .section-content.page-head .page-head,
  body.single .contents-wrap .main .section-content.page-head .page-head {
    padding-top: 200px;
  }
}
body.blog .contents-wrap .main .section-content.page-head .inner,
body.archive .contents-wrap .main .section-content.page-head .inner,
body.single .contents-wrap .main .section-content.page-head .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.blog .contents-wrap .main .section-content.page-head .inner .head,
body.archive .contents-wrap .main .section-content.page-head .inner .head,
body.single .contents-wrap .main .section-content.page-head .inner .head {
  font-size: 3rem;
  line-height: 5.5rem;
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  body.blog .contents-wrap .main .section-content.page-head .inner .head,
  body.archive .contents-wrap .main .section-content.page-head .inner .head,
  body.single .contents-wrap .main .section-content.page-head .inner .head {
    margin-top: 90px;
  }
}
body.blog .contents-wrap .main .section-content.page-head .inner .sub-head,
body.archive .contents-wrap .main .section-content.page-head .inner .sub-head,
body.single .contents-wrap .main .section-content.page-head .inner .sub-head {
  margin-top: 20px;
  text-align: center;
}
body.blog .contents-wrap .main .section-content.posts,
body.archive .contents-wrap .main .section-content.posts,
body.single .contents-wrap .main .section-content.posts {
  padding-bottom: 150px;
}
body.blog .contents-wrap .main .section-content.posts > .inner,
body.archive .contents-wrap .main .section-content.posts > .inner,
body.single .contents-wrap .main .section-content.posts > .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.blog .contents-wrap .main .section-content.posts > .inner .category-navi,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi {
  display: block;
  margin: 0 auto;
  margin-top: 90px;
  width: 100%;
  max-width: 900px;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi
  .links,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi
  .links,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi
  .links {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;
  /*--- safari（PC）用 ---*/
  list-style-type: none;
}
@media screen and (min-width: 768px) {
  body.blog
    .contents-wrap
    .main
    .section-content.posts
    > .inner
    .category-navi
    .links,
  body.archive
    .contents-wrap
    .main
    .section-content.posts
    > .inner
    .category-navi
    .links,
  body.single
    .contents-wrap
    .main
    .section-content.posts
    > .inner
    .category-navi
    .links {
    flex-wrap: nowrap;
    /* Safari */
    justify-content: space-between;
  }
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi
  .links
  .cat-item,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi
  .links
  .cat-item,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi
  .links
  .cat-item {
  width: 50%;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi
  .links
  .cat-item.current-cat
  a,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi
  .links
  .cat-item.current-cat
  a,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi
  .links
  .cat-item.current-cat
  a {
  background-color: #25393b;
  color: #fff;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi
  .links
  .cat-item
  a,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi
  .links
  .cat-item
  a,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .category-navi
  .links
  .cat-item
  a {
  display: block;
  width: 100%;
  text-decoration: none;
  padding: 10px 0;
  text-align: center;
  color: #25393b;
}
body.blog .contents-wrap .main .section-content.posts > .inner .posts,
body.archive .contents-wrap .main .section-content.posts > .inner .posts,
body.single .contents-wrap .main .section-content.posts > .inner .posts {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 30px;
}
body.blog .contents-wrap .main .section-content.posts > .inner .posts .inner,
body.archive .contents-wrap .main .section-content.posts > .inner .posts .inner,
body.single .contents-wrap .main .section-content.posts > .inner .posts .inner {
  display: block;
  text-decoration: none;
  color: #25393b;
  margin-top: 60px;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .img-wrap,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .img-wrap,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .img-wrap {
  width: 100%;
  max-width: 100%;
  background-color: #ccc;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .img-wrap
  .img,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .img-wrap
  .img,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .img-wrap
  .img {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 57.9487179487%;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .img-wrap
  .img.no-img,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .img-wrap
  .img.no-img,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .img-wrap
  .img.no-img {
  background-image: url(assets/img/logo.svg);
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .info,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .info,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .info {
  width: 100%;
  max-width: 100%;
  margin-top: 10px;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .info
  .category,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .info
  .category,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .info
  .category {
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #25393b;
  font-size: 1.2rem;
  margin-right: 20px;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .info
  .title,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .info
  .title,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .info
  .title {
  font-size: 1.6rem;
  line-height: 2.5rem;
  width: 100%;
  margin-top: 10px;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .info
  .date,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .info
  .date,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .posts
  .inner
  .info
  .date {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 10px;
}
body.blog .contents-wrap .main .section-content.posts > .inner .wp-pagenavi,
body.archive .contents-wrap .main .section-content.posts > .inner .wp-pagenavi,
body.single .contents-wrap .main .section-content.posts > .inner .wp-pagenavi {
  width: 100%;
  margin: 0 auto;
  margin-top: 120px;
  line-height: 45px;
  text-align: center;
}
body.blog .contents-wrap .main .section-content.posts > .inner .wp-pagenavi a,
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  span,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  a,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  span,
body.single .contents-wrap .main .section-content.posts > .inner .wp-pagenavi a,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  span {
  display: inline-block;
  margin: 0 5px;
  color: #666;
  min-width: 53px;
  height: 53px;
  text-align: center;
  border: initial;
}
body.blog .contents-wrap .main .section-content.posts > .inner .wp-pagenavi a,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  a,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  a {
  position: relative;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  a.page,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  a.page,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  a.page {
  background-color: #fff;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  a.previouspostslink,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  a.previouspostslink,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  a.previouspostslink {
  border: none;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  a.nextpostslink,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  a.nextpostslink,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  a.nextpostslink {
  border: none;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  span.current,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  span.current,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  span.current {
  border: 1px solid #25393b;
  background-color: #25393b;
  color: #fff;
}
body.blog
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  span.pages,
body.archive
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  span.pages,
body.single
  .contents-wrap
  .main
  .section-content.posts
  > .inner
  .wp-pagenavi
  span.pages {
  width: 150px;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1.4rem;
  font-size: 1.4rem;
}
body.blog .contents-wrap .main .section-content.cta,
body.archive .contents-wrap .main .section-content.cta,
body.single .contents-wrap .main .section-content.cta {
  background-image: url(assets/img/bg01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body.single .contents-wrap .main .section-content.page-head .page-head {
  background-image: url(assets/img/page-head-blog.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 120px;
}
body.single .contents-wrap .main .section-content.page-head .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.single .contents-wrap .main .section-content.page-head .inner .head {
  font-size: 3rem;
  line-height: 5.5rem;
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  body.single .contents-wrap .main .section-content.page-head .inner .head {
    margin-top: 90px;
  }
}
body.single .contents-wrap .main .section-content.page-head .inner .sub-head {
  margin-top: 20px;
  text-align: center;
}
body.single .contents-wrap .main .section-content.post {
  padding-bottom: 180px;
}
body.single .contents-wrap .main .section-content.post .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 800px;
}
body.single .contents-wrap .main .section-content.post .inner .title {
  font-size: 3rem;
  font-weight: bold;
  line-height: 5rem;
  margin-top: 90px;
}
body.single .contents-wrap .main .section-content.post .inner .category {
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #25393b;
  font-size: 1.2rem;
  margin-top: 90px;
}
body.single .contents-wrap .main .section-content.post .inner .date {
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 10px;
}
body.single .contents-wrap .main .section-content.post .inner .img-wrap {
  width: 100%;
  max-width: 100%;
}
body.single .contents-wrap .main .section-content.post .inner .img-wrap .img {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 57.9487179487%;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .img-wrap
  .img.no-img {
  background-image: url(assets/img/logo.svg);
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  h2 {
  font-size: 2.5rem;
  line-height: 4rem;
  margin-bottom: 70px;
  clear: both;
  padding-bottom: 20px;
  border-bottom: 1px solid #25393b;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  h3 {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  line-height: 3.5rem;
  padding: 10px;
  background-color: #25393b;
  margin-bottom: 60px;
  clear: both;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  h4 {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 3.2;
  padding: 4px 0;
  margin-bottom: 60px;
  clear: both;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  h5 {
  font-size: 1.8rem;
  line-height: 1.3;
  margin-bottom: 60px;
  padding: 4px;
  background-color: #25393b;
  color: #fff;
  clear: both;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  h6 {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 60px;
  clear: both;
}
body.single .contents-wrap .main .section-content.post .inner .entry-content p {
  font-size: 1.4rem;
  line-height: 3.2rem;
  margin-bottom: 60px;
}
body.single .contents-wrap .main .section-content.post .inner .entry-content a {
  color: #25393b;
  font-size: 1.7rem;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  ul {
  list-style-type: none;
  margin-bottom: 60px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  ul
  li {
  font-size: 16px;
  padding-left: 20px;
  line-height: 2.4rem;
  position: relative;
  margin-bottom: 15px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  ul
  li:before {
  position: absolute;
  top: 8px;
  left: 0px;
  display: block;
  content: "";
  width: 2px;
  height: 2px;
  background-color: #25393b;
  border-radius: 50%;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  ul
  li
  ul {
  margin-bottom: 0;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  ol {
  margin-bottom: 20px;
  padding-left: 15px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  ol
  li {
  font-size: 16px;
  line-height: 2.4rem;
  position: relative;
  margin-bottom: 15px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  ol
  li
  ol {
  padding-left: 15px;
  margin-bottom: 0;
  margin-top: 20px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  img.aligncenter {
  margin: 0 auto 40px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  img.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 40px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  img.alignright {
  float: right;
  margin-left: 20px;
  margin-bottom: 40px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  table {
  width: 100%;
  margin-bottom: 70px;
  border-top: 1px solid #25393b;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  table
  thead
  tr {
  display: flex;
  display: -ms-flexbox;
  /* Safari */
  justify-content: space-between;
  align-content: stretch;
  height: auto !important;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  table
  thead
  tr
  th {
  border-bottom: 1px solid #25393b;
  width: 100%;
  padding: 15px 0;
  color: #fff;
  font-weight: bold;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 2rem;
  font-weight: normal;
  border-right: 1px solid #fff;
  height: auto !important;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  table
  thead
  tr
  th:last-child {
  border-left: none;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  table
  tbody
  tr {
  display: flex;
  display: -ms-flexbox;
  height: auto !important;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  table
  tbody
  tr
  th {
  width: 100%;
  display: block;
  padding: 15px;
  border-bottom: 1px solid #25393b;
  background-color: rgba(37, 57, 59, 0.2);
  font-weight: bold;
  text-align: left;
  line-height: 2rem;
  height: auto !important;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  table
  tbody
  tr
  td {
  width: 100%;
  display: block;
  padding: 15px;
  border-bottom: 1px solid #25393b;
  background-color: #fff;
  line-height: 3rem;
  height: auto !important;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  dl {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;
  /*--- safari（PC）用 ---*/
  margin-bottom: 20px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  dl
  dt {
  width: 20%;
  line-height: 3rem;
  margin-bottom: 20px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  dl
  dd {
  width: 80%;
  line-height: 3rem;
  margin-bottom: 20px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  blockquote {
  font-size: 1.4rem;
  line-height: 3.2rem;
  padding: 20px;
  margin-bottom: 60px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  code {
  display: block;
  padding: 8px;
  border-radius: 2px;
  border: solid #ccc 1px;
  background-color: #eee;
  margin-bottom: 40px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  .gallery {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;
  /*--- safari（PC）用 ---*/
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  .gallery
  dl
  dt {
  width: 100%;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  .gallery
  dl
  dt
  a {
  display: block;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  .gallery
  dl
  dt
  a
  img {
  display: block;
  margin: auto;
  max-width: 100%;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  .gallery.gallery-columns-4
  .gallery-item {
  width: 25%;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  .gallery.gallery-columns-3
  .gallery-item {
  width: 33.3333333333%;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  .gallery.gallery-columns-2
  .gallery-item {
  width: 50%;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .entry-content
  .gallery.gallery-columns-1
  .gallery-item {
  width: 100%;
}
body.single .contents-wrap .main .section-content.post .inner .pager {
  margin-top: 60px;
}
body.single .contents-wrap .main .section-content.post .inner .pager .links {
  display: flex;
  display: -ms-flexbox;
  /* Safari */
  justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;
  /*--- safari（PC）用 ---*/
  width: 100%;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .pager
  .links
  .link {
  width: 50%;
  max-width: 200px;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .pager
  .links
  .link::before {
  display: block;
  font-size: 2.5rem;
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .pager
  .links
  .link.primary::before {
  content: "← NEXT";
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .pager
  .links
  .link.secondary::before {
  content: "PREV →";
}
body.single
  .contents-wrap
  .main
  .section-content.post
  .inner
  .pager
  .links
  .link
  a {
  color: #25393b;
}
body.single .contents-wrap .main .section-content.cta {
  background-image: url(assets/img/bg01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body.access .contents-wrap .main .section-content.page-head .page-head {
  background-image: url(assets/img/page-head-access.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 120px;
}
body.access .contents-wrap .main .section-content.page-head .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.access .contents-wrap .main .section-content.page-head .inner .head {
  font-size: 3rem;
  line-height: 5.5rem;
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  body.access .contents-wrap .main .section-content.page-head .inner .head {
    margin-top: 90px;
  }
}
body.access .contents-wrap .main .section-content.page-head .inner .sub-head {
  margin-top: 20px;
  text-align: center;
}
body.access .contents-wrap .main .section-content.map {
  padding-bottom: 100px;
}
body.access .contents-wrap .main .section-content.map .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.access .contents-wrap .main .section-content.map .inner .row {
  margin-top: 20px;
  margin-left: -10px;
  margin-right: -10px;
}
body.access .contents-wrap .main .section-content.map .inner .row .col {
  margin-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
body.access .contents-wrap .main .section-content.map .inner .row .col table {
  width: 100%;
}
body.access
  .contents-wrap
  .main
  .section-content.map
  .inner
  .row
  .col
  table
  tr {
  border-top: 1px solid #25393b;
  border-bottom: 1px solid #25393b;
}
body.access
  .contents-wrap
  .main
  .section-content.map
  .inner
  .row
  .col
  table
  tr
  th {
  padding: 20px 10px;
  font-weight: normal;
}
body.access
  .contents-wrap
  .main
  .section-content.map
  .inner
  .row
  .col
  table
  tr
  td {
  padding: 20px 10px;
}
body.access .contents-wrap .main .section-content.map .inner .row .col img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 20px;
}
body.access .contents-wrap .main .section-content.map .inner .row .col .text {
  margin-top: 40px;
}
body.access .contents-wrap .main .section-content.access {
  padding-bottom: 200px;
}
body.access .contents-wrap .main .section-content.access .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.access .contents-wrap .main .section-content.access .inner .head {
  font-size: 3rem;
  text-align: center;
  margin-top: 80px;
}
body.access .contents-wrap .main .section-content.access .inner .sub-head {
  font-size: 2rem;
  margin-top: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #25393b;
}
body.access .contents-wrap .main .section-content.access .inner .row .col {
  margin-top: 20px;
}
body.access .contents-wrap .main .section-content.access .inner .row img {
  display: block;
  width: 100%;
  height: auto;
}
body.access .contents-wrap .main .section-content.cta {
  background-image: url(assets/img/bg01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body.company .contents-wrap .main .section-content.page-head .page-head {
  background-image: url(assets/img/page-head-company.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 170px;
}
@media screen and (min-width: 768px) {
  body.company .contents-wrap .main .section-content.page-head .page-head {
    padding-top: 500px;
  }
}
body.company .contents-wrap .main .section-content.page-head .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.company .contents-wrap .main .section-content.page-head .inner .head {
  font-size: 3rem;
  line-height: 5.5rem;
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  body.company .contents-wrap .main .section-content.page-head .inner .head {
    margin-top: 90px;
  }
}
body.company .contents-wrap .main .section-content.page-head .inner .sub-head {
  margin-top: 20px;
  text-align: center;
}
body.company .contents-wrap .main .section-content > .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 750px;
}
body.company .contents-wrap .main .section-content > .inner .row {
  margin-top: 55px;
}
body.company .contents-wrap .main .section-content > .inner .row .col {
  margin-top: 25px;
}
body.company .contents-wrap .main .section-content > .inner .row .col img {
  display: block;
  width: 100%;
  height: auto;
}
body.company .contents-wrap .main .section-content > .inner table {
  width: 100%;
  margin-top: 25px;
}
body.company .contents-wrap .main .section-content > .inner table tr {
  border-top: 1px solid #25393b;
  border-bottom: 1px solid #25393b;
}
body.company .contents-wrap .main .section-content > .inner table tr th {
  padding: 20px 10px;
  font-weight: normal;
}
body.company .contents-wrap .main .section-content > .inner table tr td {
  padding: 20px 10px;
}
body.company
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  .text-wrap {
  max-height: 460px;
  overflow-y: scroll;
}
body.company .contents-wrap .main .section-content > .inner > .head {
  margin-top: 90px;
  font-size: 3rem;
  text-align: center;
}
body.company .contents-wrap .main .section-content.cta {
  background-image: url(assets/img/bg01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body.privacy-policy .contents-wrap .main .section-content.page-head .page-head {
  background-image: url(assets/img/page-head-privacy-policy.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 120px;
}
@media screen and (min-width: 768px) {
  body.privacy-policy
    .contents-wrap
    .main
    .section-content.page-head
    .page-head {
    padding-top: 200px;
  }
}
body.privacy-policy .contents-wrap .main .section-content.page-head .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
body.privacy-policy
  .contents-wrap
  .main
  .section-content.page-head
  .inner
  .head {
  font-size: 3rem;
  line-height: 5.5rem;
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  body.privacy-policy
    .contents-wrap
    .main
    .section-content.page-head
    .inner
    .head {
    margin-top: 90px;
  }
}
body.privacy-policy
  .contents-wrap
  .main
  .section-content.page-head
  .inner
  .sub-head {
  margin-top: 20px;
  text-align: center;
}
body.privacy-policy .contents-wrap .main .section-content.content {
  margin-top: 80px;
  padding-bottom: 140px;
}
body.privacy-policy .contents-wrap .main .section-content.content .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 750px;
}
body.privacy-policy .contents-wrap .main .section-content.content .inner .head {
  margin-top: 90px;
  font-size: 1.8rem;
}
body.privacy-policy .contents-wrap .main .section-content.content .inner .text {
  margin-top: 20px;
}
body.privacy-policy .contents-wrap .main .section-content.cta {
  background-image: url(assets/img/bg01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body.contact .contents-wrap .main .section-content.page-head .page-head,
body.contact-conf .contents-wrap .main .section-content.page-head .page-head,
body.contact-thx .contents-wrap .main .section-content.page-head .page-head {
  background-image: url(assets/img/page-head-contact.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 170px;
}
@media screen and (min-width: 768px) {
  body.contact .contents-wrap .main .section-content.page-head .page-head,
  body.contact-conf .contents-wrap .main .section-content.page-head .page-head,
  body.contact-thx .contents-wrap .main .section-content.page-head .page-head {
    padding-top: 500px;
  }
}
body.contact .contents-wrap .main .section-content.page-head .inner,
body.contact-conf .contents-wrap .main .section-content.page-head .inner,
body.contact-thx .contents-wrap .main .section-content.page-head .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0;
}
body.contact .contents-wrap .main .section-content.page-head .inner .head,
body.contact-conf .contents-wrap .main .section-content.page-head .inner .head,
body.contact-thx .contents-wrap .main .section-content.page-head .inner .head {
  font-size: 3rem;
  line-height: 5.5rem;
  margin-top: 50px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  body.contact .contents-wrap .main .section-content.page-head .inner .head,
  body.contact-conf
    .contents-wrap
    .main
    .section-content.page-head
    .inner
    .head,
  body.contact-thx
    .contents-wrap
    .main
    .section-content.page-head
    .inner
    .head {
    margin-top: 90px;
  }
}
body.contact .contents-wrap .main .section-content.page-head .inner .sub-head,
body.contact-conf
  .contents-wrap
  .main
  .section-content.page-head
  .inner
  .sub-head,
body.contact-thx
  .contents-wrap
  .main
  .section-content.page-head
  .inner
  .sub-head {
  margin-top: 20px;
  text-align: center;
}
body.contact .contents-wrap .main .section-content > .inner,
body.contact-conf .contents-wrap .main .section-content > .inner,
body.contact-thx .contents-wrap .main .section-content > .inner {
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 750px;
  padding-bottom: 100px;
}
body.contact .contents-wrap .main .section-content > .inner .text,
body.contact-conf .contents-wrap .main .section-content > .inner .text,
body.contact-thx .contents-wrap .main .section-content > .inner .text {
  margin-top: 70px;
  text-align: center;
}
body.contact .contents-wrap .main .section-content > .inner table,
body.contact-conf .contents-wrap .main .section-content > .inner table,
body.contact-thx .contents-wrap .main .section-content > .inner table {
  width: 100%;
  margin-top: 25px;
}
body.contact .contents-wrap .main .section-content > .inner table tr,
body.contact-conf .contents-wrap .main .section-content > .inner table tr,
body.contact-thx .contents-wrap .main .section-content > .inner table tr {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  /*--- IE10用 ---*/
  -webkit-flex-wrap: wrap;
  /*--- safari（PC）用 ---*/
  padding: 10px 0;
}
body.contact .contents-wrap .main .section-content > .inner table tr th,
body.contact-conf .contents-wrap .main .section-content > .inner table tr th,
body.contact-thx .contents-wrap .main .section-content > .inner table tr th {
  width: 100%;
  text-align: left;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  body.contact .contents-wrap .main .section-content > .inner table tr th,
  body.contact-conf .contents-wrap .main .section-content > .inner table tr th,
  body.contact-thx .contents-wrap .main .section-content > .inner table tr th {
    max-width: 240px;
  }
}
body.contact .contents-wrap .main .section-content > .inner table tr th:before,
body.contact-conf
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  th:before,
body.contact-thx
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  th:before {
  background-color: #cccccc;
  content: "任意";
  color: #fff;
  padding: 2px 4px;
  font-size: 1.2rem;
  margin-right: 15px;
}
body.contact
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  th.required:before,
body.contact-conf
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  th.required:before,
body.contact-thx
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  th.required:before {
  background-color: #25393b;
  content: "必須";
}
body.contact
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  th.required-en:before,
body.contact-conf
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  th.required-en:before,
body.contact-thx
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  th.required-en:before {
  background-color: #25393b;
  content: "Required" !important;
}
body.contact .contents-wrap .main .section-content > .inner table tr td,
body.contact-conf .contents-wrap .main .section-content > .inner table tr td,
body.contact-thx .contents-wrap .main .section-content > .inner table tr td {
  width: 100%;
}
@media screen and (min-width: 768px) {
  body.contact .contents-wrap .main .section-content > .inner table tr td,
  body.contact-conf .contents-wrap .main .section-content > .inner table tr td,
  body.contact-thx .contents-wrap .main .section-content > .inner table tr td {
    max-width: calc(100% - 240px);
  }
}
body.contact
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  input[type="text"],
body.contact
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  input[type="email"],
body.contact
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  input[type="url"],
body.contact
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  textarea,
body.contact-conf
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  input[type="text"],
body.contact-conf
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  input[type="email"],
body.contact-conf
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  input[type="url"],
body.contact-conf
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  textarea,
body.contact-thx
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  input[type="text"],
body.contact-thx
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  input[type="email"],
body.contact-thx
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  input[type="url"],
body.contact-thx
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  textarea {
  width: 100%;
  background-color: #fafafa;
  border: none;
  padding: 10px;
}
body.contact
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  .postcode,
body.contact-conf
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  .postcode,
body.contact-thx
  .contents-wrap
  .main
  .section-content
  > .inner
  table
  tr
  td
  .postcode {
  max-width: 150px;
  margin-left: 10px;
  margin-bottom: 10px;
}
body.contact .contents-wrap .main .section-content > .inner .privacy,
body.contact-conf .contents-wrap .main .section-content > .inner .privacy,
body.contact-thx .contents-wrap .main .section-content > .inner .privacy {
  margin-top: 70px;
}
body.contact .contents-wrap .main .section-content > .inner .accept,
body.contact-conf .contents-wrap .main .section-content > .inner .accept,
body.contact-thx .contents-wrap .main .section-content > .inner .accept {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  margin-top: 70px;
}
body.contact .contents-wrap .main .section-content > .inner .accept .head,
body.contact-conf .contents-wrap .main .section-content > .inner .accept .head,
body.contact-thx .contents-wrap .main .section-content > .inner .accept .head {
  padding: 10px;
  border-bottom: 1px solid #25393b;
  text-decoration: none;
  color: #25393b;
}
body.contact .contents-wrap .main .section-content > .inner .submit,
body.contact .contents-wrap .main .section-content > .inner .back,
body.contact .contents-wrap .main .section-content > .inner .btn,
body.contact-conf .contents-wrap .main .section-content > .inner .submit,
body.contact-conf .contents-wrap .main .section-content > .inner .back,
body.contact-conf .contents-wrap .main .section-content > .inner .btn,
body.contact-thx .contents-wrap .main .section-content > .inner .submit,
body.contact-thx .contents-wrap .main .section-content > .inner .back,
body.contact-thx .contents-wrap .main .section-content > .inner .btn {
  width: 100%;
  display: block;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #25393b;
  margin: 0 auto;
  font-size: 1.5rem;
  border: 1px solid #25393b;
  max-width: 270px;
  line-height: 70px;
  position: relative;
  background-color: #fff;
  margin-top: 60px;
}
body.contact .contents-wrap .main .section-content > .inner .submit.adjusted,
body.contact .contents-wrap .main .section-content > .inner .back.adjusted,
body.contact .contents-wrap .main .section-content > .inner .btn.adjusted,
body.contact-conf
  .contents-wrap
  .main
  .section-content
  > .inner
  .submit.adjusted,
body.contact-conf .contents-wrap .main .section-content > .inner .back.adjusted,
body.contact-conf .contents-wrap .main .section-content > .inner .btn.adjusted,
body.contact-thx
  .contents-wrap
  .main
  .section-content
  > .inner
  .submit.adjusted,
body.contact-thx .contents-wrap .main .section-content > .inner .back.adjusted,
body.contact-thx .contents-wrap .main .section-content > .inner .btn.adjusted {
  min-height: 70px;
  line-height: 2rem;
  padding-top: 14px;
}
body.contact .contents-wrap .main .section-content > .inner .submit:after,
body.contact .contents-wrap .main .section-content > .inner .back:after,
body.contact .contents-wrap .main .section-content > .inner .btn:after,
body.contact-conf .contents-wrap .main .section-content > .inner .submit:after,
body.contact-conf .contents-wrap .main .section-content > .inner .back:after,
body.contact-conf .contents-wrap .main .section-content > .inner .btn:after,
body.contact-thx .contents-wrap .main .section-content > .inner .submit:after,
body.contact-thx .contents-wrap .main .section-content > .inner .back:after,
body.contact-thx .contents-wrap .main .section-content > .inner .btn:after {
  line-height: 14px;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  right: 20px;
  top: calc(50% - 7px);
}
body.contact .contents-wrap .main .section-content > .inner .back::after,
body.contact-conf .contents-wrap .main .section-content > .inner .back::after,
body.contact-thx .contents-wrap .main .section-content > .inner .back::after {
  display: none;
}
body.contact .contents-wrap .main .section-content.cta,
body.contact-conf .contents-wrap .main .section-content.cta,
body.contact-thx .contents-wrap .main .section-content.cta {
  background-image: url(assets/img/bg01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body.contact-conf .contents-wrap .main .section-content > .inner .submit {
  background-color: #25393b;
  color: #fff;
}
body.contact-conf .contents-wrap .main .section-content > .inner .back {
  margin-top: 20px;
}

body.contact-thx .contents-wrap .main .section-content > .inner .submit {
  background-color: #25393b;
  color: #fff;
}
body.contact-thx .contents-wrap .main .section-content > .inner .back {
  margin-top: 20px;
}

.l-header {
  width: 100%;
  margin: 0 auto;
  position: fixed;
  top: 0;
  right: 50px;
  max-width: 90px;
  z-index: 1000000;
}
.l-header li {
  list-style: none;
}
.l-header img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.l-header a {
  text-decoration: none;
  color: inherit;
}
@media screen and (max-width: 767px) {
  .l-header {
    right: 0;
    max-width: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .l-header .img-group {
    max-width: 60px;
  }
}
.l-header__inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .pc-none {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  .tab-none {
    display: none !important;
  }
}

.modal {
  visibility: hidden; /* 非表示だがレイアウトには含まれる */
  opacity: 0; /* 完全に透明 */
  position: fixed; /* 画面のどこにいても見えるように固定 */
  z-index: 1; /* コンテンツより前面に */
  left: 0;
  top: 0;
  width: 100%; /* 全幅 */
  height: 100%; /* 全高 */
  overflow: auto; /* 外部コンテンツがスクロールできるように */
  background-color: rgb(0, 0, 0); /* 背景色 */
  background-color: rgba(0, 0, 0, 0.4); /* 透明度 */
  transition: visibility 0s linear 0s, opacity 0s linear;
}

/* モーダル内のコンテンツ */
.modal-content {
  background: rgba(215, 222, 222, 0.88);
  width: 100%; /* 幅 */
  height: 780px;
}
@media screen and (max-width: 1023px) {
  .modal-content {
    height: initial;
    padding-bottom: 32px;
  }
}
.modal-content li {
  list-style: none;
}
.modal-content img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.modal-content a {
  text-decoration: none;
  color: inherit;
}
.modal-content .close {
  max-width: 90px;
  margin-right: 47px;
  display: block;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 1023px) {
  .modal-content .close {
    max-width: 60px;
    margin-right: 0px;
  }
}
.modal-content .rink-group {
  writing-mode: vertical-rl;
  margin: 0 auto;
  max-width: 1257px;
  width: 100%;
  padding-top: 138px;
  padding-left: 117px;
  padding-right: 23px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .modal-content .rink-group {
    padding-right: 120px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1300px) and (max-width: 1150px) {
  .modal-content .rink-group {
    padding-right: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .modal-content .rink-group {
    writing-mode: initial;
    padding: initial;
    padding-top: 70px;
    max-width: 280px;
    padding-left: 58px;
  }
}
.modal-content .rink-group li {
  color: #25393b;
  font-feature-settings: "vert" on;
  font-family: "Shippori Mincho";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 357%;
  letter-spacing: 8.2px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .modal-content .rink-group li {
    line-height: 270%;
  }
}
@media screen and (max-width: 1023px) {
  .modal-content .rink-group li {
    line-height: 200%;
    color: #25393b;
    font-family: "Shippori Mincho";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 280%; /* 44.8px */
    letter-spacing: 0.96px;
    font-feature-settings: initial;
  }
}
.modal-content .rink-group .padding-1 {
  margin-left: 32px;
}
@media screen and (max-width: 1023px) {
  .modal-content .rink-group .padding-1 {
    margin-left: initial;
  }
}
@media screen and (min-width: 1024px) {
  .modal-content .rink-group .top-li {
    writing-mode: rl-tb;
    line-height: initial;
    letter-spacing: 0;
    margin-top: -5px;
  }
}
@media screen and (max-width: 1023px) {
  .modal-content .rink-group .last-li {
    margin-top: 29px;
  }
}
.modal-content .rink-group .sns-link {
  margin-top: -6px;
  letter-spacing: 0px;
  font-size: 17px;
}
.modal-content .rink-group span {
  display: inline-block;
  /* 90度回転させて正しい方向に表示 */
}
.modal-content .rink-group .sns-link-sp {
  margin-top: -6px;
  letter-spacing: 0px;
  font-size: 17px;
}
@media screen and (max-width: 1023px) {
  .modal-content .rink-group .sns-link-sp {
    margin-top: 29px;
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .modal-content .rink-group .sns-link-sp a {
    max-width: 38px;
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .modal-content .rink-group .sns-link-sp a:first-child {
    margin-right: 20px;
  }
}
.modal-content .rink-group .sns-link-sp span {
  display: inline-block;
  /* 90度回転させて正しい方向に表示 */
  transform: rotate(-90deg);
}

/* 閉じるボタン */
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal.show {
  visibility: visible; /* モーダルを見えるようにする */
  opacity: 1; /* モーダルを不透明にする */
  transition: opacity 0.4s linear;
}

.l-header-lp {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 77px;
  padding-right: 33px;
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .l-header-lp {
    height: 49px;
    padding-right: 31px;
  }
}
.l-header-lp .img-group {
  max-width: 189px;
  width: 100%;
  padding-top: 10px;
}
@media screen and (max-width: 1023px) {
  .l-header-lp .img-group {
    max-width: 139px;
  }
}
.l-header-lp .img-group img {
  width: 100%;
}

.lang-navi-lp {
  position: initial !important;
  margin-right: 30px;
}

.l-footer li {
  list-style: none;
}
.l-footer img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.l-footer a {
  text-decoration: none;
  color: inherit;
}
.l-footer__inner {
  background: #d7dede;
}
.l-footer__inner .content-group {
  max-width: 1177px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-right: 5px;
  margin: 0 auto;
  padding-top: 65px;
  margin-bottom: 63px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group {
    max-width: 320px;
    flex-direction: column;
  }
}
.l-footer__inner .content-group__first .logo-1 {
  width: 215.75px;
}
.l-footer__inner .content-group__first .text-group {
  margin-top: 30px;
  padding-left: 10px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__first .text-group {
    margin-top: 33px;
  }
}
.l-footer__inner .content-group__first .text-group .adress {
  color: #25393b;
  font-family: "Josefin Slab";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__first .text-group .adress {
    font-size: 16px;
  }
}
.l-footer__inner .content-group__first .text-group .adress span {
  font-family: "Shippori Mincho";
  font-size: 22px;
  display: block;
  margin-left: 28px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__first .text-group .adress span {
    font-size: 14px;
    margin-left: 6px;
  }
}
.l-footer__inner .content-group__first .text-group .tel {
  color: #25393b;
  font-family: "Josefin Slab";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 7px;
  margin-left: 1px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__first .text-group .tel {
    margin-top: 12px;
    margin-left: 0px;
  }
}
.l-footer__inner .content-group__first .text-group .tel span {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__first .text-group .tel span {
    font-size: 26px;
  }
}
.l-footer__inner .content-group__first .text-group .mail {
  color: #25393b;
  font-family: "Josefin Slab";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__first .text-group .mail {
    margin-top: 14px;
  }
}
.l-footer__inner .content-group__first .text-group .mail span {
  font-size: 30px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__first .text-group .mail span {
    font-size: 24px;
  }
}
.l-footer__inner .content-group__first .text-group .rink-area {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 39.6px */
  letter-spacing: 1.08px;
  margin-top: 32px;
  max-width: 262px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__first .text-group .rink-area {
    margin-top: 21px;
    max-width: 221px;
    margin-left: -8px;
  }
}
.l-footer__inner .content-group__first .text-group .time {
  margin-top: 23px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__first .text-group .time {
    margin-top: 43px;
    margin-left: -2px;
  }
}
.l-footer__inner .content-group__first .text-group .time p {
  color: #25393b;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__first .text-group .time p {
    font-size: 14px;
  }
}
.l-footer__inner .content-group__first .text-group .time p span {
  color: #25393b;
  font-family: "Josefin Slab";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__first .text-group .time p span {
    font-size: 26px;
    padding-left: 12px;
  }
}
.l-footer__inner .content-group__second {
  border-left: 1px #25393b solid;
  padding-left: 120px;
  margin-top: 12px;
  padding-right: 5px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__second {
    padding-left: initial;
    border-left: none;
    margin-top: 47px;
  }
}
.l-footer__inner .content-group__second::after {
  content: "";
  background-color: #25393b;
  height: 1px;
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 63%;
  top: 0;
}
@media screen and (min-width: 1024px) {
  .l-footer__inner .content-group__second::after {
    display: none;
  }
}
.l-footer__inner .content-group__second .logo-2 {
  width: 209px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__second .logo-2 {
    margin-top: 42px;
    margin-left: 5px;
  }
}
.l-footer__inner .content-group__second .sns-group {
  display: flex;
  margin-top: 45px;
  margin-bottom: 37px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__second .sns-group {
    display: flex;
    margin-top: 20px;
    margin-left: 5px;
  }
}
.l-footer__inner .content-group__second .sns-group .sns-item {
  width: 38px;
}
.l-footer__inner .content-group__second .sns-group .sns-item:last-child {
  margin-left: 36px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__second .sns-group .sns-item:last-child {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__second .text-group {
    margin-top: 45px;
    margin-left: 4px;
  }
}
.l-footer__inner .content-group__second .text-group a:nth-child(2) {
  margin-top: 12px;
  display: block;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__second .text-group a:nth-child(2) {
    margin-top: 15px;
  }
}
.l-footer__inner .content-group__second .text-group a:nth-child(3) {
  margin-top: 12px;
  display: block;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__second .text-group a:nth-child(3) {
    margin-top: 17px;
  }
}
.l-footer__inner .content-group__second .text-group p {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 44px */
  letter-spacing: 1.2px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .content-group__second .text-group p {
    font-size: 15px;
  }
}
.l-footer__inner .img-area {
  height: 330px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .img-area img {
    min-height: 266px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 62%;
    object-position: 62%;
  }
}

.l-footer-lp .l-footer__inner .content-group {
  max-width: 1198px;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp .l-footer__inner .content-group {
    padding-top: 60px;
    max-width: 312px;
    margin: 0 auto;
  }
}
.l-footer-lp .l-footer__inner .content-group .content-group__first .text-group {
  padding-left: initial;
  margin-top: 36px;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp
    .l-footer__inner
    .content-group
    .content-group__first
    .text-group {
    margin-top: 42px;
  }
}
.l-footer-lp .l-footer__inner .content-group .content-group__first {
  padding-left: 20px;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp .l-footer__inner .content-group .content-group__first {
    padding-left: initial;
  }
}
.l-footer-lp .l-footer__inner .content-group .content-group__second {
  padding-left: 124px;
  margin-top: 8px;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp .l-footer__inner .content-group .content-group__second {
    padding-left: initial;
  }
  .l-footer-lp .l-footer__inner .content-group .content-group__second::after {
    display: none;
  }
}
.l-footer-lp .l-footer__inner .content-group .content-group__second .logo-2 {
  width: 222px;
  padding-right: 8px;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp .l-footer__inner .content-group .content-group__second .logo-2 {
    margin-top: 117px;
    width: 198px;
    padding-right: initial;
    padding-left: initial;
    margin-left: initial;
  }
}
.l-footer-lp .l-footer__inner .content-group .content-group__second .sns-group {
  margin-top: 38px;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp
    .l-footer__inner
    .content-group
    .content-group__second
    .sns-group {
    margin-left: initial;
    margin-top: 32px;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer-lp
    .l-footer__inner
    .content-group
    .content-group__second
    .sns-item {
    margin-bottom: initial;
  }
}
.l-footer-lp
  .l-footer__inner
  .content-group
  .content-group__second
  .sns-item:not(:first-child) {
  margin-left: 46px;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp
    .l-footer__inner
    .content-group
    .content-group__second
    .sns-item:not(:first-child) {
    margin-left: 38px;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer-lp
    .l-footer__inner
    .content-group
    .content-group__second
    .text-group {
    margin-left: initial;
    margin-bottom: 47px;
  }
}
.l-footer-lp
  .l-footer__inner
  .content-group
  .content-group__second
  .text-group
  .logo-1 {
  width: 178px;
  margin-top: 65px;
  margin-left: -3px;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp
    .l-footer__inner
    .content-group
    .content-group__second
    .text-group
    .logo-1 {
    width: 176px;
    margin-top: 59px;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer-lp
    .l-footer__inner
    .content-group
    .content-group__second
    .text-group
    a:nth-child(2) {
    margin-top: 21px;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer-lp
    .l-footer__inner
    .content-group
    .content-group__second
    .text-group
    a:nth-child(3) {
    margin-top: 6px;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer-lp
    .l-footer__inner
    .content-group
    .content-group__first
    .text-group
    .rink-area {
    margin-top: 7px;
    max-width: 221px;
    margin-left: -1px;
  }
}
.l-footer-lp .l-footer__inner .main-rink {
  color: #25393b;
  font-family: "Toppan Bunkyu Mincho";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp .l-footer__inner .main-rink {
    color: #25393b;
    font-family: "Toppan Bunkyu Mincho";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
.l-footer-lp .l-footer__inner .info-group .time-group {
  display: flex;
  margin-top: 23px;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp .l-footer__inner .info-group .time-group {
    margin-top: 40px;
  }
}
.l-footer-lp .l-footer__inner .info-group .time-group__title {
  color: #25393b;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
.l-footer-lp .l-footer__inner .info-group .time-group__time {
  padding-top: 2px;
  color: #25393b;
  font-family: "Josefin Slab";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
}
.l-footer-lp .l-footer__inner .info-group .holiday-group {
  display: flex;
  margin-top: 3px;
}
.l-footer-lp .l-footer__inner .info-group .holiday-group__title {
  color: #25393b;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
.l-footer-lp .l-footer__inner .info-group .holiday-group__time {
  padding-left: 19px;
  color: #25393b;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}

.l-footer-lp-en .adress-number {
  margin-left: initial !important;
}
.l-footer-lp-en .l-footer__inner .main-rink {
  position: relative;
}
.l-footer-lp-en .l-footer__inner .main-rink .sub-text {
  position: absolute;
  top: -31px;
  left: 3px;
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 30.6px */
  letter-spacing: 0.54px;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp-en .l-footer__inner .main-rink .sub-text {
    top: -41px;
    left: 1px;
    line-height: 100%;
  }
}
.l-footer-lp-en .l-footer__inner .content-group .content-group__first {
  margin-top: 25px;
}
.l-footer-lp-en .l-footer__inner .info-group .time-group {
  align-items: center;
  margin-top: 19px;
}
.l-footer-lp-en .l-footer__inner .info-group .time-group__title {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 230%; /* 36.8px */
}
.l-footer-lp-en .l-footer__inner .info-group .time-group__time {
  color: #25393b;
  font-family: "Josefin Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 230%;
  padding-top: 4px;
}
.l-footer-lp-en .l-footer__inner .info-group .holiday-group {
  align-items: center;
}
.l-footer-lp-en .l-footer__inner .info-group .holiday-group__title {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: initial; /* 36.8px */
}
.l-footer-lp-en .l-footer__inner .info-group .holiday-group__time {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: initial; /* 36.8px */
  padding-left: 5px;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp-en .l-footer__inner .content-group__first .text-group .adress {
    flex-direction: column;
  }
}
.l-footer-lp-en
  .l-footer__inner
  .content-group__first
  .text-group
  .adress
  span {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp-en
    .l-footer__inner
    .content-group__first
    .text-group
    .adress
    span {
    margin-left: initial;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer-lp-en
    .l-footer__inner
    .content-group__first
    .text-group
    .adress
    .adress-number {
    max-width: 100px;
    width: 100%;
  }
}
.l-footer-lp-en .l-footer__inner .content-group__first .text-group .rink-area {
  margin-top: 23px;
}
.l-footer-lp-en
  .l-footer__inner
  .content-group
  .content-group__second
  .text-group
  .logo-1 {
  margin-top: 45px;
}
.l-footer-lp-en
  .l-footer__inner
  .content-group__second
  .text-group
  a:nth-child(2) {
  margin-top: 25px;
}
.l-footer-lp-en
  .l-footer__inner
  .content-group__second
  .text-group
  a:nth-child(3) {
  margin-top: 6px;
}
@media screen and (max-width: 1023px) {
  .l-footer-lp-en .l-footer__inner .content-group {
    max-width: 300px;
  }
}

/*====================================================
*
*	Home
*
====================================================*/
.pc-none {
  display: none;
}
@media screen and (max-width: 1023px) {
  .pc-none {
    display: block !important;
  }
}

.sp-none {
  display: block;
}
@media screen and (max-width: 1023px) {
  .sp-none {
    display: none !important;
  }
}

.p-koden-new li {
  list-style: none;
}
.p-koden-new img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.p-koden-new a {
  text-decoration: none;
  color: inherit;
}

.p-top-fv li {
  list-style: none;
}
.p-top-fv img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.p-top-fv a {
  text-decoration: none;
  color: inherit;
}
.p-top-fv__inner .content-group {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-top-fv__inner .content-group {
    height: 705px;
    justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-fv__inner .content-group {
    flex-direction: column-reverse;
  }
}
.p-top-fv__inner .content-group__left {
  max-width: 270px;
  width: 100%;
  padding-left: 15px;
  display: flex;
  margin-top: 72px;
}
@media screen and (max-width: 1023px) {
  .p-top-fv__inner .content-group__left {
    margin: 0 auto;
    padding-left: initial;
    margin-top: 42px;
  }
}
.p-top-fv__inner .content-group__left img {
  width: 72px;
  margin: 0 auto;
  height: 594px;
}
@media screen and (max-width: 1023px) {
  .p-top-fv__inner .content-group__left img {
    width: 58px;
    height: initial;
  }
}
.p-top-fv__inner .content-group__right {
  max-width: 1175px;
  width: 100%;
}
.p-top-fv__inner .content-group__right img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-top-fv__inner .content-group__right img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media screen and (max-width: 767px) {
  .p-top-fv__inner .content-group__right img {
    max-height: 600px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.p-top-fv__inner .content-group__right .fv-pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-top-fv__inner .content-group__right .fv-pc {
    display: none;
  }
}
.p-top-fv__inner .content-group__right .fv-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-top-fv__inner .content-group__right .fv-sp {
    display: block;
  }
}
.p-top-fv__inner .content-group__right img {
  transition: opacity 1s ease-in-out; /* トランジションの持続時間を0.5秒に設定 */
  opacity: 1; /* 初期状態で画像を表示 */
}

.p-top-about li {
  list-style: none;
}
.p-top-about img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.p-top-about a {
  text-decoration: none;
  color: inherit;
}
.p-top-about__inner {
  max-width: 1160px;
  width: 100%;
  padding-left: 75.5px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-top-about__inner {
    padding-right: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-about__inner {
    padding-left: initial;
  }
}
.p-top-about__inner .content-group__first {
  margin-top: 110px;
  display: flex;
  justify-content: space-between;
  max-width: 1030px;
  margin-left: auto;
}
@media screen and (max-width: 1023px) {
  .p-top-about__inner .content-group__first {
    margin-top: 73px;
    flex-direction: column-reverse;
  }
}
.p-top-about__inner .content-group__first__text {
  padding-top: 5px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  max-width: 595px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-top-about__inner .content-group__first__text {
    padding-top: 9px;
    writing-mode: initial;
    text-orientation: initial;
    max-width: 500px;
    margin: 0 auto;
  }
}
.p-top-about__inner .content-group__first__text p {
  margin-left: 14px;
  color: #25393b;
  font-feature-settings: "vert" on, "hist" on;
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 137%;
  letter-spacing: 7.98px;
}
@media screen and (max-width: 1023px) {
  .p-top-about__inner .content-group__first__text p {
    font-feature-settings: initial;
    line-height: initial;
    letter-spacing: initial;
    margin-left: initial;
    padding-left: 30px;
    padding-right: 30px;
    font-family: "Shippori Mincho";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-about__inner .content-group__first__text .sp-1 {
    margin-bottom: 31px;
  }
  .p-top-about__inner .content-group__first__text .sp-row {
    display: inline !important;
  }
  .p-top-about__inner .content-group__first__text .sp-text {
    letter-spacing: 1.01px;
  }
}
.p-top-about__inner .content-group__first__text .space-row_1 {
  width: 4px;
}
.p-top-about__inner .content-group__first__text .space-row_2 {
  width: 5px;
}
.p-top-about__inner .content-group__first__text .space-row_3 {
  width: 36px;
}
.p-top-about__inner .content-group__first__text .space-row_4 {
  width: 27px;
}
.p-top-about__inner .content-group__first__text .second-space {
  margin-left: 16px;
}
@media screen and (max-width: 1023px) {
  .p-top-about__inner .content-group__first__text .second-space {
    margin-left: initial;
  }
}
.p-top-about__inner .content-group__first__img {
  max-width: 315px;
}
@media screen and (max-width: 1023px) {
  .p-top-about__inner .content-group__first__img {
    max-width: 600px;
    margin: 0 auto;
  }
}
.p-top-about__inner .content-group__second {
  margin-top: 168px;
  max-width: 951px;
  padding-left: 54px;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media screen and (max-width: 1023px) {
  .p-top-about__inner .content-group__second {
    max-width: 341px;
    margin-top: 62px;
    padding-left: initial;
  }
}
@media screen and (max-width: 1023px) and (min-width: 400px) {
  .p-top-about__inner .content-group__second {
    margin: 0 auto;
    margin-top: 62px;
  }
}
.p-top-about__inner .content-group__second__text {
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.p-top-about__inner .content-group__second__text p {
  color: #25393b;
  font-feature-settings: "dlig" on, "hist" on, "vert" on;
  font-family: "Shippori Mincho";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 14px;
  padding-top: 9px;
}
@media screen and (max-width: 1023px) {
  .p-top-about__inner .content-group__second__text p {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 7.2px;
    padding-top: 4px;
  }
}
.p-top-about__inner .content-group__second__img {
  max-width: 750px;
}
@media screen and (max-width: 1023px) {
  .p-top-about__inner .content-group__second__img {
    max-width: 300px;
  }
}

.p-top-feature li {
  list-style: none;
}
.p-top-feature img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.p-top-feature a {
  text-decoration: none;
  color: inherit;
}
.p-top-feature__inner .title-group {
  max-width: 1160px;
  padding-right: 130px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 200px;
  padding-left: 0px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-top-feature__inner .title-group {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .title-group {
    margin-top: 48px;
    padding-left: 30px;
    padding-right: 31px;
    max-width: 650px;
  }
}
.p-top-feature__inner .title-group p {
  color: #7a8889;
  max-width: 96px;
  font-family: "Shippori Mincho";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 73.6px */
  margin-right: 34px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .title-group p {
    max-width: 76px;
    margin-right: initial;
    font-family: "Shippori Mincho";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 230%; /* 55.2px */
  }
}
.p-top-feature__inner .title-group .border {
  width: 100%;
  height: 1px;
  background: #7a8889;
}
.p-top-feature__inner .title-group_2 {
  margin-top: -9px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .title-group_2 {
    margin-top: 120px;
  }
}
.p-top-feature__inner .title-group_3 {
  margin-top: 144px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .title-group_3 {
    margin-top: 150px;
  }
  .p-top-feature__inner .title-group_3 p {
    max-width: 54px;
  }
}
.p-top-feature__inner .content-group {
  margin-top: 58px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group {
    margin-top: 41px;
  }
}
.p-top-feature__inner .content-group__single {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-top-feature__inner .content-group__single {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.p-top-feature__inner .content-group__2 {
  padding-top: 8px;
}
.p-top-feature__inner
  .content-group__2
  .content-group__inner
  .bottom-group
  .title-area
  div
  .small-text {
  letter-spacing: 3.6px;
  top: -4px;
  right: 8px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner
    .content-group__2
    .content-group__inner
    .bottom-group
    .title-area
    div
    .small-text {
    right: -6px;
  }
}
.p-top-feature__inner .content-group__inner .upper-group {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .upper-group {
    margin: 0 auto;
    max-width: 375px;
  }
}
.p-top-feature__inner .content-group__inner .upper-group .main-img {
  max-width: 960px;
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-top-feature__inner .content-group__inner .upper-group .main-img {
    max-width: 870px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .upper-group .main-img {
    max-width: 238px;
    height: 238px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.p-top-feature__inner .content-group__inner .upper-group .text-group {
  max-width: 93px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .upper-group .text-group {
    max-width: 45px;
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 3;
  }
}
.p-top-feature__inner .content-group__inner .upper-group .text-group2 {
  max-width: 93px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .upper-group .text-group2 {
    max-width: 4500px;
    top: 0;
    right: 30px;
    z-index: 3;
    display: inline !important;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 280px;
    height: 420px;
  }
}
.p-top-feature__inner .content-group__inner .upper-group__position {
  position: absolute;
  bottom: -65px;
  right: 0;
  max-width: 318px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-top-feature__inner .content-group__inner .upper-group__position {
    bottom: -125px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .upper-group__position {
    right: 29px;
    bottom: -80px;
    max-width: 138px;
  }
}
.p-top-feature__inner .content-group__inner .seconf-group .img-1 {
  max-width: 500px;
  height: 630.9px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .seconf-group .img-1 {
    max-width: 170px;
    max-height: 240px;
  }
}
.p-top-feature__inner .content-group__inner .seconf-group .img-2 {
  margin-top: 105px;
  max-width: 420px;
  width: 100%;
  height: 565px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .seconf-group .img-2 {
    max-width: 150px;
    max-height: 224px;
    margin-right: 28px;
    margin-top: 86px;
  }
}
.p-top-feature__inner .content-group__inner .fifth-group {
  display: flex;
  flex-wrap: nowrap;
}
.p-top-feature__inner .content-group__inner .fifth-group .img-1 {
  max-width: 1030px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-top-feature__inner .content-group__inner .fifth-group .img-1 {
    max-width: 850px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .fifth-group .img-1 {
    max-width: 290px;
  }
}
.p-top-feature__inner .content-group__inner .sixth-group {
  display: flex;
  position: relative;
  margin-left: -220px;
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-top-feature__inner .content-group__inner .sixth-group {
    margin-left: -340px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .sixth-group {
    margin-left: -31px;
    max-width: initial;
  }
}
.p-top-feature__inner .content-group__inner .sixth-group .img-single {
  max-width: 360px;
  margin-right: 47px;
  height: 540px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .sixth-group .img-single {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 280px;
    height: 420px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 365px) {
  .p-top-feature__inner .content-group__inner .sixth-group .img-single {
    margin-right: 10px;
  }
}
.p-top-feature__inner .content-group__inner .sixth-group .text-group {
  margin-right: 47px;
}
.p-top-feature__inner .content-group__inner .sixth-group .text-group img {
  width: 92px;
  max-width: 92px;
}
.p-top-feature__inner .content-group__inner .sixth-group img {
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  opacity: 0; /* 初期状態では画像を透明に */
}
.p-top-feature__inner .content-group__inner .sixth-group img.active {
  opacity: 1; /* アクティブな画像は不透明に */
}
.p-top-feature__inner .content-group__inner .text-group-fixed2 {
  opacity: 1 !important;
  max-width: 83px;
  width: 100%;
  height: 100px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 47px;
}
.p-top-feature__inner .content-group__inner .text-group-fixed2 img {
  opacity: 1;
}
.p-top-feature__inner .content-group__inner .text-group-fixed3 {
  opacity: 1 !important;
  max-width: 53px !important;
  height: 83px !important;
  margin-right: 47px;
}
.p-top-feature__inner .content-group__inner .text-group-fixed3 img {
  opacity: 1 !important;
}
.p-top-feature__inner .content-group__inner .bottom-group {
  margin-top: 41px;
  max-width: 1030px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-top-feature__inner .content-group__inner .bottom-group {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .bottom-group {
    margin-top: 97px;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 97px;
  }
}
.p-top-feature__inner .content-group__inner .bottom-group .title-area {
  color: #25393b;
  /* PC-h2 */
  font-family: "Shippori Mincho";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 55.2px */
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .bottom-group .title-area {
    font-size: 18px;
  }
}
.p-top-feature__inner
  .content-group__inner
  .bottom-group
  .title-area
  .small-group {
  margin-left: 30px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner
    .content-group__inner
    .bottom-group
    .title-area
    .small-group {
    margin-left: 24px;
  }
}
.p-top-feature__inner
  .content-group__inner
  .bottom-group
  .title-area
  .small-group_2 {
  margin-left: 5px;
}
.p-top-feature__inner .content-group__inner .bottom-group .title-area div {
  position: relative;
}
.p-top-feature__inner
  .content-group__inner
  .bottom-group
  .title-area
  div
  .small-text {
  position: absolute;
  top: -7px;
  right: 11px;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 22px */
  letter-spacing: 0.6px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner
    .content-group__inner
    .bottom-group
    .title-area
    div
    .small-text {
    width: 104%;
    right: -2px;
  }
}
.p-top-feature__inner .content-group__inner .bottom-group .main-text {
  margin-top: 19px;
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .bottom-group .main-text {
    font-family: "Shippori Mincho";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
    margin-top: 23px;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-feature__inner
    .content-group__inner
    .bottom-group
    .main-text
    .sp-none {
    display: initial !important;
  }
}
.p-top-feature__inner .content-group__inner .bottom-group .rink-area {
  margin-top: 29px;
  margin-bottom: 156px;
  width: 265px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group__inner .bottom-group .rink-area {
    margin-top: 19px;
    margin-bottom: 72px;
    width: 183px;
  }
}
.p-top-feature__inner .slider-group {
  max-width: initial;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-top-feature__inner .slider-group {
    padding-left: initial;
    padding-right: initial;
  }
}
.p-top-feature__inner .slider-group img {
  -o-object-fit: cover;
  object-fit: cover;
}
.p-top-feature__inner .slider-group .bottom-group {
  max-width: 1160px;
  margin: 0 auto;
  margin-top: 40px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .slider-group .bottom-group {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 57px;
  }
}
.p-top-feature__inner .slider-group .bottom-group .main-text {
  max-width: 1030px;
  margin-top: 17px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .slider-group .bottom-group .main-text {
    margin-top: 22px;
  }
}
.p-top-feature__inner .slider-group__inner {
  position: relative;
}
.p-top-feature__inner
  .slider-group
  .content-group__inner
  .bottom-group
  .title-area
  div
  .small-text {
  top: -4px;
  right: -13px !important;
  width: 40px !important;
}
.p-top-feature__inner .content-group_2 {
  margin-top: 55px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group_2 {
    margin-top: 40px;
  }
}
.p-top-feature__inner
  .content-group_2
  .content-group__single:first-child
  .img-2 {
  margin-left: 72px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-top-feature__inner
    .content-group_2
    .content-group__single:first-child
    .img-2 {
    margin-left: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner
    .content-group_2
    .content-group__single:first-child
    .img-2 {
    margin-left: initial;
  }
}
.p-top-feature__inner
  .content-group_2
  .content-group__single:first-child
  .text-group {
  margin-top: -6px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner
    .content-group_2
    .content-group__single:first-child
    .text-group {
    margin-top: 0px;
  }
}
.p-top-feature__inner
  .content-group_2
  .content-group__single:first-child
  .bottom-group {
  margin-top: 35px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner
    .content-group_2
    .content-group__single:first-child
    .bottom-group {
    margin-top: 18px;
  }
}
.p-top-feature__inner
  .content-group_2
  .content-group__single:first-child
  .content-group__inner
  .bottom-group
  .rink-area {
  margin-top: 20px;
  margin-bottom: 164px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner
    .content-group_2
    .content-group__single:first-child
    .content-group__inner
    .bottom-group
    .rink-area {
    margin-top: 18px;
    margin-bottom: 80px;
  }
}
.p-top-feature__inner
  .content-group_2
  .content-group__single:last-child
  .content-group__inner
  .bottom-group
  .main-text {
  letter-spacing: 3.1px;
  /* margin-top: 19px; */
  line-height: 248%;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner
    .content-group_2
    .content-group__single:last-child
    .content-group__inner
    .bottom-group
    .main-text {
    font-family: "Shippori Mincho";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-top-feature__inner
  .content-group_2
  .content-group__single:last-child
  .content-group__inner
  .bottom-group
  .rink-area {
  margin-top: 20px;
  margin-bottom: 0px;
}
.p-top-feature__inner .content-group_3 {
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group_3 {
    margin-top: 64px;
  }
}
.p-top-feature__inner
  .content-group_3
  .content-group__inner
  .bottom-group
  .title-area
  .small-group_2 {
  margin-left: 36px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner
    .content-group_3
    .content-group__inner
    .bottom-group
    .title-area
    .small-group_2 {
    margin-left: 26px;
  }
}
.p-top-feature__inner
  .content-group_3
  .content-group__inner
  .bottom-group
  .title-area
  div
  .small-text {
  top: -2px;
  right: -6px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner
    .content-group_3
    .content-group__inner
    .bottom-group
    .title-area
    div
    .small-text {
    top: -5px;
    right: -6px;
    width: 118%;
    letter-spacing: 0px;
  }
}
.p-top-feature__inner
  .content-group_3
  .content-group__inner
  .bottom-group
  .rink-area {
  margin-top: 19px;
  margin-bottom: 166px;
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner
    .content-group_3
    .content-group__inner
    .bottom-group
    .rink-area {
    margin-bottom: 78px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-feature__inner .content-group_3 .sp-bottom-group {
    margin-top: 17px;
  }
}

.p-top-info {
  margin-top: 181px;
  margin-bottom: 280px;
}
.p-top-info li {
  list-style: none;
}
.p-top-info img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.p-top-info a {
  text-decoration: none;
  color: inherit;
}
@media screen and (max-width: 1023px) {
  .p-top-info {
    margin-top: 121px;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-info__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.p-top-info__inner .title-group {
  display: flex;
  justify-content: space-between;
  max-width: 1168px;
  padding-right: 130px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-top-info__inner .title-group {
    max-width: 650px;
    flex-direction: column;
  }
}
.p-top-info__inner .title-group .title {
  color: #25393b;
  font-feature-settings: "vert";
  font-family: "Shippori Mincho";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 36.4px */
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 8px;
}
@media screen and (max-width: 1023px) {
  .p-top-info__inner .title-group .title {
    writing-mode: initial;
    text-orientation: initial;
    font-family: "Shippori Mincho";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    letter-spacing: initial;
    padding-left: 3px;
  }
}
.p-top-info__inner .title-group .rink-area {
  max-width: 260px;
  height: 70px;
  margin-right: 20px;
  margin-top: 15px;
}
.p-top-info__inner .title-group .rink-area p {
  color: #25393b;
  font-family: "Noto Serif JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 55.2px */
}
.p-top-info__inner .content-group {
  display: flex;
  justify-content: space-between;
  max-width: 902px;
  margin: 0 auto;
  margin-top: -10px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .p-top-info__inner .content-group {
    margin-top: 40px;
    flex-wrap: wrap;
    max-width: 680px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .p-top-info__inner .content-group {
    max-width: 315px;
  }
}
.p-top-info__inner .content-group__single {
  max-width: 274px;
  width: 100%;
}
.p-top-info__inner .content-group__single a {
  display: block;
  height: 100%;
}
.p-top-info__inner .content-group__single img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 274px;
  height: 196px;
}
@media screen and (max-width: 1023px) {
  .p-top-info__inner .content-group__single {
    max-width: 312px;
    width: 100%;
    margin-bottom: 47px;
  }
  .p-top-info__inner .content-group__single img {
    margin: 0 auto;
    display: block;
  }
  .p-top-info__inner .content-group__single.no-img {
    background-image: url(assets/img/logo.svg);
  }
}
.p-top-info__inner .content-group__single .date {
  color: #25393b;
  font-family: "Noto Serif JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 30.6px */
  letter-spacing: 1.2px;
  padding-top: 16px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .p-top-info__inner .content-group__single .date {
    font-family: "Shippori Mincho";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 35.2px */
    letter-spacing: 0.96px;
    padding-bottom: 10px;
  }
}
.p-top-info__inner .content-group__single .content {
  color: #25393b;
  font-family: "Noto Serif JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 30.6px */
  letter-spacing: 1.1px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 表示したい行数 */
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .p-top-info__inner .content-group__single .content {
    font-family: "Shippori Mincho";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 表示したい行数 */
    overflow: hidden;
  }
}
.p-top-info__inner .rink-area-sp {
  margin: 0 auto;
  margin-top: 28px;
}
@media screen and (max-width: 1023px) {
  .p-top-info__inner .rink-area-sp {
    max-width: 680px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .p-top-info__inner .rink-area-sp {
    max-width: 315px;
  }
}
.p-top-info__inner .rink-area-sp a {
  max-width: 266px;
  display: block;
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .p-top-info__inner .rink-area-sp a {
    margin-left: auto;
  }
}

.upper-group {
  display: flex;
}

.img-single {
  flex: 0 0 auto;
  transition: transform 1s ease-in-out;
}

.fade-in {
  opacity: 0;
  transform: translateY(20px);
  visibility: hidden;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out, visibility 0.8s;
}

.fade-in.active {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

_::-webkit-full-page-media,
_:future,
:root .p-top-info .p-top-info__inner .content-group__single .content {
  height: 67px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 100%; /* 例として100%を指定 */
}

.not-open {
  display: none;
}

.slider-fv {
  display: none;
}

.slick-next,
.slick-prev {
  display: none !important;
}

/*====================================================
*
*	page: workshop
*
====================================================*/
.p-workshop-top__inner {
  width: 100%;
  background-image: url(./assets/img/home/p-workshop-fv.png);
  height: 794px;
  background-size: cover;
  position: relative;
  background-position: center;
}
@media screen and (max-width: 1023px) {
  .p-workshop-top__inner {
    background-image: url(./assets/img/home/p-workshop-fv-sp.png);
    height: 500px;
  }
}
.p-workshop-top__inner .sub-logo {
  position: absolute;
  width: 72px;
  top: 71px;
  left: 7.2%;
}

.p-workshop-about__inner {
  margin-top: 160px;
}
@media screen and (min-width: 1024px) {
  .p-workshop-about__inner {
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 1023px) {
  .p-workshop-about__inner {
    margin-top: 56px;
  }
}
.p-workshop-about__inner .text-group {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-workshop-about__inner .text-group {
    padding-left: 30px;
  }
}
.p-workshop-about__inner .text-group__inner {
  max-width: 522px;
  width: 100%;
  color: #222;
  font-family: "Shippori Mincho";
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  .p-workshop-about__inner .text-group__inner {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
  }
}
.p-workshop-about__inner .text-group__inner .content {
  margin-top: 33px;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 35.2px;
}
@media screen and (max-width: 1023px) {
  .p-workshop-about__inner .text-group__inner .content {
    margin-top: 25px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-workshop-about__inner .text-group__inner .title {
  font-size: 24px;
  font-style: normal;
  line-height: 55.2px;
}
@media screen and (max-width: 1023px) {
  .p-workshop-about__inner .text-group__inner .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
  }
}
.p-workshop-about__inner .text-group__inner .sp-img-group {
  max-width: 315px;
  width: 100%;
  margin: 0 auto;
  margin-top: 54px;
}
.p-workshop-about__inner .text-group::after {
  position: absolute;
  content: "";
  background-image: url(./assets/img/home/p-workshop-about.png);
  width: 460px;
  height: 649px;
  right: 0;
  top: 0;
  top: -254px;
}
@media screen and (max-width: 1023px) {
  .p-workshop-about__inner .text-group::after {
    display: none;
  }
}
.p-workshop-about__inner .img-group {
  margin-top: 290px;
  max-width: 1165px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-workshop-about__inner .img-group {
    max-width: 375px;
    margin: 0 auto;
    margin-top: 60px;
    flex-direction: column;
  }
}
.p-workshop-about__inner .img-group .img-1 {
  max-width: 606px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-workshop-about__inner .img-group .img-1 {
    max-width: 345px;
  }
}
.p-workshop-about__inner .img-group .img-2 {
  max-width: 467px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-workshop-about__inner .img-group .img-2 {
    max-width: 345px;
    margin-left: auto;
    margin-top: 60px;
  }
}

.p-workshop-content li {
  list-style: none;
}
.p-workshop-content img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.p-workshop-content a {
  text-decoration: none;
  color: inherit;
}
.p-workshop-content__inner {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 160px;
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-workshop-content__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.p-workshop-content__inner .title-group {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 160px;
  padding-left: 0px;
}
@media screen and (max-width: 1023px) {
  .p-workshop-content__inner .title-group {
    align-items: initial;
    flex-direction: column;
    padding-right: initial;
    max-width: 522px;
    margin-top: 120px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 725px) {
  .p-workshop-content__inner .title-group {
    max-width: 720px;
  }
}
.p-workshop-content__inner .title-group p {
  max-width: 310px;
  width: 100%;
  color: #000;
  font-family: "Shippori Mincho";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 92px */
  margin-right: initial;
}
@media screen and (max-width: 1023px) {
  .p-workshop-content__inner .title-group p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    margin-right: initial;
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 360px) {
  .p-workshop-content__inner .title-group p {
    font-size: 20px;
  }
}
.p-workshop-content__inner .title-group .border {
  width: 100%;
  height: 1px;
  background: #7a8889;
}
@media screen and (max-width: 1023px) {
  .p-workshop-content__inner .title-group .border {
    height: 1px;
  }
}
.p-workshop-content__inner .content-group {
  display: flex;
  justify-content: space-between;
  max-width: 902px;
  margin: 0 auto;
  margin-top: -10px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .p-workshop-content__inner .content-group {
    margin-top: 40px;
    flex-wrap: wrap;
    max-width: 680px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .p-workshop-content__inner .content-group {
    max-width: 315px;
  }
}
.p-workshop-content__inner .content-group__single {
  max-width: 274px;
  width: 100%;
  margin-top: 60px;
}
.p-workshop-content__inner .content-group__single a {
  display: block;
  height: 100%;
}
.p-workshop-content__inner .content-group__single img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 274px;
  height: 196px;
}
@media screen and (max-width: 1023px) {
  .p-workshop-content__inner .content-group__single {
    max-width: 312px;
    width: 100%;
    margin-bottom: 47px;
  }
  .p-workshop-content__inner .content-group__single img {
    margin: 0 auto;
    display: block;
  }
  .p-workshop-content__inner .content-group__single.no-img {
    background-image: url(assets/img/logo.svg);
  }
}
.p-workshop-content__inner .content-group__single .date {
  color: #25393b;
  font-family: "Noto Serif JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 30.6px */
  letter-spacing: 1.2px;
  padding-top: 16px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .p-workshop-content__inner .content-group__single .date {
    font-family: "Shippori Mincho";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 35.2px */
    letter-spacing: 0.96px;
    padding-bottom: 10px;
  }
}
.p-workshop-content__inner .content-group__single .content {
  color: #25393b;
  font-family: "Noto Serif JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 30.6px */
  letter-spacing: 1.1px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 表示したい行数 */
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .p-workshop-content__inner .content-group__single .content {
    font-family: "Shippori Mincho";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 表示したい行数 */
    overflow: hidden;
  }
}
.p-workshop-content__inner .rink-area {
  margin-left: auto;
  max-width: 265px;
}
@media screen and (max-width: 1023px) {
  .p-workshop-content__inner .rink-area {
    margin-left: initial;
  }
}
.p-workshop-content__inner .rink-area p {
  color: #000;
  font-family: "Noto Serif JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 55.2px;
}
.p-workshop-content__inner .bottom-img {
  margin-top: 140px;
  max-width: 910px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-workshop-content__inner .bottom-img {
    margin: 0 auto;
    margin-top: 140px;
    padding-right: 30px;
  }
}
.p-workshop-content__inner .bottom-img img {
  width: 100%;
}
.p-workshop-content__inner .bottom-img .pc-img {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-workshop-content__inner .bottom-img .pc-img {
    display: none;
  }
}
.p-workshop-content__inner .bottom-img .sp-img {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-workshop-content__inner .bottom-img .sp-img {
    display: block;
    margin: 0 auto;
    max-width: 450px;
  }
}

_::-webkit-full-page-media,
_:future,
:root .p-top-info .p-top-info__inner .content-group__single .content {
  height: 55px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 100%; /* 例として100%を指定 */
}

/*=======================
  history section
=======================*/
.p-history-top__inner {
  width: 100%;
  background-image: url(./assets/img/home/p-history-fv.png);
  height: 837px;
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 1023px) {
  .p-history-top__inner {
    background-position-x: 61%;
    height: 500px;
  }
}
.p-history-top__inner .sub-logo {
  position: absolute;
  width: 72px;
  top: 71px;
  left: 7.2%;
}

.p-history-about__inner .content-group__single {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner .content-group__single {
    flex-direction: column;
  }
}
.p-history-about__inner .content-group__single:nth-child(1) {
  max-width: 1160px;
  margin: 0 auto;
  margin-top: 113px;
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-history-about__inner .content-group__single:nth-child(1) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner .content-group__single:nth-child(1) {
    max-width: 500px;
    margin-top: 49px;
  }
}
.p-history-about__inner
  .content-group__single:nth-child(1)
  .content-group__single__inner {
  max-width: 503px;
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-history-about__inner
    .content-group__single:nth-child(1)
    .content-group__single__inner {
    padding-left: 10px;
  }
}
.p-history-about__inner .content-group__single:nth-child(1) .img-group {
  max-width: 580px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner .content-group__single:nth-child(1) .img-group {
    margin-top: 85px;
  }
}
.p-history-about__inner .content-group__single:nth-child(1) .title {
  margin-top: 4px;
  color: #000;
  font-family: "Shippori Mincho";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 44px */
  letter-spacing: 1.2px;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner .content-group__single:nth-child(1) .title {
    margin-top: 7px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
    letter-spacing: initial;
  }
}
.p-history-about__inner .content-group__single:nth-child(1) .content {
  margin-top: 65px;
  color: #000;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner .content-group__single:nth-child(1) .content {
    margin-top: 27px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-history-about__inner .content-group__single:nth-child(2) {
  margin-top: 120px;
  max-width: 1168px;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1450px) {
  .p-history-about__inner .content-group__single:nth-child(2) {
    margin: 0 auto;
    margin-top: 120px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-history-about__inner .content-group__single:nth-child(2) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner .content-group__single:nth-child(2) {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 26px;
    flex-direction: column-reverse;
  }
}
.p-history-about__inner .content-group__single:nth-child(2) .img-group {
  max-width: 656px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-history-about__inner .content-group__single:nth-child(2) .img-group {
    padding-right: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner .content-group__single:nth-child(2) .img-group {
    margin-top: 28px;
    padding-right: 30px;
  }
  .p-history-about__inner .content-group__single:nth-child(2) .img-group img {
    max-height: 246px;
  }
}
.p-history-about__inner
  .content-group__single:nth-child(2)
  .content-group__single__inner {
  max-width: 400px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner
    .content-group__single:nth-child(2)
    .content-group__single__inner {
    max-width: initial;
  }
}
.p-history-about__inner
  .content-group__single:nth-child(2)
  .content-group__single__inner
  .text-group {
  padding-top: 5px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  max-width: 399px;
  width: 100%;
  font-family: "Shippori Mincho";
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner
    .content-group__single:nth-child(2)
    .content-group__single__inner
    .text-group {
    max-width: initial;
    writing-mode: initial;
    text-orientation: initial;
  }
}
.p-history-about__inner
  .content-group__single:nth-child(2)
  .content-group__single__inner
  .text-group
  p {
  margin-left: 8px;
  color: #000000;
  font-feature-settings: "vert" on, "hist" on;
  font-size: 16px;
  font-style: normal;
  line-height: 150%; /* 24px */
  letter-spacing: 7.9px;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner
    .content-group__single:nth-child(2)
    .content-group__single__inner
    .text-group
    p {
    font-feature-settings: initial;
    line-height: initial;
    letter-spacing: initial;
    margin-left: initial;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-history-about__inner
  .content-group__single:nth-child(2)
  .content-group__single__inner
  .text-group
  .p-blank {
  margin-left: 25px;
}
.p-history-about__inner
  .content-group__single:nth-child(2)
  .content-group__single__inner
  .text-group
  .p-blank2 {
  margin-left: 42px;
}
.p-history-about__inner
  .content-group__single:nth-child(2)
  .content-group__single__inner
  .text-group
  .p-margin-change {
  margin-left: 13px;
}
.p-history-about__inner
  .content-group__single:nth-child(2)
  .content-group__single__inner
  .text-group
  .p-blank3 {
  margin-left: 38px;
}
.p-history-about__inner .content-group__single:nth-child(3) {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  margin-top: 120px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-history-about__inner .content-group__single:nth-child(3) {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner .content-group__single:nth-child(3) {
    max-width: 500px;
    margin-top: 31px;
    flex-direction: column;
  }
}
.p-history-about__inner
  .content-group__single:nth-child(3)
  .content-group__single__inner {
  max-width: 457px;
}
.p-history-about__inner
  .content-group__single:nth-child(3)
  .content-group__single__inner
  p {
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner
    .content-group__single:nth-child(3)
    .content-group__single__inner
    p {
    padding-left: 30px;
    padding-right: 30px;
    font-family: "Shippori Mincho";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-history-about__inner .content-group__single:nth-child(3) .img-group {
  max-width: 580px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner .content-group__single:nth-child(3) .img-group {
    padding-left: 30px;
    margin-top: 48px;
    text-align: end;
  }
  .p-history-about__inner .content-group__single:nth-child(3) .img-group img {
    max-height: 186px;
  }
}
.p-history-about__inner .content-group__single:nth-child(4) {
  margin: 0 auto;
  margin-top: 150px;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner .content-group__single:nth-child(4) {
    margin-top: 120px;
  }
}
.p-history-about__inner
  .content-group__single:nth-child(4)
  .content-group__single__inner {
  max-width: 1160px;
  width: 100%;
  padding-right: 130px;
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: end;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-history-about__inner
    .content-group__single:nth-child(4)
    .content-group__single__inner {
    padding-right: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner
    .content-group__single:nth-child(4)
    .content-group__single__inner {
    max-width: 500px;
    flex-direction: column;
    padding-right: initial;
  }
}
.p-history-about__inner
  .content-group__single:nth-child(4)
  .content-group__single__inner
  p {
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner
    .content-group__single:nth-child(4)
    .content-group__single__inner
    p {
    font-family: "Shippori Mincho";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-history-about__inner
  .content-group__single:nth-child(4)
  .content-group__single__inner
  .img-group {
  max-width: 400px;
  width: 100%;
  position: absolute;
  left: 0;
  top: -225px;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner
    .content-group__single:nth-child(4)
    .content-group__single__inner
    .img-group {
    position: static;
    max-width: 266px;
  }
}
.p-history-about__inner
  .content-group__single:nth-child(4)
  .content-group__single__inner
  .text-group {
  max-width: 534px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner
    .content-group__single:nth-child(4)
    .content-group__single__inner
    .text-group {
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-history-about__inner
  .content-group__single:nth-child(5)
  .content-group__single__inner {
  display: flex;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  justify-content: space-between;
  margin-top: 120px;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner
    .content-group__single:nth-child(5)
    .content-group__single__inner {
    max-width: 500px;
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    flex-direction: column-reverse;
  }
}
.p-history-about__inner
  .content-group__single:nth-child(5)
  .content-group__single__inner
  .img-group {
  max-width: 420px;
  width: 100%;
}
.p-history-about__inner
  .content-group__single:nth-child(5)
  .content-group__single__inner
  .rink-group {
  margin-top: 98px;
  color: #000;
  /* PC-button */
  font-family: "Shippori Mincho";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 46px */
  max-width: 346px;
}
@media screen and (max-width: 1023px) {
  .p-history-about__inner
    .content-group__single:nth-child(5)
    .content-group__single__inner
    .rink-group {
    max-width: 180px;
    margin-top: 8px;
  }
}

.p-history-bill__inner .title-group {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 137px;
  padding-left: 0px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-history-bill__inner .title-group {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-history-bill__inner .title-group {
    max-width: 500px;
    align-items: initial;
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.p-history-bill__inner .title-group p {
  color: #000;
  max-width: 200px;
  font-family: "Shippori Mincho";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%;
  margin-right: 34px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-history-bill__inner .title-group p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    padding-bottom: 12px;
  }
}
.p-history-bill__inner .title-group .border {
  width: 100%;
  height: 1px;
  background: #7a8889;
}
.p-history-bill__inner .img-group {
  margin: 0 auto;
  margin-top: 80px;
  max-width: 1160px;
  padding-right: 130px;
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-history-bill__inner .img-group {
    padding-left: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-history-bill__inner .img-group {
    max-width: 500px;
    padding-right: initial;
    margin-top: 30px;
  }
}
.p-history-bill__inner .sub-title {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
  margin-top: 38px;
}
@media screen and (max-width: 1023px) {
  .p-history-bill__inner .sub-title {
    margin-top: 31px;
    max-width: 500px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-history-bill__inner .slider-group__inner {
  margin-top: 120px;
}
@media screen and (max-width: 1023px) {
  .p-history-bill__inner .slider-group__inner {
    margin-top: 60px;
  }
}
.p-history-bill__inner .sixth-group {
  display: flex;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-history-bill__inner .sixth-group {
    margin-left: -410px;
  }
}
@media screen and (max-width: 1023px) {
  .p-history-bill__inner .sixth-group {
    margin-left: -210px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 360px) {
  .p-history-bill__inner .sixth-group {
    margin-left: -240px;
  }
}
.p-history-bill__inner .sixth-group .img-single {
  max-width: 360px;
  margin-right: 47px;
  height: 540px;
}
@media screen and (max-width: 1023px) {
  .p-history-bill__inner .sixth-group .img-single {
    margin-right: 16px;
    max-width: 240px;
    height: 360px;
  }
}
.p-history-bill__inner .sixth-group .text-group {
  margin-right: 38px;
}
@media screen and (max-width: 1023px) {
  .p-history-bill__inner .sixth-group .text-group {
    margin-right: 16px;
  }
}
.p-history-bill__inner .sixth-group .text-group img {
  width: 90px;
  padding-right: 10px;
  max-width: 92px;
}
@media screen and (max-width: 1023px) {
  .p-history-bill__inner .sixth-group .text-group img {
    padding-right: initial;
    max-width: 49px;
    height: 78px;
    -o-object-fit: contain;
    object-fit: contain;
  }
}
.p-history-bill__inner .sixth-group img {
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  opacity: 0; /* 初期状態では画像を透明に */
}
.p-history-bill__inner .sixth-group img.active {
  opacity: 1; /* アクティブな画像は不透明に */
}
.p-history-bill__inner .text-group-fixed2 img {
  opacity: 1;
}
.p-history-bill__inner .content-group2 {
  margin-bottom: 160px;
}
.p-history-bill__inner .content-group2__single {
  margin-top: 80px;
}
@media screen and (max-width: 1023px) {
  .p-history-bill__inner .content-group2__single {
    margin-top: 29px;
  }
}
.p-history-bill__inner .content-group2__single:nth-child(2) .img-group {
  margin-top: 160px;
}
@media screen and (max-width: 1023px) {
  .p-history-bill__inner .content-group2__single:nth-child(2) .img-group {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .p-history-bill__inner .content-group2__single .img-group {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.modal-history {
  visibility: hidden; /* 非表示だがレイアウトには含まれる */
  opacity: 0; /* 完全に透明 */
  position: fixed; /* 画面のどこにいても見えるように固定 */
  padding-left: 30px;
  padding-right: 30px;
  top: 50%;
  left: 50%;
  max-width: 1440px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  z-index: 10000000;
  transition: visibility 0s linear 0s, opacity 0s linear;
}
@media screen and (max-width: 1023px) {
  .modal-history {
    padding-left: 5px;
    padding-right: 5px;
    overflow: scroll;
    max-width: 500px;
  }
}
.modal-history .modal-content2 {
  width: 100%; /* 幅 */
  height: initial;
  padding-left: 40px;
  padding-right: 46px;
  padding-bottom: 40px;
  max-width: 1440px;
  z-index: 1; /* コンテンツより前面に */
  left: 0;
  top: 10%;
  width: 100%; /* 全幅 */
  overflow: auto; /* 外部コンテンツがスクロールできるように */
  background-color: #fafafa; /* 透明度 */
  position: relative;
}
@media screen and (max-width: 1023px) {
  .modal-history .modal-content2 {
    padding-left: 30px;
    padding-right: 30px;
    max-height: 650px;
  }
}
.modal-history .modal-content2 .title-group {
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 65px;
  padding-left: 0px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .modal-history .modal-content2 .title-group {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .modal-history .modal-content2 .title-group {
    margin-top: 40px;
    max-width: 500px;
    align-items: initial;
    flex-direction: column;
    padding-left: initial;
    padding-right: initial;
  }
}
.modal-history .modal-content2 .title-group p {
  color: #000;
  max-width: 200px;
  font-family: "Shippori Mincho";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%;
  margin-right: 34px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .modal-history .modal-content2 .title-group p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    padding-bottom: 12px;
  }
}
.modal-history .modal-content2 .title-group .border {
  width: 100%;
  height: 1px;
  background: #7a8889;
}
.modal-history .modal-content2 .close-history {
  max-width: 60px;
  display: block;
  position: absolute;
  right: 0px;
  margin-right: 0;
}
@media screen and (max-width: 1023px) {
  .modal-history .modal-content2 .close-history {
    max-width: 40px;
    margin-right: 0px;
    right: 6;
  }
}
.modal-history .modal-content2 .content-text {
  color: #000;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (min-width: 1024px) {
  .modal-history .modal-content2 .content-text {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .modal-history .modal-content2 .content-text {
    padding-top: 12px;
    font-family: "Shippori Mincho";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.modal-history .modal-content2 .end-text {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 13px;
}
@media screen and (max-width: 1023px) {
  .modal-history .modal-content2 .end-text {
    justify-content: left;
  }
}
.modal-history .modal-content2 .end-text p {
  padding-right: 13px;
  color: #000;
  /* PC-h2 */
  font-family: "Shippori Mincho";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 55.2px */
}
@media screen and (max-width: 1023px) {
  .modal-history .modal-content2 .end-text p {
    color: #000;
    /* SP-h2 */
    font-family: "Shippori Mincho";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
  }
}
.modal-history .modal-content2 .end-text img {
  display: block;
  max-width: 39px;
  max-width: 28px;
}

.modal-history.show {
  visibility: visible; /* モーダルを見えるようにする */
  opacity: 1; /* モーダルを不透明にする */
  transition: opacity 0.4s linear;
}

.p-cafe-top__inner {
  width: 100%;
  background-image: url(./assets/img/cafe/p-cafe-fv.png) !important;
  height: 794px;
  background-size: cover;
  position: relative;
  background-position: center;
}
@media screen and (max-width: 1023px) {
  .p-cafe-top__inner {
    background-image: url(./assets/img/cafe/p-cafe-fv-sp.png) !important;
    height: 500px;
  }
}
.p-cafe-top__inner .sub-logo {
  position: absolute;
  width: 72px;
  top: 71px;
  left: 7.2%;
}

.p-cafe-about__inner .img-group .img-2 .rink-group {
  max-width: 351px;
  width: 100%;
  margin-top: 99px;
}
.p-cafe-about__inner .img-group .img-2 .rink-group a {
  display: block;
}
@media screen and (max-width: 1023px) {
  .p-cafe-about__inner .img-group .img-2 .rink-group {
    max-width: 280px;
    width: 100%;
    margin-top: 8px;
  }
}

.p-cafe-about__inner {
  margin-top: 160px;
}
@media screen and (min-width: 1024px) {
  .p-cafe-about__inner {
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cafe-about__inner {
    margin-top: 56px;
  }
}
.p-cafe-about__inner .text-group {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-cafe-about__inner .text-group {
    padding-left: 30px;
  }
}
.p-cafe-about__inner .text-group__inner {
  max-width: 522px;
  width: 100%;
  color: #222;
  font-family: "Shippori Mincho";
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  .p-cafe-about__inner .text-group__inner {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
  }
}
.p-cafe-about__inner .text-group__inner .content {
  margin-top: 33px;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 35.2px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-about__inner .text-group__inner .content {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
    margin-top: 44px;
  }
}
.p-cafe-about__inner .text-group__inner .title {
  font-size: 24px;
  font-style: normal;
  line-height: 55.2px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-about__inner .text-group__inner .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
  }
}
.p-cafe-about__inner .text-group__inner .sp-img-group {
  max-width: 315px;
  width: 100%;
  margin: 0 auto;
  margin-top: 54px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-about__inner .text-group__inner .sp-img-group {
    margin-top: 43px;
  }
}
.p-cafe-about__inner .text-group::after {
  position: absolute;
  content: "";
  background-image: url(./assets/img/cafe/p-cafe-about.png);
  width: 460px;
  height: 649px;
  right: 0;
  top: 0;
  top: -254px;
  background-size: cover;
}
@media screen and (max-width: 1023px) {
  .p-cafe-about__inner .text-group::after {
    display: none;
  }
}
.p-cafe-about__inner .img-group {
  margin-top: 255px;
  max-width: 1170px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-cafe-about__inner .img-group {
    max-width: 375px;
    margin: 0 auto;
    margin-top: 60px;
    flex-direction: column;
  }
}
.p-cafe-about__inner .img-group .img-1 {
  max-width: 606px;
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-cafe-about__inner .img-group .img-1 {
    margin-right: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cafe-about__inner .img-group .img-1 {
    max-width: 345px;
  }
}
.p-cafe-about__inner .img-group .img-2 {
  max-width: 467px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafe-about__inner .img-group .img-2 {
    max-width: 345px;
    margin-left: auto;
    margin-top: 60px;
  }
}

.p-cafe-lunch__inner {
  max-width: 1160px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-cafe-lunch__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 522px;
  }
}
.p-cafe-lunch__inner .main-title-group {
  display: flex;
  align-items: center;
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  margin-top: 195px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .main-title-group {
    margin-top: 120px;
    flex-direction: column;
    align-items: initial;
  }
}
.p-cafe-lunch__inner .main-title-group p:first-child {
  color: #222;
  font-family: "Noto Serif JP";
  font-size: 52px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 88.4px */
  margin-right: 42px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .main-title-group p:first-child {
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 71.4px */
  }
}
.p-cafe-lunch__inner .main-title-group p:last-child {
  color: #000;
  /* PC-button */
  font-family: "Shippori Mincho";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 46px */
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .main-title-group p:last-child {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 230%; /* 36.8px */
    padding-top: 3px;
  }
}
.p-cafe-lunch__inner .content-group {
  display: flex;
  justify-content: space-between;
  max-width: 1030px;
  width: 100%;
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group {
    flex-direction: column;
    margin-top: 53px;
  }
}
.p-cafe-lunch__inner .content-group__text {
  margin-top: 8px;
  max-width: 566px;
  width: 100%;
}
.p-cafe-lunch__inner .content-group__text .main-text_title {
  color: #222;
  /* PC-h2 */
  font-family: "Shippori Mincho";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%;
  border-bottom: #222 1px solid;
  padding-bottom: 5px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__text .main-text_title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    padding-bottom: 10px;
  }
}
.p-cafe-lunch__inner .content-group__text .main-text_content {
  color: #000;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
  margin-top: 17px;
  max-width: 510px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__text .main-text_content {
    font-family: "Shippori Mincho";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
    margin-top: 14px;
  }
}
.p-cafe-lunch__inner .content-group__first {
  margin-left: 130px;
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__first {
    margin-left: initial;
    margin-top: 48px;
  }
}
.p-cafe-lunch__inner .content-group__first li {
  list-style: none;
  margin-bottom: 12px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__first li {
    margin-bottom: 4px;
  }
}
.p-cafe-lunch__inner .content-group__first li .main-title {
  color: #7a8889;
  font-family: "Noto Serif JP";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__first li .main-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 37.4px */
    margin-bottom: 20px;
  }
}
.p-cafe-lunch__inner .content-group__first li .title {
  color: #222;
  /* PC-button */
  font-family: "Shippori Mincho";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 46px */
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__first li .title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 230%; /* 36.8px */
  }
}
.p-cafe-lunch__inner .content-group__first li .content {
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__first li .content {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-cafe-lunch__inner .content-group__second {
  margin-left: 130px;
  margin-top: 42px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__second {
    margin-left: initial;
    margin-top: 21px;
  }
}
.p-cafe-lunch__inner .content-group__second li {
  list-style: none;
}
.p-cafe-lunch__inner .content-group__second li .main-title {
  color: #7a8889;
  font-family: "Noto Serif JP";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 54.4px */
  margin-bottom: 12px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__second li .main-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 37.4px */
    margin-bottom: 11px;
  }
}
.p-cafe-lunch__inner .content-group__second li .title {
  color: #222;
  /* PC-button */
  font-family: "Shippori Mincho";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 46px */
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__second li .title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 230%; /* 36.8px */
  }
}
.p-cafe-lunch__inner .content-group__second li .content {
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__second li .content {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-cafe-lunch__inner .content-group__img {
  max-width: 467px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__img {
    margin-top: 59px;
  }
}
.p-cafe-lunch__inner .content-group__img div {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-lunch__inner .content-group__img div {
    margin-bottom: 20px;
  }
}
.p-cafe-lunch__inner .content-group__img img {
  width: 100%;
}

.p-cafeside-menu__inner {
  max-width: 902px;
  width: 100%;
  margin: 0 auto;
  margin-top: 21px;
}
@media screen and (max-width: 1023px) {
  .p-cafeside-menu__inner {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 58px;
    max-width: 522px;
  }
}
.p-cafeside-menu__inner .title {
  color: #7a8889;
  font-family: "Noto Serif JP";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 68px */
}
@media screen and (max-width: 1023px) {
  .p-cafeside-menu__inner .title {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 51px */
  }
}
.p-cafeside-menu__inner .content-group {
  margin-top: 30px;
}
.p-cafeside-menu__inner .content-group__single {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 1023px) {
  .p-cafeside-menu__inner .content-group__single {
    flex-direction: column;
  }
}
.p-cafeside-menu__inner .content-group__single__img {
  max-width: 315px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafeside-menu__inner .content-group__single__img {
    margin: 0 auto;
  }
}
.p-cafeside-menu__inner .content-group__single__img img {
  width: 100%;
}
.p-cafeside-menu__inner .content-group__single__text {
  max-width: 491px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafeside-menu__inner .content-group__single__text {
    margin-top: 35px;
  }
}
.p-cafeside-menu__inner .content-group__single__text .title {
  color: #222;
  /* PC-h2 */
  font-family: "Shippori Mincho";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 55.2px */
}
@media screen and (max-width: 1023px) {
  .p-cafeside-menu__inner .content-group__single__text .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 36px */
  }
}
.p-cafeside-menu__inner .content-group__single__text .title span {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%;
  letter-spacing: -0.4px;
  margin-left: 12px;
}
@media screen and (max-width: 1023px) {
  .p-cafeside-menu__inner .content-group__single__text .title span {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
    margin-left: initial;
  }
}
.p-cafeside-menu__inner .content-group__single__text .content {
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
  margin-top: 24px;
  margin-bottom: 31px;
}
@media screen and (max-width: 1023px) {
  .p-cafeside-menu__inner .content-group__single__text .content {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
    margin-top: 22px;
    margin-bottom: 5px;
  }
}
.p-cafeside-menu__inner .content-group__single__text .price {
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
.p-cafeside-menu__inner .content-group__single__text img {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafeside-menu__inner
    .content-group__single:nth-child(2)
    .content-group__single__text
    .content {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1023px) {
  .p-cafe-drink-menu {
    margin-top: -7px;
    margin-bottom: 116px;
  }
}
.p-cafe-drink-menu__inner {
  max-width: 902px;
  width: 100%;
  margin: 0 auto;
  margin-top: 90px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-drink-menu__inner {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: initial;
    max-width: 522px;
  }
}
.p-cafe-drink-menu__inner .main-title {
  color: #7a8889;
  font-family: "Noto Serif JP";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 68px */
}
@media screen and (max-width: 1023px) {
  .p-cafe-drink-menu__inner .main-title {
    font-size: 30px;
  }
}
.p-cafe-drink-menu__inner .content-group {
  margin-top: 51px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-drink-menu__inner .content-group {
    margin-top: 29px;
  }
}
.p-cafe-drink-menu__inner .content-group__single {
  margin-bottom: 114px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-drink-menu__inner .content-group__single {
    margin-bottom: 28px;
  }
}
.p-cafe-drink-menu__inner .content-group__single .title-group {
  display: flex;
  border-bottom: 1px solid rgba(172, 172, 172, 0.5);
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 36px;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-cafe-drink-menu__inner .content-group__single .title-group {
    margin-bottom: 30px;
    padding-bottom: initial;
  }
}
.p-cafe-drink-menu__inner .content-group__single .title-group .title {
  color: #222;
  /* PC-h2 */
  font-family: "Shippori Mincho";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 55.2px */
}
@media screen and (max-width: 1023px) {
  .p-cafe-drink-menu__inner .content-group__single .title-group .title {
    font-size: 18px;
    line-height: 200%; /* 36px */
  }
}
.p-cafe-drink-menu__inner .content-group__single .title-group .sub-title {
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
  padding-top: 7px;
}
.p-cafe-drink-menu__inner .content-group__single .price-group {
  display: flex;
  margin-bottom: 8px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-drink-menu__inner .content-group__single .price-group {
    flex-direction: column;
  }
}
.p-cafe-drink-menu__inner .content-group__single .price-group .title {
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
  max-width: 541px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafe-drink-menu__inner .content-group__single .price-group .title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-cafe-drink-menu__inner .content-group__single .price-group .sub-title {
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-drink-menu__inner .content-group__single .price-group .sub-title {
    font-size: 13px;
    line-height: 260%;
  }
}
.p-cafe-drink-menu__inner .content-group__single .sp-text {
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-drink-menu__inner .content-group__single .sp-text {
    font-size: 13px;
    line-height: 260%;
  }
}

.p-cafe-cafe__inner {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-cafe-cafe__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cafe-cafe__inner {
    max-width: 462px;
  }
}
.p-cafe-cafe__inner .main-title-group {
  display: flex;
  align-items: center;
  margin-top: 160px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-cafe__inner .main-title-group {
    margin-top: 120px;
    flex-direction: column;
    align-items: initial;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 86px;
  }
}
.p-cafe-cafe__inner .main-title-group p:first-child {
  color: #222;
  font-family: "Noto Serif JP";
  font-size: 52px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 88.4px */
  margin-right: 32px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-cafe__inner .main-title-group p:first-child {
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 71.4px */
  }
}
.p-cafe-cafe__inner .main-title-group p:last-child {
  color: #000;
  /* PC-button */
  font-family: "Shippori Mincho";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 46px */
}
@media screen and (max-width: 1023px) {
  .p-cafe-cafe__inner .main-title-group p:last-child {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 230%; /* 36.8px */
    padding-top: 3px;
  }
}
.p-cafe-cafe__inner .content-group {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  padding-right: 130px;
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-cafe__inner .content-group {
    padding-right: initial;
  }
}
.p-cafe-cafe__inner .content-group__single {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-cafe__inner .content-group__single {
    flex-direction: column-reverse;
    margin-bottom: 58px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cafe-cafe__inner .content-group__single:nth-child(2) .content-group__text {
    margin-top: 23px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cafe-cafe__inner
    .content-group__single:nth-child(2)
    .content-group__text
    .sub-content
    p {
    margin-bottom: initial;
  }
}
.p-cafe-cafe__inner .content-group_img {
  max-width: 467px;
  width: 100%;
}
.p-cafe-cafe__inner .content-group_img img {
  width: 100%;
}
.p-cafe-cafe__inner .content-group__text {
  max-width: 563px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafe-cafe__inner .content-group__text {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.p-cafe-cafe__inner .content-group__text .main-text_title {
  color: #222;
  /* PC-h2 */
  font-family: "Shippori Mincho";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 55.2px */
  border-bottom: #222 1px solid;
  padding-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-cafe__inner .content-group__text .main-text_title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
    margin-top: 30px;
    padding-bottom: 20px;
  }
}
.p-cafe-cafe__inner .content-group__text .sub-content {
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
  max-width: 303px;
  margin: 0 auto;
  margin-top: 39px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-cafe__inner .content-group__text .sub-content {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
    margin: initial;
    margin-top: 25px;
  }
}
.p-cafe-cafe__inner .content-group__text .sub-content p {
  margin-bottom: 9px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-cafe__inner .content-group__text .sub-content p {
    margin-bottom: 1px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cafe-cafe__inner .content-group__text .sub-content p:first-child {
    margin-bottom: 11px;
  }
}
.p-cafe-cafe__inner .rink-group {
  max-width: 344px;
  width: 100%;
  margin-top: 62px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-cafe__inner .rink-group {
    margin-top: 59px;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 375px;
  }
}
.p-cafe-cafe__inner .rink-group a {
  display: block;
}
.p-cafe-cafe__inner .rink-group a img {
  width: 100%;
}

.p-cafe-food__inner {
  max-width: 902px;
  width: 100%;
  margin: 0 auto;
  margin-top: 160px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-food__inner {
    margin-top: 96px;
    max-width: 522px;
  }
}
.p-cafe-food__inner__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-cafe-food__inner__title {
    flex-direction: column;
  }
}
.p-cafe-food__inner__title .border {
  background-color: rgba(172, 172, 172, 0.5);
  height: 1px;
  width: 100%;
  max-width: 250px;
}
.p-cafe-food__inner .main-title {
  color: #000;
  font-family: "Shippori Mincho";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 36px */
  letter-spacing: 2.16px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-food__inner .main-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 44px */
    letter-spacing: 0px;
    line-height: 154%;
  }
}
.p-cafe-food__inner .content-group {
  display: flex;
  justify-content: space-between;
  margin-top: 74px;
  margin-bottom: 95px;
  padding-right: 4px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-food__inner .content-group {
    flex-direction: column;
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 42px;
  }
}
.p-cafe-food__inner .content-group__img {
  max-width: 275px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafe-food__inner .content-group__img {
    max-width: 375px;
    margin: 0 auto;
  }
}
.p-cafe-food__inner .content-group__img img {
  width: 100%;
}
.p-cafe-food__inner .content-group__text {
  max-width: 531px;
  width: 100%;
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-food__inner .content-group__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
    margin-top: 38px;
  }
}
.p-cafe-food__inner .bottom-img-group {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-cafe-food__inner .bottom-img-group {
    flex-direction: column;
  }
}
.p-cafe-food__inner .bottom-img-group img {
  width: 100%;
}
.p-cafe-food__inner .bottom-img-group .img1 {
  max-width: 450px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafe-food__inner .bottom-img-group .img1 {
    margin: 0 auto;
  }
}
.p-cafe-food__inner .bottom-img-group .img2 {
  max-width: 450px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafe-food__inner .bottom-img-group .img2 {
    margin: 0 auto;
  }
}

.p-cafe-fire__inner {
  max-width: 902px;
  width: 100%;
  margin: 0 auto;
  margin-top: 160px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-fire__inner {
    margin-top: 89px;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 522px;
  }
}
.p-cafe-fire__inner__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-cafe-fire__inner__title {
    flex-direction: column;
    align-items: initial;
  }
}
.p-cafe-fire__inner__title .border {
  background-color: rgba(172, 172, 172, 0.5);
  height: 1px;
  width: 100%;
  max-width: 330px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-fire__inner__title .border {
    max-width: 330px;
    margin: 0 auto;
  }
}
.p-cafe-fire__inner .main-title {
  color: #000;
  font-family: "Shippori Mincho";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 36px */
  letter-spacing: 2.16px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-fire__inner .main-title {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 44px */
    letter-spacing: 0px;
    margin: 0 auto;
    max-width: 315px;
    width: 100%;
  }
}
.p-cafe-fire__inner .content-group {
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
  margin-bottom: 95px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-fire__inner .content-group {
    margin-top: 28px;
    flex-direction: column;
    margin-bottom: 60px;
  }
}
.p-cafe-fire__inner .content-group__img {
  max-width: 275px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafe-fire__inner .content-group__img {
    max-width: 375px;
    margin: 0 auto;
  }
}
.p-cafe-fire__inner .content-group__img img {
  width: 100%;
}
.p-cafe-fire__inner .content-group__text {
  max-width: 535px;
  width: 100%;
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-fire__inner .content-group__text {
    margin-top: 37px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-cafe-fire__inner .bottom-img-group {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-cafe-fire__inner .bottom-img-group {
    flex-direction: column-reverse;
  }
}
.p-cafe-fire__inner .bottom-img-group img {
  width: 100%;
  height: auto;
}
.p-cafe-fire__inner .bottom-img-group .img1-group {
  max-width: 344px;
  width: 100%;
  margin-top: 120px;
}
@media screen and (max-width: 1023px) {
  .p-cafe-fire__inner .bottom-img-group .img1-group {
    margin: 0 auto;
    margin-top: 64px;
    max-width: 312px;
  }
}
.p-cafe-fire__inner .bottom-img-group .img1-group .img1 {
  max-width: 312px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafe-fire__inner .bottom-img-group .img1-group .img1 {
    margin: 0 auto;
  }
}
.p-cafe-fire__inner .bottom-img-group .img1-group .sub-img {
  margin-top: 12px;
  width: 100%;
}
.p-cafe-fire__inner .bottom-img-group .img2-group {
  max-width: 467px;
  width: 100%;
}
.p-cafe-fire__inner .bottom-img-group .img2-group .img2 {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cafe-fire__inner .bottom-img-group .img2-group .img2 {
    max-width: 312px;
    margin: 0 auto;
  }
}
.p-cafe-fire__inner .bottom-img-group .img2-group .sub-img {
  margin-top: 12px;
  width: 100%;
  max-width: 344px;
  margin-left: auto;
}

@media screen and (max-width: 1023px) {
  .p-cafe-content__inner {
    margin-bottom: 90px !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-cafe-content__inner .bottom-img {
    margin-top: 89px !important;
  }
}

/*====================================================
*
*	page: gallery
*
====================================================*/
.p-gallery-top__inner {
  width: 100%;
  background-image: url(./assets/img/gallery/p-gallery-fv.png);
  height: 794px;
  background-size: cover;
  position: relative;
  background-position: center;
}
@media screen and (max-width: 1023px) {
  .p-gallery-top__inner {
    background-image: url(./assets/img/gallery/p-gallery-fv-sp.png);
    height: 500px;
    background-position: center;
  }
}
.p-gallery-top__inner .sub-logo {
  position: absolute;
  width: 72px;
  top: 71px;
  left: 7.2%;
}

@media screen and (min-width: 1024px) {
  .p-gallery-about__inner {
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .p-gallery-about__inner {
    margin-top: 56px;
  }
}
.p-gallery-about__inner .text-group {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-gallery-about__inner .text-group {
    padding-left: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-gallery-about__inner .text-group {
    flex-direction: column;
  }
}
.p-gallery-about__inner .text-group__inner {
  max-width: 490px;
  width: 100%;
  color: #222;
  font-family: "Shippori Mincho";
  font-style: normal;
  font-weight: 400;
  padding-top: 101px;
}
@media screen and (max-width: 1023px) {
  .p-gallery-about__inner .text-group__inner {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    padding-top: initial;
  }
}
.p-gallery-about__inner .text-group__inner .content {
  margin-top: 43px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.9px;
}
@media screen and (max-width: 1023px) {
  .p-gallery-about__inner .text-group__inner .content {
    margin-top: 14px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-gallery-about__inner .text-group__inner .title {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 55.2px */
}
@media screen and (max-width: 1023px) {
  .p-gallery-about__inner .text-group__inner .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
  }
}
.p-gallery-about__inner .text-group .img-group-first {
  max-width: 410px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-gallery-about__inner .text-group .img-group-first {
    padding: 30px;
    margin: 0 auto;
    margin-top: 5px;
  }
}
.p-gallery-about__inner .img-group {
  margin-top: 147px;
  max-width: 1299px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
}
@media screen and (max-width: 1023px) {
  .p-gallery-about__inner .img-group {
    max-width: 430px;
    margin: 0 auto;
    margin-top: 14px;
    flex-direction: column;
  }
}
.p-gallery-about__inner .img-group .img-1 {
  max-width: 390px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-gallery-about__inner .img-group .img-1 {
    margin-right: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-gallery-about__inner .img-group .img-1 {
    max-width: 285px;
  }
}
.p-gallery-about__inner .img-group .img-2 {
  max-width: 717px;
  width: 100%;
  margin-top: 102px;
}
@media screen and (max-width: 1023px) {
  .p-gallery-about__inner .img-group .img-2 {
    max-width: 375px;
    margin-left: auto;
    margin-top: 79px;
  }
}
.p-gallery-about__inner .bottom-group {
  margin-top: 201px;
  max-width: 1440px;
  width: 100%;
  max-height: 690px;
}
@media screen and (max-width: 1023px) {
  .p-gallery-about__inner .bottom-group {
    margin-top: 160px;
  }
}
.p-gallery-about__inner .bottom-group img {
  width: 100%;
  height: auto;
  max-height: 690px;
}

@media screen and (min-width: 1024px) {
  .p-gallery-saron__inner {
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 117px;
  }
}
@media screen and (max-width: 1023px) {
  .p-gallery-saron__inner {
    margin-top: 56px;
  }
}
.p-gallery-saron__inner .text-group {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-gallery-saron__inner .text-group {
    padding-left: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-gallery-saron__inner .text-group {
    flex-direction: column;
  }
}
.p-gallery-saron__inner .text-group__inner {
  max-width: 522px;
  width: 100%;
  color: #222;
  font-family: "Shippori Mincho";
  font-style: normal;
  font-weight: 400;
  margin-top: 44px;
}
@media screen and (max-width: 1023px) {
  .p-gallery-saron__inner .text-group__inner {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
  }
}
.p-gallery-saron__inner .text-group__inner .content {
  margin-top: 33px;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 35.2px;
}
@media screen and (max-width: 1023px) {
  .p-gallery-saron__inner .text-group__inner .content {
    margin-top: 13px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-gallery-saron__inner .text-group__inner .title {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 55.2px */
}
@media screen and (max-width: 1023px) {
  .p-gallery-saron__inner .text-group__inner .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
  }
}
.p-gallery-saron__inner .text-group .img-group-first {
  max-width: 410px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-gallery-saron__inner .text-group .img-group-first {
    margin: 0 auto;
    max-width: 520px;
    margin-top: 11px;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 1023px) {
  .p-gallery-content__inner {
    margin-bottom: 90px !important;
  }
}
.p-gallery-content__inner .bottom-img {
  margin-top: 158px !important;
}
@media screen and (max-width: 1023px) {
  .p-gallery-content__inner .bottom-img {
    margin-top: 90px !important;
  }
}

/*====================================================
*
*	page: workshop
*
====================================================*/
.p-hotel-top__inner {
  width: 100%;
  background-image: url(./assets/img/hotel/p-hotel-fv.png);
  height: 794px;
  background-size: cover;
  position: relative;
  background-position: center;
}
@media screen and (max-width: 1023px) {
  .p-hotel-top__inner {
    background-image: url(./assets/img/hotel/p-hotel-fv-sp.png);
    height: 500px;
    background-position: center;
  }
}
.p-hotel-top__inner .sub-logo {
  position: absolute;
  width: 72px;
  top: 71px;
  left: 7.2%;
}

.p-hotel-about__inner {
  margin-top: 160px;
}
@media screen and (min-width: 1024px) {
  .p-hotel-about__inner {
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 160px;
  }
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner {
    margin-top: 56px;
  }
}
.p-hotel-about__inner .text-group {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-hotel-about__inner .text-group {
    padding-left: 30px;
  }
}
.p-hotel-about__inner .text-group__inner {
  max-width: 522px;
  width: 100%;
  color: #222;
  font-family: "Shippori Mincho";
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .text-group__inner {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
  }
}
.p-hotel-about__inner .text-group__inner .content {
  margin-top: 33px;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 35.2px;
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .text-group__inner .content {
    margin-top: 25px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-hotel-about__inner .text-group__inner .title {
  font-size: 24px;
  font-style: normal;
  line-height: 55.2px;
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .text-group__inner .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
  }
}
.p-hotel-about__inner .text-group__inner .sp-img-group {
  max-width: 315px;
  width: 100%;
  margin: 0 auto;
  margin-top: 53px;
}
.p-hotel-about__inner .text-group::after {
  position: absolute;
  content: "";
  background-image: url(./assets/img/hotel/p-hotel-about.png);
  width: 460px;
  height: 649px;
  right: 0;
  top: 0;
  top: -254px;
  background-size: cover;
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .text-group::after {
    display: none;
  }
}
.p-hotel-about__inner .img-group {
  margin-top: 290px;
  max-width: 1165px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .img-group {
    max-width: 375px;
    margin: 0 auto;
    margin-top: 60px;
    flex-direction: column;
  }
}
.p-hotel-about__inner .img-group .img-1 {
  max-width: 606px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-hotel-about__inner .img-group .img-1 {
    margin-right: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .img-group .img-1 {
    max-width: 345px;
  }
}
.p-hotel-about__inner .img-group .img-2 {
  max-width: 467px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .img-group .img-2 {
    max-width: 345px;
    margin-left: auto;
    margin-top: 60px;
  }
}
.p-hotel-about__inner .food-group {
  margin: 0 auto;
  margin-top: 160px;
  padding-left: 132px;
  max-width: 1160px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .food-group {
    flex-direction: column-reverse;
    padding-left: initial;
    margin-top: 95px;
    max-width: 462px;
  }
}
.p-hotel-about__inner .food-group__text {
  max-width: 562px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .food-group__text {
    margin-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.p-hotel-about__inner .food-group__text .main-title {
  color: #222;
  /* PC-h2 */
  font-family: "Shippori Mincho";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 55.2px */
  border-bottom: 1px #000 solid;
  padding-bottom: 9px;
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .food-group__text .main-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
    padding-bottom: 18px;
  }
}
.p-hotel-about__inner .food-group__text .content-group {
  margin-top: 25px;
}
.p-hotel-about__inner .food-group__text .content-group .title {
  color: #222;
  /* PC-button */
  font-family: "Shippori Mincho";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 46px */
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .food-group__text .content-group .title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 230%; /* 36.8px */
  }
}
.p-hotel-about__inner .food-group__text .content-group .content {
  color: #222;
  padding-top: 11px;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .food-group__text .content-group .content {
    padding-top: 6px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-hotel-about__inner .food-group__img {
  max-width: 467px;
  width: 100%;
}
.p-hotel-about__inner .food-group__img img {
  width: 100%;
}
.p-hotel-about__inner .bottom-group {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  margin-top: 136px;
}
@media screen and (max-width: 1023px) {
  .p-hotel-about__inner .bottom-group {
    margin-top: 59px;
  }
}
.p-hotel-about__inner .bottom-group img {
  width: 100%;
}

.p-hotel-content__inner {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 160px;
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-hotel-content__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.p-hotel-content__inner .title-group {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 160px;
  padding-left: 0px;
}
@media screen and (max-width: 1023px) {
  .p-hotel-content__inner .title-group {
    align-items: initial;
    flex-direction: column;
    padding-right: initial;
    max-width: 522px;
    margin-top: 120px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 122px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 725px) {
  .p-hotel-content__inner .title-group {
    max-width: 720px;
  }
}
.p-hotel-content__inner .title-group p {
  max-width: 187px;
  width: 100%;
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 92px */
  margin-right: 20px;
}
@media screen and (max-width: 1023px) {
  .p-hotel-content__inner .title-group p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    margin-right: initial;
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 360px) {
  .p-hotel-content__inner .title-group p {
    font-size: 20px;
  }
}
.p-hotel-content__inner .title-group .border {
  width: 100%;
  height: 1px;
  background: #7a8889;
}
@media screen and (max-width: 1023px) {
  .p-hotel-content__inner .title-group .border {
    height: 1px;
  }
}
.p-hotel-content__inner .content-group {
  display: flex;
  justify-content: space-between;
  max-width: 902px;
  margin: 0 auto;
  margin-top: -10px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .p-hotel-content__inner .content-group {
    margin-top: 40px;
    flex-wrap: wrap;
    max-width: 680px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .p-hotel-content__inner .content-group {
    max-width: 315px;
  }
}
.p-hotel-content__inner .content-group__single {
  max-width: 274px;
  width: 100%;
  margin-top: 60px;
}
.p-hotel-content__inner .content-group__single a {
  display: block;
  height: 100%;
}
.p-hotel-content__inner .content-group__single img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 274px;
  height: 196px;
}
@media screen and (max-width: 1023px) {
  .p-hotel-content__inner .content-group__single {
    max-width: 312px;
    width: 100%;
    margin-bottom: 47px;
  }
  .p-hotel-content__inner .content-group__single img {
    margin: 0 auto;
    display: block;
  }
  .p-hotel-content__inner .content-group__single.no-img {
    background-image: url(assets/img/logo.svg);
  }
}
.p-hotel-content__inner .content-group__single .date {
  color: #25393b;
  font-family: "Noto Serif JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 30.6px */
  letter-spacing: 1.2px;
  padding-top: 16px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .p-hotel-content__inner .content-group__single .date {
    font-family: "Shippori Mincho";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 35.2px */
    letter-spacing: 0.96px;
    padding-bottom: 10px;
  }
}
.p-hotel-content__inner .content-group__single .content {
  color: #25393b;
  font-family: "Noto Serif JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 30.6px */
  letter-spacing: 1.1px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 表示したい行数 */
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .p-hotel-content__inner .content-group__single .content {
    font-family: "Shippori Mincho";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 表示したい行数 */
    overflow: hidden;
  }
}
.p-hotel-content__inner .rink-area {
  margin-left: auto;
  max-width: 265px;
}
@media screen and (max-width: 1023px) {
  .p-hotel-content__inner .rink-area {
    margin-left: initial;
  }
}
.p-hotel-content__inner .rink-area p {
  color: #000;
  font-family: "Noto Serif JP";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 55.2px;
}
.p-hotel-content__inner .bottom-img {
  margin-top: 195px;
  max-width: 910px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-hotel-content__inner .bottom-img {
    margin: 0 auto;
    margin-top: 140px;
    padding-right: 30px;
  }
}
.p-hotel-content__inner .bottom-img img {
  width: 100%;
}
.p-hotel-content__inner .bottom-img .pc-img {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-hotel-content__inner .bottom-img .pc-img {
    display: none;
  }
}
.p-hotel-content__inner .bottom-img .sp-img {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-hotel-content__inner .bottom-img .sp-img {
    display: block;
    margin: 0 auto;
    max-width: 450px;
  }
}

_::-webkit-full-page-media,
_:future,
:root .p-top-info .p-top-info__inner .content-group__single .content {
  height: 55px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 100%; /* 例として100%を指定 */
}

/*====================================================
*
*	page: gallery
*
====================================================*/
.p-sasa-top__inner {
  width: 100%;
  background-image: url(./assets/img/sasa/p-sasa-fv.png);
  height: 794px;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-sasa-top__inner {
    background-image: url(./assets/img/sasa/p-sasa-fv-sp.png);
    height: 500px;
  }
}
.p-sasa-top__inner .sub-logo {
  position: absolute;
  width: 72px;
  top: 71px;
  left: 7.2%;
}

@media screen and (min-width: 1024px) {
  .p-sasa-about__inner {
    max-width: 1440px;
    margin: 0 auto;
    margin-top: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .p-sasa-about__inner {
    margin-top: 56px;
  }
}
.p-sasa-about__inner .text-group {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-sasa-about__inner .text-group {
    padding-left: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-sasa-about__inner .text-group {
    flex-direction: column;
  }
}
.p-sasa-about__inner .text-group__inner {
  max-width: 490px;
  width: 100%;
  color: #222;
  font-family: "Shippori Mincho";
  font-style: normal;
  font-weight: 400;
  padding-top: 100px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-about__inner .text-group__inner {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0 auto;
    padding-top: initial;
  }
}
.p-sasa-about__inner .text-group__inner .content {
  margin-top: 35px;
  font-size: 16px;
  letter-spacing: 0.96px;
  line-height: 35.2px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-about__inner .text-group__inner .content {
    margin-top: 25px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
  }
}
.p-sasa-about__inner .text-group__inner .title {
  font-size: 24px;
  font-style: normal;
  line-height: 55.2px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-about__inner .text-group__inner .title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
  }
}
.p-sasa-about__inner .text-group .img-group-first {
  max-width: 410px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-sasa-about__inner .text-group .img-group-first {
    max-width: 315px;
    margin: 0 auto;
    margin-top: 54px;
  }
}
.p-sasa-about__inner .img-group {
  margin-top: 152px;
  max-width: 1299px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
}
@media screen and (max-width: 1023px) {
  .p-sasa-about__inner .img-group {
    max-width: 375px;
    margin: 0 auto;
    margin-top: 50px;
    flex-direction: column;
  }
}
.p-sasa-about__inner .img-group .img-1 {
  max-width: 390px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-sasa-about__inner .img-group .img-1 {
    margin-right: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-sasa-about__inner .img-group .img-1 {
    margin: initial;
    max-width: 285px;
  }
}
.p-sasa-about__inner .img-group .img-2 {
  max-width: 717px;
  width: 100%;
  margin-top: 105px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-about__inner .img-group .img-2 {
    max-width: 375px;
    margin-left: auto;
    margin-top: 73px;
  }
}

.p-sasa-sweet__inner {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  margin-top: 90px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner {
    margin-top: 121px;
    padding-left: 30px;
    padding-right: 30px;
    max-width: 490px;
  }
}
.p-sasa-sweet__inner .title-group {
  display: flex;
  max-width: 414px;
  justify-content: space-between;
  align-items: center;
  padding-left: 15px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .title-group {
    flex-direction: column;
    align-items: initial;
    padding-left: initial;
  }
}
.p-sasa-sweet__inner .title-group .main-text {
  color: #222;
  font-family: "Noto Serif JP";
  font-size: 52px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 88.4px */
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .title-group .main-text {
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 71.4px */
  }
}
.p-sasa-sweet__inner .title-group .time {
  color: #000;
  font-family: "Noto Serif JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 34px */
  padding-top: 16px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .title-group .time {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 27.2px */
    padding-top: 2px;
    padding-left: 4px;
  }
}
.p-sasa-sweet__inner .content-group {
  max-width: 901px;
  width: 100%;
  margin: 0 auto;
  margin-top: 60px;
}
.p-sasa-sweet__inner .content-group__single {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .content-group__single {
    flex-direction: column;
    margin-bottom: 62px;
  }
}
.p-sasa-sweet__inner .content-group__single .img-group {
  max-width: 314px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .content-group__single .img-group {
    max-width: initial;
  }
}
.p-sasa-sweet__inner .content-group__single .img-group img {
  width: 100%;
}
.p-sasa-sweet__inner .content-group__single .text-group {
  max-width: 481px;
  width: 100%;
  padding-right: 10px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .content-group__single .text-group {
    padding-right: initial;
  }
}
.p-sasa-sweet__inner .content-group__single .text-group .title {
  color: #222;
  /* PC-h2 */
  font-family: "Shippori Mincho";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 55.2px */
  margin-top: 18px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .content-group__single .text-group .title {
    margin-top: 27px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
  }
}
.p-sasa-sweet__inner .content-group__single .text-group .content {
  margin-top: 25px;
  margin-bottom: 25px;
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .content-group__single .text-group .content {
    margin-top: 21px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
    margin-bottom: 6px;
  }
}
.p-sasa-sweet__inner .content-group__single .text-group .price {
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
.p-sasa-sweet__inner .content-group__single .text-group .price span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%;
  letter-spacing: 0.84px;
}
.p-sasa-sweet__inner .bottom-group {
  margin-top: 156px;
  padding-right: 134px;
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-sasa-sweet__inner .bottom-group {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .bottom-group {
    margin-top: 92px;
    padding-right: initial;
  }
}
.p-sasa-sweet__inner .bottom-group .sub-title-group {
  margin-bottom: 60px;
  color: #25393b;
  font-feature-settings: "dlig" on, "hist" on, "vert" on;
  /* PC-h1 */
  font-family: "Shippori Mincho";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 48px */
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .bottom-group .sub-title-group {
    flex-direction: column;
    align-items: initial;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 28.8px */
    margin-bottom: 30px;
  }
}
.p-sasa-sweet__inner .bottom-group .sub-title-group .sub-title {
  max-width: 248px;
  width: 100%;
}
.p-sasa-sweet__inner .bottom-group .sub-title-group .border {
  background: rgba(172, 172, 172, 0.5);
  height: 1px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .bottom-group .sub-title-group .border {
    margin-top: 12px;
  }
}
.p-sasa-sweet__inner .bottom-group .bottom-content-group {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .bottom-group .bottom-content-group {
    flex-direction: column;
  }
}
.p-sasa-sweet__inner .bottom-group .bottom-content-group .img-group {
  max-width: 323px;
}
@media screen and (min-width: 1024px) {
  .p-sasa-sweet__inner .bottom-group .bottom-content-group .img-group {
    margin-right: 20px;
  }
}
.p-sasa-sweet__inner .bottom-group .bottom-content-group .img-group img {
  width: 100%;
}
.p-sasa-sweet__inner .bottom-group .bottom-content-group .text-group {
  max-width: 573px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner .bottom-group .bottom-content-group .text-group {
    margin-top: 37px;
  }
}
.p-sasa-sweet__inner .bottom-group .bottom-content-group .text-group .content {
  color: #222;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
  padding-bottom: 16px;
  border-bottom: rgba(172, 172, 172, 0.5) 1px solid;
  margin-bottom: 17px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner
    .bottom-group
    .bottom-content-group
    .text-group
    .content {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 221%;
    letter-spacing: 0.84px;
    border-bottom: initial;
    margin-bottom: 7px;
  }
  .p-sasa-sweet__inner
    .bottom-group
    .bottom-content-group
    .text-group
    .content
    .bottom-img {
    margin-top: initial;
  }
}
.p-sasa-sweet__inner
  .bottom-group
  .bottom-content-group
  .text-group
  .time-group {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner
    .bottom-group
    .bottom-content-group
    .text-group
    .time-group {
    justify-content: space-between;
    max-width: 302px;
  }
}
.p-sasa-sweet__inner
  .bottom-group
  .bottom-content-group
  .text-group
  .time-group
  .time {
  margin-right: 38px;
  color: #000;
  font-family: "Shippori Mincho";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 39.6px */
  letter-spacing: 1.08px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner
    .bottom-group
    .bottom-content-group
    .text-group
    .time-group
    .time {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 35.2px */
    letter-spacing: 0.96px;
    margin-right: initial;
  }
}
.p-sasa-sweet__inner
  .bottom-group
  .bottom-content-group
  .text-group
  .time-group
  .close-day {
  margin-right: 38px;
  color: #000;
  font-family: "Shippori Mincho";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 39.6px */
  letter-spacing: 1.08px;
}
@media screen and (max-width: 1023px) {
  .p-sasa-sweet__inner
    .bottom-group
    .bottom-content-group
    .text-group
    .time-group
    .close-day {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 35.2px */
    letter-spacing: 0.96px;
    margin-right: initial;
  }
}

@media screen and (max-width: 1023px) {
  .p-sasa-content .p-workshop-content__inner {
    margin-top: 91px;
  }
}

.p-news-top {
  margin-top: 120px;
  margin-bottom: 120px;
}
.p-news-top li {
  list-style: none;
}
.p-news-top img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.p-news-top a {
  text-decoration: none;
  color: inherit;
}
@media screen and (max-width: 1023px) {
  .p-news-top {
    margin-top: 121px;
    margin-bottom: 120px;
  }
}
.p-news-top__inner {
  position: relative;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  /* 現在のページ番号のスタイル */
  /* ページネーションのリンクにホバーしたときのスタイル */
}
.p-news-top__inner .left-logo-img {
  position: absolute;
  max-width: 72px;
  width: 100%;
  top: 0;
  left: 104px;
}
@media screen and (max-width: 1023px) {
  .p-news-top__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.p-news-top__inner .title-group {
  text-align: center;
  margin-bottom: 149px;
}
.p-news-top__inner .title-group .title {
  color: #000;
  font-feature-settings: "dlig" on, "hist" on, "vert" on;
  /* PC-h1 */
  font-family: "Shippori Mincho";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 48px */
}
.p-news-top__inner .content-group {
  display: flex;
  justify-content: space-between;
  max-width: 1342px;
  margin: 0 auto;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .p-news-top__inner .content-group {
    padding-left: 220px;
    padding-right: 220px;
  }
}
@media screen and (max-width: 1023px) {
  .p-news-top__inner .content-group {
    margin-top: 40px;
    flex-wrap: wrap;
    max-width: 680px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .p-news-top__inner .content-group {
    max-width: 315px;
  }
}
.p-news-top__inner .content-group__single {
  max-width: 274px;
  width: 100%;
  margin-bottom: 98px;
}
.p-news-top__inner .content-group__single a {
  display: block;
  height: 100%;
}
.p-news-top__inner .content-group__single img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 274px;
  height: 196px;
}
@media screen and (max-width: 1023px) {
  .p-news-top__inner .content-group__single {
    max-width: 312px;
    width: 100%;
    margin-bottom: 47px;
  }
  .p-news-top__inner .content-group__single img {
    margin: 0 auto;
    display: block;
  }
  .p-news-top__inner .content-group__single.no-img {
    background-image: url(assets/img/logo.svg);
  }
}
.p-news-top__inner .content-group__single .date {
  color: #25393b;
  font-family: "Noto Serif JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 30.6px */
  letter-spacing: 1.2px;
  padding-top: 16px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .p-news-top__inner .content-group__single .date {
    font-family: "Shippori Mincho";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 35.2px */
    letter-spacing: 0.96px;
    padding-bottom: 10px;
  }
}
.p-news-top__inner .content-group__single .content {
  color: #25393b;
  font-family: "Noto Serif JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 30.6px */
  letter-spacing: 1.1px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 表示したい行数 */
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .p-news-top__inner .content-group__single .content {
    font-family: "Shippori Mincho";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 表示したい行数 */
    overflow: hidden;
  }
}
.p-news-top__inner .rink-area-sp {
  margin: 0 auto;
  margin-top: 28px;
}
@media screen and (max-width: 1023px) {
  .p-news-top__inner .rink-area-sp {
    max-width: 680px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .p-news-top__inner .rink-area-sp {
    max-width: 315px;
  }
}
.p-news-top__inner .rink-area-sp a {
  max-width: 266px;
  display: block;
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .p-news-top__inner .rink-area-sp a {
    margin-left: auto;
  }
}
.p-news-top__inner .pagination {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
}
.p-news-top__inner .pagination .page-numbers {
  text-decoration: none; /* テキストの下線を消す */
  display: flex;
  justify-content: center;
}
.p-news-top__inner .pagination .page-numbers li {
  width: 100%;
  max-width: 40px;
  height: 40px;
}
.p-news-top__inner .pagination .page-numbers li:not(:last-child) {
  margin-right: 12px;
}
.p-news-top__inner .pagination .page-numbers a {
  height: 40px;
  display: flex;
  align-items: center;
}
.p-news-top__inner .pagination .page-numbers span {
  width: 100%;
  max-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
}
.p-news-top__inner .pagination .current {
  background-color: #25393b; /* 背景色を設定 */
  color: #fff; /* 文字色を白に */
}
.p-news-top__inner .pagination a:hover {
  background-color: #fff; /* 背景色を白に */
  color: #25393b; /* 文字色を変更 */
}

_::-webkit-full-page-media,
_:future,
:root .p-news-top .p-news-top__inner .content-group__single .content {
  height: 67px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 100%; /* 例として100%を指定 */
}

/*====================================================
*
*	Home
*
====================================================*/
.p-koden-new li {
  list-style: none;
}
.p-koden-new img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.p-koden-new a {
  text-decoration: none;
  color: inherit;
}

.p-lp-fv li {
  list-style: none;
}
.p-lp-fv img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.p-lp-fv a {
  text-decoration: none;
  color: inherit;
}
.p-lp-fv__inner .content-group {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-lp-fv__inner .content-group {
    justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-lp-fv__inner .content-group {
    max-width: 475px;
    margin: 0 auto;
  }
}
.p-lp-fv__inner .content-group__left {
  position: relative;
  max-width: 296px;
  width: 100%;
  /* padding-left: 15px; */
  padding-right: 18px;
  display: flex;
  margin-top: 81px;
}
@media screen and (max-width: 1023px) {
  .p-lp-fv__inner .content-group__left {
    padding-left: 7px;
    margin-top: 36px;
    max-width: 76px;
    padding-right: initial;
  }
}
.p-lp-fv__inner .content-group__left .text-img {
  width: 30px;
  margin: 0 auto;
  height: 418px;
}
@media screen and (max-width: 1023px) {
  .p-lp-fv__inner .content-group__left .text-img {
    width: 20px;
    height: initial;
    height: 310px;
  }
}
.p-lp-fv__inner .content-group__left::after {
  content: "";
  position: absolute;
  background-image: url(./assets/img/lp/fv-bg.png);
  width: 489px;
  height: 159px;
  top: -132px;
  right: -247px;
  background-size: cover;
}
@media screen and (max-width: 1023px) {
  .p-lp-fv__inner .content-group__left::after {
    background-image: url(./assets/img/lp/fv-bg-sp.png);
    width: 229px;
    height: 61px;
    top: -54px;
    right: -162px;
  }
}
.p-lp-fv__inner .content-group__right {
  max-width: 1143px;
  width: 100%;
  height: 621px;
}
@media screen and (max-width: 1023px) {
  .p-lp-fv__inner .content-group__right {
    height: initial;
    margin-top: 24px;
  }
}
.p-lp-fv__inner .content-group__right img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-lp-fv__inner .content-group__right img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media screen and (max-width: 767px) {
  .p-lp-fv__inner .content-group__right img {
    max-height: 600px;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.p-lp-fv__inner .content-group__right img {
  transition: opacity 1s ease-in-out; /* トランジションの持続時間を0.5秒に設定 */
  opacity: 1; /* 初期状態で画像を表示 */
}

.p-lp-about__inner {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  margin-top: 80px;
}
@media screen and (max-width: 1023px) {
  .p-lp-about__inner {
    max-width: 660px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 32px;
  }
}
.p-lp-about__inner .content-group {
  display: flex;
  justify-content: space-between;
}
.p-lp-about__inner .content-group__left {
  max-width: 639px;
  width: 100%;
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
  .p-lp-about__inner .content-group__left {
    margin-right: 20px;
  }
}
.p-lp-about__inner .content-group__left img {
  width: 100%;
}
.p-lp-about__inner .content-group__right {
  max-width: 600px;
  margin-right: 140px;
  margin-top: -10px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-lp-about__inner .content-group__right {
    margin-top: initial;
    margin-right: initial;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1400px) {
  .p-lp-about__inner .content-group__right {
    margin-right: 20px;
  }
}
.p-lp-about__inner .content-group__right p {
  color: #25393b;
  /* PC-L */
  font-family: "Shippori Mincho";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 36px */
  letter-spacing: 0.54px;
}
@media screen and (max-width: 1023px) {
  .p-lp-about__inner .content-group__right p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 28.8px */
    letter-spacing: 0.16px;
    padding-left: 3px;
  }
}
.p-lp-about__inner .content-group__right .info-group {
  width: 100%;
  background: rgba(215, 222, 222, 0.5);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 24px 9px 20px;
  margin-top: 44px;
}
@media screen and (max-width: 1023px) {
  .p-lp-about__inner .content-group__right .info-group {
    flex-direction: column;
    align-items: start;
    padding: 39px 24px 36px 16px;
    margin-top: 57px;
  }
}
.p-lp-about__inner .content-group__right .info-group__left .time-group {
  display: flex;
}
.p-lp-about__inner .content-group__right .info-group__left .time-group__title {
  color: #25393b;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-lp-about__inner
    .content-group__right
    .info-group__left
    .time-group__title {
    color: #25393b;
    /* PCーp */
    font-family: "Shippori Mincho";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 35.2px */
    letter-spacing: 0.96px;
  }
}
.p-lp-about__inner .content-group__right .info-group__left .time-group__time {
  padding-top: 2px;
  color: #25393b;
  font-family: "Josefin Slab";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0;
}
@media screen and (max-width: 1023px) {
  .p-lp-about__inner .content-group__right .info-group__left .time-group__time {
    color: #25393b;
    font-family: "Josefin Slab";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}
.p-lp-about__inner .content-group__right .info-group__left .holiday-group {
  display: flex;
  margin-top: 3px;
}
.p-lp-about__inner
  .content-group__right
  .info-group__left
  .holiday-group__title {
  color: #25393b;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-lp-about__inner
    .content-group__right
    .info-group__left
    .holiday-group__title {
    color: #25393b;
    /* PCーp */
    font-family: "Shippori Mincho";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 35.2px */
    letter-spacing: 0.96px;
  }
}
.p-lp-about__inner
  .content-group__right
  .info-group__left
  .holiday-group__time {
  padding-left: 19px;
  color: #25393b;
  /* PCーp */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-lp-about__inner
    .content-group__right
    .info-group__left
    .holiday-group__time {
    color: #25393b;
    /* PCーp */
    font-family: "Shippori Mincho";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 35.2px */
    letter-spacing: 0.96px;
  }
}
.p-lp-about__inner .content-group__right .info-group__right {
  max-width: 184px;
  width: 100%;
  position: relative;
  padding-bottom: 3px;
}
@media screen and (max-width: 1023px) {
  .p-lp-about__inner .content-group__right .info-group__right {
    margin-top: 10px;
    padding-left: 3px;
  }
}
.p-lp-about__inner .content-group__right .info-group__right::after {
  position: absolute;
  position: absolute;
  top: 50%;
  left: -25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "";
  width: 1px;
  height: 68px;
  background: #acbbbc;
}
@media screen and (max-width: 1023px) {
  .p-lp-about__inner .content-group__right .info-group__right::after {
    display: none;
  }
}
.p-lp-about__inner .content-group__right .rink-group {
  margin-top: 32px;
  max-width: 346px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-lp-about__inner .content-group__right .rink-group {
    max-width: 277px;
    margin-top: 42px;
    padding-left: 2px;
  }
}

@media screen and (max-width: 1023px) {
  .p-lp-experience__inner {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 660px;
    margin: 0 auto;
  }
}
.p-lp-experience__inner .title-group {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 160px;
  padding-left: 0px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-lp-experience__inner .title-group {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .title-group {
    margin-top: 119px;
    max-width: 650px;
    border-bottom: #7a8889 1px solid;
  }
}
.p-lp-experience__inner .title-group p {
  max-width: 247px;
  width: 100%;
  color: #25393b;
  font-feature-settings: "dlig" on, "hist" on, "vert" on;
  /* PC-h1 */
  font-family: "Shippori Mincho";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 48px */
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .title-group p {
    color: #25393b;
    font-family: "Shippori Mincho";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 44px */
  }
}
.p-lp-experience__inner .title-group .border {
  width: 100%;
  height: 1px;
  background: #7a8889;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .title-group .border {
    display: none;
  }
}
.p-lp-experience__inner .content-group {
  max-width: 1161px;
  margin: 0 auto;
  margin-top: 81px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group {
    margin-top: 59px;
  }
}
.p-lp-experience__inner .content-group__single {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single {
    flex-direction: column;
    margin: 0 auto;
    max-width: 448px;
  }
}
.p-lp-experience__inner .content-group__single__left {
  max-width: 448px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single__left {
    margin: 0 auto;
  }
}
.p-lp-experience__inner .content-group__single__left p {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 46px */
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single__left p {
    font-size: 20px;
    font-style: normal;
    padding-bottom: 3px;
    font-weight: 400;
    line-height: 230%; /* 46px */
  }
}
.p-lp-experience__inner
  .content-group__single__left
  .double-img
  .img-group:first-child {
  margin-bottom: 24px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner
    .content-group__single__left
    .double-img
    .img-group:first-child {
    margin-bottom: 12px;
  }
}
.p-lp-experience__inner .content-group__single__right {
  max-width: 560px;
  width: 100%;
  margin-top: 36px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single__right {
    margin-top: 18px;
  }
}
.p-lp-experience__inner .content-group__single__right .main-content {
  color: #25393b;
  /* PC-L */
  font-family: "Shippori Mincho";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 36px */
  letter-spacing: 0.54px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single__right .main-content {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 28.8px */
    letter-spacing: 0.16px;
  }
}
.p-lp-experience__inner .content-group__single__right .price-group {
  margin-top: 39px;
  margin-left: -1px;
}
.p-lp-experience__inner .content-group__single__right .price-group__single {
  display: flex;
  margin-bottom: 8px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single__right .price-group__single {
    flex-direction: column;
    margin-bottom: 16px;
  }
}
.p-lp-experience__inner
  .content-group__single__right
  .price-group__single
  .title {
  max-width: 300px;
  width: 100%;
  color: #25393b;
  /* PC-S */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
.p-lp-experience__inner
  .content-group__single__right
  .price-group__single
  .price {
  color: #25393b;
  /* PC-S */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
.p-lp-experience__inner .content-group__single__right .add-text {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 30.8px */
  letter-spacing: 0.84px;
  margin-top: 12px;
  margin-left: -1px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single__right .add-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%; /* 30.8px */
    letter-spacing: 0.84px;
    margin-top: 4px;
  }
}
.p-lp-experience__inner .content-group__single__right .add-text-2 {
  margin-top: 130px;
  margin-left: auto;
  width: 212px;
  color: #25393b;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single__right .add-text-2 {
    margin-top: 45px;
    margin-left: auto;
    width: 180px;
    color: #25393b;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 220%;
    letter-spacing: 0.96px;
  }
}
.p-lp-experience__inner .content-group__single__right .second-sub-content {
  margin-top: 39px;
  color: #25393b;
  /* PC-S */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single__right .second-sub-content {
    line-height: 210%;
    letter-spacing: 0.1px;
  }
}
.p-lp-experience__inner .content-group__single__right .second-sub-content span {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%;
  letter-spacing: 0.84px;
}
.p-lp-experience__inner .content-group__single__right .third-sub-content {
  color: #25393b;
  /* PC-S */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single__right .third-sub-content {
    letter-spacing: 0px;
  }
}
.p-lp-experience__inner .content-group__single__right .third-sub-content span {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%;
  letter-spacing: 0.84px;
}
.p-lp-experience__inner .content-group__single__right .third-sub-content-1 {
  margin-top: 41px;
  line-height: 200%;
}
.p-lp-experience__inner .content-group__single__right .third-sub-content-2 {
  margin-top: 37px;
  line-height: 200%;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single__right .third-sub-content-2 {
    margin-top: -2px;
  }
}
.p-lp-experience__inner .content-group__single .rink-group {
  max-width: 347px;
  width: 100%;
  margin-top: 36px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single .rink-group {
    max-width: 277px;
    margin-top: 34px;
  }
}
.p-lp-experience__inner .content-group__single:nth-child(2) {
  margin-top: 82px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single:nth-child(2) {
    margin-top: 63px;
  }
}
.p-lp-experience__inner
  .content-group__single:nth-child(2)
  .content-group__single__right {
  margin-top: 43px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner
    .content-group__single:nth-child(2)
    .content-group__single__right {
    margin-top: 22px;
  }
}
.p-lp-experience__inner .content-group__single:nth-child(3) {
  margin-top: 129px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner .content-group__single:nth-child(3) {
    margin-top: 80px;
  }
  .p-lp-experience__inner
    .content-group__single:nth-child(3)
    .content-group__single__left
    p {
    padding-bottom: initial;
  }
}
.p-lp-experience__inner
  .content-group__single:nth-child(3)
  .content-group__single__right {
  margin-top: 43px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience__inner
    .content-group__single:nth-child(3)
    .content-group__single__right {
    margin-top: 16px;
  }
}
.p-lp-experience__inner
  .content-group__single:nth-child(3)
  .content-group__single__right
  .rink-group {
  margin-top: 34px;
}
.p-lp-experience .bottom-group {
  display: flex;
  justify-content: space-between;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  margin-top: 150px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience .bottom-group {
    max-width: 600px;
    margin-top: 45px;
    flex-direction: column;
  }
}
.p-lp-experience .bottom-group__first {
  max-width: 709px;
  width: 100%;
  margin-right: 20px;
}
@media screen and (max-width: 1023px) {
  .p-lp-experience .bottom-group__first {
    margin-right: initial;
    margin-bottom: 10px;
  }
}
.p-lp-experience .bottom-group__second {
  max-width: 711px;
  width: 100%;
}

@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-lp-sake__inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-lp-sake__inner {
    max-width: 660px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.p-lp-sake__inner .title-group {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 148px;
  padding-left: 0px;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-lp-sake__inner .title-group {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-lp-sake__inner .title-group {
    margin-top: 100px;
    max-width: 650px;
    border-bottom: #7a8889 1px solid;
  }
}
.p-lp-sake__inner .title-group p {
  color: #25393b;
  max-width: 213px;
  font-family: "Shippori Mincho";
  font-size: 39px;
  font-style: normal;
  font-weight: 400;
  line-height: 178%;
  margin-right: 34px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-lp-sake__inner .title-group p {
    max-width: 76px;
    color: #25393b;
    font-family: "Shippori Mincho";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 44px */
  }
}
.p-lp-sake__inner .title-group .border {
  width: 100%;
  height: 1px;
  background: #7a8889;
}
@media screen and (max-width: 1023px) {
  .p-lp-sake__inner .title-group .border {
    display: none;
  }
}
.p-lp-sake__inner .content-group {
  display: flex;
  max-width: 1160px;
  margin: 0 auto;
  width: 100%;
  justify-content: space-between;
  margin-top: 69px;
}
@media screen and (max-width: 1023px) {
  .p-lp-sake__inner .content-group {
    margin: 0 auto;
    margin-top: 59px;
    flex-direction: column;
    max-width: 448px;
    width: 100%;
  }
}
.p-lp-sake__inner .content-group__left {
  max-width: 448px;
  width: 100%;
  margin-top: 180px;
}
@media screen and (max-width: 1023px) {
  .p-lp-sake__inner .content-group__left {
    margin-top: initial;
  }
}
.p-lp-sake__inner .content-group__right {
  max-width: 560px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-lp-sake__inner .content-group__right {
    margin-top: 41px;
  }
}
.p-lp-sake__inner .content-group__right .main-text {
  color: #25393b;
  /* PC-L */
  font-family: "Shippori Mincho";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 36px */
  letter-spacing: 0.54px;
}
@media screen and (max-width: 1023px) {
  .p-lp-sake__inner .content-group__right .main-text {
    font-family: "Shippori Mincho";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 28.8px */
    letter-spacing: 0.16px;
  }
}
.p-lp-sake__inner .content-group__right .schedule_group {
  margin-top: 40px;
}
@media screen and (max-width: 1023px) {
  .p-lp-sake__inner .content-group__right .schedule_group {
    margin-top: 69px;
  }
}
.p-lp-sake__inner .content-group__right .schedule_group__single {
  display: flex;
}
.p-lp-sake__inner .content-group__right .schedule_group__single .month {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 270%; /* 54px */
  margin-right: 20px;
}
.p-lp-sake__inner .content-group__right .schedule_group__single .content {
  position: relative;
}
.p-lp-sake__inner .content-group__right .schedule_group__single .content .main {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 270%; /* 54px */
}
.p-lp-sake__inner .content-group__right .schedule_group__single .content .sub {
  position: absolute;
  top: -8px;
  left: 0px;
  width: 210px;
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 230%; /* 27.6px */
  letter-spacing: 0.72px;
}
.p-lp-sake__inner
  .content-group__right
  .schedule_group__single
  .content
  .sub-last {
  letter-spacing: -0.3px;
}
.p-lp-sake__inner .content-group__right .add-text {
  color: #25393b;
  /* PC-S */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
  margin-top: 32px;
}
@media screen and (max-width: 1023px) {
  .p-lp-sake__inner .content-group__right .add-text {
    color: #25393b;
    font-family: "Shippori Mincho";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 30px */
    letter-spacing: 0px;
  }
}

.p-lp-bottom__inner {
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-lp-bottom__inner {
    max-width: 660px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1250px) {
  .p-lp-bottom__inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.p-lp-bottom__inner .title-group {
  max-width: 1160px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 128px;
  padding-left: 0px;
}
@media screen and (max-width: 1023px) {
  .p-lp-bottom__inner .title-group {
    margin-top: 118px;
    max-width: 650px;
    padding-bottom: 9px;
    border-bottom: #7a8889 1px solid;
  }
}
.p-lp-bottom__inner .title-group p {
  width: 232px;
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 48px */
  letter-spacing: 0.72px;
}
@media screen and (max-width: 1023px) {
  .p-lp-bottom__inner .title-group p {
    color: #25393b;
    font-family: "Shippori Mincho";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 36px */
    letter-spacing: 0px;
    padding-left: 5px;
  }
}
.p-lp-bottom__inner .title-group .border {
  width: 100%;
  height: 1px;
  background: #7a8889;
}
@media screen and (max-width: 1023px) {
  .p-lp-bottom__inner .title-group .border {
    display: none;
  }
}
.p-lp-bottom__inner .content-group {
  display: flex;
  justify-content: space-between;
  margin-top: 37px;
}
@media screen and (max-width: 1023px) {
  .p-lp-bottom__inner .content-group {
    margin-top: 26px;
    flex-direction: column;
  }
}
.p-lp-bottom__inner .content-group .main-text {
  color: #25393b;
  /* PC-L */
  font-family: "Shippori Mincho";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 36px */
  letter-spacing: 0.54px;
}
@media screen and (max-width: 1023px) {
  .p-lp-bottom__inner .content-group .main-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 28.8px */
    letter-spacing: 0.16px;
  }
}
.p-lp-bottom__inner .content-group .rink-group {
  max-width: 344px;
  width: 100%;
  margin-right: 216px;
  margin-top: 7px;
  margin-bottom: 131px;
}
@media screen and (max-width: 1023px) {
  .p-lp-bottom__inner .content-group .rink-group {
    max-width: 274px;
    margin-top: 61px;
    margin-bottom: 81px;
  }
}

/* 画像を囲むコンテナのスタイル設定 */
.img-container {
  overflow: hidden; /* はみ出した部分を隠す */
}

/* 画像の基本スタイルとホバー時の拡大効果 */
.img-zoom {
  width: 100%; /* コンテナにフィットするように設定 */
  height: 100%; /* コンテナにフィットするように設定 */
  transition: transform 0.3s ease; /* アニメーションの速度と形式 */
}

.img-zoom:hover {
  transform: scale(1.1); /* 20%拡大 */
}

.chokubaisho-en .p-lp-about__inner .content-group__right .info-group {
  padding: 4px 22px 9px 28px;
}
@media screen and (max-width: 1023px) {
  .chokubaisho-en .p-lp-about__inner .content-group__right .info-group {
    padding: 34px 18px 26px 18px;
  }
}
.chokubaisho-en
  .p-lp-about__inner
  .content-group__right
  .info-group
  .time-group {
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .chokubaisho-en
    .p-lp-about__inner
    .content-group__right
    .info-group
    .time-group {
    align-items: initial;
  }
}
.chokubaisho-en
  .p-lp-about__inner
  .content-group__right
  .info-group
  .time-group__title {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 230%; /* 36.8px */
}
@media screen and (max-width: 1023px) {
  .chokubaisho-en
    .p-lp-about__inner
    .content-group__right
    .info-group
    .time-group__title {
    color: #25393b;
    max-width: 85px;
    font-family: "Shippori Mincho";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
    letter-spacing: 0.96px;
  }
}
.chokubaisho-en
  .p-lp-about__inner
  .content-group__right
  .info-group
  .time-group__time {
  color: #25393b;
  font-family: "Josefin Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 230%;
  padding-top: 4px;
}
@media screen and (max-width: 1023px) {
  .chokubaisho-en
    .p-lp-about__inner
    .content-group__right
    .info-group
    .time-group__time {
    color: #25393b;
    font-family: "Josefin Slab";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.5px;
    padding-top: 5px;
  }
}
.chokubaisho-en
  .p-lp-about__inner
  .content-group__right
  .info-group
  .holiday-group {
  align-items: center;
}
.chokubaisho-en
  .p-lp-about__inner
  .content-group__right
  .info-group
  .holiday-group__title {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: initial; /* 36.8px */
}
.chokubaisho-en
  .p-lp-about__inner
  .content-group__right
  .info-group
  .holiday-group__time {
  color: #25393b;
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: initial; /* 36.8px */
  padding-left: 5px;
}
.chokubaisho-en .p-lp-about__inner .content-group__right .info-group__right {
  padding-bottom: initial;
}
.chokubaisho-en .content-group__right .rink-group {
  margin-top: 41px;
}
.chokubaisho-en .p-lp-experience__inner .title-group p {
  max-width: 362px;
  letter-spacing: 1px;
}
.chokubaisho-en .content-group__single:nth-child(2) {
  margin-top: 91px;
}
.chokubaisho-en .content-group__single:nth-child(3) {
  margin-top: 81px;
}
.chokubaisho-en
  .content-group__single:nth-child(3)
  .content-group__single__right {
  margin-top: 45px;
}
.chokubaisho-en
  .content-group__single:nth-child(3)
  .content-group__single__right
  .rink-group {
  margin-top: 42px;
}
.chokubaisho-en .p-lp-experience__inner .content-group__single__right {
  margin-top: 47px;
}
.chokubaisho-en
  .p-lp-experience__inner
  .content-group__single__right
  .price-group {
  margin-top: 13px;
}
.chokubaisho-en
  .p-lp-experience__inner
  .content-group__single__right
  .price-group__single
  .title {
  max-width: 397px;
}
.chokubaisho-en
  .p-lp-experience__inner
  .content-group__single__right
  .second-sub-content {
  margin-top: 40px;
  margin-left: -2px;
}
.chokubaisho-en
  .p-lp-experience__inner
  .content-group__single__right
  .third-sub-content-2 {
  margin-top: 7px;
}
.chokubaisho-en
  .p-lp-experience__inner
  .content-group__single__right
  .add-text-2 {
  margin-top: 91px;
  color: #25393b;
  width: 247px;
  /* PC-S */
  font-family: "Shippori Mincho";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 220%; /* 35.2px */
  letter-spacing: 0.96px;
}
.chokubaisho-en .bottom-group {
  margin-top: 139px;
}
.chokubaisho-en .p-lp-sake__inner .title-group {
  margin-top: 131px;
  letter-spacing: 1px;
}
.chokubaisho-en .p-lp-sake__inner .content-group__left {
  margin-top: 220px;
}
@media screen and (max-width: 1023px) {
  .chokubaisho-en .p-lp-sake__inner .content-group__left {
    margin-top: initial;
  }
}
.chokubaisho-en .p-lp-sake__inner .schedule_group__single .month {
  margin-right: 26px;
}
.chokubaisho-en .p-lp-sake__inner .title-group p {
  max-width: 287px;
  margin-right: initial;
}
.chokubaisho-en .p-lp-bottom__inner .title-group {
  margin-top: 139px;
}
.chokubaisho-en .p-lp-bottom__inner .title-group p {
  letter-spacing: -0.25px;
  width: 290px;
}
.chokubaisho-en .p-lp-bottom__inner .content-group .rink-group {
  margin-bottom: 149px;
}
.chokubaisho-en .p-lp-fv__inner .content-group__left::before {
  content: "";
  position: absolute;
  background-image: url(./assets/img/lp/en-fv-t.png);
  width: 19px;
  height: 450px;
  top: 4px;
  right: 191px;
  background-size: contain;
}
@media screen and (max-width: 1023px) {
  .chokubaisho-en .p-lp-fv__inner .content-group__left::before {
    content: "";
    position: absolute;
    background-image: url(./assets/img/lp/en-fv-t.png);
    width: 15px;
    height: 375px;
    top: 1px;
    right: 56px;
    background-size: contain;
    background-repeat: no-repeat;
  }
} /*# sourceMappingURL=style.css.map */