@charset "UTF-8";
body {
  overflow-x: hidden;
  position: relative;
  background: url("../images/common/image_head.svg") left -45px top -50px no-repeat; }

/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  body {
    overflow-x: hidden;
    position: relative;
    background: url("../images/common/image_head.svg") left -30px top -30px no-repeat;
    background-size: 258px 209px; } }
/*max-width:768px*/
/*max-width:480px*/
/********************************************/
header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  transition: .3s; }
  header.active {
    background-color: rgba(255, 255, 255, 0.7); }
    header.active .head_menu {
      padding: 20px 0 0; }
    header.active .header_box {
      padding: 0 20px 20px 30px; }

.header_box {
  transition: .3s;
  width: 100%;
  max-width: 1920px;
  padding: 0 20px 0 30px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: flex-end; }
  .header_box h1 {
    transition: .3s; }
    .header_box h1 a {
      text-decoration: none;
      color: #9C5C43;
      font: 1.3rem/1em "Noto Sans JP", serif;
      font-weight: 700;
      margin: 0 0 25px; }
      .header_box h1 a span {
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        margin: 15px 0 0;
        display: block;
        background: url("../images/logo.svg") center center no-repeat;
        width: 170px;
        height: 35px;
        background-size: contain; }

.head_menu {
  transition: .3s;
  padding: 40px 0 0;
  max-width: 1020px;
  width: calc(100% - 200px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: flex-end; }
  .head_menu a {
    text-decoration: none; }
  .head_menu nav {
    max-width: 915px;
    width: calc(100% - 100px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center; }
  .head_menu .gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-start;
    font: 1.4rem/1em "Noto Sans JP", serif;
    font-weight: 700;
    color: #684030;
    max-width: 660px;
    width: calc(100% - 220px); }
    .head_menu .gnav a {
      display: block;
      padding: 0 10px 0 10px; }
    .head_menu .gnav span {
      display: block;
      padding: 0 10px 20px 10px;
      position: relative; }
      .head_menu .gnav span:before {
        position: absolute;
        content: "";
        top: auto;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0%) rotate(135deg);
        transform: translate(-50%, 0%) rotate(135deg);
        width: 8px;
        height: 8px;
        border-top: 2px solid #9C5C43;
        border-right: 2px solid #9C5C43; }
    .head_menu .gnav li {
      position: relative; }
    .head_menu .gnav div {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      border-radius: 10px;
      padding: 10px 15px;
      position: absolute;
      width: 180px;
      border: 2px solid #9C5C43;
      background-color: #fff;
      top: 35px;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }
      .head_menu .gnav div.active {
        visibility: visible;
        opacity: 1;
        pointer-events: all; }
      .head_menu .gnav div > a {
        padding: 15px 5px;
        width: 100%;
        display: block;
        border-bottom: 1px solid #9C5C43; }
        .head_menu .gnav div > a:last-of-type {
          border-bottom: none; }
  .head_menu .appointment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    max-width: 200px;
    width: 100%; }
    .head_menu .appointment a {
      padding: 35px 0 0;
      position: relative;
      font: 1.4rem/1em "Noto Sans JP", serif;
      font-weight: 500;
      color: #684030;
      display: block; }
      .head_menu .appointment a:before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
      .head_menu .appointment a.app:before {
        background: url("../images/common/app.svg") center top no-repeat; }
      .head_menu .appointment a.contact:before {
        background: url("../images/common/contact.svg") center top 4px no-repeat; }

@media (hover: hover) {
  .head_menu .gnav a:hover {
    color: #FB671E; }
  .head_menu .gnav span:hover {
    cursor: pointer;
    color: #FB671E; }
    .head_menu .gnav span:hover:before {
      border-top: 2px solid #FB671E;
      border-right: 2px solid #FB671E; }
  .head_menu .appointment a:hover {
    color: #FB671E; } }
@media (max-width: 1366px) {
  .head_menu {
    max-width: 320px; }
    .head_menu .gnav {
      display: none; } }
 /*max-width:1280px
*/
@media (max-width: 1024px) {
  .head_menu {
    max-width: 290px; }
    .head_menu .gnav {
      display: none; } }
 /*max-width:1280px
*/
@media (max-width: 768px) {
  header.active .head_menu {
    padding: 0; }
  header.active .header_box {
    padding: 15px 20px; }

  .header_box {
    padding: 15px 20px;
    align-items: center; }

  .head_menu {
    padding: 0;
    max-width: 65px; }
    .head_menu nav {
      display: none; } }
/*max-width:768px*/
@media (max-width: 480px) {
  header.active {
    background-color: rgba(255, 255, 255, 0); }
    header.active .header_box {
      padding: 10px 15px 10px 20px; }
      header.active .header_box h1 {
        opacity: 0;
        pointer-events: none;
        position: relative;
        z-index: -9999; }

  .header_box {
    padding: 15px 15px 15px 20px; } }
/*max-width:480px*/
/********************************************/
.toggle {
  background-color: #9C5C43;
  border: 1px solid #fff;
  color: #fff;
  display: block;
  width: 65px;
  height: 65px;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: center;
  justify-content: center;
  align-items: center;
  padding: 0 0 5px;
  transition: .3s; }
  .toggle span {
    transition: .3s;
    width: 28px;
    height: 3px;
    border-radius: 5px;
    background-color: #fff;
    display: block;
    margin: 0 auto 6px;
    position: relative; }
  .toggle p {
    width: 100%;
    position: relative;
    font: 1.1rem/1em "Noto Sans JP", serif;
    font-weight: 700;
    text-align: center; }
    .toggle p:before {
      transition: .3s;
      opacity: 1;
      position: absolute;
      content: "MENU";
      width: 100%;
      height: auto;
      text-align: center;
      left: 0;
      top: 0; }
    .toggle p:after {
      transition: .3s;
      opacity: 0;
      position: absolute;
      content: "CLOSE";
      width: 100%;
      height: auto;
      text-align: center;
      left: 0;
      top: 0; }
  .toggle.active {
    transform: rotateY(180deg); }
    .toggle.active span:nth-of-type(1) {
      transform: rotate(30deg);
      top: 7%; }
    .toggle.active span:nth-of-type(2) {
      transform: rotate(-30deg);
      top: -8%; }
    .toggle.active p {
      transform: rotateY(180deg); }
      .toggle.active p:before {
        transition: .3s;
        opacity: 0; }
      .toggle.active p:after {
        transition: .3s;
        opacity: 1; }

@media (hover: hover) {
  .toggle:hover {
    cursor: pointer;
    background-color: #FB671E; } }
/********************************************/
.mega_menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  width: 100%;
  height: 100%;
  height: 100vh;
  overflow-y: scroll;
  scrollbar-width: none;
  transition: .3s; }
  .mega_menu.active {
    z-index: 10000;
    pointer-events: all;
    opacity: 1; }
  .mega_menu .mega_top {
    transition: .3s;
    padding: 40px 20px 0 0;
    margin-bottom: 40px; }
    .mega_menu .mega_top .toggle {
      margin: 0 0 0 auto; }
    .mega_menu .mega_top.active {
      padding: 20px 20px 0 0; }
  .mega_menu .mega_content p {
    width: fit-content;
    text-decoration: none;
    color: #9C5C43;
    font: 1.3rem/1em "Noto Sans JP", serif;
    font-weight: 700;
    margin: 0 auto 45px; }
    .mega_menu .mega_content p span {
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      margin: 19px 0 0;
      display: block;
      background: url("../images/logo.svg") center center no-repeat;
      width: 170px;
      height: 35px;
      background-size: contain; }
  .mega_menu .mega_list {
    max-width: 1000px;
    width: calc(100% - 200px);
    margin: 0 auto; }
    .mega_menu .mega_list ul {
      margin: 0 auto; }
    .mega_menu .mega_list a {
      text-decoration: none; }
    .mega_menu .mega_list li.mb {
      margin-bottom: 30px; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .mega_menu .mega_list {
    width: calc(100% - 100px); } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .mega_menu {
    padding: 0 0 50%; }
    .mega_menu .mega_top {
      padding: 15px 20px 0 0; }
      .mega_menu .mega_top.active {
        padding: 15px 20px 0 0; }
    .mega_menu .mega_content {
      padding: 20px 0 0; }
      .mega_menu .mega_content p {
        position: absolute;
        top: 20px;
        left: 20px; }
    .mega_menu .mega_list ul {
      width: 100%;
      margin: 0; }
    .mega_menu .mega_list > div a {
      margin: 0 auto; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .mega_menu .mega_top {
    padding: 15px 15px 0 0;
    transition: .3s;
    margin-bottom: 20px; }
    .mega_menu .mega_top.active {
      padding: 15px 15px 0 0; }
  .mega_menu .mega_content p {
    position: absolute;
    top: 20px;
    left: 20px; } }
/*max-width:480px*/
/********************************************/
footer {
  background-color: #FBFBF4; }
  footer a {
    text-decoration: none; }

/********************************************/
.footer_contact {
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 45px 0 70px;
  background-image: linear-gradient(90deg, #FF9100, #FB671E); }
  .footer_contact .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    max-width: 890px;
    margin: 0 auto;
    width: calc(100% - 100px);
    padding: 40px 0 0; }
  .footer_contact p {
    width: 100%;
    font: 1.7rem/1.8em "Noto Sans JP", serif;
    font-weight: 700; }
    .footer_contact p br {
      display: none; }
  .footer_contact .ttl {
    font: 4rem/1em "Urbanist", serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-bottom: 20px; }
    .footer_contact .ttl span {
      display: block;
      font: 1.5rem/1em "Noto Sans JP", serif;
      font-weight: 500;
      letter-spacing: 0;
      padding: 5px 0 0; }
  .footer_contact .form,
  .footer_contact .tel {
    max-width: 400px; }
    .footer_contact .form p,
    .footer_contact .tel p {
      font: 2.4rem/1em "Noto Sans JP", serif;
      font-weight: 700;
      letter-spacing: 0.03em; }
  .footer_contact .form {
    max-width: 400px; }
    .footer_contact .form p {
      margin-bottom: 24px; }
    .footer_contact .form a {
      border: 1px solid #fff;
      display: block;
      position: relative;
      width: 320px;
      text-align: left;
      margin: 0 auto;
      border-radius: 50px;
      height: 80px;
      color: #6C6C6C;
      display: block;
      background-color: #fff;
      font: 1.8rem/78px "Noto Sans JP", serif;
      font-weight: 500;
      letter-spacing: 0.05em;
      padding: 0 0 0 115px; }
      .footer_contact .form a:before {
        position: absolute;
        content: "";
        display: block;
        background: url("../images/common/footer_contact.svg") center center no-repeat;
        width: 37px;
        height: 100%;
        top: 0;
        left: 60px; }
  .footer_contact .tel p {
    margin-bottom: 18px; }
  .footer_contact .tel small {
    display: block;
    font: 1.6rem/1em "Noto Sans JP", serif;
    font-weight: 500; }
  .footer_contact .tel a {
    font: 5rem/1em "Urbanist", serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    position: relative;
    padding: 0 0 0 41px;
    display: block;
    width: fit-content;
    margin: 0 0 10px; }
    .footer_contact .tel a:before {
      position: absolute;
      content: "";
      display: block;
      background: url("../images/common/footer_tel.svg") center center no-repeat;
      background-size: contain;
      width: 30px;
      height: 40px;
      left: 0;
      top: 6px; }

@media (hover: hover) {
  .footer_contact .form {
    max-width: 400px; }
    .footer_contact .form p {
      margin-bottom: 24px; }
    .footer_contact .form a:hover {
      color: #fff;
      background-color: #FF9100; }
      .footer_contact .form a:hover:before {
        background: url("../images/common/footer_contact_white.svg") center center no-repeat; } }
@media (max-width: 1024px) {
  .footer_contact {
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 45px 0 70px;
    background-image: linear-gradient(150deg, #F7F763 10%, #FA9257 70%); }
    .footer_contact .flex {
      width: 100%;
      display: block; }
    .footer_contact .form,
    .footer_contact .tel {
      max-width: 400px;
      margin: 0 auto; }
    .footer_contact .form {
      margin-bottom: 70px; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .footer_contact .form,
  .footer_contact .tel {
    max-width: 400px; }
    .footer_contact .form p,
    .footer_contact .tel p {
      font: 2rem/1em "Noto Sans JP", serif;
      font-weight: 700;
      letter-spacing: 0.03em; }
  .footer_contact p {
    width: 100%;
    font: 1.7rem/1.8em "Noto Sans JP", serif;
    font-weight: 700; }
    .footer_contact p br {
      display: block; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .footer_contact {
    background-image: linear-gradient(180deg, #F7E861, #FA9257); }
    .footer_contact .ttl {
      margin-bottom: 35px; }
    .footer_contact p {
      width: 100%;
      font: 1.6rem/1.8em "Noto Sans JP", serif;
      font-weight: 700; }
    .footer_contact .form p,
    .footer_contact .tel p {
      font: 1.8em/1em "Noto Sans JP", serif;
      font-weight: 700;
      letter-spacing: 0.03em; }
    .footer_contact .form {
      max-width: 320px;
      width: 100%;
      margin: 0 auto 40px; }
      .footer_contact .form p {
        margin-bottom: 15px; }
      .footer_contact .form a {
        max-width: 320px;
        width: 100%;
        margin: 0 auto; }
    .footer_contact .tel p {
      margin-bottom: 15px; }
    .footer_contact .tel small {
      display: block;
      font: 1.6rem/1em "Noto Sans JP", serif;
      font-weight: 500; }
    .footer_contact .tel a {
      font: 3.4rem/1em "Urbanist", serif;
      font-weight: 700;
      letter-spacing: 0.05em;
      position: relative;
      padding: 0 0 0 30px;
      display: block;
      width: fit-content;
      margin: 0 auto 10px; }
      .footer_contact .tel a:before {
        width: 23px;
        height: 30px;
        left: 0;
        top: 3px; } }
/*max-width:480px*/
/********************************************/
.footer_box {
  padding: 50px 0 75px;
  max-width: 1280px;
  width: calc(100% - 100px);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: flex-start; }

.footer_left {
  width: 270px; }
  .footer_left p {
    color: #9C5C43;
    font: 1.3rem/1em "Noto Sans JP", serif;
    font-weight: 700;
    margin: 0 0 25px; }
    .footer_left p span {
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      margin: 15px 0 0;
      display: block;
      background: url("../images/logo.svg") center center no-repeat;
      width: 170px;
      height: 35px;
      background-size: contain; }
  .footer_left dt {
    font: 1.6rem/1em "Noto Sans JP", serif;
    font-weight: 500;
    letter-spacing: 0.03em;
    margin: 0 0 10px; }
  .footer_left dd {
    color: #000000;
    font: 1.5rem/1.8em "Noto Sans JP", serif;
    font-weight: 400;
    letter-spacing: 0.03em;
    margin: 0 0 25px; }
  .footer_left div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-start;
    width: 120px; }
    .footer_left div a {
      transition: .3s;
      display: block;
      width: 31px;
      height: 31px;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap; }
    .footer_left div .x {
      background: url("../images/common/icon_x.svg") center center no-repeat; }
    .footer_left div .in {
      background: url("../images/common/icon_in.svg") center center no-repeat; }
    .footer_left div .fb {
      background: url("../images/common/icon_fb.svg") center center no-repeat; }
    .footer_left div .yo {
      background: url("../images/common/icon_youtube.svg") center center no-repeat; }

.mega_list,
.footer_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: stretch; }
  .mega_list li,
  .footer_right li {
    color: #6C6C6C;
    margin: 0 0 15px; }
    .mega_list li > a,
    .footer_right li > a {
      font: 1.4rem/1em "Noto Sans JP", serif;
      font-weight: 500;
      padding: 0 0 0 18px;
      padding: 0 0 0 18px; }
    .mega_list li span,
    .footer_right li span {
      padding: 0 0 0 18px;
      font: 1.5rem/1em "Noto Sans JP", serif;
      font-weight: 700;
      position: relative; }
      .mega_list li span:before,
      .footer_right li span:before {
        display: block;
        width: 10px;
        left: 0;
        top: 6px;
        height: 10px;
        background-color: #FF9100;
        position: absolute;
        content: ""; }
  .mega_list > div,
  .footer_right > div {
    width: 100%;
    padding: 30px 0 0;
    text-align: right; }
    .mega_list > div a,
    .footer_right > div a {
      transition: .3s;
      width: 300px;
      height: 60px;
      background-color: #fff;
      margin: 0 0 0 auto;
      display: block;
      border: 1px solid #6C6C6C;
      border-radius: 50px;
      text-align: center;
      color: #6C6C6C;
      font: 1.7rem/58px "Noto Sans JP", serif;
      font-weight: 700;
      letter-spacing: 0.1em; }

.footer_right {
  max-width: 530px;
  width: calc(100% - 270px); }

@media (hover: hover) {
  .footer_left div a:hover {
    opacity: 0.5; }

  .footer_right li a:hover,
  .mega_list li a:hover {
    color: #FF9100; }
  .footer_right > div a:hover,
  .mega_list > div a:hover {
    color: #fff;
    background-color: #FF9100; } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .footer_right ul {
    padding: 0 20px 0 0; }
    .footer_right ul:nth-of-type(4) {
      padding: 0; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .footer_box {
    display: block;
    width: calc(100% - 80px); }

  .footer_left {
    width: fit-content;
    margin: 0 auto 60px; }
    .footer_left p {
      text-align: center;
      width: fit-content;
      margin: 0 auto 25px; }
    .footer_left div {
      margin: 0 auto; }

  .footer_right {
    width: 100%; }
    .footer_right ul {
      display: none; }
    .footer_right > div {
      padding: 0;
      width: 100%; }
      .footer_right > div a {
        max-width: 300px;
        width: 100%;
        margin: 0 auto; } }
/*max-width:768px*/
/*max-width:480px*/
/********************************************/
.insta_box {
  background-color: #fff;
  width: 100%;
  padding: 70px 0 140px; }
  .insta_box > p {
    background: url("../images/common/insta_logo.png") center center no-repeat;
    background-size: contain;
    aspect-ratio: 275/73;
    width: 100%;
    max-width: 275px;
    height: auto;
    display: block;
    margin: 0 auto 45px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }
  .insta_box .flex {
    max-width: 1200px;
    width: calc(100% - 80px);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: flex-start; }
    .insta_box .flex .left,
    .insta_box .flex .right {
      width: calc((100% - 40px)/2);
      max-width: 540px; }
      .insta_box .flex .left p,
      .insta_box .flex .right p {
        font: 2rem/1em "Noto Sans JP", serif;
        font-weight: 700;
        color: #684030;
        margin: 0 0 10px; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .insta_box .flex {
    display: block; }
    .insta_box .flex .left,
    .insta_box .flex .right {
      margin: 0 auto 40px;
      width: 100%;
      max-width: 540px; }
      .insta_box .flex .left p,
      .insta_box .flex .right p {
        font: 2rem/1em "Noto Sans JP", serif;
        font-weight: 700;
        color: #684030;
        margin: 0 0 10px; } }
/*max-width:1024px*/
/*max-width:768px*/
@media (max-width: 480px) {
  .insta_box {
    padding: 70px 0; }
    .insta_box .flex {
      width: calc(100% - 80px);
      display: block; }
      .insta_box .flex .left,
      .insta_box .flex .right {
        margin: 0 auto 40px;
        width: 100%;
        max-width: 540px; }
        .insta_box .flex .left p,
        .insta_box .flex .right p {
          font: 1.6rem/1em "Noto Sans JP", serif;
          font-weight: 700;
          color: #684030;
          margin: 0 0 5px; } }
/*max-width:480px*/
/******************************************************/
.page_top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  height: 65px;
  width: 65px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #9C5C43;
  z-index: 1000;
  transition: .3s;
  opacity: 0;
  pointer-events: none; }
  .page_top:before {
    position: absolute;
    content: "";
    background: url("../images/common/page_top.svg") center center no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    /* Safari用 */
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    transition: .3s; }
  .page_top:after {
    position: absolute;
    content: "";
    background: url("../images/common/page_top_hover.svg") center center no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    /* Safari用 */
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    opacity: 0;
    transition: .3s; }
  .page_top.active {
    opacity: 1;
    pointer-events: all; }

@media (hover: hover) {
  .page_top:hover {
    cursor: pointer;
    background-color: #9C5C43; }
    .page_top:hover:before {
      opacity: 0; }
    .page_top:hover:after {
      opacity: 1; } }
@media (max-width: 480px) {
  .page_top {
    bottom: 15px;
    right: 15px;
    height: 65px;
    width: 65x; } }
/*max-width:480px*/