:root {
  --white: #ffffff;
  --black: #000000;
  --green: #54A734;
  --section-title: #525252;
  --card-title: #404040;
  --card-desc: #A3A3A3;
  --card-date: #737373;
  --dark-green: #134E4A;
  --border-color: #F5F5F5;
  --bg-yellow-dark: #f1efea;
  --organe: #F17233;
}

* {
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
  box-sizing: border-box;
}

html {
  font-size: 10px;/*10*/
  min-width: 375px;
  scroll-behavior: smooth;
}

@media screen and (max-width: 1023px) {
  :target {
    scroll-margin-top: 54px;
  }
}

body {
  background-color: var(--white);
  margin: 0 auto;
  overflow-x: hidden;
  position: relative;
}
body.hidden {
  position: fixed !important;
}
ol, ul {
  list-style: none;
}

a {
  text-decoration: unset;
}

.btn {
  cursor: pointer;
}

.btn-primary {
  display: block;
  background: var(--green);
  border-radius: 4rem;
  border: 0.1rem solid transparent;
  color: var(--white);
  text-align: center;
  padding: 1.5rem 0;
  min-width: 11.2rem;
  transition: all 0.4s ease-in-out;
}

.btn-primary:hover {
  background: var(--white);
  border: 0.1rem solid var(--green);
  color: var(--green);
}

.SP {
  display: none;
}

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

  .SP {
    display: block;
  }
}

@keyframes scaleDown {
  0% {
    transform: scale(108%);
  }
  100% {
    transform: scale(100%);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes animate {
  0%, 10% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}