@charset "UTF-8";
@keyframes bounce {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
@keyframes blur {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 0;
  }
  5% {
    text-shadow: 0 0 90px #fff;
  }
  15% {
    opacity: 1;
  }
  20% {
    text-shadow: 0 0 0px #fff;
  }
  80% {
    text-shadow: 0 0 0px #fff;
  }
  85% {
    opacity: 1;
  }
  95% {
    text-shadow: 0 0 90px #fff;
  }
  100% {
    text-shadow: 0 0 100px #fff;
    opacity: 0;
  }
}
@-webkit-keyframes blur {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 0;
  }
  5% {
    text-shadow: 0 0 90px #fff;
  }
  15% {
    opacity: 1;
  }
  20% {
    text-shadow: 0 0 0px #fff;
  }
  80% {
    text-shadow: 0 0 0px #fff;
  }
  85% {
    opacity: 1;
  }
  95% {
    text-shadow: 0 0 90px #fff;
  }
  100% {
    text-shadow: 0 0 100px #fff;
    opacity: 0;
  }
}
@keyframes fadeIn {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide {
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
/*Here's a bunch of animations*/
@keyframes zoom_c {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes zoom_c {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounce_c {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes bounce_c {
  0% {
    -webkit-transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@keyframes squash_c {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes squash_c {
  0% {
    -webkit-transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}
@keyframes rot_c {
  0% {
    transform: rotate(9deg);
  }
  50% {
    transform: rotate(-9deg);
  }
  100% {
    transform: rotate(9deg);
  }
}
@-webkit-keyframes rot_c {
  0% {
    -webkit-transform: rotate(9deg);
  }
  50% {
    -webkit-transform: rotate(-9deg);
  }
  100% {
    -webkit-transform: rotate(9deg);
  }
}
@keyframes fade2_c {
  0% {
    transform: scale(0.8);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0.7;
  }
}
@-webkit-keyframes fade2_c {
  0% {
    -webkit-transform: scale(0.8);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.8);
    opacity: 0.7;
  }
}
@-webkit-keyframes smoky {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}
@keyframes smoky {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}
@-webkit-keyframes smoky-mirror {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}
@keyframes smoky-mirror {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}
.sm:nth-of-type(1) {
  -webkit-animation-delay: 3.1s;
  animation-delay: 3.1s;
}

.sm:nth-of-type(2) {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
}

.sm:nth-of-type(3) {
  -webkit-animation-delay: 3.3s;
  animation-delay: 3.3s;
}

.sm:nth-of-type(4) {
  -webkit-animation-delay: 3.4s;
  animation-delay: 3.4s;
}

.sm:nth-of-type(5) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.sm:nth-of-type(6) {
  -webkit-animation-delay: 3.6s;
  animation-delay: 3.6s;
}

.sm:nth-of-type(7) {
  -webkit-animation-delay: 3.7s;
  animation-delay: 3.7s;
}

.sm:nth-of-type(8) {
  -webkit-animation-delay: 3.8s;
  animation-delay: 3.8s;
}

.sm:nth-of-type(9) {
  -webkit-animation-delay: 3.9s;
  animation-delay: 3.9s;
}

.sm:nth-of-type(10) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

@keyframes kiran {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.3;
  }
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.2;
  }
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@keyframes fadeup {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  30% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes boxDisplay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes boxDisplay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes boxDisplay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes boxDisplay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes boxDisplay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bounce {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
@keyframes blur {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 0;
  }
  5% {
    text-shadow: 0 0 90px #fff;
  }
  15% {
    opacity: 1;
  }
  20% {
    text-shadow: 0 0 0px #fff;
  }
  80% {
    text-shadow: 0 0 0px #fff;
  }
  85% {
    opacity: 1;
  }
  95% {
    text-shadow: 0 0 90px #fff;
  }
  100% {
    text-shadow: 0 0 100px #fff;
    opacity: 0;
  }
}
@-webkit-keyframes blur {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 0;
  }
  5% {
    text-shadow: 0 0 90px #fff;
  }
  15% {
    opacity: 1;
  }
  20% {
    text-shadow: 0 0 0px #fff;
  }
  80% {
    text-shadow: 0 0 0px #fff;
  }
  85% {
    opacity: 1;
  }
  95% {
    text-shadow: 0 0 90px #fff;
  }
  100% {
    text-shadow: 0 0 100px #fff;
    opacity: 0;
  }
}
@keyframes fadeIn {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide {
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
/*Here's a bunch of animations*/
@keyframes zoom_c {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes zoom_c {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounce_c {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes bounce_c {
  0% {
    -webkit-transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
@keyframes squash_c {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes squash_c {
  0% {
    -webkit-transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}
@keyframes rot_c {
  0% {
    transform: rotate(9deg);
  }
  50% {
    transform: rotate(-9deg);
  }
  100% {
    transform: rotate(9deg);
  }
}
@-webkit-keyframes rot_c {
  0% {
    -webkit-transform: rotate(9deg);
  }
  50% {
    -webkit-transform: rotate(-9deg);
  }
  100% {
    -webkit-transform: rotate(9deg);
  }
}
@keyframes fade2_c {
  0% {
    transform: scale(0.8);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0.7;
  }
}
@-webkit-keyframes fade2_c {
  0% {
    -webkit-transform: scale(0.8);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.8);
    opacity: 0.7;
  }
}
@-webkit-keyframes smoky {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}
@keyframes smoky {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    transform: translate3d(15rem, -8rem, 0) rotate(-40deg) skewX(70deg) scale(1.5);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}
@-webkit-keyframes smoky-mirror {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}
@keyframes smoky-mirror {
  60% {
    text-shadow: 0 0 40px whitesmoke;
  }
  to {
    transform: translate3d(18rem, -8rem, 0) rotate(-40deg) skewX(-70deg) scale(2);
    text-shadow: 0 0 20px whitesmoke;
    opacity: 0;
  }
}
.sm:nth-of-type(1) {
  -webkit-animation-delay: 3.1s;
  animation-delay: 3.1s;
}

.sm:nth-of-type(2) {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
}

.sm:nth-of-type(3) {
  -webkit-animation-delay: 3.3s;
  animation-delay: 3.3s;
}

.sm:nth-of-type(4) {
  -webkit-animation-delay: 3.4s;
  animation-delay: 3.4s;
}

.sm:nth-of-type(5) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.sm:nth-of-type(6) {
  -webkit-animation-delay: 3.6s;
  animation-delay: 3.6s;
}

.sm:nth-of-type(7) {
  -webkit-animation-delay: 3.7s;
  animation-delay: 3.7s;
}

.sm:nth-of-type(8) {
  -webkit-animation-delay: 3.8s;
  animation-delay: 3.8s;
}

.sm:nth-of-type(9) {
  -webkit-animation-delay: 3.9s;
  animation-delay: 3.9s;
}

.sm:nth-of-type(10) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

@keyframes kiran {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.3;
  }
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.2;
  }
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.1;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@keyframes fadeup {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  30% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes boxDisplay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes boxDisplay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes boxDisplay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes boxDisplay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes boxDisplay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body.loaded .container {
  display: none;
}

body {
  margin: 0;
  font-family: "iroha-23kaede-stdn", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1 {
  margin: 0;
  font-size: 50px;
  font-weight: 400;
}

h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
}

h3 {
  font-size: 23px;
  font-weight: 400;
}

h4 {
  font-size: 1.3em;
  font-weight: 600;
}

p {
  font-size: 1.2em;
}

a {
  text-decoration: none;
}

.note {
  font-size: 1em;
}

img {
  width: 300px;
}

ul li {
  list-style: none;
}

dl {
  margin-bottom: 50px;
}
dl dt {
  margin-top: 25px;
}
dl dd {
  margin-right: 20px;
  display: inline;
}

header {
  margin: 30px 45px 0;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 9999;
}
.container .spinner {
  display: flex;
  gap: 20px;
}
.container .spinner .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #333;
  animation: bounce 1.2s infinite ease-in-out;
}
.container .spinner .dot:nth-child(1) {
  animation-delay: -0.24s;
}
.container .spinner .dot:nth-child(2) {
  animation-delay: -0.12s;
}
.container .spinner .dot:nth-child(3) {
  animation-delay: 0;
}

main .content {
  text-align: center;
}

.top a {
  color: #202020;
}
.top .top_contents {
  width: 94%;
  height: 180vh;
  margin: 3%;
  background-size: 100%;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
}
.top .top_contents video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.top .top_contents .breath_image {
  padding: 90px 40px 0 0;
  display: grid;
  grid-template-columns: 200px 200px;
  background-size: auto 100%;
}
.top .top_contents .breath_image #deep_breath_1,
.top .top_contents .breath_image #deep_breath_2 {
  margin: 25px 35px;
  color: #fff;
  font-size: 80px;
  line-height: 100px;
  z-index: 10;
}
.top .top_contents .breath_image #deep_breath_1 {
  grid-column: 2;
  grid-row: 1;
}
.top .top_contents .breath_image #deep_breath_1 .js-g01 {
  color: transparent;
  animation: blur 17s ease-out infinite;
  -webkit-animation: blur 17s ease-out infinite;
}
.top .top_contents .breath_image #deep_breath_1 .js-g01:nth-child(1) {
  animation-delay: 0.05s;
  -webkit-animation-delay: 0.05s;
}
.top .top_contents .breath_image #deep_breath_1 .js-g01:nth-child(2) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.top .top_contents .breath_image #deep_breath_1 .js-g01:nth-child(3) {
  animation-delay: 0.15s;
  -webkit-animation-delay: 0.15s;
}
.top .top_contents .breath_image #deep_breath_1 .js-g01:nth-child(4) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.top .top_contents .breath_image #deep_breath_2 {
  padding-top: 50px;
  grid-column: 1;
  grid-row: 1;
}
.top .top_contents .breath_image #deep_breath_2 .js-g02 {
  color: transparent;
  animation: blur 17s ease-out infinite;
  -webkit-animation: blur 17s ease-out infinite;
}
.top .top_contents .breath_image #deep_breath_2 .js-g02:nth-child(1) {
  animation-delay: 4s;
  -webkit-animation-delay: 4s;
}
.top .top_contents .breath_image #deep_breath_2 .js-g02:nth-child(2) {
  animation-delay: 4.1s;
  -webkit-animation-delay: 4.1s;
}
.top .top_contents .breath_image #deep_breath_2 .js-g02:nth-child(3) {
  animation-delay: 4.2s;
  -webkit-animation-delay: 4.2s;
}
.top .top_contents .breath_image #deep_breath_2 .js-g02:nth-child(4) {
  animation-delay: 4.3s;
  -webkit-animation-delay: 4.3s;
}
.top .top_contents .breath_image #deep_breath_2 .js-g02:nth-child(5) {
  animation-delay: 4.4s;
  -webkit-animation-delay: 4.4s;
}
.top .top_contents .breath_image #deep_breath_2 .js-g02:nth-child(6) {
  animation-delay: 4.5s;
  -webkit-animation-delay: 4.5s;
}
.top .top_contents .breath_image #deep_breath_2 .js-g02:nth-child(7) {
  animation-delay: 4.6s;
  -webkit-animation-delay: 4.6s;
}
.top .top_contents .breath_image #deep_breath_2 .js-g02:nth-child(8) {
  animation-delay: 4.7s;
  -webkit-animation-delay: 4.7s;
}
.top .top_contents .breath_image #deep_breath_2 .js-g02:nth-child(9) {
  animation-delay: 4.8s;
  -webkit-animation-delay: 4.8s;
}
.top .top_contents.wide {
  padding: 0 0 7%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.top .top_contents.wide .breath_image {
  padding: 0;
  display: inline;
  position: relative;
}
.top .top_contents.wide .breath_image #deep_breath_1, .top .top_contents.wide .breath_image #deep_breath_2 {
  text-align: end;
}
.top .top_contents.wide .breath_image #deep_breath_2 {
  padding-top: 0;
}
.top .top_contents.wide .breath_image .js-g01, .top .top_contents.wide .breath_image .js-g02 {
  display: inline-block;
}
.top button {
  margin: 10px;
}

