@charset "UTF-8";
/*@function vw( $variable ,$basesize:$md ) {
  $value: $variable / $basesize * 100vw;
  @return unquote($value);
}
@function px( $variable ,$basesize:$md ) {
  $value: $variable * 1px;
  $value: $basesize;
  @return unquote($value);
}
@function em( $variable ,$basesize:$fs ) {
  $value: $variable / $basesize * 1em;
  @return unquote($value);
}*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
}

*::before,
*::after {
  -webkit-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 16px;
  font-family: 'Noto Sans JP', 'Roboto', sans-serif;
  font-style: normal;
  color: #3A3E45;
  line-height: 1;
  text-align: justify;
  background: #fff;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Noto Sans JP', 'Roboto', sans-serif;
  font-size: inherit;
  font-weight: bold;
}

ul,
li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
  display: inline-block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

i {
  display: block;
  line-height: 1;
  font-style: normal;
}

img {
  width: 100%;
  max-width: 100%;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}

svg {
  fill: currentColor;
}

button {
  border: none;
  cursor: pointer;
}

input,
button {
  outline: none;
  /*border: 1px solid #C0BFBC;*/
  border: none;
}

section {
  position: relative;
}

strong,
em,
b {
  font-weight: normal;
  font-style: normal;
}

@media screen and (max-width: 1100px) {
  html {
    font-size: 100%;
    overflow-x: hidden;
  }
  body {
    font-size: calc( 16 / 1240 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  body {
    font-size: calc( 16 / 390 * 100vw);
  }
}

/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body {
  /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  -webkit-backface-visibility: hidden;
}

.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
  }
}

@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px);
  }
}

@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}

@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}

@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}

@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}

@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}

@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}

@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}

@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}

@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}

@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}

@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}

@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}

@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}

@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}

@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}

@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}

@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}

@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}

@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}

@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}

@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}

@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}

@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}

@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}

@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}

@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}

@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}

@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}

@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}

@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}

@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}

@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}

@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}

@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}

@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}

@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}

@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}

@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}

@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
}

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}

@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg);
  }
  10% {
    -moz-transform: skewX(-8deg);
  }
  20% {
    -moz-transform: skewX(7deg);
  }
  30% {
    -moz-transform: skewX(-6deg);
  }
  40% {
    -moz-transform: skewX(5deg);
  }
  50% {
    -moz-transform: skewX(-4deg);
  }
  60% {
    -moz-transform: skewX(3deg);
  }
  70% {
    -moz-transform: skewX(-2deg);
  }
  80% {
    -moz-transform: skewX(1deg);
  }
  90% {
    -moz-transform: skewX(0deg);
  }
  100% {
    -moz-transform: skewX(0deg);
  }
}

@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg);
  }
  10% {
    -o-transform: skewX(-8deg);
  }
  20% {
    -o-transform: skewX(7deg);
  }
  30% {
    -o-transform: skewX(-6deg);
  }
  40% {
    -o-transform: skewX(5deg);
  }
  50% {
    -o-transform: skewX(-4deg);
  }
  60% {
    -o-transform: skewX(3deg);
  }
  70% {
    -o-transform: skewX(-2deg);
  }
  80% {
    -o-transform: skewX(1deg);
  }
  90% {
    -o-transform: skewX(0deg);
  }
  100% {
    -o-transform: skewX(0deg);
  }
}

@keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
    transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
    transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
    transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
    transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
    transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
    transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
    transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
    transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
}

.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.animated.wiggle {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

/*@function vw( $variable ,$basesize:$md ) {
  $value: $variable / $basesize * 100vw;
  @return unquote($value);
}
@function px( $variable ,$basesize:$md ) {
  $value: $variable * 1px;
  $value: $basesize;
  @return unquote($value);
}
@function em( $variable ,$basesize:$fs ) {
  $value: $variable / $basesize * 1em;
  @return unquote($value);
}*/
/*
------------------------------------------------ */
body.is_noscroll {
  overflow: hidden;
}

/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*
------------------------------------------------ */
.l-main {
  padding-top: 165px;
  -webkit-transform: translateY(-45px);
  -ms-transform: translateY(-45px);
  transform: translateY(-45px);
}

@media screen and (max-width: 768px) {
  .l-main {
    padding-top: 29.33333vw;
    -webkit-transform: translateY(-10.13333vw);
    -ms-transform: translateY(-10.13333vw);
    transform: translateY(-10.13333vw);
  }
}

.br_pc {
  display: block;
}
.br_sp {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  .br_pc {
  display: block;
  }
  .br_sp {
  display: none;
  }
}
@media screen and (max-width: 768px) {
  .br_pc {
  display: none;
  }
  .br_sp {
  display: block;
  }
}

/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*
------------------------------------------------ */
.p-header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 120;
}

.is_scroll .p-header {
  -webkit-box-shadow: 0px 0px 5px rgba(33, 59, 11, 0.1);
  box-shadow: 0px 0px 5px rgba(33, 59, 11, 0.1);
}

.p-header__navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 120px;
}

.p-header__navi_logo {
  width: 220px;
  height: 35px;
}

