html {
  scroll-behavior: smooth; }

body {
  position: relative;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 600;
  color: #000;
  letter-spacing: .05em;
  margin: 0;
  background-color: #e4f6dc; }

main {
  position: relative; }

a {
  transition: .3s; }

a:hover {
  opacity: 0.8; }

img {
  max-width: 100%;
  width: 100%; }

@media (min-width: 768px) {
  body {
    font-size: 14px; }

  .pcnone {
    display: none !important; } }
@media (max-width: 767.98px) {
  body {
    font-size: 12px; }

  .spnone {
    display: none !important; } }
.container {
  max-width: 500px;
  padding: 0;
  overflow: hidden;
  position: relative;
  background-color: #e4f6dc; }

@media (min-width: 768px) {
  .container {
    width: 500px;
    margin: 0 11vw 0 auto; }

  .inner_wrap {
    padding: 0 30px 20px; } }
@media (max-width: 767.98px) {
  .container {
    width: 100%; }

  .inner_wrap {
    padding: 0 25px 20px; } }
.pc_menu .pc_menu_box ul li a {
  color: white;
  border-radius: 60px; }
.pc_menu .pc_menu_box ul li .link1 {
  border: 3px solid #5dba73;
  background-image: linear-gradient(0deg, #e4f6dc, #fff);
  color: #5dba73;
  font-weight: bold; }
.pc_menu .pc_menu_box ul li .link2 {
  border: 3px solid #ff8caf;
  background-image: linear-gradient(0deg, #ffebf1, #fff);
  color: #ff8caf;
  font-weight: bold; }
.pc_menu .pc_menu_box ul li .link3 {
  border: 3px solid #64b4ff;
  background-image: linear-gradient(0deg, #daf3ff, #fff);
  color: #64b4ff;
  font-weight: bold; }
.pc_menu .pc_menu_box ul li .link4 {
  border: 3px solid #ffa05a;
  background-image: linear-gradient(0deg, #ffffd3, #fff);
  color: #ffa05a;
  font-weight: bold; }

@media (min-width: 768px) {
  .pc_menu {
    width: calc(100vw - 500px - 11vw);
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0; }
    .pc_menu .pc_menu_box {
      width: 55.5%;
      min-width: 290px;
      max-width: 400px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      position: absolute;
      top: max(300px, 50%);
      left: 50%;
      transform: translate(-50%, -50%); }
      .pc_menu .pc_menu_box > a {
        width: 100%;
        margin: 0 auto;
        max-height: 350px; }
        .pc_menu .pc_menu_box > a > img {
          width: auto;
          max-height: 350px;
          margin: 0 auto;
          display: block; }
      .pc_menu .pc_menu_box > ul {
        list-style: none;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0;
        margin-top: 30px; }
        .pc_menu .pc_menu_box > ul > li {
          width: 100%;
          position: relative;
          margin: 0 0 15px 0; }
          .pc_menu .pc_menu_box > ul > li:last-child {
            width: 100%;
            margin: 0; }
          .pc_menu .pc_menu_box > ul > li > a {
            padding: 10px;
            display: flex;
            justify-content: center;
            font-size: 16px;
            font-weight: 500; }
            .pc_menu .pc_menu_box > ul > li > a:hover {
              text-decoration: none; } }
@media (min-width: 1200px) {
  .pc_menu .pc_menu_box > ul > li > a {
    font-size: 18px; } }
@media (max-width: 900px) {
  .pc_menu {
    display: none; } }
.main {
  position: relative; }
  .main .btn_box1 .btn1 {
    position: absolute;
    bottom: 34%;
    width: 49%;
    left: 29%;
    transform: translateX(-50%); }
  .main .btn_box1 .btn2 {
    position: absolute;
    bottom: 26%;
    width: 49%;
    left: 72%;
    transform: translateX(-50%); }
  .main .btn_box1 .btn3 {
    position: absolute;
    bottom: 9.5%;
    width: 49%;
    left: 29%;
    transform: translateX(-50%); }
  .main .btn_box1 .btn4 {
    position: absolute;
    bottom: 1.5%;
    width: 49%;
    left: 72%;
    transform: translateX(-50%); }

@media (min-width: 768px) {
  .content_inner {
    position: relative; }
    .content_inner .more {
      position: absolute;
      bottom: 75px;
      left: calc(50% - 170px); }
      .content_inner .more img {
        width: 360px; } }
@media (max-width: 767.98px) {
  .content_inner {
    position: relative; }
    .content_inner .more {
      position: absolute;
      bottom: 76px;
      left: 50%;
      transform: translate(-50%); }
      .content_inner .more img {
        min-width: 280px;
        width: 90%; } }
@media (max-width: 440.98px) {
  .content_inner {
    position: relative; }
    .content_inner .more {
      position: absolute;
      bottom: 46px;
      left: 50%;
      transform: translate(-50%); }
      .content_inner .more img {
        min-width: 280px;
        width: 90%; } }
@media (min-width: 768px) {
  footer {
    position: relative; }
    footer .top_back {
      display: block;
      width: 50%;
      margin: 0 auto 0;
      position: absolute;
      bottom: 34%;
      left: 50%;
      transform: translateX(-50%); } }
@media (max-width: 767.98px) {
  footer {
    position: relative; }
    footer .top_back {
      display: block;
      width: 50%;
      margin: 0 auto 0;
      position: absolute;
      bottom: 34%;
      left: 50%;
      transform: translateX(-50%); } }