.menu_top, .space_top, .menu_top, .about_top {
  margin: 150px 70px 250px;
  height: 50vh;
}
.menu_top h2, .space_top h2, .menu_top h2, .about_top h2 {
  margin: 110px 0;
}

.supplication .inori_title {
  margin-bottom: 100px;
  padding: 100px 0;
}
.supplication .inori_title .change {
  font-size: 50px;
  line-height: 40px;
  letter-spacing: 2px;
  color: #444;
  font-family: sans-serif;
}
.supplication .inori_title .change #weirdtext {
  font-size: 50px;
  max-width: 500px;
  display: block;
  margin: 40px auto 20px auto;
}
.supplication .inori_title .change #weirdtext .effect1 {
  display: inline-block;
  animation: zoom_c 6s linear infinite;
  -webkit-animation: zoom_c 6s linear infinite;
}
.supplication .inori_title .change #weirdtext .effect2 {
  display: inline-block;
  animation: bounce_c 3s linear infinite;
  -webkit-animation: bounce_c 3s linear infinite;
}
.supplication .inori_title .change #weirdtext .effect3 {
  display: inline-block;
  animation: squash_c 2s linear infinite;
  -webkit-animation: squash_c 2s linear infinite;
}
.supplication .inori_title .change #weirdtext .effect4 {
  display: inline-block;
  animation: rot_c 5s linear infinite;
  -webkit-animation: rot_c 5s linear infinite;
}
.supplication .inori_title .change #weirdtext .effect5 {
  display: inline-block;
  animation: fade2_c 4s linear infinite;
  -webkit-animation: fade2_c 4s linear infinite;
}
.supplication .inori {
  padding: 5px 35px;
  grid-column: 2;
}
.supplication .inori p:nth-child(4) {
  margin-top: 20px;
}
.supplication .inori .description {
  width: 100%;
  padding-top: 70px;
  padding-left: 0;
}
.supplication .inori .description .detail {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
}
.supplication .inori .description .detail a {
  margin: 3px;
  position: absolute;
  left: 50%;
}
.supplication .appear {
  grid-column: 3;
  display: grid;
  align-items: center;
}
.supplication .appear .bg {
  grid-row: 1;
  grid-column: 2;
}
.supplication .appear .logo {
  grid-row: 1;
  grid-column: 2;
}
.supplication .is-animated .bg img, .supplication .is-animated .logo img {
  opacity: 0;
  animation: fadeIn 5s forwards;
}