.p-header__navi_logo p {
  width: 100%;
  height: 100%;
  background: url(../../asset/img/common/logo_kybclinic01_grn01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
}

.p-header__navi_logo p a,
.p-header__navi_logo p span {
  display: block;
  width: 100%;
  height: 100%;
}

.p-header__navi_logo p strong {
  display: none;
}

.p-header__navi_menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.p-header__navi_menu > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.p-header__navi_menu--item.is_btn > p {
  border: 1px solid #707070;
  border-radius: 3em;
}

.p-header__navi_menu--item.is_btn > p a,
.p-header__navi_menu--item.is_btn > p span {
  padding: 0.5em 1.0em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-header__navi_menu--item.is_btn > p a[target="_blank"]::after {
  display: none;
}

.p-header__navi_menu--item > p a,
.p-header__navi_menu--item > p span {
  padding: 14px;
}

.p-header__navi_menu--item > p strong {
  font-size: 0.875em;
}

.p-header__navi_menu--item > dl {
  position: relative;
}

.p-header__navi_menu--item > dl > dt > p a,
.p-header__navi_menu--item > dl > dt > p span {
  padding: 14px;
  pointer-events: none;
  display: block;
}

.p-header__navi_menu--item > dl > dt > p strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
  font-size: 0.875em;
}

.p-header__navi_menu--item > dl > dt > p strong::after {
  display: inline-block;
  content: '';
  width: 0.4em;
  height: 0.4em;
  border: 1px solid;
  border-color: transparent transparent #000 #000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.p-header__navi_menu--item > dl > dd {
  position: absolute;
  top: calc( 100%);
  left: 33px;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.p-header__navi_btn {
  display: none;
}

.p-header__navi_btn p {
  width: 30px;
  height: 30px;
  position: relative;
}

.p-header__navi_btn p::before,
.p-header__navi_btn p::after {
  display: inline-block;
  content: '';
  width: 100%;
  height: 1px;
  background: #707070;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

.p-header__navi_btn p::before {
  top: 10px;
}

.p-header__navi_btn p::after {
  bottom: 10px;
}

.p-header__navi_btn p strong {
  display: none;
}

@media screen and (min-width: 1060px) and (max-width: 1180px) {
  .p-header__navi_logo {
    width: calc( 180 / 1440 * 100%);
    height: 35px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1060px) {
  .p-header__navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-header__navi_logo {
    margin-top: 10px;
    width: 220px;
    height: 35px;
  }
  .p-header__navi_menu {
/*     margin-top: 10px;
 */  }
}

@media screen and (max-width: 768px) {
  .p-header__navi {
    height: 19.2vw;
    flex-direction: row;
    justify-content: space-between;
  }
  .p-header__navi_logo {
    width: 51.73333vw;
    height: 8vw;
    position: relative;
    z-index: 120;
  }
  .l-page.is_hamburgermenu__open .p-header__navi_logo {
    -webkit-filter: grayscale(100) brightness(100);
    filter: grayscale(100) brightness(100);
  }
  .p-header__navi_menu {
    padding: 0 5.33333vw;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    -webkit-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    transform: translateX(100vw);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    background: url(../../asset/img/common/bgi_accent01_blk01_img01.png) repeat 50% 50% #707070;
    background-size: 66.66667vw;
    padding-top: 19.2vw;
    padding-bottom: 19.2vw;
    color: #FFFFFF;
    overflow-y: scroll;
  }
  .l-page.is_hamburgermenu__open .p-header__navi_menu {
    -webkit-transform: translateX(0vw);
    -ms-transform: translateX(0vw);
    transform: translateX(0vw);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .p-header__navi_menu > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-header__navi_menu > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .p-header__navi_menu--item {
    width: 100%;
    text-align: left;
  }
  .p-header__navi_menu--item.is_btn {
    display: none;
  }
  .p-header__navi_menu--item.is_btn > p a[target="_blank"]::after {
    display: none;
  }
  .p-header__navi_menu--item > p {
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  }
  .p-header__navi_menu--item > p a,
  .p-header__navi_menu--item > p span {
    padding: 8.53333vw 0vw 3.73333vw 0vw;
    width: 100%;
  }
  .p-header__navi_menu--item > p strong {
    font-size: 0.9375em;
  }
  .p-header__navi_menu--item > dl > dt > p {
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  }
  .p-header__navi_menu--item > dl > dt > p a,
  .p-header__navi_menu--item > dl > dt > p span {
    padding: 8.53333vw 0vw 3.73333vw 0vw;
    width: 100%;
  }
  .p-header__navi_menu--item > dl > dt > p strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
    font-size: 0.9375em;
  }
  .p-header__navi_menu--item > dl > dt > p strong::after {
    width: 0.4em;
    height: 0.4em;
    border-color: transparent transparent #fff #fff;
  }
  .p-header__navi_menu--item > dl > dt.is_open > p strong::after {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
  }
  .p-header__navi_menu--item > dl > dd {
    padding: 0vw 0vw;
    position: relative;
    top: unset;
    left: unset;
    background: none;
    overflow: hidden;
    height: 0;
    opacity: 1;
  }
  .p-header__navi_menu--item > dl > dd > ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3.73333vw;
  }
  .p-header__navi_menu--item > dl > dd > ul > li {
    width: 27.2vw;
    height: 27.2vw;
    text-align: left;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.32);
  }
  .p-header__navi_menu--item > dl > dd > ul > li a,
  .p-header__navi_menu--item > dl > dd > ul > li span {
    padding: 1.33333vw;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .p-header__navi_menu--item > dl > dd > ul > li strong {
    font-size: 0.75em;
    line-height: 1.6;
    text-align: center;
  }
  .p-header__navi_btn {
    display: block;
    position: relative;
    z-index: 120;
  }
  .p-header__navi_btn p {
    width: 8vw;
    height: 8vw;
  }
  .p-header__navi_btn p::before,
  .p-header__navi_btn p::after {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .p-header__navi_btn p::before {
    top: 2.66667vw;
  }
  .p-header__navi_btn p::after {
    bottom: 2.66667vw;
  }
  .l-page.is_hamburgermenu__open .p-header__navi_btn p::before,
  .l-page.is_hamburgermenu__open .p-header__navi_btn p::after {
    background: #FFFFFF;
  }
  .l-page.is_hamburgermenu__open .p-header__navi_btn p::before {
    top: 4vw;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .l-page.is_hamburgermenu__open .p-header__navi_btn p::after {
    bottom: 4vw;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .p-header__navi_btn p strong {
    display: none;
  }

  .header_navi_first {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .p-header__navi_menu--item:hover > dl > dt + dd {
    padding: 25px 0 0;
    height: auto;
    opacity: 1;
  }
  .p-header__navi_menu--item:hover > dl > dt + dd.header_navi_self_funded {
    left: -200px;
  }

  .p-header__navi_menu--item:hover > dl > dd {
    overflow: visible;
  }

  .p-header__navi_menu--item > dl > dd > ul {
    display: flex;
    border-radius: 10px;
    background: #fff;
    box-shadow: 15px 15px 30px rgba(0, 0, 0, .16);
  }

  .p-header__navi_menu--item > dl > dd > ul > li:nth-child(n+3) {
    position: relative;
  }

  .p-header__navi_menu--item > dl > dd > ul > li:nth-child(n+3)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 32px;
    bottom: 32px;
    margin: auto;
    width: 1px;
    background: #CECECE;
  }

  .p-header__navi_menu--item > dl > dd > ul > li a,
  .p-header__navi_menu--item > dl > dd > ul > li span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 200px;
    height: 192px;
  }

  .p-header__navi_menu--item > dl > dd > ul > li a:hover {
    opacity: .7;
  }

  .p-header__navi_menu--item > dl > dd > ul > li.header_navi_first span {
    color: #fff;
    font-family: 'Cormorant Infant', serif;
    font-size: 20px;
    line-height: 1.5;
    text-align: left;
    background: url(../img/common/header_navi_first.png) no-repeat center / contain;
  }

  .p-header__navi_menu--item > dl > dd > ul > li strong {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125em;
    line-height: 1.4;
    height: calc(2em * 1.4);
    color: #7C7E83;
    margin-top: .25em;
  }

  .header_navi_first_icon {
    display: block;
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .header_navi_first_icon01 {
    background-image: url(../img/common/header_navi_icon01.svg);
  }
  .header_navi_first_icon02 {
    background-image: url(../img/common/header_navi_icon02.svg);
    width: 45px;
  }
  .header_navi_first_icon03 {
    background-image: url(../img/common/header_navi_icon03.svg);
  }
  .header_navi_first_icon04 {
    background-image: url(../img/common/header_navi_icon04.svg);
  }
  .header_navi_first_icon05 {
    background-image: url(../img/common/header_navi_icon05.svg);
    width: 45px;
  }
  .header_navi_first_icon06 {
    background-image: url(../img/common/header_navi_icon06.svg);
    width: 45px;
  }
}

@media screen and (max-width: 768px) {
  .p-header__navi_menu--item > dl > dt.is_open + dd {
    padding: 3.73333vw 0vw;
    height: auto;
    opacity: 1;
  }
}

.p-header__navi_reserve {
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 14px;
}

.p-header__navi_reserve--left {
  font-family: 'Noto Serif JP', serif;
  display: flex;
  align-items: center;
}

.p-header__navi_reserve_spImg {
  display: none;
}

.p-header__navi_reserve_phoneNumber {
  color: #936610;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 35px;
  margin-left: 9px;
}

.p-header__navi_reserve_nearestStation__inner {
  display: flex;
  align-items: center;
  margin-left: 25px;
}

@media screen and (max-width:767px) {
  .p-header__navi_reserve_nearestStation__inner {
    margin-left: 0;
    margin-top: 12px;
  }
}

.p-header__navi_reserve_nearestStation {
  font-size: 15px;
  letter-spacing: 0.02em;
  font-weight: 500;
}

.p-header__navi_reserve_station {
  font-size: 20px;
  margin-right: 3px;
}

.p-header__navi_reserve_minutesOnFoot {
  font-size: 20px;
  color: #936610;
}

.p-header__navi_reserve--right {
  text-align: left;
  font-size: 13px;
  line-height: 18px;
  border-left: 1px solid #dddddd;
  padding-left: 16px;
}

.p-header__navi_reserve--right a{
  text-decoration: underline;
}

.p-header__navi--tab {
  display: none;
}

@media screen and (min-width: 1060px) and (max-width: 1180px) {
  .p-header__navi_reserve {
    gap: 12px;
    padding-bottom: 8px;
  }
  .p-header__navi_reserve--left img{
    width: 80%;
  }

  .p-header__navi_reserve_phoneNumber {
    font-size: 22px;
  }

  .p-header__navi_reserve_nearestStation {
    margin-left: 12px;
  }

  .p-header__navi_reserve_station {
    font-size: 18px;
  }

  .p-header__navi_reserve_minutesOnFoot {
    font-size: 18px;
  }

}

@media screen and (min-width: 769px) and (max-width: 1060px) {
  .p-header__navi_logo {
    display: none;
  }

  .p-header__navi_logo--tab {
    display: block;
  }

  .p-header__navi_reserve {
    display: none;
  }

  .p-header__navi--tab {
    display: flex;
  }

  .u-tabDisplay {
    display: flex;
    gap: 8px;
    padding-bottom: 8px;
  }

  .p-header__navi--tab .p-header__navi_reserve--left img {
    width: 70%;
  }

  .p-header__navi_reserve_phoneNumber {
    font-size: 18px;
    line-height: 24px;
    margin-left: 2px;
    margin-right: 8px;
  }

  .p-header__navi_reserve_nearestStation {
    font-size: 12px;
  }

  .p-header__navi_reserve_station {
    font-size: 14px;
  }
  
  .p-header__navi_reserve_minutesOnFoot {
    font-size: 14px;
  }
  
  .p-header__navi_reserve--right {
    font-size: 12px;
    line-height: 16px;
    padding-left: 8px;
  }
}

@media screen and (max-width:768px) {
  .p-header__navi_reserve {
    flex-direction: column;
    gap: 3.466vw;
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 4.8vw;
  }

  .p-header__navi_reserve--left {
    flex-direction: column;
  }

  .p-header__navi_reserve_phoneNumber {
    font-size: 7.2vw;
    color: #fff;
    letter-spacing: .07em;
    margin-left: 0;
    display: flex;
    align-items: center;
    gap: 2.4vw;
  }

  .p-header__navi_reserve_phoneNumber .p-header__navi_reserve_spImg{
    width: 9.3333vw;
    height: 9.3333vw;
  }

  .p-header__navi_reserve_nearestStation {
    margin-left: 0;
  }

  .p-header__navi_reserve_station {
    font-size: 5.3333vw;
  }

  .p-header__navi_reserve_minutesOnFoot {
    color: #fff;
    font-size: 5.3333vw;
  }

  .p-header__navi_reserve--right {
    font-size: 3.2vw;
    border-left: none;
    padding-left: 0;
    line-height: 36px;
  }

  .p-header__navi_reserve_pcImg {
    display: none;
  }

  .p-header__navi_reserve_spImg {
    display: block;
  }
}

@media screen and (max-width:767px) {
  .p-header__navi_reserve--right {
    line-height: 18px;
  }
}

.slash {
  width: 1px;
  height: 28px;
  background-color: #B1B5BF;
  transform: rotate(20deg);
  margin: 0 8px;
}

/*
------------------------------------------------ */
.p-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  position: relative;
}

.p-footer .p-section__inner {
  background: none;
}

.p-footer::before {
  display: block;
  content: '';
  width: 100%;
  height: calc( 100% + 45px);
  background: url(../../asset/img/common/bgi_accent01_blk01_img01.png) repeat 50% 50%;
  background-size: 250px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  -webkit-transform: translateY(-45px);
  -ms-transform: translateY(-45px);
  transform: translateY(-45px);
}

.p-footer .p-section__inner {
  padding-top: 0;
  padding-bottom: 0;
}

.p-footer__pagetop {
  position: relative;
  z-index: 15;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.p-footer__sitemap {
  position: relative;
  z-index: 15;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.p-footer__info {
  position: relative;
  z-index: 15;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.p-footer__info_gbanner {
  display: flex;
  padding-left: calc( 220 / 1440 * 100vw);
  padding-right: calc( 0 / 1440 * 100vw);
  width: calc( 100%);
  max-width: calc( 100%);
}

.p-footer__info_gbanner img {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.3);
}

.p-footer__info_gbanner--item0 {
  width: 20vh;
  margin: auto;
}

.p-footer__info_gbanner--item1 {
  margin-right: 20px;
  width: 50vh;
}

.p-footer__info_gbanner--item2 {
  width: 100vh;
}

.p-footer__info_gbanner--item2 img {
  width: 40vh;
  background-color: #fff;
}

.p-footer__group {
  position: relative;
  z-index: 15;
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.p-footer__copyright {
  position: relative;
  z-index: 15;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.p-footer__pagetop {
  width: 100%;
  height: 1px;
  position: relative;
}

.p-footer__pagetop .p-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-footer__pagetop_btn {
  margin-bottom: 20px;
  margin-left: auto;
  position: absolute;
  bottom: 0px;
  right: 20px;
  z-index: 60;
}

.l-page.is_pagetopbtn__fixed .p-footer__pagetop_btn {
  position: fixed;
}

.p-footer__pagetop_btn p a,
.p-footer__pagetop_btn p span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 68px;
  height: 68px;
  background: #FFFFFF;
  position: relative;
  border-radius: 68px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

.p-footer__pagetop_btn p a::before,
.p-footer__pagetop_btn p span::before {
  display: inline-block;
  content: '';
  background: url(../../asset/img/common/ic_arrow01_top01_blk01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
  width: 13px;
  height: 36px;
  margin-right: 10px;
}

.p-footer__pagetop_btn p strong {
  display: none;
}

.p-footer__sitemap {
  width: 100%;
}

.p-footer__sitemap_box {
  padding: 40px 0;
}

.p-footer__sitemap_box--item a[target="_blank"]::after {
  display: none;
}

.p-footer__sitemap_box > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 40px;
}

.p-footer__sitemap_box > div > div > ul {
  width: calc( 100% - ( 40px * 3 ) / 4);
}

.p-footer__sitemap_box > div > div > ul > li {
  margin-top: 28px;
  text-align: left;
}

.p-footer__sitemap_box > div > div > ul > li:first-of-type {
  margin-top: 0px;
}

.p-footer__sitemap_box--item > p {
  margin-bottom: 14px;
  border-bottom: 1px solid #FFFFFF;
}

.p-footer__sitemap_box--item > p a,
.p-footer__sitemap_box--item > p span {
  padding: 14px 0px;
}

.p-footer__sitemap_box--item > p strong {
  font-size: 1em;
}

.p-footer__sitemap_box--item > dl > dt > p {
  margin-bottom: 14px;
  border-bottom: 1px solid #FFFFFF;
}

.p-footer__sitemap_box--item > dl > dt > p a,
.p-footer__sitemap_box--item > dl > dt > p span {
  padding: 14px 0px;
  pointer-events: none;
  display: block;
}

.p-footer__sitemap_box--item > dl > dt > p strong {
  font-size: 1em;
}

.p-footer__sitemap_box--item > dl > dd > ul > li {
  margin-top: 14px;
}

.p-footer__sitemap_box--item > dl > dd > ul > li:first-of-type {
  margin-top: 0px;
}

.p-footer__sitemap_box--item > dl > dd > ul > li a,
.p-footer__sitemap_box--item > dl > dd > ul > li span {
  display: block;
}

.p-footer__sitemap_box--item > dl > dd > ul > li strong {
  font-size: 0.875em;
}

.p-footer__sitemap_box--item > dl > dt > p strong::after {
  display: none;
  content: '';
  width: 0.4em;
  height: 0.4em;
  border: 1px solid;
  border-color: transparent transparent #000 #000;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.p-footer__sitemap_box--item > dl > dt.is_open > p strong::after {
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.p-footer__info {
  width: 100%;
}

.p-footer__info_box {
  padding: 40px 0 0 0;
}

.p-footer__info_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0em 2em;
}

.p-footer__info_box--item p strong {
  font-size: 0.875em;
}

.p-footer__group {
  width: 100%;
  border-top: 1px solid #CCCCCC;
}

.p-footer__group_box {
  padding: 20px 0 50px 0;
}

.p-footer__group_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0em 2em;
}

.p-footer__group_box--item p strong {
  font-size: 0.875em;
}

.p-footer__copyright {
  width: 100%;
}

.p-footer__copyright p {
  padding: 20px 0 50px 0;
}

.p-footer__copyright p small {
  font-size: 0.625em;
}

@media screen and (max-width: 768px) {
  .p-footer::before {
    height: calc( 100% + 10.13333vw);
    background: url(../../asset/img/common/bgi_accent01_blk01_img01.png) repeat 50% 0%;
    background-size: 66.66667vw;
    -webkit-transform: translateY(-10.13333vw);
    -ms-transform: translateY(-10.13333vw);
    transform: translateY(-10.13333vw);
  }
  .p-footer .p-section__inner {
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-footer__pagetop {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
  }
  .p-footer__sitemap {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
  }
  .p-footer__info {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
    padding-top: 0;
  }
  .p-footer__group {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
  }
  .p-footer__copyright {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
  }
  .p-footer__pagetop .p-section__inner {
    padding-top: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-footer__pagetop_btn {
    margin-bottom: 5.33333vw;
    bottom: 0vw;
    right: 5.33333vw;
  }
  .p-footer__pagetop_btn p a,
  .p-footer__pagetop_btn p span {
    width: 10.13333vw;
    height: 10.13333vw;
    border-radius: 38px;
  }
  .p-footer__pagetop_btn p a::before,
  .p-footer__pagetop_btn p span::before {
    width: 1.86667vw;
    height: 5.33333vw;
    margin-right: 0.8vw;
  }
  .p-footer__sitemap_box {
    padding: 5.33333vw 0;
  }
  .p-footer__sitemap_box > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0vw;
  }
  .p-footer__sitemap_box > div > div > ul {
    width: calc( 100%);
  }
  .p-footer__sitemap_box > div > div > ul > li {
    margin-top: 5.33333vw;
  }
  .p-footer__sitemap_box > div > div > ul > li:first-of-type {
    margin-top: 0vw;
  }
  .p-footer__sitemap_box--item > p {
    margin-bottom: 3.73333vw;
  }
  .p-footer__sitemap_box--item > p a,
  .p-footer__sitemap_box--item > p span {
    padding: 3.73333vw 0vw;
  }
  .p-footer__sitemap_box--item > p strong {
    font-size: 1em;
  }
  .p-footer__sitemap_box--item > dl > dt > p {
    margin-bottom: 0;
  }
  .p-footer__sitemap_box--item > dl > dt > p a,
  .p-footer__sitemap_box--item > dl > dt > p span {
    padding: 3.73333vw 0vw;
    pointer-events: none;
    width: 100%;
  }
  .p-footer__sitemap_box--item > dl > dt > p strong {
    font-size: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 1.86667vw;
  }
  .p-footer__sitemap_box--item > dl > dd {
    padding: 0vw 0vw;
    overflow: hidden;
    height: 0;
    opacity: 1;
  }
  .p-footer__sitemap_box--item > dl > dd > ul > li {
    margin-top: 3.73333vw;
  }
  .p-footer__sitemap_box--item > dl > dd > ul > li:first-of-type {
    margin-top: 0vw;
  }
  .p-footer__sitemap_box--item > dl > dd > ul > li strong {
    font-size: 0.875em;
  }
  .p-footer__sitemap_box--item > dl > dt > p strong::after {
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-color: transparent transparent #fff #fff;
  }
  .p-footer__info_box {
    padding: 5.33333vw 0;
  }
  .p-footer__info_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0em 1em;
  }
  .p-footer__info_box--item p strong {
    font-size: 0.875em;
  }
  .p-footer__group_box {
    padding: 5.33333vw 0 5.33333vw 0;
  }
  .p-footer__group_box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1em;
  }
  .p-footer__group_box--item p strong {
    font-size: 0.75em;
  }
  .p-footer__copyright p {
    padding: 20px 0 50px 0;
    text-align: left;
  }
  .p-footer__copyright p small {
    font-size: 0.625em;
  }
  .p-footer__info_gbanner {
    flex-direction: column;
    padding: 0 10px;
  }
  .p-footer__info_gbanner--item1 {
    width: 100%;
  }
  .p-footer__info_gbanner--item2 {
    width: 100%;
  }
  .p-footer__info_gbanner--item2 img {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .p-footer__sitemap_box--item > dl > dt.is_open + dd {
    height: auto;
    opacity: 1;
  }
}


.sw_sp .p-footer__sitemap_box--item dl dd {
  padding: 0vw 0vw;
  position: relative;
  top: unset;
  left: unset;
  background: none;
  overflow: hidden;
  height: 0;
  opacity: 1;
}
.sw_sp .p-footer__sitemap_box--item dl dd.is_open {
  padding: 3.7333333333vw 0vw;
  height: auto;
  opacity: 1;
}
.sw_sp .p-footer__sitemap_box--item dl dd ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  gap: 3.7333333333vw;
  padding-top: 3.7333333333vw;
}
.sw_sp .p-footer__sitemap_box--item dl dd li {
  width: 27.2vw;
  height: 27.2vw;
  text-align: left;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.32);
  margin-top: 0;
}
.sw_sp .p-footer__sitemap_box--item dl dd li a {
  padding: 1.3333333333vw;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sw_sp .p-footer__sitemap_box--item dl dd li a strong {
  font-size: 0.75em;
  line-height: 1.6;
  text-align: center;
}

/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*@function vw( $variable ,$basesize:$md ) {
  $value: $variable / $basesize * 100vw;
  @return unquote($value);
}
@function px( $variable ,$basesize:$md ) {
  $value: $variable * 1px;
  $value: $basesize;
  @return unquote($value);
}
@function em( $variable ,$basesize:$fs ) {
  $value: $variable / $basesize * 1em;
  @return unquote($value);
}*/
/*
------------------------------------------------ */
.sw_pc {
  display: block;
}

.sw_sp {
  display: none;
}

.p-tal {
  text-align: left;
}

.p-tac {
  text-align: center;
}

.p-tar {
  text-align: right;
}

a[target="_blank"]::after {
  margin-left: 0.5em;
  display: inline-block;
  content: '';
  width: 0.625em;
  height: 0.625em;
  background: url(../../asset/img/common/ic_linkblank01_blk01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
}

a[href*=".pdf"]::after {
  margin-left: 0.5em;
  display: inline-block;
  content: '';
  width: 0.625em;
  height: 0.625em;
  background: url(../../asset/img/common/ic_linkpdf01_blk01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
}

/*.p-footer a[target="_blank"]::after {
  background: url(../../asset/img/common/ic_linkblank01_wht01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
}*/

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

/* p-section
------------------------------------------------ */
.p-section {
  width: 100%;
  text-align: center;
}

.p-section__inner {
  margin: 0 auto;
  padding: 110px 90px 80px;
  max-width: 1160px;
  width: 100%;
  background: #fff;
}

.p-header .p-section__inner {
  padding: 0 20px;
  max-width: 1440px;
}

@media screen and (min-width: 768px) {
  .p-section__inner.is_wide {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-section__inner {
    margin: 0 auto;
    padding: 8.5333333333vw 5.3333333333vw;
    max-width: 100%;
  }
  .p-header .p-section__inner {
    padding: 0 5.33333vw;
    margin-bottom: -5.3333vw;
    max-width: 100%;
  }
}

/* p-anchorlink
------------------------------------------------ */
.p-anchorlink {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: -1px;
}

/* p-btn
------------------------------------------------ */
/* p-ic
------------------------------------------------ */
.p-ic {
  display: inline-block;
  width: 1em;
  height: 1em;
}

/*
------------------------------------------------ */
.p-att p {
  font-size: calc( 16 / 16 * 1em);
  line-height: 1.6;
  text-align: left;
}

.p-att ul li {
  font-size: calc( 16 / 16 * 1em);
  line-height: 1.6;
  text-align: left;
}

/*
------------------------------------------------ */
.p-bgc__maintheme01 {
  background: #FFF;
}

.p-bgc__subtheme01 {
  background: #FFF;
}

.p-bgc__base01 {
  background: #FFFFFF;
}

.p-bgc__base02 {
  background: #F2F2F2;
}

.p-bgc__base03 {
  background: #EFF0F4;
}

.p-bgc__base04 {
  background: #FCFBF9;
}

.p-bgc__accent01 {
  background: #707070;
}

/*
------------------------------------------------ */
.p-btnlink__type01 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.p-btnlink__type01 ul li a,
.p-btnlink__type01 ul li span {
  padding: 1em;
  width: 100%;
  min-width: 135px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
}

.p-btnlink__type01 ul li a[target="_blank"]::after {
  display: inline-block;
  content: '';
  width: 0.625em;
  height: 0.625em;
  background: url(../../asset/img/common/ic_linkblank01_blk01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
}

.p-btnlink__type01 ul li strong {
  font-size: 0.75em;
}

.p-btnlink__wht ul li a,
.p-btnlink__wht ul li span {
  background: #FFFFFF;
  border: 1px solid #707070;
  border-radius: 3em;
}

@media screen and (max-width: 768px) {
  .p-btnlink__type01 ul {
    gap: 2.66667vw;
  }
  .p-btnlink__type01 ul li a,
  .p-btnlink__type01 ul li span {
    padding: 1em;
    width: 100%;
    min-width: 36vw;
    height: 8vw;
  }
  .p-btnlink__type01 ul li a[target="_blank"]::after {
    width: 0.625em;
    height: 0.625em;
  }
  .p-btnlink__type01 ul li strong {
    font-size: 0.75em;
  }
}

/*
------------------------------------------------ */
.p-timetable table {
  margin-bottom: 10px;
  width: 100%;
  font-size: 0.75em;
}

.p-timetable table tbody tr {
  border-bottom: 1px solid #3A3E45;
}

.p-timetable table tbody tr th {
  padding: 0.5em 0;
  text-align: left;
  font-weight: normal;
}

.p-timetable table tbody tr td {
  padding: 0.5em;
  text-align: center;
}

.p-timetable > p {
  font-size: 0.6875em;
  line-height: 1.6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .p-timetable table {
    margin-bottom: 2.66667vw;
    width: 100%;
    font-size: 0.75em;
  }
  .p-timetable table tbody tr th {
    padding: 0.5em 0;
  }
  .p-timetable table tbody tr td {
    padding: 0.5em;
  }
  .p-timetable > p {
    font-size: 0.6875em;
  }
}

/*
------------------------------------------------ */
.p-title__pagehead01 h1, .p-title__pagehead01 h2, .p-title__pagehead01 h3, .p-title__pagehead01 h4, .p-title__pagehead01 h5, .p-title__pagehead01 h6, .p-title__pagehead01 p {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1em;
}

.p-title__pagehead01 small {
  padding-left: 1em;
  font-family: 'Cormorant Infant', serif;
  font-size: 1.5em;
  font-weight: normal;
  border-left: 1px solid #FFF;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 300;
}

.p-title__pagehead01 strong {
  font-family: 'Noto Serif JP', serif;
  font-size: 3em;
  font-weight: bold;
  letter-spacing: 0.06em;
}

@media screen and (max-width: 768px) {
  .p-title__pagehead01 small {
    padding-left: 1em;
    font-size: 0.9375em;
  }
  .p-title__pagehead01 strong {
    font-size: 1.5em;
  }
}

/*
------------------------------------------------ */
.p-title h1, .p-title h2, .p-title h3, .p-title h4, .p-title h5, .p-title h6, .p-title p {
  width: 100%;
  font-family: 'Noto Serif JP', serif;
}

.p-title__type01 {
  margin-bottom: 80px;
  width: 100%;
}

.p-title__type01 h1, .p-title__type01 h2, .p-title__type01 h3, .p-title__type01 h4, .p-title__type01 h5, .p-title__type01 h6, .p-title__type01 p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

.p-title__type01 strong {
  font-size: 1.875em;
  font-weight: 600;
  letter-spacing: .15em;
  white-space: normal;
  color: #3A3E45;
}

.p-title__type01 hr {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  border: none;
  outline: none;
  width: auto;
  height: 1px;
  background: #3A3E45;
}

.p-title__type01 small {
  font-size: 1.5em;
}

.p-title__type01 picture {
  display: block;
  width: 100px;
  height: auto;
}

.p-title__type02 {
  margin-bottom: 70px;
}

.p-title__type02 h1, .p-title__type02 h2, .p-title__type02 h3, .p-title__type02 h4, .p-title__type02 h5, .p-title__type02 h6, .p-title__type02 p {
  color: #3A3E45;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1em;
}

.p-title__type02 strong {
  font-family: 'Noto Serif JP', serif;
  font-size: 2.25em;
  font-weight: 700;
  letter-spacing: .03em;
  color: #3A3E45;
  line-height: 1.4;
}

.p-title__type02 small {
  padding-left: .66em;
  font-family: 'Cormorant Infant', serif;
  font-size: 1.5em;
  font-weight: 300;
  border-left: 1px solid #3A3E45;
}

.p-title__type03 {
  margin-bottom: 40px;
  width: 100%;
}

.p-title__type03 h1, .p-title__type03 h2, .p-title__type03 h3, .p-title__type03 h4, .p-title__type03 h5, .p-title__type03 h6, .p-title__type03 p {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  gap: 12px;
}

.p-title__type03 h1::before, .p-title__type03 h2::before, .p-title__type03 h3::before, .p-title__type03 h4::before, .p-title__type03 h5::before, .p-title__type03 h6::before, .p-title__type03 p::before {
  display: inline-block;
  content: '';
  width: 4px;
  height: 1em;
  font-size: 1.25em;
  background: #3A3E45;
  border-radius: 1px;
  margin-top: 0.3em;
}

.p-title__type03 strong {
  width: 100%;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.6;
}

.p-title__type04 {
  margin-bottom: 40px;
  width: 100%;
}

.p-title__type04 h1, .p-title__type04 h2, .p-title__type04 h3, .p-title__type04 h4, .p-title__type04 h5, .p-title__type04 h6, .p-title__type04 p {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}

.p-title__type04 h1::before, .p-title__type04 h2::before, .p-title__type04 h3::before, .p-title__type04 h4::before, .p-title__type04 h5::before, .p-title__type04 h6::before, .p-title__type04 p::before {
  display: inline-block;
  content: '';
  width: 4px;
  height: 1em;
  font-size: 1.25em;
  background: #3A3E45;
  border-radius: 1px;
  margin-top: 0.3em;
}

.p-tests .p-title__type04.p-tests__title h3::before {
  margin-top: 0.4em;
}

.p-title__type04 strong {
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.5;
}

.p-tests .p-title__type04.p-tests__title strong {
  font-size: 1.5em;
}

.p-title__type05,
.p-title__type06 {
  width: 100%;
  text-align: left;
}

.p-title__type05 strong{
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  line-height: 1.6;
}

.p-title__type06 strong{
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  line-height: 1.6;
}
.p-title__type07 {
  width: 100%;
  text-align: left;
  margin-bottom: 40px;
}
.p-title__type07 h1, .p-title__type07 h2, .p-title__type07 h3, .p-title__type07 h4, .p-title__type07 h5, .p-title__type07 h6, .p-title__type07 p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
}

.p-title__type07 h1::before, .p-title__type07 h2::before, .p-title__type07 h3::before, .p-title__type07 h4::before, .p-title__type07 h5::before, .p-title__type07 h6::before, .p-title__type07 p::before {
  display: inline-block;
  content: '';
  width: 4px;
  height: 1em;
  font-size: 1.25em;
  background: #3A3E45;
  border-radius: 1px;
  flex: 0 0 auto;
}
.p-title__type07 strong {
  width: fit-content;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.6;
  flex: 0 0 auto;
}
.p-title__type07 hr {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  border: none;
  outline: none;
  width: 100%;
  flex: 1 1 auto;
  height: 1px;
  background: #3A3E45;
}
.p-title__type08  {
  margin-bottom: 30px;
}
.p-title__type08 h1, .p-title__type08 h2, .p-title__type08 h3, .p-title__type08 h4, .p-title__type08 h5, .p-title__type08 h6, .p-title__type08 p {
  color: #3A3E45;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1em;
}
.p-title__type08 strong {
  font-family: 'Noto Serif JP', serif;
  font-size: 2.25em;
  font-weight: 700;
  letter-spacing: .03em;
  color: #3A3E45;
  line-height: 1.4;
}
.p-title__type08 small {
  padding-left: .66em;
  font-family: 'Cormorant Infant', serif;
  font-size: 1.5em;
  font-weight: 300;
  border-left: 1px solid #3A3E45;
}
.p-title__type09 {
  margin-bottom: 80px;
  width: fit-content;
}

.p-title__type09 h1, .p-title__type09 h2, .p-title__type09 h3, .p-title__type09 h4, .p-title__type09 h5, .p-title__type09 h6, .p-title__type09 p {
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px; */
  position: relative;
  display: inline-block;
  width: auto;
}

.p-title__type09 strong {
  font-size: 1.875em;
  font-weight: 600;
  letter-spacing: .15em;
  white-space: normal;
  color: #3A3E45;
}

.p-title__type09 hr {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  border: none;
  outline: none;
  width: auto;
  height: 1px;
  background: #3A3E45;
  position: absolute;
  top: 50%;
  left: calc(100% + 20px);
  width: 100vw;
}
@media screen and (max-width: 768px) {
  .p-title h1, .p-title h2, .p-title h3, .p-title h4, .p-title h5, .p-title h6, .p-title p {
    width: 100%;
  }
  .p-title__type01 {
    margin-bottom: 6.4vw;
    width: 100%;
  }
  .p-title__type01 h1, .p-title__type01 h2, .p-title__type01 h3, .p-title__type01 h4, .p-title__type01 h5, .p-title__type01 h6, .p-title__type01 p {
    gap: 5.33333vw;
  }
  .p-title__type01 strong {
    font-size: 1.3em;
    line-height: 1.4;
  }
  .p-title__type01 h2 {
    align-items: flex-start;
  }
  .p-title__type01 hr {
    margin-top: .8em;
  }

  .p-title__type01 small {
    font-size: 1.25em;
  }

  .p-title__type01Left strong {
    text-align: left;
  }
  .p-title__type01 picture {
    width: 18.66667vw;
  }
  .p-title__type02 {
    margin-bottom: 35px;
  }
  .p-title__type02 h1, .p-title__type02 h2, .p-title__type02 h3, .p-title__type02 h4, .p-title__type02 h5, .p-title__type02 h6, .p-title__type02 p {
    gap: .5em;
  }
  .p-title__type02 small {
    padding-left: 1em;
    font-size: 0.9375em;
  }
  .p-title__type02 strong {
    font-size: 1.5em;
    line-height: 1.5454;
  }
  .p-title__type03 {
    margin-bottom: 6.4vw;
    width: 100%;
  }
  .p-title__type03 h1, .p-title__type03 h2, .p-title__type03 h3, .p-title__type03 h4, .p-title__type03 h5, .p-title__type03 h6, .p-title__type03 p {
    gap: 2.13vw;
  }
  .p-title__type03 h1::before, .p-title__type03 h2::before, .p-title__type03 h3::before, .p-title__type03 h4::before, .p-title__type03 h5::before, .p-title__type03 h6::before, .p-title__type03 p::before {
    width: 0.8vw;
    height: 3.73333vw;
    border-radius: 0.26667vw;
    margin-top: 0.3em;
  }
  .p-title__type03 strong {
    font-size: 0.9375em;
  }
  .p-title__type03 strong {
    font-size: 18px;
  }
  .p-title__type04 h2::before {
    height: 14px;
  }
  .p-title__type04 strong {
    font-size: 16px;
  }

  .p-title__type04 h4::before {
    width: 0.8vw;
    height: 3.73333vw;
    border-radius: 0.26667vw;
    margin-top: 0.3em;
  }

  .p-title__type05 strong {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
  }
  .p-title__type06 strong{
    font-size: 15px;
    font-weight: bold;
    line-height: 1.6;
  }
  .p-title__type07 strong {
    font-size: 1.0em;
  }
  .p-title__type07 hr {
    width: auto;
  }
  .p-title__type08 {
    margin-bottom: 25px;
  }
  .p-title__type08 h1, .p-title__type08 h2, .p-title__type08 h3, .p-title__type08 h4, .p-title__type08 h5, .p-title__type08 h6, .p-title__type08 p {
    gap: .5em;
  }
  .p-title__type08 small {
    padding-left: 1em;
    font-size: 0.9375em;
  }
  .p-title__type08 strong {
    font-size: 1.5em;
    line-height: 1.5454;
  }
  .p-title__type09 strong {
    font-size: 1.0em;
  }
  .p-title__type09 hr {
    width: auto;
  }
}

.p-textWrapper {
  line-height: 1.8;
  text-align: left;
  margin-bottom: 32px;
}

@media screen and (max-width:768px) {
  .p-textWrapper {
    font-size: 15px;
    margin-bottom: 20px;
  }
}

.p-textWrapper--bold {
  font-weight: bold;
}

.p-textWrapper--fs18 {
  font-size: 18px;
  line-height: 1.8;
  text-align: left;
  margin-bottom: 32px;
}

@media screen and (max-width:768px) {
  .p-textWrapper--fs18 {
    font-size: 16px;
  }
}

.p-textAnnotation {
  line-height: 1.6;
  text-align: left;
  margin-top: 0.75em;
  margin-bottom: 20px;
}

.p-textAnnotation p small {
  font-size: 87.5%;
  color: #7C7E83;
}

.p-textlinkWrapper,
.p-textExternaLinkWrapper,
.p-textPDFLinkWrapper {
  text-align: left;
  margin-bottom: 23px;
}

.p-textlinkWrapper a{
  color: #3A3E45;
  line-height: 1.8;
  text-decoration: underline;
}

.p-textExternaLinkWrapper a,
.p-textPDFLinkWrapper a {
  color: #3A3E45;
  line-height: 1.8;
  margin-top: 27px;
}

/*2022/12/13 kodera add str*/
@media screen and (max-width:768px) {
	.p-textExternaLinkWrapper a,
	.p-textPDFLinkWrapper a {
		margin-top: 6.4vw;
  }
}
/*2022/12/13 kodera add end*/

.p-textExternaLinkWrapper a::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../../asset/img/common/ic_linkblank01_blk01_img01.svg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 8px;
}

.p-textPDFLinkWrapper a::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../../asset/img/common/ic_linkpdf01_blk01_img01.svg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 8px;
}

.p-linkWrapper {
  text-align: left;
  margin-bottom: 32px;
  margin-left: 20px;
}

.p-linkWrapper li {
  list-style: circle;
  line-height: 1.5;
}

.p-linkWrapper li::marker {
  color: #707070;
}

@media screen and (max-width:768px) {
  .p-linkWrapper {
    margin-bottom: 20px;
    margin-left: 5.3333vw;
  }
}


/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*
------------------------------------------------ */
/*@function vw( $variable ,$basesize:$md ) {
  $value: $variable / $basesize * 100vw;
  @return unquote($value);
}
@function px( $variable ,$basesize:$md ) {
  $value: $variable * 1px;
  $value: $basesize;
  @return unquote($value);
}
@function em( $variable ,$basesize:$fs ) {
  $value: $variable / $basesize * 1em;
  @return unquote($value);
}*/
/*
------------------------------------------------ */
.p-clinicinformation {
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 100;
}

.p-clinicinformation .p-section__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 60px;
}


.p-clinicinformation__title_logo {
  width: 165px;
  height: 111px;
}

.p-clinicinformation__title_logo p {
  width: 100%;
  height: 100%;
  background: url(../../asset/img/common/logo_kybclinic02_grn01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
}

.p-clinicinformation__title_logo p a,
.p-clinicinformation__title_logo p span {
  display: block;
  width: 100%;
  height: 100%;
}

.p-clinicinformation__title_logo p strong {
  display: none;
}

.p-clinicinformation__access_address {
  margin-bottom: 14px;
}

.p-clinicinformation__access_address p {
  font-size: 1em;
  line-height: 1.6;
  text-align: left;
}

.p-clinicinformation__timetable {
  width: 420px;
}

@media screen and (max-width: 1440px) {
  .p-clinicinformation .p-section__inner {
    padding-top: 40px;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px;
  }
  .p-clinicinformation__title_logo {
    margin: 0 auto;
  }
/*   .p-clinicinformation__title {
    width: 100%;
  } */
  .p-clinicinformation__access_address p {
    font-size: 0.6875em;
    text-align: left;
  }
  .p-clinicinformation__timetable {
    width: 420px;
  }
}

@media screen and (max-width: 768px) {
  .p-clinicinformation {
    margin-bottom: -5.3333vw;
  }
  .p-clinicinformation .p-section__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.33333vw;
  }
  .p-clinicinformation__title {
    width: 100%;
    margin-right: 0;
    text-align: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .p-clinicinformation__title_logo {
    margin: 0 auto 4.3733vw;
    width: 28vw;
    height: 19.2vw;
  }
  .p-clinicinformation__access {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .p-clinicinformation__access_address {
    margin-bottom: 3.73333vw;
  }
  .p-clinicinformation__access_address p {
    font-size: 0.6875em;
    line-height: 1.6;
    text-align: left;
  }
  .p-clinicinformation__access_btn {
    display: none;
  }
  .p-clinicinformation__timetable {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

/*
------------------------------------------------ */
.p-page {
  min-height: 1000px;
}

.p-page__title {
  height: 290px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 15;
}

.p-page__title_img {
  height: 380px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  margin: 0 auto;
}

.p-page__title_img picture,
.p-page__title_img source,
.p-page__title_img img {
  width: 100%;
  height: 380px;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-page__title_box {
  margin: 0 auto;
  width: 100%;
  max-width: 1160px;
  position: relative;
  z-index: 15;
}

.p-page__contents {
  margin: auto;
  max-width: 1160px;
  position: relative;
  z-index: 15;
}

.p-page__contents::before {
  display: inline-block;
  content: '';
  max-width: 100%;
  min-height: 300px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -2;
  margin: auto;
  -webkit-box-shadow: 0 0 48px rgba(33, 59, 144, 0.1);
  box-shadow: 0 0 48px rgba(33, 59, 144, 0.1);
}

.p-page__contents::after {
  display: inline-block;
  content: '';
  max-width: 100%;
  min-height: 400px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .p-page {
    min-height: 26.66667vw;
  }
  .p-page__title {
    height: 36.26667vw;
  }
  .p-page__title_img {
    height: 36.26667vw;
  }
  .p-page__title_img picture,
  .p-page__title_img source,
  .p-page__title_img img {
    width: 100%;
    height: 44.8vw;
  }
  .p-page__title_box {
    width: 100%;
    max-width: 89.33333vw;
  }
  .p-page__contents {
    max-width: 89.33333vw;
    margin: 0 5.33333vw;
  }
  .p-page__contents::before {
    min-height: 13.33333vw;
    -webkit-box-shadow: 0 0 48px rgba(33, 59, 144, 0.1);
    box-shadow: 0 0 48px rgba(33, 59, 144, 0.1);
  }
  .p-page__contents::before {
    min-height: 32vw;
  }
  .p-page__contents::after {
    min-height: 26.66667vw;
  }
}

/*
------------------------------------------------ */
.p-breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 15;
}

.p-breadcrumb ul li {
  padding: 0 22px;
  position: relative;
  font-size: 0.8125em;
  font-weight: 500;
}

.p-breadcrumb ul li::after {
  display: inline-block;
  content: '';
  background: url(../../asset/img/common/ic_breadcrumb01_line01_img01.svg) no-repeat 50% 50%;
  width: 5px;
  height: 1em;
  background-size: auto;
  position: absolute;
  right: -6px;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #868686;
}

.p-breadcrumb ul li:last-of-type::after {
  display: none;
}

.p-breadcrumb ul li a {
  color: #868686;
  display: inline-block;
}

.p-breadcrumb ul li strong {
  color: #1F374D;
  display: inline-block;
}

.p-breadcrumb ul li span {
  color: #868686;
}

/*
------------------------------------------------ */
@media screen and (max-width: 768px) {
  .p-breadcrumb {
    display: none;
  }
}

/*
------------------------------------------------ */
/*@function vw( $variable ,$basesize:$md ) {
  $value: $variable / $basesize * 100vw;
  @return unquote($value);
}
@function px( $variable ,$basesize:$md ) {
  $value: $variable * 1px;
  $value: $basesize;
  @return unquote($value);
}
@function em( $variable ,$basesize:$fs ) {
  $value: $variable / $basesize * 1em;
  @return unquote($value);
}*/
.color-red {
  color: #FF3B00;
}

.tab__content:not(.tab__content--open) {
  display: none;
}

.tab__item {
  cursor: pointer;
}

.p-flowTab__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .p-flowTab__list {
    margin-bottom: 6.93333vw;
  }
}

.p-flowTab__item {
  font-size: 1.25em;
  color: #B1B5BF;
  line-height: 29px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-flowTab__item {
    font-size: 4.26667vw;
    line-height: 7.73333vw;
  }
}

.p-flowTab__item.tab__item--active {
  font-weight: bold;
  color: #3A3E45;
}

.p-flowTab__item + .p-flowTab__item {
  margin-left: 21px;
  padding-left: 21px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-flowTab__item + .p-flowTab__item {
    margin-left: 5.6vw;
    padding-left: 5.6vw;
  }
}

.p-flowTab__item + .p-flowTab__item:before {
  content: '';
  width: 1px;
  height: 22px;
  background: #707070;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .p-flowTab__item + .p-flowTab__item:before {
    width: 0.26667vw;
    height: 5.33333vw;
  }
}

.p-flowTimeline__list {
  text-align: left;
}

.p-flowTimeline__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  position: relative;
  padding: 0 0 78px 28px;
}

@media screen and (max-width: 767px) {
  .p-flowTimeline__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 9.33333vw 5.06667vw;
  }
}

.p-flowTimeline__item:before {
  content: '';
  width: 16px;
  height: 16px;
  background: #3A3E45;
  display: block;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: -8px;
}

@media screen and (max-width: 767px) {
  .p-flowTimeline__item:before {
    width: 3.2vw;
    height: 3.2vw;
    left: -1.6vw;
    top: 3.73333vw;
  }
}

.p-flowTimeline__item:after {
  content: '';
  width: 1px;
  height: 100%;
  background: #3A3E45;
  position: absolute;
  left: 0;
  top: 10px;
}

@media screen and (max-width: 767px) {
  .p-flowTimeline__item:after {
    width: 0.26667vw;
    top: 3.73333vw;
  }
}

.p-flowTimeline__item:last-child {
  padding-bottom: 0;
}

.p-flowTimeline__item:last-child:after {
  display: none;
}

.p-flowTimeline__title {
  width: 96px;
  display: block;
  font-size: 1.5em;
  line-height: 36px;
  font-family: "Noto Serif JP", serif;
}

@media screen and (max-width: 767px) {
  .p-flowTimeline__title {
    width: 100%;
    font-size: 4.8vw;
    line-height: 9.6vw;
  }
}

.p-flowTimeline__content {
  position: relative;
  font-size: 1em;
  line-height: 29px;
}

@media screen and (min-width: 768px) {
  .p-flowTimeline__content {
    padding-left: 51px;
    margin-left: 15px;
  }
  .p-flowTimeline__content:before {
    content: '';
    height: 1px;
    width: 30px;
    background: #707070;
    position: absolute;
    left: 0;
    top: 14px;
  }
}

@media screen and (max-width: 767px) {
  .p-flowTimeline__content {
    margin-top: 3.2vw;
    font-size: 4vw;
    line-height: 6.93333vw;
  }
}

.p-flowTimeline__content p + p, .p-flowTimeline__content ul + p {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .p-flowTimeline__content p + p, .p-flowTimeline__content ul + p {
    margin-top: 1.86667vw;
  }
}

.p-flowTimeline__note {
  font-size: 14px;
  line-height: 25px;
}

@media screen and (max-width: 767px) {
  .p-flowTimeline__note {
    font-size: 3.2vw;
    line-height: 5.33333vw;
  }
}

.p-flowNote__item {
  padding-left: 15px;
  position: relative;
}

.p-flowNote__item:before {
  content: '・';
  position: absolute;
  left: 0;
  top: 0;
}

.link-underline {
  text-decoration: underline;
}

.link-underline:hover {
  text-decoration: none;
}

.p-flowNutritionalCounseling {
  margin: 0px calc(50% - 50vw);
  width: 100vw;
  padding: 80px 0 90px;
  background-image: url(../../asset/img/common/kv10.png);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-flowNutritionalCounseling {
    margin: 16.8vw calc(50% - 50vw) -10.6666666667vw;
    padding: 17vw 9.3333vw;
  }
}

.p-flowNutritionalCounseling__linkWrapper {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-flowNutritionalCounseling__linkWrapper {
    text-align: left;
  }
}

.p-flowNutritionalCounseling__link {
  display: inline-block;
  transition: all .3s;
}

.p-flowNutritionalCounseling__link:hover {
  opacity: .7;
}

.p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 8px 8px 20px rgba(33, 59, 144, 0.1490196078);
  width: 980px;
  margin: 0 auto;
  padding: 35px 49px 47px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner {
    width: 100%;
    flex-direction: column;
    padding: 9.3333vw 5.3333vw 10.6666vw;
  }
}
.p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner .p-flowNutritionalCounseling__textWrapper .p-flowNutritionalCounseling__title {
  font-size: 24px;
  font-weight: 500;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 15px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner .p-flowNutritionalCounseling__textWrapper .p-flowNutritionalCounseling__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner .p-flowNutritionalCounseling__textWrapper .p-flowNutritionalCounseling__text--pc {
    display: none;
  }
}
.p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner .p-flowNutritionalCounseling__textWrapper .p-flowNutritionalCounseling__text--pc span {
  font-size: 14px;
  color: #7C7E83;
}
@media screen and (max-width: 767px) {
  .p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner .p-flowNutritionalCounseling__textWrapper .p-flowNutritionalCounseling__text--pc span {
    display: none;
  }
}
.p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner .p-flowNutritionalCounseling__textWrapper .p-flowNutritionalCounseling__text--sp {
  font-size: 15px;
  line-height: 1.7333;
}
@media screen and (min-width: 768px) {
  .p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner .p-flowNutritionalCounseling__textWrapper .p-flowNutritionalCounseling__text--sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner .p-medical__btnWrapper {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner .p-medical__btnWrapper .p-medical__btn {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner .p-medical__btnWrapper .p-medical__btn {
    justify-content: end;
  }
}
.p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner .p-medical__btnWrapper .p-medical__btn::before {
  display: none;
}
.p-flowNutritionalCounseling .p-flowNutritionalCounseling__inner .p-medical__btnWrapper .p-medical__btn::after {
  content: "";
  width: 44px;
  height: 44px;
  background: url(../../asset/img/common/icon_arrow_right.svg) no-repeat;
  background-size: contain;
  margin-left: 12px;
}

/*@function vw( $variable ,$basesize:$md ) {
  $value: $variable / $basesize * 100vw;
  @return unquote($value);
}
@function px( $variable ,$basesize:$md ) {
  $value: $variable * 1px;
  $value: $basesize;
  @return unquote($value);
}
@function em( $variable ,$basesize:$fs ) {
  $value: $variable / $basesize * 1em;
  @return unquote($value);
}*/
.u-margin-t30 {
  margin-top: 30px !important;
}

.u-margin-t25 {
  margin-top: 25px !important;
}

.u-margin-t100 {
  margin-top: 100px !important;
}

.p-about {
  line-height: 28px;
  padding-bottom: 91px;
}

@media screen and (max-width: 767px) {
  .p-about {
    font-size: 4vw;
    line-height: 7.2vw;
    padding-bottom: 13.33333vw;
  }
  .p-about .u-margin-t30,
  .p-about .u-margin-t25 {
    margin-top: 5.33333vw !important;
  }
  .p-about .u-margin-t100 {
    margin-top: 5.33333vw !important;
  }
  .p-about .p-greeList + .u-margin-t100,
  .p-about .p-greeInfo + .u-margin-t100 {
    margin-top: 8.53333vw !important;
  }
}

.p-about .p-section {
  text-align: left;
}

.p-about p + p {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .p-about p + p {
    margin-top: 4.26667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-about p + p.p-greeInfo__history {
    margin-top: 9px;
  }
}

@media screen and (min-width: 768px) {
  .p-about p + p.p-greeList__note {
    margin-top: 17px;
    line-height: 18px;
  }
}

.p-about .img01 {
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .p-about .img01 {
    margin-top: 6.4vw;
  }
  .p-about .img01 img {
    width: 100%;
  }
}

.p-about .img02 {
  margin-top: 120px;
}

@media screen and (max-width: 767px) {
  .p-about .img02 {
    margin-top: 8vw;
  }
  .p-about .img02 img {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .p-aboutList {
    line-height: 6.4vw;
  }
}

.p-aboutList li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-aboutList li + li {
  margin-top: 12px;
}

@media screen and (max-width: 767px) {
  .p-aboutList li + li {
    margin-top: 3.2vw;
  }
}

.p-aboutList li:before {
  content: '';
  width: 21px;
  height: 20px;
  background: url(../../asset/img/about/about_ico_01.svg) no-repeat 0 0/100%;
  margin-right: 7px;
  margin-top: 4px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media screen and (max-width: 767px) {
  .p-aboutList li:before {
    width: 4.26667vw;
    height: 4.26667vw;
    margin-right: 2.66667vw;
    margin-top: 1.33333vw;
  }
}

.p-aboutBox {
  border: 1px dashed #707070;
  padding: 37px;
  margin-top: 67px;
}

@media screen and (max-width: 767px) {
  .p-aboutBox {
    border-width: 1px 0;
    padding: 9.06667vw 0 9.33333vw;
  }
  .p-aboutBox .p-title__type03 {
    margin-bottom: 8vw;
  }
}

.p-aboutLink {
  margin-top: 89px;
}

@media screen and (max-width: 767px) {
  .p-aboutLink {
    margin-top: 10.66667vw;
  }
}

.p-aboutLink a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: top;
  font-weight: 500;
  line-height: 26px;
}

@media screen and (max-width: 767px) {
  .p-aboutLink a {
    line-height: 7.2vw;
  }
}

.p-aboutLink a:hover {
  text-decoration: underline;
}

.p-aboutLink a:before {
  content: '';
  width: 44px;
  height: 44px;
  background: url(../../asset/img/about/about_ico_02.svg) no-repeat 0 0/100%;
  margin-right: 12px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media screen and (max-width: 767px) {
  .p-aboutLink a:before {
    width: 10.66667vw;
    height: 10.66667vw;
    margin-right: 2.1333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-greeInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-bottom: 38px;
  }
  .p-greeInfo .col-img {
    width: calc(443/980*100%);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
  }
  .p-greeInfo .col-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 32px;
    padding-top: 7px;
    width: 65%;
  }
}

@media screen and (max-width: 767px) {
  .p-greeInfo {
    margin-top: 10.66667vw;
    margin-bottom: 13.33333vw;
  }
  .p-greeInfo .col-img {
    margin: auto;
    margin-bottom: 5.33333vw;
  }
  .p-greeInfo .col-text p + p {
    margin-top: 5.33333vw;
  }
}

.p-greeInfo__name {
  text-align: left;
  line-height: 24px;
}

@media screen and (min-width: 768px) {
  .p-greeInfo__name {
    margin-top: 1.6vw;
  }
}

@media screen and (max-width: 767px) {
  .p-greeInfo__name {
    font-size: 3.46667vw;
    line-height: 6.4vw;
    margin-top: 1.6vw;
    margin-bottom: 2.66667vw;
    text-align: center;
  }
}

.p-greeInfo__name strong {
  font-size: 24px;
  line-height: 35px;
  font-weight: bold;
  font-family: 'Noto Serif JP', serif;
}

@media screen and (max-width: 767px) {
  .p-greeInfo__name strong {
    font-size: 4.8vw;
    line-height: 6.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-greeInfo__img {
    width: 53%;
  }
}

@media screen and (max-width: 767px) {
  .p-greeInfo__img {
    width: 56vw;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-greeInfo__text {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-greeInfo__text {
    width: calc(100% - 20% - 24px);
  }
}

@media screen and (min-width: 768px) {
  .p-greeInfo__history {
    font-size: 0.75em;
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .p-greeInfo__history {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}

.p-greeInfo__history span:not(:first-child) {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .p-greeInfo__history span:not(:first-child) {
    margin-top: 3px;
  }
}

@media screen and (max-width: 767px) {
  .p-greeInfo__history span:not(:first-child) {
    margin-top: 0.8vw;
  }
}

@media screen and (min-width: 768px) {
  .p-greeList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 42px auto 80px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: calc(44/980*100%);
    row-gap: 34px;
  }
  .p-greeList__item {
    width: calc(50% - 22/980*100%);
    border: 1px solid #B1B5BF;
    padding: 24px;
    border-radius: 10px;
  }
  .p-greeList__item p {
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-greeList {
    margin-top: 8vw;
  }
  .p-greeList__item {
    border-bottom: 1px solid #B1B5BF;
    padding-bottom: 6.4vw;
    margin-bottom: 5.33333vw;
  }
}

.p-greeList__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 21px;
}

@media screen and (max-width: 767px) {
  .p-greeList__head {
    margin-bottom: 4.26667vw;
    display: block;
  }
}

.p-greeList__head .col-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media screen and (min-width: 768px) {
  .p-greeList__head .col-img {
    width: calc(164/420*100%);
  }
}

@media screen and (max-width: 767px) {
  .p-greeList__head .col-img {
    width: 32vw;
    padding-top: 0;
  }
}

.p-greeList__head .col-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 35px;
  color: #63636d;
}

@media screen and (min-width: 768px) {
  .p-greeList__head .col-text {
    width: calc(100% - 164/420*100% - 36);
  }
}

@media screen and (max-width: 767px) {
  .p-greeList__head .col-text {
    padding-left: 4.8vw;
  }
}

.p-greeList__title {
  font-size: 20px;
  line-height: 29px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-greeList__title {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .p-greeList__title {
    font-size: 4vw;
    line-height: 5.6vw;
  }
}

.p-greeList__sub {
  font-size: 13px;
  line-height: 20px;
  margin-top: 6px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-greeList__sub {
    font-size: 3.46667vw;
    line-height: 5.06667vw;
    margin-top: 2.13333vw;
  }
}

.p-greeList__note {
  display: flex;
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 18px;
  margin-top: 13px;
  gap: 25px;
}

@media screen and (max-width: 767px) {
  .p-greeList__note {
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin-top: 3.2vw;
    display: block;
  }
}

.p-greeList__note li + li {
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .p-greeList__note li + li {
    margin-top: 1.06667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-greeCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-greeCol .col-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 384px;
  }
  .p-greeCol .col-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 48px;
  }
  .p-greeCol .col-text p {
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-greeCol {
    padding-bottom: 6.4vw;
    margin-bottom: 5.33333vw;
    border-bottom: 1px solid #B1B5BF;
  }
  .p-greeCol img {
    width: 100%;
  }
  .p-greeCol .col-img {
    margin-bottom: 4.26667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-greeCol + .p-title {
    margin-top: 80px;
  }
}

@media screen and (min-width: 768px) {
  .p-about__title {
    margin-top: 44px;
    margin-bottom: 86px;
  }
}

@media screen and (min-width: 768px) {
  .p-about__title01 {
    margin-top: 50px;
  }
}

@media screen and (min-width: 768px) {
  .p-aboutClinic {
    padding-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  .p-aboutClinic {
    padding-top: 4.8vw;
  }
}

.p-aboutClinic__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-aboutClinic__item > * {
  display: block;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .p-aboutClinic__item > * {
    font-weight: 4vw;
    line-height: 7.73333vw;
  }
}

.p-aboutClinic__item + .p-aboutClinic__item {
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid #D1D1D1;
}

@media screen and (max-width: 767px) {
  .p-aboutClinic__item + .p-aboutClinic__item {
    margin-top: 3.46667vw;
    padding-top: 3.46667vw;
    border-top: 0.26667vw solid #D1D1D1;
  }
}

@media screen and (max-width: 767px) {
  .p-aboutClinic__item:first-child {
    padding-top: 3.4666666667vw;
    border-top: 0.2666666667vw solid #D1D1D1;
  }
}

.p-aboutClinic__item:last-child {
  border-bottom: 1px solid #D1D1D1;
  padding-bottom: 28px;
}

@media screen and (max-width: 767px) {
  .p-aboutClinic__item:last-child {
    border-bottom: 0.26667vw solid #D1D1D1;
    padding-bottom: 3.46667vw;
  }
}

.p-aboutClinic__title {
  width: 125px;
  line-height: 29px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .p-aboutClinic__title {
    width: 23.2vw;
    line-height: 7.73333vw;
  }
}

.p-aboutClinic__text {
  padding-left: 5px;
  line-height: 29px;
  width: calc(100% - 125px);
}

@media screen and (max-width: 767px) {
  .p-aboutClinic__text {
    padding-left: 1.33333vw;
    width: calc(100% - vw(87));
    line-height: 5.86667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-list {
    margin-left: 16px;
    text-indent: -16px;
    line-height: 1.8;
    margin-top: 33px;
  }
}

@media screen and (max-width: 767px) {
  .p-list {
    font-size: 4vw;
    line-height: 6.93333vw;
    margin-left: 4vw;
    text-indent: -4vw;
  }
}

@media screen and (max-width: 767px) {
  .p-list--mt19_sp {
    margin-top: 5.06667vw;
  }
}

.p-list--red {
  color: #FF3B00;
}

.p-list--mt0 {
  margin-top: 0;
}

.p-page--overflowHidden {
  overflow: hidden;
}

.p-medical__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-medical__btn {
    margin-top: 44px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__btn {
    margin-top: 5.33333vw;
  }
}

.p-medical__btn:before {
  content: '';
  width: 44px;
  height: 44px;
  background: url("../../asset/img/common/icon_arrow_right.svg") no-repeat;
  background-size: contain;
  margin-right: 12px;
}

@media screen and (max-width: 767px) {
  .p-medical__btn:before {
    width: 9.06667vw;
    height: 9.06667vw;
    background-size: 100%;
  }
}

.p-medical__btn:hover {
  opacity: .7;
}

.p-medical {
  text-align: left;
}

.p-medical p strong {
  font-weight: bold;
}

@media screen and (max-width:767px) {
  .p-medical .p-title__type01 {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-medical p {
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-medical p {
    font-size: 4vw;
    line-height: 6.93333vw;
    margin-top: 6.4vw;
  }
}

@media screen and (min-width: 768px) {
  .p-medical p + p {
    margin-top: 27px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical p + p {
    margin-top: 6.4vw;
  }
}

.p-medical .p-section {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-medical .p-section__inner {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical .p-section__inner {
    margin-bottom: 21.33333vw;
  }
}

.p-medical__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-medical__anchor {
    gap: calc(40/980*100%);
    margin: 94px 0 145px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__anchor {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 7.2vw 4vw;
    margin-top: 7.73333vw;
    margin-bottom: 13.33333vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.p-medical__anchorItem {
  border: 1px solid #B1B5BF;
  border-radius: 8px;
  background: #FFFFFF;
  -webkit-box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
  -moz-box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
  box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px 12px 64px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-medical__anchorItem {
    width: calc(164/980*100%);
    max-width: 164px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__anchorItem {
    width: 37.33333vw;
    padding: 5.86667vw 2.66667vw 14.4vw;
    -webkit-box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
    -moz-box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
    box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
  }
}

.p-medical__anchorItem:after {
  content: '';
  position: absolute;
  bottom: 24px;
  width: 24px;
  height: 24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../../asset/img/medical_insurance/medical_insurance_icon_anchor.svg") no-repeat;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .p-medical__anchorItem:after {
    width: 6.4vw;
    height: 6.4vw;
    bottom: 5.33333vw;
  }
}

.p-medical__anchorItem:hover {
  opacity: .7;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-medical__anchorIcon {
    max-width: 100px;
    margin-top: 19px;
    margin-bottom: 14px;
  }
}

.p-medical__anchorTitle {
  color: #936610;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .p-medical__anchorTitle {
    font-size: 0.875em;
    line-height: 1.5625em;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__anchorTitle {
    margin-top: 5.33333vw;
    font-size: 3.73333vw;
    line-height: 5.6vw;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .p-medical__sectionOuter .p-medical__section {
    padding-bottom: 75px;
  }
}

.p-medical__section {
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .p-medical__section {
    padding-top: 40px;
    margin-top: 80px;
  }
  .p-medical__section:first-child {
    padding-top: 0;
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__section {
    padding-top: 13.8666vw;
  }
}

@media screen and (min-width: 768px) {
  .p-medical__section .p-title__type01 {
    margin-bottom: 73px;
  }
}

.p-medical__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .p-medical__grid {
    gap: calc(44/980*100%);
    margin-top: 80px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.4vw;
    margin-top: 5vw;
  }
}

@media screen and (min-width: 768px) {
  .p-medical__gridText {
    width: calc(649/980*100%);
  }
  .p-medical__gridText .p-list {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 768px) {
  .p-medical__gridImg {
    width: calc(287/980*100%);
  }
}

@media screen and (min-width: 768px) {
  .p-medical__title {
    margin: 40px 0 37px 5px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__title {
    margin: 6.4vw 0;
  }
}

.p-medical__section01 {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-medical__section01 {
    padding-bottom: 273px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__section01 {
    padding-bottom: 44.8vw;
  }
}

.p-medical__section01:after {
  content: '';
  position: absolute;
  width: 2000px;
  height: calc(100%);
  display: block;
  background: #EFF0F4;
  top: -33px;
  left: 87.5%;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .p-medical__section01:after {
    left: 73.5%;
  }
}

.p-medical__section01 .p-title {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .p-medical__section05 {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .p-medical__boxOuter {
    margin-top: 78px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__boxOuter {
    margin-top: 10.93333vw;
  }
}

.p-medical__boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .p-medical__boxs {
    gap: 66px calc(44/980*100%);
  }
}

.p-medical__box {
  position: relative;
  z-index: 2;
  border: 1px solid #EFF0F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFFFFF url("../../asset/img/medical/medical_icon06.svg") no-repeat;
  background-size: 98px 108px;
  background-position: bottom 36px right 30px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-medical__box:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-medical__box {
    width: calc(468/980*100%);
    -webkit-box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
    -moz-box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
    box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
    padding: 35px 0 40px 36px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__box {
    -webkit-box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
    -moz-box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
    box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
    padding: 6.4vw 6.4vw 23.2vw;
    background-size: 22.66667vw 16.8vw;
    background-position: bottom 6.4vw right 6.4vw;
    margin-top: 6.4vw;
  }
}

.p-medical__box06 {
  width: 100%;
  position: relative;
  z-index: 2;
  border: 1px solid #EFF0F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFFFFF url("../../asset/img/medical/medical_icon12.svg") no-repeat;
  background-size: 98px 108px;
  background-position: bottom 16px right 30px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-medical__box06:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-medical__box06 {
    -webkit-box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
    -moz-box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
    box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
    padding: 35px 0 40px 36px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__box06 {
    background-image: url("../../asset/img/medical/medical_icon12_sp.svg");
    background-size: 80px 100px;
    background-position: bottom 0 right 6.4vw;
  }
}

.p-medical__box01 {
  background-position: center right 36px;
}

@media screen and (min-width: 768px) {
  .p-medical__box01 {
    width: 100%;
    margin-bottom: 40px;
    padding: 30px 0 30px 30px;
    padding-right: 136px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 35px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__box01 {
    background-image: url("../../asset/img/medical/medical_icon06_sp.svg");
    background-position: bottom 6.4vw right 6.4vw;
  }
}

.p-medical__box02 {
  background-image: url("../../asset/img/medical/medical_icon07.svg");
}

@media screen and (max-width: 767px) {
  .p-medical__box02 {
    background-image: url("../../asset/img/medical/medical_icon07_sp.svg");
  }
}

.p-medical__box03 {
  background-image: url("../../asset/img/medical/medical_icon08.svg");
}

@media screen and (max-width: 767px) {
  .p-medical__box03 {
    background-image: url("../../asset/img/medical/medical_icon08_sp.svg");
  }
}

.p-medical__box04 {
  background-image: url("../../asset/img/medical/medical_icon12.svg");
}

@media screen and (max-width: 767px) {
  .p-medical__box04 {
    background-image: url("../../asset/img/medical/medical_icon12_sp.svg");
  }
}

.p-medical__box05 {
  background-image: url("../../asset/img/medical/medical_icon10.svg");
}

@media screen and (max-width: 767px) {
  .p-medical__box05 {
    background-image: url("../../asset/img/medical/medical_icon10_sp.svg");
  }
}

@media screen and (min-width: 768px) {
  .p-medical__box01 .p-medical__boxTitle {
    margin-bottom: 16px;
  }
}

.p-medical__box01 .p-medical__boxText {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-medical__box01 .p-medical__boxText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 86%;
    margin-right: 4.3%;
  }
}

@media screen and (min-width: 768px) {
  .p-medical__box01 .p-medical__boxBtn {
    margin-top: 0;
  }
}

.p-medical__boxTitle {
  color: #936610;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .p-medical__boxTitle {
    font-size: 1.5em;
    line-height: 1.2;
    letter-spacing: .06em;
    margin-bottom: 11px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__boxTitle {
    font-size: 4.8vw;
    line-height: 1.6;
    margin-bottom: 4vw;
  }
}

.p-medical__boxBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
}

.p-medical__boxBtn:after {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../../asset/img/common/icon_arrow_right.svg") no-repeat;
  background-size: contain;
  margin-left: 8px;
}

@media screen and (max-width: 767px) {
  .p-medical__boxBtn:after {
    width: 8.53333vw;
    height: 8.53333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-medical__boxBtn {
    font-size: 0.875em;
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__boxBtn {
    font-size: 4vw;
    line-height: 1.8;
    position: absolute;
    bottom: 8vw;
    left: 6.4vw;
  }
}

.p-medical__icon06 {
  width: 43px;
  height: 64px;
}

@media screen and (min-width: 768px) {
  .p-medical__boxText {
    width: 74%;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__boxText p {
    font-size: 4vw;
    line-height: 1.6;
    margin-bottom: 0;
  }
}

.p-medical__report {
  border: 1px solid #B4B6BB;
  position: relative;
  z-index: 1;
  background: #FFFFFF;
}

@media screen and (min-width: 768px) {
  .p-medical__report {
    margin-top: -152px;
    margin-bottom: 120px;
    padding: 65px 59px 57px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__report {
    margin: -34.66667vw 0 13.33333vw;
    padding: 8vw 5.33333vw 4vw;
  }
}

.p-medical__reportTitle {
  font-weight: 500;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
}

@media screen and (min-width: 768px) {
  .p-medical__reportTitle {
    font-size: 1.75em;
    line-height: 1.5;
    margin-bottom: 65px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__reportTitle {
    font-size: 5.8666666667vw;
    margin-bottom: 4.26666vw;
  }
  .p-medical__reportTitle span {
    font-size: 16px;
  }
}

.p-medical__reportGrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-medical__reportGrid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8vw;
  }
}

@media screen and (min-width: 768px) {
  .p-medical__reportGridText {
    width: 52%;
  }
}

.p-medical__reportGridImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-medical__reportGridImg {
    width: calc(48% - 36px);
    gap: 24px;
    margin-top: 5px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__reportGridImg {
    gap: 3.73333vw;
  }
}

.p-medical__reportGridImg figcaption {
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-medical__reportGridImg figcaption {
    font-size: 0.875em;
    line-height: 1.8;
    margin-top: 6px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__reportGridImg figcaption {
    font-size: 3.46667vw;
    line-height: 6.72vw;
    margin-top: 1.86667vw;
  }
}

.p-medical__reportSubTitle {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-medical__reportSubTitle {
    font-size: 1.125em;
    line-height: 1.6;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__reportSubTitle {
    font-size: 4.26667vw;
    line-height: 6.93333vw;
    margin-bottom: 3.2vw;
  }
}

@media screen and (min-width: 768px) {
  .p-medical__section .p-title__type01 picture.p-title__icon {
    width: 56px;
    top: -8px;
    left: 5px;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__section .p-title__type01 picture.p-title__icon {
    width: 10.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-medical__section .p-title__type01 picture.p-title__icon02 {
    width: pxx(52);
    left: -2px;
  }
}

@media screen and (min-width: 768px) {
  .p-medical__section .p-title__type01 picture.p-title__icon04 {
    width: 29px;
    left: -12px;
  }
}

@media screen and (max-width: 767px) {
  .p-medical__section .p-title__type01 picture.p-title__icon04 {
    width: 5.33333vw;
  }
}

.p-medical__sectionOuter {
  position: relative;
}

.p-medical__sectionOuter:after {
  content: '';
  position: absolute;
  width: 2000px;
  height: 94%;
  display: block;
  background: url(../../asset/img/common/bgi_accent01_wht01_img01.png) repeat;
  top: -52px;
  left: 84.5%;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .p-medical__sectionOuter:after {
    top: 0;
    left: 73.5%;
    height: 120%;
  }
}

@media screen and (min-width: 768px) {
  .p-title__type01--mb85 {
    margin-bottom: 85px;
  }
}

.p-title--fontBold strong {
  font-weight: bold;
}

.p-insurance {
  text-align: left;
}

.p-insurance p strong {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-insurance p {
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-insurance p {
    font-size: 4vw;
    line-height: 6.93333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-insurance p + p {
    margin-top: 27px;
  }
}

@media screen and (max-width: 767px) {
  .p-insurance p + p {
    margin-top: 6.4vw;
  }
}

.p-insurance p + p.p-insurance__textNote {
  color: #7C7E83;
}

@media screen and (min-width: 768px) {
  .p-insurance p + p.p-insurance__textNote {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-insurance p + p.p-insurance__textNote {
    font-size: 3.73333vw;
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-insurance p + p.p-insurance__text01 {
    font-size: 3.73333vw;
    line-height: 6.72vw;
  }
}

.p-insurance .p-section {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-insurance .p-section__inner {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 767px) {
  .p-insurance .p-section__inner {
    margin-bottom: 21.33333vw;
  }
}

.p-insurance__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-insurance__anchor {
    gap: calc(40/980*100%);
    margin: 106px 0 51px -67px;
  }
}

@media screen and (max-width: 767px) {
  .p-insurance__anchor {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 7.2vw 4vw;
    margin: 9.33333vw 0 13.33333vw;
  }
}

.p-insurance__anchorItem {
  border: 1px solid #B1B5BF;
  border-radius: 8px;
  background: #FFFFFF;
  -webkit-box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
  -moz-box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
  box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px 12px 62px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-insurance__anchorItem {
    width: calc(164/980*100%);
    max-width: 164px;
  }
}

@media screen and (max-width: 767px) {
  .p-insurance__anchorItem {
    width: 37.33333vw;
    height: 46.66667vw;
    padding: 5.86667vw 2.66667vw 14.4vw;
    -webkit-box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
    -moz-box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
    box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
  }
}

.p-insurance__anchorItem:after {
  content: '';
  position: absolute;
  bottom: 27px;
  width: 24px;
  height: 24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../../asset/img/medical_insurance/medical_insurance_icon_anchor.svg") no-repeat;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .p-insurance__anchorItem:after {
    width: 6.4vw;
    height: 6.4vw;
    bottom: 4vw;
  }
}

.p-insurance__anchorItem:hover {
  opacity: .7;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-insurance__anchorIcon {
    max-width: 100px;
    margin-top: 21px;
    margin-bottom: 14px;
  }
}

@media screen and (min-width: 768px) {
  .p-insurance__anchorIcon03 {
    margin-top: 30px;
    width: 62px;
  }
}

@media (max-width:767px) {
  .p-insurance__anchorIcon03 {
    width: 62px;
  }
}

@media screen and (min-width: 768px) {
  .p-insurance__anchorIcon04 {
    margin-top: 32px;
  }
}

.p-insurance__anchorTitle {
  color: #936610;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .p-insurance__anchorTitle {
    font-size: 0.875em;
    line-height: 1.5625em;
  }
}

@media screen and (max-width: 767px) {
  .p-insurance__anchorTitle {
    margin-top: 5.33333vw;
    font-size: 3.73333vw;
    line-height: 5.6vw;
  }
}

@media screen and (min-width: 768px) {
  .p-title__type01 picture.p-title__icon {
    width: 47px;
    position: relative;
    top: -6px;
    left: 0;
  }

  .p-title__type01 picture.p-title__icon.u-w64{
    width: 64px;
  }
  .p-title__type01 picture.p-title__icon02 {
    width: 54px;
  }
  .p-title__type01 picture.p-title__icon03 {
    top: -4px;
    width: pxx(56);
  }
  .p-title__type01 picture.p-title__icon04 {
    left: 4px;
    width: 55px;
  }
}

@media screen and (max-width: 767px) {
  .p-title__type01 picture.p-title__icon {
    width: 10.66667vw;
  }

  .p-title__type01 picture.p-title__icon.u-w64 {
    width: 12.8vw;
  }
}

@media screen and (min-width: 768px) {
  .p-insurance__section {
    padding-top: 40px;
    margin-top: 40px;
  }
  .p-insurance__section:not(:last-child) {
    padding-bottom: 126px;
  }
}

@media screen and (max-width: 767px) {
  .p-insurance__section {
    padding-top: 10.66667vw;
    margin-top: -10.66667vw;
  }
  .p-insurance__section:not(:last-child) {
    padding-bottom: 10.66667vw;
  }
}

@media screen and (max-width: 767px) {
  .p-insurance__section01 {
    padding-top: 13.33333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-insurance__section .p-title__type01 {
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 767px) {
  .p-insurance__section .p-title__type01 {
    margin-bottom: 9.06667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-insurance__section .p-title__type01 h2 {
    letter-spacing: 5px;
    gap: 20px;
  }
}

.p-insurance__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .p-insurance__grid {
    gap: calc(44/980*100%);
  }
}

@media screen and (max-width: 767px) {
  .p-insurance__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 6.4vw;
  }
}

@media screen and (min-width: 768px) {
  .p-insurance__gridText {
    width: calc(649/980*100%);
  }
}

@media screen and (min-width: 768px) {
  .p-insurance__gridImg {
    width: calc(287/980*100%);
  }
}

@media screen and (min-width: 768px) {
  .p-insurance__title {
    margin: 54px 0 37px 5px;
  }
}

@media screen and (max-width: 767px) {
  .p-insurance__title {
    margin: 5.06667vw 0;
  }
}


.c-blur {
  color: #7C7E83;
}

.p-treatment {
  margin-bottom: 160px;
}

@media screen and (max-width: 767px) {
  .p-treatment {
    margin-bottom: 12.8vw;
  }
}

.p-treatment__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .p-treatment__list {
    margin: 0 -20px;
  }
}

.p-treatment__item {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-treatment__item {
    width: 33.33%;
    padding: 0 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-treatment__item + .p-treatment__item {
    margin-top: 5.33333vw;
  }
}

.p-treatment__title {
  position: relative;
  padding: 20px 0 0 45px;
  margin-bottom: 20px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-treatment__title {
    margin-bottom: 2.13333vw;
    padding: 5.33333vw 0 0 12vw;
  }
}

.p-treatment__title > * {
  display: inline-block;
}

.p-treatment__titleNum {
  font-family: "Cormorant Infant", serif;
  font-size: 24px;
  line-height: 29px;
  position: absolute;
  padding-right: 17px;
  left: 0;
  top: 0;
}

@media screen and (max-width: 767px) {
  .p-treatment__titleNum {
    font-size: 6.4vw;
    line-height: 7.73333vw;
  }
}

.p-treatment__titleText {
  font-size: 20px;
  line-height: 29px;
}

@media screen and (max-width: 767px) {
  .p-treatment__titleText {
    font-size: 4.26667vw;
    line-height: 6.4vw;
  }
}

.p-treatment__titleText:before {
  content: "";
  height: 40px;
  width: 1px;
  background: #3A3E45;
  display: inline-block;
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  position: absolute;
  top: 6px;
  left: 35px;
}

@media screen and (max-width: 767px) {
  .p-treatment__titleText:before {
    top: 1.6vw;
    left: 9.33333vw;
    height: 9.33333vw;
    width: 1px;
  }
}

.p-treatment__text {
  margin-top: 8px;
  line-height: 26px;
}

@media screen and (max-width: 767px) {
  .p-treatment__text {
    margin-top: 2.66667vw;
    font-size: 4vw;
    line-height: 6.4vw;
  }
}

.p-patients {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .p-patients .p-title__type04 {
    margin-bottom: 5.33333vw;
  }
}

.p-patients__title {
  font-size: 24px;
  line-height: 29px;
  font-weight: 400;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .p-patients__title {
    font-size: 4.26667vw;
    line-height: 1.625;
    margin-bottom: 5.33333vw;
  }
}

.p-patients__text {
  line-height: 29px;
}

@media screen and (max-width: 767px) {
  .p-patients__text {
    font-size: 4vw;
    line-height: 6.93333vw;
  }
}

.p-patients__text01 {
  margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
  .p-patients__text01 {
    margin-bottom: 6.4vw;
  }
}

.p-patients__note {
  margin-bottom: 64px;
}

@media screen and (max-width: 767px) {
  .p-patients__note {
    margin-bottom: 6.93333vw;
  }
}

.p-patients__note li {
  line-height: 29px;
  position: relative;
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .p-patients__note li {
    font-size: 4vw;
    line-height: 5.86667vw;
    padding-left: 4vw;
  }
  .p-patients__note li + li {
    margin-top: 4.26667vw;
  }
}

.p-patients__note li:before {
  content: '・';
  position: absolute;
  left: 0;
  top: 0;
}

.p-examination {
  margin-top: 170px;
}

@media screen and (max-width: 767px) {
  .p-examination {
    margin-top: 18.13333vw;
  }
  .p-examination .p-title__type01 {
    margin-bottom: 13.86667vw;
  }
}

.p-examination__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-examination__item + .p-examination__item {
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .p-examination__item + .p-examination__item {
    margin-top: 8vw;
  }
}

@media screen and (min-width: 768px) {
  .p-examination__img {
    width: 31.63265%;
  }
}

@media screen and (max-width: 767px) {
  .p-examination__img {
    width: 100%;
  }
}

.p-examination__content {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-examination__content {
    width: 64.28571%;
  }
}

@media screen and (max-width: 767px) {
  .p-examination__content {
    width: 100%;
  }
}

.p-examination__title {
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .p-examination__title {
    font-size: 4.26667vw;
    line-height: 6.4vw;
    margin-bottom: 5.33333vw;
  }
}

.p-examination__text p {
  line-height: 29px;
}

@media screen and (max-width: 767px) {
  .p-examination__text p {
    font-size: 4vw;
    line-height: 6.93333vw;
  }
}

.p-examination__text p.fs-sm {
  font-size: 14px;
  line-height: 25px;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .p-examination__text p.fs-sm {
    font-size: 3.2vw;
    line-height: 5.86667vw;
  }
}

.p-examination__text p + p {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .p-examination__text p + p {
    margin-top: 4.26667vw;
  }
}

.p-examination__payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .p-examination__payment {
    margin-top: 5.33333vw;
  }
}

.p-examination__payment li + li {
  margin-left: 8px;
}

@media screen and (max-width: 767px) {
  .p-examination__payment li + li {
    margin-left: 2.13333vw;
  }
}

/*@function vw( $variable ,$basesize:$md ) {
  $value: $variable / $basesize * 100vw;
  @return unquote($value);
}
@function px( $variable ,$basesize:$md ) {
  $value: $variable * 1px;
  $value: $basesize;
  @return unquote($value);
}
@function em( $variable ,$basesize:$fs ) {
  $value: $variable / $basesize * 1em;
  @return unquote($value);
}*/
.u-margin-t60 {
  margin-top: 60px !important;
}

.u-margin-t20 {
  margin-top: 20px !important;
}

.p-chonai {
  line-height: 28px;
}

@media screen and (max-width: 767px) {
  .p-chonai {
    font-size: 4vw;
    line-height: 6.93333vw;
  }
  .p-chonai .u-margin-t20,
  .p-chonai .u-margin-t60 {
    margin-top: 6.93333vw !important;
  }
  .p-chonai .p-section__inner {
    padding-bottom: 13.33333vw;
  }
}

.p-chonai .p-section {
  text-align: left;
}

.p-chonai .p-title__type04 {
  margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
  .p-chonai .p-title__type04 {
    margin-bottom: 4vw;
  }
}

.p-chonai p + p {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .p-chonai p + p {
    margin-top: 4.26667vw;
  }
}

.p-checkBox {
  border: 1px solid #b4b6bb;
}

@media screen and (min-width: 768px) {
  .p-checkBox {
    width: 100%;
    max-width: 37.25%;
    padding: 32px;
  }
}

@media screen and (max-width: 767px) {
  .p-checkBox {
    padding: 6.13333vw 6.13333vw 6.93333vw;
    padding-right: 5.33333vw;
  }
}

.p-checkBox__title {
  font-size: 20px;
  line-height: 29px;
  font-weight: 500;
  color: #936610;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-checkBox__title {
    font-size: 4.26667vw;
    line-height: 6.4vw;
  }
}

.p-checkBox__list {
  line-height: 24px;
  margin-top: 32px;
  color: #1f1f1f;
}

@media screen and (max-width: 767px) {
  .p-checkBox__list {
    font-size: 4vw;
    line-height: 6.4vw;
    margin-top: 4.8vw;
  }
}

.p-checkBox__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-checkBox__list li + li {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .p-checkBox__list li + li {
    margin-top: 2.13333vw;
  }
}

.p-checkBox__list li:before {
  content: '';
  width: 21px;
  height: 20px;
  background: url(../../asset/img/chonai/chonai_ico_01.svg) no-repeat 0 0/100%;
  margin-right: 7px;
  margin-top: 3px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

@media screen and (max-width: 767px) {
  .p-checkBox__list li:before {
    width: 4.26667vw;
    height: 4.26667vw;
    margin-right: 2.13333vw;
    margin-top: 1.33333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-chonaiCheck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .p-chonaiCheck .p-checkBox {
    width: 37.25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .p-chonaiCheck .col-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 23px;
  }
}

@media screen and (max-width: 767px) {
  .p-chonaiCheck {
    margin-top: 9.06667vw;
  }
  .p-chonaiCheck .col-text {
    margin-top: 8vw;
  }
}

.p-chonaiLink li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.p-chonaiLink li span {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 8px;
  border: 1px solid #707070;
  border-radius: 2px;
  min-width: 41px;
  height: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .p-chonaiLink li span {
    border-radius: 0.53333vw;
    min-width: 10.93333vw;
    height: 5.06667vw;
    font-size: 3.46667vw;
    line-height: 3.46667vw;
    margin-right: 2.13333vw;
    margin-top: 1.06667vw;
  }
}

.p-chonaiLink li + li {
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .p-chonaiLink li + li {
    margin-top: 1.6vw;
  }
}

.p-chonaiLink li a {
  text-decoration: underline;
}

.p-chonaiLink li a:hover {
  text-decoration: none;
}

.p-chonaiNote {
  font-size: 14px;
  line-height: 22px;
  color: #7c7e83;
  text-indent: -14px;
  margin-left: 14px;
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .p-chonaiNote {
    font-size: 3.73333vw;
    line-height: 5.86667vw;
    text-indent: -3.73333vw;
    margin-left: 3.73333vw;
    margin-top: 4.26667vw;
  }
}

.p-chonaiNote li + li {
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .p-chonaiNote li + li {
    margin-top: 1.6vw;
  }
}

.p-chonaiBox {
  padding-top: 20px;
  padding-bottom: 25px;
  background: url(../../asset/img/chonai/chonai_bg_01.png) repeat 0 0;
  line-height: 28px;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

@media screen and (max-width: 767px) {
  .p-chonaiBox {
    font-size: 4vw;
    line-height: 6.93333vw;
    padding-top: 3.2vw;
  }
  .p-chonaiBox .p-section__inner {
    padding-left: 9.33333vw;
    padding-right: 9.33333vw;
  }
  .p-chonaiBox img {
    width: 100%;
  }
}

.p-chonaiBox p + p {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .p-chonaiBox p + p {
    margin-top: 6.66667vw;
  }
}

.p-chonaiBox .p-title__type02 {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .p-chonaiBox .p-title__type02 {
    margin-bottom: 5.6vw;
  }
  .p-chonaiBox .p-title__type02 h2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .p-chonaiBox__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .p-chonaiBox__col .col-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 386px;
  }
  .p-chonaiBox__col .col-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 26px;
    padding-top: 12px;
  }
}

@media screen and (max-width: 767px) {
  .p-chonaiBox__col .col-text {
    margin-top: 10.66667vw;
  }
}

.p-vitaminc {
  text-align: left;
}

.p-vitaminc p strong {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-vitaminc p {
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc p {
    font-size: 4vw;
    line-height: 6.93333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-vitaminc p + p {
    margin-top: 27px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc p + p {
    margin-top: 6.4vw;
  }
}

@media screen and (min-width: 768px) {
  .p-vitaminc p + p.vitamin__pointsText02 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc p + p.vitamin__pointsText02 {
    margin-top: 3.73333vw;
  }
}

.p-vitaminc .p-section {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-vitaminc .p-section__inner {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc .p-section__inner {
    margin-bottom: 21.33333vw;
  }
}

.p-vitaminc .p-checkBox {
  width: 100%;
  max-width: inherit;
}

@media screen and (max-width: 767px) {
  .p-vitaminc .p-checkBox {
    margin-top: 2.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-vitaminc__pointsNote {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  .p-vitaminc__title {
    margin-top: 3px;
    margin-bottom: 44px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__title {
    margin-bottom: 6.4vw;
  }
}

.p-vitaminc__title01 {
  font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 768px) {
  .p-vitaminc__title01 {
    margin-top: 60px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__title01 {
    margin-top: 8vw;
    margin-bottom: 6.4vw;
  }
}

.p-vitaminc__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .p-vitaminc__grid {
    gap: 48px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__grid {
    gap: 8vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  .p-vitaminc__grid--gap40 {
    gap: 40px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__grid--gap40 {
    gap: 5.33333vw;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__grid01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8vw;
  }
}

@media screen and (min-width: 768px) {
  .p-vitaminc__column:first-child {
    width: 65.5%;
  }
}

@media screen and (min-width: 768px) {
  .p-vitaminc__column:last-child {
    width: 42%;
  }
}

.p-vitaminc__box {
  background: #FDFBF5;
  border: 1px dashed #707070;
}

@media screen and (min-width: 768px) {
  .p-vitaminc__box {
    padding: 24px 24px 18px;
    margin-top: 33px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__box {
    margin-top: 8.53333vw;
    padding: 4.26667vw;
    border-width: 0.26667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-vitaminc__boxTitle {
    font-size: 1.25em;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__boxTitle {
    font-size: 4.8vw;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 4vw;
  }
}

.p-vitaminc__note {
  color: #FF3B00;
}

@media screen and (min-width: 768px) {
  .p-vitaminc__note {
    margin-top: 14px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__note {
    margin-top: 3.73333vw;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__table {
    /*overflow-x: scroll;
    padding-bottom: 5.33333vw;*/
  }
  .p-vitaminc__table::-webkit-scrollbar {
    height: 1.86667vw;
  }
  .p-vitaminc__table::-webkit-scrollbar-track {
    background: #F2F2F2;
  }
  .p-vitaminc__table::-webkit-scrollbar-thumb {
    background: #D6D6D6;
    border-radius: 999px;
  }
  .p-vitaminc__table::-webkit-scrollbar-thumb:hover {
    background: #F2F2F2;
  }
}

.p-vitaminc__table table {
  border-collapse: collapse;
  font-size: 1.1em;
  letter-spacing: 0.05em;
  width: 70%;
  border: 1px solid #3A3E45;
}
.p-vitaminc__table td:nth-of-type(1) {
    background-color: #3A3E45;
    color: #FFFFFF;
    font-weight: bold;
    padding: 40px 20px;
    text-align: center;
}
.p-vitaminc__table td:nth-of-type(3) {
    background-color: #EFF0F4;
}
.p-vitaminc__table td:nth-of-type(4) {
    border-right: 1px solid #3A3E45;
    text-align: right;
}
}

.p-vitaminc__table table tr {
  border: 1px solid #7C7E83;
  border-left: 0;
  border-right: 0;
}

.p-vitaminc__table table tr:first-child {
  border-top: 1px solid #3A3E45;
}

@media screen and (min-width: 768px) {
  .p-vitaminc__table table td {
    line-height: 1.5;
    padding: 25px 17px 23px;
  }
  /*.p-vitaminc__table table td:nth-child(2) {
    padding-left: 46px;
  }*/
  .p-vitaminc__table table td:nth-child(3) {
    padding-right: 22px;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__table table {
    width: 100%;
  }
  .p-vitaminc__table table td {
    line-height: 1.5;
    padding: 5.06667vw 4.53333vw 4.8vw;
    display: block;
    text-align: center;
  }
  .p-vitaminc__table table tr:first-child {
    display: block;
  }
    .p-vitaminc__table td:nth-of-type(1) {
      display: block;
  }
  .p-vitaminc__table td:nth-of-type(3) {
      display: block;
  }
  .p-vitaminc__table td:nth-of-type(4) {
      border-bottom: 1px solid #3A3E45;
      border-right: none;
      text-align: center;
      display: block;
  }
}

.p-vitaminc__tableNote {
  color: #7C7E83;
}

@media screen and (min-width: 768px) {
  .p-vitaminc__tableNote {
    font-size: 0.875em;
    line-height: 1.6;
    margin-left: 14px;
    text-indent: -14px;
    margin-top: 16px;
    margin-bottom: 76px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__tableNote {
    margin-top: 5.33333vw;
    font-size: 3.73333vw;
    line-height: 1.6;
    margin-bottom: 10.13333vw;
    text-indent: -3.73333vw;
    margin-left: 3.73333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-vitaminc__gridText {
    width: calc(710/980*100%);
  }
}

@media screen and (min-width: 768px) {
  .p-vitaminc__gridImg {
    width: calc(230/980*100%);
    margin-top: -17px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__gridImg {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__gridImg img {
    max-width: 61.33333vw;
  }
}

.p-vitaminc__points {
  background: #FCFBF9;
  border: 1px dashed #3A3E45;
  border-left: 0;
  border-right: 0;
}

@media screen and (min-width: 768px) {
  .p-vitaminc__points {
    padding: 40px 40px 56px;
    margin-top: 76px;
    margin-bottom: 67px;
  }
}

@media screen and (max-width: 767px) {
  .p-vitaminc__points {
    padding: 10.66667vw;
    margin-top: 10.4vw;
    padding: 9.86667vw 6.4vw 5.33333vw;
  }
}

.vitaminc__pointsTitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .vitaminc__pointsTitle {
    margin-top: 36px;
  }
}

@media screen and (max-width: 767px) {
  .vitaminc__pointsTitle {
    margin-left: 1.33333vw;
    margin-right: 1.33333vw;
  }
}

.vitaminc__pointsTitle span {
  font-weight: 500;
  background: url(../../asset/img/vitaminc/vitaminc_icon_note.svg) no-repeat;
  background-position: left center;
  background-size: 27px 27px;
}

@media screen and (min-width: 768px) {
  .vitaminc__pointsTitle span {
    font-size: 1.25em;
    line-height: 1.4;
    margin-top: 30px;
    padding-left: 40px;
  }
}

@media screen and (max-width: 767px) {
  .vitaminc__pointsTitle span {
    background-size: 5.33333vw;
    background-position: top 1.33333vw left;
    padding-left: 8vw;
    text-align: left;
    font-size: 4.8vw;
    line-height: 6.93333vw;
    display: inline-block;
  }
}

.vitamin__pointsText01 {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .vitamin__pointsText01 {
    font-size: 1.125em;
    line-height: 1.6;
    margin-top: 57px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .vitamin__pointsText01 {
    margin-top: 7.46667vw;
  }
}

.p-counseling {
  text-align: left;
}

.p-counseling__text--l strong {
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .p-counseling p {
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-counseling p {
    font-size: 4vw;
    line-height: 6.93333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-counseling p + p {
    margin-top: 27px;
  }
}

@media screen and (max-width: 767px) {
  .p-counseling p + p {
    margin-top: 6.4vw;
  }
}

.p-counseling .p-section {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-counseling .p-section__inner {
    padding-bottom: 237px;
  }
}

@media screen and (max-width: 767px) {
  .p-counseling .p-section__inner {
    margin-bottom: 21.33333vw;
  }
}

@media screen and (max-width: 767px) {
  .p-counseling .p-title__type01 h2 {
    line-height: 8.53333vw;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .p-counseling .p-title__type01 hr {
    margin-top: -7.73333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-counseling__title {
    margin-top: 60px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .p-counseling__title {
    margin-bottom: 6.4vw;
    margin-top: 9.33333vw;
  }
  .p-counseling__title--first {
    margin-top: 0;
  }
}


@media screen and (min-width: 768px) {
  .p-counseling__title01 {
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .p-counseling__title01 {
    margin-top: 6.4vw;
    margin-bottom: 3.73333vw;
  }
}

.p-counseling__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .p-counseling__grid {
    gap: 60px calc(60/980*100%);
    margin-top: 90px;
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 767px) {
  .p-counseling__grid {
    gap: 8vw 0;
    margin: 10.66667vw -1.33333vw;
  }
}

.p-counseling__item {
  width: calc(200/980*100%);
}

@media screen and (max-width: 767px) {
  .p-counseling__item {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 1.33333vw;
    padding-right: 1.33333vw;
  }
}

@media screen and (max-width: 767px) {
  .p-counseling__item img {
    max-width: 34.4vw;
  }
}

.p-counseling__itemTitle {
  text-align: center;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .p-counseling__itemTitle {
    font-size: 0.875em;
    line-height: 1.6;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .p-counseling__itemTitle {
    font-size: 3.46667vw;
    line-height: 5.97333vw;
    margin-top: 2.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-counseling__text--l {
    font-size: 1.25em;
    line-height: 1.44;
  }
}

@media screen and (min-width: 768px) {
  .p-title__type01--mb62 {
    margin-bottom: 62px;
  }
}

.p-aesthetic {
  text-align: left;
}

.p-aesthetic p strong {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-aesthetic p {
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic p {
    font-size: 4vw;
    line-height: 6.93333vw;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic p.p-priceText {
    font-size: 3.46667vw;
    line-height: 5.6vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic p + p {
    margin-top: 27px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic p + p {
    margin-top: 6.4vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic p + p.vitamin__pointsText02 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic p + p.vitamin__pointsText02 {
    margin-top: 3.73333vw;
  }
}

.p-aesthetic .p-section {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-aesthetic .p-section__inner {
    padding-bottom: 137px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic .p-section__inner {
    margin-bottom: 21.33333vw;
  }
}

.p-aesthetic .p-checkBox {
  width: 100%;
  max-width: inherit;
}

@media screen and (max-width: 767px) {
  .p-aesthetic .p-checkBox {
    margin-top: 2.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__title {
    margin-top: 85px;
    margin-bottom: 43px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__title {
    margin-bottom: 6.4vw;
    margin-top: 10.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__title--mt120 {
    margin-top: 120px;
  }
}

.p-aesthetic__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__grid {
    margin-left: calc(-15/980*100%);
    margin-right: calc(-15/980*100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-aesthetic__grid {
    margin-left: calc(-24/980*100%);
    margin-right: calc(-24/980*100%);
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.26667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__column {
    width: 50%;
    padding: 0 calc(15/980*100%);
  }
}

@media screen and (min-width: 1100px) {
  .p-aesthetic__column {
    padding: 0 calc(24/980*100%);
  }
}

.p-price {
  border: 1px solid #DBDBDB;
  border-radius: 4px;
}

@media screen and (min-width: 1100px) {
  .p-price {
    padding: 32px 32px 29px;
  }
}

@media screen and (min-width: 768px) {
  .p-price {
    padding: 6%;
  }
}

@media screen and (min-width: 1100px) {
  .p-price {
    padding: 6.5%;
  }
}

@media screen and (max-width: 767px) {
  .p-price {
    padding: 5.33333vw 5.33333vw 5.06667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-price + .p-price {
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .p-price + .p-price {
    margin-top: 4.26667vw;
  }
}

.p-priceBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .p-priceBox {
    gap: 24px;
  }
}

@media screen and (max-width: 767px) {
  .p-priceBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.93333vw;
  }
}

.p-priceTitle {
  color: #936610;
  font-weight: 500;
}

@media screen and (min-width: 1100px) {
  .p-priceTitle {
    width: 200px;
  }
}

@media screen and (min-width: 768px) {
  .p-priceTitle {
    font-size: 1.125em;
    line-height: calc(25.6/18);
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .p-priceTitle {
    font-size: 4.26667vw;
    line-height: 1.6;
  }
}

.p-priceText {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-priceText {
    font-size: 0.875em;
    line-height: 1.8;
    margin-top: 8px;
  }
}

@media screen and (max-width: 767px) {
  .p-priceText {
    margin-top: 1.6vw;
  }
}

@media screen and (min-width: 768px) {
  .p-priceList {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
}

.p-priceList--w100 {
  width: 100%;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .p-priceList01 {
    width: 70%;
    max-width: 65%;
  }
}

.p-priceItem {
  border-bottom: 1px dashed #7C7E83;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .p-priceItem {
    gap: 10px;
  }
}

.p-priceItem:first-child span {
  padding-top: 0;
}

.p-priceItem span {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .p-priceItem span {
    padding: 5px 0;
  }
}

@media screen and (max-width: 767px) {
  .p-priceItem span {
    padding: 1.6vw 0 2.4vw;
  }
}

@media screen and (min-width: 768px) {
  .p-priceItem span:first-child {
    font-size: 0.875em;
    line-height: 1.8;
    /* 2022/11/24 kodera add */
    width: 65%;
  }
}

@media screen and (max-width: 767px) {
  .p-priceItem span:first-child {
    font-size: 3.73333vw;
    line-height: 6.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-priceItem span:last-child {
/* 2022/11/24 kodera chg */
    /*font-size: 1em;*/
    font-size: 0.875em;
    line-height: 1.8;
  }
  .p-priceItem span:nth-child(2) {
    font-size: 0.875em;
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-priceItem span:last-child {
/* 2022/11/24 kodera chg */
    /*font-size: 4.26667vw;*/
    font-size: 3.73333vw;
    line-height: 6.66667vw;
  }
}

.p-aesthetic__renaviaDetail {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-aesthetic__renaviaDetail {
    flex-direction: column;
    row-gap: 24px;
  }
}
.p-aesthetic__renaviaDetail img {
  width: 540px;
}
@media screen and (max-width: 767px) {
  .p-aesthetic__renaviaDetail img {
    width: 100%;
  }
}
.p-aesthetic__renaviaDetail .p-aesthetic__renaviaTextWrapper {
  width: 406px;
}
@media screen and (max-width: 767px) {
  .p-aesthetic__renaviaDetail .p-aesthetic__renaviaTextWrapper {
    width: 100%;
  }
}

.p-privacy {
  text-align: left;
}

.p-privacy p strong {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-privacy p {
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-privacy p {
    font-size: 4vw;
    line-height: 7.2vw;
  }
}

@media screen and (min-width: 768px) {
  .p-privacy p + p {
    margin-top: 27px;
  }
}

@media screen and (max-width: 767px) {
  .p-privacy p + p {
    margin-top: 6.4vw;
  }
}

.p-privacy .p-section {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-privacy .p-section__inner {
    padding-bottom: 122px;
  }
}

@media screen and (max-width: 767px) {
  .p-privacy .p-section__inner {
    margin-bottom: 21.33333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-privacy .p-title__type04 {
    margin-top: 72px;
  }
}

@media screen and (max-width: 767px) {
  .p-privacy .p-title__type04 {
    margin-top: 8vw;
    margin-bottom: 4vw;
  }
}

.p-privacy .p-title__type04 + .p-title__type06 {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .p-privacy .p-title__type06 {
    margin-bottom: 18px;
    margin-top: 59px;
  }
}

@media screen and (max-width: 767px) {
  .p-privacy .p-title__type06 {
    margin-top: 6.4vw;
  }
}

.p-privacy .p-title__type06 h3 {
  font-family: inherit;
}

@media screen and (max-width: 767px) {
  .p-privacy .p-title__type06 h3 {
    font-size: 4vw;
    line-height: 1.8;
  }
}

@media screen and (min-width: 768px) {
  .p-privacy__text--first {
    margin-top: 15px;
  }
}

@media screen and (min-width: 768px) {
  .p-infoDesk {
    margin-top: 78px;
  }
}

@media screen and (max-width: 767px) {
  .p-infoDesk {
    margin-top: 6.4vw;
  }
}

.p-infoDesk__title {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-infoDesk__title {
    margin-bottom: 18px;
  }
}

.p-title__type04--first {
  margin-top: 0 !important;
}

.p-access__info {
  text-align: left;
  line-height: 29px;
  margin-bottom: 32px;
}

@media screen and (max-width: 767px) {
  .p-access__info {
    font-size: 4vw;
    line-height: 7.2vw;
    margin-bottom: 8.53333vw;
  }
}

.p-access__station {
  text-align: left;
  line-height: 29px;
}

@media screen and (max-width: 767px) {
  .p-access__station {
    font-size: 4vw;
    line-height: 7.2vw;
  }
}

.p-access__station p + p {
  margin-top: 28px;
}

@media screen and (max-width: 767px) {
  .p-access__station p + p {
    margin-top: 4.8vw;
  }
}

.u_fwb {
  font-weight: bold;
}

.p-access__map {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .p-access__map {
    margin-bottom: 11.2vw;
  }
}

.p-access__map iframe {
  width: 100%;
  height: 520px;
  -webkit-filter: hue-rotate(340deg) grayscale(0.2);
  filter: hue-rotate(340deg) grayscale(0.2);
}

@media screen and (max-width: 767px) {
  .p-access__map iframe {
    height: 114.66667vw;
  }
}

.p-doushinen_news .p-title__type01 strong {
  text-align: left;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .p-doushinen_news__table {
    overflow-x: scroll;
    padding-bottom: 5.3333333333vw;
  }
  .p-doushinen_news__table::-webkit-scrollbar {
    height: 1.8666666667vw;
  }
  .p-doushinen_news__table::-webkit-scrollbar-track {
    background: #F2F2F2;
  }
  .p-doushinen_news__table::-webkit-scrollbar-thumb {
    background: #D6D6D6;
    border-radius: 999px;
  }
  .p-doushinen_news__table::-webkit-scrollbar-thumb:hover {
    background: #F2F2F2;
  }
}
.p-doushinen_news__table table {
  text-align: left;
  width: 100%;
}
.p-doushinen_news__table th {

}
@media screen and (max-width: 767px) {
  .p-doushinen_news__table table {
    min-width: 211.7333333333vw;
  }
}
.p-doushinen_news__table table tr {
  border: 1px solid #000;
  border-left: 0;
  border-right: 0;
}
.p-doushinen_news__table table tr:first-child {
  border-top: 2px solid #000;
}
@media screen and (min-width: 768px) {
  .p-doushinen_news__table table th ,
  .p-doushinen_news__table table td {
    line-height: 1.5;
    padding: 25px 17px 23px;
  }
  .p-doushinen_news__table table th:nth-child(2) ,
  .p-doushinen_news__table table td:nth-child(2) {
    padding-left: 46px;
  }
  .p-doushinen_news__table table th:nth-child(3) ,
  .p-doushinen_news__table table td:nth-child(3) {
    padding-left: 29px;
    padding-right: 22px;
  }
}
@media screen and (max-width: 767px) {
  .p-doushinen_news__table table td {
    line-height: 1.5;
    padding: 5.0666666667vw 4.5333333333vw 4.8vw;
  }

  .p-doushinen_news__table th {
    line-height: 1.5;
    font-size: 4.8vw;
    padding: 4.066667vw 2.533333vw 3.8vw;
  }
}

.p-doushinen_news__table table td a {
  text-decoration: underline;
  text-underline-position: under;
  transition: all 0.3s;
}

.p-doushinen_news__table table td a:hover {
  opacity: 0.6;
}

.p-doushinen_news__textWrapper {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .p-doushinen_news__textWrapper {
    margin-top: 8.5333vw;
  }
}
.p-doushinen_news__textWrapper .p-doushinen_news__text {
  text-align: left;
  color: #7C7E83;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-doushinen_news__textWrapper .p-doushinen_news__text {
    font-size: 3.4666vw;
  }
}
.p-doushinen_news__textWrapper .p-doushinen_news__text--bold {
  font-weight: bold;
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .p-doushinen_news__textWrapper .p-doushinen_news__text--bold {
    margin-bottom: 5.3333vw;
  }
}

.p-tests {
  text-align: left;
}

.p-tests p strong {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-tests p {
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-tests p {
    font-size: 4vw;
    line-height: 6.93333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-tests p + p {
    margin-top: 27px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests p + p {
    margin-top: 6.4vw;
  }
}

@media screen and (min-width: 768px) {
  .p-tests p + p.tests__pointsText02 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests p + p.tests__pointsText02 {
    margin-top: 3.73333vw;
  }
}

.p-tests .p-section {
  text-align: left;
}

.p-tests .p-title strong {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-tests .p-section__inner {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests .p-section__inner {
    margin-bottom: 21.33333vw;
  }
}

.p-tests .p-checkBox {
  width: 100%;
  max-width: inherit;
}

@media screen and (max-width: 767px) {
  .p-tests .p-checkBox {
    margin-top: 2.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-tests__pointsNote {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  .p-tests__title {
    margin-top: 3px;
    margin-bottom: 44px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__title {
    margin-bottom: 6.4vw;
  }
}

.p-tests__title strong {
  font-family: "Noto Serif JP", serif;
}

.p-tests__title01 {
  font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 768px) {
  .p-tests__title01 {
    margin-top: 60px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__title01 {
    margin-top: 8vw;
    margin-bottom: 6.4vw;
  }
}

@media screen and (min-width: 768px) {
  .p-tests__title02 {
    margin-top: 3px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__title02 {
    margin-top: 8vw;
    margin-bottom: 6.4vw;
  }
}

@media screen and (min-width: 768px) {
  .p-tests__title02 {
    margin-top: 3px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__title02 {
    margin-top: 8vw;
    margin-bottom: 6.4vw;
  }
}


.p-tests__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .p-tests__grid {
    gap: 48px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__grid {
    gap: 8vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  .p-tests__grid--gap40 {
    gap: 40px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__grid--gap40 {
    gap: 5.33333vw;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__grid01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8vw;
  }
}

@media screen and (min-width: 768px) {
  .p-tests__column:first-child {
    width: 65.5%;
  }
}

@media screen and (min-width: 768px) {
  .p-tests__column:last-child {
    width: 42%;
  }
}

.p-tests__box {
  background: #FDFBF5;
  border: 1px dashed #707070;
}

@media screen and (min-width: 768px) {
  .p-tests__box {
    padding: 24px 24px 18px;
    margin-top: 33px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__box {
    margin-top: 8.53333vw;
    padding: 4.26667vw;
    border-width: 0.26667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-tests__boxTitle {
    font-size: 1.25em;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__boxTitle {
    font-size: 4.8vw;
    line-height: 7.68vw;
    margin-bottom: 4vw;
  }
}

.p-tests__note {
  color: #FF3B00;
}

@media screen and (min-width: 768px) {
  .p-tests__note {
    margin-top: 14px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__note {
    margin-top: 3.73333vw;
  }
}

em {
  font-style: normal;
  color: #FF3B00;
}

@media screen and (max-width: 767px) {
  .p-tests__table {
    overflow-x: scroll;
    padding-bottom: 5.33333vw;
  }
  .p-tests__table::-webkit-scrollbar {
    height: 1.86667vw;
  }
  .p-tests__table::-webkit-scrollbar-track {
    background: #F2F2F2;
  }
  .p-tests__table::-webkit-scrollbar-thumb {
    background: #D6D6D6;
    border-radius: 999px;
  }
  .p-tests__table::-webkit-scrollbar-thumb:hover {
    background: #F2F2F2;
  }
}

.p-tests__table table {
  border-collapse: collapse;
}

@media screen and (max-width: 767px) {
  .p-tests__table table {
    min-width: 116.8vw;
  }
}

.p-tests__table table tr {
  border: 1px solid #000;
  border-left: 0;
  border-right: 0;
}

.p-tests__table table tr:first-child {
  border-top: 2px solid #000;
}

@media screen and (min-width: 768px) {
  .p-tests__table table td {
    line-height: 1.5;
    padding: 25px 17px 23px;
  }
  .p-tests__table table td:nth-child(2) {
    padding-left: 46px;
  }
  .p-tests__table table td:nth-child(3) {
    padding-left: 29px;
    padding-right: 22px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__table table td {
    line-height: 1.5;
    padding: 5.06667vw 4.53333vw 4.8vw;
  }
}

.p-tests__tableNote {
  color: #7C7E83;
}

@media screen and (min-width: 768px) {
  .p-tests__tableNote {
    font-size: 0.875em;
    line-height: 1.6;
    margin-left: 14px;
    text-indent: -14px;
    margin-top: 16px;
    margin-bottom: 76px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__tableNote {
    margin-top: 5.33333vw;
    font-size: 3.73333vw;
    line-height: 1.6;
    margin-bottom: 10.13333vw;
    text-indent: -3.73333vw;
    margin-left: 3.73333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-tests__gridText {
    width: calc(710/980*100%);
  }
}

@media screen and (min-width: 768px) {
  .p-tests__gridImg {
    width: calc(230/980*100%);
    margin-top: -17px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__gridImg {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__gridImg img {
    max-width: 61.33333vw;
  }
}

.p-tests__points {
  background: #FCFBF9;
  border: 1px dashed #3A3E45;
  border-left: 0;
  border-right: 0;
}

@media screen and (min-width: 768px) {
  .p-tests__points {
    padding: 40px 40px 56px;
    margin-top: 76px;
    margin-bottom: 67px;
  }
}

@media screen and (max-width: 767px) {
  .p-tests__points {
    padding: 10.66667vw;
    margin-top: 10.4vw;
    padding: 9.86667vw 6.4vw 5.33333vw;
  }
}

.tests__pointsTitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .tests__pointsTitle {
    margin-top: 36px;
  }
}

@media screen and (max-width: 767px) {
  .tests__pointsTitle {
    margin-left: 1.33333vw;
    margin-right: 1.33333vw;
  }
}

.tests__pointsTitle span {
  font-weight: bold;
  background: url(../../asset/img/tests/tests_icon_note.svg) no-repeat;
  background-position: left center;
  background-size: 27px 27px;
}

@media screen and (min-width: 768px) {
  .tests__pointsTitle span {
    font-size: 1.25em;
    line-height: 1.4;
    margin-top: 30px;
    padding-left: 40px;
  }
}

@media screen and (max-width: 767px) {
  .tests__pointsTitle span {
    background-size: 5.33333vw;
    background-position: top 1.33333vw left;
    padding-left: 8vw;
    text-align: left;
    font-size: 4.8vw;
    line-height: 6.93333vw;
    display: inline-block;
  }
}

.tests__pointsText01 {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .tests__pointsText01 {
    font-size: 1.125em;
    line-height: 1.6;
    margin-top: 57px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .tests__pointsText01 {
    margin-top: 7.46667vw;
  }
}

/*@function vw( $variable ,$basesize:$md ) {
  $value: $variable / $basesize * 100vw;
  @return unquote($value);
}
@function px( $variable ,$basesize:$md ) {
  $value: $variable * 1px;
  $value: $basesize;
  @return unquote($value);
}
@function em( $variable ,$basesize:$fs ) {
  $value: $variable / $basesize * 1em;
  @return unquote($value);
}*/
/* レイアウト
================================================ */
/*
------------------------------------------------ */
/*.p-header__navi_logo {
  width: px(220);
  height: px(35);
}*/
@media screen and (min-width: 768px) and (max-width: 1440px) {
  /*.p-header__navi_logo {
    width: calc( 220 / 1440 * 100% );
    height: px(35);
  }
  .p-header__navi_menu--item > p strong,
  .p-header__navi_menu--item > dl > dt > p strong,
  .p-header__navi_menu--item > dl > dd > ul > li strong {
    font-size: calc( 14 / 1440 * 100vw );
    display: flex;
  }*/
}

/*
------------------------------------------------ */
/*
------------------------------------------------ */
/* モジュール
================================================ */
/*
------------------------------------------------ */
.p-section.is_border {
  border-top: 1px solid #707070;
}

.p-section__inner {
  margin: 0 auto;
  padding-left: 90px;
  padding-right: 90px;
  width: 100%;
  max-width: 1160px;
}

@media screen and (max-width: 1160px) {
  .p-section__inner {
    padding-left: calc( 90 / 1160 * 100vw);
    padding-right: calc( 90 / 1160 * 100vw);
    width: calc( 100%);
    max-width: calc( 100%);
  }
}

.p-section__inner.is_wide {
  margin: 0 auto;
  padding-left: 140px;
  padding-right: 140px;
  width: 100%;
  max-width: 1440px;
}

@media screen and (max-width: 1440px) {
  .p-section__inner.is_wide {
    padding-left: calc( 220 / 1440 * 100vw);
    padding-right: calc( 220 / 1440 * 100vw);
    width: calc( 100%);
    max-width: calc( 100%);
  }
}

@media screen and (max-width: 1440px) {
  /*.p-main {
    overflow-x: hidden;
  }
  .p-section__inner {
    padding: px(40) px(20);
  }*/
}

@media screen and (max-width: 768px) {
  .p-section__inner,
  .p-section__inner.is_wide {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
    margin-bottom: 5.3333vw;
    width: 100%;
    max-width: 100%;
    gap: 2.1333333333vw;
  }
}

/*
------------------------------------------------ */
.p-ic {
  display: inline-block;
  width: 44px;
  height: 44px;
}

.p-ic__arrow_right_blk {
  background: url(../../asset/img/common/ic_arrow01_right01_blk01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
}

.p-ic__arrow_right_wht {
  background: url(../../asset/img/common/ic_arrow01_right01_wht01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
}

.p-ic__arrowcircle_right_blk {
  background: url(../../asset/img/common/ic_arrowcircle01_right01_blk01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
}

/*皮膚科・形成外科*/
.p-ic__dermatology_blk {
  background: url(../../asset/img/common/ic_department01_dermatology01_blk01_img02.svg) no-repeat 50% 50%;
  background-size: contain;
}

/*精神科*/
.p-ic__psychiatry_blk {
  background: url(../../asset/img/common/ic_department01_psychiatry01_blk01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
}

/*ニキビ・毛穴*/
.p-ic__beauty01_blk {
  background: url(../../asset/img/common/ic_department01_beauty01_blk01_img01.svg) no-repeat 50% 50%;
  background-size: contain;
}

/*シミ・そばかす・肝斑*/
.p-ic__beauty02_blk {
  background: url(../../asset/img/common/ic_department01_beauty01_blk01_img02.svg) no-repeat 50% 50%;
  background-size: contain;
}

/*しわ・たるみ*/
.p-ic__beauty03_blk {
  background: url(../../asset/img/common/ic_department01_beauty01_blk01_img03.svg) no-repeat 50% 50%;
  background-size: contain;
  transform: translate(8%, 0);
}

/*ほくろ・いぼ・スキンタッグ*/
.p-ic__beauty04_blk {
  background: url(../../asset/img/common/ic_department01_beauty01_blk01_img04.svg) no-repeat 50% 50%;
  background-size: contain;
}

/*脱毛*/
.p-ic__beauty05_blk {
  background: url(../../asset/img/common/ic_department01_beauty01_blk01_img05.svg) no-repeat 50% 50%;
  background-size: contain;
}

/*美容施術セット*/
.p-ic__beauty06_blk {
  background: url(../../asset/img/common/ic_department01_beauty01_blk01_img06.svg) no-repeat 50% 50%;
  background-size: contain;
}

/*幹細胞治療*/
.p-ic__stem_cell_therapy_blk {
  background: url(../../asset/img/common/header_navi_icon04.svg) no-repeat 50% 50%;
  background-size: contain;
}

/*上清液治療*/
.p-ic__supernatant_liquid_blk {
  background: url(../../asset/img/common/header_navi_icon05.svg) no-repeat 50% 50%;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .p-ic {
    display: inline-block;
    width: 10.66vw;
    height: 10.66vw;
  }
}

/*
------------------------------------------------ */
.p-textlink ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-textlink ul li > a,
.p-textlink ul li > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  position: relative;
}

.p-textlink ul li > a.icon-left {
  flex-direction: row-reverse;
}

.p-textlink ul li strong {
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-textlink ul li a:hover strong {
  -webkit-transform: translateX(27px);
  -ms-transform: translateX(27px);
  transform: translateX(27px);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-textlink ul li .p-ic {
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-textlink ul li a:hover .p-ic {
  -webkit-transform: translateX(27px);
  -ms-transform: translateX(27px);
  transform: translateX(27px);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-textlink ul li a::after {
  display: block;
  content: '';
  width: 44px;
  height: 44px;
  border: 1px solid black;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2px;
  margin: auto;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-textlink ul li > a.icon-left::after {
  left: 0;
  right: inherit;
}

.p-textlink ul li a:hover::after {
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .p-textlink ul li > a,
  .p-textlink ul li > span {
    gap: 2.66667vw;
  }
  .p-textlink ul li a span {
    display: none;
  }
  .p-textlink ul li a:hover strong {
    -webkit-transform: translateX(7.2vw);
    -ms-transform: translateX(7.2vw);
    transform: translateX(7.2vw);
  }
  .p-textlink ul li a:hover .p-ic {
    -webkit-transform: translateX(7.2vw);
    -ms-transform: translateX(7.2vw);
    transform: translateX(7.2vw);
  }
  .p-textlink ul li a::after,
  .p-textlink ul li span::after {
    width: 10.66vw;
    height: 10.66vw;
  }
  .p-top-news .p-textlink ul li a::after,
  .p-top-news .p-textlink ul li span::after ,
  .p-top-news .p-textlink ul li .p-ic {
    width: 6.4vw;
    height: 6.4vw;
  }
}

/*
------------------------------------------------ */
.p-taglist__type01 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
}

.p-taglist__type01 ul li {
  padding: 0.1em 0.2em;
  border-radius: 3px;
}

.p-taglist__type01.p-taglist__wht ul li {
  background: #FFFFFF;
  color: #707070;
}

.p-taglist__type01.p-taglist__gry ul li {
  background: #707070;
  color: #FFFFFF;
}

.p-taglist__type01.p-taglist__border ul li {
  padding: 0.2em 0.5em;
  font-size: 90%;
}

.p-taglist__type01.p-taglist__border.p-taglist__wht ul li {
  border: 1px solid #707070;
}

.p-taglist__type01.p-taglist__border.p-taglist__gry ul li {
  border: 1px solid #FFFFFF;
}

.p-taglist__type01 ul li a,
.p-taglist__type01 ul li span {
  padding: 0.1em 0.35em 0.2em 0.35em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-taglist__type01 ul li strong {
  font-size: .75em;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .p-taglist__type01 ul {
    gap: 1.06667vw;
  }
  .p-taglist__type01 ul li {
    padding: 0.1em 0.2em;
    border-radius: 0.8vw;
  }
  .p-taglist__type01.p-taglist__border ul li {
    padding: 0.2em 0.5em;
    font-size: 90%;
  }
  .p-taglist__type01 ul li a,
  .p-taglist__type01 ul li span {
    padding: 0.1em 0.4em 0.2em 0.4em;
  }
  .p-taglist__type01 ul li strong {
    font-size: 0.625em;
  }
}

/*
------------------------------------------------ */
.p-departmentlist__box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 45px;
}

.p-departmentlist__box > ul > li {
  width: 100%;
  max-width: 256px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

.p-departmentlist__box > ul > li {
  box-shadow: 8px 8px 20px rgb(33, 59, 144 , 0.15);
}

.p-departmentlist__box_item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background: #FFFFFF;
}

.p-departmentlist__box_item > a,
.p-departmentlist__box_item > span {
  padding: 15px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-departmentlist__box_item--img {
  margin: -15px -15px 14px -15px;
  overflow: hidden;
  position: relative;
}

.p-departmentlist__box_item--img::after {
  display: block;
  content: '';
  width: 200%;
  height: 100px;
  background: #FFFFFF;
  position: absolute;
  top: 97%;
  left: -20%;
  -webkit-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  transform: rotate(6deg);
}

.p-departmentlist__box_item--img p picture {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-departmentlist__box_item--img p source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-departmentlist__box_item--img p img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-departmentlist__box_item--ico {
  margin-top: -72px;
  margin-bottom: 20px;
  position: relative;
  z-index: 15;
}

.p-departmentlist__box_item--ico p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 72px;
  height: 72px;
  border-radius: 72px;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  background: #FFFFFF;
}

.p-departmentlist__box_item--ico p .p-ic {
  width: 40px;
  height: 40px;
}

.p-departmentlist__box_item--ico p .p-ic50w {
  width: 50px;
  height: 50px;
}

.p-departmentlist__box_item--tit {
  margin-bottom: 13px;
}

.p-departmentlist__box_item--tit p {
  font-size: 1.25em;
  color: #936610;
  line-height: 1.6;
  text-align: left;
}

.p-departmentlist__box_item--tit p strong {
  font-weight: 500;
  letter-spacing: .1em;
}

.p-departmentlist__box_item--txt {
  margin-bottom: 10px;
}

.p-departmentlist__box_item--txt p {
  font-size: 0.875em;
  line-height: 1.6;
  text-align: left;
}

.p-departmentlist__box_item--lst {
  margin-bottom: 18px;
}

.p-departmentlist__box_item--lst p {
  font-size: 0.8125em;
  line-height: 1.6;
  text-align: left;
  margin-bottom: .5em;
  font-weight: 500;
}

.p-departmentlist__box_item--lst ul li {
  margin-left: 1.5em;
  list-style: outside disc;
  font-size: 0.8125em;
  line-height: 1.6;
  text-align: left;
}

.p-departmentlist__box_item--lnk {
  margin: auto -15px -15px -15px;
}

.p-departmentlist__box_item--lnk ul li a,
.p-departmentlist__box_item--lnk ul li span {
  padding: 0.5em 0.8em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #FFFFFF;
  background: rgba(58, 62, 69, 0.37);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-departmentlist__box_item--lnk ul li .p-ic {
  width: 1.25em;
  height: 1.25em;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-departmentlist__box_item--lnk ul li strong {
  font-family: 'Cormorant Infant', serif;
  font-size: 0.875em;
  line-height: 1.4;
  vertical-align: baseline;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-departmentlist__box_item > a:hover .p-departmentlist__box_item--lnk ul li a,
.p-departmentlist__box_item > a:hover .p-departmentlist__box_item--lnk ul li span {
  background: #3a3e45;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-departmentlist__box_item > a:hover .p-departmentlist__box_item--lnk ul li .p-ic,
.p-departmentlist__box_item > a:hover .p-departmentlist__box_item--lnk ul li strong {
  -webkit-transform: translateX(2.8125em);
  -ms-transform: translateX(2.8125em);
  transform: translateX(2.8125em);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-departmentlist__box_item > a:hover .p-departmentlist__box_item--lnk ul li strong {
  opacity: 0;

}
.p-top-medicalinsurance__box {
  position: relative;
  z-index: 15;
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
  .p-departmentlist__box > ul {
    gap: 5.33333vw;
  }
  .p-departmentlist__box > ul {
    gap: 2.34375vw;
  }
  .p-departmentlist__box > ul > li {
    width: calc( ( 100% - 10.66667vw ) / 3);
    max-width: 256px;
  }
  .p-top-medicalinsurance__box .p-departmentlist__box > ul {
    gap: 3vw;
  }
  .p-top-medicalinsurance__box .p-departmentlist__box > ul > li {
    width: calc( ( 100% - 3vw * 3 ) / 4);
  }

  .p-top-medicalinsurance__box .p-departmentlist__box > ul > li {
    width: 100%;
  }

  /*.p-top-medicalinsurance .p-section__inner.is_wide {
    padding-left: 140px;
    padding-right: 140px;
  }
  */
}

@media screen and (max-width: 768px) {
  .p-departmentlist__box > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4vw;
  }
  .p-departmentlist__box > ul > li {
    width: 100%;
    max-width: 100%;
    -webkit-box-shadow: 0vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.2);
    box-shadow: 0vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.2);
  }
  .p-departmentlist__box_item > a,
  .p-departmentlist__box_item > span {
    padding: 0vw;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 5.33333vw;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
  }
  .p-departmentlist__box_item--img {
    margin: 0;
    width: 24vw;
    height: 24vw;
    overflow: visible;
  }
  .p-departmentlist__box_item--img::after {
    display: none;
  }
  .p-departmentlist__box_item--img p {
    width: 24vw;
    height: 24vw;
  }
  .p-departmentlist__box_item--img p picture {
    width: 24vw;
    height: 24vw;
    display: block;
  }
  .p-departmentlist__box_item--ico {
    margin-top: auto;
    margin-bottom: auto;
  }
  .p-departmentlist__box_item--ico p {
    width: 10.66667vw;
    height: 10.66667vw;
    border-radius: 10.66667vw;
    -webkit-box-shadow: 0vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.2);
    box-shadow: 0vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10.66667vw;
    margin: auto;
  }
  .p-departmentlist__box_item--ico p .p-ic {
    width: 22px;
    height: 22px;
  }
  .p-departmentlist__box_item--ico p .p-ic50w {
    width: 25px;
    height: 25px;
  }
  .p-departmentlist__box_item--tit {
    margin-bottom: 0vw;
    width: calc( 80% - 24vw - 5.33333vw);
  }
  .p-departmentlist__box_item--tit p {
    font-size: 1em;
  }
  .p-departmentlist__box_item--txt {
    display: none;
  }
  .p-departmentlist__box_item--lst {
    display: none;
  }
  .p-departmentlist__box_item--lnk {
    margin: auto;
    width: 11.73333vw;
    height: 11.73333vw;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2.66667vw;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .p-departmentlist__box_item--lnk ul li a,
  .p-departmentlist__box_item--lnk ul li span {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #FFFFFF;
    background: none;
  }
  .p-departmentlist__box_item--lnk ul li .p-ic {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-filter: invert(1);
    filter: invert(1);
    -webkit-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
  }
  .p-departmentlist__box_item--lnk ul li strong {
    display: none;
  }
  .p-departmentlist__box_item > a:hover .p-departmentlist__box_item--lnk ul li a,
  .p-departmentlist__box_item > a:hover .p-departmentlist__box_item--lnk ul li span {
    background: none;
  }
  .p-departmentlist__box_item > a:hover .p-departmentlist__box_item--lnk ul li .p-ic,
  .p-departmentlist__box_item > a:hover .p-departmentlist__box_item--lnk ul li strong {
    -webkit-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
  }
  .p-departmentlist__box_item > a:hover .p-departmentlist__box_item--lnk ul li strong {
    opacity: 1;
  }
}

/*
------------------------------------------------ */
.p-caselist__box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

.p-caselist__box > ul > li {
  width: 100%;
  max-width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-shadow: 0 0 20px rgba(33, 59, 144, 0.2);
  box-shadow: 0 0 20px rgba(33, 59, 144, 0.2);
}

.p-caselist__box .swiper-slide {
  width: 300px;
  -webkit-box-shadow: 0 0 20px rgba(33, 59, 144, 0.2);
  box-shadow: 0 0 20px rgba(33, 59, 144, 0.2);
}

.p-caselist__box .swiper-scrollbar {
  bottom: -60px;
  left: 0;
}

.p-caselist__box .swiper-container-horizontal > .swiper-scrollbar {
  width: calc( 100% - 100px);
  height: 1px;
  background: rgba(0, 0, 0, 0.5);
}

.p-caselist__box .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
  display: none;
}

.p-caselist__box .swiper-button-prev,
.p-caselist__box .swiper-button-next {
  font-weight: normal;
  color: #000;
  position: absolute;
  top: unset;
  left: unset;
  bottom: -80px;
  right: 0px;
}

.p-caselist__box .swiper-button-prev {
  right: 40px;
}

.p-caselist__box .swiper-button-next {
  right: 0px;
}

.p-caselist__box .swiper-button-prev::after,
.p-caselist__box .swiper-button-next::after {
  font-size: 1.25em;
}

.p-caselist__box .swiper-wrapper,
.p-caselist__box .swiper-slide {
  height: auto;
}

.p-caselist__box_item {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background: #FFFFFF;
}

@media screen and (min-width: 1100px) {
  .p-caselist__box .swiper-slide {
    width: 275px !important;
  }
}

.p-caselist__box_item > a,
.p-caselist__box_item > span {
  padding: 15px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-caselist__box_item--img {
  margin: -15px -15px 20px -15px;
}

.p-caselist__box_item--img p {
  width: 100%;
  height: 143px;
}

.p-caselist__box_item--img p picture {
  width: 100%;
  height: 143px;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-caselist__box_item--img p source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-caselist__box_item--img p img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-caselist__box_item--tit {
  margin-bottom: 10px;
  width: 100%;
}

.p-caselist__box_item--tit p {
  width: 100%;
}

.p-caselist__box_item--tit p em {
  display: block;
  font-family: 'Cormorant Infant', serif;
  font-weight: bold;
  line-height: 1.6;
  text-align: left;
  color: #000;
}

.p-caselist__box_item--tit p em span {
  font-size: 0.875em;
}

.p-caselist__box_item--tit p em::before {
  display: inline-block;
  content: '－';
  margin-right: 0.2em;
}

.p-caselist__box_item--tit p strong {
  display: block;
  font-size: 1em;
  font-weight: 500;
  color: #936610;
  line-height: 1.6;
  text-align: left;
  margin-top: .25em;
}

.p-caselist__box_item--txt {
  margin-bottom: 10px;
  width: 100%;
}

.p-caselist__box_item--txt p {
  width: 100%;
  font-size: 0.875em;
  line-height: 1.6;
  text-align: left;
}

.p-caselist__box_item--tag {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px dotted #707070;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.p-caselist__box_item--tag p {
  margin-bottom: 10px;
  width: 100%;
  font-size: 0.8125em;
  line-height: 1.6;
  text-align: left;
}

.p-caselist__box_item--tag p strong {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .p-caselist__box > ul {
    gap: 5.33333vw;
  }
  .p-caselist__box > ul > li {
    width: 100%;
    max-width: 80vw;
    -webkit-box-shadow: 0 0 5.33333vw rgba(33, 59, 144, 0.2);
    box-shadow: 0 0 5.33333vw rgba(33, 59, 144, 0.2);
  }
  .p-caselist__box .swiper-slide {
    width: 80vw;
    -webkit-box-shadow: 0 0 5.33333vw rgba(33, 59, 144, 0.2);
    box-shadow: 0 0 5.33333vw rgba(33, 59, 144, 0.2);
  }
  .p-caselist__box .swiper-scrollbar {
    bottom: -16vw;
    left: 0;
  }
  .p-caselist__box .swiper-container-horizontal > .swiper-scrollbar {
    width: calc( 100% - vw(100));
  }
  .p-caselist__box .swiper-button-prev,
  .p-caselist__box .swiper-button-next {
    bottom: -21.86667vw;
    right: 0vw;
  }
  .p-caselist__box .swiper-button-prev {
    right: 8vw;
  }
  .p-caselist__box .swiper-button-next {
    right: 0vw;
  }
  .p-caselist__box .swiper-button-prev::after,
  .p-caselist__box .swiper-button-next::after {
    font-size: 1.25em;
  }
  .p-caselist__box_item > a,
  .p-caselist__box_item > span {
    padding: 4vw;
  }
  .p-caselist__box_item--img {
    margin: -4vw -4vw 5.33333vw -4vw;
  }
  .p-caselist__box_item--img p {
    width: 100%;
    height: 38.13333vw;
  }
  .p-caselist__box_item--img p picture {
    width: 100%;
    height: 38.13333vw;
    display: block;
  }
  .p-caselist__box_item--tit {
    margin-bottom: 2.66667vw;
  }
  .p-caselist__box_item--tit p em {
    font-size: 0.875em;
  }
  .p-caselist__box_item--tit p strong {
    font-size: 1em;
  }
  .p-caselist__box_item--txt {
    margin-bottom: 2.66667vw;
  }
  .p-caselist__box_item--txt p {
    font-size: 0.875em;
  }
  .p-caselist__box_item--tag {
    margin-top: 0;
    padding-top: 2.66667vw;
  }
  .p-caselist__box_item--tag p {
    margin-bottom: 2.66667vw;
    font-size: 0.8125em;
  }
  .p-caselist__box_item--tag p strong {
    font-weight: bold;
  }
}

/*
------------------------------------------------ */
.p-latestnewslist__box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

.p-latestnewslist__box > ul > li {
  width: 100%;
}

.p-latestnewslist__box_item a,
.p-latestnewslist__box_item span {
  padding-right: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.p-latestnewslist__box_item dl dt {
  width: 5em;
  margin: 0;
  padding: 0;
  float: left;
  clear: left;
  line-height: 1.6;
  text-align: left;
  color: #7C7E83;
}

.p-latestnewslist__box_item dl dd {
  margin: 0 0 0 7.5em;
  padding: 0;
  line-height: 1.6;
  text-align: left;
}

.p-latestnewslist__box_item .p-ic {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-latestnewslist__box_item a:hover .p-ic {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .p-latestnewslist__box > ul {
    gap: 0vw;
  }
  .p-latestnewslist__box > ul > li {
    border-bottom: 1px solid #707070;
  }
  .p-latestnewslist__box_item a,
  .p-latestnewslist__box_item span {
    padding: 3.2vw 0;
    padding-right: 10.66667vw;
  }
  .p-latestnewslist__box_item dl dt {
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    clear: none;
    font-size: 0.8125em;
    color: #7C7E83;
  }
  .p-latestnewslist__box_item dl dt {
    font-size: 3.46666vw;
  }
  .p-latestnewslist__box_item dl dd {
    margin: 0;
    padding: 0;
    font-size: 0.8125em;
  }
  .p-latestnewslist__box_item dl dd {
    font-size: 3.4666vw;
  }
  .p-latestnewslist__box_item .p-ic {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .p-latestnewslist__box_item a:hover .p-ic {
    -webkit-transform: translateX(5.33333vw);
    -ms-transform: translateX(5.33333vw);
    transform: translateX(5.33333vw);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
}

/*
------------------------------------------------ */
.p-newslist__box > ul {
  border-top: 1px solid #1F374D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-newslist__box > ul > li {
  border-bottom: 1px solid #1F374D;
  width: 100%;
}

.p-newslist__box_item a,
.p-newslist__box_item span {
  padding: 30px 60px 30px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.p-newslist__box_item dl dt {
  width: 7em;
  margin: 0;
  padding: 0;
  float: left;
  clear: left;
  line-height: 1.6;
  text-align: left;
  font-weight: bold;
}

.p-newslist__box_item dl dd {
  margin: 0 0 0 8em;
  padding: 0;
  line-height: 1.6;
  text-align: left;
}

.p-newslist__box_item .p-ic {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-newslist__box_item a:hover .p-ic {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

@media screen and (max-width: 768px) {
  .p-newslist__box > ul {
    border-top: none;
  }
  .p-newslist__box_item a,
  .p-newslist__box_item span {
    padding: 5.33333vw 0vw;
  }
  .p-newslist__box_item dl dt {
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
    clear: none;
    font-size: 0.875em;
  }
  .p-newslist__box_item dl dd {
    margin: 0;
    padding: 0;
    font-size: 0.875em;
  }
  .p-newslist__box_item .p-ic {
    position: absolute;
    top: 2.66667vw;
    bottom: unset;
    right: 0;
    margin: auto;
  }
  .p-newslist__box_item a:hover .p-ic {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

/*
------------------------------------------------ */
.p-newsdetail__box_head {
  text-align: left;
}

.p-newsdetail__box_head .p-title h1, .p-newsdetail__box_head .p-title h2, .p-newsdetail__box_head .p-title h3, .p-newsdetail__box_head .p-title h4, .p-newsdetail__box_head .p-title h5, .p-newsdetail__box_head .p-title h6, .p-newsdetail__box_head .p-title p {
  line-height: 1.6;
}

.p-newsdetail__box_head .p-title strong {
  font-weight: bold;
}

.p-newsdetail__box_date {
  margin-bottom: 30px;
  text-align: left;
}

.p-newsdetail__box_date p small {
  font-size: 1em;
}

.p-newsdetail__box_body {
  margin-bottom: 120px;
  text-align: left;
}

.p-newsdetail__box_body p {
  line-height: 1.6;
}

.p-newsdetail__box_body p + p {
  margin-top: 1em;
}

.p-newsdetail__box_body a,
.p-newsdetail__box_body span {
  display: inline-block;
}

.p-newsdetail__box_body a {
  border-bottom: 1px solid #707070;
}

.p-newsdetail__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-newsdetail__nav_box p a,
.p-newsdetail__nav_box p span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
}

@media screen and (max-width: 768px) {
  .p-newsdetail__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.33333vw;
  }
  .p-newsdetail__box_head {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .p-newsdetail__box_head .p-title {
    margin-bottom: 0vw !important;
  }
  .p-newsdetail__box_date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0vw;
  }
  .p-newsdetail__box_date p small {
    font-size: 1em;
  }
  .p-newsdetail__box_body {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 16vw;
  }
  .p-newsdetail__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/* 順番入れ替え
------------------------------------------------ */
/*@media screen and (max-width: 1100px) {
}

@media screen and (max-width: 980px) {
}

@media screen and (max-width: 768px) {
  .p-top-orderchange-sp {
    display: flex;
    flex-direction: column-reverse;
  }
  .p-top-orderchange-sp > * {
    width: 100%;
  }
}*/
/*
------------------------------------------------ */
.p-topicslist__box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

.p-topicslist__box > ul > li {
  width: 100%;
  max-width: 256px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-shadow: 0 0 20px rgba(33, 59, 144, 0.2);
  box-shadow: 0 0 20px rgba(33, 59, 144, 0.2);
}

.p-topicslist__box .swiper-slide {
  width: 256px;
  -webkit-box-shadow: 0 0 20px rgba(33, 59, 144, 0.2);
  box-shadow: 0 0 20px rgba(33, 59, 144, 0.2);
}

@media screen and (min-width: 769px) {
  .p-topicslist__box .swiper-slide {
    width: 256px !important;
  }
}

.p-topicslist__box .swiper-scrollbar {
  bottom: -60px;
  left: 0;
  /*transform: scale(  calc( 100% - 50px ) , 1 );
  transform-origin: 0 0,*/
}

@media screen and (max-width:768px) {
  .p-topicslist__box .swiper-scrollbar {
    bottom: -50px;
  }
}

.p-topicslist__box .swiper-container-horizontal > .swiper-scrollbar {
  width: calc( 100% - 100px);
  height: 1px;
  background: rgba(0, 0, 0, 0.5);
}

.p-topicslist__box .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
  display: none;
}

.p-topicslist__box .swiper-button-prev,
.p-topicslist__box .swiper-button-next {
  font-weight: normal;
  color: #000;
  position: absolute;
  top: unset;
  left: unset;
  bottom: -80px;
  right: 0px;
}

@media screen and (max-width: 768px) {
  .p-topicslist__box .swiper-button-prev,
  .p-topicslist__box .swiper-button-next {
    bottom: -70px;
  }
}

.p-topicslist__box .swiper-button-prev {
  right: 30px;
}

.p-topicslist__box .swiper-button-next {
  right: 0px;
}

.p-topicslist__box .swiper-button-prev::after,
.p-topicslist__box .swiper-button-next::after {
  font-size: 1.25em;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.1;
}

.p-topicslist__box .swiper-wrapper,
.p-topicslist__box .swiper-slide {
  height: auto;
}

.p-topicslist__box_item {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}

.p-topicslist__box_item a,
.p-topicslist__box_item span {
  padding: 14px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-topicslist__box_item--img {
  margin: -15px -15px 20px -15px;
}

.p-topicslist__box_item--img p {
  width: 100%;
  /* height: 184px; */
}

.p-topicslist__box_item--img p picture {
  width: 100%;
  /* height: 184px; */
  -o-object-fit: cover;
  object-fit: cover;
}

.p-topicslist__box_item--img p source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-topicslist__box_item--img p img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-topicslist__box_item--tit {
  margin-bottom: 10px;
  width: 100%;
  /*display: flex;
  flex: 1;
  height: 100%;
  min-height: 0%;*/
}

.p-topicslist__box_item--tit p {
  width: 100%;
}

.p-topicslist__box_item--tit p em {
  margin-bottom: 0.5em;
  display: block;
  font-size: 0.75em;
  color: #7C7E83;
  line-height: 1.6;
  text-align: left;
}

.p-topicslist__box_item--tit p strong {
  display: block;
  font-size: 0.75em;
  line-height: 1.6;
  text-align: left;
}

/*
------------------------------------------------ */
.p-inspectioncard__box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

.p-inspectioncard__box > ul > li {
  width: 100%;
  max-width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.p-inspectioncard__box_item {
  position: relative;
}

.p-inspectioncard__box_item > a,
.p-inspectioncard__box_item > span {
  padding: 20px 20px 40px 20px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  z-index: 15;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 20px rgba(33, 59, 144, 0.2);
  box-shadow: 0 0 20px rgba(33, 59, 144, 0.2);
  border-radius: 10px;
  overflow: hidden;
}

.p-inspectioncard__box_item > a::after,
.p-inspectioncard__box_item > span::after {
  display: inline-block;
  content: '';
  width: 80px;
  height: 80px;
  background: #3A3E45;
  position: absolute;
  bottom: -40px;
  right: -40px;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-inspectioncard__box_item > a:hover {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-inspectioncard__box_item > a:hover::after {
  background: #83c4a7;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-inspectioncard__box_item--ico {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.p-inspectioncard__box_item--ico p {
  margin: 0 auto;
  width: 65px;
  height: 65px;
}

.p-inspectioncard__box_item--tit {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D3D3D3;
}

.p-inspectioncard__box_item--tit p {
  font-size: 1em;
  line-height: 1.6;
  font-weight: bold;
}

.p-inspectioncard__box_item--txt p {
  font-size: 0.875em;
  line-height: 1.6;
  text-align: left;
}

.p-inspectioncard__box_item--lnk {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

@media screen and (max-width: 768px) {
  .p-inspectioncard__box > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.33333vw;
  }
  .p-inspectioncard__box > ul > li {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-inspectioncard__box_item > a,
  .p-inspectioncard__box_item > span {
    padding: 5.33333vw;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 0 5.33333vw rgba(33, 59, 144, 0.2);
    box-shadow: 0 0 5.33333vw rgba(33, 59, 144, 0.2);
    border-radius: 2.66667vw;
    overflow: hidden;
  }
  .p-inspectioncard__box_item > a::after,
  .p-inspectioncard__box_item > span::after {
    width: 21.33333vw;
    height: 21.33333vw;
    bottom: -10.66667vw;
    right: -10.66667vw;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .p-inspectioncard__box_item > a:hover {
    -webkit-transform: translateX(2.66667vw);
    -ms-transform: translateX(2.66667vw);
    transform: translateX(2.66667vw);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .p-inspectioncard__box_item > a:hover::after {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .p-inspectioncard__box_item--ico {
    margin-bottom: 0vw;
    padding-bottom: 0vw;
    position: absolute;
    top: 5.33333vw;
    right: 5.33333vw;
  }
  .p-inspectioncard__box_item--ico p {
    width: 17.33333vw;
    height: 17.33333vw;
  }
  .p-inspectioncard__box_item--tit {
    margin-bottom: 2.66667vw;
    padding-bottom: 2.66667vw;
    width: 56.53333vw;
  }
  .p-inspectioncard__box_item--tit p {
    font-size: 1em;
    text-align: left;
  }
  .p-inspectioncard__box_item--txt {
    width: 56.53333vw;
  }
  .p-inspectioncard__box_item--txt p {
    font-size: 0.875em;
  }
  .p-inspectioncard__box_item--lnk {
    width: 4.8vw;
    height: 4.8vw;
    position: absolute;
    bottom: 5.33333vw;
    right: 5.33333vw;
  }
}

/*
------------------------------------------------ */
.p-inspectionlist__tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.p-inspectionlist__tit .p-title {
  width: auto;
}

.p-inspectionlist__tit .p-textlink {
  margin-left: auto;
}

.p-inspectionlist__box + .p-inspectionlist__tit {
  margin-top: 40px;
}
.p-inspectionlist_set > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;

  margin-bottom: 40px;
}
.p-inspectionlist__box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px;
}
.p-inspectionlist_set > ul > li {
  width: calc( ( 100% - ( 40px * 2 ) ) / 3);
  /* min-height: 250px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.p-inspectionlist_set .set-list-item {
  width: 100%;
  position: relative;
  /* font-family: 'Noto Serif JP', serif; */
  border-radius: 5px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  padding: 15px;
}

.p-inspectionlist_set .set-list-item .set-list-item-tit{
  font-size: .925em;
  line-height: 1;
  text-align: left;
  background-color: #bda393;
  color: #fff;
  padding: .425em 1.0em;
  width: fit-content;
}
.p-inspectionlist_set .set-list-item .set-list-item-prc{
  font-size: 1.125em;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  position: absolute;
  line-height: 1.6;
  top: 15px;
  right: 15px;
}
.p-inspectionlist_set .set-list-item .set-list-item-med{
  line-height: 1.4;
  text-align: left;
  margin-top: 10px;
  margin-left: 10px;
}
.p-inspectionlist_set .set-list-item .set-list-item-med .case{
  /* font-size: 1em; */
  line-height: 1.6;
}
.p-inspectionlist_set .set-list-item .set-list-item-med .attention {
  font-size: .75em;
  margin-left: 10px;
}
.p-inspectionlist__box > ul > li {
  width: calc( ( 100% - ( 40px * 2 ) ) / 3);
  min-height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.p-inspectionlist__box_item {
  width: 100%;
  position: relative;
}
.p-inspectionlist_access {
  margin-top: 80px;
}
.p-inspectionlist_access_img {
  display: block;
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-inspectionlist_access_img {
    width: 100%;
  }
  .p-inspectionlist_access {
    margin-top: 40px;
  }
}

.p-inspectionlist__box_item > a,
.p-inspectionlist__box_item > span {
  padding: 20px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  z-index: 15;
  background: #FFFFFF;
  border: 1px solid #BCBCBC;
  overflow: hidden;
}

.p-inspectionlist__box_item > a::after,
.p-inspectionlist__box_item > span::after {
  display: inline-block;
  content: '';
  width: 80px;
  height: 80px;
  background: #3A3E45;
  position: absolute;
  bottom: -40px;
  right: -40px;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-inspectionlist__box_item > a:hover {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-inspectionlist__box_item > a:hover::after {
  background: #83c4a7;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.p-inspectionlist__box_item--tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 15px;
}

.p-inspectionlist__box_item--tit p {
  font-size: 1.125em;
  line-height: 1.6;
  text-align: left;
  color: #936610;
}

.p-inspectionlist__box_item--txt {
  width: 100%;
}

.p-inspectionlist__box_item--txt p {
  font-size: 0.875em;
  line-height: 1.6;
  text-align: left;
}

.p-inspectionlist__box_item--prc {
  margin-top: auto;
  width: 100%;
}

.p-inspectionlist__box_item--prc p {
  font-size: 1em;
  line-height: 1.6;
  text-align: left;
}

.p-inspectionlist__box_item--lnk {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

@media screen and (max-width: 1100px) {
  .p-inspectionlist__box > ul {
    gap: 2.66667vw;
  }
  .p-inspectionlist__box > ul > li {
    width: calc( ( 100% - ( 2.66667vw * 2 ) ) / 3);
  }
  .p-inspectionlist_set > ul {
    gap: 2.66667vw;
  }
  .p-inspectionlist_set > ul > li {
    width: calc( ( 100% - ( 2.66667vw * 2 ) ) / 3);
  }
}

@media screen and (max-width: 768px) {
  .p-inspectionlist__box + .p-inspectionlist__tit {
    margin-top: 10.66667vw;
  }
  .p-inspectionlist_set > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
  .p-inspectionlist_set > ul > li {
    width: calc( 100%);
    min-height: auto;
  }
  .p-inspectionlist__box > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.66667vw;
  }
  .p-inspectionlist__box > ul > li {
    width: calc( 100%);
    min-height: auto;
  }
  .p-inspectionlist__box_item > a,
  .p-inspectionlist__box_item > span {
    padding: 5.33333vw 5.33333vw 10.66667vw 5.33333vw;
    gap: 2.66667vw;
  }
  .p-inspectionlist__box_item > a::after,
  .p-inspectionlist__box_item > span::after {
    width: 21.33333vw;
    height: 21.33333vw;
    bottom: -10.66667vw;
    right: -10.66667vw;
  }
  .p-inspectionlist__box_item > a:hover {
    -webkit-transform: translateX(2.66667vw);
    -ms-transform: translateX(2.66667vw);
    transform: translateX(2.66667vw);
  }
  .p-inspectionlist__box_item--tit {
    gap: 4vw;
  }
  .p-inspectionlist__box_item--tit p {
    font-size: 1.125em;
  }
  .p-inspectionlist__box_item--txt p {
    font-size: 0.875em;
  }
  .p-inspectionlist__box_item--prc p {
    font-size: 1em;
  }
  .p-inspectionlist__box_item--lnk {
    width: 4.8vw;
    height: 4.8vw;
    bottom: 5.33333vw;
    right: 5.33333vw;
  }
}

/*
------------------------------------------------ */
.l-wrapper .xo-event-calendar {
  font-family: 'Noto Serif JP', serif;
}

.l-wrapper .xo-event-calendar table.xo-month button {
  width: 24px;
  height: 24px;
}

.l-wrapper .xo-event-calendar table.xo-month button span.nav-prev,
.l-wrapper .xo-event-calendar table.xo-month button span.nav-next {
  width: 48px;
  height: 48px;
  border: 1px solid #3A3E45;
  border-radius: 50%;
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.l-wrapper .xo-event-calendar table.xo-month .month-header > span {
  font-weight: bold;
}

.l-wrapper .xo-event-calendar table.xo-month,
.l-wrapper .xo-event-calendar table.xo-month th,
.l-wrapper .xo-event-calendar table.xo-month td {
  border: none !important;
}

.l-wrapper .xo-event-calendar table.xo-month > thead th {
  padding: 10px;
  text-align: center;
  font-size: 0.75em;
  font-weight: bold;
  color: #898989;
}

.l-wrapper .xo-event-calendar table.xo-month .month-week table.month-dayname {
  border-collapse: separate;
  border-spacing: 5px 5px;
}

.l-wrapper .xo-event-calendar table.xo-month .month-week table.month-event {
  border-collapse: separate;
  border-spacing: 5px 0px;
}

.l-wrapper .xo-event-calendar table.xo-month .month-dayname td {
  border: none !important;
  border-top: 1px solid #A6A49F !important;
}

.l-wrapper .xo-event-calendar table.xo-month .month-dayname td div {
  padding: 10px;
  text-align: left;
  font-size: .8125em;
  font-weight: bold;
}

.l-wrapper .xo-event-calendar table.xo-month .month-dayname-space {
  height: 3.0em;
}

.l-wrapper .xo-event-calendar table.xo-month .month-event-title {
  padding: 0.2em;
  text-indent: -999vw;
}

.l-wrapper .xo-event-calendar .holiday-titles {
  display: none;
}

/*
------------------------------------------------ */
/*　パーツ
================================================ */
/*
------------------------------------------------ */
.p-top-hero .p-section__inner {
  padding: 0 !important;
  max-width: none;
  position: relative;
}

/*.p-top-hero .p-section__inner::after {
  display: block;
  content: '';
  width: 100%;
  height: 10px;
  background: #FFFFFF;
  position: absolute;
  top: 800px;
  left: 0;
  right: 0;
  margin: auto;
}*/

.p-top-hero__bgi {
  height: 84vh;
  box-sizing: border-box;
  background: url(../../asset/img/index/top_pc.jpg) no-repeat 0% 55%;
  background-size: 88%;
  position: relative;
  background-position: top 0 right 0;
  /*background-position-x: calc( 170 / 1440 * 100vw);
  background-position-y: 0;*/
}

/* .p-top-hero__bgi::before {
  display: block;
  content: '';
  width: 530px;
  height: 800px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 80px;
  margin: auto; */
/*   background: url(../../asset/img/index/top1.png) no-repeat -80px 0px;
  background-size: cover;
  -webkit-filter: blur(5px);
  filter: blur(5px); */
  /* backdrop-filter: blur(5px);
} */

.p-top-hero__box {
  margin-left: 0;
  padding: 30px 10px 30px 0;
  width: 920px;
  height: 110px;
  top: 60px;
  background: rgba(58, 62, 69, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 15;
  position: relative;
}

.p-top-hero__box p {
  font-family: 'Noto Serif JP', serif;
  font-weight: 800;
  line-height: 1.5;
  color: #3A3E45;
  text-align: left;
  letter-spacing: .15em;
  font-size: 1.3em;
  position: absolute;
  top: 30%;
  margin-left: 40px;
  text-shadow: 2px 2px 2px #fff;
}

/*.p-top-hero__box_tit {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 60px;
}*/

.p-top-hero__box_tit--logo {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  background: #3B4047;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-top-hero__box_tit--name {
  width: 100%;
}

.p-top-hero__mainLogo {
  width: 77%;
  margin-bottom: 32px;
}

@media screen and (max-width:768px) {
  .p-top-hero__mainLogo {
    width: 100%;
    margin-bottom: 6.4vw;
    opacity: 0;
  }
  .p-top-hero__box p {
    font-size: 1em;
    top: 20%;
    margin-left: 20px;
  }
}

.p-top-hero__box_tit--name p strong {
  margin-bottom: 20px;
  display: block;
  font-family: 'Cormorant Infant', serif;
  font-size: 5em;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

.p-top-hero__box_tit--name p small {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-family: 'Cormorant Infant', serif;
  line-height: 2.0;
  color: #FFFFFF;
  text-align: left;
  white-space: nowrap;
  font-size: 1.125em;
  letter-spacing: .09em;
}

.p-top-hero__box_tit--name p strong + small::after {
  display: inline-block;
  content: '';
  width: 100%;
  height: 1px;
  background: #FFFFFF;
}

.p-top-hero__box_tit--message {
  /*margin-left: calc( 100 / 1440 * 100vw);*/
  padding: 15px 40px 15px 90px;
  background: rgba(58, 62, 69, 0.1);
  width: calc( 100% + 20px);
  height: 100%;
  position: absolute;
  top: 20px;
  left: 0;
}

.p-top-hero__box_tit--message p {
  font-family: 'Noto Serif JP', serif;
  font-weight: 800;
  font-size: 1.125em;
  line-height: 1.5;
  color: #3A3E45;
  text-align: left;
  letter-spacing: .15em;
  font-size: 1.35em;
  /* font-size: calc( 22 / 1440 * 100vw); */
}

.p-top-hero_scroll {
  position: absolute;
  left: 8%;
  bottom: 0;
  z-index: 15;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  animation: arrowmove 2s ease-in-out infinite;
}

@keyframes arrowmove{
      0%{bottom:12%;}
      50%{bottom:14%;}
     100%{bottom:12%;}
 }

.p-top-hero_scroll p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.p-top-hero_scroll p strong {
  display: block;
  /*font-family: 'Cormorant Infant', serif;*/
  font-size: 0.75em;
  line-height: 1;
  color: #3A3E45;
  text-align: left;
  letter-spacing: 0.2em;
  white-space: nowrap;
}

.p-top-hero_scroll p::after {
    position: absolute;
    content: '';
    top: 5px;
    left: -7px;
    width: 100px;
    height: 15px;
    border-bottom: solid 1px #3A3E45;
    border-right: solid 1px #3A3E45;
    transform: skew(45deg);
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
  .p-top-hero__bgi::before {
/*     background: url(../../asset/img/index/top1.png) no-repeat calc( -80 / 1440 * 100vw) 0px;
    background-size: cover;
    width: calc( 580 / 1440 * 100vw);
    left: calc( 80 / 1440 * 100vw); */
    backdrop-filter: blur(5px);
  }
  .p-top-hero__box {
    padding: calc( 30 / 1440 * 100vw);
    width: calc( 1040 / 1440 * 100vw);
  }
  /*.p-top-hero__box_tit {
    width: 100%;
    gap: calc( 60 / 1440 * 100vw);
  }*/
  .p-top-hero__box_tit--logo {
    width: calc( 100 / 1440 * 100vw);
    height: calc( 100 / 1440 * 100vw);
  }
  .p-top-hero__box_tit--name p strong {
    margin-bottom: calc( 20 / 1440 * 100vw);
    font-size: calc( 80 / 1440 * 100vw);
  }
  .p-top-hero__box_tit--name p small {
    gap: calc( 10 / 1440 * 100vw);
    font-size: calc( 18 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .p-top-hero .p-section__inner {
    padding: 0 0 1.33vw 0 !important;
    max-width: 100%;
  }
  .p-top-hero .p-section__inner::after {
    display: none;
  }
  .p-top-hero__bgi {
    width: 100%;
    height: 158.66667vw;
    background: url(../../asset/img/index/top_sp.jpg) no-repeat 40% 50%;
    background-size: cover;
  }
  .p-top-hero__bgi::before {
    width: 85.33333vw;
    height: 158.66667vw;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0vw;
    margin: auto;
/*     background: url(../../asset/img/index/top1.png) no-repeat -42vw 0vw;
    background-size: cover;
    -webkit-filter: blur(1.33333vw);
    filter: blur(1.33333vw); */
    backdrop-filter: blur(3px);
  }
  .p-top-hero__box {
    margin-left: 0vw;
    padding: 5.33333vw;
    width: calc(100vw - 11vw);
    height: 30%;
    top: 40px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .p-top-hero__box_tit {
    gap: 5.33333vw;
    margin-top: 20vw;
  }
  .p-top-hero__box_tit--logo {
    margin: 21.33333vw auto;
    width: 21.33333vw;
    height: 21.33333vw;
  }
  .p-top-hero__box_tit--name {
    width: calc(275/375*100vw);
  }
  .p-top-hero__box_tit--name p strong {
    margin-bottom: 5.33333vw;
    font-size: 2.6em;
  }
  .p-top-hero__box_tit--name p strong {
    margin-bottom: 5.33333vw;
    font-size: 11.7333vw;
  }
  .p-top-hero__box_tit--name p small {
    gap: 2.66667vw;
    font-size: 0.6875em;
    white-space: normal;
    justify-content: space-between;
  }

  .p-top-hero__box_tit--name p small {
    font-size: 2.9333vw;
  }

  .p-top-hero__box_tit--name p strong + small::after {
    width: calc(110/375*100vw);
  }
  .p-top-hero__box_tit--message {
    padding: 4vw 1.8666vw 4vw 14.4vw;
    width: calc(100vw - 0vw);
    left: -7.5vw;
  }
  .p-top-hero__box_tit--message p {
    font-size: 0.825em;
  }
  .p-top-hero__box_tit--message p {
    font-size: 3.7333vw;
  }
  .p-top-hero_scroll {
    left: 0.53333vw;
    bottom: 17.33333vw;
  }
  .p-top-hero_scroll p {
    gap: 2.66667vw;
  }
  .p-top-hero_scroll p strong {
    font-size: 0.75em;
  }
  .p-top-hero_scroll p::after {
  }
}

/*
------------------------------------------------ */
.p-top-news__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 80px;
}

.p-top-news__tit {
  width: 235px;
  border-right: 1px solid #3A3E45;
  padding-right: 75px;
}

.p-top-news__tit .p-textlink strong .sw_pc{
  display: inline-block;
}

.p-top-news__box {
  width: calc( 100% - 235px - 80px);
}

@media screen and (max-width: 768px) {
  .p-top-news .p-section__inner {
    padding-bottom: 0;
  }
  .p-top-news__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4vw;
  }
  .p-top-news__tit {
    width: 100%;
    border-right: none;
    padding-right: 0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-end;
  }
  .p-top-news__tit .p-textlink strong .sw_pc {
    display: none;
  }
  .p-top-news__tit .p-title__type02 {
    margin-bottom: 0;
  }
  .p-top-news__box {
    width: calc( 100%);
  }
}

/*
------------------------------------------------ */
.p-top-topics .p-section__inner {
  padding-top: 0;
  padding-bottom: 120px;
}

@media screen and (max-width:768px) {
  .p-top-topics .p-section__inner {
    padding-top: 8.5333333333vw;
  }
}

.p-top-topics__box {
  position: relative;
  z-index: 15;
}

.p-top-topics__bgi {
  margin: 0 -50vw;
  width: 100vw;
  height: 292px;
  background: #F2F2F2;
  position: absolute;
  bottom: 0px;
  left: 50vw;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  .p-top-topics .p-section__inner {
    padding-bottom: 26.66667vw;
  }
  .p-top-topics__bgi {
    height: 57.06667vw;
  }
}

/*
------------------------------------------------ */
.p-top-therapy .p-bgc {
  background: url(../../asset/img/index/therapy_bgi01_img01.png) no-repeat 50% 0%;
  background-size: cover;
}

.p-top-therapy .p-section__inner {
  position: relative;
  min-height: 500px;
  background: url(../../asset/img/index/therapy_bgi01_img01.png) no-repeat 50% 0%;
  background-size: cover;
}

.p-top-therapy__tit {
  margin-right: 230px;
}

.p-top-therapy__tit .p-title strong {
  text-align: left;
  line-height: 1.6;
}

.p-top-therapy__txt {
  margin-bottom: 50px;
  margin-right: 230px;
}

.p-top-therapy__txt p {
  line-height: 2;
  text-align: left;
}

.p-top-therapy__txt p + p {
  margin-top: 1em;
}

.p-top-therapy__lnk {
  margin-right: 230px;
}

.p-top-therapy__lnk.margin-bottom-50 {
  margin-bottom: 50px;
}

.p-top-therapy__lnk .p-textlink ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-top-therapy__img {
  width: 540px;
  height: 792px;
  position: absolute;
  top: 0px;
  right: calc( -140 / 1440 * 100vw);
  overflow: hidden;
}

@media screen and (min-width: 769px) {
  .p-top-therapy__img {
    right: calc( -140 / 1440 * 100vw);
  }
}

@media screen and (max-width: 1024px) {
  .p-top-therapy__img {
    right: calc( -220 / 1440 * 100vw);
  }
}

@media screen and (min-width: 1441px) and (max-width: 2400px) {
  .p-top-therapy__img {
    right: calc( -220 / 1440 * 100vw);
  }
}

.p-top-therapy__img::before {
  display: block;
  content: '';
  width: 320px;
  height: 792px;
  position: absolute;
  top: 0px;
  right: 220px;
/*   background: url(../../asset/img/index/therapy_img01_img01_pc.png) no-repeat 0% 0%;
  background-size: cover;
  -webkit-filter: blur(5px);
  filter: blur(5px); */
  backdrop-filter: blur(3px);
}

.p-top-therapy__img::after {
  display: block;
  content: '';
  width: 320px;
  height: 792px;
  position: absolute;
  top: 0px;
  right: 220px;
  background: #FFFFFF;
  opacity: 0.2;
}

.p-top-therapy__img p picture {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-top-therapy__img p source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.p-top-therapy__img p img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
  .p-top-therapy__tit ,
  .p-top-therapy__txt ,
  .p-top-therapy__lnk {
    margin-right: 260px;
  }
}

@media screen and (max-width: 768px) {
  .p-top-therapy .p-title {
    margin-bottom: 4.8vw;
  }
  .p-top-therapy .p-bgc {
    background: url(../../asset/img/index/therapy_bgi01_img01.png) no-repeat 0% 0%;
    background-size: 100%;
  }
  .p-top-therapy .p-section__inner {
    padding-bottom: 0;
    min-height: auto;
  }
  .p-top-therapy__tit {
    width: 100%;
  }
  .p-top-therapy__txt {
    margin-bottom: 5.33333vw;
    width: 100%;
  }
  .p-top-therapy__lnk {
    margin-bottom: 5.33333vw;
    width: 100%;
  }
  .p-top-therapy__img {
    width: calc( 100% + 5.33333vw);
    height: auto;
    position: relative;
    top: 0vw;
    right: 0vw;
  }
  .p-top-therapy__img::before {
    width: 14.66667vw;
    height: 100%;
    position: absolute;
    top: 0vw;
    right: 0vw;
/*     background: url(../../asset/img/index/therapy_img01_img01_pc.png) no-repeat 100% 0%;
    background-size: cover;
    -webkit-filter: blur(5px);
    filter: blur(5px); */
    backdrop-filter: blur(5px);
  }
  .p-top-therapy__img::after {
    width: 14.66667vw;
    height: 100%;
    position: absolute;
    top: 0vw;
    right: 0vw;
  }
  .p-top-therapy__img p picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .p-top-therapy__img p source {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .p-top-therapy__img p img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

/*
------------------------------------------------ */
.p-top-inspection .p-section__inner {
  padding-top: 125px;
  padding-bottom: 20px;
  min-height: 860px;
}

.p-top-inspection__content {
  position: relative;
}

.p-top-inspection__img {
  display: block;
  width: 240px;
  height: 644px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
}

.p-top-inspection__tit {
  margin-left: 300px;
  width: 766px;
  position: relative;
  z-index: 15;
}

.p-top-inspection__tit .p-title {
  margin-bottom: 45px;
}

.p-top-inspection__txt {
  margin-bottom: 35px;
  margin-left: 300px;
  width: 766px;
  position: relative;
  z-index: 15;
}

.p-top-inspection__txt p {
  text-align: left;
  line-height: 1.8;
}

.p-top-inspection__txt p + p {
  margin-top: .75em;
}

.p-top-inspection__txt p small {
  font-size: 87.5%;
  color: #7C7E83;
}

.p-top-inspection__box {
  margin-left: 300px;
  width: 766px;
  position: relative;
  z-index: 15;
}

.p-top-inspection__box .p-title {
  margin-bottom: 25px;
}
.p-top-inspection__box .p-title h2 {
  gap: 8px;
}
.p-top-inspection__box .p-title h2::before {
  font-size: 1em;
}
.p-top-inspection__box .p-title strong {
  font-size: 1em;
}

.p-top-inspection__box .p-inspectioncard {
  margin-bottom: 38px;
}

.p-top-inspection__lnk {
  margin-left: 300px;
  width: 766px;
  position: relative;
  z-index: 15;
  padding-bottom: 38px;
}

.p-top-inspection__lnk .p-textlink ul {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.p-top-inspection__bgi {
  width: 100vw;
  height: 290px;
  background: #EFF0F4;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 0;
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
  .p-top-inspection .p-section__inner {
    min-height: auto;
  }
  .p-top-inspection__img {
    width: 200px;
    height: auto;
  }
  .p-top-inspection__tit {
    margin-left: 230px;
    width: calc( 100% - 230px);
  }
  .p-top-inspection__txt {
    margin-left: 230px;
    width: calc( 100% - 230px);
  }
  .p-top-inspection__box {
    margin-left: 230px;
    width: calc( 100% - 230px);
  }
  .p-top-inspection__lnk {
    margin-left: 230px;
    width: calc( 100% - 230px);
  }
  .p-top-inspection__box .p-inspectioncard__box > ul {
    gap: 2.66667vw;
  }
  .p-top-inspection__box .p-inspectioncard__box > ul > li {
    width: calc( ( 100% - 5.33333vw ) / 3);
    max-width: 240px;
  }
  .p-top-inspection__bgi {
    width: 100vw;
    height: 290px;
    background: #EFF0F4;
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 0;
  }
}

@media screen and (max-width: 768px) {
  .p-top-inspection .p-section__inner {
    padding: 8vw 5.33333vw;
    min-height: auto;
  }
  .p-top-inspection__img {
    margin-bottom: 5.33333vw;
    width: 61.33333vw;
    height: 28vw;
    position: relative;
    top: unset;
    left: unset;
    bottom: 0vw;
    right: -5.33333vw;
    z-index: 15;
    margin-left: auto;
  }
  .p-top-inspection__tit {
    margin-left: 0vw;
    width: 77.33333vw;
  }
  .p-top-inspection__tit .p-title {
    margin-bottom: 20px;
    line-height: 1.6;
  }
  .p-top-inspection__txt {
    margin-bottom: 5.33333vw;
    margin-left: 0vw;
    width: 77.33333vw;
  }
  .p-top-inspection__txt p small {
    font-size: 60%;
  }
  .p-top-inspection__box {
    margin-left: 0vw;
    width: 100%;
  }
  .p-top-inspection__box .p-inspectioncard {
    margin-bottom: 5.33333vw;
  }
  .p-top-inspection__lnk {
    margin-left: 0vw;
    padding-bottom: 0;
    width: 100%;
  }
  .p-top-inspection__bgi {
    width: 27.66667vw;
    height: 100%;
    background: #EFF0F4;
    position: absolute;
    top: -8vw;
    left: -5.33333vw;
    /*right: -5.33333vw;*/
    bottom: -8vw;
    z-index: 0;
    transform: translate(0, 0);
  }
}

/*
------------------------------------------------ */
.p-top-case .p-section__inner {
  padding-top: 85px;
  padding-bottom: 120px;
}

.p-top-case__tit {
  position: relative;
  z-index: 15;
  margin-bottom: 105px;
}

.p-top-case__tit .p-title h1, .p-top-case__tit .p-title h2, .p-top-case__tit .p-title h3, .p-top-case__tit .p-title h4, .p-top-case__tit .p-title h5, .p-top-case__tit .p-title h6, .p-top-case__tit .p-title p {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-top-case__box {
  position: relative;
  z-index: 15;
}

.p-top-case__bgi {
  margin: 0 -50vw;
  width: 100vw;
  height: 450px;
  background: url(../../asset/img/common/bgi_accent01_wht01_img01.png) repeat 0% 0%;
  background-size: 250px;
  position: absolute;
  bottom: 0px;
  left: 50vw;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  .p-top-case .p-section__inner {
    padding-top: 0;
    padding-bottom: 32vw;
  }
  
  .p-top-case__tit {
    margin-bottom: 8vw;
  }
  
  .p-top-case__tit .p-title h1, .p-top-case__tit .p-title h2, .p-top-case__tit .p-title h3, .p-top-case__tit .p-title h4, .p-top-case__tit .p-title h5, .p-top-case__tit .p-title h6, .p-top-case__tit .p-title p {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.6;
  }
  .p-top-case__bgi {
    margin: 0 -50vw;
    width: 100vw;
    height: 96vw;
    background: url(../../asset/img/common/bgi_accent01_wht01_img01.png) repeat 0% 0%;
    background-size: 66.66667vw;
    position: absolute;
    bottom: 0px;
    left: 50vw;
    z-index: 0;
  }
}

/*
------------------------------------------------ */
.p-top-medicalinsurance {
  margin-bottom: 100px;
}

.p-top-medicalinsurance__tit {
  text-align: center;
  z-index: 15;
}

.p-top-medicalinsurance__tit .p-title {
  display: inline-block;
  width: auto;
  position: relative;
}
.p-top-medicalinsurance__tit .p-title hr {
  position: absolute;
  top: 50%;
  right: calc(100% + 20px);
  width: 100vw;
}

@media screen and (max-width: 768px) {
  .p-top-medicalinsurance {
    padding-bottom: 0vw;
  }
  .p-top-medicalinsurance__tit .p-title hr {
    top: 0;
  }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
  .p-top-medicalinsurance__box .p-departmentlist__box {
    width: 100%;
  }
}

@media screen and (min-width: 1025px) {
  .p-top-medicalinsurance__box .p-departmentlist__box {
    width: 1160px;
  }
}

/*
------------------------------------------------ */
.p-top-medical {
}

.p-top-medical__flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.p-top-medical__tit {
  width: calc( 100% + 220px);
  z-index: 15;
}

.p-top-medical__tit .p-title {
  text-align: left;
}

.p-top-medical__tit h2 {
  position: relative;
  display: inline-block;
  width: auto;
}

.p-top-medical__tit hr {
  position: absolute;
  top: 50%;
  left: calc(100% + 20px);
  width: 100vw;
}

.p-top-medical__box {
  width: 858px;
}

.p-top-medical__bgi {
  width: 75vw;
  height: 50vw;
  background: url(../../asset/img/common/bgi_accent01_wht01_img01.png) repeat 0% 0%;
  background-size: 1140px;
  position: absolute;
  top: 40vw;
  left: 0;
  z-index: 0;
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
  .p-top-medical__bgi {
    top: 57vw;
  }
}

@media screen and (max-width: 768px) {
  .p-top-medical {
    padding-bottom: 0vw;
  }
  .p-top-medical__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10.66667vw;
  }
  .p-top-medical__tit {
    width: calc( 100%);
    position: relative;
    top: 0vw;
    left: 0vw;
  }
  .p-top-medical__tit hr {
    top: 0;
  }
  .p-top-medical__box {
    width: 100%;
  }
  .p-top-medical__bgi {
    width: 49.86667vw;
    height: calc( 100% + 18.66667vw);
    background: url(../../asset/img/common/bgi_accent01_wht01_img01.png) repeat 0% 0%;
    background-size: 1140px;
    position: absolute;
    top: -8vw;
    left: unset;
    right: -5.33333vw;
  }
}

/*
------------------------------------------------ */
.p-top-consultationday__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 40px;
}

.p-top-consultationday__box_item.is_information {
  width: 472px;
}
.p-top-consultationday__box_item.is_access {
  width: 472px;
}

.p-top-consultationday__box_item.is_calendar {
  width: 460px;
  position: relative;
}

.p-top-consultationday__box_item .p-title {
  margin-bottom: 20px;
}

.p-top-consultationday__box_item .p-title strong {
  font-size: 1.25em;
}

.p-top-consultationday__box_item .p-title h2::before {
  font-size: 1.25em;
}

.p-top-consultationday__box_item .p-timetable {
  border-top: 1px solid #3A3E45;
}

.p-top-consultationday__box_item .p-timetable table {
  font-size: 1em;
  margin-bottom: 14px;
}

.p-top-consultationday__box_item .p-timetable table tbody tr th,
.p-top-consultationday__box_item .p-timetable table tbody tr td {
  padding: 1em 0.5em;
}

.p-top-consultationday__box_item .p-timetable > div {
  margin: 22px 0;
  padding: 20px 0;
  border-top: 1px dotted #707070;
  border-bottom: 1px dotted #707070;
}

.p-top-consultationday__box_item .p-timetable > div p {
  font-size: 1em;
  line-height: 1.6;
  color: #916000;
  text-align: left;
}

.p-top-consultationday__box_item .p-timetable > div p strong {
  font-weight: 500;
}

.p-top-consultationday__box_item .p-timetable > p {
  font-size: .875em;
  line-height: 1.6;
}

.p-top-consultationday__box_item .p-timetable > p > span {
  font-size: .9285em;
}

.p-top-consultationday__box_item .p-btnlink {
  margin-top: 20px;
}

.p-top-consultationday__box_item .p-btnlink ul {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.p-top-consultationday__box_item .xo-event-calendar {
  padding: 40px;
  width: 100%;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.p-top-consultationday__box_item--calendarcaption {
  padding: 0 40px;
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 0px;
}

.p-top-consultationday__box_item--calendarcaption ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1em;
}

.p-top-consultationday__box_item--calendarcaption ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 0.5em;
}

.p-top-consultationday__box_item--calendarcaption ul li i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
}

.p-top-consultationday__box_item--calendarcaption ul li strong {
  font-size: 0.625em;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  .p-top-consultationday__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .p-top-consultationday__box_item.is_information {
    width: 100%;
  }
  .p-top-consultationday__box_item.is_calendar {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .p-top-consultationday .p-section {
    border-top: none;
  }
  .p-top-consultationday__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10.66667vw;
  }
  .p-top-consultationday__box_item.is_information {
    width: 100%;
  }
  .p-top-consultationday__box_item.is_access {
    width: 100%;
  }
  .p-top-consultationday__box_item.is_calendar {
    width: 100%;
  }
  .p-top-consultationday__box_item .p-title {
    margin-bottom: 5.33333vw;
  }
  .p-top-consultationday__box_item .p-title h2::before {
    height: 4.8vw;
  }
  .p-top-consultationday__box_item .p-timetable table {
    font-size: .8125em;
  }
  .p-top-consultationday__box_item .p-timetable table tbody tr th,
  .p-top-consultationday__box_item .p-timetable table tbody tr td {
    padding: 1em 0.5em;
  }
  .p-top-consultationday__box_item .p-timetable table tbody tr th {
    font-size: .75em;
  }
  .p-top-consultationday__box_item .p-timetable > div {
    margin: 2.66667vw 0;
    padding: 2.66667vw 0;
  }
  .p-top-consultationday__box_item .p-timetable > div p {
    font-size: 1em;
  }
  .p-top-consultationday__box_item .p-timetable > p {
    font-size: 0.8125em;
  }
  .p-top-consultationday__box_item .p-btnlink {
    margin-top: 5.33333vw;
  }
  .p-top-consultationday__box_item .xo-event-calendar {
    padding: 10.66667vw;
    -webkit-box-shadow: 0vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.2);
    box-shadow: 0vw 0.53333vw 2.13333vw rgba(0, 0, 0, 0.2);
    border-radius: 1.06667vw;
  }
}

/*
------------------------------------------------ */
.p-top-overseas__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 40px;
  background-color: #EFF0F4;
  padding: 15px !important;
  border-top: none !important;
  border-bottom: none !important;
}

.p-top-overseas__box_item.is-text {
  width: 70%;
  text-align: left;
}

.p-top-overseas__box_item.is-qr {
  width: 24%;
}

.p-top-overseas__box p {
  font-size: .875em !important;
  line-height: 1.6 !important;
  color: #3a3e45 !important;
}

.p-top-overseas__box_item.is-qr img {
  width: 80px;
}

/*
------------------------------------------------ */
.p-top-access__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

@media screen and (min-width:1440px) {
  .p-top-access__box {
    width: 1160px;
  }
}

.p-top-access__box_tit {
  width: 100%;
}

.p-top-access__box_tit .p-title {
  margin-bottom: 20px;
}

.p-top-access__box_map {
  width: 640px;
}

.p-top-access__box_map iframe {
  width: 640px;
  height: 360px;
  filter: hue-rotate(340deg) grayscale(0.2);
}

.p-top-access__box_img {
  width: 500px;
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
  .p-top-access__box {
    gap: calc( 20 / 1440 * 100vw);
  }
  .p-top-access__box_lnk {
    width: 100%;
    margin-top: -54px;
  }
  .p-top-access__box_lnk .p-textlink ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .p-top-access__box_map {
    width: calc( 640 / 1440 * 100vw);
  }
  .p-top-access__box_map iframe {
    width: 100%;
    height: calc( 360 / 1440 * 100vw);
  }
  .p-top-access__box_img {
    width: calc( 500 / 1440 * 100vw);
  }
}

@media screen and (max-width: 768px) {
  .p-top-access__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5.33333vw;
    position: relative;
  }
  .p-top-access__box_tit {
    width: 100%;
  }
  .p-top-access__box_tit .p-title {
    margin-bottom: 5.33333vw;
  }
  .p-top-access__box_txt p {
    text-align: left;
    line-height: 1.6;
  }
  .p-top-access__box_lnk {
    width: 100%;
    position: absolute;
    top: 5.33333vw;
    right: 0;
  }
  .p-top-access__box_lnk .p-textlink ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .p-top-access__box_map {
    width: 100%;
  }
  .p-top-access__box_map iframe {
    width: 100%;
    height: 62.4vw;
  }
  .p-top-access__box_img {
    width: 100%;
  }
}

@media screen and (max-width: 1440px) {
  .p-top-access .p-section__inner.is_wide {
      padding-left: calc( 140 / 1440 * 100vw);
      padding-right: calc( 140 / 1440 * 100vw);
      width: calc( 100%);
      max-width: calc( 100%);
  }
}

/*20221121 kodera chg str*/

/*20221121 kodera chg str*/

.p-aesthetic__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__btn {
    margin-top: 44px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__btn {
    margin-top: 5.33333vw;
  }
}

.p-aesthetic__btn:before {
  content: '';
  width: 44px;
  height: 44px;
  background: url("../../asset/img/common/icon_arrow_right.svg") no-repeat;
  background-size: contain;
  margin-right: 12px;
}

@media screen and (max-width: 767px) {
  .p-aesthetic__btn:before {
    width: 9.06667vw;
    height: 9.06667vw;
    background-size: 100%;
  }
}

.p-aesthetic__btn:hover {
  opacity: .7;
}

.p-aesthetic {
  text-align: left;
}

.p-aesthetic p strong {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-aesthetic p {
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic p {
    font-size: 4vw;
    line-height: 6.93333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic p + p {
    margin-top: 27px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic p + p {
    margin-top: 6.4vw;
  }
}

.p-aesthetic .p-section {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-aesthetic .p-section__inner {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic .p-section__inner {
    padding-bottom: 21.33333vw;
  }
}

.p-aesthetic__anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__anchor {
    gap: calc(40/980*100%);
    margin: 94px 0 145px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__anchor {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 7.2vw 4vw;
    margin-top: 7.73333vw;
    margin-bottom: 13.33333vw;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.p-aesthetic__anchorItem {
  border: 1px solid #B1B5BF;
  border-radius: 8px;
  background: #FFFFFF;
  -webkit-box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
  -moz-box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
  box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px 12px 64px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__anchorItem {
    width: calc(164/980*100%);
    max-width: 164px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__anchorItem {
    width: 37.33333vw;
    padding: 5.86667vw 2.66667vw 14.4vw;
    -webkit-box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
    -moz-box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
    box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
  }
}

.p-aesthetic__anchorItem:after {
  content: '';
  position: absolute;
  bottom: 24px;
  width: 24px;
  height: 24px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../../asset/img/medical_insurance/medical_insurance_icon_anchor.svg") no-repeat;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .p-aesthetic__anchorItem:after {
    width: 6.4vw;
    height: 6.4vw;
    bottom: 5.33333vw;
  }
}

.p-aesthetic__anchorItem:hover {
  opacity: .7;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__anchorIcon {
    max-width: 100px;
    margin-top: 19px;
    margin-bottom: 14px;
  }
}

.p-aesthetic__anchorTitle {
  color: #936610;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__anchorTitle {
    font-size: 0.875em;
    line-height: 1.5625em;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__anchorTitle {
    margin-top: 5.33333vw;
    font-size: 3.73333vw;
    line-height: 5.6vw;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__sectionOuter .p-aesthetic__section {
    padding-bottom: 75px;
  }
}

.p-aesthetic__section {
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__section {
    padding-top: 40px;
    margin-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__section {
    padding-top: 11.73333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__section .p-title__type01 {
  }
}

.p-aesthetic__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__grid {
    gap: calc(0/980*100%);
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 6.4vw;
    margin-top: 10.13333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__gridText {
    width: calc(649/980*100%);
  }
  .p-aesthetic__gridText .p-list {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__gridImg {
    width: calc(287/980*100%);
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__title {
/* 2022/11/24 kodera chg*/ 
    /*margin: 40px 0 37px 5px;*/
    margin: 80px 0 37px 5px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__title {
    margin: 6.4vw 0;
  }
}

.p-aesthetic__section01 {
  position: relative;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__section01 {
    padding-bottom: 273px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__section01 {
    padding-bottom: 44.8vw;
  }
}

.p-aesthetic__section01:after {
  content: '';
  position: absolute;
  width: 2000px;
  height: calc(100%);
  display: block;
  background: #EFF0F4;
  top: -33px;
  left: 87.5%;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .p-aesthetic__section01:after {
    left: 73.5%;
  }
}

.p-aesthetic__section01 .p-title {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__section05 {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__boxOuter {
/*2022/11/24 kodera del*/
    /*margin-top: 78px;*/
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__boxOuter {
/*2022/11/24 kodera del*/
    /*margin-top: 10.93333vw;*/
  }
}

.p-aesthetic__boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__boxs {
    gap: 66px calc(44/980*100%);
  }
}

.p-aesthetic__box {
  position: relative;
  z-index: 2;
  border: 1px solid #EFF0F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
/*2022/11/24 kodera del*/
/*
  box-sizing: border-box;
  background: #FFFFFF url("../../asset/img/medical/medical_icon06.svg") no-repeat;
  background-size: 98px 108px;
  background-position: bottom 36px right 30px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
*/
  transition: all 0.2s ease-out;
}

/*2022/12/02 kodera del あとで復活*/
.p-aesthetic__box:hover {
/*
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
*/
}

@media screen and (min-width: 768px) {
  .p-aesthetic__box {
    width: calc(468/980*100%);
    -webkit-box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
    -moz-box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
    box-shadow: 8px 8px 20px 0 rgba(33, 59, 144, 0.1);
/*2022/11/24 kodera chg*/
    /* padding: 35px 0 40px 36px; */
    padding: 35px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__box {
    -webkit-box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
    -moz-box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
    box-shadow: 8px 8px 10px 0 rgba(33, 59, 144, 0.1);
    padding: 6.4vw 6.4vw 23.2vw;
    background-size: 22.66667vw 16.8vw;
    background-position: bottom 6.4vw right 6.4vw;
    margin-top: 6.4vw;
  }
}

.p-aesthetic__box01 {
  background-position: center right 36px;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__box01 {
    width: 100%;
    margin-bottom: 40px;
    padding: 30px 0 30px 30px;
    padding-right: 136px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 35px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__box01 {
    background-image: url("../../asset/img/medical/medical_icon06_sp.svg");
    background-position: bottom 6.4vw right 6.4vw;
  }
}

.p-aesthetic__box02 {
  background-image: url("../../asset/img/medical/medical_icon07.svg");
}

@media screen and (max-width: 767px) {
  .p-aesthetic__box02 {
    background-image: url("../../asset/img/medical/medical_icon07_sp.svg");
  }
}

.p-aesthetic__box03 {
  background-image: url("../../asset/img/medical/medical_icon08.svg");
}

@media screen and (max-width: 767px) {
  .p-aesthetic__box03 {
    background-image: url("../../asset/img/medical/medical_icon08_sp.svg");
  }
}

.p-aesthetic__box04 {
  background-image: url("../../asset/img/medical/medical_icon09.svg");
}

@media screen and (max-width: 767px) {
  .p-aesthetic__box04 {
    background-image: url("../../asset/img/medical/medical_icon09_sp.svg");
  }
}

.p-aesthetic__box05 {
  background-image: url("../../asset/img/medical/medical_icon10.svg");
}

@media screen and (max-width: 767px) {
  .p-aesthetic__box05 {
    background-image: url("../../asset/img/medical/medical_icon10_sp.svg");
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__box01 .p-aesthetic__boxTitle {
    margin-bottom: 16px;
  }
}

.p-aesthetic__box01 .p-aesthetic__boxText {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__box01 .p-aesthetic__boxText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
/*2022/11/24 kodera chg*/
    /*width: 86%;*/
    width: 100%;
    margin-right: 4.3%;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__box01 .p-aesthetic__boxBtn {
    margin-top: 0;
  }
}

.p-aesthetic__boxTitle {
  color: #936610;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__boxTitle {
    font-size: 1.5em;
    line-height: 1.2;
    letter-spacing: .06em;
    margin-bottom: 11px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__boxTitle {
    font-size: 4.8vw;
    line-height: 1.6;
    margin-bottom: 4vw;
  }
}

.p-aesthetic__boxBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
}

.p-aesthetic__boxBtn:after {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("../../asset/img/common/icon_arrow_right.svg") no-repeat;
  background-size: contain;
  margin-left: 8px;
}

@media screen and (max-width: 767px) {
  .p-aesthetic__boxBtn:after {
    width: 8.53333vw;
    height: 8.53333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__boxBtn {
    font-size: 0.875em;
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__boxBtn {
    font-size: 4vw;
    line-height: 1.8;
    position: absolute;
    bottom: 8vw;
    left: 6.4vw;
  }
}

.p-aesthetic__icon06 {
  width: 43px;
  height: 64px;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__boxText {
/*2022/11/24 kodera chg*/
    /*width: 74%;*/	
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__boxText p {
    font-size: 4vw;
    line-height: 1.6;
    margin-bottom: 0;
  }
}

.p-aesthetic__report {
  border: 1px solid #B4B6BB;
  position: relative;
  z-index: 1;
  background: #FFFFFF;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__report {
    margin-top: -152px;
    margin-bottom: 120px;
    padding: 65px 59px 57px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__report {
    margin: -34.66667vw 0 13.33333vw;
    padding: 8vw 5.33333vw 4vw;
  }
}

.p-aesthetic__reportTitle {
  font-weight: 500;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__reportTitle {
    font-size: 1.75em;
    line-height: 1.5;
    margin-bottom: 65px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__reportTitle {
    font-size: 5.8666666667vw;
    margin-bottom: 4.26666vw;
  }
  .p-aesthetic__reportTitle span {
    font-size: 16px;
  }
}

.p-aesthetic__reportGrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-aesthetic__reportGrid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__reportGridText {
    width: 52%;
  }
}

.p-aesthetic__reportGridImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__reportGridImg {
    width: calc(48% - 36px);
    gap: 24px;
    margin-top: 5px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__reportGridImg {
    gap: 3.73333vw;
  }
}

.p-aesthetic__reportGridImg figcaption {
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__reportGridImg figcaption {
    font-size: 0.875em;
    line-height: 1.8;
    margin-top: 6px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__reportGridImg figcaption {
    font-size: 3.46667vw;
    line-height: 6.72vw;
    margin-top: 1.86667vw;
  }
}

.p-aesthetic__reportSubTitle {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-aesthetic__reportSubTitle {
    font-size: 1.125em;
    line-height: 1.6;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__reportSubTitle {
    font-size: 4.26667vw;
    line-height: 6.93333vw;
    margin-bottom: 3.2vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__section .p-title__type01 picture.p-title__icon {
    width: 56px;
    top: -8px;
    left: 5px;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__section .p-title__type01 picture.p-title__icon {
    width: 10.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__section .p-title__type01 picture.p-title__icon02 {
    width: pxx(52);
    left: -2px;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic__section .p-title__type01 picture.p-title__icon04 {
    width: 29px;
    left: -12px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic__section .p-title__type01 picture.p-title__icon04 {
    width: 5.33333vw;
  }
}

.p-aesthetic__sectionOuter {
  position: relative;
}

.p-aesthetic__sectionOuter:after {
  content: '';
  position: absolute;
  width: 2000px;
  height: 94%;
  display: block;
  background: url(../../asset/img/common/bgi_accent01_wht01_img01.png) repeat;
  top: -52px;
  left: 84.5%;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .p-aesthetic__sectionOuter:after {
    top: 0;
    left: 73.5%;
    height: 120%;
  }
}


.p-aestheticlink__type01 {
  margin-top: 10px;
}

.p-aestheticlink__type01 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
}

.p-aestheticlink__type01 ul li {
  padding: 0.1em 0.2em;
  border-radius: 3px;
}

.p-aestheticlink__type01.p-taglist__wht ul li {
  background: #FFFFFF;
  color: #707070;
}

.p-aestheticlink__type01.p-taglist__gry ul li {
  background: #707070;
  color: #FFFFFF;
}

.p-aestheticlink__type01.p-taglist__border ul li {
  padding: 0.2em 0.5em;
  font-size: 90%;
}

.p-aestheticlink__type01.p-taglist__border.p-taglist__wht ul li {
  border: 1px solid #707070;
}

.p-aestheticlink__type01.p-taglist__border.p-taglist__gry ul li {
  border: 1px solid #FFFFFF;
}

.p-aestheticlink__type01 ul li a,
.p-aestheticlink__type01 ul li span {
  padding: 0.1em 0.35em 0.2em 0.35em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-aestheticlink__type01 ul li strong {
  font-size: .75em;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .p-aestheticlink__type01 ul {
    gap: 1.06667vw;
  }
  .p-aestheticlink__type01 ul li {
    padding: 0.1em 0.2em;
    border-radius: 0.8vw;
  }
  .p-aestheticlink__type01.p-taglist__border ul li {
    padding: 0.2em 0.5em;
    font-size: 90%;
  }
  .p-aestheticlink__type01 ul li a,
  .p-aestheticlink__type01 ul li span {
    padding: 0.1em 0.4em 0.2em 0.4em;
  }
  .p-aestheticlink__type01 ul li strong {
    font-size: 0.625em;
  }
}

.p-top-map__box {
  display: flex;
  justify-content: space-between;
  margin-top: 53px;
}

@media screen and (max-width:768px) {
  .p-top-map__box {
    margin-top: 12px;
  }
}

/*
------------------------------------------------ */

.p-aesthetic_memu {
  text-align: left;
}

.p-aesthetic_memu p strong {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu p {
    line-height: 1.8;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu p {
    font-size: 4vw;
    line-height: 6.93333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu p + p {
    margin-top: 27px;
    margin-bottom: 27px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu p + p {
    margin-top: 6.4vw;
    margin-bottom: 6.4vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu p + p.vitamin__pointsText02 {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu p + p.vitamin__pointsText02 {
    margin-top: 3.73333vw;
  }
}

.p-aesthetic_memu .p-section {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu .p-section__inner {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu .p-section__inner {
    padding-bottom: 21.33333vw;
  }
}

.p-aesthetic_memu .p-checkBox {
  width: 100%;
  max-width: inherit;
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu .p-checkBox {
    margin-top: 2.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__pointsNote {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__title {
    margin-top: 3px;
    margin-bottom: 44px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__title {
    margin-bottom: 6.4vw;
  }
}

.p-aesthetic_memu__title01 {
  font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__title01 {
    margin-top: 60px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__title01 {
    margin-top: 8vw;
    margin-bottom: 6.4vw;
  }
}

.p-aesthetic_memu__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__grid {
    gap: 48px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__grid {
    gap: 8vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__grid--gap40 {
    gap: 40px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__grid--gap40 {
    gap: 5.33333vw;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__grid01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__column:first-child {
    width: 65.5%;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__column:last-child {
    width: 42%;
  }
}

.p-aesthetic_memu__box {
  background: #FDFBF5;
  border: 1px dashed #707070;
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__box {
    padding: 24px 24px 18px;
    margin: 33px 0;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__box {
    margin-top: 8.53333vw;
    padding: 4.26667vw;
    border-width: 0.26667vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__boxTitle {
    font-size: 1.25em;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__boxTitle {
    font-size: 4.8vw;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 4vw;
  }
}

.p-aesthetic_memu__note {
  color: #FF3B00;
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__note {
    margin-top: 14px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__note {
    margin-top: 3.73333vw;
  }
}

/* 2022/11/30 kodera add */
.p-aesthetic_memu__table {
  text-align: left;
}

.p-aesthetic_memu__table h3 {
    margin: 10px;
}

.p-aesthetic_img_grid {
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  gap: 40px;
}
@media screen and (max-width: 767px) {
  .p-aesthetic_img_grid {
    display: block;
  }
}

/* 2022/12/09 kodera add */
.p-aesthetic_img {
    text-align: center;
    margin: 20px 0px;
}
.p-aesthetic_img:nth-child(2) {
  padding-top: 60px;
}
@media screen and (max-width: 767px) {
  .p-aesthetic_img:nth-child(2) {
    padding-top: 0;
    margin-bottom: 70px;
  }
}

/* 2022/12/09 kodera add */
.p-aesthetic_memu .p-aesthetic_img img {
    width: initial;
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__table {
    overflow-x: scroll;
    padding-bottom: 5.33333vw;
  }
  .p-aesthetic_memu__table::-webkit-scrollbar {
    height: 1.86667vw;
  }
  .p-aesthetic_memu__table::-webkit-scrollbar-track {
    background: #F2F2F2;
  }
  .p-aesthetic_memu__table::-webkit-scrollbar-thumb {
    background: #D6D6D6;
    border-radius: 999px;
  }
  .p-aesthetic_memu__table::-webkit-scrollbar-thumb:hover {
    background: #F2F2F2;
  }
}

.p-aesthetic_memu__table table {
  border-collapse: collapse;
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__table table {
    min-width: 116.8vw;
  }
}

.p-aesthetic_memu__table--sp tr{
  border: none;
}

.p-aesthetic_memu__table table tr {
  border: 1px solid #000;
  border-left: 0;
  border-right: 0;
}

.p-aesthetic_memu__table table tr:first-child {
  border-top: 2px solid #000;
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__table table td {
    line-height: 1.5;
    padding: 25px 17px 23px;
  }
  .p-aesthetic_memu__table table td:nth-child(2) {
    padding-left: 46px;
  }
  .p-aesthetic_memu__table table td:nth-child(3) {
    padding-left: 29px;
    padding-right: 22px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__table table td {
    line-height: 1.6;
    padding: 5.06667vw 4.5333vw 4.8vw;
  }
}

/*2022/12/20 kodera add str*/
@media screen and (max-width: 767px) {
  .p-aesthetic_memu__tableVertical table td {
    width: 100%;    /* 幅を100%にする */
    display: block; /* ブロック要素にする */
  }
}

/*2024/2/14 sekiya add str*/

.p-aesthetic_memu__table03 {
  text-align: left;
  margin-top: 50px;
}
.p-aesthetic_memu__table03 p {
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__table03 {
    overflow-x: scroll;
    padding-bottom: 5.33333vw;
  }
  .p-aesthetic_memu__table03::-webkit-scrollbar {
    height: 1.86667vw;
  }
  .p-aesthetic_memu__table03::-webkit-scrollbar-track {
    background: #F2F2F2;
  }
  .p-aesthetic_memu__table03::-webkit-scrollbar-thumb {
    background: #D6D6D6;
    border-radius: 999px;
  }
  .p-aesthetic_memu__table03::-webkit-scrollbar-thumb:hover {
    background: #F2F2F2;
  }
}

.p-aesthetic_memu__table03 table {
  border-collapse: collapse;
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__table03 table {
    min-width: 100%;
    border-bottom: 2px solid #000;
  }
}

.p-aesthetic_memu__table03--sp tr{
  border: none;
}

.p-aesthetic_memu__table03 table tr {
  border: 1px solid #000;
  border-left: 0;
  border-right: 0;
}

.p-aesthetic_memu__table03 table tr:first-child {
  border-top: 2px solid #000;
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__table03 table td {
    line-height: 1.5;
    padding: 25px 17px 23px;
  }
  .p-aesthetic_memu__table03 table td:nth-child(2) {
    padding-left: 46px;
  }
  .p-aesthetic_memu__table03 table td:nth-child(3) {
    padding-left: 29px;
    padding-right: 22px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__table03 table tr {
    border: none;
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #000;
  }
  .p-aesthetic_memu__table03 table td {
    line-height: 1.6;
    padding: 5.06667vw 4.5333vw 4.8vw;
  }
  .p-aesthetic_memu__table03 table tr td {
    width: 50%;
  }
  .p-aesthetic_memu__table03 table td:nth-child(2) {
    padding-left: 0;
  }
}

/*2023/2/14 sekiya add end*/

.p-aesthetic_memu__tableNote {
  color: #7C7E83;
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__tableNote {
    font-size: 0.875em;
    line-height: 1.6;
    margin-left: 14px;
    text-indent: -14px;
    margin-top: 16px;
    margin-bottom: 76px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__tableNote {
    margin-top: 5.33333vw;
    font-size: 3.73333vw;
    line-height: 1.6;
    margin-bottom: 10.13333vw;
    text-indent: -3.73333vw;
    margin-left: 3.73333vw;
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__gridText {
    width: calc(710/980*100%);
  }
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__gridImg {
    width: calc(230/980*100%);
    margin-top: -17px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__gridImg {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__gridImg img {
    max-width: 61.33333vw;
  }
}

.p-aesthetic_memu__points {
  background: #FCFBF9;
  border: 1px dashed #3A3E45;
  border-left: 0;
  border-right: 0;
}

@media screen and (min-width: 768px) {
  .p-aesthetic_memu__points {
    padding: 40px 40px 56px;
    margin-top: 76px;
    margin-bottom: 67px;
  }
}

@media screen and (max-width: 767px) {
  .p-aesthetic_memu__points {
    padding: 10.66667vw;
    margin-top: 10.4vw;
    padding: 9.86667vw 6.4vw 5.33333vw;
  }
}

.aesthetic_memu__pointsTitle {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .aesthetic_memu__pointsTitle {
    margin-top: 36px;
  }
}

@media screen and (max-width: 767px) {
  .aesthetic_memu__pointsTitle {
    margin-left: 1.33333vw;
    margin-right: 1.33333vw;
  }
}

.aesthetic_memu__pointsTitle span {
  font-weight: 500;
  background: url(../../asset/img/aesthetic_dermatology/aesthetic_icon_note.svg) no-repeat;
  background-position: left center;
  background-size: 27px 27px;
}

@media screen and (min-width: 768px) {
  .aesthetic_memu__pointsTitle span {
    font-size: 1.25em;
    line-height: 1.4;
    margin-top: 30px;
    padding-left: 40px;
  }
}

@media screen and (max-width: 767px) {
  .aesthetic_memu__pointsTitle span {
    background-size: 5.33333vw;
    background-position: top 1.33333vw left;
    padding-left: 8vw;
    text-align: left;
    font-size: 4.8vw;
    line-height: 6.93333vw;
    display: inline-block;
  }
}

/*2022/12/12 kodera add*/
.stepbar {
  width: 80%;
  position: relative;
}

.stepbar:before {
  position: absolute;
  border-left: 1px dashed #3A3E45;
  content: '';
  width: 1px;
  height: calc(100% - 20px);
  bottom: 0;
  z-index: 1;
  left: 39px;
}

.stepbar .stepbarwrap {
  margin: 2em 0 3em;
  position: relative;
}

.stepbar .stepbarwrap .steptitle {
  display: flex;
  align-items: center;
  background-color: #EFF0F4;
  padding: 10px 15px;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 20px;
}

.stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 3em;
  height: 3em;
  content: "";
  border-radius: 50%;
  color: #FFFFFF;
  text-align: center;
  border: solid 1px #3A3E45;
  background-color: #3A3E45;
  z-index: 10;
}

.stepbar .stepbarwrap .steptitle .stepcircle span {
  display: inline-block;
  line-height: 1.2em;
  font-size: 0.8em;
  font-weight: bold;
  position: relative;
  top: 0.6em;
  font-family: 'Noto Serif JP', serif;
}

.stepbar .stepbarwrap .steptitle .title {
  margin: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
  width: 70%;
}

.stepbar .stepbarwrap .steptxt {
  padding-left: 4.5em;
}

.stepbar .stepbarwrap .steptxt .txt {
  line-height: 1.8;
}

@media screen and (max-width: 960px) {
  .stepbar {
    width: 100%;
  }
}

/* nemo baba add */


@media screen and (max-width:768px) {

  .p-aesthetic_memu__table02 {
    overflow: auto;
    padding-bottom: 0;
  }

  .p-aesthetic_memu__table02 table {
    min-width: 100%;
    border-bottom: 2px solid #000;
  }

  .p-aesthetic_memu__table02 table tr {
    border: none;
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #000;
  }

  .p-aesthetic_memu__table02 table tr:first-child {
    border-top: 2px solid #000;
}

.p-aesthetic_memu__table02 table tr th {
    width: 100%;
    line-height: 1.6;
    padding: 5.06667vw 0 4.8vw;
    text-align: left;
    border-bottom: 1px dotted #000;
  }

  .p-aesthetic_memu__table02 table tr td {
    width: 50%;
  }

/*   .p-aesthetic_memu__tableVertical table .u-sp__td--width{
    width: 50%;
    display: inline-block;
  } */

  .p-aesthetic_memu__table02 table td:nth-child(2) {
    padding-left: 0;
  }

  .p-aesthetic_memu__table table td {
    padding: 5.06667vw 0 4.8vw;
  }

/*   .p-aesthetic_memu__table02 table td:nth-child(3n) {
    text-align: right;
  } */

  .u-sp--tAR {
    text-align: right;
  }

  .p-aesthetic_memu__table02 table .u-sp--padding0 {
    padding: 0;
    width: 0;
  }

/*   .p-aesthetic_memu__table table .u-sp--bT {
    border-top: 1px dotted #000;
  } */

  .p-aesthetic_memu__table02.border01 table tr:nth-child(n + 3) {
    border-top: 1px dotted #000;
  }

  .p-aesthetic_memu__table02 .p-aesthetic_memu__tableVertical table tr:nth-child(n + 3) {
    border-top: 2px solid #000;
  }

  .p-aesthetic_memu__tableVertical td:nth-child(n + 4) {
    border-top: 1px dotted #000;
  }

  .p-aesthetic_memu__table02 .u-sp--width100{
    width: 100%;
  }
}

.nowrap {
  white-space:nowrap
}


@media screen and (min-width:768px) {
  .u-pc--width50 {
    width: 50%;
  }
}

/*------------------------------------------------ */
.option-table-sp {
  width: 100%;
  margin-bottom: 40px;
}
.option-table-sp tr:first-child {
  border-bottom: 1px solid #3A3E45;
  color: #916000;
}
.option-table-sp tr:first-child th {
  padding-bottom: .775em;
  text-align: left;
}
.option-table-sp tr:not(:first-child) {
  /* border-bottom: 1px dashed  #3A3E45; */
}
.option-table-sp tr:not(:first-child) th {
  padding: 0.775em 0 ;
  text-align: left;
  line-height: 1.4;
}
.option-table-sp tr:not(:first-child) th span{
  display: block;
  font-size: .875em;
  font-weight: 400;
}
.option-table-sp tr:not(:first-child) td {
  padding: 0.775em 0 ;
  text-align: right;
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  position: relative;
}
.option-table-sp tr:first-child th:last-child {
  text-align: right;
}
.p-inspectionlist_attention {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .p-inspectionlist_attention {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .option-table-sp {
    width: fit-content;
    /* margin-left: auto; */
    margin-right: auto;
    margin-bottom: 40px;
    margin-top: 100px;
  }

  .option-table-sp tr:first-child th {
    width: 200px;
  }
  .option-table-sp tr:not(:first-child) td::before {
    margin-right: 10px;
    width: 100%;
    content: "";
    border-top: 1px dashed #070707;
  }
  .option-table-sp tr:not(:first-child) td {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
.mt-10 {
  margin-top: 10px;
}
.p-test__points-block {
  width: fit-content;
  display: block;
  margin: 0 auto;
}
.p-top-aestheticmedicine__txt {
  width: 858px;
  margin: 0 auto 80px;
  position: relative;
  z-index: 15;
}
.p-top-aestheticmedicine__txt p {
  line-height: 2;
  text-align: left;
}
.p-top-aestheticmedicine__txt p + p{
  margin-top: 1em;
}
.p-top-medicalinsurance__txt {
  margin-bottom: 80px;
  position: relative;
  z-index: 15;
}
.p-top-medicalinsurance__txt p {
  line-height: 2;
  text-align: left;
}
.p-top-medicalinsurance__txt p + p{
  margin-top: 1em;
}

.p-top-medical__txt {
  display: block;
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
.p-top-medical__txt p{
  line-height: 2;
  text-align: left;
}
.p-top-medical__txt p + p{
  margin-top: 1em;
}
.p-greeList__note_list >div {
  display: flex;
}
.p-greeList__note_list >div b{
  display:block;
  width: 120px;
  flex: 0 0 auto;
  text-align: justify;
  text-align-last:justify;
  /* justify-content: flex-end; */
}
@media screen and (max-width: 768px) {
  .p-top-aestheticmedicine__txt {
    width: 88.33333vw;
  }
}