@charset "UTF-8";
/******************************
華音の森
*******************************/
/* 
イントロ
*/
.intro {
  padding: 5rem 0; }
  @media screen and (min-width: 1025px) {
    .intro__wrap {
      display: flex;
      justify-content: space-around; } }
  .intro__logo {
    z-index: 20; }
    @media screen and (max-width: 1024px) {
      .intro__logo {
        text-align: center;
        padding-bottom: 3rem; } }
    @media screen and (min-width: 1025px) {
      .intro__logo {
        width: 40%;
        order: 2;
        padding: 0 4rem; } }
    .intro__logo img {
      width: 150px;
      height: auto; }
  .intro__msg {
    font-family: 'Shippori Mincho', serif;
    z-index: 21; }
    @media screen and (max-width: 1024px) {
      .intro__msg {
        text-align: center; } }
    @media screen and (min-width: 1025px) {
      .intro__msg {
        width: 60%;
        padding: 0 4rem;
        order: 1;
        -webkit-writing-mode: vertical-rl;
        -moz-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -ms-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        text-orientation: upright; } }
    @media screen and (max-width: 1024px) {
      .intro__msg p {
        margin: 2rem 0; } }
    @media screen and (min-width: 1025px) {
      .intro__msg p {
        margin: 0 3rem;
        font-size: 2rem; } }
  @media screen and (max-width: 1024px) {
    .intro__image {
      margin-top: 4rem; } }
  @media screen and (min-width: 1025px) {
    .intro__image {
      margin: 4rem 10rem 0 0; } }
  .intro__image img {
    border-radius: 0.5rem; }

/*
ご利用案内
*/
@media screen and (min-width: 1025px) {
  .information__wrap {
    display: flex; } }
@media screen and (max-width: 1024px) {
  .information__image {
    margin-right: 4rem; } }
@media screen and (min-width: 1025px) {
  .information__image {
    width: 40%; } }
.information__image img {
  height: 100%;
  object-fit: cover;
  border-radius: 0 0.5rem 0.5rem 0; }
@media screen and (max-width: 1024px) {
  .information__msg {
    padding: 3rem 2rem; } }
@media screen and (min-width: 1025px) {
  .information__msg {
    width: 60%;
    padding: 5rem 0 0 5rem; } }
.information__msg h2 {
  font-weight: 600; }
  @media screen and (max-width: 1024px) {
    .information__msg h2 {
      font-size: 2rem;
      margin-bottom: 2rem; } }
  @media screen and (min-width: 1025px) {
    .information__msg h2 {
      font-size: 2.4rem;
      margin-bottom: 4rem; } }
.information__msg__text {
  margin-bottom: 4rem; }
@media screen and (max-width: 1024px) {
  .information__msg dl {
    padding: 0 2rem;
    margin-bottom: 2rem; }
  .information__msg dd {
    padding: 0 2rem 2rem 3rem; }
    .information__msg dd span {
      display: block; } }
@media screen and (min-width: 1025px) {
  .information__msg dl {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #C9C9C9;
    max-width: 600px;
    margin-bottom: 7rem; }
  .information__msg dt {
    width: 25%;
    padding: 2rem 3rem;
    border-bottom: 1px solid #C9C9C9; }
  .information__msg dd {
    width: 75%;
    padding: 2rem 3rem;
    border-bottom: 1px solid #C9C9C9; }
    .information__msg dd span {
      margin-right: 5rem; } }
.information__rule {
  text-align: center; }
  @media screen and (max-width: 1024px) {
    .information__rule {
      margin: 0 0 6rem 0;
      padding: 0 2rem; } }
  @media screen and (min-width: 1025px) {
    .information__rule {
      margin: 12rem 0; } }
  .information__rule a {
    display: inline-block;
    padding: 3rem 4rem;
    color: #fff;
    background-color: #0E005A;
    border-radius: 0.5rem; }

/*
華音の森 マップ
*/
.map {
  margin-bottom: 10rem; }
  .map img {
    display: block;
    margin: 0 auto;
    max-width: 800px; }

/*
ネクストコンテンツ
*/
.next_contents {
  position: relative;
  background-image: url("../images/kanon-no-mori/next_contents_image.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center; }
  @media screen and (max-width: 1024px) {
    .next_contents {
      padding: 10rem 0;
      height: 300px; } }
  @media screen and (min-width: 1025px) {
    .next_contents {
      padding: 20rem 0;
      height: 800px; } }
  .next_contents__title {
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    color: #fff;
    font-size: 3.6rem;
    font-weight: 800;
    font-family: 'Shippori Mincho', serif;
    letter-spacing: 1.4rem;
    display: inline-block; }
  .next_contents .btnwrap {
    text-align: center; }
  .next_contents .btnarrow {
    color: #fff;
    border: 1px solid #fff; }
  .next_contents .btnarrow::before,
  .next_contents .btnarrow::after {
    background: #fff; }