.appear {
  opacity: 1;
  overflow: hidden;
  position: relative;
}
.appear::after {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 200px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
}
.appear:hover::after {
  animation: kiran 0.5s linear;
}

.is-animated {
  opacity: 0;
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

.supplication, .space, .postscript, .menu, .counseling, .treatment_space, .info, .about, .access {
  margin: 200px 0;
  text-align: center;
  position: relative;
}
.supplication p, .space p, .postscript p, .menu p, .counseling p, .treatment_space p, .info p, .about p, .access p {
  letter-spacing: -0.09em;
}
.supplication img, .space img, .postscript img, .menu img, .counseling img, .treatment_space img, .info img, .about img, .access img {
  width: 100%;
}
.supplication .block_l, .supplication .block_r, .space .block_l, .space .block_r, .postscript .block_l, .postscript .block_r, .menu .block_l, .menu .block_r, .counseling .block_l, .counseling .block_r, .treatment_space .block_l, .treatment_space .block_r, .info .block_l, .info .block_r, .about .block_l, .about .block_r, .access .block_l, .access .block_r {
  display: grid;
  justify-content: center;
  align-items: start;
}
.supplication .block_l h2, .supplication .block_r h2, .space .block_l h2, .space .block_r h2, .postscript .block_l h2, .postscript .block_r h2, .menu .block_l h2, .menu .block_r h2, .counseling .block_l h2, .counseling .block_r h2, .treatment_space .block_l h2, .treatment_space .block_r h2, .info .block_l h2, .info .block_r h2, .about .block_l h2, .about .block_r h2, .access .block_l h2, .access .block_r h2 {
  text-align: left;
}
.supplication .block_l .description, .supplication .block_r .description, .space .block_l .description, .space .block_r .description, .postscript .block_l .description, .postscript .block_r .description, .menu .block_l .description, .menu .block_r .description, .counseling .block_l .description, .counseling .block_r .description, .treatment_space .block_l .description, .treatment_space .block_r .description, .info .block_l .description, .info .block_r .description, .about .block_l .description, .about .block_r .description, .access .block_l .description, .access .block_r .description {
  padding: 5px 40px 5px 50px;
  position: relative;
}
.supplication .inori, .space .inori, .postscript .inori, .menu .inori, .counseling .inori, .treatment_space .inori, .info .inori, .about .inori, .access .inori {
  padding-top: 70px;
  padding-left: 0;
  position: relative;
}
.supplication .inori .detail a, .space .inori .detail a, .postscript .inori .detail a, .menu .inori .detail a, .counseling .inori .detail a, .treatment_space .inori .detail a, .info .inori .detail a, .about .inori .detail a, .access .inori .detail a {
  margin: 3px;
  position: absolute;
  left: 50%;
}
.supplication .block_l, .space .block_l, .postscript .block_l, .menu .block_l, .counseling .block_l, .treatment_space .block_l, .info .block_l, .about .block_l, .access .block_l {
  grid-template-columns: 0.5fr 2fr 1.5fr 0.5fr;
}
.supplication .block_r, .space .block_r, .postscript .block_r, .menu .block_r, .counseling .block_r, .treatment_space .block_r, .info .block_r, .about .block_r, .access .block_r {
  grid-template-columns: 0.5fr 1.5fr 2fr 0.5fr;
  flex-direction: row-reverse;
}

.inori, .space, .menu, .counseling, .treatment_space, .info, .about, .access {
  text-align: left;
}

.space img, .counseling img, .treatment_space img, .info img, .menu img, .about img, .access img {
  width: 400px;
}
.space .block_r .image, .counseling .block_r .image, .treatment_space .block_r .image, .info .block_r .image, .menu .block_r .image, .about .block_r .image, .access .block_r .image {
  grid-column: 3/5;
  grid-row: 1;
}
.space .block_r .image img, .counseling .block_r .image img, .treatment_space .block_r .image img, .info .block_r .image img, .menu .block_r .image img, .about .block_r .image img, .access .block_r .image img {
  width: 100%;
}
.space .block_r .description, .counseling .block_r .description, .treatment_space .block_r .description, .info .block_r .description, .menu .block_r .description, .about .block_r .description, .access .block_r .description {
  grid-column: 1/3;
  grid-row: 1;
}
.space .block_l .image, .counseling .block_l .image, .treatment_space .block_l .image, .info .block_l .image, .menu .block_l .image, .about .block_l .image, .access .block_l .image {
  grid-column: 1/3;
  grid-row: 1;
}
.space .block_l .image img, .counseling .block_l .image img, .treatment_space .block_l .image img, .info .block_l .image img, .menu .block_l .image img, .about .block_l .image img, .access .block_l .image img {
  width: 100%;
}
.space .block_l .description, .counseling .block_l .description, .treatment_space .block_l .description, .info .block_l .description, .menu .block_l .description, .about .block_l .description, .access .block_l .description {
  grid-column: 3/5;
  grid-row: 1;
}
.space .block_l .description .detail h4:nth-child(2), .counseling .block_l .description .detail h4:nth-child(2), .treatment_space .block_l .description .detail h4:nth-child(2), .info .block_l .description .detail h4:nth-child(2), .menu .block_l .description .detail h4:nth-child(2), .about .block_l .description .detail h4:nth-child(2), .access .block_l .description .detail h4:nth-child(2) {
  margin-bottom: 15px;
}

.menu_content .appeal h3, .space_content .appeal h3, .about_content .appeal h3, .access .appeal h3 {
  margin-bottom: 100px;
}
.menu_content .menu, .space_content .menu, .about_content .menu, .access .menu {
  margin: 50px 60px 300px;
}
.menu_content .counseling, .menu_content .treatment_space, .menu_content .info, .space_content .counseling, .space_content .treatment_space, .space_content .info, .about_content .counseling, .about_content .treatment_space, .about_content .info, .access .counseling, .access .treatment_space, .access .info {
  margin: 50px 0 300px;
}
.menu_content .about .details, .space_content .about .details, .about_content .about .details, .access .about .details {
  margin: 200px 120px;
  text-indent: 0.8em;
}
.menu_content .about .details h4, .space_content .about .details h4, .about_content .about .details h4, .access .about .details h4 {
  margin: 10px 50px;
}
.menu_content .about .details h4::before, .space_content .about .details h4::before, .about_content .about .details h4::before, .access .about .details h4::before {
  content: "・";
}
.menu_content .about .details p, .space_content .about .details p, .about_content .about .details p, .access .about .details p {
  line-height: 1.5em;
  margin: 100px 10px;
}
.menu_content .about .details p:last-of-type, .space_content .about .details p:last-of-type, .about_content .about .details p:last-of-type, .access .about .details p:last-of-type {
  margin-bottom: 20px;
}
.menu_content .menu .details, .menu_content .counseling .details, .menu_content .treatment_space .details, .menu_content .info .details, .space_content .menu .details, .space_content .counseling .details, .space_content .treatment_space .details, .space_content .info .details, .about_content .menu .details, .about_content .counseling .details, .about_content .treatment_space .details, .about_content .info .details, .access .menu .details, .access .counseling .details, .access .treatment_space .details, .access .info .details {
  margin: 10px 20px;
}
.menu_content .menu .block_l, .menu_content .counseling .block_l, .menu_content .treatment_space .block_l, .menu_content .info .block_l, .menu_content .about .block_l, .menu_content .access .block_l, .space_content .menu .block_l, .space_content .counseling .block_l, .space_content .treatment_space .block_l, .space_content .info .block_l, .space_content .about .block_l, .space_content .access .block_l, .about_content .menu .block_l, .about_content .counseling .block_l, .about_content .treatment_space .block_l, .about_content .info .block_l, .about_content .about .block_l, .about_content .access .block_l, .access .menu .block_l, .access .counseling .block_l, .access .treatment_space .block_l, .access .info .block_l, .access .about .block_l, .access .access .block_l {
  align-items: start;
}
.menu_content .menu .block_l .description, .menu_content .counseling .block_l .description, .menu_content .treatment_space .block_l .description, .menu_content .info .block_l .description, .menu_content .about .block_l .description, .menu_content .access .block_l .description, .space_content .menu .block_l .description, .space_content .counseling .block_l .description, .space_content .treatment_space .block_l .description, .space_content .info .block_l .description, .space_content .about .block_l .description, .space_content .access .block_l .description, .about_content .menu .block_l .description, .about_content .counseling .block_l .description, .about_content .treatment_space .block_l .description, .about_content .info .block_l .description, .about_content .about .block_l .description, .about_content .access .block_l .description, .access .menu .block_l .description, .access .counseling .block_l .description, .access .treatment_space .block_l .description, .access .info .block_l .description, .access .about .block_l .description, .access .access .block_l .description {
  grid-column: 3/5;
  display: flex;
  flex-direction: column;
}

.about_content a, .access a {
  color: #2ABCA7;
}
.about_content a:hover, .access a:hover {
  color: #19a08c;
}
.about_content .career, .access .career {
  margin-top: 30px;
}
.about_content .career li, .access .career li {
  margin-left: 30px;
}
.about_content .career li::before, .access .career li::before {
  content: "＊";
  position: absolute;
  left: 60px;
}

.suggest {
  margin-top: 60px;
  text-align: center;
}

.postscript h2 {
  padding-top: 100px;
  background-color: #fff;
}
.postscript .instagram_content {
  height: 570px;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 400px 400px 1fr;
  gap: 15px;
  align-items: baseline;
}
.postscript .instagram_content .link {
  grid-column: 1/5;
  grid-row: 1;
}
.postscript .instagram_content .image_box {
  overflow: hidden;
  grid-row: 2;
  grid-column: 2/3;
}
.postscript .instagram_content .image_box .redius .article_image .is_image {
  display: block;
  position: relative;
  text-decoration: none;
}
.postscript .instagram_content .image_box .redius .article_image .is_image:hover img {
  filter: blur(5px);
}
.postscript .instagram_content .image_box .redius .article_image .is_image:hover::before {
  opacity: 1;
  margin-top: -0.5em;
}
.postscript .instagram_content .image_box .redius .article_image .is_image::before {
  content: "READ MORE";
  display: block;
  color: #000;
  line-height: 48px;
  width: 180px;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1em;
  margin-left: -90px;
  opacity: 0;
  z-index: 3;
  transition: 0.3s;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.postscript .instagram_content .image_box .redius .article_image .is_image::after {
  content: "READ MORE";
  display: block;
  color: #fff;
  line-height: 48px;
  width: 180px;
  border: solid 1px #fff;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1em;
  margin-left: -90px;
  opacity: 0;
  z-index: 3;
  transition: 0.3s;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.postscript .instagram_content .instagram_profile {
  grid-column: 3/4;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr 70px 70px 1fr;
  align-items: center;
  justify-content: space-evenly;
}
.postscript .instagram_content .instagram_profile .instagram_logo {
  grid-row: 2;
  grid-column: 2;
}
.postscript .instagram_content .instagram_profile .instagram_logo img {
  width: 40px;
}
.postscript .instagram_content .instagram_profile .avatar {
  grid-row: 2;
  grid-column: 3;
}
.postscript .instagram_content .instagram_profile .avatar img {
  width: 60px;
}
.postscript .instagram_content small {
  grid-row: 3;
  grid-column: 3/4;
}

footer {
  margin: 25px 0 50px 0;
  padding: 30px;
  line-height: 25px;
  text-align: center;
  background: #e5e5e5;
  color: #808080;
  text-align: center;
}
footer a {
  display: inline-block;
  color: #808080;
  text-decoration: none;
  transition: 0.5s;
}
footer a:hover {
  color: #fff;
  text-shadow: -1px 1px 5px #808080, 1px -1px 5px #808080;
}
footer .footer {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
footer .footer li {
  margin: 0;
  padding: 0 20px;
}
footer .copyright {
  margin: 0;
  padding: 20px 0 0 0;
}

.menu .pc_view, .space .pc_view {
  margin-top: 30px;
}
.menu .pc_view a, .space .pc_view a {
  position: absolute;
  left: 50%;
}

.pc_view {
  display: block;
}
.pc_view .view_more {
  width: 130px;
  height: 55px;
  padding-right: 2px;
  color: #34425b;
  font-style: italic;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 55px;
  text-align: center;
  position: relative;
}
.pc_view .view_more svg {
  position: absolute;
  top: 0;
  left: 0;
}
.pc_view .view_more svg rect, .pc_view .view_more svg path, .pc_view .view_more svg polyline {
  fill: none;
  stroke: #34425b;
  stroke-width: 1;
}
.pc_view .view_more svg rect {
  stroke-dasharray: 400, 0;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}
.pc_view .view_more:hover svg rect {
  stroke: #4274D3;
  stroke-width: 3;
  stroke-dasharray: 35, 245;
  stroke-dashoffset: 38;
  transition: all 0.8s ease-in-out;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
}

.media_view {
  display: none;
}

.link a {
  color: inherit;
  text-decoration: none;
  background: linear-gradient(to right, rgb(100, 200, 200), rgb(100, 200, 200)), linear-gradient(to right, rgb(255, 0, 0), rgb(255, 0, 180), rgb(0, 100, 200));
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}
.link a:hover {
  background-size: 0 3px, 100% 3px;
}

iframe[src*="www.google.com/maps/embed"] {
  aspect-ratio: 4/3;
  width: 100%;
  height: auto;
}

.iframe-wrapper {
  position: relative;
  width: 100%;
}
.iframe-wrapper .iframe-wrapper iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  border: none;
}

.form {
  margin: 0 auto;
  padding: 25px;
  width: 600px;
  background-color: #FAFAFA;
  text-align: center;
}
.form h2 {
  text-align: center;
  padding: 18px 0 18px 0;
  font-size: 1.4em;
}
.form h3 {
  padding: 20px 20px 0;
}
.form dl {
  margin: 0 0 10px;
  text-align: left;
}
.form dl dt {
  font-size: 1.2em;
  color: #34425b;
}
.form dl .form__inputArea {
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #e5e5e5;
}
.form textarea {
  height: 200px;
  margin: 10px 0;
}
.form input {
  margin-top: 10px;
}
.form input, .form textarea {
  width: 100%;
  font-size: 1em;
  margin-bottom: 10px;
  padding: 12px 20px 10px;
  line-height: 23px;
  border: 1px solid #cecece;
  background: #d7d7d7;
  color: #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form ::-webkit-input-placeholder {
  color: #FAFAFA;
}
.form :-moz-placeholder {
  color: #FAFAFA;
}
.form ::-moz-placeholder {
  color: #FAFAFA;
}
.form :-ms-input-placeholder {
  color: #FAFAFA;
}
.form .formWrap {
  display: grid;
  justify-content: center;
}
.form .formWrap .screen-reader-response {
  grid-row: 1;
}
.form .formWrap .formBtns .formBtns__wrap {
  margin-top: 15px;
  margin-bottom: 25px;
  background-color: #2ABCA7;
  padding: 12px 45px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #2ABCA7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: inline-block;
  cursor: pointer;
  width: 30%;
  color: #fff;
}
.form .formWrap .formBtns .formBtns__wrap:hover {
  background: #19a08c;
}
.form .formWrap .wpcf7-form {
  grid-row: 2;
}
.form .formWrap .wpcf7-form p:nth-of-type(5) {
  text-align: center;
}
.form .formWrap .wpcf7-form p:last-of-type {
  text-align: center;
}
.form .formWrap .wpcf7-not-valid-tip {
  display: block;
}
.form .formWrap .wpcf7-not-valid-tip::before {
  content: "＊";
}
.form .err_msg {
  font-size: 1em;
  display: block;
  padding: 10px 40px;
  background-color: #FAFAFA;
  width: 80%;
  margin: auto;
  color: #d89c9c;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.form_container {
  height: 50vh;
  margin: 20% auto;
  display: block;
}

/* ↑↑↑960px以上1280px以下のとき↑↑↑ */
@media screen and (min-width: 540px) and (max-width: 960px) {
  /* 960px以下540px */
  main .content {
    text-align: center;
  }
  main .content .top {
    position: relative;
  }
  main .content .top .breath_image {
    padding: 20px 0 0 0;
    display: grid;
    grid-template-columns: 85px 140px;
    background-size: auto 100%;
  }
  main .content .top .breath_image #deep_breath_1, main .content .top .breath_image #deep_breath_2 {
    margin: 20px 30px;
    font-size: 40px;
    line-height: 60px;
  }
  main .content .supplication, main .content .space, main .content .menu, main .content .postscript, main .content .counseling, main .content .treatment_space, main .content .info, main .content .about, main .content .access {
    margin: 50px 0;
  }
  main .content .supplication .block_l, main .content .supplication .block_r, main .content .space .block_l, main .content .space .block_r, main .content .menu .block_l, main .content .menu .block_r, main .content .postscript .block_l, main .content .postscript .block_r, main .content .counseling .block_l, main .content .counseling .block_r, main .content .treatment_space .block_l, main .content .treatment_space .block_r, main .content .info .block_l, main .content .info .block_r, main .content .about .block_l, main .content .about .block_r, main .content .access .block_l, main .content .access .block_r {
    padding: 15px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  main .content .supplication .inori_title {
    padding: 100px 0 0;
  }
  main .content .supplication .block_l .inori {
    padding: 80px 0;
    text-align: center;
  }
  main .content .supplication .block_l .inori .description {
    width: 100%;
    padding: 50px 0 0;
    justify-content: space-around;
  }
  main .content .about .block_l, main .content .about .block_r, main .content .access .block_l, main .content .access .block_r {
    flex-direction: column;
  }
  main .content .space, main .content .menu, main .content .about {
    margin: 10px 0 150px;
  }
  main .content .space .description, main .content .menu .description, main .content .about .description {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
  main .content .space .description .detail, main .content .menu .description .detail, main .content .about .description .detail {
    text-align: right;
  }
  main .content .about .details {
    margin: 200px 20px;
  }
  main .content .menu_content {
    margin: 100px 65px;
  }
  main .content .menu_content .appeal h4 {
    margin-bottom: 50px;
  }
  main .content .menu_content .menu {
    margin: 85px 0 300px;
  }
  main .content .menu_content .menu .block_l .description {
    align-items: center;
  }
  main .content .menu_content .menu .block_l .description .complement {
    margin-bottom: 20px;
  }
  main .content .menu_content .menu .block_l .price dl {
    margin-bottom: 35px;
  }
  main .content .menu_content .menu .block_l .price dl dt {
    margin-top: 15px;
  }
  main .content .space_content, main .content .about_content {
    margin: 100px 55px;
  }
  main .content .space_content .space, main .content .space_content .counseling, main .content .space_content .treatment_space, main .content .space_content .info, main .content .space_content .about, main .content .about_content .space, main .content .about_content .counseling, main .content .about_content .treatment_space, main .content .about_content .info, main .content .about_content .about {
    margin: 85px 0 300px;
  }
  main .content .space_content .space .block_l .description, main .content .space_content .space .block_r .description, main .content .space_content .counseling .block_l .description, main .content .space_content .counseling .block_r .description, main .content .space_content .treatment_space .block_l .description, main .content .space_content .treatment_space .block_r .description, main .content .space_content .info .block_l .description, main .content .space_content .info .block_r .description, main .content .space_content .about .block_l .description, main .content .space_content .about .block_r .description, main .content .about_content .space .block_l .description, main .content .about_content .space .block_r .description, main .content .about_content .counseling .block_l .description, main .content .about_content .counseling .block_r .description, main .content .about_content .treatment_space .block_l .description, main .content .about_content .treatment_space .block_r .description, main .content .about_content .info .block_l .description, main .content .about_content .info .block_r .description, main .content .about_content .about .block_l .description, main .content .about_content .about .block_r .description {
    padding: 5px 20px;
    display: block;
  }
  main .content .space_content .space .block_l .description .complement, main .content .space_content .space .block_r .description .complement, main .content .space_content .counseling .block_l .description .complement, main .content .space_content .counseling .block_r .description .complement, main .content .space_content .treatment_space .block_l .description .complement, main .content .space_content .treatment_space .block_r .description .complement, main .content .space_content .info .block_l .description .complement, main .content .space_content .info .block_r .description .complement, main .content .space_content .about .block_l .description .complement, main .content .space_content .about .block_r .description .complement, main .content .about_content .space .block_l .description .complement, main .content .about_content .space .block_r .description .complement, main .content .about_content .counseling .block_l .description .complement, main .content .about_content .counseling .block_r .description .complement, main .content .about_content .treatment_space .block_l .description .complement, main .content .about_content .treatment_space .block_r .description .complement, main .content .about_content .info .block_l .description .complement, main .content .about_content .info .block_r .description .complement, main .content .about_content .about .block_l .description .complement, main .content .about_content .about .block_r .description .complement {
    margin-bottom: 20px;
  }
  main .content .postscript {
    padding: 50px;
  }
  main .content .postscript .instagram_content {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  main .content .postscript .instagram_content .zoom-box {
    width: 75%;
  }
  .pc_view {
    display: none;
  }
  .media_view {
    display: block;
  }
  .media_view .view_more {
    width: 130px;
    height: 55px;
    margin: 0 auto;
    padding-right: 2px;
    color: #34425b;
    font-style: italic;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 55px;
    text-align: center;
    position: relative;
  }
  .media_view .view_more svg {
    position: absolute;
    top: 0;
    left: 0;
  }
  .media_view .view_more svg rect, .media_view .view_more svg path, .media_view .view_more svg polyline {
    fill: none;
    stroke: #34425b;
    stroke-width: 1;
  }
  .media_view .view_more svg rect {
    stroke-dasharray: 400, 0;
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
  }
  .media_view .view_more:hover svg rect {
    stroke: #4274D3;
    stroke-width: 3;
    stroke-dasharray: 35, 245;
    stroke-dashoffset: 38;
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
  }
  .about_content .block_l {
    flex-direction: column;
  }
  .about_content .career li {
    margin-left: 45px;
  }
  .about_content .career li::before {
    left: 40px;
  }
}
@media screen and (max-width: 540px) {
  /* ↑↑↑540px以下のとき↑↑↑ */
  main h2 {
    font-size: 20px;
  }
  main p {
    font-size: 1em;
    letter-spacing: -0.09em;
  }
  main .content .top {
    position: relative;
  }
  main .content .top .top_contents .breath_image {
    padding: 15px 10px 0 0;
    grid-template-columns: 80px 80px;
  }
  main .content .top .top_contents .breath_image #deep_breath_1,
  main .content .top .top_contents .breath_image #deep_breath_2 {
    margin: 25px 5px;
    font-size: 30px;
    line-height: 40px;
  }
  main .content .top .top_contents .breath_image #deep_breath_2 {
    padding-top: 30px;
  }
  .supplication .inori_title {
    margin-bottom: 100px;
    padding: 100px 0 0 0;
  }
  .supplication .inori_title .change #weirdtext {
    font-size: 35px;
    margin: 40px auto 20px auto;
  }
  .inori {
    text-align: center;
    padding-top: 70px;
    padding-left: 0;
    position: relative;
  }
  .inori .detail p {
    letter-spacing: 0;
  }
  .inori .detail p:nth-child(4) {
    margin-top: 20px;
  }
  .inori .detail a {
    margin: 3px;
    position: absolute;
    left: 50%;
  }
  .supplication .block_l, .supplication .block_r, .space .block_l, .space .block_r, .postscript .block_l, .postscript .block_r, .menu .block_l, .menu .block_r, .counseling .block_l, .counseling .block_r, .treatment_space .block_l, .treatment_space .block_r, .info .block_l, .info .block_r, .about .block_l, .about .block_r, .access .block_l, .access .block_r {
    display: flex;
    flex-direction: column-reverse;
  }
  .supplication .block_l .description, .supplication .block_r .description, .space .block_l .description, .space .block_r .description, .postscript .block_l .description, .postscript .block_r .description, .menu .block_l .description, .menu .block_r .description, .counseling .block_l .description, .counseling .block_r .description, .treatment_space .block_l .description, .treatment_space .block_r .description, .info .block_l .description, .info .block_r .description, .about .block_l .description, .about .block_r .description, .access .block_l .description, .access .block_r .description {
    margin: 30px auto;
  }
  .supplication .block_l .description .detail, .supplication .block_r .description .detail, .space .block_l .description .detail, .space .block_r .description .detail, .postscript .block_l .description .detail, .postscript .block_r .description .detail, .menu .block_l .description .detail, .menu .block_r .description .detail, .counseling .block_l .description .detail, .counseling .block_r .description .detail, .treatment_space .block_l .description .detail, .treatment_space .block_r .description .detail, .info .block_l .description .detail, .info .block_r .description .detail, .about .block_l .description .detail, .about .block_r .description .detail, .access .block_l .description .detail, .access .block_r .description .detail {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .supplication .block_l .description .detail a, .supplication .block_r .description .detail a, .space .block_l .description .detail a, .space .block_r .description .detail a, .postscript .block_l .description .detail a, .postscript .block_r .description .detail a, .menu .block_l .description .detail a, .menu .block_r .description .detail a, .counseling .block_l .description .detail a, .counseling .block_r .description .detail a, .treatment_space .block_l .description .detail a, .treatment_space .block_r .description .detail a, .info .block_l .description .detail a, .info .block_r .description .detail a, .about .block_l .description .detail a, .about .block_r .description .detail a, .access .block_l .description .detail a, .access .block_r .description .detail a {
    position: static;
  }
  .supplication .block_l, .space .block_l, .postscript .block_l, .menu .block_l, .counseling .block_l, .treatment_space .block_l, .info .block_l, .about .block_l, .access .block_l {
    grid-template-columns: 0.5fr 2fr 1.5fr 0.5fr;
  }
  .supplication .block_r, .space .block_r, .postscript .block_r, .menu .block_r, .counseling .block_r, .treatment_space .block_r, .info .block_r, .about .block_r, .access .block_r {
    grid-template-columns: 0.5fr 1.5fr 2fr 0.5fr;
  }
  .description {
    width: 100%;
    padding-top: 70px;
    padding-left: 0;
  }
  .description .detail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }
  .description .detail a {
    margin: 3px;
    position: absolute;
    left: 50%;
  }
  .block_l .description .detail a {
    bottom: 0;
  }
  .postscript {
    padding: 10px 20px;
  }
  .postscript h2 {
    padding: 100px 15px 0;
    letter-spacing: -0.2em;
  }
  .postscript .instagram_content {
    padding: 20px;
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .postscript .instagram_content .image_box {
    overflow: visible;
  }
  .postscript .instagram_content .instagram_profile {
    margin-bottom: 30px;
  }
  .note {
    letter-spacing: 0;
    font-size: 0.9em;
  }
  .menu_top, .space_top, .menu_top, .about_top {
    margin: 150px 30px 250px;
  }
  main .content .supplication .inori_title {
    padding: 100px 0 0;
  }
  main .content .supplication .block_l .inori {
    padding: 80px 0;
    text-align: center;
  }
  main .content .supplication .block_l .inori .description {
    width: 100%;
    padding: 50px 0 0;
    display: block;
  }
  main .content .supplication .block_l .inori .description .detail {
    display: block;
  }
  main .content .supplication .block_l .inori .description .detail .media_view {
    display: block;
  }
  main .content .postscript {
    margin: 10px 0 50px;
  }
  main .content .supplication .block_l, main .content .supplication .block_r, main .content .space .block_l, main .content .space .block_r, main .content .menu .block_l, main .content .menu .block_r, main .content .postscript .block_l, main .content .postscript .block_r, main .content .counseling .block_l, main .content .counseling .block_r, main .content .treatment_space .block_l, main .content .treatment_space .block_r, main .content .info .block_l, main .content .info .block_r, main .content .about .block_l, main .content .about .block_r, main .content .access .block_l, main .content .access .block_r {
    padding: 0px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  main .content .supplication .block_l .description, main .content .supplication .block_r .description, main .content .space .block_l .description, main .content .space .block_r .description, main .content .menu .block_l .description, main .content .menu .block_r .description, main .content .postscript .block_l .description, main .content .postscript .block_r .description, main .content .counseling .block_l .description, main .content .counseling .block_r .description, main .content .treatment_space .block_l .description, main .content .treatment_space .block_r .description, main .content .info .block_l .description, main .content .info .block_r .description, main .content .about .block_l .description, main .content .about .block_r .description, main .content .access .block_l .description, main .content .access .block_r .description {
    width: 100%;
    padding: 0 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
  main .content .supplication .suggest, main .content .space .suggest, main .content .menu .suggest, main .content .postscript .suggest, main .content .counseling .suggest, main .content .treatment_space .suggest, main .content .info .suggest, main .content .about .suggest, main .content .access .suggest {
    padding: 0 20px;
  }
  main .content .about .block_l, main .content .about .block_r, main .content .access .block_l, main .content .access .block_r {
    flex-direction: column;
  }
  main .content .about .details {
    margin: 150px 20px;
  }
  main .content .about .details h4 {
    margin: 0;
  }
  main .content .about .details p {
    line-height: 1.5em;
    margin: 50px 10px;
  }
  main .content .about .details p:last-of-type {
    margin-bottom: 20px;
  }
  main .content .menu_content .appeal h3, main .content .space_content .appeal h3, main .content .about_content .appeal h3, main .content .access .appeal h3 {
    font-size: 1.3em;
  }
  main .content .menu_content {
    margin: 20px 30px;
  }
  main .content .menu_content:first-of-type {
    margin-top: 100px;
  }
  main .content .menu_content h4 {
    font-size: 0.8em;
    letter-spacing: -0.01em;
  }
  main .content .menu_content .appeal h3 {
    margin-bottom: 50px;
  }
  main .content .menu_content .menu {
    margin: 35px 0 50px;
  }
  main .content .menu_content .menu .details p {
    letter-spacing: -0.01em;
    text-indent: 0.8em;
  }
  main .content .menu_content .menu .inImage {
    flex-direction: column;
  }
  main .content .menu_content .menu .block_l .description {
    align-items: center;
  }
  main .content .menu_content .menu .block_l .description .complement {
    margin-bottom: 20px;
    text-indent: 0.8em;
  }
  main .content .menu_content .menu .block_l .price dl {
    margin-bottom: 35px;
  }
  main .content .menu_content .menu .block_l .price dl dt {
    margin-top: 15px;
    line-height: 1em;
  }
  main .content .menu_content .menu .suggest {
    margin-top: 0;
  }
  main .content .space_content {
    margin: 150px 20px 250px;
  }
  main .content .about_content {
    margin: 0 20px 250px;
  }
  main .content .space_content h4, main .content .about_content h4 {
    font-size: 1.1em;
    letter-spacing: -0.01em;
  }
  main .content .space_content .space, main .content .space_content .counseling, main .content .space_content .treatment_space, main .content .space_content .info, main .content .space_content .about, main .content .about_content .space, main .content .about_content .counseling, main .content .about_content .treatment_space, main .content .about_content .info, main .content .about_content .about {
    margin: 85px 0 300px;
  }
  main .content .space_content .space .block_l .description, main .content .space_content .space .block_r .description, main .content .space_content .counseling .block_l .description, main .content .space_content .counseling .block_r .description, main .content .space_content .treatment_space .block_l .description, main .content .space_content .treatment_space .block_r .description, main .content .space_content .info .block_l .description, main .content .space_content .info .block_r .description, main .content .space_content .about .block_l .description, main .content .space_content .about .block_r .description, main .content .about_content .space .block_l .description, main .content .about_content .space .block_r .description, main .content .about_content .counseling .block_l .description, main .content .about_content .counseling .block_r .description, main .content .about_content .treatment_space .block_l .description, main .content .about_content .treatment_space .block_r .description, main .content .about_content .info .block_l .description, main .content .about_content .info .block_r .description, main .content .about_content .about .block_l .description, main .content .about_content .about .block_r .description {
    padding: 5px 25px;
    display: block;
  }
  main .content .space_content .space .block_l .description .complement, main .content .space_content .space .block_r .description .complement, main .content .space_content .counseling .block_l .description .complement, main .content .space_content .counseling .block_r .description .complement, main .content .space_content .treatment_space .block_l .description .complement, main .content .space_content .treatment_space .block_r .description .complement, main .content .space_content .info .block_l .description .complement, main .content .space_content .info .block_r .description .complement, main .content .space_content .about .block_l .description .complement, main .content .space_content .about .block_r .description .complement, main .content .about_content .space .block_l .description .complement, main .content .about_content .space .block_r .description .complement, main .content .about_content .counseling .block_l .description .complement, main .content .about_content .counseling .block_r .description .complement, main .content .about_content .treatment_space .block_l .description .complement, main .content .about_content .treatment_space .block_r .description .complement, main .content .about_content .info .block_l .description .complement, main .content .about_content .info .block_r .description .complement, main .content .about_content .about .block_l .description .complement, main .content .about_content .about .block_r .description .complement {
    margin-bottom: 20px;
  }
  main .content .postscript {
    padding: 20px;
  }
  main .content .postscript .instagram_content {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  main .content .postscript .instagram_content .zoom-box {
    width: 75%;
  }
  .pc_view {
    display: none;
  }
  .media_view {
    display: block;
  }
  .media_view p {
    text-align: center;
    margin: 30px 0;
  }
  .media_view h4 {
    margin-left: 10%;
    font-size: 1.1em;
    line-height: 1.2em;
  }
  .media_view h4:first-child {
    margin-top: 30px;
  }
  .media_view h4:last-of-type {
    margin-bottom: 30px;
  }
  .media_view .view_more {
    width: 130px;
    height: 55px;
    margin: 0 auto;
    padding-right: 2px;
    color: #34425b;
    font-style: italic;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 55px;
    text-align: center;
    position: relative;
  }
  .media_view .view_more svg {
    position: absolute;
    top: 0;
    left: 0;
  }
  .media_view .view_more svg rect, .media_view .view_more svg path, .media_view .view_more svg polyline {
    fill: none;
    stroke: #34425b;
    stroke-width: 1;
  }
  .media_view .view_more svg rect {
    stroke-dasharray: 400, 0;
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
  }
  .media_view .view_more:hover svg rect {
    stroke: #4274D3;
    stroke-width: 3;
    stroke-dasharray: 35, 245;
    stroke-dashoffset: 38;
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
  }
  .complement li {
    margin-left: 30px;
    font-size: 0.9em;
    letter-spacing: -0.05em;
  }
  .complement .note {
    text-align: center;
  }
  .about_content .block_l {
    flex-direction: column;
  }
  .about_content .career li {
    margin-left: 45px;
    font-size: 0.9em;
    letter-spacing: -0.05em;
  }
  .about_content .career li::before {
    left: 40px;
  }
  .form {
    margin: 0 auto;
    padding: 25px;
    width: 100%;
  }
  .form h3 {
    padding: 20px 0px 0;
    font-size: 1.5em;
    letter-spacing: -0.09em;
  }
  .form .wpcf7-submit {
    padding: 12px 0;
  }
  footer .footer li {
    padding: 25px 20px;
  }
  footer .copyright {
    margin: 0;
    padding: 20px 0 15px 0;
  }
  .link a {
    background: none;
    transition: none;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: rgb(100, 200, 200);
  }
}
@media screen and (max-width: 405px) {
  /* 405px以下367px以上のとき */
  .supplication .mask {
    margin-top: 270px;
  }
  .supplication .mask .text svg #title {
    letter-spacing: 0;
    font-size: 2em;
    transform: translateY(55px);
  }
  .supplication .mask .text svg #subtitle {
    letter-spacing: 1px;
    font-size: 1em;
    transform: translateY(25px);
  }
}
@media screen and (max-width: 367px) {
  /* 367px以下のとき */
  main .content .top .top_contents .breath_image #deep_breath_2 {
    padding-top: 15px;
  }
  .menu_top, .space_top, .menu_top, .about_top {
    margin: 150px 0 250px;
  }
  main .content .menu_content .appeal h3, main .content .space_content .appeal h3, main .content .about_content .appeal h3, main .content .access .appeal h3 {
    font-size: 1.1em;
  }
}